@emailmaker/emailmaker 1.0.108 → 1.0.109-alpha.2

package/static/js/8559.c810e5fe.js

@@ -0,0 +1,2 @@
+"use strict";(globalThis.webpackChunkemail_maker=globalThis.webpackChunkemail_maker||[]).push([[8559],{91452:()=>{},76614:()=>{},98612:(e,t,o)=>{o.d(t,{A:()=>S});var l=o(1936),a=o(27539),i=o(236),r=o(90176),n=o(6403),d=o(84075),m=o(71715),s=o(47706),c=o(48155),u=o.n(c),g=o(60791),p=o(72531),b=o(87796),h=o(15582),E=o(68069),f=o(41244),v=o(91480),A=o(7314),_=o(93506);const S=({block:e=null,isEditableRights:t,rightCol:o,autoSaveBlockResult:c,disabled:S})=>{const{__:B}=(0,s.s9)(),{projectId:y,blockId:k}=(0,d.g)();let x=(0,m.d4)(E.Fv),R=(0,m.d4)(E.Fv),w=(0,m.wA)();const T=(0,n.hN)(),N=(0,A.fn)(),I=(0,m.Pj)(),[P,C]=(0,l.useState)(!1),[L,F]=(0,l.useState)(null),[O,D]=(0,l.useState)(!1),[M,V]=(0,l.useState)(!1),H=(0,v.u)();(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{data:W,refetch:z}=(0,p.fo)(+y,{skip:!+y}),[G]=(0,g.Gr)(),[j,U]=(0,g.OZ)(),[X,$]=(0,g.pP)(),[q]=(0,p.OD)(),Y=`project_${y}`,K=W&&(0,f._q)(W,_.YY).find(e=>e.name===Y),Q=W&&(0,f.HT)(W,_.YY),J=(0,l.useCallback)(o=>{var l,a;if(D(!0),!t&&e.lock&&M)return T.error({id:"BLOCK_ACCESS_TO_LOCKED_ERROR",message:B("No access to edit the letter."),data:(0,n.x_)(e)}),void D(!1);if(((null===(l=e.tags)||void 0===l?void 0:l.length)||(null===(a=e.blocktags)||void 0===a?void 0:a.length))>10&&M)return T.error({id:"BLOCK_TOO_MANY_TAGS_ERROR",message:B("Maximum 10 tags available."),data:(0,n.x_)(e)}),void D(!1);if(""===e.type)return T.error({message:B("Set the type"),description:B("Please set the 'Type' field in the Settings section.")}),void D(!1);const i=t=>{var l;const a=null===(l=e.tags)||void 0===l?void 0:l.map(e=>{const o=null===Q||void 0===Q?void 0:Q.find(t=>t.name===e);return o?o.id:G({name:e,parent:t}).then(({error:t,data:o})=>{var l,a;return 400===(null===t||void 0===t?void 0:t.status)?null===t||void 0===t||null===(l=t.data)||void 0===l||null===(a=l.data)||void 0===a?void 0:a.term_id:o?o.id:void(t&&(T.fromError("TAG_CREATING_ERROR",e,t),D(!1)))})}),i=(l=null)=>{const a=o=>{I.dispatch(b.kE.endpoints.getTags.initiate({parent:t})),z(),M&&(T.success({id:"BLOCK_EDITING_SUCCESS",message:B("The block was successfully saved.","block"),data:(0,n.x_)(e)}),D(!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=${u()(l)}`:""}&url=${encodeURIComponent(`https://dev-backend-1.emailmaker.ru/get${e}/${o}?secret_hash=${u()(`${t}${o}${_.KI}`)}&raw=true`)}`)(_.IE,y,o.id,o.modified),{mode:"no-cors"}).then(()=>{})},i=(0,f._q)(e,_.zh).filter(t=>(l||e.blocktags).includes(t.id)).map(e=>e.name);e.isNew?$.status!==_.eG&&X({source:o,title:null===e.title?B("New block title"):e.title,project:e.project,type:e.type?e.type:"Other",description:e.description,html:(null===N||void 0===N?void 0:N.getValue())||"",blocktags:l?l.join(","):e.blocktags,tags:i}).then(({data:t,error:o})=>{o?(T.fromError("BLOCK_CREATING_ERROR",{title:e.title,html:(null===N||void 0===N?void 0:N.getValue())||""},o),D(!1)):a(t)}):U.status!==_.eG&&j({blockId:e.id,source:o,title:e.title,project:e.project,type:e.type?e.type:"Other",description:e.description,html:(null===N||void 0===N?void 0:N.getValue())||"",blocktags:l||e.blocktags,tags:i}).then(({data:t,error:o})=>{o&&M?(T.fromError("BLOCK_EDITING_ERROR",(0,n.x_)(e),o),D(!1)):a(t)})};a?Promise.all(a).then(e=>i(e)):i(null)};D(!0),K?i(K.id):G({name:Y}).then(async({data:t,error:o})=>{if(o)T.fromError("FOLDER_CREATING_ERROR",Y,o),D(!1);else{const{data:o,error:l}=await q({projectId:y,blocktags:t.id});l?(T.fromError("BLOCK_CLONING_ERROR",(0,n.x_)(e),l),D(!1)):o&&i(o.blocktags&&o.blocktags[0])}}).catch(e=>{})},[$.status,X,U.status,j,e,t,G,q,y,B,M,N,T,Q,z,I,K,Y]);(0,l.useEffect)(()=>{M&&(J(),V(!1))},[M,J]);const Z=(0,l.useCallback)(e=>{(e.ctrlKey||e.metaKey)&&83===e.keyCode&&(e.preventDefault(),V(!0))},[]);(0,l.useEffect)(()=>(document.addEventListener("keydown",Z),()=>{document.removeEventListener("keydown",Z)}),[Z]);const ee=(0,l.useCallback)(e=>{const t=e.data.operation,o=e.data.action;t===_.Ru.APPLICATION_ACTION&&"save_email"===o&&V(!0)},[]);return(0,h.A)(ee),(0,l.useEffect)(()=>{$.isError&&(D(!1),T.error($))},[w,$]),(0,l.useEffect)(()=>{const e=setTimeout(()=>{C(!0)},1e4);return()=>{clearTimeout(e)}},[]),(0,l.useEffect)(()=>{e.isNew&&!k&&P&&(J(),C(!1))},[P,e,J,k]),l.createElement(i.A,{title:B(L?"Save by \u2318S":"Save by Ctrl+S"),placement:o?"right":"bottomRight"},l.createElement(r.Ay,{type:"primary",block:o,className:"em-analytics__block-save",icon:l.createElement(a.A,null),onClick:()=>{H({event:"click",action:"save_block"}),V(!0)},loading:U.isLoading||q.isLoading||$.isLoading||O||c},o||x||R?"":B("Save")))}},32638:(e,t,o)=>{o.d(t,{Ay:()=>O,QG:()=>F,Wv:()=>L});var l=o(1936),a=o(236),i=o(90176),r=o(88610),n=o(6403),d=o(84075),m=o(71715),s=o(48155),c=o.n(s),u=o(47706),g=o(89591),p=o(72531),b=o(87796),h=o(15582),E=o(61062),f=o(52898),v=o(41244),A=o(942),_=o(91480),S=o(7314),B=o(36234),y=o(65185),k=o(2527),x=o(10026),R=o(93506),w=o(65893),T=o(51597),N=o(31345),I=o(98173);const P="NEXT_BUTTON",C="KEYBOARD",L=(e,t,o,l,a=!0,i=.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=${i}&format=jpg&clearCache=${a}${`&cacheControl=true&cache-hash=${c()(String(m))}`}&url=${encodeURIComponent(`https://app.emailmaker.ru/get${e}/${o}?secret_hash=${c()(`${t}${o}${R.KI}`)}&raw=true`)}${r?`&selector=${r}`:""}`},F=(e,t,o=!0,l=.8,a,i)=>{var r;let n=`https://racs.emcdn.ru/v3/file/${e}?resource=exportPngApi`;const d=null!==(r=null!==t&&void 0!==t?t:i)&&void 0!==r?r:e;return`${window.location.host.indexOf("localhost"),"https://scr.emcdn.ru"}/screenshot?delay=1000&width=800${a?"":"&fullPage=true"}&deviceScaleFactor=${l}&format=jpg&clearCache=${o}${`&cacheControl=true&cache-hash=${c()(String(d))}`}&url=${encodeURIComponent(`${n}`,`${n}`)}${a?`&selector=${a}`:""}`},O=({email:e=null,isEditableRights:t=null,autoSaveEmailResult:o,disabled:s})=>{var c,F;let O=(0,m.wA)(),D=(0,d.Zp)();const{__:M,_x:V}=(0,u.s9)(),{projectId:H,emailId:W}=(0,d.g)(),z=(0,k.p)(),G=(0,n.hN)(),j=(0,A.rD)(),U=(0,S.fn)(),X=(0,m.Pj)(),$=(0,m.d4)(f.rY),q=(0,m.d4)(f.UI),Y=(0,m.d4)(I.C1),[K,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,p.fo)(+H,{skip:!+H}),{data:oe,refetch:le}=(0,b.Jz)({parent:null===ee||void 0===ee||null===(c=ee.folder)||void 0===c?void 0:c[0]},{skip:!R.EW.isPlugin||!(null!==ee&&void 0!==ee&&null!==(F=ee.folder)&&void 0!==F&&F[0])}),[ae]=(0,g.Gr)(),[ie]=(0,b.JI)(),[re,ne]=(0,g.dN)(),[de,me]=(0,g.Kh)(),[se]=(0,p.OD)(),[ce,ue]=(0,l.useState)(!1),[ge,pe]=(0,l.useState)(""),be=`project_${H}`,he=ee&&(0,v._q)(ee,R.zh).find(e=>e.name===be),Ee=ee&&(0,v.HT)(ee,R.zh),fe=(0,y.ml)(w.AZ.BEFORE_SAVE_EMAIL),ve=(0,_.u)(),Ae=(0,l.useCallback)(o=>{var l,a;if(!t&&e.lock&&ge)return void G.error({id:"EMAIL_ACCESS_TO_LOCKED_ERROR",data:(0,n.Gy)(e),message:M("No access to edit the letter.")});if(((null===e||void 0===e||null===(l=e.tags)||void 0===l?void 0:l.length)||(null===(a=e.emailtags)||void 0===a?void 0:a.length))>10&&ge)return void G.error({id:"EMAIL_TOO_MANY_TAGS_ERROR",data:(0,n.Gy)(e),message:M("Maximum 10 tags available.")});const i=async t=>{var l;const a=Object.entries($).flatMap(([e,t])=>t.map(({value:t,label:o})=>({id:+t,name:o,parent:+e.split("_")[0]})));let i=[];q.length&&q.forEach(e=>{i.push(...null===e||void 0===e?void 0:e.children.map(e=>({id:e.id,parentId:e.parent})))});const r=(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:ae({name:e,parent:t}).then(({error:t,data:o})=>{var l,a;return 400===(null===t||void 0===t?void 0:t.status)?null===t||void 0===t||null===(l=t.data)||void 0===l||null===(a=l.data)||void 0===a?void 0:a.term_id:o?o.id:void(t&&(G.fromError("TAG_CREATING_ERROR",e,t),ue(!1)))})}))||[],d=(null===a||void 0===a?void 0:a.map(e=>{const t=null===i||void 0===i?void 0:i.find(t=>t.id===e.id);return t?t.id:ie({name:e.name,parent:e.parent}).then(({error:t,data:o})=>{var l,a;return 400===(null===t||void 0===t?void 0:t.status)?null===t||void 0===t||null===(l=t.data)||void 0===l||null===(a=l.data)||void 0===a?void 0:a.term_id:o?o.id:void(t&&(G.fromError("GROUP_CREATING_ERROR",e,t),ue(!1)))})}))||[],m=void 0!==e.tags,s=(null===a||void 0===a?void 0:a.length)>0,c=(e,l=null,a=null,i=[])=>{var r,d,m;const s=(null===(r=e.title)||void 0===r?void 0:r.trim())||(null===(d=e.subject)||void 0===d?void 0:d.trim())||M("Untitled email."),c=o=>{if(X.dispatch(b.kE.endpoints.getTags.initiate({parent:t})),!R.EW.isPlugin&&te)try{te()}catch(l){}if(ge&&(G.success({id:"EMAIL_SAVING_SUCCESS",message:M("The email was successfully saved."),data:(0,n.Gy)(e)}),ue(!1),!R.EW.isPlugin&&oe&&le))try{le()}catch(l){}R.EW.isPlugin||fetch(L(R.Tm,H,o.id,o.modified),{mode:"no-cors"}).then(()=>{})},u=(0,v._q)(e,R.zh).filter(t=>(l||e.emailtags).includes(t.id)).map(e=>e.name);var g,p,h,f,A;if(e.isNew){if(me.status!==R.eG){const t=z.get(R.A9.em_folder);de({title:s,source:o,project:e.project,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===U||void 0===U?void 0:U.getValue())||"",parent_email:e.parent_email||R.iU,common_styles:e.common_styles||"",emailtags:l?l.join(","):e.emailtags,tags:u,group:a||e.group,is_template:e.is_template||!1,is_inited:e.is_inited,renderGuid:e.renderGuid,folder:t!==R.y2&&t}).then(({data:t,error:l})=>{Ne.current=!1,l?(o===P&&Ie(!1),ge&&G.fromError("EMAIL_CREATING_ERROR",{title:e.title,code:(null===U||void 0===U?void 0:U.getValue())||""},l),ue(!1)):(O((0,E.aY)(null)),c(t),z.remove(R.A9.em_folder))})}}else ne.status!==R.eG&&re({emailId:e.id,source:o,title:s,project:e.project,preheader:e.preheader,subject:e.subject,utm_parameters:{utm_source:null===(g=e.utm_parameters)||void 0===g?void 0:g.utm_source,utm_medium:null===(p=e.utm_parameters)||void 0===p?void 0:p.utm_medium,utm_campaign:null===(h=e.utm_parameters)||void 0===h?void 0:h.utm_campaign,utm_term:null===(f=e.utm_parameters)||void 0===f?void 0:f.utm_term,utm_content:null===(A=e.utm_parameters)||void 0===A?void 0:A.utm_content},description:e.description,html:(null===U||void 0===U?void 0:U.getValue())||"",common_styles:e.common_styles||"",emailtags:l||e.emailtags,tags:u,group:a||e.group,is_template:e.is_template||!1}).then(({error:t})=>{Ne.current=!1,t?(o===P&&Ie(!1),ge&&G.fromError("EMAIL_EDITING_ERROR",(0,n.Gy)(e),t),ue(!1)):c(e)});ve({event:"save",action:o?"save_email":"auto_save_email",email_id:e.id,project_id:H,subscription:null===Y||void 0===Y||null===(m=Y.subscription)||void 0===m?void 0:m.post_title})},u={...e};fe.fire(u).finally(()=>{m||s?Promise.all(r).then(e=>{Promise.all(d).then(t=>{c(u,m?e:null,s?t:null,[])})}):c(u,null,null,[])})};ue(!0),he?i(he.id):ae({name:be}).then(async({data:t,error:o})=>{if(o)G.fromError("FOLDER_CREATING_ERROR",be,o),ue(!1);else{const{data:o,error:l}=await se({projectId:H,emailtags:t.id});l?(G.fromError("EMAIL_CLONING_ERROR",(0,n.Gy)(e),l),ue(!1)):o&&i(o.emailtags&&o.emailtags[0])}}).catch(e=>{})},[me.status,de,ne.status,re,e,t,ae,O,se,H,ee,M,V,ge,U,Ee,fe]);(0,B.D3)(T.Kp,(0,l.useCallback)(e=>Ae(e||"EXTERNAL"),[Ae]));const _e=(0,y.ml)(w.AZ.ON_NEXTBUTTON_CLICK_ID),Se=(0,y.ml)(w.AZ.ON_SAVEBUTTON_CLICK_ID);(0,l.useEffect)(()=>{ge&&(setTimeout(()=>Ae(ge)),pe(""))},[ge]);const Be=(0,l.useCallback)(e=>{(e.ctrlKey||e.metaKey)&&83===e.keyCode&&(e.preventDefault(),pe(C))},[Ae]);(0,l.useEffect)(()=>(document.addEventListener("keydown",Be),()=>{document.removeEventListener("keydown",Be)}),[Be]);const ye=(0,l.useCallback)(e=>{const t=e.data.operation,o=e.data.action;t===R.Ru.APPLICATION_ACTION&&"save_email"===o&&pe(C)},[Ae]);(0,h.A)(ye),(0,l.useEffect)(()=>{e.isNew&&me.isSuccess&&(ue(!0),O(g.GY.util.upsertQueryData("getEmail",me.data.id,{...me.data,lock:e.lock,isAmp:e.isAmp,subject:e.subject,preheader:e.preheader,description:e.description,html:(null===U||void 0===U?void 0:U.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(()=>{D(`/projects/${me.data.project}/emails/${me.data.id}`),ue(!1),ge&&G.success({id:"EMAIL_SAVING_SUCCESS",message:M("The email was successfully saved."),data:(0,n.Gy)(e)})}))},[D,O,me,e.isNew,M,V,ge,U]);const ke=(0,y._q)(w.AZ.ON_EMAIL_INIT_ID);(0,l.useEffect)(()=>{let e=0;const t=ke(()=>{e=setTimeout(()=>Q(!0),1e4)});return()=>{e&&clearTimeout(e),t.dispose()}},[Q,ke]),(0,l.useEffect)(()=>{e.isNew&&!W&&K&&(Ae(),Q(!1))},[K,e,Ae,W]);const xe=ne.isLoading||(null===se||void 0===se?void 0:se.isLoading)||me.isLoading||ce||o&&o.isLoading,Re=j.saveButtonEnabled&&l.createElement(a.A,{key:"save-button",title:M(J?"Save by \u2318S":"Save by Ctrl+S"),placement:"bottom"},l.createElement(i.Ay,{disabled:s,type:j.nextButtonEnabled?"default":"primary",block:"false",className:"em-analytics__email-save",loading:xe,icon:l.createElement(x.A,{icon:"SaveOutlined",size:16,strokeWidth:j.iconStrokeWidth}),onClick:async()=>{const t={...e,html:U.getValue()};try{!1!==await Se.fire(t)&&pe("SAVE_BUTTON")}catch(o){G.fromError("SAVE_BUTTON_CLICK_EVENT_ERROR",(0,n.Gy)(t),o,!0)}}},j.saveButtonText||M("Save"))),we=!1!==j.disableDoubleClickNextButton,Te=!1===j.activeNextButton,Ne=(0,l.useRef)(!1),Ie=e=>{O((0,N.wj)(!e))},Pe=j.nextButtonEnabled&&l.createElement(i.Ay,{disabled:s||Te,key:"next-button",type:"primary",block:"false",className:"em-analytics__email-save",icon:j.primaryCommandButtonIcon,loading:xe,onClick:async()=>{if(Ne.current)return;Ne.current=!0;const t={...e,html:U.getValue()};try{we&&Ie(!0),(await _e.fire(t)).every(e=>!1!==e)?pe(P):(Ie(!1),Ne.current=!1)}catch(o){G.fromError("NEXT_BUTTON_CLICK_EVENT_ERROR",(0,n.Gy)(t),o,!0),Ie(!1),Ne.current=!1}}},j.nextButtonText||M("Continue"));return l.createElement(l.Fragment,null,j.saveButtonEnabled&&j.nextButtonEnabled?l.createElement(r.A,null,[Re,Pe]):[Re,Pe])}},36874:(e,t,o)=>{o.d(t,{A:()=>n});var l=o(1936),a=o(6056),i=o.n(a),r=o(85541);o(91452);const n=({className:e=null,selectedElement:t={parent:!1},formSettings:o,emailElementType:a,formName:n})=>l.createElement("div",{className:i()("selected-element-panel",{[e]:e}),style:{height:"100%"}},l.createElement(r.A,{className:i()("selected-element-panel__content SelectedElementPanel",{"column-settings-show":!!t.floatBlocks&&t.floatBlocks.items.length>1}),emailElementType:a,formSettings:o,formName:n}))},76233:(e,t,o)=>{o.d(t,{A:()=>g});var l=o(1936),a=o(6143),i=o(56893),r=o(88610),n=o(236),d=o(47706),m=o(93506),s=o(10026),c=o(7714),u=o(942);const g=({form:e,elementSettings:t,imgParent:o=!1,name:g="align",setAlignStateHandle:p=e=>{},withHotKeys:b=!0})=>{const{__:h}=(0,d.s9)(),E=(0,c.XW)(),[f,v]=(0,l.useState)(t[g]),A=(0,u.rD)(),[_,S]=(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")&&S(!0)},[]);const B=o=>{const l=o.target.value;p(l);const a={[g]:""};l!==f?v(l):(v(""),e.setFieldsValue(a),E({operation:m.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:a}))};return l.createElement(a.A.Item,{name:g},l.createElement(i.Ay.Group,{disabled:o&&!t.parent},l.createElement(r.A,{size:8},l.createElement(n.A,{placement:"bottom",title:h(b?_?"Text align left ( \u2318+Shift+L )":"Text align left ( Ctrl+Shift+L )":"Text align left")},l.createElement(i.Ay.Button,{value:"left",onClick:B},l.createElement(s.A,{icon:"AlignLeftOutlined",size:18,strokeWidth:A.iconStrokeWidth}))),l.createElement(n.A,{placement:"bottom",title:h(b?_?"Text align center ( \u2318+Shift+E )":"Text align center ( Ctrl+Shift+E )":"Text align center")},l.createElement(i.Ay.Button,{value:"center",onClick:B},l.createElement(s.A,{icon:"AlignCenterOutlined",size:18,strokeWidth:A.iconStrokeWidth}))),l.createElement(n.A,{placement:"bottom",title:h(b?_?"Text align right ( \u2318+Shift+R )":"Text align right ( Ctrl+Shift+R )":"Text align right")},l.createElement(i.Ay.Button,{value:"right",onClick:B},l.createElement(s.A,{icon:"AlignRightOutlined",size:18,strokeWidth:A.iconStrokeWidth}))),l.createElement(n.A,{placement:"bottom",title:h(b?_?"Text align justify ( \u2318+Shift+J )":"Text align justify ( Ctrl+Shift+J )":"Text align justify")},l.createElement(i.Ay.Button,{value:"justify",onClick:B},l.createElement(s.A,{icon:"Justify",size:18,strokeWidth:A.iconStrokeWidth}))))))}},41519:(e,t,o)=>{o.d(t,{A:()=>N});var l=o(1936),a=o(18021),i=o(6143),r=o(236),n=o(56893),d=o(14516),m=o(7494),s=o(88259),c=o(88610),u=o(12409),g=o(87067),p=o(99230),b=o(78777),h=o(72986),E=o(43344),f=o(27159),v=o(83715),A=o(6056),_=o.n(A),S=o(47706),B=o(71715),y=o(73758),k=o(10026),x=o(52898),R=o(57546);const{useToken:w}=a.A,T={mobileBorderAll:"all",mobileBorderTop:"top",mobileBorderBottom:"bottom",mobileBorderRight:"right",mobileBorderLeft:"left"},N=({form:e,namePrefix:t="",typeOfForm:o="desktop",elementSettings:a,onBorderSideClear:A})=>{const{__:N,_x:I}=(0,S.s9)(),{token:P}=w(),C=(0,B.d4)(x.uJ),L="mobile"===o,F=L?"mobileBorderPosition":"borderPosition",O=i.A.useWatch(t+F,e),D=O?O.replace(t,""):L?"mobileBorderAll":"borderAll",M=e.getFieldsValue(!0),V={borderAll:t+(L?"mobileBorderAll":"borderAll"),borderTop:t+(L?"mobileBorderTop":"borderTop"),borderBottom:t+(L?"mobileBorderBottom":"borderBottom"),borderRight:t+(L?"mobileBorderRight":"borderRight"),borderLeft:t+(L?"mobileBorderLeft":"borderLeft")},H=L?{mobileBorderAll:t+"mobileBorderAll",mobileBorderTop:t+"mobileBorderTop",mobileBorderBottom:t+"mobileBorderBottom",mobileBorderRight:t+"mobileBorderRight",mobileBorderLeft:t+"mobileBorderLeft"}:{borderAll:t+"borderAll",borderTop:t+"borderTop",borderBottom:t+"borderBottom",borderRight:t+"borderRight",borderLeft:t+"borderLeft"},W=e=>(null===e||void 0===e?void 0:e.width)||(null===e||void 0===e?void 0:e.style)||(null===e||void 0===e?void 0:e.color),z=L?["mobileBorderTop","mobileBorderLeft","mobileBorderAll","mobileBorderRight","mobileBorderBottom"]:["borderTop","borderLeft","borderAll","borderRight","borderBottom"],G=(t,o)=>{o.stopPropagation();const l=H[t];e.setFieldsValue({[l]:R.RH}),null===A||void 0===A||A({[l]:R.RH})},j=(e,t,o,i,d="top")=>l.createElement("div",{key:e,className:"selected-td-form__border-side-wrapper"},l.createElement(r.A,{placement:d,title:i},l.createElement(n.Ay.Button,{value:t,className:_()("",{"selected-td-form__border-radio":W(M[t])}),style:e.includes("Top")||e.includes("Bottom")?{margin:"auto"}:void 0},l.createElement(o,null))),(L?(e=>{if(!L||null===a||void 0===a||!a.mobileBorder)return!1;const t=T[e],o=a.mobileBorder[t];return!!o&&(!(null===o||void 0===o||!o.width)||!(null===o||void 0===o||!o.style)||!(null===o||void 0===o||!o.color))})(e)&&W(M[t]):W(M[t]))&&l.createElement("span",{className:"selected-td-form__border-side-clear",onClick:t=>{t.stopPropagation(),G(e,t)},onMouseDown:e=>e.stopPropagation(),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),G(e,t))},role:"button",tabIndex:0,"aria-label":N("Clear border")},l.createElement(k.A,{icon:"Close",size:12,strokeWidth:2})));return l.createElement(d.A,{gutter:30},l.createElement(m.A,{span:12,className:"selected-td-form__border-col"},l.createElement(i.A.Item,{name:[H[D],"color"],className:"form-item-margin-xs"},l.createElement(y.A,{placeholder:N("Color"),usedColors:C.usedColors})),l.createElement(i.A.Item,{name:[H[D],"width"],className:"form-item-margin-xs"},l.createElement(s.A,{min:0,placeholder:I("Width","border"),addonAfter:"px"})),l.createElement(i.A.Item,{name:[H[D],"style"],className:"form-item-margin-xs"},l.createElement(n.Ay.Group,null,l.createElement(c.A,{size:8},l.createElement(r.A,{placement:"bottom",title:N("None")},l.createElement(n.Ay.Button,{value:""},l.createElement(k.A,{icon:"Close",size:16,strokeWidth:2}))),l.createElement(r.A,{placement:"bottom",title:N("Solid")},l.createElement(n.Ay.Button,{value:"solid"},l.createElement(u.A,null))),l.createElement(r.A,{placement:"bottom",title:N("Dashed")},l.createElement(n.Ay.Button,{value:"dashed"},l.createElement(g.A,null))),l.createElement(r.A,{placement:"bottom",title:N("Dotted")},l.createElement(n.Ay.Button,{value:"dotted"},l.createElement(p.A,null))))))),l.createElement(m.A,{span:12,style:{textAlign:"center"}},l.createElement(i.A.Item,{label:"",name:t+F,labelCol:{span:8}},l.createElement(n.Ay.Group,null,l.createElement(c.A,{size:P.formItemMarginBottomXS,direction:"vertical"},l.createElement(d.A,{style:{justifyContent:"center"}},j(z[0],V.borderTop,b.A,N("Above"),"top")),l.createElement(d.A,null,l.createElement(c.A,{size:P.formItemMarginBottomXS},j(z[1],V.borderLeft,h.A,N("On the left"),"left"),j(z[2],V.borderAll,E.A,N("Around"),"top"),j(z[3],V.borderRight,f.A,N("On the right"),"right"))),l.createElement(d.A,{style:{justifyContent:"center"}},j(z[4],V.borderBottom,v.A,N("Below"),"bottom")))))))}},22813:(e,t,o)=>{o.d(t,{A:()=>S});var l=o(1936),a=o(14516),i=o(7494),r=o(88610),n=o(6143),d=o(90176),m=o(236),s=o(48459),c=o(11374),u=o(83318),g=o(22323),p=o(6056),b=o.n(p),h=o(47706),E=o(49595),f=o(47456),v=o(7714),A=o(93506),_=o(57546);const S=({form:e,oneBorderRadiusValue:t,setOneBorderRadiusValue:o,elementSettings:p,namePrefix:S="",typeOfForm:B="desktop"})=>{const{__:y}=(0,h.s9)(),k=(0,v.XW)(),x="mobile"===B,R=x?"mobileBorderRadius":"borderRadius",w=x?"mobileBorderRadiusAll":"borderRadiusAll",T=x?"mobileBorderRadiusTopLeft":"borderRadiusTopLeft",N=x?"mobileBorderRadiusTopRight":"borderRadiusTopRight",I=x?"mobileBorderRadiusBottomRight":"borderRadiusBottomRight",P=x?"mobileBorderRadiusBottomLeft":"borderRadiusBottomLeft",C=x?_.NW:_.wF;return l.createElement(a.A,{gutter:10},l.createElement(i.A,{span:12},l.createElement(r.A,{size:10,align:"start"},l.createElement(n.A.Item,{name:S+[w]},l.createElement(f.A,{min:0,placeholder:y("Border radius"),prefix:l.createElement(E.h,{className:"selected-td-form__icon-radius"}),disabled:!t,addonAfter:"px"})))),l.createElement(i.A,{span:12},l.createElement(d.Ay,{className:b()("selected-td-form__button",{"selected-td-form__button--active":!t}),onClick:()=>{const l=e.getFieldsValue(!0);let a;if(t)e.setFieldsValue({[T]:l[w]||null,[P]:l[w]||null,[N]:l[w]||null,[I]:l[w]||null}),a={[R]:{[C[T]]:l[w]||0,[C[P]]:l[w]||0,[C[N]]:l[w]||0,[C[I]]:l[w]||0}};else{const t=l[T]===l[P]&&l[T]===l[N]&&l[T]===l[I];t?(e.setFieldsValue({[w]:t?l[T]:null}),a={[R]:{[C[w]]:l[T]}}):(e.setFieldsValue({[T]:null,[P]:null,[N]:null,[I]:null}),a={[R]:{[C[w]]:0,[C[T]]:0,[C[P]]:0,[C[N]]:0,[C[I]]:0}})}let i=x?{mobileBorderRadius:{all:l.mobileBorderRadiusAll||null,classNamePrefix:"em-mob-border_radius_all-"}}:{[`${S}${R}`]:{...p[`${S}${R}`],...a[`${S}${R}`]}};k({operation:A.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:p.type,settings:i}),o(e=>!e)}},l.createElement(E.h,{className:"selected-td-form__icon-radius"}))),l.createElement(i.A,null,l.createElement(a.A,{gutter:10,style:{marginTop:-10}},l.createElement(i.A,{span:12},l.createElement(m.A,{placement:"bottom",title:y("Top left corner")},l.createElement(n.A.Item,{hidden:t,name:S+[T],className:"form-item-margin-xs"},l.createElement(f.A,{min:0,prefix:l.createElement(s.A,null),style:{minHeight:10},addonAfter:"px"}))),l.createElement(m.A,{placement:"bottom",title:y("Bottom left corner")},l.createElement(n.A.Item,{hidden:t,name:S+[P]},l.createElement(f.A,{min:0,prefix:l.createElement(c.A,null),style:{minHeight:10},addonAfter:"px"})))),l.createElement(i.A,{span:12},l.createElement(m.A,{placement:"bottom",title:y("Top right corner")},l.createElement(n.A.Item,{hidden:t,name:S+[N],className:"form-item-margin-xs"},l.createElement(f.A,{min:0,prefix:l.createElement(u.A,null),style:{minHeight:10},addonAfter:"px"}))),l.createElement(m.A,{placement:"bottom",title:y("Bottom right corner")},l.createElement(n.A.Item,{hidden:t,name:S+[I]},l.createElement(f.A,{min:0,prefix:l.createElement(g.A,null),style:{minHeight:10},addonAfter:"px"})))))))}},45870:(e,t,o)=>{o.d(t,{A:()=>g});var l=o(1936),a=o(6143),i=o(56893),r=o(88610),n=o(236),d=o(47706),m=o(10026),s=o(93506),c=o(7714),u=o(942);const g=({form:e,elementSettings:t,tooltipTitle:o,disabled:g=!1,isNewIconType:p=!1})=>{const{__:b}=(0,d.s9)(),h=(0,c.XW)(),[E,f]=(0,l.useState)(t.valign),v=(0,u.rD)(),A=o=>{const l=o.target.value,a={valign:""};l!==E?f(l):(f(""),e.setFieldsValue(a),h({operation:s.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:a}))};return l.createElement(a.A.Item,{name:"valign"},l.createElement(i.Ay.Group,{disabled:g},l.createElement(r.A,{size:8},l.createElement(n.A,{placement:"bottom",title:b("Align top")},l.createElement(i.Ay.Button,{value:"top",onClick:A},l.createElement(m.A,{icon:p?"NewVerticalAlignTop":"AlignVerticalTop",size:18,strokeWidth:v.iconStrokeWidth}))),l.createElement(n.A,{placement:"bottom",title:b("Center vertically")},l.createElement(i.Ay.Button,{value:"middle",onClick:A},l.createElement(m.A,{icon:p?"NewVerticalAlignCenter":"AlignVerticalCenter",size:18,strokeWidth:v.iconStrokeWidth}))),l.createElement(n.A,{placement:"bottom",title:b("Align bottom")},l.createElement(i.Ay.Button,{value:"bottom",onClick:A},l.createElement(m.A,{icon:p?"NewVerticalAlignBottom":"AlignVerticalBottom",size:18,strokeWidth:v.iconStrokeWidth}))))))}},27468:(e,t,o)=>{o.d(t,{A:()=>u});var l=o(1936),a=o(18021),i=o(6143),r=o(91113),n=o(41244),d=o(93506),m=o(32962);const{useToken:s}=a.A,c=({form:e,label:t,name:o,disabled:a,elementSettings:c})=>{var u;const{token:g}=s(),[p,b]=(0,l.useState)("success"),h=(0,m.FH)((null===c||void 0===c?void 0:c.type)===d.bV.CAROUSEL?["images",o]:[o],e);return(0,l.useEffect)(()=>{h?(0,n.DI)(h).then(e=>{b(e)}).catch(e=>{b(e)}):b("")},[h]),l.createElement(i.A.Item,{name:o,validateStatus:p,style:{marginBottom:g.formItemMarginBottomXS}},l.createElement(r.A,{validateStatus:p,placeholder:t,name:o,disabled:a,elementSettings:c,imageInfo:(null===c||void 0===c?void 0:c.type)===d.bV.CAROUSEL?null===c||void 0===c||null===(u=c.carouselImages)||void 0===u?void 0:u[o.split("_")[1]]:c}))};c.defaulProps={disabled:!1};const u=c},85541:(e,t,o)=>{o.d(t,{A:()=>fo});var l=o(1936),a=o(26458),i=o(6056),r=o.n(i),n=o(71715),d=o(52898),m=o(68069),s=o(84075),c=o(18021),u=o(6143),g=o(236),p=o(28378),b=o(14516),h=o(7494),E=o(54760),f=o(90176),v=o(80782),A=o(88610),_=o(84226),S=o(5199),B=o(82355),y=o(17536),k=o(22050),x=o(5488),R=o(50028),w=o(72533),T=o.n(w),N=o(27468),I=o(41519),P=o(22813),C=o(56893),L=o(47706),F=o(10026),O=o(93506),D=o(7714),M=o(942);const V=({form:e,elementSettings:t,imgParent:o=!1,name:a="align"})=>{const{__:i}=(0,L.s9)(),r=(0,D.XW)(),[n,d]=(0,l.useState)(t[a]),m=(0,M.rD)(),s=o=>{const l=o.target.value,i={[a]:""};l!==n?d(l):(d(""),e.setFieldsValue(i),r({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:i}))};return l.createElement(u.A.Item,{name:a},l.createElement(C.Ay.Group,{disabled:o&&!t.parent},l.createElement(A.A,{size:8},l.createElement(g.A,{placement:"bottom",title:i("Align left")},l.createElement(C.Ay.Button,{value:"left",onClick:s},l.createElement(F.A,{icon:"AlignHorizontalLeft",size:18,strokeWidth:m.iconStrokeWidth}))),l.createElement(g.A,{placement:"bottom",title:i("Center horizontally")},l.createElement(C.Ay.Button,{value:"center",onClick:s},l.createElement(F.A,{icon:"AlignHorizontalCenter",size:18,strokeWidth:m.iconStrokeWidth}))),l.createElement(g.A,{placement:"bottom",title:i("Align right  ")},l.createElement(C.Ay.Button,{value:"right",onClick:s},l.createElement(F.A,{icon:"AlignHorizontalRight",size:18,strokeWidth:m.iconStrokeWidth}))))))};var H=o(45870),W=o(90947),z=o(22083),G=o(47456),j=o(73758);const U=({typeOfForm:e="desktop"})=>{const{__:t}=(0,L.s9)(),o=(0,n.d4)(d.uJ),a="mobile"===e,i=a?"mobileBoxShadowHOffset":"boxShadowHOffset",r=a?"mobileBoxShadowVOffset":"boxShadowVOffset",m=a?"mobileBoxShadowBlurRadius":"boxShadowBlurRadius",s=a?"mobileBoxShadowSpreadRadius":"boxShadowSpreadRadius",c=a?"mobileBoxShadowColor":"boxShadowColor",p=a?"mobileBoxShadowInset":"boxShadowInset";return l.createElement(l.Fragment,null,l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:12},l.createElement(g.A,{placement:"bottom",title:t("Horizontal offset")},l.createElement(u.A.Item,{name:i,className:"form-item-margin-xs"},l.createElement(G.A,{placeholder:t("Horizontal offset"),prefix:l.createElement(z.A,null),addonAfter:"px"})))),l.createElement(h.A,{span:12},l.createElement(g.A,{placement:"bottom",title:t("Vertical offset")},l.createElement(u.A.Item,{name:r,className:"form-item-margin-xs"},l.createElement(G.A,{placeholder:t("Vertical offset"),prefix:l.createElement(F.A,{icon:"VerticalOffset"}),addonAfter:"px"})))),l.createElement(h.A,{span:12},l.createElement(g.A,{placement:"bottom",title:t("Blur radius")},l.createElement(u.A.Item,{name:m,className:"form-item-margin-xs"},l.createElement(G.A,{min:0,placeholder:t("Blur radius"),prefix:l.createElement(F.A,{icon:"Blur",style:{fontSize:16,marginLeft:-2}}),addonAfter:"px"})))),l.createElement(h.A,{span:12},l.createElement(g.A,{placement:"bottom",title:t("Spread radius")},l.createElement(u.A.Item,{name:s,className:"form-item-margin-xs"},l.createElement(G.A,{placeholder:t("Spread radius"),prefix:l.createElement(F.A,{icon:"ZoomOutMap"}),addonAfter:"px"})))),l.createElement(h.A,{span:12},l.createElement(A.A,{size:10,align:"start"},l.createElement(u.A.Item,{name:c},l.createElement(j.A,{usedColors:o.usedColors})))),l.createElement(h.A,{span:12},l.createElement(g.A,{title:t("Shadow inside or outside of the element"),key:"inset",placement:"bottom"},l.createElement(u.A.Item,{name:p,valuePropName:"value"},l.createElement(W.A,{style:{width:"100%"},options:[{label:t("Outside"),value:!1},{label:t("Inside"),value:!0}]}))))))};var X=o(35711),$=o(20279);const{useToken:q}=c.A,Y=({form:e,name:t,elementSettings:o,isPicture:a})=>{var i;const{__:r}=(0,L.s9)(),n=(0,D.XW)(),d=(0,l.useRef)(),m=(0,l.useRef)(),[s,c]=(0,l.useState)("auto"===(null===(i=o[t])||void 0===i?void 0:i.value)),{token:g}=q(),[p,b]=(0,l.useState)("");return l.createElement(l.Fragment,null,l.createElement(u.A.Item,{name:t,style:{marginBottom:g.formItemMarginBottomXS/2}},l.createElement(G.A,{ref:d,min:0,max:p,placeholder:r("Width"),onChange:o=>{c(!1),b("%"===e.getFieldsValue(!0)[t+"Dim"]?100:"")},prefix:l.createElement(B.A,null),addonAfter:l.createElement(u.A.Item,{name:t+"Dim",noStyle:!0},$.z$)})),!a&&l.createElement(A.A,{size:8,align:"end"},l.createElement(X.A,{ref:m,size:"small",checked:s,onChange:l=>{d.current.value=null,e.setFieldsValue({[t]:"",[t+"Dim"]:"px"}),c(e=>!e),n({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:o.type,settings:{[t]:{classNamePrefix:"em-mob-width-",value:s?null:"auto",dim:""}}})},id:"auto-width"}),l.createElement("div",{className:"ant-form-item-switch-label-small",style:{position:"relative",top:2}},l.createElement("label",{htmlFor:"auto-width"},r("Auto")))))},{useToken:K}=c.A,Q=({form:e,name:t,elementSettings:o,isPicture:a})=>{var i;const{__:r}=(0,L.s9)(),n=(0,D.XW)(),d=(0,l.useRef)(),m=(0,l.useRef)(),[s,c]=(0,l.useState)("auto"===(null===(i=o.mobileHeight)||void 0===i?void 0:i.value)),{token:g}=K();return l.createElement(l.Fragment,null,l.createElement(u.A.Item,{name:t,style:{marginBottom:g.formItemMarginBottomXS/2}},l.createElement(G.A,{ref:d,min:0,placeholder:r("Height"),onChange:e=>{c(!1)},prefix:l.createElement(y.A,null),addonAfter:"px"})),!a&&l.createElement(A.A,{size:8,align:"end"},l.createElement(X.A,{ref:m,size:"small",checked:s,onChange:t=>{d.current.value=null,e.setFieldsValue({mobileHeight:"",mobileHeightDim:"px"}),c(e=>!e),n({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:o.type,settings:{mobileHeight:{classNamePrefix:"em-mob-height-",value:s?null:"auto",dim:""}}})},id:"auto-height"}),l.createElement("div",{className:"ant-form-item-switch-label-small",style:{position:"relative",top:2}},l.createElement("label",{htmlFor:"auto-height"},r("Auto")))))},J=({form:e,elementSettings:t,imgParent:o=!1,name:a="mobileAlign"})=>{var i;const{__:r}=(0,L.s9)(),[n,d]=(0,l.useState)(null===(i=t[a])||void 0===i?void 0:i.value),m=(0,D.XW)(),s=(0,M.rD)(),c=o=>{const l=o.target.value,i={[a]:{classNamePrefix:"em-mob-text_align-",value:""}};l!==n?d(l):(d(""),e.setFieldsValue(i),m({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:i}))};return l.createElement(u.A.Item,{name:a},l.createElement(C.Ay.Group,{disabled:o&&!t.parent},l.createElement(A.A,{size:8},l.createElement(g.A,{placement:"bottom",title:r("Align left")},l.createElement(C.Ay.Button,{value:"left",onClick:c},l.createElement(F.A,{icon:"AlignHorizontalLeft",size:18,strokeWidth:s.iconStrokeWidth}))),l.createElement(g.A,{placement:"bottom",title:r("Center horizontally")},l.createElement(C.Ay.Button,{value:"center",onClick:c},l.createElement(F.A,{icon:"AlignHorizontalCenter",size:18,strokeWidth:s.iconStrokeWidth}))),l.createElement(g.A,{placement:"bottom",title:r("Align right  ")},l.createElement(C.Ay.Button,{value:"right",onClick:c},l.createElement(F.A,{icon:"AlignHorizontalRight",size:18,strokeWidth:s.iconStrokeWidth}))))))},Z=({form:e,elementSettings:t,tooltipTitle:o})=>{var a;const{__:i}=(0,L.s9)(),[r,n]=(0,l.useState)(null===(a=t.mobileVerticalAlign)||void 0===a?void 0:a.value),d=(0,D.XW)(),m=(0,M.rD)(),s=o=>{const l=o.target.value,a={mobileVerticalAlign:{classNamePrefix:"em-mob-vertical_align",value:""}};l!==r?n(l):(n(""),e.setFieldsValue(a),d({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:a}))};return l.createElement(u.A.Item,{name:"mobileVerticalAlign"},l.createElement(C.Ay.Group,null,l.createElement(A.A,{size:8},l.createElement(g.A,{placement:"bottom",title:i("Align top")},l.createElement(C.Ay.Button,{value:"top",onClick:s},l.createElement(F.A,{icon:"AlignVerticalTop",size:18,strokeWidth:m.iconStrokeWidth}))),l.createElement(g.A,{placement:"bottom",title:i("Center vertically")},l.createElement(C.Ay.Button,{value:"middle",onClick:s},l.createElement(F.A,{icon:"AlignVerticalCenter",size:18,strokeWidth:m.iconStrokeWidth}))),l.createElement(g.A,{placement:"bottom",title:i("Align bottom")},l.createElement(C.Ay.Button,{value:"bottom",onClick:s},l.createElement(F.A,{icon:"AlignVerticalBottom",size:18,strokeWidth:m.iconStrokeWidth}))))))};var ee=o(12505),te=o(71259);const oe=({form:e,elementSettings:t})=>{const{__:o}=(0,L.s9)();return l.createElement(u.A.Item,{name:"show"},l.createElement(C.Ay.Group,null,l.createElement(A.A,{size:8},l.createElement(C.Ay.Button,{value:"all"},o("Both")),l.createElement(g.A,{placement:"top",title:o("Desktop")},l.createElement(C.Ay.Button,{value:"desktop"},l.createElement(ee.A,null))),l.createElement(g.A,{placement:"top",title:o("Mobile")},l.createElement(C.Ay.Button,{value:"mobile"},l.createElement(te.A,null))))))};var le=o(18016),ae=o(5464),ie=o(88259),re=o(81400),ne=o(54621),de=o(49654);const{useToken:me}=c.A,se=({form:e,elementSettings:t,handleChangeValues:o})=>{const{__:a}=(0,L.s9)(),i=(0,l.useRef)(),{token:n}=me(),[d,m]=(0,l.useState)(!1),[s,c]=(0,l.useState)(!1),[p,E]=(0,l.useState)(!1),[v,_]=(0,l.useState)(!1),[S,B]=(0,l.useState)(!1);(0,l.useEffect)(()=>{let e=new URL("https://emailmaker.ru/?"+t.countdown);m(e.searchParams.get("font1").endsWith("-b")||e.searchParams.get("font1").endsWith("-bi")),c(e.searchParams.get("font1").endsWith("-i")||e.searchParams.get("font1").endsWith("-bi")),E(e.searchParams.get("font2").endsWith("-b")||e.searchParams.get("font2").endsWith("-bi")),_(e.searchParams.get("font2").endsWith("-i")||e.searchParams.get("font2").endsWith("-bi")),B("true"===e.searchParams.get("tp"))},[t]);const y=[{value:"-12",label:a("-12:00 Apia")},{value:"-11",label:a("-11:00 Pago Pago, Midway Atoll")},{value:"-10",label:a("-10:00 Honolulu, Anchorage")},{value:"-9",label:a("-9:00 Anchorage, Yukon")},{value:"-8",label:a("-8:00 Los Angeles, Vancouver")},{value:"-7",label:a("-7:00 Denver, Phoenix")},{value:"-6",label:a("-6:00 Mexico City, Guadalajara")},{value:"-5",label:a("-5:00 New York, Toronto, Havana")},{value:"-4",label:a("-4:00 Caracas, Santo Domingo")},{value:"-3",label:a("-3:00 Buenos Aires, Santiago, Montevideo")},{value:"-2",label:a("-2:00 South Georgia, Saint Helena")},{value:"-1",label:a("-1:00 Azores, Cape Verde")},{value:"0",label:a("+0:00 London, Lisbon, Dublin")},{value:"1",label:a("+1:00 Paris, Berlin, Rome")},{value:"2",label:a("+2:00 Athens, Kiev, Istanbul")},{value:"3",label:a("+3:00 Istanbul, Doha, Baghdad")},{value:"4",label:a("+4:00 Baku, Dubai, Tbilisi")},{value:"5",label:a("+5:00 Karachi, Tashkent, Islamabad")},{value:"6",label:a("+6:00 Almaty, Dhaka, Bishkek")},{value:"7",label:a("+7:00 Bangkok, Ho Chi Minh City, Jakarta")},{value:"8",label:a("+8:00 Beijing, Hong Kong, Singapore")},{value:"9",label:a("+9:00 Tokyo, Seoul, Jayapura")},{value:"10",label:a("+10:00 Sydney, Melbourne, Port Moresby")},{value:"11",label:a("+11:00 Honiara, Nuku'alofa, Apia")}],k=[{value:"20",label:a("20 s")},{value:"40",label:a("40 s")},{value:"60",label:a("60 s")}],x=[{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=i.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(b.A,{gutter:10},l.createElement(h.A,{span:12},l.createElement(u.A.Item,{label:a("End time"),name:"countdownTime"},l.createElement(le.A,{ref:i,format:"DD.MM.YYYY HH:mm",disabledDate:e=>e&&e<T()().endOf("day")-864e5,showTime:!0,getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper"),allowClear:!1,allowEmpty:!1}))),l.createElement(h.A,{span:12},l.createElement(u.A.Item,{label:a("Time zone"),name:"countdownTimeZone",style:{width:"100%"}},l.createElement(ae.A,{placeholder:a("Select the time zone"),getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel")},y.map(e=>l.createElement(ae.A.Option,{key:e.value,value:e.value},e.label)))))),l.createElement(b.A,{gutter:20},l.createElement(h.A,{span:12},l.createElement(u.A.Item,{label:a("Background color"),name:"countdownBackgroundColor",className:"countdown-color"},l.createElement(j.A,{placeholder:a("Background color"),usedColors:t.usedColors}))),l.createElement(h.A,{span:12},l.createElement(A.A,{size:10,align:"baseline",style:{paddingTop:29}},l.createElement(u.A.Item,{name:"countdownTransparency",valuePropName:"checked"},l.createElement(X.A,{size:"small",id:"countdownTransparency",onChange:e=>{B(e)}})),l.createElement("span",{style:{position:"relative",top:2}},l.createElement("label",{htmlFor:"countdownTransparency"},a("Transparency")))))),l.createElement("div",{className:"form-group-title",style:{paddingTop:0,paddingBottom:8}},a("Countdown font settings")),l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:12},l.createElement(u.A.Item,{name:"countdownNumbersFont",style:{marginBottom:n.formItemMarginBottomXS}},l.createElement(ae.A,{getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel"),options:x}))),l.createElement(h.A,{span:12},l.createElement(u.A.Item,{name:"countdownNumbersColor",className:"countdown-color",style:{marginBottom:n.formItemMarginBottomXS}},l.createElement(j.A,{usedColors:t.usedColors}))),l.createElement(h.A,{span:12},l.createElement(u.A.Item,{name:"countdownNumbersFontSize"},l.createElement(ie.A,{min:12,placeholder:a("Font size"),prefix:l.createElement(re.A,null),addonAfter:"px"}))),l.createElement(h.A,{span:3},l.createElement(g.A,{placement:"bottom",title:a("Strong")},l.createElement(u.A.Item,{name:"countdownNumbersStrong"},l.createElement(f.Ay,{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}),m(t)}},l.createElement(ne.A,{className:"selected-td-form__icon-radius"}))))),l.createElement(h.A,{span:3},l.createElement(g.A,{placement:"bottom",title:a("Italic")},l.createElement(u.A.Item,{name:"countdownNumbersItalic"},l.createElement(f.Ay,{className:r()("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":s}),onClick:()=>{const t=!s;e.setFieldValue("countdownNumbersItalic",t),o({countdownNumbersItalic:t}),c(t)}},l.createElement(de.A,{className:"selected-td-form__icon-radius"})))))),l.createElement("div",{className:"form-group-title",style:{paddingTop:0,paddingBottom:8}},a("Time units font settings")),l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:12},l.createElement(u.A.Item,{name:"countdownLabelsFont",style:{marginBottom:n.formItemMarginBottomXS}},l.createElement(ae.A,{getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel"),options:x}))),l.createElement(h.A,{span:12},l.createElement(u.A.Item,{name:"countdownLabelsColor",className:"countdown-color",style:{marginBottom:n.formItemMarginBottomXS}},l.createElement(j.A,{usedColors:t.usedColors}))),l.createElement(h.A,{span:12},l.createElement(u.A.Item,{name:"countdownLabelsFontSize"},l.createElement(ie.A,{min:8,placeholder:a("Font size"),addonAfter:"px",prefix:l.createElement(re.A,null)}))),l.createElement(h.A,{span:3},l.createElement(g.A,{placement:"bottom",title:a("Strong")},l.createElement(u.A.Item,{name:"countdownLabelsStrong"},l.createElement(f.Ay,{className:r()("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":p}),onClick:()=>{const t=!p;e.setFieldValue("countdownLabelsStrong",t),o({countdownLabelsStrong:t}),E(t)}},l.createElement(ne.A,{className:"selected-td-form__icon-radius"}))))),l.createElement(h.A,{span:3},l.createElement(g.A,{placement:"bottom",title:a("Italic")},l.createElement(u.A.Item,{name:"countdownLabelsItalic"},l.createElement(f.Ay,{className:r()("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":v}),onClick:()=>{const t=!v;e.setFieldValue("countdownLabelsItalic",t),o({countdownLabelsItalic:t}),_(t)}},l.createElement(de.A,{className:"selected-td-form__icon-radius"})))))),l.createElement(b.A,{gutter:10,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(u.A.Item,{label:a("Language"),name:"countdownLanguage",style:{width:"100%"}},l.createElement(ae.A,{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(h.A,{span:12},l.createElement(u.A.Item,{label:a("Duration"),name:"countdownDuration",style:{width:"100%"}},l.createElement(ae.A,{getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel"),options:k})))))};var ce=o(97101),ue=o(62860),ge=o(85592),pe=o(73656);const{useToken:be}=c.A,he=({form:e,elementSettings:t})=>{const{__:o}=(0,L.s9)(),{token:a}=be();return l.createElement(l.Fragment,null,l.createElement(g.A,{trigger:["hover"],title:o("URL of the video clip."),placement:"right"},l.createElement(u.A.Item,{name:["video","source"],className:"selected-image-form__alt"},l.createElement(_.A,{allowClear:!0,placeholder:o("Video URL"),prefix:l.createElement(ce.A,null)}))),l.createElement(u.A.Item,{label:o("Play button"),name:["video","playButton"],style:{width:"100%",marginBottom:a.formItemMarginBottomMD+4}},l.createElement(ae.A,{getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel")},l.createElement(ae.A.Option,{value:"youtube_red"},l.createElement(ue.A,{style:{color:"#FF0000"}})," ",o("Youtube Red")),l.createElement(ae.A.Option,{value:"youtube_black"},l.createElement(ue.A,null)," ",o("Youtube Black")),l.createElement(ae.A.Option,{value:"youtube_white"},l.createElement(ue.A,{style:{color:"#aaa"}})," ",o("Youtube White")),l.createElement(ae.A.Option,{value:"vimeo"},l.createElement(F.A,{icon:"Vimeo"})," ",o("Vimeo")),l.createElement(ae.A.Option,{value:"white_circle"},l.createElement(ge.A,{style:{color:"#aaa"}})," ",o("White circle")),l.createElement(ae.A.Option,{value:"black_circle"},l.createElement(ge.A,null)," ",o("Black circle")),l.createElement(ae.A.Option,{value:"white_circle_outlined"},l.createElement(pe.A,{style:{color:"#aaa"}})," ",o("White circle outlined")),l.createElement(ae.A.Option,{value:"black_circle_outlined"},l.createElement(pe.A,null)," ",o("Black circle outlined")),l.createElement(ae.A.Option,{value:"none"}," ",o("Without button")))))},Ee=()=>{const{__:e}=(0,L.s9)();return l.createElement(u.A.Item,{name:"ampShow"},l.createElement(C.Ay.Group,null,l.createElement(A.A,{size:8},l.createElement(C.Ay.Button,{value:"all"},e("Both")),l.createElement(g.A,{placement:"top",title:e("AMP")},l.createElement(C.Ay.Button,{value:"amp"},"AMP")),l.createElement(g.A,{placement:"top",title:e("HTML")},l.createElement(C.Ay.Button,{value:"html"},"HTML")))))};var fe=o(6403),ve=o(15582),Ae=o(44004),_e=o(47794),Se=o(78443),Be=o(40867),ye=o(98173),ke=o(75301),xe=o(57546),Re=o(31345),we=(o(91452),o(20387)),Te=o(41244),Ne=o(3875);const{useToken:Ie}=c.A,Pe=({elementSettings:e})=>{const{__:t}=(0,L.s9)(),{token:o}=Ie(),[a]=u.A.useForm();let i=(0,n.wA)();const c=(0,M.rD)(),{projectId:w}=(0,s.g)(),C=(0,fe.hN)(),W=(0,n.d4)(d.Hs),z=(0,D.XW)(),j=(0,D.K9)(),X=(0,n.d4)(Be.Ct),q=(0,n.d4)(Be.CS),K=(0,n.d4)(ye.C1),ee=(0,n.d4)(Be.Fv),te=(0,n.d4)(Be.yy),[le]=(0,Ae.dS)(),[ae,ie]=(0,Ae.tb)(),re=(0,l.useRef)(null),ne=(0,l.useRef)(null),de=(0,l.useRef)(null),me=(0,l.useRef)(null),ce=(0,l.useRef)(null),ue=(0,l.useRef)(null),ge=(0,l.useRef)(null),pe=(0,l.useRef)(null),be=(0,l.useRef)(null),[Pe,Ce]=(0,l.useState)({}),[Le,Fe]=(0,l.useState)(!0),[Oe,De]=(0,l.useState)(!0),[Me,Ve]=(0,l.useState)(""),[He,We]=(0,l.useState)(""),[ze,Ge]=(0,l.useState)(""),[je,Ue]=(0,l.useState)(!1),[Xe,$e]=(0,l.useState)(!1),[qe,Ye]=(0,l.useState)(!1),[Ke,Qe]=(0,l.useState)(!1),[Je,Ze]=(0,l.useState)(!1),[et,tt]=(0,l.useState)(!1),[ot,lt]=(0,l.useState)(!1),[at,it]=(0,l.useState)(!1),[rt,nt]=(0,l.useState)("https://"),[dt,mt]=(0,l.useState)(),[st,ct]=(0,l.useState)(!1),[ut,gt]=(0,l.useState)(null),[pt,bt]=(0,l.useState)({start:0,end:0}),[ht,Et]=(0,l.useState)(!1),[ft,vt]=(0,l.useState)(!1),[At,_t]=(0,l.useState)(!1),St=ee&&"bottom"!==te,Bt=W.hasOwnProperty("type")?O.IE:O.Tm;(0,l.useEffect)(()=>{st&&be.current&&be.current.focus()},[st]);const yt=(0,n.d4)(Re.GH);(0,l.useEffect)(()=>{var e;null!==yt&&void 0!==yt&&null!==(e=yt.items)&&void 0!==e&&e.length&&mt((0,M.cM)(yt.items,t,(e,t)=>{ct(!1),j(O.Ru.SANDBOX_ADD_MERGETAG,e),t.stopPropagation(),t.preventDefault()}))},[yt,mt,t,ct,j]);const kt=(0,Ne.cR)();(0,l.useEffect)(()=>{const e=new Te.jG;return e.addDisposable((0,we.a)(kt,"focusin",({target:e})=>{e.closest('[id="merge_tags_wrapper"]')||gt(e)})),e.addDisposable((0,we.a)(kt,"click",({target:e})=>{e.closest(".merge-tags")||e.closest("#merge_tags_button")||ct(!1)})),()=>{e.dispose()}},[kt]);const xt=({target:e})=>{if(e&&!ht){const{selectionStart:t,selectionEnd:o}=e;bt({start:t,end:o})}Et(!1)},Rt=e.border,wt=e.mobileBorder,Tt=Object.keys(Rt).find(e=>{var t,o,l;return(null===(t=Rt[e])||void 0===t?void 0:t.width)||(null===(o=Rt[e])||void 0===o?void 0:o.style)||(null===(l=Rt[e])||void 0===l?void 0:l.color)}),Nt=Object.keys(wt).find(e=>{var t,o,l;return(null===(t=wt[e])||void 0===t?void 0:t.width)||(null===(o=wt[e])||void 0===o?void 0:o.style)||(null===(l=wt[e])||void 0===l?void 0:l.color)}),It=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,m,s,c,u,g,p,b,h,E,f,v,A,_,S,B,y,k,x,R,w,N,I,P,C,L,F,O,D,M,V,H,W,z,G,j,U,X,q,Y,K,Q,J,Z,ee;const te=e.boxShadow;if(Ce(te),e.link&&nt((0,$.TW)(e.link,"https://")),a.setFieldsValue({...e,link:e.link?e.link:"https://",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,borderAll:(0,$.ok)(e.border.all),borderTop:(0,$.ok)(e.border.top),borderBottom:(0,$.ok)(e.border.bottom),borderRight:(0,$.ok)(e.border.right),borderLeft:(0,$.ok)(e.border.left),mobileBorderAll:It(e.mobileBorder.all)||!(It(e.mobileBorder.top)||It(e.mobileBorder.bottom)||It(e.mobileBorder.right)||It(e.mobileBorder.left))&&It(e.border.all),mobileBorderTop:It(e.mobileBorder.top)||!It(e.mobileBorder.all)&&It(e.border.top),mobileBorderBottom:It(e.mobileBorder.bottom)||!It(e.mobileBorder.all)&&It(e.border.bottom),mobileBorderRight:It(e.mobileBorder.right)||!It(e.mobileBorder.all)&&It(e.border.right),mobileBorderLeft:It(e.mobileBorder.left)||!It(e.mobileBorder.all)&&It(e.border.left),borderRadiusAll:(0,$.ok)(e.borderRadius.all),borderRadiusTopLeft:(0,$.ok)(e.borderRadius.topLeft),borderRadiusBottomLeft:(0,$.ok)(e.borderRadius.bottomLeft),borderRadiusTopRight:(0,$.ok)(e.borderRadius.topRight),borderRadiusBottomRight:(0,$.ok)(e.borderRadius.bottomRight),boxShadowInset:(0,$.ok)(null===(r=e.boxShadow)||void 0===r?void 0:r.inset)||!1,boxShadowHOffset:(0,$.ok)(null===(n=e.boxShadow)||void 0===n?void 0:n.hOffset),boxShadowVOffset:(0,$.ok)(null===(d=e.boxShadow)||void 0===d?void 0:d.vOffset),boxShadowBlurRadius:(0,$.ok)(null===(m=e.boxShadow)||void 0===m?void 0:m.blurRadius),boxShadowSpreadRadius:(0,$.ok)(null===(s=e.boxShadow)||void 0===s?void 0:s.spreadRadius),boxShadowColor:(0,$.ok)(null===(c=e.boxShadow)||void 0===c?void 0:c.color),mobileWidth:(0,$.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,$.xc)(null===(p=e.mobileWidth)||void 0===p?void 0:p.value)?null===(b=e.mobileWidth)||void 0===b?void 0:b.dim:null===(h=e.width)||void 0===h?void 0:h.dim,mobileHeight:(0,$.xc)(null===(E=e.mobileHeight)||void 0===E?void 0:E.value)||(null===(f=e.height)||void 0===f?void 0:f.value),mobileHeightDim:(0,$.xc)(null===(v=e.mobileHeight)||void 0===v?void 0:v.value)?null===(A=e.mobileHeight)||void 0===A?void 0:A.dim:null===(_=e.height)||void 0===_?void 0:_.dim,mobileBorderRadiusAll:(0,$.ok)(e.mobileBorderRadius.all)||(0,$.ok)(e.borderRadius.all),mobileBorderRadiusTopLeft:(0,$.ok)(null===(S=e.mobileBorderRadius)||void 0===S?void 0:S.topLeft)||(0,$.ok)(null===(B=e.mobileBorderRadius)||void 0===B?void 0:B.all)||(0,$.ok)(null===(y=e.borderRadius)||void 0===y?void 0:y.topLeft)||(0,$.ok)(null===(k=e.borderRadius)||void 0===k?void 0:k.all),mobileBorderRadiusBottomLeft:(0,$.ok)(null===(x=e.mobileBorderRadius)||void 0===x?void 0:x.bottomLeft)||(0,$.ok)(null===(R=e.mobileBorderRadius)||void 0===R?void 0:R.all)||(0,$.ok)(null===(w=e.borderRadius)||void 0===w?void 0:w.bottomLeft)||(0,$.ok)(null===(N=e.borderRadius)||void 0===N?void 0:N.all),mobileBorderRadiusTopRight:(0,$.ok)(null===(I=e.mobileBorderRadius)||void 0===I?void 0:I.topRight)||(0,$.ok)(null===(P=e.mobileBorderRadius)||void 0===P?void 0:P.all)||(0,$.ok)(null===(C=e.borderRadius)||void 0===C?void 0:C.topRight)||(0,$.ok)(null===(L=e.borderRadius)||void 0===L?void 0:L.all),mobileBorderRadiusBottomRight:(0,$.ok)(null===(F=e.mobileBorderRadius)||void 0===F?void 0:F.bottomRight)||(0,$.ok)(null===(O=e.mobileBorderRadius)||void 0===O?void 0:O.all)||(0,$.ok)(null===(D=e.borderRadius)||void 0===D?void 0:D.bottomRight)||(0,$.ok)(null===(M=e.borderRadius)||void 0===M?void 0:M.all),mobileBoxShadowInset:null!=(null===(V=e.mobileBoxShadow)||void 0===V?void 0:V.inset)?e.mobileBoxShadow.inset:(null===(H=e.boxShadow)||void 0===H?void 0:H.inset)||!1,mobileBoxShadowHOffset:(0,$.ok)(null===(W=e.mobileBoxShadow)||void 0===W?void 0:W.hOffset)||(0,$.ok)(null===(z=e.boxShadow)||void 0===z?void 0:z.hOffset),mobileBoxShadowVOffset:(0,$.ok)(null===(G=e.mobileBoxShadow)||void 0===G?void 0:G.vOffset)||(0,$.ok)(null===(j=e.boxShadow)||void 0===j?void 0:j.vOffset),mobileBoxShadowBlurRadius:(0,$.ok)(null===(U=e.mobileBoxShadow)||void 0===U?void 0:U.blurRadius)||(0,$.ok)(null===(X=e.boxShadow)||void 0===X?void 0:X.blurRadius),mobileBoxShadowSpreadRadius:(0,$.ok)(null===(q=e.mobileBoxShadow)||void 0===q?void 0:q.spreadRadius)||(0,$.ok)(null===(Y=e.boxShadow)||void 0===Y?void 0:Y.spreadRadius),mobileBoxShadowColor:(0,$.ok)((null===(K=e.mobileBoxShadow)||void 0===K?void 0:K.color)||(null===(Q=e.boxShadow)||void 0===Q?void 0:Q.color)),mobileAlign:(0,$.ok)(null===(J=e.mobileAlign)||void 0===J?void 0:J.value)||e.align,mobileVerticalAlign:(0,$.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),o=t.searchParams.get("font1"),l=!1,i=!1;o.endsWith("-b")?(o=o.substring(0,o.length-2),l=!0):o.endsWith("-i")?(o=o.substring(0,o.length-2),i=!0):o.endsWith("-bi")&&(o=o.substring(0,o.length-3),l=!0,i=!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),a.setFieldsValue({countdownTime:T()(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:o,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:l,countdownNumbersItalic:i,countdownLabelsStrong:n,countdownLabelsItalic:d})}!(0,$.ok)(e.borderRadius.all)&&((0,$.ok)(e.borderRadius.topLeft)||(0,$.ok)(e.borderRadius.bottomLeft)||(0,$.ok)(e.borderRadius.topRight)||(0,$.ok)(e.borderRadius.bottomRight))?Fe(!1):Fe(!0),!(0,$.ok)(e.mobileBorderRadius.all)&&((0,$.ok)(e.mobileBorderRadius.topLeft)||(0,$.ok)(e.mobileBorderRadius.bottomLeft)||(0,$.ok)(e.mobileBorderRadius.topRight)||(0,$.ok)(e.mobileBorderRadius.bottomRight))||(0,$.ok)(e.mobileBorderRadius.all)&&((0,$.ok)(e.mobileBorderRadius.topLeft)||(0,$.ok)(e.mobileBorderRadius.bottomLeft)||(0,$.ok)(e.mobileBorderRadius.topRight)||(0,$.ok)(e.mobileBorderRadius.bottomRight))||!(0,$.ok)(e.borderRadius.all)&&!(0,$.ok)(e.mobileBorderRadius.all)&&((0,$.ok)(e.borderRadius.topLeft)||(0,$.ok)(e.borderRadius.bottomLeft)||(0,$.ok)(e.borderRadius.topRight)||(0,$.ok)(e.borderRadius.bottomRight))?De(!1):De(!0),Ue(e=>!!Tt||e),$e(e=>!(!Tt&&!Nt)||e),Ye(!!e.borderRadius.all||!!e.borderRadius.topLeft||!!e.borderRadius.bottomLeft||!!e.borderRadius.topRight||!!e.borderRadius.bottomRight),Qe(!!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),Ze(!!e.boxShadow),tt(!!e.mobileBoxShadow.blurRadius||!!e.mobileBoxShadow.color||!!e.mobileBoxShadow.hOffset||!!e.mobileBoxShadow.inset||!!e.mobileBoxShadow.spreadRadius||!!e.mobileBoxShadow.vOffset||!!e.boxShadow),lt(!!e.mobileWidth.value||!!e.mobileHeight.value||!!e.width.value||!!e.height.value),Ve(e.link),We(e.alt),Ge(e.title),vt(null===(ee=e.imgReplacer)||void 0===ee?void 0:ee.length)}},[a,e]);const Pt=async(e,t,o)=>{const l={};l.user_id=K.id,l.folder=e,t&&("image/gif"!==t.type&&(t=await(0,R.A)(t,{maxSizeMB:c.compressMaxSize||.45,maxWidthOrHeight:c.compressMaxWidthOrHeight||2e3})),l.file=t),o&&(l.page_url=o);const a=await le(l);if(a.error)C.fromError("IMAGE_UPLOAD_ERROR",t,a.error,!0);else{const e=(0,_e.g0)(a.data);if(e.error)return;if(e.file_url)return e.file_url}},Ct=((e,t)=>{let o;return function(...l){clearTimeout(o),o=setTimeout(()=>{clearTimeout(o),e(...l)},t)}})(()=>{const t=a.getFieldsValue(!0);let o=new URL("https://cdt3.emcdn.ru/rndt?"+e.countdown),l=t.countdownNumbersFont;t.countdownNumbersStrong&&t.countdownNumbersItalic?l+="-bi":t.countdownNumbersStrong?l+="-b":t.countdownNumbersItalic&&(l+="-i");let i=t.countdownLabelsFont;t.countdownLabelsStrong&&t.countdownLabelsItalic?i+="-bi":t.countdownLabelsStrong?i+="-b":t.countdownLabelsItalic&&(i+="-i"),o.searchParams.set("time",new Date(t.countdownTime.$d-36e5*t.countdownTimeZone-(new Date).getTimezoneOffset()/60*36e5).toISOString()),o.searchParams.set("bg",t.countdownBackgroundColor.substring(1)||"#FFFFFF"),o.searchParams.set("tp",!!t.countdownTransparency),o.searchParams.set("font1",l),o.searchParams.set("size1",2*t.countdownNumbersFontSize||12),o.searchParams.set("color1",t.countdownNumbersColor.substring(1)||"#000000"),o.searchParams.set("font2",i),o.searchParams.set("size2",2*t.countdownLabelsFontSize||8),o.searchParams.set("color2",t.countdownLabelsColor.substring(1)||"#959595"),o.searchParams.set("spacing",Math.round(.4*t.countdownNumbersFontSize)||5),o.searchParams.set("locale",t.countdownLanguage.replace("_","-")),o.searchParams.set("timezone",t.countdownTimeZone),o.searchParams.set("frames",t.countdownDuration),ae({link:JSON.stringify({target:o.href})}),it(!0)},500),Lt=(0,l.useCallback)(e=>{i(Bt===O.Tm?(0,d.A9)(e):(0,m.A9)(e))},[i,Bt]),Ft=(t,...o)=>{var l,r;const n=a.getFieldsValue(!0),d=Object.keys(t)[0];let m;switch(d){case"link":let o=t[d];"https://http"===o.substring(0,12)&&(o=o.substring(8,o.length),a.setFieldValue("link",o)),m={link:o};break;case"boxShadowInset":case"boxShadowHOffset":case"boxShadowVOffset":case"boxShadowBlurRadius":case"boxShadowSpreadRadius":case"boxShadowColor":m={boxShadow:{hOffset:n.boxShadowHOffset,vOffset:n.boxShadowVOffset,blurRadius:n.boxShadowBlurRadius,spreadRadius:n.boxShadowSpreadRadius,color:n.boxShadowColor,inset:n.boxShadowInset}};break;case"borderAll":case"borderTop":case"borderBottom":case"borderLeft":case"borderRight":var s,u,g;if("borderAll"===n.borderPosition)m={border:{...O.iV,all:{...xe.RH,...n.borderAll}}},a.setFieldsValue({borderLeft:xe.RH,borderRight:xe.RH,borderTop:xe.RH,borderBottom:xe.RH});else null!==(s=n.borderAll)&&void 0!==s&&s.width||null!==(u=n.borderAll)&&void 0!==u&&u.style||null!==(g=n.borderAll)&&void 0!==g&&g.color?(m={border:{all:null,left:n.borderAll,right:n.borderAll,top:n.borderAll,bottom:n.borderAll,[xe.Vz[d]]:{...n[d],...t[d]}}},a.setFieldsValue({borderAll:null,borderLeft:n.borderAll,borderRight:n.borderAll,borderTop:n.borderAll,borderBottom:n.borderAll,[d]:{...n[d],...t[d]}})):(m={border:{all:null,left:n.borderLeft,right:n.borderRight,top:n.borderTop,bottom:n.borderBottom,[xe.Vz[d]]:{...n[d],...t[d]}}},a.setFieldsValue({border:m.border}));break;case"mobileBorderAll":case"mobileBorderTop":case"mobileBorderBottom":case"mobileBorderLeft":case"mobileBorderRight":if("mobileBorderAll"===n.mobileBorderPosition)m={mobileBorder:{...O.iV,all:{...xe.RH,...n.mobileBorderAll,classNamePrefix:"em-mob-border_"+xe.ax[d]+"-"}}},a.setFieldsValue({borderLeft:xe.RH,borderRight:xe.RH,borderTop:xe.RH,borderBottom:xe.RH});else{var p,b,h,E,f,v;const o=xe.ax[d],l={...n[d],...t[d]},i=!(null!==l&&void 0!==l&&l.width)&&!(null!==l&&void 0!==l&&l.style)&&!(null!==l&&void 0!==l&&l.color);if(null!==(p=n.mobileBorder)&&void 0!==p&&null!==(b=p.all)&&void 0!==b&&b.width||null!==(h=n.mobileBorder)&&void 0!==h&&null!==(E=h.all)&&void 0!==E&&E.style||null!==(f=n.mobileBorder)&&void 0!==f&&null!==(v=f.all)&&void 0!==v&&v.color){const e=n.mobileBorderAll;m={mobileBorder:{all:null,left:e,right:e,top:e,bottom:e,[o]:i?null:{...l,classNamePrefix:"em-mob-border_"+o+"-"}}},a.setFieldsValue({mobileBorderAll:null,mobileBorderLeft:e,mobileBorderRight:e,mobileBorderTop:e,mobileBorderBottom:e,[d]:l})}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"===o?i?null:{...l,classNamePrefix:"em-mob-border_left-"}:r("left"),right:"right"===o?i?null:{...l,classNamePrefix:"em-mob-border_right-"}:r("right"),top:"top"===o?i?null:{...l,classNamePrefix:"em-mob-border_top-"}:r("top"),bottom:"bottom"===o?i?null:{...l,classNamePrefix:"em-mob-border_bottom-"}:r("bottom")}},a.setFieldsValue({[d]:l})}}break;case"width":m={[d]:{value:t[d],dim:n.widthDim}};break;case"widthDim":m={width:{value:n.width,dim:t[d]}};break;case"height":m={[d]:{value:t[d],dim:n.heightDim}};break;case"heightDim":m={height:{value:n.height,dim:t[d]}};break;case"borderRadiusAll":m={borderRadius:{[xe.wF[d]]:+t[d]}};break;case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":m={borderRadius:{topLeft:n.borderRadiusTopLeft,bottomLeft:n.borderRadiusBottomLeft,topRight:n.borderRadiusTopRight,bottomRight:n.borderRadiusBottomRight,[xe.wF[d]]:+t[d]}};break;case"mobileWidth":m={[d]:{classNamePrefix:"em-mob-width-",value:t[d],dim:n.mobileWidthDim}};break;case"mobileWidthDim":m={mobileWidth:{classNamePrefix:"em-mob-width-",value:n.mobileWidth||100,dim:t[d]}};break;case"mobileHeight":m={[d]:{classNamePrefix:"em-mob-height-",value:t[d],dim:n.mobileHeightDim}};break;case"mobileHeightDim":m={mobileHeight:{classNamePrefix:"em-mob-height-",value:n.mobileHeight,dim:t[d]}};break;case"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":m={mobileBorderRadius:{[xe.NW[d]]:t[d],classNamePrefix:"em-mob-border_radius_"+xe.NW[d]+"-"}};break;case"mobileBoxShadowInset":case"mobileBoxShadowHOffset":case"mobileBoxShadowVOffset":case"mobileBoxShadowBlurRadius":case"mobileBoxShadowSpreadRadius":case"mobileBoxShadowColor":m={mobileBoxShadow:{hOffset:n.mobileBoxShadowHOffset,vOffset:n.mobileBoxShadowVOffset,blurRadius:n.mobileBoxShadowBlurRadius,spreadRadius:n.mobileBoxShadowSpreadRadius,color:n.mobileBoxShadowColor,inset:n.mobileBoxShadowInset,classNamePrefix:"em-mob-box_shadow-"}};break;case"mobileAlign":m={[d]:{classNamePrefix:"em-mob-text_align-",value:t[d]}};break;case"mobileVerticalAlign":m={[d]:{classNamePrefix:"em-mob-vertical_align-",value:t[d]}};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":Ct();break;case"video":(async()=>{const e=a.getFieldsValue(!0);e.video.source&&Pt("tmp",null,e.video.source).then(t=>{var o=document.createElement("canvas"),l=o.getContext("2d"),a=new Image,r=new Image;let n=t,d="https://useblocks.io/app/"+e.video.playButton+".png";a.crossOrigin="Anonymous",r.crossOrigin="Anonymous";let m=!1,s=!1;a.onload=function(){l.clearRect(0,0,o.width,o.height),l.drawImage(a,0,0,o.width,o.height),m=!0},a.src=n,r.onload=function(){s=!0},r.src=d;let u=setInterval(function(){if(m&&s){o.width=a.width,o.height=a.height,l.clearRect(0,0,o.width,o.height),l.drawImage(a,0,0,a.width,a.height);const n=Math.min(o.width,o.height);let d;if(a.height>a.width)d=.3;else{const e=a.width/a.height,t=2.5;d=Math.min(.35,.3+(e-1)/(t-1)*.1)}const m=n*d,s=r.width/r.height;let g,p;s>=1?(g=m,p=m/s):(p=m,g=m*s);var e=(o.width-g)/2,t=(o.height-p)/2;l.drawImage(r,e,t,g,p),o.toBlob(async function(e){const t=await(0,R.A)(new File([e],"image.jpeg",{type:"image/jpeg"}),{maxSizeMB:c.compressMaxSize||.45,maxWidthOrHeight:c.compressMaxWidthOrHeight||2e3});Pt(w,t).then(e=>{i((0,ke.tm)(e))})},"image/jpg",1),clearInterval(u)}},300)})})(),n.link=n.video.source,z({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:"video",settings:{video:{...n.video,...t.video},link:n.link}});break;case"src":const A=t[d],_=e.src,S=(null===(l=n.video)||void 0===l?void 0:l.playButton)||(null===(r=e.video)||void 0===r?void 0:r.playButton);if("video"===e.type&&S&&"none"!==S&&!At&&A&&(!_||A!==_))return void(async t=>{var o,l;const r=(null===(o=a.getFieldsValue(!0).video)||void 0===o?void 0:o.playButton)||(null===(l=e.video)||void 0===l?void 0:l.playButton);if(!t||!r||"none"===r||At)return;_t(!0);var n=document.createElement("canvas"),d=n.getContext("2d"),m=new Image,s=new Image;let u=t,g="https://useblocks.io/app/"+r+".png";m.crossOrigin="Anonymous",s.crossOrigin="Anonymous";let p=!1,b=!1;m.onload=function(){d.clearRect(0,0,n.width,n.height),d.drawImage(m,0,0,n.width,n.height),p=!0},m.src=u,s.onload=function(){b=!0},s.src=g;let h=setInterval(function(){if(p&&b){n.width=m.width,n.height=m.height,d.clearRect(0,0,n.width,n.height),d.drawImage(m,0,0,m.width,m.height);const l=Math.min(n.width,n.height);let r;if(m.height>m.width)r=.3;else{const e=m.width/m.height,t=2;r=Math.min(.4,.3+(e-1)/(t-1)*.1)}const u=l*r,g=s.width/s.height;let p,b;g>=1?(p=u,b=u/g):(b=u,p=u*g);var t=(n.width-p)/2,o=(n.height-b)/2;d.drawImage(s,t,o,p,b),n.toBlob(async function(t){const o=await(0,R.A)(new File([t],"image.jpeg",{type:"image/jpeg"}),{maxSizeMB:c.compressMaxSize||.45,maxWidthOrHeight:c.compressMaxWidthOrHeight||2e3});Pt(w,o).then(t=>{_t(!1),z({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{src:t}}),Lt({...e,src:t,activateSection:null,changeKey:"src"}),setTimeout(()=>{a.setFieldValue("src",t),i((0,ke.tm)(t))},100)}).catch(e=>{_t(!1)})},"image/jpg",1),clearInterval(h)}},300)})(A);m=t;break;default:m=t}var A;"borderPosition"!==d&&"mobileBorderPosition"!==d&&-1===d.indexOf("countdown")&&"video"!==d&&(z({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:m}),"video"!==d&&-1===d.indexOf("countdown")&&"mobileBorderRadiusAll"!==d&&"mobileBorderRadiusTopLeft"!==d&&"mobileBorderRadiusTopRight"!==d&&"mobileBorderRadiusBottomLeft"!==d&&"mobileBorderRadiusBottomRight"!==d&&Lt({...e,...m,mobileBorderRadius:{...e.mobileBorderRadius,...null===(A=m)||void 0===A?void 0:A.mobileBorderRadius},activateSection:null,changeKey:d}))};(0,l.useEffect)(()=>{ie.isError&&(C.error(ie),it(!1))},[ie]),(0,l.useEffect)(()=>{if(ie.isSuccess&&at){var t;if(400===(null===(t=ie.data.data)||void 0===t?void 0:t.status))C.error({message:ie.data.code,description:ie.data.message});else{let t=new URL(ie.data.target),o={countdown:{link:ie.data.link,params:t.search.substring(1)}};z({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:o})}it(!1)}},[ie,at,e,C,z]);(0,ve.A)(t=>{const o=t.data.operation;o===O.Ru.APPLICATION_OPEN_IMAGE_AI_POPUP?(i((0,ke.tm)(e.src)),i((0,Se.qf)(O.lx.UPLOAD_IMAGE_MODAL_AI))):o===O.Ru.APPLICATION_OPEN_IMAGE_UPLOAD_POPUP?(i((0,ke.tm)(e.src)),i((0,Se.qf)(O.lx.UPLOAD_IMAGE_MODAL_UPLOAD))):o===O.Ru.APPLICATION_OPEN_IMAGE_EDIT_POPUP?(i((0,ke.tm)(e.src)),i((0,Se.qf)(O.lx.UPLOAD_IMAGE_MODAL_EDIT))):o===O.Ru.APPLICATION_OPEN_IMAGE_GIF_POPUP?(i((0,ke.tm)(e.src)),i((0,Se.qf)(O.lx.UPLOAD_IMAGE_MODAL_GIF))):o===O.Ru.APPLICATION_OPEN_IMAGE_STOCK_POPUP?(i((0,ke.tm)(e.src)),i((0,Se.qf)(O.lx.UPLOAD_IMAGE_MODAL_STOCK))):o===O.Ru.APPLICATION_CLOSE_IMAGE_EDIT_POPUP&&(i((0,Se.Os)()),i((0,Se.Oo)()))});const Ot=()=>{Me?(Ve(""),a.setFieldValue("link",""),z({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{link:""}})):(Ve(re.current&&re.current.input.value?re.current.input.value:"..."),setTimeout(()=>{re.current.focus()}))},Dt=e=>{""===e.target.value?Ve("..."):(ne.current.classList.add("selected-td-form__button--active"),Ve(e.target.value)),(0,$.b9)(e.target.value,nt)},Mt=()=>{const t=a.getFieldsValue(!0);He?(We(""),t.alt="",z({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{alt:""}})):(We(de.current&&de.current.input.value?de.current.input.value:"..."),setTimeout(()=>{de.current.focus()}))},Vt=e=>{""===e.target.value?We("..."):(me.current.classList.add("selected-td-form__button--active"),We(e.target.value))},Ht=()=>{const t=a.getFieldsValue(!0);ze?(Ge(""),t.title="",z({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{title:""}})):(Ge(ce.current&&ce.current.input.value?ce.current.input.value:"..."),setTimeout(()=>{ce.current.focus()}))},Wt=e=>{""===e.target.value?Ge("..."):(ue.current.classList.add("selected-td-form__button--active"),Ge(e.target.value))};return l.createElement(u.A,{form:a,layout:"vertical",name:"selected_image_form",initialValues:{src:"",width:"",height:"",widthDim:"",heightDim:"",alt:"",align:"left",border:"",boxShadow:"",show:"all",borderPosition:xe.uE[Tt]||"borderAll",mobileBorderPosition:xe.lS[Nt]||"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:Ft,autoComplete:"off",className:"element-controls"},!St&&l.createElement(g.A,{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(p.A,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),X===O.ND&&q.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props"},l.createElement("div",{className:"selected_form-mobile-props-wrapper"},l.createElement(b.A,{gutter:30,style:{paddingBottom:4}},l.createElement(h.A,{span:12},l.createElement(J,{form:a,elementSettings:e,imgParent:!0})),c.formImageFieldVerticalAlignEnabled&&l.createElement(h.A,{span:12,align:"right"},l.createElement(Z,{form:a,elementSettings:e}))),l.createElement(E.A,{className:"selected-td-form__divider",style:{marginBottom:"countdown"===e.type?15:24}}),"countdown"===e.type&&l.createElement(l.Fragment,null,l.createElement(se,{form:a,elementSettings:e}),l.createElement(E.A,{className:"selected-td-form__divider",style:{marginBottom:24}})),"video"===e.type&&l.createElement(l.Fragment,null,l.createElement(he,{form:a,elementSettings:e}),l.createElement(E.A,{className:"selected-td-form__divider",style:{marginBottom:24}})),("img"===e.type||"video"===e.type)&&l.createElement(u.A.Item,{style:{marginBottom:0}},l.createElement(N.A,{form:a,label:t("Image path"),name:"src",placeholder:t("Image path"),elementSettings:e,tooltipTitle:""})),l.createElement(A.A,{size:8,style:{marginBottom:He||Me||ze?o.formItemMarginBottomXS:o.formItemMarginBottomMD+4}},l.createElement(g.A,{title:He||t("Alternative text"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(f.Ay,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!!He}),onClick:Mt,ref:me},l.createElement("span",{className:"addon-text-content"},"Alt"))),c.formFieldImageTitleEnabled&&l.createElement(g.A,{title:ze||t("Tooltip text"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(f.Ay,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!!ze}),onClick:Ht,ref:ue},l.createElement("span",{className:"addon-text-content"},"Title"))),l.createElement(g.A,{title:Me||t("Hyperlink URL"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(f.Ay,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!!Me}),icon:l.createElement(S.A,{className:"selected-td-form__icon-radius"}),onClick:Ot,ref:ne}))),(!!Me||!!He||!!ze)&&l.createElement("div",{style:{marginBottom:o.formItemMarginBottomMD+4}},!!Me&&l.createElement(g.A,{trigger:["hover"],title:t("Hyperlink URL"),placement:"bottom"},l.createElement(u.A.Item,{name:"link",className:"selected-image-form__alt",style:{marginBottom:o.formItemMarginBottomXS}},l.createElement(_.A,{ref:re,allowClear:!0,placeholder:t("Hyperlink URL"),prefix:l.createElement(S.A,null),onChange:Dt}))),!!He&&l.createElement(g.A,{trigger:["hover"],title:t("Alternative text"),placement:"bottom"},l.createElement(u.A.Item,{name:"alt",className:"selected-image-form__alt",style:{marginBottom:o.formItemMarginBottomXS}},l.createElement(_.A,{placeholder:t("Alternative text"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Alt"),onChange:Vt,ref:de}))),c.formFieldImageTitleEnabled&&!!ze&&l.createElement(g.A,{trigger:["hover"],title:t("Tooltip text"),placement:"bottom"},l.createElement(u.A.Item,{name:"title",className:"selected-image-form__alt",style:{marginBottom:o.formItemMarginBottomXS}},l.createElement(_.A,{placeholder:t("Tooltip text"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Title"),onChange:Wt,ref:ce})))),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Size"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{lt(e=>!e),ot&&(t.mobileWidth="",t.mobileHeight="",z({operation:O.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-"}}}))})}},ot?l.createElement(x.A,null):l.createElement(k.A,null)))),ot&&l.createElement(b.A,{gutter:10,style:{paddingBottom:24}},l.createElement(h.A,{span:12},l.createElement(Y,{form:a,name:"mobileWidth",elementSettings:e,isPicture:"true"})),c.formImageFieldHeightEnabled&&l.createElement(h.A,{span:12},l.createElement(Q,{form:a,name:"mobileHeight",elementSettings:e,isPicture:"true"}))),c.formFieldBorderEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Borders"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{$e(e=>!e),Xe?(t.mobileBorderAll=xe.RH,t.mobileBorderTop=xe.RH,t.mobileBorderBottom=xe.RH,t.mobileBorderRight=xe.RH,t.mobileBorderLeft=xe.RH):t.mobileBorderAll={width:1,color:"#E5E5E5",style:"solid"},z({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorder:{all:{color:t.mobileBorderAll.color,style:t.mobileBorderAll.style,width:t.mobileBorderAll.width}}}})})}},Xe?l.createElement(x.A,null):l.createElement(k.A,null)))),Xe&&l.createElement("div",{style:{marginBottom:4}},l.createElement(I.A,{form:a,typeOfForm:"mobile",elementSettings:e,onBorderSideClear:Ft}))),c.formFieldBorderRadiusEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Border radius"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{Qe(e=>!e),Ke?(t.mobileBorderRadiusAll=null,De(!0)):t.mobileBorderRadiusAll=5,z({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorderRadius:{all:t.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}})})}},Ke?l.createElement(x.A,null):l.createElement(k.A,null)))),Ke&&l.createElement("div",{style:{marginBottom:4}},l.createElement(P.A,{form:a,oneBorderRadiusValue:Oe,setOneBorderRadiusValue:De,elementSettings:e,typeOfForm:"mobile"}))),c.formFieldBoxShadowEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Box shadow"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{tt(e=>!e),et?(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"),z({operation:O.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-"}}})})}},et?l.createElement(x.A,null):l.createElement(k.A,null)))),et&&l.createElement("div",{style:{marginBottom:4}},l.createElement(U,{boxShadow:Pe,typeOfForm:"mobile"}))),c.formFieldVisibilityEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("Display control")),l.createElement(b.A,{gutter:20,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(oe,{elementSettings:e,form:a})))),c.formFieldAmpVisibilityEnabled&&e.ampShow&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("AMP visibility")),l.createElement(b.A,{gutter:20,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(Ee,null)))))):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement("div",{className:"selected_form-props-wrapper"},l.createElement(b.A,{gutter:10,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(V,{form:a,elementSettings:e,imgParent:!0})),c.formImageFieldVerticalAlignEnabled&&l.createElement(h.A,{span:12,align:"right"},l.createElement(H.A,{form:a,elementSettings:e}))),l.createElement(E.A,{className:"selected-td-form__divider",style:{marginBottom:"countdown"===e.type?15:24}}),"countdown"===e.type&&l.createElement(l.Fragment,null,l.createElement(se,{form:a,elementSettings:e,handleChangeValues:Ft}),l.createElement(E.A,{className:"selected-td-form__divider",style:{marginBottom:24}})),c.mergeTagsShow&&dt&&l.createElement(h.A,{span:24,id:"merge_tags_wrapper"},l.createElement(u.A.Item,{style:{marginBottom:24}},l.createElement(f.Ay,{id:"merge_tags_button",icon:l.createElement(F.A,{icon:"MergeTags"}),style:{width:"100%",display:st?"none":"inline-flex"},onClick:()=>ct(!0)},t("Merge tags")),l.createElement(v.A,{ref:be,popupClassName:"merge-tags",options:dt,placeholder:t("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 a=t.label.split(new RegExp(`(${e})`,"gi"));return l.createElement("span",{key:t.value},0!==o&&l.createElement("span",null,"\xa0/\xa0"),a.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:(t,o)=>{if(ct(!1),t){const l=yt.syntax.length>1?dt.findIndex(e=>e.key===o[0].key):0,i=yt.syntax[l].replace("%value%",t[t.length-1]);"selected_image_form_title"===(null===ut||void 0===ut?void 0:ut.getAttribute("id"))||"selected_image_form_alt"===(null===ut||void 0===ut?void 0:ut.getAttribute("id"))||"selected_image_form_link"===(null===ut||void 0===ut?void 0:ut.getAttribute("id"))||"selected_image_form_imgReplacer"===(null===ut||void 0===ut?void 0:ut.getAttribute("id"))?((t,o)=>{const l=document.getElementById(o);if(l){var i,r;const n="selected_image_form_",d=o.substring(o.indexOf(n)+n.length),m=null===(i=l.value)||void 0===i?void 0:i.substring(0,pt.start),s=null===(r=l.value)||void 0===r?void 0:r.substring(pt.end);z({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{...e,[d]:m+t+s}}),a.setFieldValue(d,m+t+s),l.focus(),setTimeout(()=>{l.selectionStart=pt.start,l.selectionEnd=pt.start+t.length},400),Et(!0)}})(i,null===ut||void 0===ut?void 0:ut.getAttribute("id")):(a.setFieldValue("imgReplacer",i),z({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{imgReplacer:i}}))}},style:{display:st?"block":"none"},open:st,onKeyDown:e=>{"Escape"===e.key&&ct(!1)}}))),"video"===e.type&&l.createElement(l.Fragment,null,l.createElement(he,{form:a,elementSettings:e}),l.createElement(E.A,{className:"selected-td-form__divider",style:{marginBottom:24}})),("img"===e.type||"video"===e.type)&&l.createElement(u.A.Item,{style:{marginBottom:0}},l.createElement(N.A,{form:a,label:t("Image path"),name:"src",placeholder:t("Image path"),elementSettings:e,tooltipTitle:""})),l.createElement(A.A,{size:8,style:{marginBottom:He||Me||ze||ft?o.formItemMarginBottomXS:o.formItemMarginBottomMD+4}},l.createElement(g.A,{title:He||t("Alternative text"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(f.Ay,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!!He}),onClick:Mt,ref:me},l.createElement("span",{className:"addon-text-content"},"Alt"))),c.formFieldImageTitleEnabled&&l.createElement(g.A,{title:ze||t("Tooltip text"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(f.Ay,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!!ze}),onClick:Ht,ref:ue},l.createElement("span",{className:"addon-text-content"},"Title"))),l.createElement(g.A,{title:Me||t("Hyperlink URL"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(f.Ay,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!!Me}),icon:l.createElement(S.A,{className:"selected-td-form__icon-radius"}),onClick:Ot,ref:ne})),c.formImageFieldReplacerEnabled&&l.createElement(g.A,{title:t("Image replacer"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(f.Ay,{className:r()("selected-td-form__button",{"selected-td-form__button--active":ft}),icon:l.createElement(F.A,{icon:"Replacer",className:"selected-td-form__icon-radius"}),onClick:()=>{vt(!ft),ft?(a.setFieldValue("imgReplacer",""),z({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{imgReplacer:""}})):setTimeout(()=>ge.current.focus())},ref:pe}))),(!!Me||!!He||!!ze||!!ft)&&l.createElement("div",{style:{marginBottom:o.formItemMarginBottomMD+4}},!!Me&&l.createElement(g.A,{trigger:["hover"],title:t("Hyperlink URL"),placement:"bottom"},l.createElement(u.A.Item,{name:"link",className:"selected-image-form__alt",style:{marginBottom:o.formItemMarginBottomXS}},l.createElement(_.A,{addonBefore:l.createElement($.Ai,{linkProtocol:rt,handleLinkProtocolsChange:e=>{a.setFieldValue("link","mergetag"!==e?e:""),nt(e)},__:t}),placeholder:t("Hyperlink URL"),allowClear:!0,ref:re,onChange:Dt,onSelect:xt,prefix:l.createElement($.RM,{linkProtocol:rt})}))),!!He&&l.createElement(g.A,{trigger:["hover"],title:t("Alternative text"),placement:"bottom"},l.createElement(u.A.Item,{name:"alt",className:"selected-image-form__alt",style:{marginBottom:o.formItemMarginBottomXS}},l.createElement(_.A,{placeholder:t("Alternative text"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Alt"),onChange:Vt,ref:de,onSelect:xt}))),c.formFieldImageTitleEnabled&&!!ze&&l.createElement(g.A,{trigger:["hover"],title:t("Tooltip text"),placement:"bottom"},l.createElement(u.A.Item,{name:"title",className:"selected-image-form__alt",style:{marginBottom:o.formItemMarginBottomXS}},l.createElement(_.A,{placeholder:t("Enter the title of the image"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Title"),onChange:Wt,ref:ce,onSelect:xt}))),!!ft&&l.createElement(g.A,{trigger:["hover"],title:t("Image src"),placement:"bottom"},l.createElement(u.A.Item,{name:"imgReplacer",className:"selected-image-form__alt",style:{marginBottom:o.formItemMarginBottomXS}},l.createElement(_.A,{placeholder:t("\u0421ode that will replace the image `src`"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},t("Image src")),onChange:e=>{""!==e.target.value&&pe.current.classList.add("selected-td-form__button--active")},ref:ge,onSelect:xt})))),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("Size")),l.createElement(b.A,{gutter:o.marginSM,style:{marginBottom:c.formImageFieldHeightEnabled?4:24}},l.createElement(h.A,{span:12},l.createElement(g.A,{title:t("Width"),placement:"bottom"},l.createElement(u.A.Item,{name:"width",style:{marginBottom:o.formItemMarginBottomXS}},l.createElement(G.A,{min:0,max:e.maxWidth,placeholder:t("Width"),prefix:l.createElement(B.A,null),addonAfter:"px"})))),c.formImageFieldHeightEnabled&&l.createElement(h.A,{span:12},l.createElement(g.A,{title:t("Height"),placement:"bottom"},l.createElement(u.A.Item,{name:"height"},l.createElement(G.A,{min:0,placeholder:t("Height"),prefix:l.createElement(y.A,null),addonAfter:"px"}))))),c.formFieldBorderEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Borders"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{Ue(e=>!e),je?(t.borderAll=xe.RH,t.borderTop=xe.RH,t.borderBottom=xe.RH,t.borderRight=xe.RH,t.borderLeft=xe.RH):t.borderAll={width:1,color:"#E5E5E5",style:"solid"},z({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{border:{all:{color:t.borderAll.color,style:t.borderAll.style,width:t.borderAll.width}}}})})}},je?l.createElement(x.A,null):l.createElement(k.A,null)))),je&&l.createElement("div",{style:{marginBottom:4}},l.createElement(I.A,{form:a,elementSettings:e,onBorderSideClear:Ft}))),c.formFieldBorderRadiusEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Border radius"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{Ye(e=>!e),qe?(t.borderRadiusAll=0,Fe(!0)):t.borderRadiusAll=5,z({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{borderRadius:{all:t.borderRadiusAll}}})})}},qe?l.createElement(x.A,null):l.createElement(k.A,null)))),qe&&l.createElement("div",{style:{marginBottom:4}},l.createElement(P.A,{form:a,oneBorderRadiusValue:Le,setOneBorderRadiusValue:Fe,elementSettings:e}))),c.formFieldBoxShadowEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Box shadow"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{Ze(e=>!e),Je?(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"),z({operation:O.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}}})})}},Je?l.createElement(x.A,null):l.createElement(k.A,null)))),Je&&l.createElement("div",{style:{marginBottom:4}},l.createElement(U,{boxShadow:Pe}))),c.formFieldVisibilityEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("Display control")),l.createElement(b.A,{gutter:20,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(oe,{elementSettings:e,form:a})))),c.formFieldAmpVisibilityEnabled&&e.ampShow&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("AMP visibility")),l.createElement(b.A,{gutter:20,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(Ee,null)))))))};var Ce=o(27904);const Le=()=>{const{__:e}=(0,L.s9)();return l.createElement(g.A,{trigger:["hover"],title:e("The font-size CSS property sets the size of the font."),placement:"top"},l.createElement(u.A.Item,{name:"mobileFontSize"},l.createElement(G.A,{min:8,max:90,placeholder:e("Font size"),prefix:l.createElement(re.A,null),addonAfter:"px"})))};var Fe=o(94533),Oe=o(53630),De=o(99784);const Me=({form:e,elementSettings:t,name:o,icon:a,tooltipTitle:i=null,showTooltip:n=!0})=>{const{__:d}=(0,L.s9)(),m=e.getFieldValue(o),s=(0,D.XW)(),[c,p]=(0,l.useState)(t[o]);(0,l.useEffect)(()=>{t[o]!==e.getFieldValue(o)&&(e.setFieldValue(o,t[o]),p(t[o]))},[t,e,o]),(0,l.useEffect)(()=>{c!==m&&p(m)},[m,c,o]);const b=()=>{const l={[o]:!c};e.setFieldValue(o,!c),s({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:l}),"textSuperscript"===o?e.setFieldValue("textSubscript",!1):"textSubscript"===o&&e.setFieldValue("textSuperscript",!1),p(e=>!e)};return l.createElement(u.A.Item,{name:o},n?l.createElement(g.A,{placement:"bottom",title:i||d(o.substring(4))},l.createElement(f.Ay,{className:r()("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":c}),onClick:b},a)):l.createElement(f.Ay,{className:r()("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":c}),onClick:b},a))};var Ve=o(76233),He=o(93255),We=o(64433);const{useToken:ze}=c.A,{TextArea:Ge}=_.A,je=({form:e,elementSettings:t,showAddParagraph:o=!0,isButton:a=!1,linkProtocol:i,setLinkProtocol:d,linkTarget:m,isBulletFontColorChecked:s=!1,setIsBulletFontColorChecked:c=()=>{}})=>{var p,A,k,x,R,w,T,N,I,P,C,V,H,W;const{__:z}=(0,L.s9)(),{token:U}=ze(),X=(0,fe.hN)(),q=(0,D.XW)(),Y=(0,D.K9)(),K=(0,M.rD)(),Q=(0,l.useRef)(),J=(0,l.useRef)(null),Z=(0,l.useRef)(null),ee=(0,l.useRef)(!1),[te,oe]=(0,l.useState)(!1),[le,ie]=(0,l.useState)(null),[me,se]=(0,l.useState)({start:0,end:0}),[ce,ue]=(0,l.useState)(!1),[ge,pe]=(0,l.useState)([]),[be,he]=(0,l.useState)("#c6c3c3"),[Ee,Ae]=(0,l.useState)(!1),[_e,Se]=(0,l.useState)(!1),Be=(0,l.useRef)(null),ye=(0,l.useRef)(""),ke=(0,We.A)(),xe=(0,l.useMemo)(()=>ke,[]),Ie=u.A.useWatch([],e);let Pe=null;(0,l.useEffect)(()=>{if(null!==Ie&&void 0!==Ie&&Ie.textColor&&s){const o=e.getFieldValue("textColor");q({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{ColorBullets:o}})}},[null===Ie||void 0===Ie?void 0:Ie.textColor]),(0,l.useEffect)(()=>{const o=e.getFieldValue("textLink");"string"===typeof t.linkHref&&Ae(!0),Be&&!o&&(Ae(!1),e.setFieldsValue({linkHref:null})),Be.current=o||null},[null===Ie||void 0===Ie?void 0:Ie.textLink,null===Ie||void 0===Ie?void 0:Ie.linkHref,t.linkHref,e]),(0,l.useEffect)(()=>{const t=e.getFieldValue("listUL"),o=e.getFieldValue("listOL");t&&"listUL"!==ye.current?(e.setFieldValue("listOL",!1),ye.current="listUL"):o&&"listOL"!==ye.current&&(e.setFieldValue("listUL",!1),ye.current="listOL"),t||o||(ye.current="")},[null===Ie||void 0===Ie?void 0:Ie.listUL,null===Ie||void 0===Ie?void 0:Ie.listOL,e]);(0,ve.A)(e=>{e.data.operation===O.Ru.APPLICATION_FOCUS_IN_IFRAME&&ie(null)});const[Le,je]=(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")&&je(!0)},[]);const Ue=(0,l.useRef)(null);const Xe=e=>{q({operation:O.Ru.SANDBOX_ELEMENT_TEXT,action:e,locale:"ru_RU"}),X.success({message:z("It`s done!")})},$e=[{key:"1",label:z("This element"),onClick:()=>Xe("typograf")},{key:"2",label:z("The whole email"),onClick:()=>Xe("typograf_all")}],[qe,Ye]=(0,l.useState)(),[Ke,Qe]=(0,l.useState)(!1);(0,l.useEffect)(()=>{const e=((e,t="#c6c3c3",o={})=>{const{symbolSize:a="25px",marginRight:i="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:i,marginBottom:r,fontSize:a,lineHeight:"0.7",width:a,textAlign:"center",...n}},e.symbol),l.createElement("span",{style:n},e.description))}))})(xe,be,{});pe(e)},[xe,be]),(0,l.useEffect)(()=>{var e;he(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,$.b9)(o,d),e.setFieldsValue({linkHref:t.linkHref?t.linkHref:"https://"})},[e,t,d]);const Je=(0,n.d4)(Re.GH);(0,l.useEffect)(()=>{var e;null!==Je&&void 0!==Je&&null!==(e=Je.items)&&void 0!==e&&e.length&&Ye((0,M.cM)(Je.items,z,(e,t)=>{Qe(!1),Y(O.Ru.SANDBOX_ADD_MERGETAG,e),t.stopPropagation(),t.preventDefault()}))},[Je,Ye,z,Qe,Y]);(0,l.useEffect)(()=>{Ke&&Ue.current&&Ue.current.focus()},[Ke]);const Ze=(0,Ne.cR)();(0,l.useEffect)(()=>{const e=new Te.jG;return e.addDisposable((0,we.a)(Ze,"focusin",({target:e})=>{e.closest('[id="merge_tags_wrapper"]')||ie(e)})),e.addDisposable((0,we.a)(Ze,"click",({target:e})=>{e.closest(".merge-tags")||e.closest("#merge_tags_button")||Qe(!1)})),()=>{e.dispose()}},[Ze]),(0,l.useEffect)(()=>{const e=(null===J||void 0===J?void 0:J.current)||document,t=()=>{window.getSelection().toString().length>0&&(ee.current=!0)};return e.addEventListener("dblclick",t),()=>{e.removeEventListener("dblclick",t)}},[J]);const et=(0,l.useCallback)(({target:e})=>{if(e&&!ce){const{selectionStart:t,selectionEnd:o}=e;se({start:t,end:o})}ue(!1)},[ce]);(0,l.useEffect)(()=>et({target:null===m||void 0===m?void 0:m.target}),[m,et]);const tt=(o,l)=>{const a=document.getElementById(l);if(a){var i,r;const n=null===(i=a.value)||void 0===i?void 0:i.substring(0,me.start),d=null===(r=a.value)||void 0===r?void 0:r.substring(me.end),m=l.substring(l.lastIndexOf("_")+1);q({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{[m]:n+o+d}}),e.setFieldValue(m,n+o+d),a.focus(),setTimeout(()=>{a.selectionStart=me.start,a.selectionEnd=me.start+o.length},400),ue(!0)}},ot=()=>{oe(!te),te?(e.setFieldValue("textReplacer",""),q({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{textReplacer:""}})):setTimeout(()=>J.current.focus())};(0,l.useEffect)(()=>{var e;oe(!(null===(e=t.textReplacer)||void 0===e||!e.length))},[t,e]);return l.createElement(l.Fragment,null,o&&!t.showOnMobile&&l.createElement(l.Fragment,null,l.createElement(b.A,{gutter:20,style:{paddingBottom:4}},l.createElement(h.A,{span:12,gutter:20},l.createElement(Ve.A,{form:e,elementSettings:t,name:"textAlign"}))),l.createElement(E.A,{className:"selected-td-form__divider",style:{marginBottom:20}})),t.showOnMobile&&l.createElement(E.A,{className:"selected-td-form__divider",style:{marginBottom:20}}),K.formTextFieldTypografEnabled&&l.createElement(l.Fragment,null,l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:12},l.createElement(u.A.Item,{name:"AddImage",style:{marginBottom:U.formItemMarginBottomXS}},l.createElement(f.Ay,{icon:l.createElement(F.A,{icon:"AddImage"}),onClick:()=>Xe("add_img"),style:{width:"100%"}},z("Add image")))),l.createElement(h.A,{span:12},l.createElement(u.A.Item,{name:"Typography",style:{marginBottom:U.formItemMarginBottomXS}},l.createElement(Fe.A,{arrow:!0,menu:{items:$e},trigger:["hover"],placement:"bottom",getPopupContainer:e=>e.closest(".selected-element-panel")},l.createElement(f.Ay,{icon:l.createElement(F.A,{icon:"Typograf"}),onClick:()=>Xe("typograf"),style:{width:"100%"}},z("Typography"))))),K.mergeTagsShow&&qe&&l.createElement(h.A,{span:24,id:"merge_tags_wrapper",style:{marginBottom:0}},l.createElement(f.Ay,{id:"merge_tags_button",icon:l.createElement(F.A,{icon:"MergeTags"}),style:{width:"100%",display:Ke?"none":"inline-flex"},onClick:()=>Qe(!0)},z("Merge tags")),l.createElement(v.A,{ref:Ue,popupClassName:"merge-tags",options:qe,placeholder:z("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 a=t.label.split(new RegExp(`(${e})`,"gi"));return l.createElement("span",{key:t.value},0!==o&&l.createElement("span",null,"\xa0/\xa0"),a.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(Qe(!1),o){const a=Je.syntax.length>1?qe.findIndex(e=>e.key===l[0].key):0,i=Je.syntax[a].replace("%value%",o[o.length-1]);if("selected_button_form_href"===(null===le||void 0===le?void 0:le.getAttribute("id"))||"selected_text_form_linkHref"===(null===le||void 0===le?void 0:le.getAttribute("id"))||"selected_text_form_textReplacer"===(null===le||void 0===le?void 0:le.getAttribute("id")))tt(i,null===le||void 0===le?void 0:le.getAttribute("id"));else{e.setFieldValue("textReplacer",i);const o=Date.now();q({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{textReplacer:`${i}~~${o}`}})}}},style:{display:Ke?"block":"none",width:"100%"},open:Ke,onKeyDown:e=>{"Escape"===e.key&&Qe(!1)}}))),l.createElement(E.A,{className:"selected-td-form__divider",style:{marginBottom:U.formItemMarginBottomMD,marginTop:20}})),l.createElement(g.A,{trigger:["hover"],title:z("Text font"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(u.A.Item,{name:"fontFamily",className:"form-item-margin-xs"},l.createElement(He.A,{textEditor:!0}))),!t.showOnMobile&&l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:z("Font size"),placement:"bottom"},l.createElement(u.A.Item,{name:"fontSize"},l.createElement(G.A,{min:8,max:90,placeholder:z("Font size"),prefix:l.createElement(re.A,null),addonAfter:"px"})))),l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:z("Line height"),placement:"bottom"},l.createElement(u.A.Item,{name:"lineHeight"},l.createElement(G.A,{min:10,max:110,placeholder:z("Line height"),prefix:l.createElement(Ce.A,null),addonAfter:"px"}))))),l.createElement(b.A,{gutter:10,style:{marginBottom:10,marginTop:5}},l.createElement(h.A,{span:24},l.createElement(b.A,{gutter:10,style:{marginBottom:-10}},l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:t,name:"textStrong",tooltipTitle:z(Le?"Strong ( \u2318B )":"Strong  ( Ctrl+B )"),icon:l.createElement(ne.A,{className:"selected-text-common-form__icon-radius"})})),l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:t,name:"textItalic",tooltipTitle:z(Le?"Italic ( \u2318I )":"Italic  ( Ctrl+I )"),icon:l.createElement(de.A,{className:"selected-text-common-form__icon-radius"})})),l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:t,name:"textUnderline",tooltipTitle:z(Le?"Underline ( \u2318U )":"Underline ( Ctrl+U )"),icon:l.createElement(Oe.A,{className:"selected-text-common-form__icon-radius"})})),(null===t||void 0===t||null===(p=t.list)||void 0===p?void 0:p.isList)&&l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:t,name:"textStrikethrough",tooltipTitle:z(Le?"Strikethrough ( \u2318+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:l.createElement(De.A,{className:"selected-text-common-form__icon-radius"})})),!(null!==t&&void 0!==t&&null!==(A=t.list)&&void 0!==A&&A.isList)&&l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:t,name:"listUL",tooltipTitle:z("Unordered list"),icon:l.createElement(F.A,{icon:"UnorderedListOutlined",className:"selected-td-form__icon-radius"}),onSelect:et})),!(null!==t&&void 0!==t&&null!==(k=t.list)&&void 0!==k&&k.isList)&&l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:t,name:"listOL",tooltipTitle:z("Ordered list"),icon:l.createElement(F.A,{icon:"OrderedListOutlined",className:"selected-td-form__icon-radius"}),onSelect:et})),l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:t,name:"textSuperscript",tooltipTitle:z("Text superscript"),icon:l.createElement(F.A,{icon:"Superscript"})})),(null===t||void 0===t||null===(x=t.list)||void 0===x?void 0:x.isList)&&l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:t,name:"textSubscript",tooltipTitle:z("Text subscript"),icon:l.createElement(F.A,{icon:"Subscript"})})),o&&l.createElement(h.A,{span:3},l.createElement(Me,{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",tooltipTitle:z("Link"),icon:l.createElement(S.A,{className:"selected-text-common-form__icon-radius"}),onSelect:et})),(null===t||void 0===t||null===(R=t.list)||void 0===R?void 0:R.isList)&&K.formTextFieldReplacerEnabled&&l.createElement(h.A,{span:3},l.createElement(g.A,{title:z("Text replacer"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(f.Ay,{className:r()("selected-td-form__button ant-form-item",{"selected-td-form__button--active":te}),icon:l.createElement(F.A,{icon:"Replacer",className:"selected-td-form__icon-radius"}),onClick:ot,ref:Z}))),a&&l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:z("Text color"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(u.A.Item,{name:"textColor",rules:[{message:z("Please set the font color")}]},l.createElement(j.A,{placeholder:z("Color"),usedColors:t.usedColors})))),!a&&!(null!==t&&void 0!==t&&null!==(w=t.list)&&void 0!==w&&w.isList)&&l.createElement(h.A,{span:3},l.createElement(g.A,{title:z("More options"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(f.Ay,{className:r()("selected-td-form__button ant-form-item",{"selected-td-form__button--active":_e}),icon:l.createElement(F.A,{icon:"DotsHoriz",className:"selected-td-form__icon-radius"}),onClick:()=>Se(!_e)})))),!a&&_e&&!(null!==t&&void 0!==t&&null!==(T=t.list)&&void 0!==T&&T.isList)&&l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:t,name:"textStrikethrough",tooltipTitle:z(Le?"Strikethrough ( \u2318+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:l.createElement(De.A,{className:"selected-text-common-form__icon-radius"})})),l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:t,name:"textSubscript",tooltipTitle:z("Text subscript"),icon:l.createElement(F.A,{icon:"Subscript"})})),K.formTextFieldReplacerEnabled&&l.createElement(h.A,{span:3},l.createElement(g.A,{title:z("Text replacer"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(f.Ay,{className:r()("selected-td-form__button ant-form-item",{"selected-td-form__button--active":te}),icon:l.createElement(F.A,{icon:"Replacer",className:"selected-td-form__icon-radius"}),onClick:ot,ref:Z})))),o&&"string"===typeof t.linkHref&&Ee&&l.createElement(l.Fragment,null,l.createElement(g.A,{trigger:["hover"],title:z("The URL that the hyperlink directs to."),placement:"bottom"},l.createElement(u.A.Item,{name:"linkHref",style:{marginBottom:"mailto:"===i?U.formItemMarginBottomXS:""}},l.createElement(_.A,{ref:Q,addonBefore:l.createElement($.Ai,{linkProtocol:i,handleLinkProtocolsChange:t=>{e.setFieldValue("linkHref","mergetag"!==t?t:""),d(t)},__:z}),allowClear:!0,placeholder:z("Hyperlink URL"),autoFocus:null===t||void 0===t?void 0:t.isNewLink,onSelect:et,prefix:l.createElement($.RM,{linkProtocol:i})}))),"mailto:"===i&&l.createElement(l.Fragment,null,l.createElement(u.A.Item,{name:"subject",style:{marginBottom:U.formItemMarginBottomXS}},l.createElement(_.A,{placeholder:z("Subject"),onSelect:et})),l.createElement(u.A.Item,{name:"body",style:{marginBottom:U.formItemMarginBottomMD}},l.createElement(Ge,{rows:3,placeholder:z("Body"),onSelect:et})))),!a&&te&&l.createElement(g.A,{trigger:["hover"],title:z("Text"),placement:"bottom"},l.createElement(u.A.Item,{name:"textReplacer"},l.createElement(_.A,{placeholder:z("The code that will replace this text"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},z("Text")),onChange:e=>{""!==e.target.value&&Z.current.classList.add("selected-td-form__button--active")},onKeyDown:e=>{const o=e.target,l=o.value,a=o.selectionStart,i=function(e){const t=e.key.toLowerCase();let o=!1;return("control"!==Pe&&"meta"!==Pe||"a"!==t&&"A"!==t)&&("a"!==Pe&&"A"!==Pe||"control"!==t&&"meta"!==t)||(o=!0),Pe=t,"control"!==t&&"a"!==t&&"A"!==t&&"meta"!==t&&(Pe=null),o}(e);if(ee.current&&0===a&&q({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{textReplacer:`${l}~`}}),ee.current=i,0!==a||" "!==e.key){if(" "===e.key){if(a!==l.length)return void e.preventDefault();l.endsWith(" ")&&e.preventDefault()}}else e.preventDefault()},ref:J,onSelect:et}))))),!a&&l.createElement(b.A,{gutter:10,style:{paddingBottom:4}},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:z("Text color"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(u.A.Item,{name:"textColor",rules:[{message:z("Please set the font color")}]},l.createElement(j.A,{placeholder:z("Color"),usedColors:t.usedColors})))),l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:z("Text background"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(u.A.Item,{name:"textBackgroundColor",rules:[{message:z("Please set the background color")}]},l.createElement(j.A,{placeholder:z("Background color"),usedColors:t.usedColors}))))),!a&&(null===t||void 0===t||null===(N=t.list)||void 0===N?void 0:N.isList)&&l.createElement(E.A,{className:"selected-td-form__divider",style:{marginBottom:2}}),!a&&(null===t||void 0===t||null===(I=t.list)||void 0===I?void 0:I.isList)&&l.createElement(b.A,{gutter:[10,10],align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},z("List settings")))),!a&&(null===t||void 0===t||null===(P=t.list)||void 0===P?void 0:P.isList)&&l.createElement(l.Fragment,null,"OL"===(null===t||void 0===t||null===(C=t.list)||void 0===C?void 0:C.listType)&&l.createElement(b.A,null,l.createElement(h.A,{span:24},l.createElement(g.A,{trigger:["hover"],title:z("Bullets font"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(u.A.Item,{name:"BulletsFontFamily",className:"form-item-margin-xs"},l.createElement(He.A,{textEditor:!0,style:{marginTop:"-9px"}}))))),l.createElement(b.A,{gutter:[10]},"UL"===(null===t||void 0===t||null===(V=t.list)||void 0===V?void 0:V.listType)&&l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:z("Bullets type"),placement:"bottom"},l.createElement(u.A.Item,{name:"BulletType",className:"bullet-type"},l.createElement(ae.A,{size:"middle",placeholder:z("Bullets type"),onClick:e=>e.stopPropagation(),options:ge}))))),l.createElement(b.A,{gutter:[10]},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:z("Bullets color"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(u.A.Item,{name:"ColorBullets"},l.createElement(j.A,{placeholder:z("Bullets color"),usedColors:t.usedColors,isDisabled:s,onChange:e=>{he(e),s&&c(!1)},externalValue:s?null===Ie||void 0===Ie?void 0:Ie.textColor:void 0})))),l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:z("Bullets size"),placement:"bottom"},l.createElement(u.A.Item,{name:"BulletsSize"},l.createElement(G.A,{min:8,max:90,defaultValue:null===t||void 0===t||null===(H=t.list)||void 0===H?void 0:H.bulletFontSize,placeholder:z("Bullets size"),prefix:l.createElement(re.A,null),addonAfter:"px"}))))),"OL"===(null===t||void 0===t||null===(W=t.list)||void 0===W?void 0:W.listType)&&l.createElement(b.A,null,l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:t,name:"BulletTextStrong",tooltipTitle:z(Le?"Strong ( \u2318B )":"Strong  ( Ctrl+B )"),icon:l.createElement(ne.A,{className:"selected-text-common-form__icon-radius"})})),l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:t,name:"BulletTextItalic",tooltipTitle:z(Le?"Italic ( \u2318I )":"Italic  ( Ctrl+I )"),icon:l.createElement(de.A,{className:"selected-text-common-form__icon-radius"})})),l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:t,name:"BulletTextStrikethrough",tooltipTitle:z(Le?"Strikethrough ( \u2318+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:l.createElement(De.A,{className:"selected-text-common-form__icon-radius"})})),l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:t,name:"BulletTextUnderline",tooltipTitle:z(Le?"Underline ( \u2318U )":"Underline ( Ctrl+U )"),icon:l.createElement(Oe.A,{className:"selected-text-common-form__icon-radius"})}))),l.createElement(b.A,{gutter:[10],style:{marginTop:"-8px"}},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:z("Between list items"),placement:"bottom"},l.createElement(u.A.Item,{name:"SpacingBetweenParagraphs"},l.createElement(G.A,{min:5,max:100,placeholder:z("Between list items"),prefix:l.createElement(y.A,null),addonAfter:"px"})))),l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:z("Between bullets and text"),placement:"bottom"},l.createElement(u.A.Item,{name:"SpacingBetweenBulletsAndText"},l.createElement(G.A,{min:1,max:100,placeholder:z("Between bullets and text"),prefix:l.createElement(B.A,null),addonAfter:"px"})))))))};var Ue=o(52853);const Xe=({form:e,elementSettings:t,showAddParagraph:o=!0,isButton:a=!1})=>{const{__:i}=(0,L.s9)(),r=(0,D.XW)(),c=(0,n.wA)(),{emailId:p}=(0,s.g)(),b=(0,n.d4)(p?d.Hs:m.gm).hasOwnProperty("type")?O.IE:O.Tm,h=(0,M.rD)(),[v,B]=(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")&&B(!0)},[]);const y=e=>{r({operation:O.Ru.SANDBOX_ELEMENT_TEXT,action:e,locale:"ru_RU"})},[k,x]=(0,l.useState)(t.textAlign),[R,w]=(0,l.useState)(t.linkHref),T=e=>x(e);return(0,l.useEffect)(()=>{x(t.textAlign),w(t.linkHref)},[t]),l.createElement("div",{className:"selected_text_common_form_mobile"},l.createElement(A.A,{size:"8",split:l.createElement(E.A,{type:"vertical"})},l.createElement(A.A,{size:8,className:"selected_text_common_form_mobile__group"},l.createElement("div",{style:{width:190}},l.createElement(g.A,{trigger:["hover"],title:i("Text font"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(u.A.Item,{name:"fontFamily"},l.createElement(He.A,{textEditor:!0,codeMode:!0})))),l.createElement("div",{style:{width:90}},l.createElement(g.A,{trigger:["hover"],title:i("Font size"),placement:"bottom"},l.createElement(u.A.Item,{name:"fontSize"},l.createElement(G.A,{min:8,max:90,placeholder:i("Font size"),prefix:l.createElement(re.A,null),addonAfter:"px"})))),l.createElement("div",{style:{width:90}},l.createElement(g.A,{trigger:["hover"],title:i("Line height"),placement:"bottom"},l.createElement(u.A.Item,{name:"lineHeight"},l.createElement(G.A,{min:10,max:110,placeholder:i("Line height"),prefix:l.createElement(Ce.A,null),addonAfter:"px"}))))),l.createElement(A.A,{size:8,className:"selected_text_common_form_mobile__group"},l.createElement(Me,{form:e,elementSettings:t,name:"textStrong",tooltipTitle:i(v?"Strong ( \u2318B )":"Strong  ( Ctrl+B )"),icon:l.createElement(ne.A,{className:"selected-td-form__icon-radius"})}),l.createElement(Me,{form:e,elementSettings:t,name:"textItalic",tooltipTitle:i(v?"Italic ( \u2318I )":"Italic  ( Ctrl+I )"),icon:l.createElement(de.A,{className:"selected-td-form__icon-radius"})}),l.createElement(Me,{form:e,elementSettings:t,name:"textStrikethrough",tooltipTitle:i(v?"Strikethrough ( \u2318+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:l.createElement(De.A,{className:"selected-td-form__icon-radius"})}),l.createElement(Me,{form:e,elementSettings:t,name:"textUnderline",tooltipTitle:i(v?"Underline ( \u2318U )":"Underline ( Ctrl+U )"),icon:l.createElement(Oe.A,{className:"selected-td-form__icon-radius"})})),l.createElement(A.A,{size:8,className:"selected_text_common_form_mobile__group"},l.createElement(g.A,{trigger:["hover"],title:i("Text color"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(u.A.Item,{name:"textColor",rules:[{message:i("Please set the font color")}]},l.createElement(j.A,{placeholder:i("Color"),usedColors:t.usedColors,codeMode:!0}))),!a&&l.createElement(l.Fragment,null,l.createElement(g.A,{trigger:["hover"],title:i("Text background"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(u.A.Item,{name:"textBackgroundColor",rules:[{message:i("Please set the background color")}]},l.createElement(j.A,{placeholder:i("Background color"),usedColors:t.usedColors}))))),o&&l.createElement(A.A,{size:8,className:"selected_text_common_form_mobile__group"},l.createElement(l.Fragment,null,"string"===typeof R?l.createElement(Fe.A,{arrow:!0,dropdownRender:()=>l.createElement(g.A,{trigger:["hover"],title:i("The URL that the hyperlink directs to."),placement:"bottom"},l.createElement(u.A.Item,{name:"linkHref"},l.createElement(_.A,{allowClear:!0,placeholder:"href",prefix:l.createElement(S.A,null),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(Me,{form:e,className:"selected-td-form__button selected-td-form__button_style selected-td-form__button--active",elementSettings:t,name:"textLink",icon:l.createElement(S.A,{className:"selected-td-form__icon-radius"}),showTooltip:!1}))):l.createElement(Me,{form:e,className:"selected-td-form__button selected-td-form__button_style",elementSettings:t,name:"textLink",tooltipTitle:i("Link"),icon:l.createElement(S.A,{className:"selected-td-form__icon-radius"})}),l.createElement(Fe.A,{arrow:!0,dropdownRender:()=>l.createElement(Ve.A,{form:e,elementSettings:t,name:"textAlign",setAlignStateHandle:T}),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(f.Ay,{icon:"right"===k?l.createElement(F.A,{icon:"AlignRightOutlined",size:18,strokeWidth:h.iconStrokeWidth}):"center"===k?l.createElement(F.A,{icon:"AlignCenterOutlined",size:18,strokeWidth:h.iconStrokeWidth}):l.createElement(F.A,{icon:"AlignLeftOutlined",size:18,strokeWidth:h.iconStrokeWidth}),className:"selected-td-form__button"})))),l.createElement(A.A,{size:8,className:"selected_text_common_form_mobile__group"},o&&l.createElement(g.A,{trigger:["hover"],title:i("Add paragraph"),placement:"bottom"},l.createElement(f.Ay,{icon:l.createElement(F.A,{icon:"Paragraph"}),onClick:()=>y("add_p"),className:"selected-td-form__button"})),l.createElement(g.A,{trigger:["hover"],title:i("Add inline image"),placement:"bottom"},l.createElement(f.Ay,{icon:l.createElement(F.A,{icon:"ImageAdd",size:16,strokeWidth:h.iconStrokeWidth}),onClick:()=>y("add_img"),className:"selected-td-form__button"})),l.createElement(f.Ay,{icon:l.createElement(F.A,{icon:"Typograf"}),className:"selected-td-form__button"}),l.createElement(f.Ay,{icon:l.createElement(Ue.A,null),type:"icon",style:{marginLeft:26},onClick:()=>{r({operation:O.Ru.SANDBOX_ELEMENT_ACTIVE_RESET}),c((0,Be.Fk)()),setTimeout(()=>{b===O.IE?c((0,m.A9)({type:null})):c((0,d.A9)({type:null}))},300)}}))))},$e=({form:e,elementSettings:t,imgParent:o=!1,name:a="mobileAlign"})=>{var i;const{__:r}=(0,L.s9)(),[n,d]=(0,l.useState)(null===(i=t[a])||void 0===i?void 0:i.value),m=(0,D.XW)(),s=(0,M.rD)(),c=o=>{const l=o.target.value,i={[a]:{classNamePrefix:"em-mob-text_align-",value:""}};l!==n?d(l):(d(""),e.setFieldsValue(i),m({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:i}))};return l.createElement(u.A.Item,{name:a},l.createElement(C.Ay.Group,{disabled:o&&!t.parent},l.createElement(A.A,{size:8},l.createElement(g.A,{placement:"bottom",title:r("Text align left")},l.createElement(C.Ay.Button,{value:"left",onClick:c},l.createElement(F.A,{icon:"AlignLeftOutlined",size:18,strokeWidth:s.iconStrokeWidth}))),l.createElement(g.A,{placement:"bottom",title:r("Text align center")},l.createElement(C.Ay.Button,{value:"center",onClick:c},l.createElement(F.A,{icon:"AlignCenterOutlined",size:18,strokeWidth:s.iconStrokeWidth}))),l.createElement(g.A,{placement:"bottom",title:r("Text align right")},l.createElement(C.Ay.Button,{value:"right",onClick:c},l.createElement(F.A,{icon:"AlignRightOutlined",size:18,strokeWidth:s.iconStrokeWidth}))),l.createElement(g.A,{placement:"bottom",title:r("Text align justify")},l.createElement(C.Ay.Button,{value:"justify",onClick:c},l.createElement(F.A,{icon:"Justify",size:18,strokeWidth:s.iconStrokeWidth}))))))},qe=({elementSettings:e})=>{const{__:t}=(0,L.s9)(),o=(0,n.wA)(),a=(0,D.XW)(),[i]=u.A.useForm(),r=(0,n.d4)(d.Hs),s=(0,n.d4)(Be.Ct),c=(0,n.d4)(Be.CS),E=(0,n.d4)(Be.Fv),f=(0,n.d4)(Be.yy),v=E&&"bottom"!==f,[A,_]=(0,l.useState)("https://"),[S,B]=(0,l.useState)(!1),y=(0,We.A)(),k=(0,l.useMemo)(()=>y,[]),x=r.hasOwnProperty("type")?O.IE:O.Tm,R=(0,l.useCallback)(e=>{o(x===O.Tm?(0,d.A9)(e):(0,m.A9)(e))},[o,x]);(0,l.useEffect)(()=>{if(e){var t,o,l,a,r,n,d,m,s,c,u,g,p,b,h,E,f,v;const{subject:A,body:_,baseEmail:B}=(0,$.kl)(e.linkHref),y=e.linkHref&&e.linkHref.startsWith("mailto:")?B:e.linkHref||"https://";i.setFieldsValue({...e,linkHref:y,subject:A,body:_,mobileFontSize:(0,$.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,$.ok)((null===(l=e.mobileLineHeight)||void 0===l?void 0:l.value)||e.lineHeight),mobileLineHeightDim:(null===(a=e.mobileLineHeight)||void 0===a?void 0:a.dim)||e.lineHeightDim,mobileTextAlign:(0,$.ok)((null===(r=e.mobileTextAlign)||void 0===r?void 0:r.value)||e.textAlign),SpacingBetweenBulletsAndText:null===e||void 0===e||null===(n=e.list)||void 0===n?void 0:n.betweenRowCell,SpacingBetweenParagraphs:null===e||void 0===e||null===(d=e.list)||void 0===d?void 0:d.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===(s=e.list)||void 0===s?void 0:s.bulletsColor,BulletTextStrong:null===e||void 0===e||null===(c=e.list)||void 0===c?void 0:c.bulletFontBold,BulletTextItalic:null===e||void 0===e||null===(u=e.list)||void 0===u?void 0:u.bulletFontItalic,CheckboxColor:S,BulletsFontFamily:null===e||void 0===e||null===(g=e.list)||void 0===g?void 0:g.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===(b=e.list)||void 0===b?void 0:b.bulletFontStrikethrough,BulletType:null!==(h=null===(E=k.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===E?void 0:E.code)&&void 0!==h?h:k[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===(f=e.standardList)||void 0===f?void 0:f.listTypeOL,listUL:null===e||void 0===e||null===(v=e.standardList)||void 0===v?void 0:v.listTypeUL})}},[i,e]);return l.createElement(u.A,{form:i,layout:"vertical",name:"selected_text_form",autoComplete:"off",onValuesChange:t=>{var o,l;const r=i.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=t[n];if("https://http"===e.substring(0,12)&&(e=e.substring(8,e.length),i.setFieldValue("linkHref",e)),e.startsWith("mailto:")){const t=i.getFieldValue("subject"),o=i.getFieldValue("body");d={[n]:(0,$.N_)(e,t,o)}}else d={[n]:e};(0,$.b9)(t[n],_);break;case"subject":case"body":const o=i.getFieldValue("linkHref")||"";if("mailto:"!==o.substring(0,7))return;{const e=o.split("?")[0],l="subject"===n?t[n]:i.getFieldValue("subject"),a="body"===n?t[n]:i.getFieldValue("body"),r=[];l&&r.push(`subject=${encodeURIComponent(l)}`),a&&r.push(`body=${encodeURIComponent(a)}`);d={linkHref:r.length>0?`${e}?${r.join("&")}`:e}}break;default:d=t}a({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:d}),R({...e,list:{...e.list,bulletsColor:i.getFieldValue("ColorBullets"),bulletFontFamily:i.getFieldValue("BulletsFontFamily"),bulletFontSize:i.getFieldValue("BulletsSize"),betweenParagraphs:i.getFieldValue("SpacingBetweenParagraphs"),betweenRowCell:i.getFieldValue("SpacingBetweenBulletsAndText"),bulletType:null!==(o=null===(l=k.find(e=>e.code===i.getFieldValue("BulletType")))||void 0===l?void 0:l.symbol)&&void 0!==o?o:k[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:"",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}},!v&&l.createElement(g.A,{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(p.A,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),!(s===O.ND&&!v&&c.styles)&&l.createElement("div",{id:"selected_element_form_desktop_props",style:{paddingRight:0}},l.createElement("div",{className:"selected_form-props-wrapper"},v?l.createElement(Xe,{form:i,elementSettings:e}):l.createElement(je,{form:i,elementSettings:e,linkProtocol:A,setLinkProtocol:_,isBulletFontColorChecked:S,setIsBulletFontColorChecked:B}))),!v&&l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props",style:{display:s===O.ND&&c.styles?"block":"none"}},l.createElement("div",{className:"selected_form-mobile-props-wrapper"},l.createElement(b.A,{gutter:20},l.createElement(h.A,{span:12},l.createElement($e,{form:i,elementSettings:e,name:"mobileTextAlign"}))),!!e.showOnMobile&&l.createElement(je,{form:i,elementSettings:e,linkProtocol:A,setLinkProtocol:_}),l.createElement(b.A,{gutter:10,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(Le,null)),l.createElement(h.A,{span:12},l.createElement(u.A.Item,{name:"mobileLineHeight"},l.createElement(G.A,{min:0,placeholder:t("Line height"),prefix:l.createElement(Ce.A,null),addonAfter:"px"})))))))};var Ye=o(48459),Ke=o(11374),Qe=o(83318),Je=o(22323),Ze=o(49595);const et=({form:e,oneMobileBorderRadiusValue:t,setOneMobileBorderRadiusValue:o,elementSettings:a})=>{const{__:i}=(0,L.s9)(),n=(0,D.XW)();return l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:12},l.createElement(A.A,{size:10,align:"start"},l.createElement(u.A.Item,{name:"mobileBorderRadiusAll"},l.createElement(G.A,{min:0,placeholder:i("Border radius"),prefix:l.createElement(Ze.h,{className:"selected-td-form__icon-radius"}),disabled:!t,addonAfter:"px"})))),l.createElement(h.A,{span:12},l.createElement(f.Ay,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!t}),onClick:()=>{const l=e.getFieldsValue(!0);t&&e.setFieldsValue({mobileBorderRadiusTopLeft:l.mobileBorderRadiusAll,mobileBorderRadiusBottomLeft:l.mobileBorderRadiusAll,mobileBorderRadiusTopRight:l.mobileBorderRadiusAll,mobileBorderRadiusBottomRight:l.mobileBorderRadiusAll}),n({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:a.type,settings:{mobileBorderRadius:{all:l.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}}),o(e=>!e)}},l.createElement(Ze.h,{className:"selected-td-form__icon-radius"}))),l.createElement(h.A,null,l.createElement(b.A,{gutter:10,style:{marginTop:-10}},l.createElement(h.A,{span:12},l.createElement(g.A,{placement:"bottom",title:i("Top left corner")},l.createElement(u.A.Item,{hidden:t,name:"mobileBorderRadiusTopLeft",className:"form-item-margin-xs"},l.createElement(G.A,{min:0,prefix:l.createElement(Ye.A,null),style:{minHeight:10},addonAfter:"px"}))),l.createElement(g.A,{placement:"bottom",title:i("Bottom left corner")},l.createElement(u.A.Item,{hidden:t,name:"mobileBorderRadiusBottomLeft"},l.createElement(G.A,{min:0,prefix:l.createElement(Ke.A,null),style:{minHeight:10},addonAfter:"px"})))),l.createElement(h.A,{span:12},l.createElement(g.A,{placement:"bottom",title:i("Top right corner")},l.createElement(u.A.Item,{hidden:t,name:"mobileBorderRadiusTopRight",className:"form-item-margin-xs"},l.createElement(G.A,{min:0,prefix:l.createElement(Qe.A,null),style:{minHeight:10},addonAfter:"px"}))),l.createElement(g.A,{placement:"bottom",title:i("Bottom right corner")},l.createElement(u.A.Item,{hidden:t,name:"mobileBorderRadiusBottomRight"},l.createElement(G.A,{min:0,prefix:l.createElement(Je.A,null),style:{minHeight:10},addonAfter:"px"})))))))},tt=({form:e,elementSettings:t,enableSwitch:o=!0})=>{const{__:a}=(0,L.s9)(),i=(0,l.useRef)(),r=(0,n.d4)(d.uJ),[m,s]=(0,l.useState)(!t.mobileBoxShadow||0===t.mobileBoxShadow.hOffset&&0===t.mobileBoxShadow.vOffset&&0===t.mobileBoxShadow.blurRadius&&0===t.mobileBoxShadow.spreadRadius&&0===t.mobileBoxShadow.spreadRadius),c=(0,D.XW)(),p=e=>{s(!1)};return l.createElement(l.Fragment,null,o&&l.createElement("div",{style:{float:"right",marginTop:-9,marginRight:50}},l.createElement(A.A,{size:8,align:"end"},l.createElement(X.A,{ref:i,size:"small",checked:m,onChange:o=>{s(e=>!e),e.setFieldsValue({mobileBoxShadowHOffset:m?"":0,mobileBoxShadowVOffset:m?"":0,mobileBoxShadowBlurRadius:m?"":0,mobileBoxShadowSpreadRadius:m?"":0,mobileBoxShadowColor:"",mobileBoxShadowInset:!1}),c({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{mobileBoxShadow:{classNamePrefix:"em-mob-box_shadow-",hOffset:m?null:0,vOffset:m?null:0,blurRadius:m?null:0,spreadRadius:m?null:0,color:null,inset:!1}}})},id:"without-shadow"}),l.createElement("div",{className:"ant-form-item-switch-label-small",style:{position:"relative",top:2}},l.createElement("label",{htmlFor:"without-shadow"},a("Without shadow"))))),l.createElement("p",{style:{paddingBottom:"8px",margin:"-30px 0 0"}},"\xa0"),l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:12},l.createElement(g.A,{placement:"bottom",title:a("Horizontal offset")},l.createElement(u.A.Item,{name:"mobileBoxShadowHOffset",className:"form-item-margin-xs"},l.createElement(G.A,{min:0,placeholder:a("Horizontal offset"),prefix:l.createElement(z.A,null),addonAfter:"px",onChange:p})))),l.createElement(h.A,{span:12},l.createElement(g.A,{placement:"bottom",title:a("Vertical offset")},l.createElement(u.A.Item,{name:"mobileBoxShadowVOffset",className:"form-item-margin-xs"},l.createElement(G.A,{min:0,placeholder:a("Vertical offset"),prefix:l.createElement(z.A,{style:{transform:"rotate(90deg)"}}),addonAfter:"px",onChange:p})))),l.createElement(h.A,{span:12},l.createElement(g.A,{placement:"bottom",title:a("Blur radius")},l.createElement(u.A.Item,{name:"mobileBoxShadowBlurRadius",className:"form-item-margin-xs"},l.createElement(G.A,{min:0,placeholder:a("Blur radius"),prefix:l.createElement(F.A,{icon:"Blur",style:{fontSize:16,marginLeft:-2}}),addonAfter:"px",onChange:p})))),l.createElement(h.A,{span:12},l.createElement(g.A,{placement:"bottom",title:a("Spread radius")},l.createElement(u.A.Item,{name:"mobileBoxShadowSpreadRadius",className:"form-item-margin-xs"},l.createElement(G.A,{placeholder:a("Spread radius"),prefix:l.createElement(F.A,{icon:"ZoomOutMap"}),addonAfter:"px",onChange:p})))),l.createElement(h.A,{span:12},l.createElement(A.A,{size:10,align:"start"},l.createElement(u.A.Item,{name:"mobileBoxShadowColor"},l.createElement(j.A,{usedColors:r.usedColors})))),l.createElement(h.A,{span:12},l.createElement(g.A,{title:a("Shadow inside or outside of the element"),key:"inset",placement:"bottom"},l.createElement(u.A.Item,{name:"mobileBoxShadowInset",valuePropName:"checked"},l.createElement(W.A,{style:{width:"100%"},options:[{label:a("Outside"),value:!1},{label:a("Inside"),value:!0}]}))))))},{useToken:ot}=c.A,lt=({form:e,elementSettings:t,label:o})=>{var a;const{__:i}=(0,L.s9)(),r=(0,l.useRef)(),[n,d]=(0,l.useState)("none"===(null===(a=t.mobileBackgroundColor)||void 0===a?void 0:a.value)),{token:m}=ot(),s=(0,D.XW)();return l.createElement(l.Fragment,null,l.createElement(g.A,{trigger:["hover"],title:i("Background color"),placement:"left"},l.createElement(u.A.Item,{name:"mobileBackgroundColor",style:{marginBottom:m.formItemMarginBottomXS/2}},l.createElement(j.A,{onChange:e=>{d(!1)},placeholder:o,usedColors:t.usedColors})),l.createElement(A.A,{size:8,align:"end"},l.createElement(X.A,{ref:r,size:"small",checked:n,onChange:o=>{e.setFieldsValue({mobileBackgroundColor:""}),d(e=>!e),s({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:n?"":"none"}}})},id:"without-background-color"}),l.createElement("div",{className:"ant-form-item-switch-label-small",style:{position:"relative",top:2}},l.createElement("label",{htmlFor:"without-background-color"},i("Without background color"))))))};var at=o(91113);const it=({form:e,placeholder:t,name:o,tooltipTitle:a,disabled:i,elementSettings:r})=>{var n;const{__:d}=(0,L.s9)(),m=(0,D.XW)(),s=e.getFieldValue(o),[c,p]=(0,l.useState)("success"),b=(0,l.useRef)(),[h,E]=(0,l.useState)(!(!r.mobileBackgroundImage||"none"!==r.mobileBackgroundImage[0].value));(0,l.useEffect)(()=>{s?(0,Te.DI)(s).then(e=>{p(e)}).catch(e=>{p(e)}):p("")},[e,s]);const f=t=>{e.setFieldsValue({mobileBackgroundImage:""}),E(e=>!e),m({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:r.type,settings:{mobileBackgroundImage:[{classNamePrefix:"em-mob-background_image-",value:h?"":"none",type:"url"}]}})};return l.createElement(l.Fragment,null,l.createElement("div",{style:{float:"right"}},l.createElement(Button,{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(g.A,{trigger:["hover"],title:a,placement:"left"},l.createElement(u.A.Item,{name:o,validateStatus:c,style:{marginBottom:-7}},l.createElement(at.A,{validateStatus:c,placeholder:t,name:o,disabled:i,elementSettings:r,imageInfo:r.type===O.bV.CAROUSEL?null===(n=r.carouselImages)||void 0===n?void 0:n[o.split("_")[1]]:r})),l.createElement(A.A,{size:8,align:"end",style:{marginTop:-3,display:"flex"}},l.createElement(X.A,{ref:b,size:"small",checked:h,onChange:f,id:"without-background-image"}),l.createElement("div",{className:"ant-form-item-switch-label-small",style:{position:"relative",top:2}},l.createElement("label",{htmlFor:"without-background-image"},d("Without background image"))))))};it.defaulProps={disabled:!1};const rt=(e,t)=>{const{__:o}=(0,L.s9)();return l.createElement(g.A,{title:o("During export, the element is converted into an image."),key:"exportAsPicture"},l.createElement(A.A,{size:10,align:"baseline"},l.createElement(u.A.Item,{name:"exportAsPicture",valuePropName:"checked"},l.createElement(X.A,{size:"small",id:"convern-in-image"})),l.createElement("span",{className:"ant-form-item-switch-label",style:{position:"relative",top:2}},l.createElement("label",{htmlFor:"convern-in-image"},o("Convert into an image")))))},{useToken:nt}=c.A,dt=({elementSettings:e})=>{const{__:t}=(0,L.s9)(),o=(0,D.XW)(),[a]=u.A.useForm(),i=(0,n.wA)(),r=(0,n.d4)(d.Hs).hasOwnProperty("type")?O.IE:O.Tm,[s,c]=(0,l.useState)({}),[v,A]=(0,l.useState)(!0),[_,S]=(0,l.useState)({}),[y,R]=(0,l.useState)(!0),w=(0,n.d4)(Be.Ct),T=(0,n.d4)(Be.CS),C=(0,M.rD)(),[H,W]=(0,l.useState)(""===e.backgroundImage[0].value),{token:z}=nt(),X=(0,n.d4)(Be.Fv),q=(0,n.d4)(Be.yy),K=X&&"bottom"!==q,[Q,Z]=(0,l.useState)(!1),[ee,te]=(0,l.useState)(!1),[le,ie]=(0,l.useState)(!1),[re,ne]=(0,l.useState)(!1),[de,me]=(0,l.useState)(!1),[se,ce]=(0,l.useState)(!1),[ue,ge]=(0,l.useState)(!1),[pe,be]=(0,l.useState)(!1),[he,fe]=(0,l.useState)(!1),[ve,Ae]=(0,l.useState)(!1),[_e,Se]=(0,l.useState)(!1),ye=[{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"}],ke=[{label:t("Not defined"),value:""},{label:t("Contain"),value:"contain"},{label:t("Cover"),value:"cover"}],Re=e=>e&&(null!==e&&void 0!==e&&e.width||null!==e&&void 0!==e&&e.style||null!==e&&void 0!==e&&e.color)?e:"",we=e.border,Te=e.mobileBorder,Ne=Object.keys(we).find(e=>{var t,o,l;return(null===(t=we[e])||void 0===t?void 0:t.width)||(null===(o=we[e])||void 0===o?void 0:o.style)||(null===(l=we[e])||void 0===l?void 0:l.color)}),Ie=Object.keys(Te).find(e=>{var t,o,l;return(null===(t=Te[e])||void 0===t?void 0:t.width)||(null===(o=Te[e])||void 0===o?void 0:o.style)||(null===(l=Te[e])||void 0===l?void 0:l.color)});(0,l.useEffect)(()=>{if(e){var t,o,l,i,r,n,d,m,s,u,g,p,b,h,E,f,v,_,B,y,k,x,w,T,N,I,P,C,L,F;const O=e.boxShadow,D=e.mobileBoxShadow;c(O),S(D),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,maxWidth:null===(l=e.maxWidth)||void 0===l?void 0:l.value,maxWidthDim:null===(i=e.maxWidth)||void 0===i?void 0:i.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,$.ok)(e.border.all),borderTop:(0,$.ok)(e.border.top),borderBottom:(0,$.ok)(e.border.bottom),borderRight:(0,$.ok)(e.border.right),borderLeft:(0,$.ok)(e.border.left),borderRadiusAll:(0,$.ok)(e.borderRadius.all),borderRadiusTopLeft:(0,$.ok)(e.borderRadius.topLeft),borderRadiusBottomLeft:(0,$.ok)(e.borderRadius.bottomLeft),borderRadiusTopRight:(0,$.ok)(e.borderRadius.topRight),borderRadiusBottomRight:(0,$.ok)(e.borderRadius.bottomRight),boxShadowInset:(0,$.ok)(null===(d=e.boxShadow)||void 0===d?void 0:d.inset)||!1,boxShadowHOffset:(0,$.ok)(null===(m=e.boxShadow)||void 0===m?void 0:m.hOffset),boxShadowVOffset:(0,$.ok)(null===(s=e.boxShadow)||void 0===s?void 0:s.vOffset),boxShadowBlurRadius:(0,$.ok)(null===(u=e.boxShadow)||void 0===u?void 0:u.blurRadius),boxShadowSpreadRadius:(0,$.ok)(null===(g=e.boxShadow)||void 0===g?void 0:g.spreadRadius),boxShadowColor:(0,$.ok)(null===(p=e.boxShadow)||void 0===p?void 0:p.color),mobileWidth:(0,$.xc)(null===(b=e.mobileWidth)||void 0===b?void 0:b.value),mobileWidthDim:null===(h=e.mobileWidth)||void 0===h?void 0:h.dim,mobileAlign:null===(E=e.mobileAlign)||void 0===E?void 0:E.value,mobileBorderAll:Re(e.mobileBorder.all)||!(Re(e.mobileBorder.top)||Re(e.mobileBorder.bottom)||Re(e.mobileBorder.right)||Re(e.mobileBorder.left))&&Re(e.border.all),mobileBorderTop:Re(e.mobileBorder.top)||!Re(e.mobileBorder.all)&&Re(e.border.top),mobileBorderBottom:Re(e.mobileBorder.bottom)||!Re(e.mobileBorder.all)&&Re(e.border.bottom),mobileBorderRight:Re(e.mobileBorder.right)||!Re(e.mobileBorder.all)&&Re(e.border.right),mobileBorderLeft:Re(e.mobileBorder.left)||!Re(e.mobileBorder.all)&&Re(e.border.left),mobileBorderRadiusAll:(0,$.ok)(e.mobileBorderRadius.all),mobileBorderRadiusTopLeft:(0,$.ok)(null!==e.mobileBorderRadius.topLeft?e.mobileBorderRadius.topLeft:e.mobileBorderRadius.all),mobileBorderRadiusBottomLeft:(0,$.ok)(null!==e.mobileBorderRadius.bottomLeft?e.mobileBorderRadius.bottomLeft:e.mobileBorderRadius.all),mobileBorderRadiusTopRight:(0,$.ok)(null!==e.mobileBorderRadius.topRight?e.mobileBorderRadius.topRight:e.mobileBorderRadius.all),mobileBorderRadiusBottomRight:(0,$.ok)(null!==e.mobileBorderRadius.bottomRight?e.mobileBorderRadius.bottomRight:e.mobileBorderRadius.all),mobileBoxShadowInset:(0,$.ok)(null===(f=e.mobileBoxShadow)||void 0===f?void 0:f.inset)||!1,mobileBoxShadowHOffset:(0,$.ok)(null===(v=e.mobileBoxShadow)||void 0===v?void 0:v.hOffset),mobileBoxShadowVOffset:(0,$.ok)(null===(_=e.mobileBoxShadow)||void 0===_?void 0:_.vOffset),mobileBoxShadowBlurRadius:(0,$.ok)(null===(B=e.mobileBoxShadow)||void 0===B?void 0:B.blurRadius),mobileBoxShadowSpreadRadius:(0,$.ok)(null===(y=e.mobileBoxShadow)||void 0===y?void 0:y.spreadRadius),mobileBoxShadowColor:(0,$.ok)(null===(k=e.mobileBoxShadow)||void 0===k?void 0:k.color),mobileBackgroundColor:(0,$.ok)("none"!==(null===(x=e.mobileBackgroundColor)||void 0===x?void 0:x.value)?null===(w=e.mobileBackgroundColor)||void 0===w?void 0:w.value:""),mobileBackgroundImage:"none"!==e.mobileBackgroundImage[0].value?e.mobileBackgroundImage[0].value:"",mobileBackgroundPositionX:(0,$.ok)(null===(T=e.mobileBackgroundPositionX)||void 0===T?void 0:T.value),mobileBackgroundPositionY:(0,$.ok)(null===(N=e.mobileBackgroundPositionY)||void 0===N?void 0:N.value),mobileBackgroundRepeat:null!==(I=e.mobileBackgroundRepeat)&&void 0!==I&&I.value?null===(P=e.mobileBackgroundRepeat)||void 0===P?void 0:P.value:"none",exportAsPicture:null===e||void 0===e?void 0:e.exportAsPicture}),!(0,$.ok)(e.borderRadius.all)&&((0,$.ok)(e.borderRadius.topLeft)||(0,$.ok)(e.borderRadius.bottomLeft)||(0,$.ok)(e.borderRadius.topRight)||(0,$.ok)(e.borderRadius.bottomRight))?A(!1):A(!0),(0,$.ok)(e.mobileBorderRadius.topLeft)||(0,$.ok)(e.mobileBorderRadius.bottomLeft)||(0,$.ok)(e.mobileBorderRadius.topRight)||(0,$.ok)(e.mobileBorderRadius.bottomRight)?R(!1):R(!0),W(""===e.backgroundImage[0].value),Z(e=>!!Ne||e),te(e=>!(!Ne&&!Ie)||e),ie(!!e.borderRadius.all||!!e.borderRadius.topLeft||!!e.borderRadius.bottomLeft||!!e.borderRadius.topRight||!!e.borderRadius.bottomRight),ne(!!e.mobileBorderRadius.all||!!e.mobileBorderRadius.topLeft||!!e.mobileBorderRadius.bottomLeft||!!e.mobileBorderRadius.topRight||!!e.mobileBorderRadius.bottomRight),me(!!e.boxShadow),ce(!!e.mobileBoxShadow.blurRadius||!!e.mobileBoxShadow.color||!!e.mobileBoxShadow.hOffset||!!e.mobileBoxShadow.inset||!!e.mobileBoxShadow.spreadRadius||!!e.mobileBoxShadow.vOffset),ge(!(null===(C=e.width)||void 0===C||!C.value)||!(null===(L=e.minWidth)||void 0===L||!L.value)||!(null===(F=e.maxWidth)||void 0===F||!F.value)),be(!!e.mobileWidth.value),fe(!!e.backgroundColor||!!e.backgroundImage[0].value||!!e.backgroundPositionY||!!e.backgroundPositionX||"repeat"!==e.backgroundRepeat||!e.backgroundRepeat,!!e.backgroundSize),Ae(!!e.mobileBackgroundColor.value),Se(!!e.exportAsPicture)}},[a,e]);const Pe=(0,l.useCallback)(e=>{i(r===O.Tm?(0,d.A9)(e):(0,m.A9)(e))},[i,r]),Ce=t=>{const l=a.getFieldsValue(!0),i=Object.keys(t)[0];let r;switch(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,m;if("borderAll"===l.borderPosition)r={border:{...O.iV,all:{...xe.RH,...l.borderAll}}},a.setFieldsValue({borderLeft:xe.RH,borderRight:xe.RH,borderTop:xe.RH,borderBottom:xe.RH});else null!==(n=l.borderAll)&&void 0!==n&&n.width||null!==(d=l.borderAll)&&void 0!==d&&d.style||null!==(m=l.borderAll)&&void 0!==m&&m.color?(r={border:{all:null,left:l.borderAll,right:l.borderAll,top:l.borderAll,bottom:l.borderAll,[xe.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,[xe.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:{...O.iV,all:{...xe.RH,...l.mobileBorderAll,classNamePrefix:"em-mob-border_"+xe.ax[i]+"-"}}},a.setFieldsValue({borderLeft:xe.RH,borderRight:xe.RH,borderTop:xe.RH,borderBottom:xe.RH});else{var s,c,u,g,p,b;const o=xe.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!==(s=l.mobileBorder)&&void 0!==s&&null!==(c=s.all)&&void 0!==c&&c.width||null!==(u=l.mobileBorder)&&void 0!==u&&null!==(g=u.all)&&void 0!==g&&g.style||null!==(p=l.mobileBorder)&&void 0!==p&&null!==(b=p.all)&&void 0!==b&&b.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"widthDim":r={width:{value:l.width,dim:t[i]}};break;case"maxWidth":r={[i]:{value:t[i],dim:l.maxWidthDim}};break;case"maxWidthDim":r={maxWidth:{value:l.maxWidth,dim:t[i]}};break;case"minWidth":r={[i]:{value:t[i],dim:l.minWidthDim}};break;case"minWidthDim":r={minWidth:{value:l.minWidth,dim:t[i]}};break;case"backgroundImage":W(""===t[i]),r={[i]:[{...e.backgroundImage[0],value:t[i]}],backgroundSize:"cover"};break;case"borderRadiusAll":case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":r={borderRadius:{[xe.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"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":r={mobileBorderRadius:{[mobileBorderRadiusPosition[i]]:t[i],classNamePrefix:"em-mob-border_radius_"+mobileBorderRadiusPosition[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"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_x-",value:t[i]}};break;case"mobileBackgroundRepeat":r={[i]:{classNamePrefix:"em-mob-background_repeat-",value:t[i]}};break;case"mobileAlign":r={[i]:{classNamePrefix:"em-mob-table_align-",value:t[i]}};break;default:r=t}var h;"borderPosition"!==i&&"mobileBorderPosition"!==i&&(o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:r}),"mobileBorderRadiusAll"!==i&&"mobileBorderRadiusTopLeft"!==i&&"mobileBorderRadiusTopRight"!==i&&"mobileBorderRadiusBottomLeft"!==i&&"mobileBorderRadiusBottomRight"!==i&&Pe({...e,...r,mobileBorderRadius:{...e.mobileBorderRadius,...null===(h=r)||void 0===h?void 0:h.mobileBorderRadius},activateSection:null,changeKey:i}))};return l.createElement(u.A,{form:a,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:xe.uE[Ne]||"borderAll",mobileBorderPosition:xe.lS[Ie]||"mobileBorderAll",borderColor:"",borderWidth:"",borderStyle:"",borderRadiusAll:"",RadiusTopLeft:"",RadiusBottomLeft:"",RadiusTopRight:"",RadiusBottomRight:"",mobileWidth:"",mobileWidthDim:"",mobileBorder:"",mobileBorderColor:"",mobileBorderWidth:"",mobileBorderStyle:"",mobileBoxShadow:"",mobileBackgroundColor:"",mobileBackgroundImage:""},onValuesChange:Ce,autoComplete:"off",className:"element-controls"},!K&&l.createElement(g.A,{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(p.A,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),w===O.ND&&T.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props"},l.createElement("div",{className:"selected_form-mobile-props-wrapper"},l.createElement("div",{style:{paddingBottom:4}},l.createElement(J,{form:a,elementSettings:e})),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Size"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{be(e=>!e),pe&&(t.mobileWidth="",o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileWidth:{value:null,dim:"px",classNamePrefix:"em-mob-width-"}}}))})}},pe?l.createElement(x.A,null):l.createElement(k.A,null)))),pe&&l.createElement(l.Fragment,null,l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:t("Table width"),placement:"left"},l.createElement("div",{style:{marginBottom:z.formItemMarginBottomMD+4}},l.createElement(Y,{form:a,name:"mobileWidth",elementSettings:e})))))),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Background"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{Ae(e=>!e),t.mobileBackgroundColor=ve?"":"#E5E5E5",o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:t.mobileBackgroundColor}}})})}},ve?l.createElement(x.A,null):l.createElement(k.A,null)))),ve&&l.createElement("div",{style:{marginBottom:(C.formTableFieldBackgroundImageEnabled,z.formItemMarginBottomMD+4)}},l.createElement(lt,{form:a,elementSettings:e})),!1,C.formFieldBorderEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Borders"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{te(e=>!e),ee?(t.mobileBorderAll=xe.RH,t.mobileBorderTop=xe.RH,t.mobileBorderBottom=xe.RH,t.mobileBorderRight=xe.RH,t.mobileBorderLeft=xe.RH):t.mobileBorderAll={width:1,color:"#E5E5E5",style:"solid"},o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorder:{all:{color:t.mobileBorderAll.color,style:t.mobileBorderAll.style,width:t.mobileBorderAll.width}}}})})}},ee?l.createElement(x.A,null):l.createElement(k.A,null)))),ee&&l.createElement("div",{style:{paddingBottom:4}},l.createElement(I.A,{form:a,typeOfForm:"mobile",elementSettings:e,onBorderSideClear:Ce}))),C.formFieldBorderRadiusEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Border radius"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{ne(e=>!e),re?(t.mobileBorderRadiusAll=null,R(!0)):t.mobileBorderRadiusAll=5,o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorderRadius:{all:t.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}})})}},re?l.createElement(x.A,null):l.createElement(k.A,null)))),re&&l.createElement("div",{style:{paddingBottom:4}},l.createElement(et,{form:a,oneMobileBorderRadiusValue:y,setOneMobileBorderRadiusValue:R,elementSettings:e}))),C.formFieldBoxShadowEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Box shadow"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{ce(e=>!e),se?(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:O.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-"}}})})}},se?l.createElement(x.A,null):l.createElement(k.A,null)))),se&&l.createElement("div",{style:{paddingBottom:4}},l.createElement(tt,{mobileBoxShadow:_,form:a,elementSettings:e}))),C.formFieldVisibilityEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("Display control")),l.createElement(b.A,{gutter:20},l.createElement(h.A,{span:12},l.createElement("div",{style:{paddingBottom:4}},l.createElement(oe,{elementSettings:e,form:a}))))),C.formFieldAmpVisibilityEnabled&&e.ampShow&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("AMP visibility")),l.createElement(b.A,{gutter:20,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(Ee,null)))))):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement("div",{className:"selected_form-props-wrapper"},l.createElement("div",{style:{paddingBottom:4}},l.createElement(V,{form:a,elementSettings:e,tooltipTitle:t("The align attribute sets the horizontal alignment of the table.")})),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Size"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{ge(e=>!e),ue&&(t.width="",t.minWidth="",t.maxWidth="",o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{width:{value:null,dim:"px"},minWidth:{value:null,dim:"px"},maxWidth:{value:null,dim:"px"}}}))})}},ue?l.createElement(x.A,null):l.createElement(k.A,null)))),ue&&l.createElement(l.Fragment,null,l.createElement(g.A,{trigger:["hover"],title:t("Table width"),placement:"left"},l.createElement(u.A.Item,{name:"width",style:{marginBottom:z.formItemMarginBottomXS}},l.createElement(G.A,{min:0,placeholder:t("Width"),prefix:l.createElement(B.A,null),addonAfter:l.createElement(u.A.Item,{name:"widthDim",noStyle:!0},$.z$),style:{width:"100%"}}))),l.createElement(b.A,{gutter:10,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:t("Minimum width"),placement:"left"},l.createElement(u.A.Item,{name:"minWidth"},l.createElement(G.A,{min:0,placeholder:t("Table min width"),prefix:l.createElement(F.A,{icon:"MinWidth"}),addonAfter:l.createElement(u.A.Item,{name:"minWidthDim",noStyle:!0},$.z$)})))),l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:t("Maximum width"),placement:"top"},l.createElement(u.A.Item,{name:"maxWidth"},l.createElement(G.A,{min:0,placeholder:t("Table max width"),prefix:l.createElement(F.A,{icon:"MaxWidth"}),addonAfter:l.createElement(u.A.Item,{name:"maxWidthDim",noStyle:!0},$.z$)})))))),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Background"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{fe(e=>!e),he?(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:O.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}})})}},he?l.createElement(x.A,null):l.createElement(k.A,null)))),he&&l.createElement(b.A,{gutter:10,style:{marginBottom:H?16:0}},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:t("Background color"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(u.A.Item,{name:"backgroundColor",style:{marginBottom:C.formTableFieldBackgroundImageEnabled?z.formItemMarginBottomXS:z.formItemMarginBottomMD+4}},l.createElement(j.A,{placeholder:t("Background color"),usedColors:e.usedColors})))),C.formTableFieldBackgroundImageEnabled&&l.createElement(h.A,{span:H?12:24},l.createElement("div",{style:{paddingBottom:H?4:0}},l.createElement(N.A,{form:a,label:t("Background image"),name:"backgroundImage",tooltipTitle:t("Background image"),placeholder:"Background image link/route"})),!H&&l.createElement(u.A.Item,{style:{marginBottom:"0"}},l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:t("Horizontal position"),placement:"bottom"},l.createElement(u.A.Item,{name:"backgroundPositionX",style:{marginBottom:z.formItemMarginBottomXS}},l.createElement(G.A,{placeholder:t("Horizontal position"),prefix:l.createElement(F.A,{icon:"BgPositionHorizontal"})})))),l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:t("Vertical position"),placement:"bottom"},l.createElement(u.A.Item,{name:"backgroundPositionY",style:{marginBottom:z.formItemMarginBottomXS}},l.createElement(G.A,{placeholder:t("Vertical position"),prefix:l.createElement(F.A,{icon:"BgPositionVertical"})}))))),l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:t("Background image repeat"),placement:"top"},l.createElement(u.A.Item,{name:"backgroundRepeat",style:{marginBottom:z.formItemMarginBottomMD+4}},l.createElement(ae.A,{placeholder:"Please choose",options:ye,getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel")})))),l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:t("Background image size"),placement:"top"},l.createElement(u.A.Item,{name:"backgroundSize",style:{marginBottom:z.formItemMarginBottomMD+4}},l.createElement(ae.A,{placeholder:"Please choose",options:ke,getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel")})))))))),C.formFieldBorderEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Borders"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{Z(e=>!e),Q?(t.borderAll=xe.RH,t.borderTop=xe.RH,t.borderBottom=xe.RH,t.borderRight=xe.RH,t.borderLeft=xe.RH):t.borderAll={width:1,color:"#E5E5E5",style:"solid"},o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{border:{all:{color:t.borderAll.color,style:t.borderAll.style,width:t.borderAll.width}}}})})}},Q?l.createElement(x.A,null):l.createElement(k.A,null)))),Q&&l.createElement("div",{style:{paddingBottom:4}},l.createElement(I.A,{form:a,elementSettings:e,onBorderSideClear:Ce}))),C.formFieldBorderRadiusEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Border radius"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{ie(e=>!e),le?(t.borderRadiusAll=0,A(!0)):t.borderRadiusAll=5,o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{borderRadius:{all:t.borderRadiusAll}}})})}},le?l.createElement(x.A,null):l.createElement(k.A,null)))),le&&l.createElement("div",{style:{paddingBottom:4}},l.createElement(P.A,{form:a,oneBorderRadiusValue:v,setOneBorderRadiusValue:A,elementSettings:e}))),C.formFieldBoxShadowEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Box shadow"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{me(e=>!e),de?(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:O.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}}})})}},de?l.createElement(x.A,null):l.createElement(k.A,null)))),de&&l.createElement("div",{style:{paddingBottom:4}},l.createElement(U,{boxShadow:s}))),C.formFieldExportAsPictureEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Export settings"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{Se(e=>!e),_e&&(t.exportAsPicture=!1,o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{exportAsPicture:!1}}))})}},_e?l.createElement(x.A,null):l.createElement(k.A,null)))),_e&&l.createElement(rt,{form:a,elementSettings:e})),C.formFieldVisibilityEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("Display control")),l.createElement(b.A,{gutter:20},l.createElement(h.A,{span:12},l.createElement("div",{style:{paddingBottom:4}},l.createElement(oe,{elementSettings:e,form:a}))))),C.formFieldAmpVisibilityEnabled&&e.ampShow&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("AMP visibility")),l.createElement(b.A,{gutter:20,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(Ee,null)))))))};var mt=o(6221);const st=({elementSettings:e})=>{const{__:t}=(0,L.s9)(),o=(0,D.XW)(),[a]=u.A.useForm(),i=(0,M.rD)(),r=(0,n.d4)(Be.Fv),d=(0,n.d4)(Be.yy),[m,s]=(0,l.useState)({}),[c,p]=(0,l.useState)("https://");(0,l.useEffect)(()=>{if(e){let t="",o="",l=e.href||"https://";if(e.href&&"mailto:"===e.href.substring(0,7)){const a=new URL(e.href);t=a.searchParams.get("subject")||"",o=a.searchParams.get("body")||"",l=e.href.split("?")[0],p("mailto:")}else e.href&&("https://"===e.href.substring(0,8)||"http://"===e.href.substring(0,7)?p("https://"):"tel:"===e.href.substring(0,4)?p("tel:"):"sms:"===e.href.substring(0,4)?p("sms:"):"ftp://"===e.href.substring(0,6)?p("ftp://"):"skype:"===e.href.substring(0,6)?p("skype:"):"viber:"===e.href.substring(0,6)?p("viber:"):p(""));a.setFieldsValue({...e,href:l,subject:t,body:o})}},[a,e]);return l.createElement(u.A,{form:a,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 i=t;if("href"===l){const e=t[l];if("mailto:"===e.substring(0,7)){const t=a.getFieldValue("subject"),o=a.getFieldValue("body"),l=[];t&&l.push(`subject=${encodeURIComponent(t)}`),o&&l.push(`body=${encodeURIComponent(o)}`);i={href:l.length>0?`${e}?${l.join("&")}`:e}}}if("subject"===l||"body"===l){const e=a.getFieldValue("href")||"";if("mailto:"!==e.substring(0,7))return;{const o=e.split("?")[0],r="subject"===l?t[l]:a.getFieldValue("subject"),n="body"===l?t[l]:a.getFieldValue("body"),d=[];r&&d.push(`subject=${encodeURIComponent(r)}`),n&&d.push(`body=${encodeURIComponent(n)}`);i={href:d.length>0?`${o}?${d.join("&")}`:o}}}o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:i})},autoComplete:"off",className:"element-controls"},r&&"bottom"!==d?l.createElement(Xe,{form:a,elementSettings:e,showAddParagraph:!1}):l.createElement(l.Fragment,null,l.createElement(g.A,{trigger:["hover"],title:t("Hyperlink URL"),placement:"left"},l.createElement(u.A.Item,{name:"href",style:{marginBottom:24,paddingRight:10}},l.createElement(_.A,{allowClear:!0,placeholder:"href",prefix:l.createElement(S.A,null),onSelect:({target:e})=>{const{selectionStart:t,selectionEnd:o}=e;e&&s({target:e,selection:{start:t,end:o}})}}))),i.formLinkFieldInsertImageEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("Actions with the chosen text")),l.createElement(u.A.Item,null,l.createElement(f.Ay,{icon:l.createElement(mt.A,null),onClick:()=>{return e="add_img",void o({operation:O.Ru.SANDBOX_ELEMENT_TEXT,action:e});var e}},t("Add inline image")))),l.createElement(je,{form:a,elementSettings:e,showAddParagraph:!1,linkTarget:m,linkProtocol:c,setLinkProtocol:p})))},ct=({elementSettings:e})=>{const{__:t}=(0,L.s9)(),[o]=u.A.useForm(),a=(0,n.wA)(),i=(0,n.d4)(d.Hs),r=(0,D.XW)(),s=(0,n.d4)(Be.Ct),c=(0,n.d4)(Be.CS),E=(0,n.d4)(Be.Fv),f=(0,n.d4)(Be.yy),v=E&&"bottom"!==f,A=i.hasOwnProperty("type")?O.IE:O.Tm;(0,l.useEffect)(()=>{var t,l,a,i,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,$.xc)((null===(a=e.mobileHeight)||void 0===a?void 0:a.value)||(null===(i=e.height)||void 0===i?void 0:i.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 _=(0,l.useCallback)(e=>{a(A===O.Tm?(0,d.A9)(e):(0,m.A9)(e))},[a,A]);return l.createElement(u.A,{form:o,layout:"vertical",name:"selected_vindent_form",initialValues:{height:"",heightDim:"",mobileHeight:"",mobileHeightDim:""},onValuesChange:t=>{const l=o.getFieldsValue(!0),a=Object.keys(t)[0];let i;switch(a){case"height":i={[a]:{value:t[a],dim:l.heightDim}};break;case"heightDim":i={height:{value:l.height,dim:t[a]}};break;case"mobileHeight":i={[a]:{classNamePrefix:"em-mob-height-",value:t[a],dim:l.mobileHeightDim}};break;case"mobileHeightDim":i={mobileHeight:{classNamePrefix:"em-mob-height-",value:l.mobileHeight,dim:t[a]}};break;default:i=t}r({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:i}),_({...e,...i,activateSection:null,changeKey:a})},autoComplete:"off"},!v&&l.createElement(g.A,{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(p.A,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),s===O.ND&&c.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props",style:{display:s===O.ND&&c.styles?"block":"none",marginBottom:10}},l.createElement("div",{className:"selected_form-mobile-props-wrapper"},l.createElement(b.A,{gutter:10,style:{marginBottom:20}},l.createElement(h.A,{span:12},l.createElement(Q,{form:o,name:"mobileHeight",elementSettings:e}))))):l.createElement("div",{id:"selected_element_form_desktop_props",style:{display:s===O.ND&&c.styles?"none":"block"}},l.createElement("div",{className:"selected_form-props-wrapper"},l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:14},l.createElement(u.A.Item,{name:"height"},l.createElement(G.A,{min:0,placeholder:t("Indent height"),prefix:l.createElement(y.A,null),addonAfter:"px"})))))))};var ut=o(91796),gt=o(86588);const pt=({form:e,elementSettings:t})=>{const{__:o}=(0,L.s9)(),a=(0,D.XW)(),[i,r]=(0,l.useState)(t.direction),n=o=>{const l=o.target.value,n={direction:""};l!==i?r(l):(r(""),e.setFieldsValue(n),a({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:n}))};return l.createElement(u.A.Item,{name:"direction"},l.createElement(C.Ay.Group,null,l.createElement(A.A,{size:8},l.createElement(g.A,{placement:"top",title:o("Right to left")},l.createElement(C.Ay.Button,{value:"rtl",onClick:n},l.createElement(ut.A,null))),l.createElement(g.A,{placement:"top",title:o("Left to right")},l.createElement(C.Ay.Button,{value:"ltr",onClick:n},l.createElement(gt.A,null))))))},{useToken:bt}=c.A,ht=({form:e,elementSettings:t,mobilePaddingsExt:o,setMobilePaddingsExt:a})=>{const{__:i}=(0,L.s9)(),{token:n}=bt(),d=(0,D.XW)();return l.createElement(l.Fragment,null,l.createElement(h.A,{span:10,style:{width:156,flex:"auto",maxWidth:"none"}},l.createElement("div",{className:"padding-collapsed",style:{display:o?"block":"none"}},l.createElement(g.A,{title:i("Horizontal padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"mobilePaddingLeftRight"},l.createElement(G.A,{min:0,placeholder:i("Horizontal"),prefix:l.createElement(F.A,{icon:"PaddingLeftRight"}),addonAfter:"px"})))),l.createElement("div",{className:"padding-extended",style:{display:o?"none":"block"}},l.createElement(g.A,{trigger:["hover"],title:i("Left padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"mobilePaddingLeft",style:{marginBottom:n.formItemMarginBottomXS}},l.createElement(G.A,{min:0,placeholder:i("Left"),prefix:l.createElement(F.A,{icon:"PaddingLeft"}),addonAfter:"px"}))),l.createElement(g.A,{trigger:["hover"],title:i("Right padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"mobilePaddingRight"},l.createElement(G.A,{min:0,placeholder:i("Right"),prefix:l.createElement(F.A,{icon:"PaddingRight"}),addonAfter:"px"}))))),l.createElement(h.A,{span:10,style:{width:156,flex:"auto",maxWidth:"none"}},l.createElement("div",{className:"padding-collapsed",style:{display:o?"block":"none"}},l.createElement(g.A,{title:i("Vertical padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"mobilePaddingTopBottom"},l.createElement(G.A,{min:0,placeholder:i("Vertical"),prefix:l.createElement(F.A,{icon:"PaddingTopBottom"}),addonAfter:"px"})))),l.createElement("div",{className:"padding-extended",style:{display:o?"none":"block"}},l.createElement(g.A,{trigger:["hover"],title:i("Top padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"mobilePaddingTop",style:{marginBottom:n.formItemMarginBottomXS}},l.createElement(G.A,{min:0,placeholder:i("Top"),prefix:l.createElement(F.A,{icon:"PaddingTop"}),addonAfter:"px"}))),l.createElement(g.A,{trigger:["hover"],title:i("Bottom padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"mobilePaddingBottom"},l.createElement(G.A,{min:0,placeholder:i("Bottom"),prefix:l.createElement(F.A,{icon:"PaddingBottom"}),addonAfter:"px"}))))),l.createElement(h.A,{span:4,style:{width:45,flex:"auto",maxWidth:"none"}},l.createElement(g.A,{title:i("Individual padding"),placement:"bottom"},l.createElement(f.Ay,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!o}),onClick:()=>{a(e=>!e);const l=e.getFieldsValue(!0);o||(l.mobilePaddingLeftRight=l.mobilePaddingLeft,l.mobilePaddingTopBottom=l.mobilePaddingTop,l.mobilePaddingRight=l.mobilePaddingLeft,l.mobilePaddingBottom=l.mobilePaddingTop,d({operation:O.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_"}}}))}},l.createElement(F.A,{icon:"PaddingSwitcher"})))))},Et=({form:e,elementSettings:t})=>{var o;const{__:a}=(0,L.s9)(),[i,r]=(0,l.useState)(null===(o=t.mobileDirection)||void 0===o?void 0:o.value),n=(0,D.XW)(),d=o=>{const l=o.target.value,a={mobileDirection:{classNamePrefix:"em-mob-direction-",value:""}};l!==i?r(l):(r(""),e.setFieldsValue(a),n({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:a}))};return l.createElement(u.A.Item,{name:"mobileDirection"},l.createElement(C.Ay.Group,null,l.createElement(A.A,{size:8},l.createElement(g.A,{placement:"top",title:a("Right to left")},l.createElement(C.Ay.Button,{value:"rtl",onClick:d},l.createElement(ut.A,null))),l.createElement(g.A,{placement:"top",title:a("Left to right")},l.createElement(C.Ay.Button,{value:"ltr",onClick:d},l.createElement(gt.A,null))))))};var ft=o(13927);const vt={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"}]},At=({form:e,backgroundImageEmpty:t,appConfig:o,token:a,elementSettings:i,backgroundRepeatOptions:r,handleChangeValues:n})=>{const{__:d}=(0,L.s9)(),[m,s]=(0,l.useState)(""),[c,p]=(0,l.useState)("px"),[E,f]=(0,l.useState)(""),[v,A]=(0,l.useState)("px"),_=[{label:d("Not defined"),value:""},{label:d("Contain"),value:"contain"},{label:d("Cover"),value:"cover"}],S=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=S(t),a=S(o);s(String(l.value)),p(l.unit),f(String(a.value)),A(a.unit)},[e]);const B=(e,t)=>{s(String(e)),p(t),n&&n({backgroundPositionX:{position:e,unit:t}})},y=(e,t)=>{f(String(e)),A(t),n&&n({backgroundPositionY:{position:e,unit:t}})};return l.createElement(b.A,{gutter:10,style:{marginBottom:t?16:0}},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:d("Background color"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(u.A.Item,{name:"backgroundColor",style:{marginBottom:o.formCellFieldBackgroundImageEnabled?a.formItemMarginBottomXS:a.formItemMarginBottomMD+4}},l.createElement(j.A,{placeholder:d("Background color"),usedColors:i.usedColors})))),o.formCellFieldBackgroundImageEnabled&&l.createElement(h.A,{span:t?12:24},l.createElement(N.A,{form:e,label:d("Background image"),name:"backgroundImage",tooltipTitle:d("Background image"),placeholder:"Background image link/route"}),!t&&l.createElement(u.A.Item,{style:{marginBottom:"0"}},l.createElement(b.A,{gutter:10,style:{marginBottom:a.formItemMarginBottomXS}},l.createElement(h.A,{span:12},l.createElement(ft.A,{options:vt.horizontal,position:m,setPosition:e=>B(e,c),unit:c,setUnit:e=>B(m,e),placeholder:d("Horizontal position"),prefix:l.createElement(F.A,{icon:"BgPositionHorizontal"}),dropdownStyle:{bottom:"auto"}})),l.createElement(h.A,{span:12},l.createElement(ft.A,{options:vt.vertical,position:E,setPosition:e=>y(e,v),unit:v,setUnit:e=>y(E,e),placeholder:d("Vertical position"),prefix:l.createElement(F.A,{icon:"BgPositionVertical"}),dropdownStyle:{bottom:"auto"}}))),l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:d("Background image repeat"),placement:"top"},l.createElement(u.A.Item,{name:"backgroundRepeat",style:{marginBottom:a.formItemMarginBottomMD+4}},l.createElement(ae.A,{placeholder:d("Please choose"),options:r,getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel")})))),l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:d("Background image size"),placement:"top"},l.createElement(u.A.Item,{name:"backgroundSize",style:{marginBottom:a.formItemMarginBottomMD+4}},l.createElement(ae.A,{placeholder:d("Please choose"),options:_,getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel")}))))))))},_t=({form:e,elementSettings:t,__:o,appConfig:a})=>{const[i,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"}},a.formTextFieldTypografEnabled&&l.createElement(l.Fragment,null,l.createElement(g.A,{trigger:["hover"],title:o("Text font"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(u.A.Item,{name:"fontFamily",className:"form-item-margin-xs"},l.createElement(He.A,{textEditor:!0}))),!t.showOnMobile&&l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:o("Font size"),placement:"bottom"},l.createElement(u.A.Item,{name:"fontSize"},l.createElement(G.A,{min:8,max:90,placeholder:o("Font size"),prefix:l.createElement(re.A,null),addonAfter:"px"})))),l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:o("Line height"),placement:"bottom"},l.createElement(u.A.Item,{name:"lineHeight"},l.createElement(G.A,{min:10,max:110,placeholder:o("Line height"),prefix:l.createElement(Ce.A,null),addonAfter:"px"})))))),l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:t,name:"textStrong",tooltipTitle:o(i?"Strong ( \u2318B )":"Strong  ( Ctrl+B )"),icon:l.createElement(ne.A,{className:"selected-text-common-form__icon-radius"})})),l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:t,name:"textItalic",tooltipTitle:o(i?"Italic ( \u2318I )":"Italic  ( Ctrl+I )"),icon:l.createElement(de.A,{className:"selected-text-common-form__icon-radius"})})),l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:t,name:"textStrikethrough",tooltipTitle:o(i?"Strikethrough ( \u2318+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:l.createElement(De.A,{className:"selected-text-common-form__icon-radius"})})),l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:t,name:"textUnderline",tooltipTitle:o(i?"Underline ( \u2318U )":"Underline ( Ctrl+U )"),icon:l.createElement(Oe.A,{className:"selected-text-common-form__icon-radius"})}))),l.createElement(b.A,{gutter:10,style:{paddingBottom:4}},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:o("Text color"),placement:"bottom",zIndex:2,getPopupContainer:e=>e.parentNode},l.createElement(u.A.Item,{name:"textColor",rules:[{message:o("Please set the font color")}]},l.createElement(j.A,{placeholder:o("Color"),usedColors:t.usedColors})))),l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:o("Text background"),placement:"bottom",zIndex:2,getPopupContainer:e=>e.parentNode},l.createElement(u.A.Item,{name:"textBackgroundColor",rules:[{message:o("Please set the background color")}]},l.createElement(j.A,{placeholder:o("Background color"),usedColors:t.usedColors}))))))},{useToken:St}=c.A,Bt=({elementSettings:e})=>{const{__:t}=(0,L.s9)(),o=(0,D.XW)(),a=(0,n.wA)(),[i]=u.A.useForm(),[s,c]=(0,l.useState)(""),[v,_]=(0,l.useState)({}),[S,R]=(0,l.useState)(!0),[w,T]=(0,l.useState)(!0),N=(0,n.d4)(Be.Ct),C=(0,n.d4)(Be.CS),V=(0,n.d4)(d.Hs),W=(0,M.rD)(),[z,j]=(0,l.useState)(""===e.backgroundImage[0].value),{token:q}=St(),K=(0,n.d4)(Be.Fv),ee=(0,n.d4)(Be.yy),te=K&&"bottom"!==ee,[le,ae]=(0,l.useState)(!1),[ie,re]=(0,l.useState)(!1),[ne,de]=(0,l.useState)(!1),[me,se]=(0,l.useState)(!1),[ce,ue]=(0,l.useState)(!1),[ge,pe]=(0,l.useState)(!1),[be,he]=(0,l.useState)(!1),[fe,ve]=(0,l.useState)(!1),[Ae,_e]=(0,l.useState)(!1),[Se,ye]=(0,l.useState)(!1),[ke,Re]=(0,l.useState)(!1),[we,Te]=(0,l.useState)(!1),[Ne,Ie]=(0,l.useState)(!1),[Pe,Ce]=(0,l.useState)(!1),[Le,Fe]=(0,l.useState)(!1),Oe=V.hasOwnProperty("type")?O.IE:O.Tm,De=[{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"}],Me=e.border,He=e.mobileBorder,We=Object.keys(Me).find(e=>{var t,o,l;return(null===(t=Me[e])||void 0===t?void 0:t.width)||(null===(o=Me[e])||void 0===o?void 0:o.style)||(null===(l=Me[e])||void 0===l?void 0:l.color)}),ze=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)}),Ge=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,r,n,d,m,s,c,u,g,p,b,h,E,f,v,A,S,B,y,k,x,w,N,I,P,C,L,F,O,D,M,V,H,W,z,G,U,X,q,Y,K,Q,J,Z,ee,te,oe,le,ie,ne,me,ce,ge,be,Ee,fe,Ae,Se,Be,ke,xe,we,Ne,Pe,Le,Oe,De,Me,Ve,He,je,Ue,Xe,$e,qe,Ye,Ke,Qe,Je,Ze,et,tt,ot,lt,at,it,rt,nt,dt,mt,st;const ct=e.boxShadow;_(ct),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,backgroundImage:e.backgroundImage[0].value,show:e.show?e.show:"all",isContrastBlock:e.isContrastBlock,borderAll:(0,$.ok)(e.border.all),borderTop:(0,$.ok)(e.border.top),borderBottom:(0,$.ok)(e.border.bottom),borderRight:(0,$.ok)(e.border.right),borderLeft:(0,$.ok)(e.border.left),mobileBorderAll:Ge(e.mobileBorder.all)||!(Ge(e.mobileBorder.top)||Ge(e.mobileBorder.bottom)||Ge(e.mobileBorder.right)||Ge(e.mobileBorder.left))&&Ge(e.border.all),mobileBorderTop:Ge(e.mobileBorder.top)||!Ge(e.mobileBorder.all)&&Ge(e.border.top),mobileBorderBottom:Ge(e.mobileBorder.bottom)||!Ge(e.mobileBorder.all)&&Ge(e.border.bottom),mobileBorderRight:Ge(e.mobileBorder.right)||!Ge(e.mobileBorder.all)&&Ge(e.border.right),mobileBorderLeft:Ge(e.mobileBorder.left)||!Ge(e.mobileBorder.all)&&Ge(e.border.left),paddingTop:(0,$.ok)(null===(r=e.padding)||void 0===r?void 0:r.all)||(0,$.ok)(null===(n=e.padding)||void 0===n?void 0:n.top),paddingLeft:(0,$.ok)(null===(d=e.padding)||void 0===d?void 0:d.all)||(0,$.ok)(null===(m=e.padding)||void 0===m?void 0:m.left),paddingRight:(0,$.ok)(null===(s=e.padding)||void 0===s?void 0:s.all)||(0,$.ok)(null===(c=e.padding)||void 0===c?void 0:c.right),paddingBottom:(0,$.ok)(null===(u=e.padding)||void 0===u?void 0:u.all)||(0,$.ok)(null===(g=e.padding)||void 0===g?void 0:g.bottom),paddingLeftRight:(0,$.ok)(null===(p=e.padding)||void 0===p?void 0:p.left)||(0,$.ok)(null===(b=e.padding)||void 0===b?void 0:b.right),paddingTopBottom:(0,$.ok)(null===(h=e.padding)||void 0===h?void 0:h.top)||(0,$.ok)(null===(E=e.padding)||void 0===E?void 0:E.bottom),borderRadiusAll:(0,$.ok)(e.borderRadius.all),borderRadiusTopLeft:(0,$.ok)(e.borderRadius.topLeft),borderRadiusBottomLeft:(0,$.ok)(e.borderRadius.bottomLeft),borderRadiusTopRight:(0,$.ok)(e.borderRadius.topRight),borderRadiusBottomRight:(0,$.ok)(e.borderRadius.bottomRight),boxShadowInset:(0,$.ok)(null===(f=e.boxShadow)||void 0===f?void 0:f.inset)||!1,boxShadowHOffset:(0,$.ok)(null===(v=e.boxShadow)||void 0===v?void 0:v.hOffset),boxShadowVOffset:(0,$.ok)(null===(A=e.boxShadow)||void 0===A?void 0:A.vOffset),boxShadowBlurRadius:(0,$.ok)(null===(S=e.boxShadow)||void 0===S?void 0:S.blurRadius),boxShadowSpreadRadius:(0,$.ok)(null===(B=e.boxShadow)||void 0===B?void 0:B.spreadRadius),boxShadowColor:(0,$.ok)(null===(y=e.boxShadow)||void 0===y?void 0:y.color),mobileWidth:(0,$.xc)(null===(k=e.mobileWidth)||void 0===k?void 0:k.value)||(0,$.xc)(null===(x=e.width)||void 0===x?void 0:x.value),mobileWidthDim:(0,$.xc)(null===(w=e.mobileWidth)||void 0===w?void 0:w.value)?null===(N=e.mobileWidth)||void 0===N?void 0:N.dim:null===(I=e.width)||void 0===I?void 0:I.dim,mobileHeight:(0,$.xc)(null===(P=e.mobileHeight)||void 0===P?void 0:P.value)||(0,$.xc)(null===(C=e.height)||void 0===C?void 0:C.value),mobileHeightDim:(0,$.xc)(null===(L=e.mobileHeight)||void 0===L?void 0:L.value)?null===(F=e.mobileHeight)||void 0===F?void 0:F.dim:null===(O=e.height)||void 0===O?void 0:O.dim,mobileBorderRadiusAll:(0,$.ok)(null===(D=e.mobileBorderRadius)||void 0===D?void 0:D.all)||(0,$.ok)(null===(M=e.borderRadius)||void 0===M?void 0:M.all),mobileBorderRadiusTopLeft:(0,$.ok)(null===(V=e.mobileBorderRadius)||void 0===V?void 0:V.topLeft)||(0,$.ok)(null===(H=e.mobileBorderRadius)||void 0===H?void 0:H.all)||(0,$.ok)(null===(W=e.borderRadius)||void 0===W?void 0:W.topLeft)||(0,$.ok)(null===(z=e.borderRadius)||void 0===z?void 0:z.all),mobileBorderRadiusBottomLeft:(0,$.ok)(null===(G=e.mobileBorderRadius)||void 0===G?void 0:G.bottomLeft)||(0,$.ok)(null===(U=e.mobileBorderRadius)||void 0===U?void 0:U.all)||(0,$.ok)(null===(X=e.borderRadius)||void 0===X?void 0:X.bottomLeft)||(0,$.ok)(null===(q=e.borderRadius)||void 0===q?void 0:q.all),mobileBorderRadiusTopRight:(0,$.ok)(null===(Y=e.mobileBorderRadius)||void 0===Y?void 0:Y.topRight)||(0,$.ok)(null===(K=e.mobileBorderRadius)||void 0===K?void 0:K.all)||(0,$.ok)(null===(Q=e.borderRadius)||void 0===Q?void 0:Q.topRight)||(0,$.ok)(null===(J=e.borderRadius)||void 0===J?void 0:J.all),mobileBorderRadiusBottomRight:(0,$.ok)(null===(Z=e.mobileBorderRadius)||void 0===Z?void 0:Z.bottomRight)||(0,$.ok)(null===(ee=e.mobileBorderRadius)||void 0===ee?void 0:ee.all)||(0,$.ok)(null===(te=e.borderRadius)||void 0===te?void 0:te.bottomRight)||(0,$.ok)(null===(oe=e.borderRadius)||void 0===oe?void 0:oe.all),mobileBoxShadowInset:null!=(null===(le=e.mobileBoxShadow)||void 0===le?void 0:le.inset)?e.mobileBoxShadow.inset:(null===(ie=e.boxShadow)||void 0===ie?void 0:ie.inset)||!1,mobileBoxShadowHOffset:(0,$.ok)(null===(ne=e.mobileBoxShadow)||void 0===ne?void 0:ne.hOffset)||(0,$.ok)(null===(me=e.boxShadow)||void 0===me?void 0:me.hOffset),mobileBoxShadowVOffset:(0,$.ok)(null===(ce=e.mobileBoxShadow)||void 0===ce?void 0:ce.vOffset)||(0,$.ok)(null===(ge=e.boxShadow)||void 0===ge?void 0:ge.vOffset),mobileBoxShadowBlurRadius:(0,$.ok)(null===(be=e.mobileBoxShadow)||void 0===be?void 0:be.blurRadius)||(0,$.ok)(null===(Ee=e.boxShadow)||void 0===Ee?void 0:Ee.blurRadius),mobileBoxShadowSpreadRadius:(0,$.ok)(null===(fe=e.mobileBoxShadow)||void 0===fe?void 0:fe.spreadRadius)||(0,$.ok)(null===(Ae=e.boxShadow)||void 0===Ae?void 0:Ae.spreadRadius),mobileBoxShadowColor:(0,$.ok)(null===(Se=e.mobileBoxShadow)||void 0===Se?void 0:Se.color)||(0,$.ok)(null===(Be=e.boxShadow)||void 0===Be?void 0:Be.color),mobileAlign:(0,$.ok)(null===(ke=e.mobileAlign)||void 0===ke?void 0:ke.value)||e.align,mobileVerticalAlign:(0,$.ok)((null===(xe=e.mobileVerticalAlign)||void 0===xe?void 0:xe.value)||e.valign),mobileBackgroundColor:(0,$.ok)((null===(we=e.mobileBackgroundColor)||void 0===we?void 0:we.value)||e.backgroundColor||""),mobileBackgroundImage:"none"!==(null===(Ne=e.mobileBackgroundImage[0])||void 0===Ne?void 0:Ne.value)?null===(Pe=e.mobileBackgroundImage[0])||void 0===Pe?void 0:Pe.value:(null===(Le=e.backgroundImage)||void 0===Le?void 0:Le[0].value)||"",mobileBackgroundPositionX:(0,$.ok)(null===(Oe=e.mobileBackgroundPositionX)||void 0===Oe?void 0:Oe.value)||(0,$.ok)(null===(De=e.backgroundPositionX)||void 0===De?void 0:De.value),mobileBackgroundPositionY:(0,$.ok)(null===(Me=e.mobileBackgroundPositionY)||void 0===Me?void 0:Me.value)||(0,$.ok)(null===(Ve=e.backgroundPositionY)||void 0===Ve?void 0:Ve.value),mobileBackgroundRepeat:!(null===(He=e.mobileBackgroundRepeat)||void 0===He||!He.value)||e.backgroundRepeat||"none",mobilePaddingTop:(0,$.ok)(e.mobilePadding.all)||(0,$.ok)(e.mobilePadding.top)||(0,$.ok)(null===(je=e.padding)||void 0===je?void 0:je.all)||(0,$.ok)(null===(Ue=e.padding)||void 0===Ue?void 0:Ue.top),mobilePaddingLeft:(0,$.ok)(e.mobilePadding.all)||(0,$.ok)(e.mobilePadding.left)||(0,$.ok)(null===(Xe=e.padding)||void 0===Xe?void 0:Xe.all)||(0,$.ok)(null===($e=e.padding)||void 0===$e?void 0:$e.left),mobilePaddingRight:(0,$.ok)(e.mobilePadding.all)||(0,$.ok)(e.mobilePadding.right)||(0,$.ok)(null===(qe=e.padding)||void 0===qe?void 0:qe.all)||(0,$.ok)(null===(Ye=e.padding)||void 0===Ye?void 0:Ye.right),mobilePaddingBottom:(0,$.ok)(e.mobilePadding.all)||(0,$.ok)(e.mobilePadding.bottom)||(0,$.ok)(null===(Ke=e.padding)||void 0===Ke?void 0:Ke.all)||(0,$.ok)(null===(Qe=e.padding)||void 0===Qe?void 0:Qe.bottom),mobilePaddingTopBottom:(0,$.ok)(e.mobilePadding.top)||(0,$.ok)(e.mobilePadding.bottom)||(0,$.ok)(null===(Je=e.padding)||void 0===Je?void 0:Je.top)||(0,$.ok)(null===(Ze=e.padding)||void 0===Ze?void 0:Ze.bottom),mobilePaddingLeftRight:(0,$.ok)(e.mobilePadding.left)||(0,$.ok)(e.mobilePadding.right)||(0,$.ok)(null===(et=e.padding)||void 0===et?void 0:et.left)||(0,$.ok)(null===(tt=e.padding)||void 0===tt?void 0:tt.right),exportAsPicture:null===e||void 0===e?void 0:e.exportAsPicture}),!(0,$.ok)(e.borderRadius.all)&&((0,$.ok)(e.borderRadius.topLeft)||(0,$.ok)(e.borderRadius.bottomLeft)||(0,$.ok)(e.borderRadius.topRight)||(0,$.ok)(e.borderRadius.bottomRight))?R(!1):R(!0),!(0,$.ok)(e.mobileBorderRadius.all)&&((0,$.ok)(e.mobileBorderRadius.topLeft)||(0,$.ok)(e.mobileBorderRadius.bottomLeft)||(0,$.ok)(e.mobileBorderRadius.topRight)||(0,$.ok)(e.mobileBorderRadius.bottomRight))||(0,$.ok)(e.mobileBorderRadius.all)&&((0,$.ok)(e.mobileBorderRadius.topLeft)||(0,$.ok)(e.mobileBorderRadius.bottomLeft)||(0,$.ok)(e.mobileBorderRadius.topRight)||(0,$.ok)(e.mobileBorderRadius.bottomRight))||!(0,$.ok)(e.borderRadius.all)&&!(0,$.ok)(e.mobileBorderRadius.all)&&((0,$.ok)(e.borderRadius.topLeft)||(0,$.ok)(e.borderRadius.bottomLeft)||(0,$.ok)(e.borderRadius.topRight)||(0,$.ok)(e.borderRadius.bottomRight))?T(!1):T(!0),j(""===e.backgroundImage[0].value),(0,$.ok)(e.padding.all)||!((0,$.ok)(e.padding.top)||(0,$.ok)(e.padding.right)||(0,$.ok)(e.padding.bottom)||(0,$.ok)(e.padding.left))||e.padding.top===e.padding.bottom&&e.padding.right===e.padding.left?ae(!0):ae(!1),!(0,$.ok)(e.mobilePadding.all)&&((0,$.ok)(e.mobilePadding.top)||(0,$.ok)(e.mobilePadding.right)||(0,$.ok)(e.mobilePadding.bottom)||(0,$.ok)(e.mobilePadding.left))&&(e.mobilePadding.top!==e.mobilePadding.bottom||e.mobilePadding.right!==e.mobilePadding.left)||!(0,$.ok)(null===(ot=e.padding)||void 0===ot?void 0:ot.all)&&((0,$.ok)(null===(lt=e.padding)||void 0===lt?void 0:lt.top)||(0,$.ok)(null===(at=e.padding)||void 0===at?void 0:at.right)||(0,$.ok)(null===(it=e.padding)||void 0===it?void 0:it.bottom)||(0,$.ok)(null===(rt=e.padding)||void 0===rt?void 0:rt.left))&&((null===(nt=e.padding)||void 0===nt?void 0:nt.top)!==(null===(dt=e.padding)||void 0===dt?void 0:dt.bottom)||(null===(mt=e.padding)||void 0===mt?void 0:mt.right)!==(null===(st=e.padding)||void 0===st?void 0:st.left))?re(!1):re(!0),de(e=>!!We||e),se(e=>!(!We&&!ze)||e),ue(!!e.borderRadius.all||!!e.borderRadius.topLeft||!!e.borderRadius.bottomLeft||!!e.borderRadius.topRight||!!e.borderRadius.bottomRight),pe(!!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),he(!!e.boxShadow),ve(!!e.mobileBoxShadow.blurRadius||!!e.mobileBoxShadow.color||!!e.mobileBoxShadow.hOffset||!!e.mobileBoxShadow.inset||!!e.mobileBoxShadow.spreadRadius||!!e.mobileBoxShadow.vOffset||!!e.boxShadow),_e(!!e.width.value&&"column"!==e.type||!!e.height.value),ye(!!e.mobileWidth.value||!!e.mobileHeight.value||!!e.width.value&&"column"!==e.type||!!e.height.value),Re(!!e.backgroundColor||!!e.backgroundImage[0].value||!!e.backgroundPositionY||!!e.backgroundPositionX||"repeat"!==e.backgroundRepeat||!e.backgroundRepeat,!!e.backgroundSize),Te(!!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),Ce(!!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?Fe(!0):Fe(!1)}},[i,e]);const je=(0,l.useCallback)(e=>{a(Oe===O.Tm?(0,d.A9)(e):(0,m.A9)(e))},[a,Oe]),Ue=t=>{const l=i.getFieldsValue(!0),a=Object.keys(t)[0];let r;switch(c("%"===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,m;if("borderAll"===l.borderPosition)r={border:{...O.iV,all:{...xe.RH,...l.borderAll}}},i.setFieldsValue({borderLeft:xe.RH,borderRight:xe.RH,borderTop:xe.RH,borderBottom:xe.RH});else null!==(n=l.borderAll)&&void 0!==n&&n.width||null!==(d=l.borderAll)&&void 0!==d&&d.style||null!==(m=l.borderAll)&&void 0!==m&&m.color?(r={border:{all:null,left:l.borderAll,right:l.borderAll,top:l.borderAll,bottom:l.borderAll,[xe.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,[xe.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:{...O.iV,all:{...xe.RH,...l.mobileBorderAll,classNamePrefix:"em-mob-border_"+xe.ax[a]+"-"}}},i.setFieldsValue({borderLeft:xe.RH,borderRight:xe.RH,borderTop:xe.RH,borderBottom:xe.RH});else{var s,u,g,p,b,h;const o=xe.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!==(s=l.mobileBorder)&&void 0!==s&&null!==(u=s.all)&&void 0!==u&&u.width||null!==(g=l.mobileBorder)&&void 0!==g&&null!==(p=g.all)&&void 0!==p&&p.style||null!==(b=l.mobileBorder)&&void 0!==b&&null!==(h=b.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+"-"}}},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"backgroundImage":j(""===t[a]),r={[a]:[{...e.backgroundImage[0],value:t[a]}],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,[xe.yy[a]]:+t[a]}};break;case"paddingTopBottom":r={padding:{left:l.paddingLeft,right:l.paddingRight,top:+t[a],bottom:+t[a]}},l.paddingTop=l.paddingBottom=+t[a];break;case"paddingLeftRight":r={padding:{top:l.paddingTop,bottom:l.paddingBottom,left:+t[a],right:+t[a]}},l.paddingLeft=l.paddingRight=+t[a];break;case"borderRadiusAll":r={borderRadius:{[xe.wF[a]]:+t[a]}};break;case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":r={borderRadius:{topLeft:l.borderRadiusTopLeft,bottomLeft:l.borderRadiusBottomLeft,topRight:l.borderRadiusTopRight,bottomRight:l.borderRadiusBottomRight,[xe.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:{[xe.NW[a]]:t[a],classNamePrefix:"em-mob-border_radius_"+xe.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_y-",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"backgroundPositionX":case"backgroundPositionY":r={[a]:isNaN(parseFloat(t[a].position))?t[a].position:t[a].position+t[a].unit};break;default:r=t}var E;"borderPosition"!==a&&"mobileBorderPosition"!==a&&(o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:r}),"mobileBorderRadiusAll"!==a&&"mobileBorderRadiusTopLeft"!==a&&"mobileBorderRadiusTopRight"!==a&&"mobileBorderRadiusBottomLeft"!==a&&"mobileBorderRadiusBottomRight"!==a&&je({...e,...r,mobileBorderRadius:{...e.mobileBorderRadius,...null===(E=r)||void 0===E?void 0:E.mobileBorderRadius},activateSection:null,changeKey:a}))};return l.createElement(u.A,{form:i,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:xe.uE[We]||"borderAll",mobileBorderPosition:xe.lS[ze]||"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:"",mobileVerticalAlign:"",mobileBackgroundColor:"",mobileBackgroundImage:"",mobilePaddingTop:"",mobilePaddingLeft:"",mobilePaddingRight:"",mobilePaddingBottom:"",textStrong:!1,textItalic:!1,textStrikethrough:!1,textUnderline:!1},onValuesChange:Ue,autoComplete:"off",className:"element-controls"},!te&&l.createElement(g.A,{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(p.A,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),N===O.ND&&C.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props",style:{display:N===O.ND&&C.styles?"block":"none"}},l.createElement("div",{className:"selected_form-mobile-props-wrapper"},l.createElement(b.A,{gutter:20},l.createElement(h.A,{span:12},l.createElement(J,{form:i,elementSettings:e,imgParent:!0})),W.formCellFieldVerticalAlignEnabled&&"group"!==e.type&&("structure"!==e.type||"structure"===e.type&&1===e.floatBlocks.items.length)&&l.createElement(h.A,{span:12,style:{textAlign:"right"}},l.createElement(Z,{form:i,elementSettings:e}))),l.createElement(E.A,{className:"selected-td-form__divider"}),W.formCellFieldPaddingsEnabled&&l.createElement(l.Fragment,null,l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Padding"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{Ce(e=>!e),Pe&&(t.mobilePaddingLeftRight="",t.mobilePaddingLeft="",t.mobilePaddingRight="",t.mobilePaddingTopBottom="",t.mobilePaddingTop="",t.mobilePaddingBottom="",o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobilePadding:{all:null,top:null,right:null,bottom:null,left:null,classNamePrefix:"em-mob-padding_"}}}))})}},Pe?l.createElement(x.A,null):l.createElement(k.A,null)))),Pe&&l.createElement(b.A,{gutter:10,style:{paddingBottom:4}},l.createElement(l.Fragment,null,l.createElement(ht,{form:i,elementSettings:e,mobilePaddingsExt:ie,setMobilePaddingsExt:re}))),l.createElement(E.A,{className:"selected-td-form__divider"})),"group"!==e.type&&W.formCellFieldSizeEnabled&&l.createElement(l.Fragment,null,l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Size"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{ye(e=>!e),Se&&(t.mobileWidth="",t.mobileHeight="",o({operation:O.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-"}}}))})}},Se?l.createElement(x.A,null):l.createElement(k.A,null)))),Se&&l.createElement(b.A,{gutter:10,style:{paddingBottom:9}},"structure"!==e.type&&l.createElement(h.A,{span:12},l.createElement("div",{style:{marginBottom:15}},l.createElement(Y,{form:i,name:"mobileWidth",elementSettings:e}))),l.createElement(h.A,{span:12},l.createElement("div",{style:{marginBottom:15}},l.createElement(Q,{form:i,name:"mobileHeight",elementSettings:e})))),l.createElement(E.A,{className:"selected-td-form__divider"})),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Background"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{Te(e=>!e),t.mobileBackgroundColor=we?"":"#E5E5E5",o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:t.mobileBackgroundColor}}})})}},we?l.createElement(x.A,null):l.createElement(k.A,null)))),we&&l.createElement(l.Fragment,null,l.createElement("div",{style:{marginBottom:(W.formCellFieldBackgroundImageEnabled,q.formItemMarginBottomMD+4)}},l.createElement(lt,{form:i,elementSettings:e,label:t("Background color")}))),!1,W.formFieldBorderEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Borders"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{se(e=>!e),me?(t.mobileBorderAll=xe.RH,t.mobileBorderTop=xe.RH,t.mobileBorderBottom=xe.RH,t.mobileBorderRight=xe.RH,t.mobileBorderLeft=xe.RH):t.mobileBorderAll={width:1,color:"#E5E5E5",style:"solid"},o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorder:{all:{color:t.mobileBorderAll.color,style:t.mobileBorderAll.style,width:t.mobileBorderAll.width}}}})})}},me?l.createElement(x.A,null):l.createElement(k.A,null)))),me&&l.createElement("div",{style:{marginBottom:4}},l.createElement(I.A,{form:i,typeOfForm:"mobile",elementSettings:e,onBorderSideClear:Ue}))),W.formFieldBorderRadiusEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Border radius"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{pe(e=>!e),ge?(t.mobileBorderRadiusAll=null,T(!0)):t.mobileBorderRadiusAll=5,o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorderRadius:{all:t.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}})})}},ge?l.createElement(x.A,null):l.createElement(k.A,null)))),ge&&l.createElement("div",{style:{marginBottom:4}},l.createElement(P.A,{form:i,oneBorderRadiusValue:w,setOneBorderRadiusValue:T,elementSettings:e,typeOfForm:"mobile"}))),W.formFieldBoxShadowEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Box shadow"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{ve(e=>!e),fe?(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:O.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-"}}})})}},fe?l.createElement(x.A,null):l.createElement(k.A,null)))),fe&&l.createElement("div",{style:{marginBottom:4}},l.createElement(U,{boxShadow:v,typeOfForm:"mobile"}))),W.formFieldVisibilityEnabled&&"column"!==e.type&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("group"!==e.type?"Display control & Direction":"Display control")),l.createElement(b.A,{gutter:20,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(oe,{elementSettings:e,form:i})),"group"!==e.type&&l.createElement(h.A,{span:12,style:{textAlign:"group"!==e.type?"right":"left"}},l.createElement(Et,{elementSettings:e,form:i})))),W.formFieldAmpVisibilityEnabled&&e.ampShow&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("AMP visibility")),l.createElement(b.A,{gutter:20,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(Ee,null)))))):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement("div",{className:"selected_form-props-wrapper"},l.createElement(b.A,{gutter:10,style:{paddingBottom:4}},l.createElement(h.A,{span:12},l.createElement(Ve.A,{form:i,elementSettings:e})),W.formCellFieldVerticalAlignEnabled&&"group"!==e.type&&("structure"!==e.type||"structure"===e.type&&1===e.floatBlocks.items.length)&&l.createElement(h.A,{span:12,style:{textAlign:"right"}},l.createElement(H.A,{form:i,elementSettings:e}))),l.createElement(E.A,{className:"selected-td-form__divider"}),W.formCellFieldPaddingsEnabled&&l.createElement(l.Fragment,null,Le&&l.createElement("div",{style:{marginTop:"15px"}},l.createElement(_t,{form:i,elementSettings:e,appConfig:W,__:t})),l.createElement("div",{className:"form-group-title"},t("Padding")),l.createElement(b.A,{gutter:10,style:{paddingBottom:4}},l.createElement(l.Fragment,null,"group"!==e.type&&"column"!==e.type&&l.createElement(h.A,{span:10,style:{width:156,flex:"auto",maxWidth:"44%"}},l.createElement("div",{className:"padding-collapsed",style:{display:le?"block":"none"}},l.createElement(g.A,{title:t("Horizontal padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingLeftRight"},l.createElement(G.A,{min:0,max:300,placeholder:t("Horizontal"),prefix:l.createElement(F.A,{icon:"PaddingLeftRight"}),addonAfter:"px"})))),l.createElement("div",{className:"padding-extended",style:{display:le?"none":"block"}},l.createElement(g.A,{trigger:["hover"],title:t("Left padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingLeft",style:{marginBottom:q.formItemMarginBottomXS}},l.createElement(G.A,{min:0,max:300,placeholder:t("Left"),prefix:l.createElement(F.A,{icon:"PaddingLeft"}),addonAfter:"px"}))),l.createElement(g.A,{trigger:["hover"],title:t("Right padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingRight"},l.createElement(G.A,{min:0,max:300,placeholder:t("Right"),prefix:l.createElement(F.A,{icon:"PaddingRight"}),addonAfter:"px"}))))),l.createElement(h.A,{span:10,style:{width:"group"!==e.type&&"column"!==e.type?156:45,flex:"auto",maxWidth:"44%"}},l.createElement("div",{className:"padding-collapsed",style:{display:le?"block":"none"}},l.createElement(g.A,{title:t("Vertical padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingTopBottom"},l.createElement(G.A,{min:0,max:300,placeholder:t("Vertical"),prefix:l.createElement(F.A,{icon:"PaddingTopBottom"}),addonAfter:"px"})))),l.createElement("div",{className:"padding-extended",style:{display:le?"none":"block"}},l.createElement(g.A,{trigger:["hover"],title:t("Top padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingTop",style:{marginBottom:q.formItemMarginBottomXS}},l.createElement(G.A,{min:0,max:300,placeholder:t("Top"),prefix:l.createElement(F.A,{icon:"PaddingTop"}),addonAfter:"px"}))),l.createElement(g.A,{trigger:["hover"],title:t("Bottom padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingBottom"},l.createElement(G.A,{min:0,max:300,placeholder:t("Bottom"),prefix:l.createElement(F.A,{icon:"PaddingBottom"}),addonAfter:"px"}))))),l.createElement(h.A,{span:4,style:{width:45,flex:"auto",maxWidth:"12%"}},l.createElement(g.A,{title:t("Individual padding"),placement:"bottom"},l.createElement(f.Ay,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!le}),onClick:()=>{ae(e=>!e);const t=i.getFieldsValue(!0);le||(t.paddingLeftRight=t.paddingLeft,t.paddingTopBottom=t.paddingTop,t.paddingRight=t.paddingLeft,t.paddingBottom=t.paddingTop,o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{padding:{top:t.paddingTopBottom,bottom:t.paddingTopBottom,left:t.paddingLeftRight,right:t.paddingLeftRight}}}))}},l.createElement(F.A,{icon:"PaddingSwitcher"})))))),l.createElement(E.A,{className:"selected-td-form__divider"})),"group"!==e.type&&W.formCellFieldSizeEnabled&&l.createElement(l.Fragment,null,l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Size"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{_e(e=>!e),Ae&&(t.width="",t.height="",o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{width:{value:null,dim:"px"},height:{value:null,dim:"px"}}}))})}},Ae?l.createElement(x.A,null):l.createElement(k.A,null)))),Ae&&l.createElement(b.A,{gutter:10,style:{paddingBottom:4}},"structure"!==e.type&&"column"!==e.type&&l.createElement(h.A,{span:12},l.createElement(g.A,{title:t("Width"),placement:"bottom"},l.createElement(u.A.Item,{name:"width",style:{marginBottom:q.formItemMarginBottomXS}},l.createElement(G.A,{min:0,max:s,placeholder:t("Width"),prefix:l.createElement(B.A,null),addonAfter:l.createElement(u.A.Item,{name:"widthDim",noStyle:!0},$.z$)})))),l.createElement(h.A,{span:12},l.createElement(g.A,{title:t("Height"),placement:"bottom"},l.createElement(u.A.Item,{name:"height"},l.createElement(G.A,{min:0,placeholder:t("Height"),prefix:l.createElement(y.A,null),addonAfter:"px"}))))),l.createElement(E.A,{className:"selected-td-form__divider"})),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Background"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{Re(e=>!e),ke?(t.backgroundColor="",t.backgroundImage="",t.backgroundPositionX="",t.backgroundPositionY="",t.backgroundRepeat="none",t.backgroundSize="",j(!0)):(t.backgroundColor="#E5E5E5",t.backgroundSize="",t.backgroundRepeat="none"),o({operation:O.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}})})}},ke?l.createElement(x.A,null):l.createElement(k.A,null)))),ke&&l.createElement(At,{form:i,backgroundImageEmpty:z,appConfig:W,token:q,elementSettings:e,backgroundRepeatOptions:De,handleChangeValues:Ue}),W.formFieldBorderEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Borders"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{de(e=>!e),ne?(t.borderAll=xe.RH,t.borderTop=xe.RH,t.borderBottom=xe.RH,t.borderRight=xe.RH,t.borderLeft=xe.RH):t.borderAll={width:1,color:"#E5E5E5",style:"solid"},o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{border:{all:{color:t.borderAll.color,style:t.borderAll.style,width:t.borderAll.width}}}})})}},ne?l.createElement(x.A,null):l.createElement(k.A,null)))),ne&&l.createElement("div",{style:{marginBottom:4}},l.createElement(I.A,{form:i,elementSettings:e,onBorderSideClear:Ue}))),W.formFieldBorderRadiusEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Border radius"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{ue(e=>!e),ce?(t.borderRadiusAll=0,R(!0)):t.borderRadiusAll=5,o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{borderRadius:{all:t.borderRadiusAll}}})})}},ce?l.createElement(x.A,null):l.createElement(k.A,null)))),ce&&l.createElement("div",{style:{marginBottom:4}},l.createElement(P.A,{form:i,oneBorderRadiusValue:S,setOneBorderRadiusValue:R,elementSettings:e}))),W.formFieldBoxShadowEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Box shadow"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{he(e=>!e),be?(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:O.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}}})})}},be?l.createElement(x.A,null):l.createElement(k.A,null)))),be&&l.createElement("div",{style:{marginBottom:4}},l.createElement(U,{boxShadow:v}))),W.formFieldExportAsPictureEnabled&&"group"!==e.type&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Settings"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{Ie(e=>!e),Ne&&(t.exportAsPicture=!1,t.isContrastBlock=!1,o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{exportAsPicture:!1,isContrastBlock:!1}}))})}},Ne?l.createElement(x.A,null):l.createElement(k.A,null)))),Ne&&l.createElement(l.Fragment,null,"structure"===e.type&&l.createElement(g.A,{title:t("The block will change its colors to contrasting colors. You can change them in the Content Styles section."),key:"isContrastBlock"},l.createElement(A.A,{size:10,align:"baseline"},l.createElement(u.A.Item,{name:"isContrastBlock",valuePropName:"checked",style:{marginBottom:0}},l.createElement(X.A,{size:"small",id:"contrast-colors"})),l.createElement("span",{className:"ant-form-item-switch-label",style:{position:"relative",top:2}},l.createElement("label",{htmlFor:"contrast-colors"},t("Contrast block"))))),l.createElement(rt,{form:i,elementSettings:e}))),W.formFieldVisibilityEnabled&&"column"!==e.type&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("group"!==e.type?"Display control & Direction":"Display control")),l.createElement(b.A,{gutter:20,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(oe,{elementSettings:e,form:i})),"group"!==e.type&&l.createElement(h.A,{span:12,style:{textAlign:"group"!==e.type?"right":"left"}},l.createElement(pt,{elementSettings:e,form:i})))),W.formFieldAmpVisibilityEnabled&&e.ampShow&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("AMP visibility")),l.createElement(b.A,{gutter:20,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(Ee,null)))))))},{useToken:yt}=c.A,kt=({elementSettings:e})=>{const{__:t}=(0,L.s9)(),o=(0,D.XW)(),[a]=u.A.useForm(),[i,d]=(0,l.useState)({}),[m,s]=(0,l.useState)(!0),[c,v]=(0,l.useState)({}),[A,_]=(0,l.useState)(!0),S=(0,n.d4)(Be.Ct),R=(0,n.d4)(Be.CS),w=(0,M.rD)(),[T,N]=(0,l.useState)(""===e.backgroundImage[0].value),{token:C}=yt(),V=(0,n.d4)(Be.Fv),W=(0,n.d4)(Be.yy),z=V&&"bottom"!==W,[j,X]=(0,l.useState)(!1),[q,K]=(0,l.useState)(!1),[J,ee]=(0,l.useState)(!1),[te,le]=(0,l.useState)(!1),[ae,ie]=(0,l.useState)(!1),[re,ne]=(0,l.useState)(!1),[de,me]=(0,l.useState)(!1),[se,ce]=(0,l.useState)(!1),[ue,ge]=(0,l.useState)(!1),[pe,be]=(0,l.useState)(!1),[he,fe]=(0,l.useState)(!1),[ve,Ae]=(0,l.useState)(!1),[_e,Se]=(0,l.useState)(!1),[ye,ke]=(0,l.useState)(!1),[Re,we]=(0,l.useState)(!1),[Te,Ne]=(0,l.useState)(""),Ie=[{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"}],Pe=(t("Not defined"),t("Contain"),t("Cover"),e.border),Ce=e.mobileBorder,Le=Object.keys(Pe).find(e=>{var t,o,l;return(null===(t=Pe[e])||void 0===t?void 0:t.width)||(null===(o=Pe[e])||void 0===o?void 0:o.style)||(null===(l=Pe[e])||void 0===l?void 0:l.color)}),Fe=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)}),Oe=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,m,c,u,g,p,b,h,E,f,A,S,B,y,k,x,R,w,T,I,P,C,L,F,O,D,M,V,H,W,z,G,j,U,q,Y,Q;const J=e.boxShadow,Z=e.mobileBoxShadow;d(J),v(Z),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,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===(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,$.ok)(e.border.all),borderTop:(0,$.ok)(e.border.top),borderBottom:(0,$.ok)(e.border.bottom),borderRight:(0,$.ok)(e.border.right),borderLeft:(0,$.ok)(e.border.left),mobileBorderAll:Oe(e.mobileBorder.all)||!(Oe(e.mobileBorder.top)||Oe(e.mobileBorder.bottom)||Oe(e.mobileBorder.right)||Oe(e.mobileBorder.left))&&Oe(e.border.all),mobileBorderTop:Oe(e.mobileBorder.top)||!Oe(e.mobileBorder.all)&&Oe(e.border.top),mobileBorderBottom:Oe(e.mobileBorder.bottom)||!Oe(e.mobileBorder.all)&&Oe(e.border.bottom),mobileBorderRight:Oe(e.mobileBorder.right)||!Oe(e.mobileBorder.all)&&Oe(e.border.right),mobileBorderLeft:Oe(e.mobileBorder.left)||!Oe(e.mobileBorder.all)&&Oe(e.border.left),paddingTop:(0,$.ok)(e.padding.all)||(0,$.ok)(e.padding.top),paddingLeft:(0,$.ok)(e.padding.all)||(0,$.ok)(e.padding.left),paddingRight:(0,$.ok)(e.padding.all)||(0,$.ok)(e.padding.right),paddingBottom:(0,$.ok)(e.padding.all)||(0,$.ok)(e.padding.bottom),paddingLeftRight:(0,$.ok)(null===(u=e.padding)||void 0===u?void 0:u.left)||(0,$.ok)(null===(g=e.padding)||void 0===g?void 0:g.right),paddingTopBottom:(0,$.ok)(null===(p=e.padding)||void 0===p?void 0:p.top)||(0,$.ok)(null===(b=e.padding)||void 0===b?void 0:b.bottom),borderRadiusAll:(0,$.ok)(e.borderRadius.all),borderRadiusTopLeft:(0,$.ok)(e.borderRadius.topLeft),borderRadiusBottomLeft:(0,$.ok)(e.borderRadius.bottomLeft),borderRadiusTopRight:(0,$.ok)(e.borderRadius.topRight),borderRadiusBottomRight:(0,$.ok)(e.borderRadius.bottomRight),boxShadowInset:(0,$.ok)(null===(h=e.boxShadow)||void 0===h?void 0:h.inset)||!1,boxShadowHOffset:(0,$.ok)(null===(E=e.boxShadow)||void 0===E?void 0:E.hOffset),boxShadowVOffset:(0,$.ok)(null===(f=e.boxShadow)||void 0===f?void 0:f.vOffset),boxShadowBlurRadius:(0,$.ok)(null===(A=e.boxShadow)||void 0===A?void 0:A.blurRadius),boxShadowSpreadRadius:(0,$.ok)(null===(S=e.boxShadow)||void 0===S?void 0:S.spreadRadius),boxShadowColor:(0,$.ok)(null===(B=e.boxShadow)||void 0===B?void 0:B.color),mobileWidth:(0,$.xc)(null===(y=e.mobileWidth)||void 0===y?void 0:y.value),mobileWidthDim:null===(k=e.mobileWidth)||void 0===k?void 0:k.dim,mobileHeight:(0,$.xc)(null===(x=e.mobileHeight)||void 0===x?void 0:x.value),mobileHeightDim:null===(R=e.mobileHeight)||void 0===R?void 0:R.dim,mobileBorderRadiusAll:(0,$.ok)(e.mobileBorderRadius.all),mobileBorderRadiusTopLeft:(0,$.ok)(null!==e.mobileBorderRadius.topLeft?e.mobileBorderRadius.topLeft:e.mobileBorderRadius.all),mobileBorderRadiusBottomLeft:(0,$.ok)(null!==e.mobileBorderRadius.bottomLeft?e.mobileBorderRadius.bottomLeft:e.mobileBorderRadius.all),mobileBorderRadiusTopRight:(0,$.ok)(null!==e.mobileBorderRadius.topRight?e.mobileBorderRadius.topRight:e.mobileBorderRadius.all),mobileBorderRadiusBottomRight:(0,$.ok)(null!==e.mobileBorderRadius.bottomRight?e.mobileBorderRadius.bottomRight:e.mobileBorderRadius.all),mobileBoxShadowInset:(0,$.ok)(null===(w=e.mobileBoxShadow)||void 0===w?void 0:w.inset)||!1,mobileBoxShadowHOffset:(0,$.ok)(null===(T=e.mobileBoxShadow)||void 0===T?void 0:T.hOffset),mobileBoxShadowVOffset:(0,$.ok)(null===(I=e.mobileBoxShadow)||void 0===I?void 0:I.vOffset),mobileBoxShadowBlurRadius:(0,$.ok)(null===(P=e.mobileBoxShadow)||void 0===P?void 0:P.blurRadius),mobileBoxShadowSpreadRadius:(0,$.ok)(null===(C=e.mobileBoxShadow)||void 0===C?void 0:C.spreadRadius),mobileBoxShadowColor:(0,$.ok)(null===(L=e.mobileBoxShadow)||void 0===L?void 0:L.color),mobileAlign:(0,$.ok)(null===(F=e.mobileAlign)||void 0===F?void 0:F.value),mobileVerticalAlign:(0,$.ok)(null===(O=e.mobileVerticalAlign)||void 0===O?void 0:O.value),mobileDirection:(0,$.ok)(null===(D=e.mobileDirection)||void 0===D?void 0:D.value),mobileBackgroundColor:(0,$.ok)("none"!==(null===(M=e.mobileBackgroundColor)||void 0===M?void 0:M.value)?null===(V=e.mobileBackgroundColor)||void 0===V?void 0:V.value:""),mobileBackgroundImage:"none"!==e.mobileBackgroundImage[0].value?e.mobileBackgroundImage[0].value:"",mobileBackgroundPositionX:(0,$.ok)(null===(H=e.mobileBackgroundPositionX)||void 0===H?void 0:H.value),mobileBackgroundPositionY:(0,$.ok)(null===(W=e.mobileBackgroundPositionY)||void 0===W?void 0:W.value),mobileBackgroundRepeat:null!==(z=e.mobileBackgroundRepeat)&&void 0!==z&&z.value?null===(G=e.mobileBackgroundRepeat)||void 0===G?void 0:G.value:"none",mobilePaddingTop:(0,$.ok)(e.mobilePadding.all)||(0,$.ok)(e.mobilePadding.top),mobilePaddingLeft:(0,$.ok)(e.mobilePadding.all)||(0,$.ok)(e.mobilePadding.left),mobilePaddingRight:(0,$.ok)(e.mobilePadding.all)||(0,$.ok)(e.mobilePadding.right),mobilePaddingBottom:(0,$.ok)(e.mobilePadding.all)||(0,$.ok)(e.mobilePadding.bottom),mobilePaddingTopBottom:(0,$.ok)(e.mobilePadding.top)||(0,$.ok)(e.mobilePadding.bottom),mobilePaddingLeftRight:(0,$.ok)(e.mobilePadding.left)||(0,$.ok)(e.mobilePadding.right),exportAsPicture:null===e||void 0===e?void 0:e.exportAsPicture}),!(0,$.ok)(e.borderRadius.all)&&((0,$.ok)(e.borderRadius.topLeft)||(0,$.ok)(e.borderRadius.bottomLeft)||(0,$.ok)(e.borderRadius.topRight)||(0,$.ok)(e.borderRadius.bottomRight))?s(!1):s(!0),!(0,$.ok)(e.mobileBorderRadius.all)&&((0,$.ok)(e.mobileBorderRadius.topLeft)||(0,$.ok)(e.mobileBorderRadius.bottomLeft)||(0,$.ok)(e.mobileBorderRadius.topRight)||(0,$.ok)(e.mobileBorderRadius.bottomRight))?_(!1):_(!0),N(""===e.backgroundImage[0].value),(0,$.ok)(e.padding.all)||!((0,$.ok)(e.padding.top)||(0,$.ok)(e.padding.right)||(0,$.ok)(e.padding.bottom)||(0,$.ok)(e.padding.left))||e.padding.top===e.padding.bottom&&e.padding.right===e.padding.left?X(!0):X(!1),(0,$.ok)(e.mobilePadding.all)||!((0,$.ok)(e.mobilePadding.top)||(0,$.ok)(e.mobilePadding.right)||(0,$.ok)(e.mobilePadding.bottom)||(0,$.ok)(e.mobilePadding.left))||e.mobilePadding.top===e.mobilePadding.bottom&&e.mobilePadding.right===e.mobilePadding.left?K(!0):K(!1),ee(e=>!!Le||e),le(e=>!(!Le&&!Fe)||e),ie(!!e.borderRadius.all||!!e.borderRadius.topLeft||!!e.borderRadius.bottomLeft||!!e.borderRadius.topRight||!!e.borderRadius.bottomRight),ne(!!e.mobileBorderRadius.all||!!e.mobileBorderRadius.topLeft||!!e.mobileBorderRadius.bottomLeft||!!e.mobileBorderRadius.topRight||!!e.mobileBorderRadius.bottomRight),me(!!e.boxShadow),ce(!!e.mobileBoxShadow.blurRadius||!!e.mobileBoxShadow.color||!!e.mobileBoxShadow.hOffset||!!e.mobileBoxShadow.inset||!!e.mobileBoxShadow.spreadRadius||!!e.mobileBoxShadow.vOffset),ge(!!e.width.value||!!e.height.value||!!e.minWidth.value||!!e.maxWidth.value),be(!!e.mobileWidth.value||!!e.mobileHeight.value),fe(!!e.backgroundColor||!!e.backgroundImage[0].value||!!e.backgroundPositionY||!!e.backgroundPositionX||"repeat"!==e.backgroundRepeat||!e.backgroundRepeat,!!e.backgroundSize),Ae(!!e.mobileBackgroundColor.value),Se(!!e.exportAsPicture),ke(!(null===(j=e.padding)||void 0===j||!j.all)||!(null===(U=e.padding)||void 0===U||!U.top)||!(null===(q=e.padding)||void 0===q||!q.bottom)||!(null===(Y=e.padding)||void 0===Y||!Y.left)||!(null===(Q=e.padding)||void 0===Q||!Q.right)),we(!!e.mobilePadding.all||!!e.mobilePadding.top||!!e.mobilePadding.bottom||!!e.mobilePadding.left||!!e.mobilePadding.right)}},[a,e]);const De=t=>{const l=a.getFieldsValue(!0),i=Object.keys(t)[0];let r;switch(Ne("%"===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,m;if("borderAll"===l.borderPosition)r={border:{...O.iV,all:{...xe.RH,...l.borderAll}}},a.setFieldsValue({borderLeft:xe.RH,borderRight:xe.RH,borderTop:xe.RH,borderBottom:xe.RH});else null!==(n=l.borderAll)&&void 0!==n&&n.width||null!==(d=l.borderAll)&&void 0!==d&&d.style||null!==(m=l.borderAll)&&void 0!==m&&m.color?(r={border:{all:null,left:l.borderAll,right:l.borderAll,top:l.borderAll,bottom:l.borderAll,[xe.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,[xe.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:{...O.iV,all:{...xe.RH,...l.mobileBorderAll,classNamePrefix:"em-mob-border_"+xe.ax[i]+"-"}}},a.setFieldsValue({borderLeft:xe.RH,borderRight:xe.RH,borderTop:xe.RH,borderBottom:xe.RH});else{var s,c,u,g,p,b;const o=xe.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!==(s=l.mobileBorder)&&void 0!==s&&null!==(c=s.all)&&void 0!==c&&c.width||null!==(u=l.mobileBorder)&&void 0!==u&&null!==(g=u.all)&&void 0!==g&&g.style||null!==(p=l.mobileBorder)&&void 0!==p&&null!==(b=p.all)&&void 0!==b&&b.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"maxWidth":r={[i]:{value:t[i],dim:l.maxWidthDim}};break;case"maxWidthDim":r={maxWidth:{value:l.maxWidth,dim:t[i]}};break;case"minWidth":r={[i]:{value:t[i],dim:l.minWidthDim}};break;case"minWidthDim":r={minWidth:{value:l.minWidth,dim:t[i]}};break;case"backgroundImage":N(""===t[i]),r={[i]:[{...e.backgroundImage[0],value:t[i]}],backgroundSize:"cover"};break;case"paddingTop":case"paddingLeft":case"paddingRight":case"paddingBottom":r={padding:{[xe.yy[i]]:+t[i]}};break;case"paddingTopBottom":r={padding:{top:+t[i],bottom:+t[i]}},l.paddingTop=l.paddingBottom=+t[i];break;case"paddingLeftRight":r={padding:{left:+t[i],right:+t[i]}},l.paddingLeft=l.paddingRight=+t[i];break;case"borderRadiusAll":case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":r={borderRadius:{[xe.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:{[xe.NW[i]]:t[i],classNamePrefix:"em-mob-border_radius_"+xe.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"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_x-",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"mobileDirection":r={[i]:{classNamePrefix:"em-mob-direction-",value:t[i]}};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}"borderPosition"!==i&&"mobileBorderPosition"!==i&&o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:r})};return l.createElement(u.A,{form:a,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:xe.uE[Le]||"borderAll",mobileBorderPosition:xe.lS[Fe]||"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:De,autoComplete:"off",className:"element-controls"},!z&&l.createElement(g.A,{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(p.A,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),S===O.ND&&R.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props"},l.createElement("div",{className:"selected_form-mobile-props-wrapper"},l.createElement(b.A,{gutter:20,style:{paddingBottom:4}},l.createElement(h.A,{span:12},l.createElement($e,{form:a,elementSettings:e,imgParent:!0})),l.createElement(h.A,{span:12,style:{textAlign:"right"}},l.createElement(Z,{form:a,elementSettings:e}))),l.createElement(E.A,{className:"selected-td-form__divider"}),w.formCellFieldPaddingsEnabled&&l.createElement(l.Fragment,null,l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Padding"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{we(e=>!e),Re&&(t.mobilePaddingLeftRight="",t.mobilePaddingLeft="",t.mobilePaddingRight="",t.mobilePaddingTopBottom="",t.mobilePaddingTop="",t.mobilePaddingBottom="",o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobilePadding:{all:null,top:null,right:null,bottom:null,left:null,classNamePrefix:"em-mob-padding_"}}}))})}},Re?l.createElement(x.A,null):l.createElement(k.A,null)))),Re&&l.createElement(b.A,{gutter:10,style:{paddingBottom:4}},l.createElement(l.Fragment,null,l.createElement(ht,{form:a,elementSettings:e,mobilePaddingsExt:q,setMobilePaddingsExt:K})))),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Size"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{setTimeout(()=>{be(e=>!e)})}},pe?l.createElement(x.A,null):l.createElement(k.A,null)))),pe&&l.createElement(b.A,{gutter:10,style:{paddingBottom:8}},l.createElement(h.A,{span:12},l.createElement("div",{style:{marginBottom:2*C.formItemMarginBottomXS}},l.createElement(Y,{form:a,name:"mobileWidth",elementSettings:e}))),l.createElement(h.A,{span:12},l.createElement("div",{style:{marginBottom:C.formItemMarginBottomXS}},l.createElement(Q,{form:a,name:"mobileHeight",elementSettings:e})))),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Background"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{Ae(e=>!e),t.mobileBackgroundColor=ve?"":"#E5E5E5",o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:t.mobileBackgroundColor}}})})}},ve?l.createElement(x.A,null):l.createElement(k.A,null)))),ve&&l.createElement("div",{style:{marginBottom:(w.formDivFieldBackgroundImageEnabled,C.formItemMarginBottomMD+4)}},l.createElement(lt,{form:a,elementSettings:e,label:t("Background color")})),!1,w.formFieldBorderEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Borders"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{le(e=>!e),te?(t.mobileBorderAll=xe.RH,t.mobileBorderTop=xe.RH,t.mobileBorderBottom=xe.RH,t.mobileBorderRight=xe.RH,t.mobileBorderLeft=xe.RH):t.mobileBorderAll={width:1,color:"#E5E5E5",style:"solid"},o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorder:{all:{color:t.mobileBorderAll.color,style:t.mobileBorderAll.style,width:t.mobileBorderAll.width}}}})})}},te?l.createElement(x.A,null):l.createElement(k.A,null)))),te&&l.createElement("div",{style:{paddingBottom:4}},l.createElement(I.A,{form:a,typeOfForm:"mobile",elementSettings:e,onBorderSideClear:De}))),w.formFieldBorderRadiusEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Border radius"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{ne(e=>!e),re?(t.mobileBorderRadiusAll=null,_(!0)):t.mobileBorderRadiusAll=5,o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorderRadius:{all:t.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}})})}},re?l.createElement(x.A,null):l.createElement(k.A,null)))),re&&l.createElement("div",{style:{paddingBottom:4}},l.createElement(et,{form:a,oneMobileBorderRadiusValue:A,setOneMobileBorderRadiusValue:_,elementSettings:e}))),w.formFieldBoxShadowEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Box shadow"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{ce(e=>!e),se?(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:O.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-"}}})})}},se?l.createElement(x.A,null):l.createElement(k.A,null)))),se&&l.createElement("div",{style:{paddingBottom:4}},l.createElement(tt,{mobileBoxShadow:c,form:a,elementSettings:e}))),w.formFieldVisibilityEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("Display control & Direction")),l.createElement(b.A,{gutter:20,style:{paddingBottom:4}},l.createElement(h.A,{span:12},l.createElement(oe,{elementSettings:e,form:a})),l.createElement(h.A,{span:12,style:{textAlign:"right"}},l.createElement(Et,{elementSettings:e,form:a})))),w.formFieldAmpVisibilityEnabled&&e.ampShow&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("AMP visibility")),l.createElement(b.A,{gutter:20,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(Ee,null)))))):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(p.A,{className:"selected_form-desktop-props-title",message:t("Appearance on mobile devices"),type:"info"}),l.createElement("div",{className:"selected_form-props-wrapper"},l.createElement(b.A,{gutter:20,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(Ve.A,{form:a,elementSettings:e})),l.createElement(h.A,{span:12,style:{textAlign:"right"}},l.createElement(H.A,{form:a,elementSettings:e}))),l.createElement(E.A,{className:"selected-td-form__divider"}),w.formCellFieldPaddingsEnabled&&l.createElement(l.Fragment,null,l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Padding"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{ke(e=>!e),ye&&(t.paddingLeftRight="",t.paddingLeft="",t.paddingRight="",t.paddingTopBottom="",t.paddingTop="",t.paddingBottom="",o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{padding:{all:0}}}))})}},ye?l.createElement(x.A,null):l.createElement(k.A,null)))),ye&&l.createElement(b.A,{gutter:10,style:{marginBottom:4}},l.createElement(l.Fragment,null,l.createElement(h.A,{span:10,style:{width:156,flex:"auto",maxWidth:"none"}},l.createElement("div",{className:"padding-collapsed",style:{display:j?"block":"none"}},l.createElement(g.A,{title:t("Horizontal padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingLeftRight"},l.createElement(G.A,{min:0,max:300,placeholder:t("Horizontal"),prefix:l.createElement(F.A,{icon:"PaddingLeftRight"}),addonAfter:"px"})))),l.createElement("div",{className:"padding-extended",style:{display:j?"none":"block"}},l.createElement(g.A,{trigger:["hover"],title:t("Left padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingLeft",style:{marginBottom:C.formItemMarginBottomXS}},l.createElement(G.A,{min:0,max:300,placeholder:t("Left"),prefix:l.createElement(F.A,{icon:"PaddingLeft"}),addonAfter:"px"}))),l.createElement(g.A,{trigger:["hover"],title:t("Right padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingRight"},l.createElement(G.A,{min:0,max:300,placeholder:t("Right"),prefix:l.createElement(F.A,{icon:"PaddingRight"}),addonAfter:"px"}))))),l.createElement(h.A,{span:10,style:{width:156,flex:"auto",maxWidth:"none"}},l.createElement("div",{className:"padding-collapsed",style:{display:j?"block":"none"}},l.createElement(g.A,{title:t("Vertical padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingTopBottom"},l.createElement(G.A,{min:0,max:300,placeholder:t("Vertical"),prefix:l.createElement(F.A,{icon:"PaddingTopBottom"}),addonAfter:"px"})))),l.createElement("div",{className:"padding-extended",style:{display:j?"none":"block"}},l.createElement(g.A,{trigger:["hover"],title:t("Top padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingTop",style:{marginBottom:C.formItemMarginBottomXS}},l.createElement(G.A,{min:0,max:300,placeholder:t("Top"),prefix:l.createElement(F.A,{icon:"PaddingTop"}),addonAfter:"px"}))),l.createElement(g.A,{trigger:["hover"],title:t("Bottom padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingBottom"},l.createElement(G.A,{min:0,max:300,placeholder:t("Bottom"),prefix:l.createElement(F.A,{icon:"PaddingBottom"}),addonAfter:"px"}))))),l.createElement(h.A,{span:4,style:{width:45,flex:"auto",maxWidth:"none"}},l.createElement(g.A,{title:t("Individual padding"),placement:"bottom"},l.createElement(f.Ay,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!j}),onClick:()=>{X(e=>!e);const t=a.getFieldsValue(!0);j||(t.paddingLeftRight=t.paddingLeft,t.paddingTopBottom=t.paddingTop,t.paddingRight=t.paddingLeft,t.paddingBottom=t.paddingTop,o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{padding:{top:t.paddingTopBottom,bottom:t.paddingTopBottom,left:t.paddingLeftRight,right:t.paddingLeftRight}}}))}},l.createElement(F.A,{icon:"PaddingSwitcher"}))))))),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Size"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{setTimeout(()=>{ge(e=>!e)})}},ue?l.createElement(x.A,null):l.createElement(k.A,null)))),ue&&l.createElement(b.A,{gutter:10,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:t("Width"),placement:"bottom"},l.createElement(u.A.Item,{name:"width",className:"form-item-margin-xs"}," ",l.createElement(G.A,{min:0,max:Te,placeholder:t("Width"),prefix:l.createElement(B.A,null),addonAfter:l.createElement(u.A.Item,{name:"widthDim",noStyle:!0},$.z$)}))),l.createElement(g.A,{trigger:["hover"],title:t("Height"),placement:"bottom"},l.createElement(u.A.Item,{name:"height"},l.createElement(G.A,{min:0,placeholder:t("Height"),prefix:l.createElement(y.A,null),addonAfter:"px"})))),l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:t("Minimum width"),placement:"bottom"},l.createElement(u.A.Item,{name:"minWidth",className:"form-item-margin-xs"},l.createElement(G.A,{min:0,placeholder:t("Min width"),prefix:l.createElement(F.A,{icon:"MinWidth"}),addonAfter:l.createElement(u.A.Item,{name:"minWidthDim",noStyle:!0},$.z$)}))),l.createElement(g.A,{trigger:["hover"],title:t("Maximum width"),placement:"bottom"},l.createElement(u.A.Item,{name:"maxWidth",className:"form-item-margin-xs"},l.createElement(G.A,{min:0,placeholder:t("Max width"),prefix:l.createElement(F.A,{icon:"MaxWidth"}),addonAfter:l.createElement(u.A.Item,{name:"maxWidthDim",noStyle:!0},$.z$)}))))),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Background"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{fe(e=>!e),he?(t.backgroundColor="",t.backgroundImage="",t.backgroundPositionX="",t.backgroundPositionY="",t.backgroundRepeat="none",t.backgroundSize="",N(!0)):(t.backgroundColor="#E5E5E5",t.backgroundSize="",t.backgroundRepeat="none"),o({operation:O.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}})})}},he?l.createElement(x.A,null):l.createElement(k.A,null)))),he&&l.createElement(At,{form:a,backgroundImageEmpty:T,appConfig:w,token:C,elementSettings:e,backgroundRepeatOptions:Ie,handleChangeValues:De}),w.formFieldBorderEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Borders"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{ee(e=>!e),J?(t.borderAll=xe.RH,t.borderTop=xe.RH,t.borderBottom=xe.RH,t.borderRight=xe.RH,t.borderLeft=xe.RH):t.borderAll={width:1,color:"#E5E5E5",style:"solid"},o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{border:{all:{color:t.borderAll.color,style:t.borderAll.style,width:t.borderAll.width}}}})})}},J?l.createElement(x.A,null):l.createElement(k.A,null)))),J&&l.createElement("div",{style:{paddingBottom:4}},l.createElement(I.A,{form:a,elementSettings:e,onBorderSideClear:De}))),w.formFieldBorderRadiusEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Border radius"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{ie(e=>!e),ae?(t.borderRadiusAll=0,s(!0)):t.borderRadiusAll=5,o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{borderRadius:{all:t.borderRadiusAll}}})})}},ae?l.createElement(x.A,null):l.createElement(k.A,null)))),ae&&l.createElement("div",{style:{paddingBottom:4}},l.createElement(P.A,{form:a,oneBorderRadiusValue:m,setOneBorderRadiusValue:s,elementSettings:e}))),w.formFieldBoxShadowEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Box shadow"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{me(e=>!e),de?(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:O.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}}})})}},de?l.createElement(x.A,null):l.createElement(k.A,null)))),de&&l.createElement("div",{style:{paddingBottom:4}},l.createElement(U,{boxShadow:i}))),w.formFieldExportAsPictureEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Export settings"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{Se(e=>!e),_e&&(t.exportAsPicture=!1,o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{exportAsPicture:!1}}))})}},_e?l.createElement(x.A,null):l.createElement(k.A,null)))),_e&&l.createElement(rt,{form:a,elementSettings:e})),w.formFieldVisibilityEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("Display control & Direction")),l.createElement(b.A,{gutter:20,style:{paddingBottom:4}},l.createElement(h.A,{span:12},l.createElement(oe,{elementSettings:e,form:a})),l.createElement(h.A,{span:12,style:{textAlign:"right"}},l.createElement(pt,{elementSettings:e,form:a})))),w.formFieldAmpVisibilityEnabled&&e.ampShow&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("AMP visibility")),l.createElement(b.A,{gutter:20,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(Ee,null)))))))};var xt=o(64116);let Rt=0;const wt=({elementSettings:e})=>{const{__:t}=(0,L.s9)(),o=(0,D.XW)(),[a]=u.A.useForm(),i=(0,n.d4)(Be.Ct),r=(0,n.d4)(Be.CS),d=(0,n.d4)(Be.Fv),m=(0,n.d4)(Be.yy),s=(0,M.rD)(),c=d&&"bottom"!==m;(0,l.useEffect)(()=>{var t,o,l,i,r,n,d,m,s,c,u,g,p;e&&(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,gap:null===(l=e.gap)||void 0===l?void 0:l.value,gapDim:null===(i=e.gap)||void 0===i?void 0:i.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===(m=e.minWidth)||void 0===m?void 0:m.dim,show:e.show?e.show:"all",mobileWidth:(0,$.xc)(null===(s=e.mobileWidth)||void 0===s?void 0:s.value),mobileWidthDim:null===(c=e.mobileWidth)||void 0===c?void 0:c.dim,mobileContentWidth:(0,$.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,$.ok)(null===(p=e.mobileVerticalAlign)||void 0===p?void 0:p.value)}),Rt=e.width.value+e.gap.value)},[a,e]);return l.createElement(u.A,{form:a,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=a.getFieldsValue(!0),i=Object.keys(t)[0];let r;switch(i){case"width":Rt=t[i]+l.gap,r={[i]:{value:t[i],dim:l.widthDim},gap:{value:l.gap}};break;case"widthDim":r={width:{value:l.width,dim:t[i]},gap:{value:l.gap}};break;case"gap":l.width=Rt-t[i],r={[i]:{value:t[i],dim:"px"}};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"mobileContentWidth":r={[i]:{classNamePrefix:"em-mob-width-",value:t[i],dim:l.mobileContentWidthDim}};break;case"mobileContentWidthDim":r={mobileContentWidth:{classNamePrefix:"em-mob-width-",value:100,dim:t[i]}};break;case"mobileVerticalAlign":r={[i]:{classNamePrefix:"em-mob-vertical_align-",value:t[i]}};break;default:r=t}o({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:r})},autoComplete:"off",className:"element-controls"},c&&l.createElement(g.A,{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(p.A,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),i===O.ND&&r.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props",style:{display:i===O.ND&&r.styles?"block":"none"}},l.createElement(g.A,{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(p.A,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),l.createElement("div",{className:"selected_form-mobile-props-wrapper"},l.createElement(b.A,{gutter:10,style:{marginBottom:20}},l.createElement(h.A,{span:12},l.createElement(Y,{form:a,name:"mobileWidth",elementSettings:e})),l.createElement(h.A,{span:12})),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("Alignments")),l.createElement(Z,{form:a,elementSettings:e}),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("Display control")),l.createElement(oe,{elementSettings:e,form:a}),s.formFieldAmpVisibilityEnabled&&e.ampShow&&l.createElement(l.Fragment,null,l.createElement("div",{className:"form-group-title"},t("AMP visibility")),l.createElement(Ee,null)))):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement("div",{className:"selected_form-props-wrapper"},l.createElement(u.A.Item,{style:{marginBottom:"0"}},l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:t("Float block width"),placement:"bottom"},l.createElement(u.A.Item,{name:"width"},l.createElement(ie.A,{min:0,placeholder:t("Float block width"),prefix:l.createElement(B.A,null),addonAfter:l.createElement(u.A.Item,{name:"widthDim",noStyle:!0},$.z$)})))),l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:t("Column gap"),placement:"bottom"},l.createElement(u.A.Item,{name:"gap"},l.createElement(ie.A,{min:0,placeholder:t("Column gap"),prefix:l.createElement(xt.A,null),addonAfter:l.createElement(u.A.Item,{name:"widthDim",noStyle:!0},$.TX)})))))),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("Vertical alignment")),l.createElement(H.A,{form:a,elementSettings:e}),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},t("Display control")),l.createElement(oe,{elementSettings:e,form:a}),s.formFieldAmpVisibilityEnabled&&e.ampShow&&l.createElement(l.Fragment,null,l.createElement("div",{className:"form-group-title"},t("AMP visibility")),l.createElement(Ee,null)))))},{useToken:Tt}=c.A,Nt=({elementSettings:e})=>{var t;const{__:o}=(0,L.s9)(),a=(0,D.XW)(),[i]=u.A.useForm(),s=(0,n.wA)(),c=(0,n.d4)(d.Hs),[v,A]=(0,l.useState)({}),[S,R]=(0,l.useState)(!0),[w,T]=(0,l.useState)(!0),N=(0,n.d4)(Be.Ct),C=(0,n.d4)(Be.CS),H=(0,M.rD)(),[W,z]=(0,l.useState)(""===(null===(t=e.backgroundImage)||void 0===t?void 0:t[0].value)),j=(0,n.d4)(Be.Fv),X=(0,n.d4)(Be.yy),q=j&&"bottom"!==X,{token:K}=Tt(),Z=(0,l.useRef)(null),ee=(0,l.useRef)(null),[te,le]=(0,l.useState)(!1),[ae,ie]=(0,l.useState)(!1),[re,ne]=(0,l.useState)(!1),[de,me]=(0,l.useState)(!1),[se,ce]=(0,l.useState)(!1),[ue,ge]=(0,l.useState)(!1),[pe,be]=(0,l.useState)(!1),[he,fe]=(0,l.useState)(!1),[ve,Ae]=(0,l.useState)(!1),[_e,Se]=(0,l.useState)(!1),[ye,ke]=(0,l.useState)(!1),[Re,we]=(0,l.useState)(!1),[Te,Ne]=(0,l.useState)(!1),[Ie,Pe]=(0,l.useState)(!1),[Ce,Fe]=(0,l.useState)(""),[Oe,De]=(0,l.useState)("https://"),[Me,He]=(0,l.useState)({}),[We,ze]=(0,l.useState)(!1),Ge=c.hasOwnProperty("type")?O.IE:O.Tm,Ue=[{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"}],qe=(o("Not defined"),o("Contain"),o("Cover"),e.border),Ye=e.mobileBorder,Ke=Object.keys(qe).find(e=>{var t,o,l;return(null===(t=qe[e])||void 0===t?void 0:t.width)||(null===(o=qe[e])||void 0===o?void 0:o.style)||(null===(l=qe[e])||void 0===l?void 0:l.color)}),Qe=Object.keys(Ye).find(e=>{var t,o,l;return(null===(t=Ye[e])||void 0===t?void 0:t.width)||(null===(o=Ye[e])||void 0===o?void 0:o.style)||(null===(l=Ye[e])||void 0===l?void 0:l.color)}),Je=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,r,n,d,m,s,c,u,g,p,b,h,E,f,v,_,S,B,y,k,x,w,N,I,P,C,L,F,O,D,M,V,H,W,G,j,U,X,q,Y,K,Q,J,Z,ee,te,oe,ae,re,de,se,ue,pe,he,Ee,ve,_e,Be,ye,xe,Re,Te,Ie,Ce,Le,Fe,Oe,Me,Ve,He,We,ze,Ge,je,Ue,Xe,$e,qe,Ye,Ze,et,tt,ot,lt,at,it,rt,nt,dt,mt,st,ct,ut,gt,pt,bt,ht,Et,ft,vt,At,_t,St,Bt,yt,kt,xt,Rt,wt,Tt,Nt,It,Pt,Ct,Lt,Ft,Ot,Dt,Mt,Vt,Ht,Wt,zt,Gt,jt,Ut,Xt,$t,qt,Yt,Kt,Qt,Jt,Zt,eo,to,oo,lo,ao,io,ro,no,mo,so,co,uo,go,po,bo,ho,Eo,fo,vo,Ao,_o;const So=e.boxShadow||{},Bo=e.mobilePadding||{},yo=e.mobileAlign||{},ko=e.mobileBackgroundImage||[];A(So);let xo="",Ro="",wo=e.href||"https://";if(e.href){if(e.href.startsWith("mailto:")){const t=(0,$.kl)(e.href);xo=t.subject,Ro=t.body,wo=t.baseEmail}(0,$.b9)(e.href,De)}i.setFieldsValue({...e,href:wo,subject:xo,body:Ro,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,backgroundImage:null===(r=e.backgroundImage)||void 0===r?void 0:r[0].value,show:e.show?e.show:"all",textAlign:e.textAlign,borderAll:(0,$.ok)(e.border.all),borderTop:(0,$.ok)(e.border.top),borderBottom:(0,$.ok)(e.border.bottom),borderRight:(0,$.ok)(e.border.right),borderLeft:(0,$.ok)(e.border.left),mobileBorderAll:Je(e.mobileBorder.all)||!(Je(e.mobileBorder.top)||Je(e.mobileBorder.bottom)||Je(e.mobileBorder.right)||Je(e.mobileBorder.left))&&Je(e.border.all),mobileBorderTop:Je(e.mobileBorder.top)||!Je(e.mobileBorder.all)&&Je(e.border.top),mobileBorderBottom:Je(e.mobileBorder.bottom)||!Je(e.mobileBorder.all)&&Je(e.border.bottom),mobileBorderRight:Je(e.mobileBorder.right)||!Je(e.mobileBorder.all)&&Je(e.border.right),mobileBorderLeft:Je(e.mobileBorder.left)||!Je(e.mobileBorder.all)&&Je(e.border.left),paddingTop:(0,$.ok)(null===(n=e.padding)||void 0===n?void 0:n.all)||(0,$.ok)(null===(d=e.padding)||void 0===d?void 0:d.top),paddingLeft:(0,$.ok)(null===(m=e.padding)||void 0===m?void 0:m.all)||(0,$.ok)(null===(s=e.padding)||void 0===s?void 0:s.left),paddingRight:(0,$.ok)(null===(c=e.padding)||void 0===c?void 0:c.all)||(0,$.ok)(null===(u=e.padding)||void 0===u?void 0:u.right),paddingBottom:(0,$.ok)(null===(g=e.padding)||void 0===g?void 0:g.all)||(0,$.ok)(null===(p=e.padding)||void 0===p?void 0:p.bottom),paddingLeftRight:(0,$.ok)(null===(b=e.padding)||void 0===b?void 0:b.left)||(0,$.ok)(null===(h=e.padding)||void 0===h?void 0:h.right),paddingTopBottom:(0,$.ok)(null===(E=e.padding)||void 0===E?void 0:E.top)||(0,$.ok)(null===(f=e.padding)||void 0===f?void 0:f.bottom),borderRadiusAll:(0,$.ok)(null===(v=e.borderRadius)||void 0===v?void 0:v.all),borderRadiusTopLeft:(0,$.ok)(null===(_=e.borderRadius)||void 0===_?void 0:_.topLeft),borderRadiusBottomLeft:(0,$.ok)(null===(S=e.borderRadius)||void 0===S?void 0:S.bottomLeft),borderRadiusTopRight:(0,$.ok)(null===(B=e.borderRadius)||void 0===B?void 0:B.topRight),borderRadiusBottomRight:(0,$.ok)(null===(y=e.borderRadius)||void 0===y?void 0:y.bottomRight),boxShadowInset:(0,$.ok)(null===(k=e.boxShadow)||void 0===k?void 0:k.inset)||!1,boxShadowHOffset:(0,$.ok)(null===(x=e.boxShadow)||void 0===x?void 0:x.hOffset),boxShadowVOffset:(0,$.ok)(null===(w=e.boxShadow)||void 0===w?void 0:w.vOffset),boxShadowBlurRadius:(0,$.ok)(null===(N=e.boxShadow)||void 0===N?void 0:N.blurRadius),boxShadowSpreadRadius:(0,$.ok)(null===(I=e.boxShadow)||void 0===I?void 0:I.spreadRadius),boxShadowColor:(0,$.ok)(null===(P=e.boxShadow)||void 0===P?void 0:P.color),mobileWidth:(0,$.xc)(null===(C=e.mobileWidth)||void 0===C?void 0:C.value)||(null===(L=e.width)||void 0===L?void 0:L.value),mobileWidthDim:(0,$.xc)(null===(F=e.mobileWidth)||void 0===F?void 0:F.value)?null===(O=e.mobileWidth)||void 0===O?void 0:O.dim:null===(D=e.width)||void 0===D?void 0:D.dim,mobileHeight:(0,$.xc)(null===(M=e.mobileHeight)||void 0===M?void 0:M.value)||(null===(V=e.height)||void 0===V?void 0:V.value),mobileHeightDim:(0,$.xc)(null===(H=e.mobileHeight)||void 0===H?void 0:H.value)?null===(W=e.mobileHeight)||void 0===W?void 0:W.dim:null===(G=e.height)||void 0===G?void 0:G.dim,mobileBorderRadiusAll:(0,$.ok)(null===(j=e.mobileBorderRadius)||void 0===j?void 0:j.all)||(0,$.ok)(null===(U=e.borderRadius)||void 0===U?void 0:U.all),mobileBorderRadiusTopLeft:(0,$.ok)(null===(X=e.mobileBorderRadius)||void 0===X?void 0:X.topLeft)||(0,$.ok)(null===(q=e.mobileBorderRadius)||void 0===q?void 0:q.all)||(0,$.ok)(null===(Y=e.borderRadius)||void 0===Y?void 0:Y.topLeft)||(0,$.ok)(null===(K=e.borderRadius)||void 0===K?void 0:K.all),mobileBorderRadiusBottomLeft:(0,$.ok)(null===(Q=e.mobileBorderRadius)||void 0===Q?void 0:Q.bottomLeft)||(0,$.ok)(null===(J=e.mobileBorderRadius)||void 0===J?void 0:J.all)||(0,$.ok)(null===(Z=e.borderRadius)||void 0===Z?void 0:Z.bottomLeft)||(0,$.ok)(null===(ee=e.borderRadius)||void 0===ee?void 0:ee.all),mobileBorderRadiusTopRight:(0,$.ok)(null===(te=e.mobileBorderRadius)||void 0===te?void 0:te.topRight)||(0,$.ok)(null===(oe=e.mobileBorderRadius)||void 0===oe?void 0:oe.all)||(0,$.ok)(null===(ae=e.borderRadius)||void 0===ae?void 0:ae.topRight)||(0,$.ok)(null===(re=e.borderRadius)||void 0===re?void 0:re.all),mobileBorderRadiusBottomRight:(0,$.ok)(null===(de=e.mobileBorderRadius)||void 0===de?void 0:de.bottomRight)||(0,$.ok)(null===(se=e.mobileBorderRadius)||void 0===se?void 0:se.all)||(0,$.ok)(null===(ue=e.borderRadius)||void 0===ue?void 0:ue.bottomRight)||(0,$.ok)(null===(pe=e.borderRadius)||void 0===pe?void 0:pe.all),mobileBoxShadowInset:null!=(null===(he=e.mobileBoxShadow)||void 0===he?void 0:he.inset)?e.mobileBoxShadow.inset:(null===(Ee=e.boxShadow)||void 0===Ee?void 0:Ee.inset)||!1,mobileBoxShadowHOffset:(0,$.ok)(null===(ve=e.mobileBoxShadow)||void 0===ve?void 0:ve.hOffset)||(0,$.ok)(null===(_e=e.boxShadow)||void 0===_e?void 0:_e.hOffset),mobileBoxShadowVOffset:(0,$.ok)(null===(Be=e.mobileBoxShadow)||void 0===Be?void 0:Be.vOffset)||(0,$.ok)(null===(ye=e.boxShadow)||void 0===ye?void 0:ye.vOffset),mobileBoxShadowBlurRadius:(0,$.ok)(null===(xe=e.mobileBoxShadow)||void 0===xe?void 0:xe.blurRadius)||(0,$.ok)(null===(Re=e.boxShadow)||void 0===Re?void 0:Re.blurRadius),mobileBoxShadowSpreadRadius:(0,$.ok)(null===(Te=e.mobileBoxShadow)||void 0===Te?void 0:Te.spreadRadius)||(0,$.ok)(null===(Ie=e.boxShadow)||void 0===Ie?void 0:Ie.spreadRadius),mobileBoxShadowColor:(0,$.ok)(null===(Ce=e.mobileBoxShadow)||void 0===Ce?void 0:Ce.color)||(0,$.ok)(null===(Le=e.boxShadow)||void 0===Le?void 0:Le.color),mobileAlign:(0,$.ok)(null===yo||void 0===yo?void 0:yo.value)||e.align,mobileVerticalAlign:(0,$.ok)((null===(Fe=e.mobileVerticalAlign)||void 0===Fe?void 0:Fe.value)||e.valign),mobileBackgroundColor:(0,$.ok)((null===(Oe=e.mobileBackgroundColor)||void 0===Oe?void 0:Oe.value)||e.backgroundColor||""),mobileBackgroundImage:"none"!==(null===(Me=ko[0])||void 0===Me?void 0:Me.value)?null===(Ve=ko[0])||void 0===Ve?void 0:Ve.value:(null===(He=e.backgroundImage)||void 0===He?void 0:He[0].value)||"",mobileBackgroundPositionX:(0,$.ok)(null===(We=e.mobileBackgroundPositionX)||void 0===We?void 0:We.value)||(0,$.ok)(null===(ze=e.backgroundPositionX)||void 0===ze?void 0:ze.value),mobileBackgroundPositionY:(0,$.ok)(null===(Ge=e.mobileBackgroundPositionY)||void 0===Ge?void 0:Ge.value)||(0,$.ok)(null===(je=e.backgroundPositionY)||void 0===je?void 0:je.value),mobileBackgroundRepeat:(null===(Ue=e.mobileBackgroundRepeat)||void 0===Ue?void 0:Ue.value)||e.backgroundRepeat||"none",mobilePaddingTop:(0,$.ok)(Bo.all)||(0,$.ok)(Bo.top)||(0,$.ok)(null===(Xe=e.padding)||void 0===Xe?void 0:Xe.all)||(0,$.ok)(null===($e=e.padding)||void 0===$e?void 0:$e.top),mobilePaddingLeft:(0,$.ok)(Bo.all)||(0,$.ok)(Bo.left)||(0,$.ok)(null===(qe=e.padding)||void 0===qe?void 0:qe.all)||(0,$.ok)(null===(Ye=e.padding)||void 0===Ye?void 0:Ye.left),mobilePaddingRight:(0,$.ok)(Bo.all)||(0,$.ok)(Bo.right)||(0,$.ok)(null===(Ze=e.padding)||void 0===Ze?void 0:Ze.all)||(0,$.ok)(null===(et=e.padding)||void 0===et?void 0:et.right),mobilePaddingBottom:(0,$.ok)(Bo.all)||(0,$.ok)(Bo.bottom)||(0,$.ok)(null===(tt=e.padding)||void 0===tt?void 0:tt.all)||(0,$.ok)(null===(ot=e.padding)||void 0===ot?void 0:ot.bottom),mobilePaddingTopBottom:(0,$.ok)(Bo.top)||(0,$.ok)(Bo.bottom)||(0,$.ok)(null===(lt=e.padding)||void 0===lt?void 0:lt.top)||(0,$.ok)(null===(at=e.padding)||void 0===at?void 0:at.bottom),mobilePaddingLeftRight:(0,$.ok)(Bo.left)||(0,$.ok)(Bo.right)||(0,$.ok)(null===(it=e.padding)||void 0===it?void 0:it.left)||(0,$.ok)(null===(rt=e.padding)||void 0===rt?void 0:rt.right),mobileTextAlign:(0,$.ok)((null===(nt=e.mobileTextAlign)||void 0===nt?void 0:nt.value)||e.textAlign),exportAsPicture:null===e||void 0===e?void 0:e.exportAsPicture,mobileFontSize:(0,$.ok)((null===(dt=e.mobileFontSize)||void 0===dt?void 0:dt.value)||e.fontSize)}),!(0,$.ok)(null===(mt=e.borderRadius)||void 0===mt?void 0:mt.all)&&((0,$.ok)(null===(st=e.borderRadius)||void 0===st?void 0:st.topLeft)||(0,$.ok)(null===(ct=e.borderRadius)||void 0===ct?void 0:ct.bottomLeft)||(0,$.ok)(null===(ut=e.borderRadius)||void 0===ut?void 0:ut.topRight)||(0,$.ok)(null===(gt=e.borderRadius)||void 0===gt?void 0:gt.bottomRight))?R(!1):R(!0),!(0,$.ok)(e.mobileBorderRadius.all)&&((0,$.ok)(e.mobileBorderRadius.topLeft)||(0,$.ok)(e.mobileBorderRadius.bottomLeft)||(0,$.ok)(e.mobileBorderRadius.topRight)||(0,$.ok)(e.mobileBorderRadius.bottomRight))||(0,$.ok)(e.mobileBorderRadius.all)&&((0,$.ok)(e.mobileBorderRadius.topLeft)||(0,$.ok)(e.mobileBorderRadius.bottomLeft)||(0,$.ok)(e.mobileBorderRadius.topRight)||(0,$.ok)(e.mobileBorderRadius.bottomRight))||!(0,$.ok)(e.borderRadius.all)&&!(0,$.ok)(e.mobileBorderRadius.all)&&((0,$.ok)(e.borderRadius.topLeft)||(0,$.ok)(e.borderRadius.bottomLeft)||(0,$.ok)(e.borderRadius.topRight)||(0,$.ok)(e.borderRadius.bottomRight))?T(!1):T(!0),z(""===(null===(pt=e.backgroundImage)||void 0===pt?void 0:pt[0].value)),(0,$.ok)(null===(bt=e.padding)||void 0===bt?void 0:bt.all)||!((0,$.ok)(null===(ht=e.padding)||void 0===ht?void 0:ht.top)||(0,$.ok)(null===(Et=e.padding)||void 0===Et?void 0:Et.right)||(0,$.ok)(null===(ft=e.padding)||void 0===ft?void 0:ft.bottom)||(0,$.ok)(null===(vt=e.padding)||void 0===vt?void 0:vt.left))||(null===(At=e.padding)||void 0===At?void 0:At.top)===(null===(_t=e.padding)||void 0===_t?void 0:_t.bottom)&&(null===(St=e.padding)||void 0===St?void 0:St.right)===(null===(Bt=e.padding)||void 0===Bt?void 0:Bt.left)?le(!0):le(!1),!(0,$.ok)(Bo.all)&&((0,$.ok)(Bo.top)||(0,$.ok)(Bo.right)||(0,$.ok)(Bo.bottom)||(0,$.ok)(Bo.left))&&(Bo.top!==Bo.bottom||Bo.right!==Bo.left)||!(0,$.ok)(null===(yt=e.padding)||void 0===yt?void 0:yt.all)&&((0,$.ok)(null===(kt=e.padding)||void 0===kt?void 0:kt.top)||(0,$.ok)(null===(xt=e.padding)||void 0===xt?void 0:xt.right)||(0,$.ok)(null===(Rt=e.padding)||void 0===Rt?void 0:Rt.bottom)||(0,$.ok)(null===(wt=e.padding)||void 0===wt?void 0:wt.left))&&((null===(Tt=e.padding)||void 0===Tt?void 0:Tt.top)!==(null===(Nt=e.padding)||void 0===Nt?void 0:Nt.bottom)||(null===(It=e.padding)||void 0===It?void 0:It.right)!==(null===(Pt=e.padding)||void 0===Pt?void 0:Pt.left))?ie(!1):ie(!0),ne(e=>!!Ke||e),me(e=>!(!Ke&&!Qe)||e),ce(!(null===(Ct=e.borderRadius)||void 0===Ct||!Ct.all)||!(null===(Lt=e.borderRadius)||void 0===Lt||!Lt.topLeft)||!(null===(Ft=e.borderRadius)||void 0===Ft||!Ft.bottomLeft)||!(null===(Ot=e.borderRadius)||void 0===Ot||!Ot.topRight)||!(null===(Dt=e.borderRadius)||void 0===Dt||!Dt.bottomRight)),ge(!(null===(Mt=e.mobileBorderRadius)||void 0===Mt||!Mt.all)||!(null===(Vt=e.mobileBorderRadius)||void 0===Vt||!Vt.topLeft)||!(null===(Ht=e.mobileBorderRadius)||void 0===Ht||!Ht.bottomLeft)||!(null===(Wt=e.mobileBorderRadius)||void 0===Wt||!Wt.topRight)||!(null===(zt=e.mobileBorderRadius)||void 0===zt||!zt.bottomRight)||!(null===(Gt=e.borderRadius)||void 0===Gt||!Gt.all)||!(null===(jt=e.borderRadius)||void 0===jt||!jt.topLeft)||!(null===(Ut=e.borderRadius)||void 0===Ut||!Ut.bottomLeft)||!(null===(Xt=e.borderRadius)||void 0===Xt||!Xt.topRight)||!(null===($t=e.borderRadius)||void 0===$t||!$t.bottomRight)),be(!!e.boxShadow),fe(!(null===(qt=e.mobileBoxShadow)||void 0===qt||!qt.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===(Jt=e.mobileBoxShadow)||void 0===Jt||!Jt.spreadRadius)||!(null===(Zt=e.mobileBoxShadow)||void 0===Zt||!Zt.vOffset)||!!e.boxShadow),Ae(!(null===(eo=e.mobileWidth)||void 0===eo||!eo.value)||!(null===(to=e.mobileHeight)||void 0===to||!to.value)||!!e.width.value||!!e.height.value),Se(!!e.backgroundColor||!(null===(oo=e.backgroundImage)||void 0===oo||!oo[0].value)||!!e.backgroundPositionY||!!e.backgroundPositionX||"repeat"!==e.backgroundRepeat||!e.backgroundRepeat,!!e.backgroundSize),ke(!(null===(lo=e.mobileBackgroundColor)||void 0===lo||!lo.value)||!!e.backgroundColor||!(null===(ao=e.backgroundImage)||void 0===ao||!ao[0].value)||!!e.backgroundPositionY||!!e.backgroundPositionX||"repeat"!==e.backgroundRepeat||!e.backgroundRepeat,!!e.backgroundSize),we(!(null===(io=e.mobileFontSize)||void 0===io||!io.value)||!!e.fontSize||!!e.showOnMobile),Ne(!(null===(ro=e.padding)||void 0===ro||!ro.all)||!(null===(no=e.padding)||void 0===no||!no.top)||!(null===(mo=e.padding)||void 0===mo||!mo.bottom)||!(null===(so=e.padding)||void 0===so||!so.left)||!(null===(co=e.padding)||void 0===co||!co.right)),Pe(!(null===(uo=e.mobilePadding)||void 0===uo||!uo.all)||!(null===(go=e.mobilePadding)||void 0===go||!go.top)||!(null===(po=e.mobilePadding)||void 0===po||!po.bottom)||!(null===(bo=e.mobilePadding)||void 0===bo||!bo.left)||!(null===(ho=e.mobilePadding)||void 0===ho||!ho.right)||!(null===(Eo=e.padding)||void 0===Eo||!Eo.all)||!(null===(fo=e.padding)||void 0===fo||!fo.top)||!(null===(vo=e.padding)||void 0===vo||!vo.bottom)||!(null===(Ao=e.padding)||void 0===Ao||!Ao.left)||!(null===(_o=e.padding)||void 0===_o||!_o.right))}},[i,e,q]);const Ze=(0,l.useCallback)(e=>{s(Ge===O.Tm?(0,d.A9)(e):(0,m.A9)(e))},[s,Ge]),et=t=>{const o=i.getFieldsValue(!0),l=Object.keys(t)[0];let r;switch(Fe("%"===i.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,m;if("borderAll"===o.borderPosition)r={border:{...O.iV,all:{...xe.RH,...o.borderAll}}},i.setFieldsValue({borderLeft:xe.RH,borderRight:xe.RH,borderTop:xe.RH,borderBottom:xe.RH});else null!==(n=o.borderAll)&&void 0!==n&&n.width||null!==(d=o.borderAll)&&void 0!==d&&d.style||null!==(m=o.borderAll)&&void 0!==m&&m.color?(r={border:{all:null,left:o.borderAll,right:o.borderAll,top:o.borderAll,bottom:o.borderAll,[xe.Vz[l]]:{...o[l],...t[l]}}},i.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,[xe.Vz[l]]:{...o[l],...t[l]}}},i.setFieldsValue({border:r.border}));break;case"mobileBorderAll":case"mobileBorderTop":case"mobileBorderBottom":case"mobileBorderLeft":case"mobileBorderRight":if("mobileBorderAll"===o.mobileBorderPosition)r={mobileBorder:{...O.iV,all:{...xe.RH,...o.mobileBorderAll,classNamePrefix:"em-mob-border_"+xe.ax[l]+"-"}}},i.setFieldsValue({borderLeft:xe.RH,borderRight:xe.RH,borderTop:xe.RH,borderBottom:xe.RH});else{var s,c,u,g,p,b;const a=xe.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!==(s=o.mobileBorder)&&void 0!==s&&null!==(c=s.all)&&void 0!==c&&c.width||null!==(u=o.mobileBorder)&&void 0!==u&&null!==(g=u.all)&&void 0!==g&&g.style||null!==(p=o.mobileBorder)&&void 0!==p&&null!==(b=p.all)&&void 0!==b&&b.color){const e=o.mobileBorderAll;r={mobileBorder:{all:null,left:e,right:e,top:e,bottom:e,[a]:d?null:{...n,classNamePrefix:"em-mob-border_"+a+"-"}}},i.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"===a?d?null:{...n,classNamePrefix:"em-mob-border_left-"}:o("left"),right:"right"===a?d?null:{...n,classNamePrefix:"em-mob-border_right-"}:o("right"),top:"top"===a?d?null:{...n,classNamePrefix:"em-mob-border_top-"}:o("top"),bottom:"bottom"===a?d?null:{...n,classNamePrefix:"em-mob-border_bottom-"}:o("bottom")}},i.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":z(""===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,[xe.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:{[xe.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,[xe.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:{[xe.NW[l]]:t[l],classNamePrefix:"em-mob-border_radius_"+xe.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 a=t[l];"https://http"===a.substring(0,12)&&(a=a.substring(8,a.length),o.href=a),r=a.startsWith("mailto:")?{[l]:(0,$.N_)(a,o.subject,o.body)}:{[l]:a},(0,$.b9)(t[l],De);break;case"subject":case"body":const h=o.href||"";if(!h.startsWith("mailto:"))return;{const e="subject"===l?t[l]:o.subject,a="body"===l?t[l]:o.body;r={href:(0,$.N_)(h,e,a)}}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&&(a({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:r}),"mobileBorderRadiusAll"!==l&&"mobileBorderRadiusTopLeft"!==l&&"mobileBorderRadiusTopRight"!==l&&"mobileBorderRadiusBottomLeft"!==l&&"mobileBorderRadiusBottomRight"!==l&&Ze({...e,...r,mobileBorderRadius:{...e.mobileBorderRadius,...null===(h=r)||void 0===h?void 0:h.mobileBorderRadius},activateSection:null,changeKey:l}))},tt=e=>{i.setFieldValue("href","mergetag"!==e?e:""),De(e)},ot=({target:e})=>{const{selectionStart:t,selectionEnd:o}=e;e&&He({target:e,selection:{start:t,end:o}})};(0,l.useEffect)(()=>{var t;ze(!(null===(t=e.textReplacer)||void 0===t||!t.length))},[e]);return l.createElement(u.A,{form:i,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:xe.uE[Ke]||"borderAll",mobileBorderPosition:xe.lS[Qe]||"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:et,autoComplete:"off",className:"element-controls"},!q&&l.createElement(g.A,{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(p.A,{className:"selected_form-mobile-props-title",message:o("Appearance on mobile devices"),type:"info"})),q?l.createElement(Xe,{form:i,elementSettings:e,showAddParagraph:!1,isButton:!0}):l.createElement(l.Fragment,null,N===O.ND&&C.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props"},l.createElement("div",{className:"selected_form-mobile-props-wrapper"},l.createElement(b.A,{gutter:20,style:{paddingBottom:4}},l.createElement(h.A,{span:12},l.createElement(J,{form:i,elementSettings:e,imgParent:!0})),H.formButtonFieldTextAlignEnabled&&l.createElement(h.A,{span:12,style:{textAlign:"right"}},l.createElement($e,{form:i,name:"mobileTextAlign",elementSettings:e,imgParent:!0}))),!!e.showOnMobile&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider",style:{marginBottom:24}}),l.createElement(g.A,{trigger:["hover"],title:o("Hyperlink URL"),placement:"bottom"},l.createElement(u.A.Item,{name:"href",style:{marginBottom:"mailto:"===Oe?K.formItemMarginBottomXS:K.formItemMarginBottomMD+4}},l.createElement(_.A,{addonBefore:l.createElement($.Ai,{linkProtocol:Oe,handleLinkProtocolsChange:tt,__:o}),placeholder:o("Hyperlink URL"),allowClear:!0,prefix:l.createElement($.RM,{linkProtocol:Oe})}))),"mailto:"===Oe&&l.createElement(l.Fragment,null,l.createElement(u.A.Item,{name:"subject"},l.createElement(_.A,{placeholder:o("Subject")})),l.createElement(u.A.Item,{name:"body",style:{marginBottom:K.formItemMarginBottomMD+4}},l.createElement(_.A.TextArea,{rows:3,placeholder:o("Body")})))),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},o("Text"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{we(e=>!e),Re&&(t.mobileFontSize="",a({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileFontSize:{value:null,dim:"px",classNamePrefix:"em-mob-font_size-"}}}))})}},Re?l.createElement(x.A,null):l.createElement(k.A,null)))),Re&&l.createElement(l.Fragment,null,!!e.showOnMobile&&l.createElement(je,{form:i,elementSettings:e,setLinkProtocol:De,linkProtocol:Oe,showAddParagraph:!1,isButton:!0}),l.createElement(b.A,{gutter:10,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(Le,null)))),l.createElement(E.A,{className:"selected-td-form__divider"}),H.formButtonFieldPaddingsEnabled&&l.createElement(l.Fragment,null,l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},o("Padding"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{Pe(e=>!e),Ie&&(t.mobilePaddingLeftRight="",t.mobilePaddingLeft="",t.mobilePaddingRight="",t.mobilePaddingTopBottom="",t.mobilePaddingTop="",t.mobilePaddingBottom="",a({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobilePadding:{all:null,top:null,right:null,bottom:null,left:null,classNamePrefix:"em-mob-padding_"}}}))})}},Ie?l.createElement(x.A,null):l.createElement(k.A,null)))),Ie&&l.createElement(b.A,{gutter:10,style:{paddingBottom:8}},l.createElement(l.Fragment,null,l.createElement(ht,{form:i,elementSettings:e,mobilePaddingsExt:ae,setMobilePaddingsExt:ie}))),l.createElement(E.A,{className:"selected-td-form__divider"})),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},o("Size"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{Ae(e=>!e),ve&&(t.mobileWidth="",t.mobileHeight="",a({operation:O.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-"}}}))})}},ve?l.createElement(x.A,null):l.createElement(k.A,null)))),ve&&l.createElement(b.A,{gutter:10,style:{paddingBottom:8}},l.createElement(h.A,{span:12},l.createElement("div",{style:{marginBottom:2*K.formItemMarginBottomXS}},l.createElement(g.A,{title:o("Width"),placement:"bottom"},l.createElement(Y,{form:i,name:"mobileWidth",elementSettings:e})))),l.createElement(h.A,{span:12},l.createElement("div",{style:{marginBottom:2*K.formItemMarginBottomXS}},l.createElement(g.A,{title:o("Height"),placement:"bottom"},l.createElement(Q,{form:i,name:"mobileHeight",elementSettings:e}))))),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},o("Background"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{ke(e=>!e),t.mobileBackgroundColor=ye?"":e.commonStyles.buttons.backgroundColor||"#1C52DC",a({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:t.mobileBackgroundColor}}})})}},ye?l.createElement(x.A,null):l.createElement(k.A,null)))),ye&&l.createElement(l.Fragment,null,l.createElement("div",{style:{marginBottom:(H.formButtonFieldBackgroundImageEnabled,K.formItemMarginBottomMD+4)}},l.createElement(lt,{form:i,elementSettings:e,label:o("Background color")}))),H.formFieldBorderEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},o("Borders"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{me(e=>!e),de?(t.mobileBorderAll=xe.RH,t.mobileBorderTop=xe.RH,t.mobileBorderBottom=xe.RH,t.mobileBorderRight=xe.RH,t.mobileBorderLeft=xe.RH):t.mobileBorderAll={width:1,color:"#E5E5E5",style:"solid"},a({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorder:{all:{color:t.mobileBorderAll.color,style:t.mobileBorderAll.style,width:t.mobileBorderAll.width}}}})})}},de?l.createElement(x.A,null):l.createElement(k.A,null)))),de&&l.createElement("div",{style:{marginBottom:4}},l.createElement(I.A,{form:i,typeOfForm:"mobile",elementSettings:e,onBorderSideClear:et}))),H.formFieldBorderRadiusEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},o("Border radius"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{ge(e=>!e),ue?(t.mobileBorderRadiusAll=null,T(!0)):t.mobileBorderRadiusAll=5,a({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorderRadius:{all:t.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}})})}},ue?l.createElement(x.A,null):l.createElement(k.A,null)))),ue&&l.createElement("div",{style:{marginBottom:4}},l.createElement(P.A,{form:i,oneBorderRadiusValue:w,setOneBorderRadiusValue:T,elementSettings:e,typeOfForm:"mobile"}))),H.formFieldBoxShadowEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},o("Box shadow"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{fe(e=>!e),he?(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"),a({operation:O.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-"}}})})}},he?l.createElement(x.A,null):l.createElement(k.A,null)))),he&&l.createElement("div",{style:{marginBottom:4}},l.createElement(U,{boxShadow:v,typeOfForm:"mobile"}))),H.formFieldAmpVisibilityEnabled&&e.ampShow&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},o("AMP visibility")),l.createElement(b.A,{gutter:20,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(Ee,null)))),H.formFieldAmpVisibilityEnabled&&e.isAmp&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},o("AMP visibility")),l.createElement(b.A,{gutter:20,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(Ee,null)))))):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(p.A,{className:"selected_form-desktop-props-title",message:o("Appearance on mobile devices"),type:"info"}),l.createElement("div",{className:"selected_form-props-wrapper"},l.createElement(b.A,{gutter:20,style:{paddingBottom:4}},l.createElement(h.A,{span:12},l.createElement(V,{form:i,elementSettings:e})),H.formButtonFieldTextAlignEnabled&&l.createElement(h.A,{span:12,style:{textAlign:"right"}},l.createElement(Ve.A,{form:i,name:"textAlign",elementSettings:e}))),l.createElement(E.A,{className:"selected-td-form__divider",style:{marginBottom:24}}),l.createElement(g.A,{trigger:["hover"],title:o("Hyperlink URL"),placement:"bottom"},l.createElement(u.A.Item,{name:"href",style:{marginBottom:H.formButtonFieldReplacerEnabled?K.formItemMarginBottomXS:K.formItemMarginBottomMD+4}},l.createElement(_.A,{addonBefore:l.createElement($.Ai,{linkProtocol:Oe,handleLinkProtocolsChange:tt,__:o}),placeholder:o("Hyperlink URL"),allowClear:!0,onSelect:ot,prefix:l.createElement($.RM,{linkProtocol:Oe})}))),"mailto:"===Oe&&l.createElement(l.Fragment,null,l.createElement(u.A.Item,{name:"subject",style:{marginBottom:K.formItemMarginBottomXS}},l.createElement(_.A,{placeholder:o("Subject")})),l.createElement(u.A.Item,{name:"body",style:{marginBottom:K.formItemMarginBottomXS}},l.createElement(_.A.TextArea,{rows:3,placeholder:o("Body")}))),H.formButtonFieldReplacerEnabled&&l.createElement(l.Fragment,null,l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:3},l.createElement(g.A,{title:o("Text replacer"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(f.Ay,{className:r()("selected-td-form__button ant-form-item",{"selected-td-form__button--active":We}),icon:l.createElement(F.A,{icon:"Replacer",className:"selected-td-form__icon-radius"}),onClick:()=>{ze(!We),We?(i.setFieldValue("textReplacer",""),a({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{textReplacer:""}})):setTimeout(()=>Z.current.focus())},ref:ee}))),l.createElement(h.A,{span:21},We&&l.createElement(g.A,{trigger:["hover"],title:o("Text"),placement:"bottom"},l.createElement(u.A.Item,{name:"textReplacer"},l.createElement(_.A,{placeholder:o("The code that will replace this text"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Text"),onChange:e=>{""!==e.target.value&&ee.current.classList.add("selected-td-form__button--active")},onKeyDown: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()},ref:Z,onSelect:ot})))))),l.createElement(E.A,{className:"selected-td-form__divider"}),H.formButtonFieldPaddingsEnabled&&l.createElement(l.Fragment,null,l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},o("Padding"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{Ne(e=>!e),Te&&(t.paddingLeftRight="",t.paddingLeft="",t.paddingRight="",t.paddingTopBottom="",t.paddingTop="",t.paddingBottom="",a({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{padding:{all:0}}}))})}},Te?l.createElement(x.A,null):l.createElement(k.A,null)))),Te&&l.createElement(b.A,{gutter:K.marginSM,style:{marginBottom:4}},l.createElement(l.Fragment,null,l.createElement(h.A,{span:10,style:{width:156,flex:"auto",maxWidth:"44%"}},l.createElement("div",{className:"padding-collapsed",style:{display:te?"block":"none"}},l.createElement(g.A,{title:o("Horizontal padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingLeftRight"},l.createElement(G.A,{min:0,max:300,placeholder:o("Horizontal"),prefix:l.createElement(F.A,{icon:"PaddingLeftRight"}),addonAfter:"px"})))),l.createElement("div",{className:"padding-extended",style:{display:te?"none":"block"}},l.createElement(g.A,{trigger:["hover"],title:o("Left padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingLeft",style:{marginBottom:K.formItemMarginBottomXS}},l.createElement(G.A,{min:0,max:300,placeholder:o("Left"),prefix:l.createElement(F.A,{icon:"PaddingLeft"}),addonAfter:"px"}))),l.createElement(g.A,{trigger:["hover"],title:o("Right padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingRight"},l.createElement(G.A,{min:0,max:300,placeholder:o("Right"),prefix:l.createElement(F.A,{icon:"PaddingRight"}),addonAfter:"px"}))))),l.createElement(h.A,{span:10,style:{width:156,flex:"auto",maxWidth:"44%"}},l.createElement("div",{className:"padding-collapsed",style:{display:te?"block":"none"}},l.createElement(g.A,{title:o("Vertical padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingTopBottom"},l.createElement(G.A,{min:0,max:300,placeholder:o("Vertical"),prefix:l.createElement(F.A,{icon:"PaddingTopBottom"}),addonAfter:"px"})))),l.createElement("div",{className:"padding-extended",style:{display:te?"none":"block"}},l.createElement(g.A,{trigger:["hover"],title:o("Top padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingTop",style:{marginBottom:K.formItemMarginBottomXS}},l.createElement(G.A,{min:0,max:300,placeholder:o("Top"),prefix:l.createElement(F.A,{icon:"PaddingTop"}),addonAfter:"px"}))),l.createElement(g.A,{trigger:["hover"],title:o("Bottom padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingBottom"},l.createElement(G.A,{min:0,max:300,placeholder:o("Bottom"),prefix:l.createElement(F.A,{icon:"PaddingBottom"}),addonAfter:"px"}))))),l.createElement(h.A,{span:4,style:{width:45,flex:"auto",maxWidth:"12%"}},l.createElement(g.A,{title:o("Individual padding"),placement:"bottom"},l.createElement(f.Ay,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!te}),onClick:()=>{le(e=>!e);const t=i.getFieldsValue(!0);te||(t.paddingLeftRight=t.paddingLeft,t.paddingTopBottom=t.paddingTop,t.paddingRight=t.paddingLeft,t.paddingBottom=t.paddingTop,a({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{padding:{top:t.paddingTopBottom,bottom:t.paddingTopBottom,left:t.paddingLeftRight,right:t.paddingLeftRight}}}))}},l.createElement(F.A,{icon:"PaddingSwitcher"})))))),l.createElement(E.A,{className:"selected-td-form__divider"})),l.createElement("div",{className:"form-group-title"},o("Size")),l.createElement(b.A,{gutter:K.marginSM,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(g.A,{title:o("Width"),placement:"left"},l.createElement(u.A.Item,{name:"width",style:{marginBottom:K.formItemMarginBottomXS}},l.createElement(G.A,{min:0,max:Ce,placeholder:o("Width"),prefix:l.createElement(B.A,null),addonAfter:l.createElement(u.A.Item,{name:"widthDim",noStyle:!0},$.z$)})))),l.createElement(h.A,{span:12},l.createElement(g.A,{title:o("Height"),placement:"left"},l.createElement(u.A.Item,{name:"height"},l.createElement(G.A,{min:0,placeholder:o("Height"),prefix:l.createElement(y.A,null),addonAfter:"px"}))))),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{style:{paddingTop:K.formItemMarginBottomMD+4,paddingBottom:4}},l.createElement(je,{form:i,elementSettings:e,showAddParagraph:!1,isButton:!0,setLinkProtocol:De,linkProtocol:Oe,linkTarget:Me})),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},o("Background"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{Se(e=>!e),_e?(t.backgroundColor="",t.backgroundImage="",t.backgroundPositionX="",t.backgroundPositionY="",t.backgroundRepeat="none",t.backgroundSize="",z(!0)):(t.backgroundColor="#E5E5E5",t.backgroundSize="",t.backgroundRepeat="none"),a({operation:O.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}})})}},_e?l.createElement(x.A,null):l.createElement(k.A,null)))),_e&&l.createElement(At,{form:i,backgroundImageEmpty:W,appConfig:H,token:K,elementSettings:e,backgroundRepeatOptions:Ue,handleChangeValues:et}),H.formFieldBorderEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},o("Borders"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{ne(e=>!e),re?(t.borderAll=xe.RH,t.borderTop=xe.RH,t.borderBottom=xe.RH,t.borderRight=xe.RH,t.borderLeft=xe.RH):t.borderAll={width:1,color:"#E5E5E5",style:"solid"},a({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{border:{all:{color:t.borderAll.color,style:t.borderAll.style,width:t.borderAll.width}}}})})}},re?l.createElement(x.A,null):l.createElement(k.A,null)))),re&&l.createElement("div",{style:{marginBottom:4}},l.createElement(I.A,{form:i,elementSettings:e,onBorderSideClear:et}))),H.formFieldBorderRadiusEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},o("Border radius"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{ce(e=>!e),se?(t.borderRadiusAll=0,R(!0)):t.borderRadiusAll=5,a({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{borderRadius:{all:t.borderRadiusAll}}})})}},se?l.createElement(x.A,null):l.createElement(k.A,null)))),se&&l.createElement("div",{style:{marginBottom:4}},l.createElement(P.A,{form:i,oneBorderRadiusValue:S,setOneBorderRadiusValue:R,elementSettings:e}))),H.formFieldBoxShadowEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},o("Box shadow"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{be(e=>!e),pe?(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"),a({operation:O.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}}})})}},pe?l.createElement(x.A,null):l.createElement(k.A,null)))),pe&&l.createElement("div",{style:{marginBottom:4}},l.createElement(U,{boxShadow:v}))),H.formFieldVisibilityEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},o("Display control")),l.createElement(b.A,{gutter:20,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(oe,{elementSettings:e,form:i})))),H.formFieldAmpVisibilityEnabled&&e.ampShow&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},o("AMP visibility")),l.createElement(b.A,{gutter:20,style:{marginBottom:4}},l.createElement(h.A,{span:12},l.createElement(Ee,null))))))))};var It=o(94771);const Pt=({elementSettings:e})=>{const{__:t}=(0,L.s9)(),[o]=u.A.useForm(),{TextArea:a}=_.A,i=(0,D.XW)();(0,l.useEffect)(()=>{e&&o.setFieldsValue({...e})},[o,e]);return l.createElement(u.A,{form:o,layout:"vertical",name:"selected_variable_form",initialValues:{value:""},onValuesChange:t=>{i({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:t})},autoComplete:"off"},l.createElement("div",{className:"selected_form-props-wrapper"},l.createElement(u.A.Item,{label:t("Variable value"),name:"value",tooltip:{title:t("Type the output parameters of your platform. E.g., ")+"${Recipient.FirstName}",icon:l.createElement(It.A,null)},style:{marginBottom:35}},l.createElement(a,{rows:4,placeholder:t("Variable value")}))))};var Ct=o(1838);const{useToken:Lt}=c.A,Ft=({elementSettings:e,setElementSettings:t,postfix:o="",form:a,handleSelect:i})=>{const{__:n}=(0,L.s9)(),{token:d}=Lt(),m=(0,M.rD)(),s=(0,D.XW)(),c="src"+o,p="title"+o,b="alt"+o,h="link"+o,E="imgReplacer"+o,v=(0,l.useRef)(null),B=(0,l.useRef)(null),y=(0,l.useRef)(null),k=(0,l.useRef)(null),x=(0,l.useRef)(null),R=(0,l.useRef)(null),w=(0,l.useRef)(null),T=(0,l.useRef)(null),[I,P]=(0,l.useState)(""),[C,V]=(0,l.useState)(""),[H,W]=(0,l.useState)(""),[z,G]=(0,l.useState)(!1),[j,U]=(0,l.useState)("https://");(0,l.useEffect)(()=>{var t,o,l;V(null===(t=e.images)||void 0===t?void 0:t[b]),W(null===(o=e.images)||void 0===o?void 0:o[p]),P(null===(l=e.images)||void 0===l?void 0:l[h])},[e,b,p,h]);return l.createElement(l.Fragment,null,("img"===e.type||"video"===e.type||"carousel"===e.type)&&l.createElement(u.A.Item,{style:{marginBottom:0}},l.createElement(N.A,{form:a,label:n("Image path"),name:c,placeholder:n("Image path"),elementSettings:e,tooltipTitle:""})),l.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start"}},l.createElement(A.A,{size:8},l.createElement(g.A,{title:C||n("Alternative text"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(f.Ay,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!!C}),onClick:()=>{C?(V(""),a.setFieldValue("alt",""),s({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{[b]:""}})):(V(y.current&&y.current.input.value?y.current.input.value:"..."),setTimeout(()=>{y.current.focus()}))},ref:k},l.createElement("span",{className:"addon-text-content"},"Alt"))),m.formFieldImageTitleEnabled&&l.createElement(g.A,{title:H||n("Tooltip text"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(f.Ay,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!!H}),onClick:()=>{H?(W(!1),a.setFieldValue("title",""),s({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{[p]:""}})):(W(x.current&&x.current.input.value?x.current.input.value:"..."),setTimeout(()=>{x.current.focus()}))},ref:R},l.createElement("span",{className:"addon-text-content"},"Title"))),l.createElement(g.A,{title:I||n("Hyperlink URL"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(f.Ay,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!!I}),icon:l.createElement(S.A,{className:"selected-td-form__icon-radius"}),onClick:()=>{I?(P(""),a.setFieldValue(h,""),s({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{[h]:""}})):(P(v.current&&v.current.input.value?v.current.input.value:"..."),setTimeout(()=>{v.current.focus()}))},ref:B})),l.createElement(g.A,{title:n("Image replacer"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(f.Ay,{className:r()("selected-td-form__button",{"selected-td-form__button--active":z}),icon:l.createElement(F.A,{icon:"Replacer",className:"selected-td-form__icon-radius"}),onClick:()=>{G(!z),z?(a.setFieldValue(E,""),s({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{[E]:""}})):setTimeout(()=>w.current.focus())},ref:T}))),l.createElement(A.A,{size:8},l.createElement(g.A,{title:n("Remove slide"),placement:"bottom"},l.createElement(f.Ay,{type:"text",onClick:l=>{var i;const r=a.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),{}),m=null===(i=e.carouselImages)||void 0===i?void 0:i.filter((e,t)=>t!==n);t(e=>({...e,settings:{...e.settings,carouselImages:m}})),s({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:O.bV.CAROUSEL,caption:e.caption,settings:{...e,carouselImages:m}}),a.setFieldsValue({images:d})},icon:l.createElement(Ct.A,null)})))),(!!I||!!C||!!H||!!z)&&l.createElement("div",null,!!I&&l.createElement(g.A,{trigger:["hover"],title:n("Hyperlink URL"),placement:"bottom"},l.createElement(u.A.Item,{name:h,className:"selected-image-form__alt",style:{marginTop:d.formItemMarginBottomXS,marginBottom:0}},l.createElement(_.A,{addonBefore:l.createElement($.Ai,{linkProtocol:j,handleLinkProtocolsChange:e=>{a.setFieldValue("LinkName","mergetag"!==e?e:""),U(e)},__:n}),placeholder:n("Hyperlink URL"),allowClear:!0,ref:v,onChange:e=>{""===e.target.value?P("..."):(B.current.classList.add("selected-td-form__button--active"),P(e.target.value));const t=e.target.value;(0,$.b9)(t,U)},onSelect:i,prefix:l.createElement($.RM,{linkProtocol:j})}))),!!C&&l.createElement(g.A,{trigger:["hover"],title:n("Alternative text"),placement:"bottom"},l.createElement(u.A.Item,{name:b,className:"selected-image-form__alt",style:{marginTop:d.formItemMarginBottomXS,marginBottom:0}},l.createElement(_.A,{placeholder:n("Alternative text"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Alt"),onChange:e=>{""===e.target.value?V("..."):(k.current.classList.add("selected-td-form__button--active"),V(e.target.value))},ref:y,onSelect:i}))),m.formFieldImageTitleEnabled&&!!H&&l.createElement(g.A,{trigger:["hover"],title:n("Tooltip text"),placement:"bottom"},l.createElement(u.A.Item,{name:p,className:"selected-image-form__alt",style:{marginTop:d.formItemMarginBottomXS,marginBottom:0}},l.createElement(_.A,{placeholder:n("Enter the title of the image"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Title"),onChange:e=>{""===e.target.value?W("..."):(R.current.classList.add("selected-td-form__button--active"),W(e.target.value))},ref:x,onSelect:i}))),!!z&&l.createElement(g.A,{trigger:["hover"],title:n("Image src"),placement:"bottom"},l.createElement(u.A.Item,{name:E,className:"selected-image-form__alt",style:{marginTop:d.formItemMarginBottomXS,marginBottom:0}},l.createElement(_.A,{placeholder:n("\u0421ode that will replace the image `src`"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},n("Image src")),onChange:e=>{""!==e.target.value&&T.current.classList.add("selected-td-form__button--active")},ref:w,onSelect:i})))))},Ot={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:""},{useToken:Dt}=c.A,Mt=({elementSettings:e})=>{const{__:t}=(0,L.s9)(),{token:o}=Dt(),[a]=u.A.useForm();let i=(0,n.wA)();const r=(0,M.rD)(),d=(0,D.K9)(),m=(0,D.XW)(),s=(0,n.d4)(Be.Ct),c=(0,n.d4)(Be.CS),[S,B]=(0,l.useState)(!0),[y,R]=(0,l.useState)(!0),[w,T]=(0,l.useState)(!1),[N,I]=(0,l.useState)(!1),[C,V]=(0,l.useState)("https://"),[H,W]=(0,l.useState)(null===a||void 0===a?void 0:a.getFieldsValue(!0)),[z,G]=(0,l.useState)(e),[j,U]=(0,l.useState)(null),[q,Y]=(0,l.useState)(),[K,Q]=(0,l.useState)(!1),[J,Z]=(0,l.useState)(!1),[ee,te]=(0,l.useState)({start:0,end:0}),oe=(0,l.useRef)(null),le=`selected_${z.type}_form_link`,ae=(0,n.d4)(Be.Fv),ie=(0,n.d4)(Be.yy),re=ae&&"bottom"!==ie;(0,l.useEffect)(()=>{K&&oe.current&&oe.current.focus()},[K]),(0,l.useEffect)(()=>{G(e)},[e]);const ne=(0,n.d4)(Re.GH);(0,l.useEffect)(()=>{var e;null!==ne&&void 0!==ne&&null!==(e=ne.items)&&void 0!==e&&e.length&&Y((0,M.cM)(ne.items,t,(e,t)=>{Q(!1),d(O.Ru.SANDBOX_ADD_MERGETAG,e),t.stopPropagation(),t.preventDefault()}))},[ne,Y,t,Q,d]);const de=(0,Ne.cR)();(0,l.useEffect)(()=>{const e=new Te.jG;return e.addDisposable((0,we.a)(de,"focusin",({target:e})=>{e.closest('[id="merge_tags_wrapper"]')||U(e)})),e.addDisposable((0,we.a)(de,"click",({target:e})=>{e.closest(".merge-tags")||e.closest("#merge_tags_button")||Q(!1)})),()=>{e.dispose()}},[de]);(0,l.useEffect)(()=>{const e=null===a||void 0===a?void 0:a.getFieldsValue(!0);W(e)},[a]);const me=({target:e})=>{if(e&&!J){const{selectionStart:t,selectionEnd:o}=e;te({start:t,end:o})}Z(!1)};(0,l.useEffect)(()=>{if(z.settings){var e,t,o,l,i,r,n,d,m,s,c,u,g,p,b;const _=z.settings,S=(0,$.AO)(_);var h,E,f,v,A;if(null===a||void 0===a||a.setFieldsValue(S),W(S),_.link&&V((0,$.TW)(_.link,"https://")),!(0,$.ok)(null===(e=_.borderRadius)||void 0===e?void 0:e.all))(0,$.ok)(null===(h=_.borderRadius)||void 0===h?void 0:h.topLeft)||(0,$.ok)(null===(E=_.borderRadius)||void 0===E?void 0:E.bottomLeft)||(0,$.ok)(null===(f=_.borderRadius)||void 0===f?void 0:f.topRight)||(0,$.ok)(null===(v=_.borderRadius)||void 0===v?void 0:v.bottomRight)?B(!1):(0,$.ok)(null===(A=_.borderRadius)||void 0===A?void 0:A.all)||B(!0);(0,$.ok)(null===(t=_.mobileBorderRadius)||void 0===t?void 0:t.topLeft)||(0,$.ok)(null===(o=_.mobileBorderRadius)||void 0===o?void 0:o.bottomLeft)||(0,$.ok)(null===(l=_.mobileBorderRadius)||void 0===l?void 0:l.topRight)||(0,$.ok)(null===(i=_.mobileBorderRadius)||void 0===i?void 0:i.bottomRight)?R(!1):R(!0),T(!(null===(r=_.borderRadius)||void 0===r||!r.all)||!(null===(n=_.borderRadius)||void 0===n||!n.topLeft)||!(null===(d=_.borderRadius)||void 0===d||!d.bottomLeft)||!(null===(m=_.borderRadius)||void 0===m||!m.topRight)||!(null===(s=_.borderRadius)||void 0===s||!s.bottomRight)),I(!(null===(c=_.mobileBorderRadius)||void 0===c||!c.all)||!(null===(u=_.mobileBorderRadius)||void 0===u||!u.topLeft)||!(null===(g=_.mobileBorderRadius)||void 0===g||!g.bottomLeft)||!(null===(p=_.mobileBorderRadius)||void 0===p||!p.topRight)||!(null===(b=_.mobileBorderRadius)||void 0===b||!b.bottomRight))}},[a,z]);(0,ve.A)(e=>{const t=e.data.operation;t===O.Ru.APPLICATION_OPEN_IMAGE_AI_POPUP?(i((0,ke.tm)(z.settings.src)),i((0,Se.qf)(O.lx.UPLOAD_IMAGE_MODAL_AI))):t===O.Ru.APPLICATION_OPEN_IMAGE_UPLOAD_POPUP?(i((0,ke.tm)(z.settings.src)),i((0,Se.qf)(O.lx.UPLOAD_IMAGE_MODAL_UPLOAD))):t===O.Ru.APPLICATION_OPEN_IMAGE_EDIT_POPUP?(i((0,ke.tm)(z.settings.src)),i((0,Se.qf)(O.lx.UPLOAD_IMAGE_MODAL_EDIT))):t===O.Ru.APPLICATION_OPEN_IMAGE_GIF_POPUP?(i((0,ke.tm)(z.settings.src)),i((0,Se.qf)(O.lx.UPLOAD_IMAGE_MODAL_GIF))):t===O.Ru.APPLICATION_OPEN_IMAGE_STOCK_POPUP?(i((0,ke.tm)(z.settings.src)),i((0,Se.qf)(O.lx.UPLOAD_IMAGE_MODAL_STOCK))):t===O.Ru.APPLICATION_CLOSE_IMAGE_EDIT_POPUP&&(i((0,Se.Os)()),i((0,Se.Oo)()))});return l.createElement(u.A,{form:a,layout:"vertical",name:"selected_carousel_form",initialValues:Ot,onValuesChange:e=>{const t=(0,$.Ze)(z.settings,a,e);m({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:O.bV.CAROUSEL,caption:t.caption,settings:t}),G(e=>({...e,settings:{...e.settings,...t}}))},autoComplete:"off",className:"element-controls"},!re&&l.createElement(g.A,{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(p.A,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),s===O.ND&&c.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props"},l.createElement("div",{className:"selected_form-mobile-props-wrapper"},l.createElement("p",null,t("No properties to edit.")))):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement("div",{className:"selected_form-props-wrapper"},l.createElement(g.A,{trigger:["hover"],title:t("Link for all slides"),placement:"bottom"},l.createElement(u.A.Item,{name:"link"},l.createElement(_.A,{addonBefore:l.createElement($.Ai,{linkProtocol:C,handleLinkProtocolsChange:e=>{a.setFieldValue("link","mergetag"!==e?e:""),V(e)},__:t}),placeholder:t("Link for all slides"),allowClear:!0,onSelect:me,prefix:l.createElement($.RM,{linkProtocol:C})}))),l.createElement(E.A,{className:"selected-td-form__divider"}),r.mergeTagsShow&&q&&l.createElement(l.Fragment,null,l.createElement(h.A,{span:24,id:"merge_tags_wrapper"},l.createElement(u.A.Item,{style:{marginBottom:o.formItemMarginBottomMD,marginTop:o.formItemMarginBottomMD}},l.createElement(f.Ay,{id:"merge_tags_button",icon:l.createElement(F.A,{icon:"MergeTags"}),style:{width:"100%",display:K?"none":"inline-flex"},onClick:()=>Q(!0)},t("Merge tags")),l.createElement(v.A,{ref:oe,popupClassName:"merge-tags",options:q,placeholder:t("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 a=t.label.split(new RegExp(`(${e})`,"gi"));return l.createElement("span",{key:t.value},0!==o&&l.createElement("span",null,"\xa0/\xa0"),a.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:(e,t)=>{if(Q(!1),e){const o=ne.syntax.length>1?q.findIndex(e=>e.key===t[0].key):0,l=ne.syntax[o].replace("%value%",e[e.length-1]),i=`selected_${z.type}_form${"carousel"===z.type?"_images":""}`;["imgReplacer","title","alt","src","link"].some(e=>null===j||void 0===j?void 0:j.getAttribute("id").includes(`${i}_${e}`))||null!==j&&void 0!==j&&j.getAttribute("id").includes(le)?((e,t)=>{const o=document.getElementById(t);if(o){var l,i;const d=`selected_${z.type}_form_${t.includes("__images_")?"_images":""}_`,s=t.substring(t.indexOf(d)+d.length),c=null===(l=o.value)||void 0===l?void 0:l.substring(0,ee.start),u=null===(i=o.value)||void 0===i?void 0:i.substring(ee.end);let g={[s]:c+e+u};var r;if(s.includes("_"))g={carouselImages:[...(null===(r=z.settings)||void 0===r?void 0:r.carouselImages)||[]]},g.carouselImages[s.split("_")[1]][s.split("_")[0]]=c+e+u;else if(z.type===O.bV.CAROUSEL&&le===t){var n;g={[s]:c+e+u,carouselImages:[...(null===(n=z.settings)||void 0===n?void 0:n.carouselImages.map(t=>({...t,link:c+e+u})))||[]]}}m({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:O.bV.CAROUSEL,settings:{...z.settings,...g}}),G(e=>({...e,settings:{...e.settings,...g}})),a.setFieldValue(s,c+e+u),o.focus(),setTimeout(()=>{o.selectionStart=ee.start,o.selectionEnd=ee.start+e.length},400),Z(!0)}})(l,null===j||void 0===j?void 0:j.getAttribute("id")):(a.setFieldValue("imgReplacer",l),m({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:O.bV.CAROUSEL,settings:{...z.settings,imgReplacer:l}}),G(e=>({...e,settings:{...e.settings,imgReplacer:l}})))}},style:{display:K?"block":"none"},open:K,onKeyDown:e=>{"Escape"===e.key&&Q(!1)}}))),l.createElement(E.A,{className:"selected-td-form__divider"})),l.createElement(u.A.List,{name:"images",initialValue:null===H||void 0===H?void 0:H.images},()=>{var e,t;return l.createElement("div",{style:{paddingTop:o.formItemMarginBottomMD+4}},null===z||void 0===z||null===(e=z.settings)||void 0===e||null===(t=e.carouselImages)||void 0===t?void 0:t.map((e,t)=>l.createElement("div",{className:"carousel__slide",key:t},l.createElement(Ft,{elementSettings:H,setElementSettings:G,postfix:"_"+t,form:a,handleSelect:me}))))}),l.createElement(h.A,{span:24},l.createElement(u.A.Item,{style:{marginBottom:o.formItemMarginBottomMD}},l.createElement(f.Ay,{id:"add_slide_button",icon:l.createElement(F.A,{icon:"AddSlide"}),style:{width:"100%"},onClick:()=>(()=>{var e,t;const{width:o,height:l,renderedWidth:a,renderedHeight:i}=(null===z||void 0===z||null===(e=z.settings)||void 0===e?void 0:e.carouselImages[0])||{width:{value:600},height:{value:600},renderedWidth:600,renderedHeight:600},r={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:a,renderedHeight:i,imgReplacer:"",mobileWidth:{value:null,dim:"px"},mobileHeight:{value:null,dim:"px"},mobileBorderRadius:{all:null,topLeft:null,topRight:null,bottomRight:null,bottomLeft:null}},n=[...null===z||void 0===z||null===(t=z.settings)||void 0===t?void 0:t.carouselImages,r];m({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:O.bV.CAROUSEL,settings:{...z.settings,carouselImages:n}}),G(e=>({...e,settings:{...e.settings,carouselImages:n}}))})()},t("Add slide")))),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:20,style:{marginTop:o.formItemMarginBottomMD-10}},l.createElement(h.A,{span:12},l.createElement(A.A,{size:10,align:"baseline"},l.createElement(u.A.Item,{name:"loop",valuePropName:"checked",style:{marginBottom:o.formItemMarginBottomMD-6}},l.createElement(X.A,{size:"small",id:"Loop"})),l.createElement("span",{style:{position:"relative",top:2}},l.createElement("label",{htmlFor:"Loop"},t("Loop"))))),l.createElement(h.A,{span:12},l.createElement(A.A,{size:10,align:"baseline"},l.createElement(u.A.Item,{name:"autoplay",valuePropName:"checked",style:{marginBottom:o.formItemMarginBottomMD-6}},l.createElement(X.A,{size:"small",id:"Autoplay"})),l.createElement("span",{style:{position:"relative",top:2}},l.createElement("label",{htmlFor:"Autoplay"},t("Autoplay")))))),l.createElement(E.A,{className:"selected-td-form__divider"}),r.formFieldBorderRadiusEnabled&&l.createElement(l.Fragment,null,l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},t("Border radius"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:()=>{setTimeout(()=>{T(e=>!e),a.setFieldValue("borderRadiusAll",w?0:5),m({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:O.bV.CAROUSEL,settings:{...z.settings,borderRadius:{all:w?"":5}}}),G(e=>({...e,settings:{...e.settings,borderRadius:{all:w?null:5}}}))})}},w?l.createElement(x.A,null):l.createElement(k.A,null)))),w&&l.createElement("div",{style:{marginBottom:4}},l.createElement(P.A,{form:a,oneBorderRadiusValue:S,setOneBorderRadiusValue:B,elementSettings:z.settings}))))))},Vt={animate:!0,expandSingleSection:!0,sections:[{expanded:!1,index:0}]},{useToken:Ht}=c.A,Wt=({elementSettings:e})=>{const{__:t}=(0,L.s9)(),{token:o}=Ht(),[a]=u.A.useForm(),i=(0,D.XW)(),r=(0,M.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,$.AO)(e);null===a||void 0===a||a.setFieldsValue(t)}},[a,n]);return l.createElement(u.A,{form:a,layout:"vertical",name:"selected_carousel_form",initialValues:Vt,onValuesChange:e=>{const t=(0,$.Ze)(n.settings,a,e);i({operation:O.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("div",{className:"selected_form-props-wrapper"},l.createElement(b.A,{gutter:20},l.createElement(h.A,{span:15},l.createElement(A.A,{size:10,align:"baseline"},l.createElement(u.A.Item,{name:"expandSingleSection",valuePropName:"checked"},l.createElement(X.A,{size:"small",id:"ExpandSingleSection"})),l.createElement("span",{style:{position:"relative",top:2}},l.createElement("label",{htmlFor:"ExpandSingleSection"},t("Expand only one section"))))),l.createElement(h.A,{span:9},l.createElement(A.A,{size:10,align:"baseline"},l.createElement(u.A.Item,{name:"animate",valuePropName:"checked"},l.createElement(X.A,{size:"small",id:"Animate"})),l.createElement("span",{style:{position:"relative",top:2}},l.createElement("label",{htmlFor:"Animate"},t("Animate")))))),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(u.A.List,{name:"sections"},()=>{var e,a;return l.createElement("div",{style:{paddingTop:o.formItemMarginBottomMD+4}},null===n||void 0===n||null===(e=n.settings)||void 0===e||null===(a=e.sections)||void 0===a?void 0:a.map((e,o)=>{var a,r;return l.createElement(b.A,{gutter:24,key:`expanded_${o}`},l.createElement(h.A,{span:20},l.createElement(A.A,{size:10,align:"baseline"},l.createElement("span",{style:{position:"relative",top:2}},t("Section ")+(o+1)),l.createElement(u.A.Item,{name:`expanded_${o}`},l.createElement(X.A,{size:"small",id:`expanded_${o}`,checked:e.expanded})),l.createElement("span",{style:{position:"relative",top:2}},l.createElement("label",{htmlFor:`expanded_${o}`},t("expanded"))))),l.createElement(h.A,null,(null===n||void 0===n||null===(a=n.settings)||void 0===a||null===(r=a.sections)||void 0===r?void 0:r.length)>1&&l.createElement(f.Ay,{type:"text",icon:l.createElement(Ct.A,null),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 i({operation:O.Ru.SANDBOX_ACCORDION_REMOVE_SECTION,settings:{index:e}});var e}})))}))}),l.createElement(b.A,{gutter:20},l.createElement(h.A,{span:24},l.createElement(u.A.Item,{style:{marginBottom:o.formItemMarginBottomMD}},l.createElement(f.Ay,{style:{display:"inline-flex",alignItems:"center",width:"100%"},icon:l.createElement(F.A,{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 i({operation:O.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(E.A,{className:"selected-td-form__divider"}))))},zt=O.K0,Gt=(e,t,o,l,a,i,r="")=>{const n=e.getFieldsValue(!0),d=t?"cell_":r;setTimeout(()=>{t?l(e=>!e):o(e=>!e),a&&(n[d+"borderWidth"]=null,n[d+"borderColor"]="",n[d+"borderStyle"]=""),i(e=>({...O.iV,[n[d+"borderPosition"]]:{...e[n[d+"borderPosition"]],width:n[d+"borderWidth"],color:n[d+"borderColor"],style:n[d+"borderStyle"]}}))})},jt=(e,t,o,l,a,i,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=zt,a(e=>({...l,[null===n||void 0===n?void 0:n.mobileBorderPosition]:{color:zt,style:"solid",width:1}}))),i({operation:O.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}}}})})},Ut=(e,t,o,l,a,i,r="")=>{const n=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o?(n[r+"borderRadiusAll"]=0,l(!0)):n[r+"borderRadiusAll"]||(n[r+"borderRadiusAll"]=0),a({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{borderRadius:{all:n[r+"borderRadiusAll"]}}})})},Xt=(e,t,o,l,a)=>{const i=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o||i.mobileBorderRadiusAll||i.mobileBorderRadiusTopLeft||i.mobileBorderRadiusTopRight||i.mobileBorderRadiusBottomRight||i.mobileBorderRadiusBottomLeft||(i.mobileBorderRadiusAll=0);["all","topLeft","topRight","bottomRight","bottomLeft"].forEach(e=>{var t;if(!(null===(t=i.mobileBorderRadius)||void 0===t?void 0:t[e]))return;const o=`mobileBorderRadius${e[0].toUpperCase()}${e.slice(1)}`;l({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:a.type,settings:{mobileBorderRadius:{[e]:i[o],classNamePrefix:`em-mob-border_radius_${e}-`}}})})})},$t=(e,t,o,l,a)=>{const i=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o||i.boxShadowColor?o&&(i.boxShadowInset=!1,i.boxShadowHOffset=null,i.boxShadowVOffset=null,i.boxShadowBlurRadius=null,i.boxShadowSpreadRadius=null,i.boxShadowColor=""):(i.boxShadowInset=!1,i.boxShadowHOffset=5,i.boxShadowVOffset=5,i.boxShadowBlurRadius=10,i.boxShadowSpreadRadius=-5,i.boxShadowColor="#000000"),l({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:a.type,settings:{boxShadow:{blurRadius:i.boxShadowBlurRadius,color:i.boxShadowColor,hOffset:i.boxShadowHOffset,inset:i.boxShadowInset,spreadRadius:i.boxShadowSpreadRadius,vOffset:i.boxShadowVOffset}}})})},qt=(e,t,o,l,a)=>{const i=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o||i.mobileBoxShadowColor||(i.mobileBoxShadowInset=!1,i.mobileBoxShadowHOffset=5,i.mobileBoxShadowVOffset=5,i.mobileBoxShadowBlurRadius=10,i.mobileBoxShadowSpreadRadius=-5,i.mobileBoxShadowColor="#000000"),l({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:a.type,settings:{mobileBoxShadow:{blurRadius:i.mobileBoxShadowBlurRadius,color:i.mobileBoxShadowColor,hOffset:i.mobileBoxShadowHOffset,inset:i.mobileBoxShadowInset,spreadRadius:i.mobileBoxShadowSpreadRadius,vOffset:i.mobileBoxShadowVOffset,classNamePrefix:"em-mob-box_shadow-"}}})})},Yt=(e,t,o,l,a)=>{const i=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o||i.mobileWidth||(i.mobileWidth=""),l({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:a.type,settings:{mobileWidth:{value:i.mobileWidth,dim:i.mobileWidthDim,classNamePrefix:"em-mob-width-"}}})})},Kt=e=>{setTimeout(()=>{e(e=>!e)})},Qt=(e,t,o,l,a)=>{const i=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o||i.mobileBackgroundColor||(i.mobileBackgroundColor="#E5E5E5"),l({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:a.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:i.mobileBackgroundColor}}})})},Jt=(e,t,o,l,a)=>{const i=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o&&(i.paddingLeftRight="",i.paddingLeft="",i.paddingRight="",i.paddingTopBottom="",i.paddingTop="",i.paddingBottom="",l({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:a.type,settings:{padding:{all:0}}}))})},Zt=(e,t,o,l,a)=>{t(e=>!e);const i=e.getFieldsValue(!0);o||(i.paddingLeftRight=i.paddingLeft,i.paddingTopBottom=i.paddingTop,i.paddingRight=i.paddingLeft,i.paddingBottom=i.paddingTop,l({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:a.type,settings:{padding:{top:i.paddingTopBottom,bottom:i.paddingTopBottom,left:i.paddingLeftRight,right:i.paddingLeftRight}}}))},eo=e=>{setTimeout(()=>{e(e=>!e)})},to=(e,t,o,l,a)=>{t(e=>!e);const i=e.getFieldsValue(!0);o||(i.cell_paddingLeftRight=i.cell_paddingLeft,i.cell_paddingTopBottom=i.cell_paddingTop,i.cell_paddingRight=i.cell_paddingLeft,i.cell_paddingBottom=i.cell_paddingTop,l({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:a.type,settings:{cell_padding:{top:i.cell_paddingTopBottom,bottom:i.cell_paddingTopBottom,left:i.cell_paddingLeftRight,right:i.cell_paddingLeftRight}}})),(o&&i.cell_paddingLeftRight||0===i.cell_paddingLeftRight)&&(i.cell_paddingLeft=i.cell_paddingLeftRight,i.cell_paddingRight=i.cell_paddingLeftRight),(o&&i.cell_paddingTopBottom||0===i.cell_paddingTopBottom)&&(i.cell_paddingTop=i.cell_paddingTopBottom,i.cell_paddingBottom=i.cell_paddingTopBottom)},oo=({form:e,onBorderSideClear:t,formName:o,elementSettings:a,formValues:i,isMacOS:n,__:d,token:m,appConfig:s,typografItems:c,backgroundRepeatOptions:p,backgroundSizeOptions:v,sendAction:A,handleToggleShowPaddingCell:B,handleTogglePaddingCell:y,handleToggleBackground:R,handleToggleBorder:w,handleToggleBorderRadius:T,paddingCellShow:N,paddingsExt:P,backgroundShow:C,cellBordersShow:L,borderRadiusShow:O,textInputRef:D,linkProtocol:M,handleLinkProtocolsChange:V,backgroundImageEmpty:W})=>{var z;return l.createElement(l.Fragment,null,s.formTextFieldTypografEnabled&&l.createElement(l.Fragment,null,l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},d("Text"))),l.createElement(h.A,{span:12},l.createElement(u.A.Item,{name:"AddImage",style:{marginBottom:m.formItemMarginBottomXS}},l.createElement(f.Ay,{icon:l.createElement(F.A,{icon:"AddImage"}),onClick:()=>A("add_img"),style:{width:"100%"}},d("Add image")))),l.createElement(h.A,{span:12},l.createElement(u.A.Item,{name:"Typography",style:{marginBottom:m.formItemMarginBottomXS}},l.createElement(Fe.A,{arrow:!0,menu:{items:c},trigger:["hover"],placement:"bottom",getPopupContainer:e=>e.closest(".selected-element-panel")},l.createElement(f.Ay,{icon:l.createElement(F.A,{icon:"Typograf"}),onClick:()=>A("typograf"),style:{width:"100%"}},d("Typography")))))),l.createElement(g.A,{trigger:["hover"],title:d("Text font"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(u.A.Item,{name:"fontFamily",className:"form-item-margin-xs"},l.createElement(He.A,{textEditor:!0}))),!a.showOnMobile&&l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:d("Font size"),placement:"bottom"},l.createElement(u.A.Item,{name:"fontSize"},l.createElement(G.A,{min:8,max:90,placeholder:d("Font size"),prefix:l.createElement(re.A,null),addonAfter:"px"})))),l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:d("Line height"),placement:"bottom"},l.createElement(u.A.Item,{name:"lineHeight"},l.createElement(G.A,{min:10,max:110,placeholder:d("Line height"),prefix:l.createElement(Ce.A,null),addonAfter:"px"})))))),l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:a,name:"textStrong",tooltipTitle:d(n?"Strong ( \u2318B )":"Strong  ( Ctrl+B )"),icon:l.createElement(ne.A,{className:"selected-text-common-form__icon-radius"})})),l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:a,name:"textItalic",tooltipTitle:d(n?"Italic ( \u2318I )":"Italic  ( Ctrl+I )"),icon:l.createElement(de.A,{className:"selected-text-common-form__icon-radius"})})),l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:a,name:"textStrikethrough",tooltipTitle:d(n?"Strikethrough ( \u2318+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:l.createElement(De.A,{className:"selected-text-common-form__icon-radius"})})),l.createElement(h.A,{span:3},l.createElement(Me,{form:e,elementSettings:a,name:"textUnderline",tooltipTitle:d(n?"Underline ( \u2318U )":"Underline ( Ctrl+U )"),icon:l.createElement(Oe.A,{className:"selected-text-common-form__icon-radius"})})),l.createElement(h.A,{span:3},l.createElement(Me,{form:e,className:r()("selected-text-common-form__button selected-text-common-form__button_style",{"selected-text-common-form__button--active":"string"===typeof a.linkHref}),elementSettings:a,name:"textLink",tooltipTitle:d("Link"),icon:l.createElement(S.A,{className:"selected-text-common-form__icon-radius"})}))),(null===i||void 0===i?void 0:i.textLink)&&l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:24},l.createElement(g.A,{trigger:["hover"],title:d("The URL that the hyperlink directs to."),placement:"bottom"},l.createElement(u.A.Item,{name:"linkHref"},l.createElement(_.A,{ref:D,addonBefore:l.createElement($.Ai,{linkProtocol:M,handleLinkProtocolsChange:V,__:d}),allowClear:!0,placeholder:d("Hyperlink URL"),autoFocus:null===a||void 0===a||null===(z=a.customTable)||void 0===z?void 0:z.isNewLink,prefix:l.createElement($.RM,{linkProtocol:M})}))))),l.createElement(b.A,{gutter:10,style:{paddingBottom:4}},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:d("Text color"),placement:"bottom",zIndex:2,getPopupContainer:e=>e.parentNode},l.createElement(u.A.Item,{name:"textColor",rules:[{message:d("Please set the font color")}]},l.createElement(j.A,{placeholder:d("Color"),usedColors:a.usedColors})))),l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:d("Text background"),placement:"bottom",zIndex:2,getPopupContainer:e=>e.parentNode},l.createElement(u.A.Item,{name:"textBackgroundColor",rules:[{message:d("Please set the background color")}]},l.createElement(j.A,{placeholder:d("Background color"),usedColors:a.usedColors}))))),l.createElement(b.A,{gutter:20,style:{paddingBottom:4}},l.createElement(h.A,{span:8},l.createElement(Ve.A,{form:e,elementSettings:a,name:"textAlign"})),l.createElement(h.A,{span:8,offset:7},l.createElement(H.A,{form:e,elementSettings:a,name:"valign",isNewIconType:!0}))),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},d("Padding"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:B},N?l.createElement(x.A,null):l.createElement(k.A,null)))),N&&l.createElement(b.A,{gutter:m.marginSM,style:{marginBottom:4,justifyContent:"space-around"}},l.createElement(l.Fragment,null,l.createElement(h.A,{span:12,style:{width:156,flex:"auto",maxWidth:"44%"}},l.createElement("div",{className:"padding-collapsed",style:{display:P?"block":"none"}},l.createElement(g.A,{title:d("Horizontal padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"cell_paddingLeftRight"},l.createElement(G.A,{min:0,max:300,placeholder:d("Horizontal"),prefix:l.createElement(F.A,{icon:"PaddingLeftRight"}),addonAfter:"px"})))),l.createElement("div",{className:"padding-extended",style:{display:P?"none":"block"}},l.createElement(g.A,{trigger:["hover"],title:d("Left padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"cell_paddingLeft",style:{marginBottom:m.formItemMarginBottomXS}},l.createElement(G.A,{min:0,max:300,placeholder:d("Left"),prefix:l.createElement(F.A,{icon:"PaddingLeft"}),addonAfter:"px"}))),l.createElement(g.A,{trigger:["hover"],title:d("Right padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"cell_paddingRight"},l.createElement(G.A,{min:0,max:300,placeholder:d("Right"),prefix:l.createElement(F.A,{icon:"PaddingRight"}),addonAfter:"px"}))))),l.createElement(h.A,{span:12,style:{width:156,flex:"auto",maxWidth:"44%"}},l.createElement("div",{className:"padding-collapsed",style:{display:P?"block":"none"}},l.createElement(g.A,{title:d("Vertical padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"cell_paddingTopBottom"},l.createElement(G.A,{min:0,max:300,placeholder:d("Vertical"),prefix:l.createElement(F.A,{icon:"PaddingTopBottom"}),addonAfter:"px"})))),l.createElement("div",{className:"padding-extended",style:{display:P?"none":"block"}},l.createElement(g.A,{trigger:["hover"],title:d("Top padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"cell_paddingTop",style:{marginBottom:m.formItemMarginBottomXS}},l.createElement(G.A,{min:0,max:300,placeholder:d("Top"),prefix:l.createElement(F.A,{icon:"PaddingTop"}),addonAfter:"px"}))),l.createElement(g.A,{trigger:["hover"],title:d("Bottom padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"cell_paddingBottom"},l.createElement(G.A,{min:0,max:300,placeholder:d("Bottom"),prefix:l.createElement(F.A,{icon:"PaddingBottom"}),addonAfter:"px"}))))),l.createElement(h.A,{span:4,style:{width:45,flex:"auto",maxWidth:"12%"}},l.createElement(g.A,{title:d("Individual padding"),placement:"bottom"},l.createElement(f.Ay,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!P}),onClick:y},l.createElement(F.A,{icon:"PaddingSwitcher"})))))),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},d("Background"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:R},C?l.createElement(x.A,null):l.createElement(k.A,null)))),C&&l.createElement(b.A,{gutter:10,style:{marginBottom:W?16:0}},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:d("Background color"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(u.A.Item,{name:"cellBackgroundColor",style:{marginBottom:s.formTableFieldBackgroundImageEnabled?m.formItemMarginBottomXS:m.formItemMarginBottomMD+4}},l.createElement(j.A,{placeholder:d("Background color"),usedColors:a.usedColors})))),s.formTableFieldBackgroundImageEnabled&&!1),l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},d("Borders"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:w},L?l.createElement(x.A,null):l.createElement(k.A,null)))),L&&l.createElement("div",{style:{paddingBottom:4}},l.createElement(I.A,{form:e,namePrefix:"cell_",onBorderSideClear:t}))),s.formFieldBorderRadiusEnabled&&!1)};var lo=o(12409),ao=o(87067),io=o(99230),ro=o(78777),no=o(72986),mo=o(43344),so=o(27159),co=o(83715);const{useToken:uo}=c.A,go=({mobileBorders:e})=>{const{__:t}=(0,L.s9)(),o=(0,n.d4)(d.uJ),a=e=>(null===e||void 0===e?void 0:e.width)||(null===e||void 0===e?void 0:e.style)||(null===e||void 0===e?void 0:e.color),{token:i}=uo();return l.createElement(b.A,{gutter:30},l.createElement(h.A,{span:12,className:"selected-td-form__border-col"},l.createElement(u.A.Item,{name:"mobileBorderColor",className:"form-item-margin-xs"},l.createElement(j.A,{usedColors:o.usedColors})),l.createElement(u.A.Item,{name:"mobileBorderWidth",className:"form-item-margin-xs"},l.createElement(ie.A,{min:0,placeholder:t("Border width"),addonAfter:"px"})),l.createElement(u.A.Item,{name:"mobileBorderStyle",className:"form-item-margin-xs"},l.createElement(C.Ay.Group,null,l.createElement(A.A,{size:8},l.createElement(g.A,{placement:"bottom",title:t("None")},l.createElement(C.Ay.Button,{value:""},l.createElement(Ue.A,null))),l.createElement(g.A,{placement:"bottom",title:t("Solid")},l.createElement(C.Ay.Button,{value:"solid"},l.createElement(lo.A,null))),l.createElement(g.A,{placement:"bottom",title:t("Dashed")},l.createElement(C.Ay.Button,{value:"dashed"},l.createElement(ao.A,null))),l.createElement(g.A,{placement:"bottom",title:t("Dotted")},l.createElement(C.Ay.Button,{value:"dotted"},l.createElement(io.A,null))))))),l.createElement(h.A,{span:12,style:{textAlign:"center"}},l.createElement(u.A.Item,{label:"",name:"mobileBorderPosition",labelCol:{span:8}},l.createElement(C.Ay.Group,null,l.createElement(A.A,{size:i.formItemMarginBottomXS,direction:"vertical"},l.createElement(b.A,null,l.createElement(g.A,{placement:"top",title:t("Above")},l.createElement(C.Ay.Button,{value:"top",style:{margin:"auto"},className:r()("",{"selected-td-form__border-radio":a(null===e||void 0===e?void 0:e.top)})},l.createElement(ro.A,null)))),l.createElement(b.A,null,l.createElement(A.A,{size:i.formItemMarginBottomXS},l.createElement(g.A,{placement:"left",title:t("On the left")},l.createElement(C.Ay.Button,{value:"left",className:r()("",{"selected-td-form__border-radio":a(null===e||void 0===e?void 0:e.left)})},l.createElement(no.A,null))),l.createElement(g.A,{placement:"top",title:t("Around")},l.createElement(C.Ay.Button,{value:"all",className:r()("",{"selected-td-form__border-radio":a(null===e||void 0===e?void 0:e.all)})},l.createElement(mo.A,null))),l.createElement(g.A,{placement:"right",title:t("On the right")},l.createElement(C.Ay.Button,{value:"right",className:r()("",{"selected-td-form__border-radio":a(null===e||void 0===e?void 0:e.right)})},l.createElement(so.A,null))))),l.createElement(b.A,null,l.createElement(g.A,{placement:"bottom",title:t("Below")},l.createElement(C.Ay.Button,{value:"bottom",className:r()("",{"selected-td-form__border-radio":a(null===e||void 0===e?void 0:e.bottom)}),style:{margin:"auto"}},l.createElement(co.A,null)))))))))},po=({form:e,onBorderSideClear:t,elementViewType:o,mobileViewActive:a,__:i,token:n,appConfig:d,elementSettings:m,paddingShow:s,paddingsExt:c,backgroundShow:p,bordersShow:v,borderRadiusShow:A,boxShadowShow:_,mobileSizeShow:S,mobileBackgroundShow:B,mobileBordersShow:y,mobileBorderRadiusShow:R,mobileBoxShadowShow:w,handleToggleShowPadding:T,handleTogglePadding:C,handleToggleBackground:L,handleToggleBorder:D,handleToggleBorderRadius:M,handleToggleBoxShadow:V,handleToggleMobileSize:H,handleToggleMobileBackground:W,handleToggleMobileBorder:z,handleToggleMobileBorderRadius:X,handleToggleMobileBoxShadow:$,backgroundRepeatOptions:q,backgroundSizeOptions:K,backgroundImageEmpty:J,oneBorderRadiusValue:Z,setOneBorderRadiusValue:ee,oneMobileBorderRadiusValue:te,setOneMobileBorderRadiusValue:le,boxShadow:ie,mobileBorders:re,mobileBoxShadow:ne})=>l.createElement(l.Fragment,null,o===O.ND&&a.styles?l.createElement(l.Fragment,null,l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props"},l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},i("Size"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:H},S?l.createElement(x.A,null):l.createElement(k.A,null)))),S&&l.createElement(l.Fragment,null,l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:i("Table width"),placement:"left"},l.createElement("div",{style:{marginBottom:n.formItemMarginBottomMD+4}},l.createElement(Y,{form:e,name:"mobileWidth",elementSettings:m}))))),l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:12},l.createElement("div",{style:{marginBottom:2*n.formItemMarginBottomXS}},l.createElement(g.A,{title:i("Height"),placement:"bottom"},l.createElement(Q,{form:e,name:"mobileHeight",elementSettings:m})))))),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},i("Background"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:W},B?l.createElement(x.A,null):l.createElement(k.A,null)))),B&&l.createElement("div",{style:{marginBottom:(d.formTableFieldBackgroundImageEnabled,n.formItemMarginBottomMD+4)}},l.createElement(lt,{form:e,elementSettings:m})),!1,d.formFieldBorderEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},i("Borders"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:z},y?l.createElement(x.A,null):l.createElement(k.A,null)))),y&&l.createElement("div",{style:{paddingBottom:4}},l.createElement(go,{mobileBorders:re}))),d.formFieldBorderRadiusEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},i("Border radius"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:X},R?l.createElement(x.A,null):l.createElement(k.A,null)))),R&&l.createElement("div",{style:{paddingBottom:4}},l.createElement(et,{form:e,oneMobileBorderRadiusValue:te,setOneMobileBorderRadiusValue:le,elementSettings:m}))),d.formFieldBoxShadowEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},i("Box shadow"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:$},w?l.createElement(x.A,null):l.createElement(k.A,null)))),w&&l.createElement("div",{style:{paddingBottom:4}},l.createElement(tt,{mobileBoxShadow:ne,form:e,elementSettings:m,enableSwitch:!1}))),d.formFieldVisibilityEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},i("Display control")),l.createElement(b.A,{gutter:20},l.createElement(h.A,{span:12},l.createElement("div",{style:{paddingBottom:4}},l.createElement(oe,{elementSettings:m,form:e}))))))):l.createElement(l.Fragment,null,l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},i("Padding"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:T},s?l.createElement(x.A,null):l.createElement(k.A,null)))),s&&l.createElement(b.A,{gutter:n.marginSM,style:{marginBottom:4,justifyContent:"space-around"}},l.createElement(l.Fragment,null,l.createElement(h.A,{span:12,style:{width:156,flex:"auto",maxWidth:"44%"}},l.createElement("div",{className:"padding-collapsed",style:{display:c?"block":"none"}},l.createElement(g.A,{title:i("Horizontal padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingLeftRight"},l.createElement(G.A,{min:0,max:300,placeholder:i("Horizontal"),prefix:l.createElement(F.A,{icon:"PaddingLeftRight"}),addonAfter:"px"})))),l.createElement("div",{className:"padding-extended",style:{display:c?"none":"block"}},l.createElement(g.A,{trigger:["hover"],title:i("Left padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingLeft",style:{marginBottom:n.formItemMarginBottomXS}},l.createElement(G.A,{min:0,max:300,placeholder:i("Left"),prefix:l.createElement(F.A,{icon:"PaddingLeft"}),addonAfter:"px"}))),l.createElement(g.A,{trigger:["hover"],title:i("Right padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingRight"},l.createElement(G.A,{min:0,max:300,placeholder:i("Right"),prefix:l.createElement(F.A,{icon:"PaddingRight"}),addonAfter:"px"}))))),l.createElement(h.A,{span:12,style:{width:156,flex:"auto",maxWidth:"44%"}},l.createElement("div",{className:"padding-collapsed",style:{display:c?"block":"none"}},l.createElement(g.A,{title:i("Vertical padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingTopBottom"},l.createElement(G.A,{min:0,max:300,placeholder:i("Vertical"),prefix:l.createElement(F.A,{icon:"PaddingTopBottom"}),addonAfter:"px"})))),l.createElement("div",{className:"padding-extended",style:{display:c?"none":"block"}},l.createElement(g.A,{trigger:["hover"],title:i("Top padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingTop",style:{marginBottom:n.formItemMarginBottomXS}},l.createElement(G.A,{min:0,max:300,placeholder:i("Top"),prefix:l.createElement(F.A,{icon:"PaddingTop"}),addonAfter:"px"}))),l.createElement(g.A,{trigger:["hover"],title:i("Bottom padding"),placement:"bottom"},l.createElement(u.A.Item,{name:"paddingBottom"},l.createElement(G.A,{min:0,max:300,placeholder:i("Bottom"),prefix:l.createElement(F.A,{icon:"PaddingBottom"}),addonAfter:"px"}))))),l.createElement(h.A,{span:4,style:{width:45,flex:"auto",maxWidth:"12%"}},l.createElement(g.A,{title:i("Individual padding"),placement:"bottom"},l.createElement(f.Ay,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!c}),onClick:C},l.createElement(F.A,{icon:"PaddingSwitcher"})))))),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},i("Background"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:L},p?l.createElement(x.A,null):l.createElement(k.A,null)))),p&&l.createElement(b.A,{gutter:10,style:{marginBottom:J?16:0}},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:i("Background color"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(u.A.Item,{name:"backgroundColor",style:{marginBottom:d.formTableFieldBackgroundImageEnabled?n.formItemMarginBottomXS:n.formItemMarginBottomMD+4}},l.createElement(j.A,{placeholder:i("Background color"),usedColors:m.usedColors})))),d.formTableFieldBackgroundImageEnabled&&l.createElement(h.A,{span:J?12:24},l.createElement("div",{style:{paddingBottom:J?4:0}},l.createElement(N.A,{form:e,label:i("Background image"),name:"backgroundImage",tooltipTitle:i("Background image"),placeholder:"Background image link/route"})),!J&&l.createElement(u.A.Item,{style:{marginBottom:"0"}},l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:i("Horizontal position"),placement:"bottom"},l.createElement(u.A.Item,{name:"backgroundPositionX",style:{marginBottom:n.formItemMarginBottomXS}},l.createElement(G.A,{placeholder:i("Horizontal position"),prefix:l.createElement(F.A,{icon:"BgPositionHorizontal"})})))),l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:i("Vertical position"),placement:"bottom"},l.createElement(u.A.Item,{name:"backgroundPositionY",style:{marginBottom:n.formItemMarginBottomXS}},l.createElement(G.A,{placeholder:i("Vertical position"),prefix:l.createElement(F.A,{icon:"BgPositionVertical"})}))))),l.createElement(b.A,{gutter:10},l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:i("Background image repeat"),placement:"top"},l.createElement(u.A.Item,{name:"backgroundRepeat",style:{marginBottom:n.formItemMarginBottomMD+4}},l.createElement(ae.A,{placeholder:"Please choose",options:q,getPopupContainer:e=>e.parentElement,placement:"bottomLeft"})))),l.createElement(h.A,{span:12},l.createElement(g.A,{trigger:["hover"],title:i("Background image size"),placement:"top"},l.createElement(u.A.Item,{name:"backgroundSize",style:{marginBottom:n.formItemMarginBottomMD+4}},l.createElement(ae.A,{placeholder:"Please choose",options:K,getPopupContainer:e=>e.parentElement,placement:"bottomLeft"})))))))),l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},i("Borders"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:D},v?l.createElement(x.A,null):l.createElement(k.A,null)))),v&&l.createElement("div",{style:{paddingBottom:4}},l.createElement(I.A,{form:e,onBorderSideClear:t}))),l.createElement(E.A,{className:"selected-td-form__divider"}),d.formFieldBorderRadiusEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},i("Border radius"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:M},A?l.createElement(x.A,null):l.createElement(k.A,null)))),A&&l.createElement("div",{style:{paddingBottom:4}},l.createElement(P.A,{form:e,oneBorderRadiusValue:Z,setOneBorderRadiusValue:ee,elementSettings:m}))),l.createElement(E.A,{className:"selected-td-form__divider"}),d.formFieldBoxShadowEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement(b.A,{gutter:10,align:"middle"},l.createElement(h.A,{span:20},l.createElement("div",{className:"form-group-title"},i("Box shadow"))),l.createElement(h.A,{span:4,align:"right"},l.createElement(f.Ay,{className:"selected-td-form__button ghost-button",type:"text",onClick:V},_?l.createElement(x.A,null):l.createElement(k.A,null)))),_&&l.createElement("div",{style:{paddingBottom:4}},l.createElement(U,{boxShadow:ie}))),l.createElement(E.A,{className:"selected-td-form__divider"}),d.formFieldVisibilityEnabled&&l.createElement(l.Fragment,null,l.createElement(E.A,{className:"selected-td-form__divider"}),l.createElement("div",{className:"form-group-title"},i("Display control")),l.createElement(b.A,{gutter:20},l.createElement(h.A,{span:12},l.createElement("div",{style:{paddingBottom:4}},l.createElement(oe,{elementSettings:m,form:e})))))))),{useToken:bo}=c.A,ho=["borderTop","borderBottom","borderLeft","borderRight"],Eo=({elementSettings:e,formName:t})=>{var o,a;const{__:i}=(0,L.s9)(),r=(0,D.XW)(),[d]=u.A.useForm(),{token:m}=bo(),s=(0,M.rD)(),c=(0,n.d4)(Be.Ct),b=(0,n.d4)(Be.CS),h=(0,n.d4)(Be.Fv),E=(0,n.d4)(Be.yy),[f,v]=(0,l.useState)({}),[A,_]=(0,l.useState)(!0),[S,B]=(0,l.useState)({}),[y,k]=(0,l.useState)({}),[x,R]=(0,l.useState)(!0),[w,T]=(0,l.useState)(""===(null===(o=e.customTable)||void 0===o?void 0:o.backgroundImage[0].value)),[N,I]=(0,l.useState)(),[P,C]=(0,l.useState)(!1),[F,V]=(0,l.useState)(!1),[H,W]=(0,l.useState)(!1),[z,G]=(0,l.useState)(!1),[j,U]=(0,l.useState)(!1),[X,q]=(0,l.useState)(!1),[Y,K]=(0,l.useState)(!1),[Q,J]=(0,l.useState)(!1),[Z,ee]=(0,l.useState)(!0),[te,oe]=(0,l.useState)(!0),[le,ae]=(0,l.useState)(!0),[ie,re]=(0,l.useState)(!1),[ne,de]=(0,l.useState)("https://"),[me,se]=(0,l.useState)({}),[ce,ue]=(0,l.useState)(!1),[ge,pe]=(0,l.useState)(!1),[be,he]=(0,l.useState)(!1),[Ee,fe]=(0,l.useState)({}),ve=(0,l.useRef)(null),Ae=(0,l.useRef)(),_e=u.A.useWatch([],d),Se=[{label:i("Not defined"),value:"none"},{label:i("Do not repeat background (no-repeat)"),value:"no-repeat"},{label:i("Repeat background (repeat)"),value:"repeat"},{label:i("Repeat background horizontally (repeat-x)"),value:"repeat-x"},{label:i("Repeat background vertically (repeat-y)"),value:"repeat-y"}],ye=[{label:i("Not defined"),value:""},{label:i("Contain"),value:"contain"},{label:i("Cover"),value:"cover"}],ke={width:"",style:"",color:""},Re=h&&"bottom"!==E,we=O.K0,Te=t===O.om||!1,[Ne,Ie]=(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")&&Ie(!0)},[]);const Pe=e=>{r({operation:O.Ru.SANDBOX_ELEMENT_TEXT,action:e,locale:"ru_RU"})},Ce=[{key:"1",label:i("This element"),onClick:()=>Pe("typograf")},{key:"2",label:i("The whole email"),onClick:()=>Pe("typograf_all")}];(0,l.useEffect)(()=>{if(e){var t,o,l,a,i,r,n,m,s,c,u,g,p,b,h,E,f,A,S,y,x,w,N,P,C,L,F,O,D,M,H,W,z,j,U,X,Y,K,Q,J,Z,ee,te,oe,le,ae,ie,re,ne,de,me,ce,ue,ge,be,Ee,ve,Ae,_e,Se,Be,ye,ke,xe,Re,we,Ne,Ie,Pe,Ce,Le,Fe,Oe,De,Me,Ve,He,We,ze,Ge,je,Ue,Xe,$e,qe,Ye,Ke,Qe,Je,Ze,et,tt,ot,lt,at,it,rt,nt,dt,mt,st,ct,ut,gt,pt,bt,ht,Et,ft,vt,At,_t,St,Bt,yt,kt,xt,Rt,wt,Tt,Nt,It,Pt,Ct,Lt,Ft,Ot,Dt,Mt,Vt,Ht,Wt,zt,Gt,jt,Ut,Xt,$t,qt,Yt,Kt,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;fe(Zt),v(eo),B(to),k(oo),se(lo);const ao=Te?null===e||void 0===e||null===(a=e.customTable)||void 0===a?void 0:a.cell_borderPosition:null===e||void 0===e||null===(i=e.customTable)||void 0===i?void 0:i.borderPosition,io=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===(m=e.maxWidth)||void 0===m?void 0:m.value,maxWidthDim:null===(s=e.maxWidth)||void 0===s?void 0:s.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:io||"all",mobileBorderWidth:null!==(null===(p=to[io])||void 0===p?void 0:p.width)?null===(b=to[io])||void 0===b?void 0:b.width:"",mobileBorderColor:(null===(h=to[io])||void 0===h?void 0:h.color)||"",mobileBorderStyle:(null===(E=to[io])||void 0===E?void 0:E.style)||"",mobileBackgroundImage:"none"!==e.mobileBackgroundImage[0].value?e.mobileBackgroundImage[0].value:"",mobileBackgroundPositionX:(0,$.ok)(null===(f=e.mobileBackgroundPositionX)||void 0===f?void 0:f.value),mobileBackgroundPositionY:(0,$.ok)(null===(A=e.mobileBackgroundPositionY)||void 0===A?void 0:A.value),mobileBackgroundRepeat:null!==(S=e.mobileBackgroundRepeat)&&void 0!==S&&S.value?null===(y=e.mobileBackgroundRepeat)||void 0===y?void 0:y.value:"none",exportAsPicture:null===e||void 0===e?void 0:e.exportAsPicture,paddingLeftRight:(0,$.ok)(null===(x=e.customTable)||void 0===x?void 0:x.paddingLeftRight.replace(/px$/,"")),paddingTopBottom:(0,$.ok)(null===(w=e.customTable)||void 0===w?void 0:w.paddingTopBottom.replace(/px$/,"")),paddingRight:(0,$.ok)(null===(N=e.customTable)||void 0===N?void 0:N.paddingRight.replace(/px$/,"")),paddingLeft:(0,$.ok)(null===(P=e.customTable)||void 0===P?void 0:P.paddingLeft.replace(/px$/,"")),paddingTop:(0,$.ok)(null===(C=e.customTable)||void 0===C?void 0:C.paddingTop.replace(/px$/,"")),paddingBottom:(0,$.ok)(null===(L=e.customTable)||void 0===L?void 0:L.paddingBottom.replace(/px$/,"")),backgroundColor:(0,$.ok)(null===(F=e.customTable)||void 0===F?void 0:F.backgroundColor),backgroundImage:(0,$.ok)(null===(O=e.customTable)||void 0===O?void 0:O.backgroundImage[0].value),backgroundPositionX:(0,$.ok)(null===(D=e.customTable)||void 0===D?void 0:D.backgroundPositionX),backgroundPositionY:(0,$.ok)(null===(M=e.customTable)||void 0===M?void 0:M.backgroundPositionY),backgroundRepeat:(0,$.ok)(null===(H=e.customTable)||void 0===H?void 0:H.backgroundRepeat),backgroundSize:(0,$.ok)(null===(W=e.customTable)||void 0===W?void 0:W.backgroundSize),borderAll:(0,$.ok)(null===(z=e.customTable)||void 0===z?void 0:z.borderAll),borderRadiusAll:(0,$.ok)(null===(j=e.customTable)||void 0===j?void 0:j.borderRadius.all),borderRadiusTopLeft:(0,$.ok)(null===(U=e.customTable)||void 0===U?void 0:U.borderRadius.topLeft),borderRadiusBottomLeft:(0,$.ok)(null===(X=e.customTable)||void 0===X?void 0:X.borderRadius.bottomLeft),borderRadiusTopRight:(0,$.ok)(null===(Y=e.customTable)||void 0===Y?void 0:Y.borderRadius.topRight),borderRadiusBottomRight:(0,$.ok)(null===(K=e.customTable)||void 0===K?void 0:K.borderRadius.bottomRight),borderRadius:{all:(0,$.ok)(null===(Q=e.customTable)||void 0===Q?void 0:Q.borderRadius.all),topLeft:(0,$.ok)(null===(J=e.customTable)||void 0===J?void 0:J.borderRadius.topLeft),topRight:(0,$.ok)(null===(Z=e.customTable)||void 0===Z?void 0:Z.borderRadius.topRight),bottomLeft:(0,$.ok)(null===(ee=e.customTable)||void 0===ee?void 0:ee.borderRadius.bottomLeft),bottomRight:(0,$.ok)(null===(te=e.customTable)||void 0===te?void 0:te.borderRadius.bottomRight)},borderTop:(0,$.ok)(null===(oe=e.customTable)||void 0===oe?void 0:oe.borderTop),borderBottom:(0,$.ok)(null===(le=e.customTable)||void 0===le?void 0:le.borderBottom),borderLeft:(0,$.ok)(null===(ae=e.customTable)||void 0===ae?void 0:ae.borderLeft),borderRight:(0,$.ok)(null===(ie=e.customTable)||void 0===ie?void 0:ie.borderRight),borderPosition:ao||"borderAll",boxShadowInset:(0,$.ok)(null===(re=e.customTable)||void 0===re||null===(ne=re.boxShadow)||void 0===ne?void 0:ne.inset)||!1,boxShadowHOffset:(0,$.ok)(null===(de=e.customTable)||void 0===de||null===(me=de.boxShadow)||void 0===me?void 0:me.hOffset),boxShadowVOffset:(0,$.ok)(null===(ce=e.customTable)||void 0===ce||null===(ue=ce.boxShadow)||void 0===ue?void 0:ue.vOffset),boxShadowBlurRadius:(0,$.ok)(null===(ge=e.customTable)||void 0===ge||null===(be=ge.boxShadow)||void 0===be?void 0:be.blurRadius),boxShadowSpreadRadius:(0,$.ok)(null===(Ee=e.customTable)||void 0===Ee||null===(ve=Ee.boxShadow)||void 0===ve?void 0:ve.spreadRadius),boxShadowColor:(0,$.ok)(null===(Ae=e.customTable)||void 0===Ae||null===(_e=Ae.boxShadow)||void 0===_e?void 0:_e.color),mobileBoxShadowInset:(0,$.ok)(null===(Se=e.customTable)||void 0===Se||null===(Be=Se.mobileBoxShadow)||void 0===Be?void 0:Be.inset)||!1,mobileBoxShadowHOffset:(0,$.ok)(null===(ye=e.customTable)||void 0===ye||null===(ke=ye.mobileBoxShadow)||void 0===ke?void 0:ke.hOffset),mobileBoxShadowVOffset:(0,$.ok)(null===(xe=e.customTable)||void 0===xe||null===(Re=xe.mobileBoxShadow)||void 0===Re?void 0:Re.vOffset),mobileBoxShadowBlurRadius:(0,$.ok)(null===(we=e.customTable)||void 0===we||null===(Ne=we.mobileBoxShadow)||void 0===Ne?void 0:Ne.blurRadius),mobileBoxShadowSpreadRadius:(0,$.ok)(null===(Ie=e.customTable)||void 0===Ie||null===(Pe=Ie.mobileBoxShadow)||void 0===Pe?void 0:Pe.spreadRadius),mobileBoxShadowColor:(0,$.ok)(null===(Ce=e.customTable)||void 0===Ce||null===(Le=Ce.mobileBoxShadow)||void 0===Le?void 0:Le.color),mobileBackgroundColor:(0,$.ok)("none"!==(null===(Fe=e.customTable)||void 0===Fe||null===(Oe=Fe.mobileBackgroundColor)||void 0===Oe?void 0:Oe.value)?null===(De=e.customTable)||void 0===De||null===(Me=De.mobileBackgroundColor)||void 0===Me?void 0:Me.value:""),mobileWidth:(0,$.xc)(null===(Ve=e.customTable)||void 0===Ve||null===(He=Ve.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,$.xc)(null===(Ge=e.customTable)||void 0===Ge||null===(je=Ge.mobileHeight)||void 0===je?void 0:je.value),mobileHeightDim:null===(Ue=e.customTable)||void 0===Ue||null===(Xe=Ue.mobileHeight)||void 0===Xe?void 0:Xe.dim,mobileBorderRadiusAll:(0,$.ok)(null===($e=e.customTable)||void 0===$e?void 0:$e.mobileBorderRadius.all),mobileBorderRadiusTopLeft:(0,$.ok)(null!==(null===(qe=e.customTable)||void 0===qe?void 0:qe.mobileBorderRadius.topLeft)?null===(Ye=e.customTable)||void 0===Ye?void 0:Ye.mobileBorderRadius.topLeft:null===(Ke=e.customTable)||void 0===Ke?void 0:Ke.mobileBorderRadius.all),mobileBorderRadiusBottomLeft:(0,$.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,$.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,$.ok)(null!==(null===(lt=e.customTable)||void 0===lt?void 0:lt.mobileBorderRadius.bottomRight)?null===(at=e.customTable)||void 0===at?void 0:at.mobileBorderRadius.bottomRight:null===(it=e.customTable)||void 0===it?void 0:it.mobileBorderRadius.all),cellBackgroundColor:(0,$.ok)(null===(rt=e.customTable)||void 0===rt?void 0:rt.cellBackgroundColor),cell_borderPosition:(0,$.ok)("cell_borderAll"),cell_borderAll:(0,$.ok)(null===(nt=e.customTable)||void 0===nt?void 0:nt.cell_borderAll),cell_borderTop:(0,$.ok)(null===(dt=e.customTable)||void 0===dt?void 0:dt.cell_borderTop),cell_borderBottom:(0,$.ok)(null===(mt=e.customTable)||void 0===mt?void 0:mt.cell_borderBottom),cell_borderLeft:(0,$.ok)(null===(st=e.customTable)||void 0===st?void 0:st.cell_borderLeft),cell_borderRight:(0,$.ok)(null===(ct=e.customTable)||void 0===ct?void 0:ct.cell_borderRight),cell_paddingLeftRight:(0,$.ok)(null===(ut=e.customTable)||void 0===ut||null===(gt=ut.cell_paddingLeftRight)||void 0===gt?void 0:gt.replace(/px$/,"")),cell_paddingTopBottom:(0,$.ok)(null===(pt=e.customTable)||void 0===pt||null===(bt=pt.cell_paddingTopBottom)||void 0===bt?void 0:bt.replace(/px$/,"")),cell_paddingRight:(0,$.ok)(null===(ht=e.customTable)||void 0===ht||null===(Et=ht.cell_paddingRight)||void 0===Et?void 0:Et.replace(/px$/,"")),cell_paddingLeft:(0,$.ok)(null===(ft=e.customTable)||void 0===ft||null===(vt=ft.cell_paddingLeft)||void 0===vt?void 0:vt.replace(/px$/,"")),cell_paddingTop:(0,$.ok)(null===(At=e.customTable)||void 0===At||null===(_t=At.cell_paddingTop)||void 0===_t?void 0:_t.replace(/px$/,"")),cell_paddingBottom:(0,$.ok)(null===(St=e.customTable)||void 0===St||null===(Bt=St.cell_paddingBottom)||void 0===Bt?void 0:Bt.replace(/px$/,"")),fontFamily:(0,$.ok)(null===(yt=e.customTable)||void 0===yt?void 0:yt.fontFamily),fontSize:(0,$.ok)(null===(kt=e.customTable)||void 0===kt?void 0:kt.fontSize),lineHeight:(0,$.ok)(null===(xt=e.customTable)||void 0===xt?void 0:xt.lineHeight),textStrong:(0,$.ok)(null===(Rt=e.customTable)||void 0===Rt?void 0:Rt.textStrong),textItalic:(0,$.ok)(null===(wt=e.customTable)||void 0===wt?void 0:wt.textItalic),textStrikethrough:(0,$.ok)(null===(Tt=e.customTable)||void 0===Tt?void 0:Tt.textStrikethrough),textUnderline:(0,$.ok)(null===(Nt=e.customTable)||void 0===Nt?void 0:Nt.textUnderline),textLink:(0,$.ok)(null===(It=e.customTable)||void 0===It?void 0:It.textLink),linkHref:(0,$.ok)(null===(Pt=e.customTable)||void 0===Pt?void 0:Pt.linkHref),linkTarget:(0,$.ok)(null===(Ct=e.customTable)||void 0===Ct?void 0:Ct.linkTarget),textColor:(0,$.ok)(null===(Lt=e.customTable)||void 0===Lt?void 0:Lt.textColor),textBackgroundColor:(0,$.ok)(null===(Ft=e.customTable)||void 0===Ft?void 0:Ft.textBackgroundColor),textAlign:(0,$.ok)(null===(Ot=e.customTable)||void 0===Ot?void 0:Ot.textAlign),valign:(0,$.ok)(null===(Dt=e.customTable)||void 0===Dt?void 0:Dt.textValign)}),!(0,$.ok)(null===(Mt=e.customTable)||void 0===Mt?void 0:Mt.borderRadius.all)&&((0,$.ok)(null===(Vt=e.customTable)||void 0===Vt?void 0:Vt.borderRadius.topLeft)||(0,$.ok)(null===(Ht=e.customTable)||void 0===Ht?void 0:Ht.borderRadius.bottomLeft)||(0,$.ok)(null===(Wt=e.customTable)||void 0===Wt?void 0:Wt.borderRadius.topRight)||(0,$.ok)(null===(zt=e.customTable)||void 0===zt?void 0:zt.borderRadius.bottomRight))?_(!1):_(!0),!(0,$.ok)(null===(Gt=e.customTable)||void 0===Gt?void 0:Gt.mobileBorderRadius.all)&&(0,$.ok)(null===(jt=e.customTable)||void 0===jt?void 0:jt.mobileBorderRadius.topLeft)||(0,$.ok)(null===(Ut=e.customTable)||void 0===Ut?void 0:Ut.mobileBorderRadius.bottomLeft)||(0,$.ok)(null===(Xt=e.customTable)||void 0===Xt?void 0:Xt.mobileBorderRadius.topRight)||(0,$.ok)(null===($t=e.customTable)||void 0===$t?void 0:$t.mobileBorderRadius.bottomRight)?R(!1):R(!0),T(""===(null===(qt=e.customTable)||void 0===qt?void 0:qt.backgroundImage[0].value)),I(e=>{var t,o,l;return!!(null!==(t=Zt[ao])&&void 0!==t&&t.width||null!==(o=Zt[ao])&&void 0!==o&&o.style||null!==(l=Zt[ao])&&void 0!==l&&l.color)||e}),V(!!e.borderRadius.all||!!e.borderRadius.topLeft||!!e.borderRadius.bottomLeft||!!e.borderRadius.topRight||!!e.borderRadius.bottomRight),G(!!e.boxShadow),he(!(null===(Yt=e.width)||void 0===Yt||!Yt.value)||!(null===(Kt=e.minWidth)||void 0===Kt||!Kt.value)||!(null===(Qt=e.maxWidth)||void 0===Qt||!Qt.value)),q(!(null===(Jt=e.customTable)||void 0===Jt||!Jt.mobileWidth.value)),pe(!!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),ve&&!o&&(ue(!1),d.setFieldsValue({linkHref:null})),ve.current=o||null},[null===_e||void 0===_e?void 0:_e.textLink,null===_e||void 0===_e?void 0:_e.linkHref,null===(a=e.customTable)||void 0===a?void 0:a.linkHref,d]),(0,l.useEffect)(()=>{var t,o,l,a;null!==(t=e.customTable)&&void 0!==t&&t.linkHref&&(0,$.b9)((null===(a=e.customTable)||void 0===a?void 0:a.linkHref)||"",de);d.setFieldsValue({linkHref:null!==(o=e.customTable)&&void 0!==o&&o.linkHref?null===(l=e.customTable)||void 0===l?void 0:l.linkHref:"https://"})},[d,e,de]);const Le=t=>{var o,l,a,i,n,m,s,c,u;const g=d.getFieldsValue(!0),p=Object.keys(t)[0];let b;const h=ho.includes(p)&&g[p]?{...g[p],width:""===g[p].width?(null===(o=g.borderAll)||void 0===o?void 0:o.width)||"1":g[p].width,color:""===g[p].color?(null===(l=g.borderAll)||void 0===l?void 0:l.color)||we:g[p].color,style:""===g[p].style?(null===(a=g.borderAll)||void 0===a?void 0:a.style)||"solid":g[p].style}:null,E=["top","right","bottom","left"],f="em-mob-border_",v=e=>({...O.iV[e],classNamePrefix:`${f}${e}-`}),A=(e,t,o,l)=>E.reduce((a,i)=>(a[i]={...e,[o]:i===t?l:e[o],classNamePrefix:`${f}${i}-`},a),{});switch(p){case"exportAsPicture":b={exportAsPicture:g.exportAsPicture};break;case"boxShadowInset":case"boxShadowHOffset":case"boxShadowVOffset":case"boxShadowBlurRadius":case"boxShadowSpreadRadius":case"boxShadowColor":b={boxShadow:{hOffset:g.boxShadowHOffset,vOffset:g.boxShadowVOffset,blurRadius:g.boxShadowBlurRadius,spreadRadius:g.boxShadowSpreadRadius,color:g.boxShadowColor,inset:g.boxShadowInset}};break;case"width":b={[p]:{value:t[p],dim:g.widthDim}};break;case"widthDim":b={width:{value:g.width,dim:t[p]}};break;case"maxWidth":b={[p]:{value:t[p],dim:g.maxWidthDim}};break;case"maxWidthDim":b={maxWidth:{value:g.maxWidth,dim:t[p]}};break;case"minWidth":b={[p]:{value:t[p],dim:g.minWidthDim}};break;case"minWidthDim":b={minWidth:{value:g.minWidth,dim:t[p]}};break;case"backgroundImage":T(""===t[p]),b={[p]:[{...null===(i=e.customTable)||void 0===i?void 0:i.backgroundImage[0],value:t[p]}],backgroundSize:"cover"},d.setFieldsValue({backgroundColor:""});break;case"backgroundColor":T(!0),b=t,d.setFieldsValue({backgroundImage:"",backgroundPositionX:"",backgroundPositionY:"",backgroundRepeat:"",backgroundSize:""});break;case"borderRadiusAll":case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":b={borderRadius:{[xe.wF[p]]:+t[p]}};break;case"mobileWidth":b={[p]:{classNamePrefix:"em-mob-width-",value:t[p],dim:g.mobileWidthDim}};break;case"mobileWidthDim":b={mobileWidth:{classNamePrefix:"em-mob-width-",value:g.mobileWidth||100,dim:t[p]}};break;case"mobileHeight":b={[p]:{classNamePrefix:"em-mob-height-",value:t[p],dim:g.mobileHeightDim}};break;case"mobileBorderStyle":case"mobileBorderColor":case"mobileBorderWidth":const o={mobileBorderStyle:"style",mobileBorderColor:"color",mobileBorderWidth:"width"}[p],{newBorders:l,sending:a,formUpdates:_}=((e,t,o,l)=>{var a,i,r,n,d,m;const s=l.mobileBorderPosition,c="all"===s,u=""===t||null==t;let g;g=c?{all:{...o.all,[e]:u?null:t,classNamePrefix:`${f}all-`},...E.reduce((e,t)=>({...e,[t]:v(t)}),{})}:u?{...o,[s]:v(s),all:{...O.iV.all}}:null!=(null===(a=o.all)||void 0===a?void 0:a.color)&&null!=(null===(i=o.all)||void 0===i?void 0:i.width)&&null!=(null===(r=o.all)||void 0===r?void 0:r.style)?{...A(o.all,s,e,t),all:{...O.iV.all}}:{...o,[s]:{...o[s],[e]:t,classNamePrefix:`${f}${s}-`},all:{...O.iV.all}};const p=c?g.all:g[s];return{newBorders:g,sending:{mobileBorder:g},formUpdates:{mobileBorderColor:null!==(n=null===p||void 0===p?void 0:p.color)&&void 0!==n?n:we,mobileBorderWidth:null!==(d=null===p||void 0===p?void 0:p.width)&&void 0!==d?d:1,mobileBorderStyle:null!==(m=null===p||void 0===p?void 0:p.style)&&void 0!==m?m:"solid"}}})(o,t[p],S,g);Object.assign(g,_),B(l),b=a;break;case"mobileBorderPosition":d.setFieldsValue({mobileBorderWidth:S[t[p]].width||"",mobileBorderColor:S[t[p]].color||"",mobileBorderStyle:S[t[p]].style||""});break;case"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":b={mobileBorderRadius:{[xe.NW[p]]:t[p],classNamePrefix:"em-mob-border_radius_"+xe.NW[p]+"-"}};break;case"mobileBoxShadowInset":case"mobileBoxShadowHOffset":case"mobileBoxShadowVOffset":case"mobileBoxShadowBlurRadius":case"mobileBoxShadowSpreadRadius":case"mobileBoxShadowColor":b={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":b={[p]:{classNamePrefix:"em-mob-background_color-",value:t[p]}};break;case"mobileBackgroundImage":b={[p]:[{...e.mobileBackgroundImage[0],classNamePrefix:"em-mob-background_image-",value:t[p]}]};break;case"mobileBackgroundPositionX":b={[p]:{classNamePrefix:"em-mob-background_position_x-",value:t[p]}};break;case"mobileBackgroundPositionY":b={[p]:{classNamePrefix:"em-mob-background_position_x-",value:t[p]}};break;case"mobileBackgroundRepeat":b={[p]:{classNamePrefix:"em-mob-background_repeat-",value:t[p]}};break;case"mobileAlign":b={[p]:{classNamePrefix:"em-mob-table_align-",value:t[p]}};break;case"borderPosition":case"cell_borderPosition":b=t,r({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:b});break;case"borderAll":""===(null===(n=t[p])||void 0===n?void 0:n.style)?d.setFieldsValue({borderAll:ke}):d.setFieldsValue({borderTop:ke,borderBottom:ke,borderLeft:ke,borderRight:ke}),b=t;break;case"borderTop":d.setFieldsValue({borderTop:h}),""===(null===(m=t[p])||void 0===m?void 0:m.style)?d.setFieldsValue({borderTop:ke}):d.setFieldsValue({borderAll:ke}),b=t;break;case"borderBottom":d.setFieldsValue({borderBottom:h}),""===(null===(s=t[p])||void 0===s?void 0:s.style)?d.setFieldsValue({borderBottom:ke}):d.setFieldsValue({borderAll:ke}),b=t;break;case"borderLeft":d.setFieldsValue({borderLeft:h}),""===(null===(c=t[p])||void 0===c?void 0:c.style)?d.setFieldsValue({borderLeft:ke}):d.setFieldsValue({borderAll:ke}),b=t;break;case"borderRight":d.setFieldsValue({borderRight:h}),""===(null===(u=t[p])||void 0===u?void 0:u.style)?d.setFieldsValue({borderRight:ke}):d.setFieldsValue({borderAll:ke}),b=t;break;case"fontSize":case"lineHeight":if(null===t[p]||""===t[p]||void 0===t[p])return;b=t;break;default:b=t}"borderPosition"!==p&&r({operation:O.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:b})},Fe=(0,l.useCallback)(()=>{Gt(d,Te,I,re,N,fe,"")},[d,Te,N,""]),Oe=(0,l.useCallback)(()=>{jt(d,C,P,S,B,r,e)},[d,P,S,r,e]),De=(0,l.useCallback)(()=>{Ut(d,V,F,_,r,e,"")},[d,F,_,r,e,""]),Me=(0,l.useCallback)(()=>{Xt(d,W,H,r,e)},[d,H,r,e]),Ve=(0,l.useCallback)(()=>{$t(d,G,z,r,e)},[d,z,r,e]),He=(0,l.useCallback)(()=>{qt(d,U,j,r,e)},[d,j,r,e]),We=(0,l.useCallback)(()=>{Yt(d,q,X,r,e)},[d,X,r,e]),ze=(0,l.useCallback)(()=>{Kt(K)},[K]),Ge=(0,l.useCallback)(()=>{Qt(d,J,Q,r,e)},[d,Q,r,e]),je=(0,l.useCallback)(()=>{Jt(d,ee,Z,r,e)},[d,Z,r,e]),Ue=(0,l.useCallback)(()=>{Zt(d,oe,te,r,e)},[d,te,r,e]),Xe=(0,l.useCallback)(()=>{eo(ae)},[ae]),$e=(0,l.useCallback)(()=>{to(d,oe,te,r,e)},[d,te,r,e]);return l.createElement(u.A,{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:Le,autoComplete:"off",className:"element-controls",style:{padding:15,overflowY:"auto",overflowX:"hidden",maxHeight:"100%",display:"flex",flexDirection:"column"}},!Re&&l.createElement(g.A,{title:i("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(p.A,{className:"selected_form-mobile-props-title",message:i("Appearance on mobile devices"),type:"info"})),l.createElement("div",{id:"selected_element_form_desktop_props"},Te?l.createElement(l.Fragment,null,l.createElement(oo,{form:d,onBorderSideClear:Le,formValues:_e,elementSettings:e,appConfig:s,token:m,isMacOS:Ne,__:i,handleToggleShowPaddingCell:Xe,handleTogglePaddingCell:$e,handleToggleBackground:ze,handleToggleBorder:Fe,handleToggleBorderRadius:De,paddingCellShow:le,paddingsExt:te,backgroundShow:Y,cellBordersShow:ie,borderRadiusShow:F,oneBorderRadiusValue:A,setOneBorderRadiusValue:_,backgroundImageEmpty:w,backgroundRepeatOptions:Se,backgroundSizeOptions:ye,sendAction:Pe,typografItems:Ce,textInputRef:Ae,linkProtocol:ne,handleLinkProtocolsChange:e=>{d.setFieldValue("linkHref","mergetag"!==e?e:""),de(e)},isCodeVision:Re})):l.createElement(l.Fragment,null,l.createElement(po,{form:d,onBorderSideClear:Le,elementSettings:e,appConfig:s,token:m,__:i,handleToggleShowPadding:je,handleTogglePadding:Ue,handleToggleBackground:ze,handleToggleBorder:Fe,handleToggleBorderRadius:De,handleToggleBoxShadow:Ve,handleToggleMobileSize:We,handleToggleMobileBackground:Ge,handleToggleMobileBorder:Oe,handleToggleMobileBorderRadius:Me,handleToggleMobileBoxShadow:He,paddingShow:Z,paddingsExt:te,backgroundShow:Y,bordersShow:N,borderRadiusShow:F,boxShadowShow:z,mobileSizeShow:X,mobileBackgroundShow:Q,mobileBordersShow:P,mobileBorderRadiusShow:H,mobileBoxShadowShow:j,oneBorderRadiusValue:A,setOneBorderRadiusValue:_,oneMobileBorderRadiusValue:x,setOneMobileBorderRadiusValue:R,backgroundImageEmpty:w,backgroundRepeatOptions:Se,backgroundSizeOptions:ye,boxShadow:f,mobileBorders:S,mobileBoxShadow:y,elementViewType:c,mobileViewActive:b,MOBILE:O.ND,isCodeVision:Re}))))},fo=({className:e=null,formSettings:t,emailElementType:o,formName:i})=>{const s=(0,n.wA)(),c=(0,Te.Cb)(),u=(0,l.useRef)(),g=(0,n.d4)(Be.B),p=(0,n.d4)(d.qX),b=(0,n.d4)(m.qX),h=o===O.Tm?p:b,[E,f]=(0,l.useState)(h);(0,l.useEffect)(()=>{f(h.type===O.bV.CAROUSEL||h.type===O.bV.IMG?t.settings:h)},[h,t.settings]);return(0,ve.A)(e=>{const t=e.data.operation,o=e.data.action;if(t===O.Ru.APPLICATION_ACTION){function l(e,t=null){const o={[e]:t||!E[e]};c(o,E.type),s((0,d.G_)(o)),f(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(a.A,{nodeRef:u,in:g===O.yI,timeout:300,classNames:"transition"},l.createElement("div",{ref:u,className:r()("selected-element-panel-content",{[e]:e})},(h.type===O.bV.IMG||h.type===O.bV.COUNTDOWN||h.type===O.bV.VIDEO)&&l.createElement(Pe,{elementSettings:h}),h.type===O.bV.TEXT&&l.createElement(qe,{elementSettings:h}),h.type===O.bV.LINK&&l.createElement(st,{elementSettings:h}),h.type===O.bV.TABLE&&l.createElement(dt,{elementSettings:h}),h.type===O.bV.CUSTOM_TABLE&&l.createElement(Eo,{elementSettings:h,formName:i}),(h.type===O.bV.TD||h.type===O.bV.STRUCTURE||h.type===O.bV.GROUP||h.type===O.bV.COLUMN)&&l.createElement(Bt,{elementSettings:h}),h.type===O.bV.VAR&&l.createElement(Pt,{elementSettings:h}),h.type===O.bV.BUTTON&&l.createElement(Nt,{elementSettings:h}),h.type===O.bV.DIV&&l.createElement(kt,{elementSettings:h}),h.type===O.bV.VINDENT&&l.createElement(ct,{elementSettings:h}),h.type===O.bV.FLOAT_BLOCK&&l.createElement(wt,{elementSettings:h}),t.type===O.bV.CAROUSEL&&l.createElement(Mt,{elementSettings:t}),t.type===O.bV.ACCORDION&&l.createElement(Wt,{elementSettings:t})))}},87826:(e,t,o)=>{o.d(t,{A:()=>T});var l=o(1936),a=o(71715),i=o(84075),r=o(94771),n=o(10026),d=o(18021),m=o(6143),s=o(51114),c=o(90176),u=o(84226),g=o(5464),p=o(16566),b=o(6403),h=o(78443),E=o(98173),f=o(22817),v=o(72531),A=o(44004),_=o(47706),S=o(41244),B=o(942),y=(o(91480),o(93506)),k=o(7314),x=o(65185),R=o(65893);const{useToken:w}=d.A,T=({isModalVisible:e=!1,email:t=null})=>{const{__:o}=(0,_.s9)(),[d]=m.A.useForm(),T=(0,a.wA)(),{emailId:N}=(0,i.g)(),I=(0,b.hN)(),P=(0,a.d4)(E.C1),C=(0,a.d4)(f.Rz),[L,F]=(0,A.lg)(),{token:O}=w(),D=(0,a.Pj)(),[M,V]=(0,l.useState)(!1),H=((0,B.rD)(),t.project),[W,z]=(0,v.OD)(),{data:G}=v.Nq.endpoints.getProject.select(+H)(D.getState()),{testEmails:j}=(0,B.rD)(),[U,X]=(0,l.useState)([]),[$,q]=(0,l.useState)(!1),Y=(0,x.ml)(R.AZ.ON_SEND_EMAIL_MODAL_ID);(0,l.useEffect)(()=>{y.EW.isPlugin&&e?Y.fire(t).then(t=>{t.some(e=>!1===e)?T((0,h.Oo)()):V(e)}):V(e)},[e,T,V,t,Y]),(0,l.useEffect)(()=>{if(G&&!y.EW.isPlugin){const{owner:e,admins:t,users:o,invited_users:l}=G.members;let a=[];const i=localStorage.getItem(y.V0.em_test_emails)?JSON.parse(localStorage.getItem(y.V0.em_test_emails)):[];if(i.length&&i[H]&&i[H].map(({prevLSEmail:e})=>a.push(e)),l&&l.map(({invited_user_email:e})=>a.push(e)),o&&o.map(({user_email:e})=>a.push(e)),e&&a.push(e.user_email),t&&t.map(({user_email:e})=>a.push(e)),G.projects_test_emails){const e=G.projects_test_emails.map(({projects_test_email:e})=>e);a.push(...e)}const r=Array.from(new Set(a));a.length&&X(r.map(e=>({value:e})))}},[G,H]),(0,l.useEffect)(()=>{y.EW.isPlugin&&X(j.map(e=>({value:e})))},[j]),(0,l.useEffect)(()=>{var e;const t=localStorage.getItem(y.V0.em_test_emails);if(t&&M&&0===(null===(e=d.getFieldValue("recipients"))||void 0===e?void 0:e.length)){const e=JSON.parse(t);null!==e&&void 0!==e&&e[H]&&d.setFieldsValue({recipients:e[H]})}},[H,M,d]),(0,l.useEffect)(()=>{d.setFieldsValue({subject:t.subject})},[d,t.subject]);const K=(0,k.fn)(),Q=l.useRef(C);return Q.current=C,(0,l.useEffect)(()=>{const e=Q.current;if(F.isSuccess&&$){var l;if(200===(null===(l=F.data)||void 0===l?void 0:l.status)||y.EW.isPlugin){const l=[...new Set([...U.map(e=>e.value),...d.getFieldValue("recipients")])].map(e=>({projects_test_email:e})),a=(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])};a(l,e)||W({projectId:H,projects_test_emails:l});const i=localStorage.getItem(y.V0.em_test_emails)?JSON.parse(localStorage.getItem(y.V0.em_test_emails)):[];let r=d.getFieldValue("recipients");localStorage.setItem(y.V0.em_test_emails,JSON.stringify({...i,[H]:[...new Set(r)]})),I.success(o("The email \u201c")+t.title+o("\u201d was successfully sent."))}else{var a,i;I.error({error:{data:{code:null===(a=F.data)||void 0===a?void 0:a.code,message:null===(i=F.data)||void 0===i?void 0:i.message}}})}q(!1),d.resetFields(),T((0,h.Oo)())}},[F,d,H,W,U,$,T,t.title,z,o]),(0,l.useEffect)(()=>{z.isError&&(I.error(z),q(!1),d.resetFields(),T((0,h.Oo)()))},[T,z,d]),(0,l.useEffect)(()=>{d.setFieldsValue({subject:t.subject||t.title})},[t,d]),l.createElement(s.A,{width:572,title:l.createElement("div",{style:{paddingBottom:8}},l.createElement(n.A,{icon:"SendOutlined",size:20,strokeWidth:2})," ",o("Send a test email")),className:"blocks-modal",open:M,onCancel:()=>{T((0,h.Oo)()),d.resetFields()},centered:!0,footer:[l.createElement(c.Ay,{key:"submit",size:"large",className:"em-analytics__email-send-test",type:"primary",htmlType:"submit",form:"Send mail",loading:z.isLoading,icon:l.createElement(n.A,{icon:"SendOutlined",size:18,strokeWidth:2,className:"email-preview-menu__list-item-icon"}),onClick:()=>{d.validateFields().then(()=>{const e={user_id:P.id,project_id:H,email_id:N,subject:d.getFieldValue("subject"),email:d.getFieldValue("recipients").join(","),html:(t=(null===K||void 0===K?void 0:K.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;L(e).unwrap().catch(e=>{var t,o;I.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}}})}),q(!0),pushToDataLayer({event:"submit",action:"send_test_email",entity_id:N,project_id:H,recipients_count:d.getFieldValue("recipients").length})}).catch(e=>{})},disabled:F.isLoading},o("Send"))],forceRender:!0},l.createElement(m.A,{form:d,layout:"vertical",name:"send_mail_form",initialValues:{subject:t.subject||t.title,recipients:[]},autoComplete:"off"},l.createElement(m.A.Item,{label:o("Subject"),name:"subject",rules:[{required:!1,message:o("Please type subject")}]},l.createElement(u.A,{size:"large",placeholder:o("Type subject")})),l.createElement(m.A.Item,{label:o("Recipients"),name:"recipients",tooltip:{title:o("The test email will be sent to the specified addresses."),icon:l.createElement(r.A,null)},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=>S.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(g.A,{size:"large",mode:"tags",placeholder:o("Add up to 10 recipients"),tooltip:{title:"Tooltip with customize icon",icon:l.createElement(r.A,null)},options:U,tagRender:e=>{const{label:t,closable:o,onClose:a}=e;return l.createElement(p.A,{color:O.colorPrimary,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},closable:o,onClose:a,style:{borderRadius:6}},t)},getPopupContainer:()=>document.getElementById("send_mail_form")}))))}},38598:(e,t,o)=>{o.d(t,{A:()=>H});var l=o(1936),a=o(18021),i=o(6143),r=o(84226),n=o(5464),d=o(16566),m=o(54760),s=o(236),c=o(88610),u=o(35711),g=o(94771),p=o(71715),b=o(84075),h=o(47706),E=o(6056),f=o.n(E),v=o(80753),A=o(60791),_=o(89591),S=o(72531),B=o(87796),y=o(61062),k=o(11105),x=o(52898),R=o(942),w=o(41244),T=o(93506);const{useToken:N}=a.A,{title:I,description:P,tags:C,type:L,is_template:F,group:O}={title:"title",description:"description",tags:"tags",type:"type",is_template:"is_template",group:"group"},D={[I]:"",[P]:"",[C]:[],[F]:!1},M={[P]:"",[C]:[],[L]:""};const V=({className:e="",element:t})=>{var o,a;const{__:E}=(0,h.s9)(),{projectId:F}=(0,b.g)(),V=(0,p.wA)(),[H]=i.A.useForm(),{token:W}=N(),z=(0,R.rD)(),G=(0,p.Pj)(),j=(0,p.d4)(x.UI),{data:U}=(0,A.h1)(),{data:X}=(0,b.KC)(),$=t.hasOwnProperty("type")?T.IE:T.Tm,q=t.hasOwnProperty("type")?T.YY:T.zh,{refetch:Y,isLoading:K,isFetching:Q,isUninitialized:J,isSuccess:Z}=(0,B.Oo)({parent:null===(o=X.group)||void 0===o?void 0:o[0]},{skip:!(null!==(a=X.group)&&void 0!==a&&a[0])});(0,l.useEffect)(()=>{!J&&Y()},[J,Y]);const[ee,te]=(0,l.useState)([]),[oe,le]=(0,l.useState)([]),[ae,ie]=(0,l.useState)(t.is_template||!1),{data:re}=S.Nq.endpoints.getProject.select(+F)(G.getState());(0,l.useEffect)(()=>{!J&&Y()},[t.group,Y,J]),(0,l.useEffect)(()=>{if(Z&&t.is_template&&t.group.length){const e=t.group;let o={};e.length&&j.length&&(null===e||void 0===e||e.forEach(e=>{null===j||void 0===j||j.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)})));H.setFieldsValue(l)}},[H,j,t.is_template,t.group,Z]),(0,l.useEffect)(()=>{var e;le(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,w.HT)(re,q)))||void 0===e?void 0:e.map(e=>({value:e.name,key:e.id})))},[re,q]),(0,l.useEffect)(()=>{if(t){var e,o;const l=null===(e=(0,w._q)(t,q))||void 0===e?void 0:e.map(e=>e.name),a=t.emailtags||t.blocktags,i=null===(o=(0,w._q)(t,q))||void 0===o?void 0:o.filter(e=>a.includes(e.id)).map(e=>e.name);H.setFieldsValue({title:t.title,description:t.description,tags:t.tags||i||l,type:t.type})}},[H,t,q]);(0,l.useEffect)(()=>{if(U){const e=U.schema.properties.acf.properties.type.items.enum;let t=[];const o={Applications:E("Apps"),Articles:E("Article"),Banners:E("Banners"),Buttons:E("Buttons"),"Call to Action":E("Call to Action"),Contacts:E("Contacts"),Content:E("Content"),"E-Commerce":E("E-Commerce"),Feature:E("Features"),Footer:E("Footers"),Header:E("Headers"),Lists:E("Lists"),Menu:E("Menus"),Other:E("Others"),Polls:E("Polls"),Promocodes:E("Promocodes"),Separators:E("Separators")};for(let l in e)t.push({label:o[e[l]],value:e[l]});te(t)}},[U,E]);return l.createElement("div",{className:f()("settings-panel",{[e]:e})},l.createElement(i.A,{form:H,layout:"vertical",name:"settings_panel_form",initialValues:$===T.Tm?{EmailInitialValues:D}:M,onValuesChange:e=>{const o=Object.keys(e)[0];switch(o.split("_")[0]){case I:t.isNew?V((0,y.BQ)(e[o])):V((0,x.VK)(e[o]));break;case O:V((0,x.Bu)({[o.split("_")[1]]:e[o]}));break;case P:$===T.Tm?t.isNew?V((0,y.Zs)(e[o])):V(_.GY.util.updateQueryData("getEmail",t.id,t=>{Object.assign(t,{description:e[o]})})):t.isNew?V((0,k.AS)(e[o])):V(A.VM.util.updateQueryData("getBlock",t.id,t=>{Object.assign(t,{description:e[o]})}));break;case"is":t.isNew?V((0,y.TC)(e[o])):V(_.GY.util.updateQueryData("getEmail",t.id,t=>{Object.assign(t,{is_template:e[o]})}));break;case C:{const l=e[o].map(e=>e.trim());$===T.Tm?t.isNew?V((0,y.yY)(l)):V(_.GY.util.updateQueryData("getEmail",t.id,e=>{Object.assign(e,{tags:l})})):t.isNew?V((0,k.TB)(l)):V(A.VM.util.updateQueryData("getBlock",t.id,e=>{Object.assign(e,{tags:l})}));break}case L:V(A.VM.util.updateQueryData("getBlock",t.id,t=>{Object.assign(t,{type:e[o]})}));break;default:return}},autoComplete:"off"},z.subjectEnabled&&$===T.Tm&&l.createElement(i.A.Item,{label:E("Title"),name:I,tooltip:{title:E("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(g.A,null)}},l.createElement(r.A.TextArea,{placeholder:E("Type title here"),autoSize:{minRows:1}})),z.descriptionEnabled&&l.createElement(i.A.Item,{label:E("Description"),name:P,tooltip:{title:E("Description is used in other sections of the service."),icon:l.createElement(g.A,null)}},l.createElement(r.A.TextArea,{placeholder:E("Type your description here"),autoSize:{minRows:2}})),z.tagsEnabled&&l.createElement(i.A.Item,{label:E("Tags"),name:C,tooltip:{title:E("Tags help you find the block in the list."),icon:l.createElement(g.A,null)},rules:[{message:"Please input your username!",type:"array"}]},l.createElement(n.A,{mode:"tags",style:{width:"100%"},placeholder:E("Type your tags here"),options:oe,tagRender:e=>{const{label:t,closable:o,onClose:a}=e;return l.createElement(d.A,{color:W.colorPrimary,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},closable:o,onClose:a,style:{borderRadius:6}},t)},getPopupContainer:()=>document.querySelector(".email-settings__collapse")})),$===T.Tm&&z.isTemplateEnabled&&l.createElement(l.Fragment,null,l.createElement(m.A,{className:"selected-td-form__divider",style:{marginBottom:16}}),l.createElement(s.A,{title:t.isNew?E("Save email first."):E("Use this email as a template for creating future emails."),key:"isTemplate"},l.createElement(c.A,{size:10,align:"baseline"},l.createElement(i.A.Item,{name:"is_template",valuePropName:"checked",initialValue:ae},l.createElement(u.A,{size:"small",id:"setIsTemplate",onChange:e=>{ie(e)},disabled:t.isNew})),l.createElement("span",{className:"ant-form-item-switch-label",style:{position:"relative",top:2,fontSize:14,color:W.colorText}},l.createElement("label",{htmlFor:"setIsTemplate"},E("Is a template")))))),ae&&l.createElement(v.A,{element:t,refetchProjectGroups:Y,isLoading:K||Q}),$===T.IE&&l.createElement(i.A.Item,{name:L,label:E("Type"),tooltip:{title:E("Select the block type to find any block on the list faster."),icon:l.createElement(g.A,null)},rules:[{message:"Please input type!"}]},l.createElement(n.A,{placeholder:E("Choose block type"),options:ee,getPopupContainer:()=>document.querySelector(".email-settings__collapse")}))))};V.defaultProps={email:void 0};const H=V},10336:(e,t,o)=>{o.d(t,{A:()=>A});var l=o(1936),a=o(14516),i=o(7494),r=o(9231),n=o.n(r),d=o(89645),m=o.n(d),s=o(34423),c=o.n(s),u=o(85058),g=o.n(u),p=o(14865),b=o.n(p),h=o(91140),E=o.n(h),f=o(41244);o(76614);const v=[{sizeArray:[24],name:"column-one",html:n()},{sizeArray:[12,12],name:"column-two-50",html:g()},{sizeArray:[8,8,8],name:"column-three",html:b()},{sizeArray:[6,6,6,6],name:"column-four",html:E()},{sizeArray:[8,16],name:"column-two-33",html:m()},{sizeArray:[16,8],name:"column-two-66",html:c()}],A=()=>{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,r)=>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(a.A,{gutter:[6,6],className:"structures__item-row"},o.sizeArray.map((e,t)=>l.createElement(i.A,{span:e,key:o.name+t},l.createElement("div",{className:"structures__item-col"}))))))))))}},50710:(e,t,o)=>{o.d(t,{A:()=>A});var l=o(1936),a=o(14516),i=o(7494),r=o(44536),n=o.n(r),d=o(70684),m=o.n(d),s=o(86642),c=o.n(s),u=o(22643),g=o.n(u),p=o(32994),b=o.n(p),h=o(76427),E=o.n(h),f=o(41244);o(76614);const v=[{sizeArray:[24],name:"column-one",html:n()},{sizeArray:[12,12],name:"column-two-50",html:g()},{sizeArray:[8,8,8],name:"column-three",html:b()},{sizeArray:[6,6,6,6],name:"column-four",html:E()},{sizeArray:[8,16],name:"column-two-33",html:m()},{sizeArray:[16,8],name:"column-two-66",html:c()}],A=()=>{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,r)=>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(a.A,{gutter:[6,6],className:"structures__item-row"},o.sizeArray.map((e,t)=>l.createElement(i.A,{span:e,key:o.name+t},l.createElement("div",{className:"structures__item-col"}))))))))))}},73378:(e,t,o)=>{o.d(t,{A:()=>g});var l=o(1936),a=o(32544),i=o.n(a),r=o(47706),n=o(6403),d=o(89591),m=o(60791),s=o(91480),c=o(93506);const u=({element:e,context:t="list"})=>{const{__:o,_x:a}=(0,r.s9)(),[i]=(0,d.dN)(),[u]=(0,m.OZ)(),g=(0,n.hN)(),p=(0,s.u)(),b=(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"):a("email","letter"))+" "+o("\u201c")+e.data.title+o("\u201d")+o("was successfully")+" "+(t.lock?t.hasOwnProperty("type")?a("unlocked.","block"):a("unlocked.","email"):t.hasOwnProperty("type")?a("locked.","block"):a("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=>{b(l,e),l.error||p({event:o?"lock":"unlock",action:o?"lock_block":"unlock_block",entity_type:"block",entity_id:e.id,project_id:e.project,context:t})}):i({emailId:e.id,lock:o}).then(a=>{b(a,e),a.error||p({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:i().shape({lock:null,id:null})};const g=u},37148:(e,t,o)=>{o.d(t,{A:()=>A});var l=o(1936),a=o(6143),i=o(28378),r=o(84226),n=o(94771),d=o(71715),m=o(6056),s=o.n(m),c=o(47706),u=o(89591),g=o(61062);const{utm_source:p,utm_medium:b,utm_campaign:h,utm_term:E,utm_content:f}={utm_source:"utm_source",utm_medium:"utm_medium",utm_campaign:"utm_campaign",utm_term:"utm_term",utm_content:"utm_content"},v={[p]:"",[b]:"",[h]:"",[E]:"",[f]:""},A=({className:e="",email:t})=>{const{__:o}=(0,c.s9)(),m=(0,d.wA)(),[A]=a.A.useForm();(0,l.useEffect)(()=>{var e,o,l,a,i;t&&A.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===(a=t.utm_parameters)||void 0===a?void 0:a.utm_term)||"",utm_content:(null===(i=t.utm_parameters)||void 0===i?void 0:i.utm_content)||""})},[A,t]);return l.createElement("div",{className:s()("settings-panel",{[e]:e})},l.createElement(a.A,{form:A,layout:"vertical",name:"settings_panel_form_utm",initialValues:v,onValuesChange:e=>{const o=Object.keys(e)[0];switch(o){case p:t.isNew?m((0,g.K3)(e[o])):m(u.GY.util.updateQueryData("getEmail",t.id,t=>{Object.assign(t,{utm_parameters:{...t.utm_parameters,utm_source:e[o]}})}));break;case b:t.isNew?m((0,g.ol)(e[o])):m(u.GY.util.updateQueryData("getEmail",t.id,t=>{Object.assign(t,{utm_parameters:{...t.utm_parameters,utm_medium:e[o]}})}));break;case h:t.isNew?m((0,g.P3)(e[o])):m(u.GY.util.updateQueryData("getEmail",t.id,t=>{Object.assign(t,{utm_parameters:{...t.utm_parameters,utm_campaign:e[o]}})}));break;case E:t.isNew?m((0,g.zH)(e[o])):m(u.GY.util.updateQueryData("getEmail",t.id,t=>{Object.assign(t,{utm_parameters:{...t.utm_parameters,utm_term:e[o]}})}));break;case f:t.isNew?m((0,g.mk)(e[o])):m(u.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.A,{message:o("The specified parameters will be added to all links when exporting the email."),type:"info",showIcon:!0,style:{marginBottom:20}}),l.createElement(a.A.Item,{label:o("utm_source"),name:p,tooltip:{title:o("Mandatory. Indicates the traffic source. Example: utm_source=google"),icon:l.createElement(n.A,null)}},l.createElement(r.A,{placeholder:o("google")})),l.createElement(a.A.Item,{label:o("utm_medium"),name:b,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(n.A,null)}},l.createElement(r.A,{placeholder:o("cpc")})),l.createElement(a.A.Item,{label:o("utm_campaign"),name:h,tooltip:{title:o("Indicates a specific product promotion or a marketing campaign. Example: utm_campaign=spring_sale"),icon:l.createElement(n.A,null)}},l.createElement(r.A,{placeholder:o("spring_sale")})),l.createElement(a.A.Item,{label:o("utm_term"),name:E,tooltip:{title:o("Identifies search terms. For example: utm_term=running+shoes"),icon:l.createElement(n.A,null)}},l.createElement(r.A,{placeholder:o("running+shoes")})),l.createElement(a.A.Item,{label:o("utm_content"),name:f,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(n.A,null)}},l.createElement(r.A,{placeholder:o("textlink")}))))}},91113:(e,t,o)=>{o.d(t,{A:()=>B});var l=o(1936),a=o(84138),i=o(90176),r=o(94533),n=o(84226),d=o(236),m=o(71715),s=o(6056),c=o.n(s),u=o(47706),g=o(75301),p=o(10026),b=o(81644),h=o(78443),E=o(60034),f=o(98173),v=o(22817),A=o(942),_=o(93506);const{Text:S}=a.A,B=({onChange:e,value:t,validateStatus:o,placeholder:a,disabled:s,name:B,elementSettings:y,imageInfo:k})=>{var x,R;const w=(0,m.d4)(f.C1),T=(0,m.d4)(f.B$),N=(0,m.d4)(v.yN),I=(0,A.rD)(),{__:P}=(0,u.s9)(),[C,L]=(0,l.useState)({width:"",height:"",size:""}),[F,O]=(0,l.useState)(!1),[D,M]=(0,l.useState)(0);let V=(0,m.wA)();const H=(0,m.d4)(g.js),W=(0,m.d4)(g.Uf),z=(0,m.d4)(g.Ac),G=(0,m.d4)(h.cL),[j]=(0,E.FQ)();let U=!T&&(null===(x=w.id)||void 0===x?void 0:x.toString())===(null===N||void 0===N||null===(R=N.members)||void 0===R?void 0:R.owner.ID);(0,l.useEffect)(()=>{t&&j(t).then(({data:e})=>{e&&L({width:null===e||void 0===e?void 0:e.width,height:null===e||void 0===e?void 0:e.height,size:((null===e||void 0===e?void 0:e.fileSize)/1024).toFixed(0),format:null===e||void 0===e?void 0:e.format})})},[t,j]),(0,l.useEffect)(()=>{s||(B.startsWith("src")&&H&&((null===y||void 0===y?void 0:y.type)!==_.bV.CAROUSEL||W===B&&!G)?(e(H),V((0,g.BK)())):"backgroundImage"===B&&z&&((null===y||void 0===y?void 0:y.type)!==_.bV.CAROUSEL||W===B&&!G)&&(e(z),V((0,g.BK)())),G&&(null===y||void 0===y?void 0:y.type)===_.bV.CAROUSEL||!W||V((0,g.BK)()))},[H,W,z,e,B,s,null===y||void 0===y?void 0:y.type,V,G]);const X=(e=null)=>{B.startsWith("src")?(V((0,g.Yw)(B)),V((0,g.tm)(t)),V((0,h.qf)(e||_.lx.UPLOAD_IMAGE_MODAL))):B.startsWith("backgroundImage")&&(V((0,g.Yw)(B)),V((0,g.e_)(t)),V((0,h.qf)(e||_.lx.UPLOAD_BACKGROUND_MODAL)))},$=[{label:P("Upload"),key:"Upload",onClick:()=>X(B.startsWith("src")?_.lx.UPLOAD_IMAGE_MODAL_UPLOAD:_.lx.UPLOAD_BACKGROUND_MODAL_UPLOAD)}];I.imageCenterStockEnabled&&$.push({label:P("Stock"),key:"Stock",onClick:()=>X(B.startsWith("src")?_.lx.UPLOAD_IMAGE_MODAL_STOCK:_.lx.UPLOAD_BACKGROUND_MODAL_STOCK)}),I.imageCenterGifEnabled&&$.push({label:P("GIF"),key:"GIF",onClick:()=>X(B.startsWith("src")?_.lx.UPLOAD_IMAGE_MODAL_GIF:_.lx.UPLOAD_BACKGROUND_MODAL_GIF)}),I.elementAIimageEnabled&&$.push({label:P("AI"),key:"AI",onClick:()=>X(B.startsWith("src")?_.lx.UPLOAD_IMAGE_MODAL_AI:_.lx.UPLOAD_BACKGROUND_MODAL_AI)});return l.createElement("div",{className:c()("upload-bg-image",{"upload-bg-image_disabled":s})},!t||t&&"error"===o?l.createElement(i.Ay,{type:"default",block:!0,onClick:()=>X(B.startsWith("src")?_.lx.UPLOAD_IMAGE_MODAL_UPLOAD:_.lx.UPLOAD_BACKGROUND_MODAL_UPLOAD),icon:l.createElement(p.A,{icon:"Image",size:16,strokeWidth:I.iconStrokeWidth})},P("Add image")):l.createElement("div",{className:"ant-input-file-uploader upload-bg-image__inner-wrap",onClick:e=>{var t,o,l,a;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!==(a=e.target)&&void 0!==a&&a.closest(".inputGroup")||X(B.startsWith("src")?_.lx.UPLOAD_IMAGE_MODAL_UPLOAD:_.lx.UPLOAD_BACKGROUND_MODAL_UPLOAD)}},l.createElement(r.A,{arrow:!0,dropdownRender:()=>I.imagePathDropdownEnabled?l.createElement("div",{className:"inputGroup"},l.createElement(n.A,{prefix:l.createElement(p.A,{icon:"Image",size:20,strokeWidth:I.iconStrokeWidth,style:{verticalAlign:"text-top"}}),allowClear:!0,onChange:e,value:t,placeholder:a,name:B,disabled:s,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"},l.createElement("img",{className:"upload-bg-image__uploader-img",src:t,alt:""})),l.createElement("div",{className:"upload-bg-image__uploader-icons-wrap"},l.createElement("div",{className:"upload-bg-image__uploader-content"}))))),C.width&&C.height?l.createElement("div",{className:"image-size"},C.width," \xd7 ",C.height,!!y&&(y.type===_.bV.IMG||y.type===_.bV.CAROUSEL)&&" \u2192 "+k.renderedWidth+" \xd7 "+k.renderedHeight,l.createElement("span",{className:"image-size-splitter"}," \xa0\u2022\xa0 "),l.createElement("span",null,C.size," ",P("kB")),C.format&&l.createElement(l.Fragment,null,l.createElement("span",{className:"image-size-splitter"}," \xa0\u2022\xa0 "),l.createElement("span",{className:"image-size-format"},C.format))):l.createElement(S,{type:"secondary",className:"image-empty-text"},a))),l.createElement("div",{style:{flexGrow:1}}),"gif"!==C.format&&I.imageCenterEditorEnabled&&l.createElement(d.A,{title:P("Edit")},l.createElement(S,{type:"link",className:"upload-bg-image__edit"},l.createElement(p.A,{icon:"Edit",size:16,strokeWidth:I.iconStrokeWidth,onClick:e=>{U?(O(!0),M(5)):(X(),V((0,h.Wz)(_.lx.IMAGE_EDITOR_MODAL)))}}))),l.createElement(r.A,{key:"Actions",arrow:{pointAtCenter:!0},placement:"bottom",menu:{items:$},overlayClassName:"upload-bg-image__menu"},l.createElement(S,{type:"link",className:"upload-bg-image__edit-menu image-change"},!t||t&&"error"===o?P("Upload"):l.createElement(p.A,{size:16,strokeWidth:I.iconStrokeWidth,icon:"SyncOutlined",onClick:()=>X(B.startsWith("src")?_.lx.UPLOAD_IMAGE_MODAL_UPLOAD:_.lx.UPLOAD_BACKGROUND_MODAL_UPLOAD)})))),l.createElement(b.A,{open:F,onCancel:()=>{O(!1)},initialSlide:D}))}},52976:(e,t,o)=>{o.d(t,{A:()=>W});var l=o(1936),a=o(61578),i=o(71715),r=o(84075),n=o(88260),d=o(41904),m=o(32101),s=o(165),c=o(90176),u=o(6329),g=o(12650),p=o(79059),b=o(47207),h=o(66034),E=o(89591),f=o(3758),v=o(98173),A=o(38343),_=o(52898),S=o(40867),B=o(75354),y=o(74663),k=o(78443),x=o(61062),R=o(93506),w=o(7959),T=o(3875),N=o(15582),I=o(9438),P=o(47706),C=o(942),L=o(7314),F=o(7714),O=o(2527),D=o(49591),M=o(14109),V=o(20387);const{Content:H}=d.A,W=()=>{var e;const{__:t}=(0,P.s9)(),{owner:o}=(0,w.A)(),W=(0,i.wA)(),z=(0,r.Zp)(),G=(0,L.fn)(),{modal:j}=m.A.useApp(),U=(0,C.rD)(),X=(0,T.cR)(),$=(0,O.p)(),q=(0,F.QC)(),Y=(0,L.aD)(G),{emailId:K,projectId:Q,preview:J}=(0,r.g)(),[Z,ee]=(0,n.ok)(),te=(0,i.d4)(_.Hs),oe=(0,i.d4)(S.Fv),le=(0,i.d4)(S.cL),ae=(0,i.d4)(v.C1),ie=(0,i.d4)(x.YG),re=(0,i.d4)(S.oG),[ne]=(0,f.on)(),{isSuccess:de,data:me}=(0,f.W5)(),[se,ce]=(0,l.useState)(!1),[ue,ge]=(0,l.useState)(!1),[pe,be]=(0,l.useState)(),[he,Ee]=(0,l.useState)(!1),[fe,ve]=(0,l.useState)(!1),[Ae,_e]=(0,l.useState)(!1),[Se,Be]=(0,l.useState)(!1),[ye,ke]=(0,l.useState)(!1),xe=(0,l.useRef)(),{confirm:Re}=j,{counters:we,subscription:Te}=ae,Ne=null===we||void 0===we?void 0:we.emails_counter,Ie=$.get(R.A9.em_template_email),Pe=Z.get("template")||!ue&&!K&&$.get(R.A9.em_new_email);(0,l.useEffect)(()=>{!ue&&te.id&&ge(!0)},[ge,ue,te.id]);const{isSuccess:Ce,isLoading:Le,isError:Fe,error:Oe,data:De}=(0,E.sl)(Pe,{skip:!Pe||!!K}),Me=Pe?De:K?te:ie;(0,M.f)(Me,void 0===K);const Ve=(0,D.r)(Me),{isLoading:He,isSuccess:We,isError:ze,error:Ge}=(0,E.sl)(K,{skip:!K}),je=Pe?Oe:Ge,Ue=Pe?Fe:ze,Xe=Pe?Le:He,$e=Pe?Ce:We;(0,l.useEffect)(()=>{Pe&&Ce&&(W((0,x.MZ)(De)),ge(!0),ee({}))},[Pe,Ce,W,De,Ie,ee]),(0,l.useEffect)(()=>(W((0,S.mi)(!0)),()=>W((0,S.mi)(!0))),[W]);const qe=(0,l.useCallback)(()=>{W((0,S.vs)()),W((0,A.rI)())},[W]);(0,l.useEffect)(()=>{J&&!oe&&qe()},[oe,J,qe]),(0,l.useEffect)(()=>{W((0,B.ff)()),document.body.classList.add("editor"),W((0,S.PM)(R.Bv))},[W]),(0,l.useEffect)(()=>{!se&&Ne<3&&(ne(),ce(!0))},[ne,Ne,se]);const Ye=(0,l.useCallback)(()=>{Y.undo()},[Y]),Ke=(0,l.useCallback)(()=>{Y.redo()},[Y]);(0,l.useEffect)(()=>{xe.current!==(null===Me||void 0===Me?void 0:Me.id)&&(Y.clear(),xe.current=null===Me||void 0===Me?void 0:Me.id)},[Me,Y]);const Qe=(0,l.useCallback)(e=>{(window.navigator.appVersion.indexOf("Mac")&&e.metaKey||e.ctrlKey)&&"KeyZ"===e.code&&(e.preventDefault(),e.shiftKey?Ke():Ye())},[Ye,Ke]);(0,l.useEffect)(()=>()=>{W((0,A.rI)()),W((0,S.Oo)()),W((0,k.Oo)()),W((0,y.qX)())},[W]),(0,l.useEffect)(()=>{const e=q.addListener(R.Ru.APPLICATION_HAS_AMP,e=>{W(null!==Me&&void 0!==Me&&Me.id?(0,_.VO)(e):(0,x.lg)(e))});return()=>e.dispose()},[q,W,null===Me||void 0===Me?void 0:Me.id]);const Je=(0,l.useCallback)(e=>{const t=e.data.operation,o=e.data,l=e.data.action,a=X.querySelector("#iframe-scroll-top"),i=X.querySelector("#iframe-scroll-bottom");if(t===R.Ru.APPLICATION_EBLOCK_ADD&&(be(o.data),W((0,S.qf)(R.lx.ADD_NEW_EBLOCK_MODAL))),t===R.Ru.APPLICATION_ACTION&&("undo"===l?Ye():"redo"===l&&Ke()),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&&(a.style.display="block"),o.top+o.height>t&&(i.style.display="block")}t===R.Ru.APPLICATION_SCROLL_BLOCK_HIDE&&(a.style.display="none",i.style.display="none")},[W,Ye,Ke,X]);(0,N.A)(Je);const Ze=e=>{var t,o;null!==(t=e.target)&&void 0!==t&&null!==(o=t.closest)&&void 0!==o&&o.call(t,".file-manager, .ant-modal.file-manager")||(e.preventDefault(),e.target&&q.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 a.j;return e.addDisposable((0,V.a)(X,"drop",Ze)),e.addDisposable((0,V.a)(X,"dragover",et)),e.addDisposable((0,V.a)(X,"dragstart",ot)),e.addDisposable((0,V.a)(X,"dragend",tt)),()=>{e.dispose()}},[X]),(0,l.useEffect)(()=>{const e=e=>{e.preventDefault()};return window.addEventListener("keydown",Qe),window.addEventListener("dragenter dragleave",e),()=>{window.removeEventListener("keydown",Qe),window.removeEventListener("dragenter dragleave",e)}});const et=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"),a=X.querySelector("#iframe-scroll-bottom"),i=U.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:m}=n.getBoundingClientRect(),s=i.getBoundingClientRect().height;m>96?"block"===l.style.display&&(l.style.display="none"):"none"!==l.style.display&&""!==l.style.display||(l.style.display="block"),d-s+m-r<44?"block"===a.style.display&&(a.style.display="none"):"none"===a.style.display&&(a.style.display="block"),e.target===l&&i.scrollBy(0,-15),e.target===a&&i.scrollBy(0,15)},tt=()=>{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")})},ot=e=>{e.target.parentElement.classList.add("em-dragging-element");var t=e.target.closest(".blocks-search__result-wrapper")?e.target.querySelector(".blocks-search__result-html").cloneNode(!0):e.target.cloneNode(!0);t.classList.add("em-ghost-element"),t.style.height=e.target.closest(".blocks-search__result-wrapper")?"auto":"70px",t.style.width=e.target.closest(".blocks-search__result-wrapper")?"600px":"109px",t.style.position="absolute",t.style.top="0",t.style.left="0",t.style.zIndex="-1",e.target.appendChild(t),e.dataTransfer.setDragImage(t,0,0),window.setTimeout(function(){t.parentNode.removeChild(t)},1e3)},lt=(0,l.useCallback)(()=>{Re({title:t("You reached the plan limit"),icon:l.createElement(I.A,null),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(){z("/billing")},onCancel(){}})},[z,t,Re]);return(0,l.useEffect)(()=>{if(de&&me){var e,t;const l=null===me||void 0===me||null===(e=me.find(e=>{var t,o;return(null===(t=e.id)||void 0===t?void 0:t.toString())===(null===Te||void 0===Te||null===(o=Te.ID)||void 0===o?void 0:o.toString())}))||void 0===e||null===(t=e.limits)||void 0===t?void 0:t.emails_limit;l&&Ne>=l&&!he&&!K&&o&&(lt(),Ee(!0))}},[me,de,Te,Ne,he,lt,K,o]),(0,l.useEffect)(()=>{const e=q.onInit(()=>{q.send({operation:R.Ru.SANDBOX_LOCK_EDIT,data:!1})});return()=>e.dispose()},[q]),l.createElement(d.A,{className:"email-page"},Xe&&l.createElement(g.A,null),Ue&&je&&l.createElement(H,{style:{paddingTop:"40px"}},l.createElement("div",{className:"container"},l.createElement(s.Ay,{status:null===je||void 0===je?void 0:je.status,title:null===je||void 0===je?void 0:je.status,subTitle:(null===je||void 0===je||null===(e=je.data)||void 0===e?void 0:e.message)||(null===je||void 0===je?void 0:je.error)||t("Unknown error"),extra:l.createElement(c.Ay,{type:"primary",onClick:()=>{z(`/projects/${Q}/emails`)}},t("Back To Project"))}))),(!K&&!Pe&&ue||We&&Me)&&!Xe&&l.createElement(d.A,{className:"email-pane"},re&&l.createElement("div",{className:"email-pane__loader"},l.createElement(g.A,{small:!0})),l.createElement(p.A,{email:Me,autoSaveEmailResult:Ve,isCollaborationEditor:fe}),l.createElement(u.A,{emailElement:Me,isSuccess:$e,setIsCollaborationEditor:ve,setIsShowAddAllBlocksModal:_e,triggerOpenSavedBlocksTab:Se})),l.createElement(b.A,{isModalVisible:le===R.lx.ADD_NEW_EBLOCK_MODAL,htmlContent:pe,projectId:Q,setIsShowAddAllBlocksModal:_e,setIsShowAddAllBlocksModalForNewEmail:ke,currentEmail:Me}),l.createElement(h.A,{isModalVisible:Ae,currentEmail:Me,setIsShowAddAllBlocksModal:_e,setTriggerOpenSavedBlocksTab:Be,autoStart:!ye,projectId:Q}))}},36379:(e,t,o)=>{o.d(t,{A:()=>z});var l=o(1936),a=o(71715),i=o(84075),r=o(41904),n=o(18021),d=o(90947),m=o(236),s=o(10026),c=o(22817),u=o(52898),g=o(3758),p=o(47706),b=o(91480),h=o(7714),E=o(86457),f=o(93506);const v=()=>{var e;const{__:t}=(0,p.s9)(),o=(0,a.wA)(),{projectId:r}=(0,i.g)(),n=(0,a.d4)(c.yN),[v]=(0,g.b9)(),[A,_]=(0,l.useState)(null===(e=window)||void 0===e?void 0:e.localStorage.getItem(f.V0.em_color_scheme)),S=(0,h.XW)(),B=(0,b.u)(),y=(0,l.useCallback)((e=null)=>{const t=e;(e=>{let t,l;if((0,E.Hk)(e),null===e){const e=matchMedia(f.F3).matches?f.nd:f.T;localStorage.removeItem(f.V0.em_color_scheme),t=e,l="auto"}else localStorage.setItem(f.V0.em_color_scheme,e),t=e,l=e;o((0,u.eX)(t===f.nd?`vs-${t}`:f.T)),(0,E.A5)(t),S({operation:f.Ru.UPDATE_PREVIEW,theme:t}),v({theme:e}),B({event:"change",action:"change_theme",theme_name:l,project_id:(null===n||void 0===n?void 0:n.id)||r})})(t),_(t)},[o,v,S,B,null===n||void 0===n?void 0:n.id,r]);return(0,l.useEffect)(()=>{matchMedia(f.F3).onchange=()=>y()},[y]),l.createElement("div",{onClick:e=>e.stopPropagation()},l.createElement(d.A,{className:"theme-switcher",style:{cursor:"pointer",color:"var(--colorText)"},value:A,options:[{label:l.createElement(m.A,{title:t("Light theme")},l.createElement(s.A,{icon:"LightMode",size:18,strokeWidth:1.8})),value:f.T},{label:l.createElement(m.A,{title:t("System theme")},l.createElement(s.A,{icon:"AutoMode",size:18,strokeWidth:1.8})),value:null},{label:l.createElement(m.A,{title:t("Dark theme")},l.createElement(s.A,{icon:"DarkMode",size:16,strokeWidth:1.8})),value:f.nd}],onChange:e=>y(e)}))};var A=o(59511),_=o(74516),S=o(11421),B=o(67078),y=o(47362),k=o(22490),x=o(25413),R=o(68069),w=o(98173),T=o(78443),N=o(6403),I=o(12723),P=o(34972),C=o(30392),L=o(36234),F=o(942),O=o(7314),D=o(51597),M=o(6056),V=o.n(M);const{Sider:H}=r.A,{useToken:W}=n.A,z=()=>{var e;const{token:t}=W();let o=(0,i.zy)();const n=(0,a.wA)(),d=(0,i.Zp)(),{emailId:m,blockId:s,projectId:c}=(0,i.g)(),g=(0,a.d4)(T.cL),p=(0,a.d4)(w.C1),h=(0,l.useRef)(),M=(0,b.u)(),[z]=(0,x.bw)(),G=(0,N.hN)();h.current||(h.current=(0,O.$Z)()),(0,l.useEffect)(()=>{(0,E.FN)(t)},[t]);const{data:j=[],isSuccess:U}=(0,x.I9)(null!==(e=null===p||void 0===p?void 0:p.id)&&void 0!==e?e:"",{pollingInterval:3e4,skip:!!g||!(null!==p&&void 0!==p&&p.id)});(0,l.useEffect)(()=>{const e=j.filter(e=>""===e.seen||null===e.seen);setTimeout(()=>{e.length&&U&&e.forEach(e=>{var t,o;"subscription_payment"===e.event&&M({event:"payment",data:e.data}),G[e.type]({message:(null===(t=e.title)||void 0===t?void 0:t.rendered)||e.title||"",description:(null===(o=e.content)||void 0===o?void 0:o.rendered)||""});const l=(new Date).toLocaleString();z({id:e.id,datetime:l}).unwrap()})},5e3)},[U,z,j,G]),(0,I.A)(),(0,P.A)(),(0,C.A)(),(0,l.useEffect)(()=>{s||n((0,R.nJ)()),m||n((0,u.ss)())},[s,m,n,o.pathname]);let X=null;m||s||o.pathname.endsWith("/new")?X=h.current:h.current&&h.current.getValue()&&setTimeout(()=>h.current.setValue(""),1e3);const $=JSON.parse(localStorage.getItem(f.V0.em_menu_is_locked)),[q,Y]=(0,l.useState)((null===$||void 0===$?void 0:$.isLocked)||!1),[K,Q]=(0,l.useState)(!0);return(0,l.useEffect)(()=>{const e=()=>localStorage.setItem(f.V0.em_menu_is_locked,JSON.stringify({isLocked:q}));return e(),e()},[q]),(0,L.D3)(D._1,(0,l.useCallback)(e=>{const t=(0,F.Mu)(e);d(t)},[d])),l.createElement("div",{className:"main"},l.createElement(O.kx.Provider,{value:X},l.createElement("div",{className:"main__pane main__pane_main"},l.createElement("div",{className:"main__pane-content",id:"pane-content-iframe"},l.createElement(r.A,{className:"main__pane-layout",hasSider:!0},!f.EW.isPlugin&&l.createElement(H,{theme:"light",style:{borderColor:t.colorBorder,position:"fixed",overflow:"hidden"},collapsible:!0,collapsed:!q&&K,defaultCollapsed:!0,reverseArrow:!q&&!K||q&&!K,trigger:l.createElement("div",{className:"main__pane-trigger"},q?l.createElement(k.A,{style:{fontSize:18}}):l.createElement(l.Fragment,null,l.createElement(B.A,{style:{fontSize:18}}),l.createElement(y.A,{style:{fontSize:18}})),l.createElement(v,null)),className:V()("main__menu",{main__menu_lock:q}),width:260,collapsedWidth:80,zeroWidthTriggerStyle:{},onCollapse:(e,t)=>{const o=!q;e?!q&&Q(!0):Q(!e),Y(o),M({event:"toggle",action:"toggle_side_panel_lock",is_locked:o,project_id:c,location:"left_menu"})},onMouseEnter:()=>!q&&Q(!1),onMouseLeave:()=>!q&&Q(!0)},l.createElement(A.A,{isMenuCollapsed:K,setIsMenuCollapsed:Q,isLocked:q})),l.createElement(_.A,{isModalVisible:g===f.lx.EDIT_PROJECT_MODAL}),l.createElement(S.A,{isModalVisible:g===f.lx.EDIT_PROFILE_MODAL}),l.createElement(i.sv,null))))))}},7331:(e,t,o)=>{o.d(t,{A:()=>c});var l=o(1936),a=o(84075),i=o(41904),r=o(165),n=o(90176),d=o(41244),m=o(47706);const{Content:s}=i.A,c=()=>{const{__:e}=(0,m.s9)();let t=(0,a.Zp)();return l.createElement(i.A,null,l.createElement(s,{className:"container"},l.createElement(r.Ay,{status:"500",title:"404",subTitle:e("Sorry, the page you visited does not exist."),extra:l.createElement(n.Ay,{type:"primary",onClick:()=>(0,d.XZ)(t,"/projects")},e("Back Home"))})))}},99466:(e,t,o)=>{o.d(t,{A:()=>h});var l=o(1936),a=o(71715),i=o(84075),r=o(72531),n=o(22817),d=o(41904),m=o(165),s=o(90176),c=o(12650),u=o(93506),g=o(41244),p=o(47706);const{Content:b}=d.A,h=()=>{var e;const{__:t}=(0,p.s9)();let o=(0,i.Zp)(),h=(0,i.zy)();const E=(0,a.wA)(),{projectId:f}=(0,i.g)(),v=(0,r.fo)(+f,{skip:!f}),{isLoading:A,isError:_,error:S,isSuccess:B,data:y}=v;return(0,l.useEffect)(()=>{B&&(null===y||void 0===y?void 0:y.id)!==f&&E((0,n.od)(y))},[B,y,E,f]),(0,l.useEffect)(()=>{B&&f&&h.pathname.endsWith(f)&&o(`${h.pathname}/emails`)},[B,h,o,f]),l.createElement(l.Fragment,null,A&&l.createElement(c.A,null),_&&S&&l.createElement(d.A,{className:"project-outlet"},l.createElement(b,{className:"project-outlet__container container"},l.createElement(m.Ay,{status:S.status,title:S.status,subTitle:null===(e=S.data)||void 0===e?void 0:e.message,extra:l.createElement(s.Ay,{type:"primary",onClick:()=>(0,g.XZ)(o,"/projects")},t("Back To Projects"))}))),(B||u.EW.isPlugin)&&l.createElement(i.sv,{context:{...v}}))}},63873:(e,t,o)=>{o.d(t,{A:()=>A});var l=o(1936),a=o(84075),i=o(72153),r=o(91796),n=o(41904),d=o(84138),m=o(88610),s=o(236),c=o(90176),u=o(39410),g=o(85986),p=o(41244),b=o(47706),h=o(2527),E=o(93506);const{Content:f}=n.A,{Paragraph:v}=d.A,A=()=>{const{__:e}=(0,b.s9)();let t=(0,a.Zp)();const o=(0,h.p)(),{projectId:d,emailId:A}=(0,a.g)(),_=o.get(E.A9.em_template_email)||A;(0,l.useEffect)(()=>{document.body.classList.remove("editor")},[]);const S=l.createElement(l.Fragment,null,l.createElement(m.A,{size:10},l.createElement(s.A,{title:e("To emails"),placement:"left"},l.createElement(c.Ay,{type:"text",icon:l.createElement(r.A,null),onClick:()=>(0,p.XZ)(t,`/projects/${d}`),shape:"circle"})),l.createElement(v,{className:"ant-page-header-heading-title"},e("Select email template")),l.createElement(g.A,{isBlocks:!1,templateEmailId:_}))),B=l.createElement(l.Fragment,null);return l.createElement(n.A,{className:"template-page"},l.createElement(i.A,{leftBlock:S,rightBlock:B}),l.createElement(f,{className:"template-page__container"},l.createElement("div",{className:"template-page__content container"},l.createElement(u.A,{projectId:E.p5,emailsView:E.Y$,templateEmailId:_}))))}},83231:(e,t,o)=>{o.d(t,{EQ:()=>d,YG:()=>s,Zs:()=>n,gb:()=>m});var l=o(94104),a=o(74778),i=o(26967);const r="Ai",n=(0,l.xP)({reducerPath:"AiApi",tagTypes:[r],baseQuery:(0,i.hI)({baseUrl:"https://app.emailmaker.ru/api/wp-json/save-file/v1/"}),endpoints:e=>({sendMessage:e.mutation({queryFn:({body:e},t)=>(0,i.KU)(t).saveFile.ai_create(e,{type:a.cM.FormData})}),getDialog:e.query({queryFn({entity_id:e,connection:t="chat"},o){var l,a;if(!1===(null===(l=o.getState().configSlice)||void 0===l||null===(a=l.config)||void 0===a?void 0:a.aiAssistentEnabled))return Promise.resolve({data:{documents:[],totalCount:0}});return(0,i.KU)(o).saveFile.ai_status_list({connection:t,entity_id:e})},providesTags:e=>null!==e&&void 0!==e&&e.documents?[...e.documents.map(({id:e})=>({type:r,id:e})),{type:r,id:"LIST"}]:[{type:r,id:"LIST"}]})})}),{useSendMessageMutation:d,useGetDialogQuery:m,useLazyGetDialogQuery:s}=n},82994:(e,t,o)=>{o.d(t,{Ll:()=>p,MN:()=>h,Uu:()=>c,y4:()=>b});var l=o(94104),a=o(27849),i=o(50548),r=o(90197),n=o(93506),d=o(20263),m=o(26967),s=o(39565);const c=(0,l.xP)({reducerPath:"AiApiGenerator",baseQuery:s.i,endpoints:e=>({generateIdForTask:e.mutation({queryFn:(e,t)=>(0,m.u$)(t).tasks.tasksControllerCreateTask(e).then(e=>e)}),clearAiChat:e.query({queryFn:(e,t)=>(0,m.KU)(t).aiGenerator.clear_history_list(e).then(e=>e)}),getGeneratedContent:e.query({queryFn:e=>({data:[]}),async onCacheEntryAdded({id:e,setError:t},o){const{updateCachedData:l,cacheEntryRemoved:s}=o,c=(0,m.KU)(o).baseUrl.indexOf("emailmaker")>=0?n.e3.maker:n.e3.blocks,u=n.EW.isPlugin?await d.di.getInstance(o,i.Y):a.A.get(n.A9.em_token),g=u?{Authorization:`Bearer ${u}`}:{},p=new r.EventSourcePolyfill(`${c}/tasks/${e}`,{headers:g});p.onmessage=e=>{const t=JSON.parse(e.data);l(e=>{e.push(t)})},p.onerror=e=>{t("Error connecting to EventSource"),p.close()},await s,p.close()}}),getAiGenerateStatus:e.mutation({query:e=>({url:"/constructor/v1/ai-save-task",method:"POST",body:e})})})}),{useGenerateIdForTaskMutation:u,useGetGeneratedContentQuery:g,useLazyClearAiChatQuery:p,useLazyGetGeneratedContentQuery:b,useGetAiGenerateStatusMutation:h}=c},83193:(e,t,o)=>{o.d(t,{lH:()=>n});var l=o(92079);function a(e){return`em_autosave_pending_${e}`}function i(e){try{sessionStorage.removeItem(a(e))}catch{}}function r(e,t){var o;return!(null===(o=e.slug)||void 0===o||!o.includes("autosave"))&&Date.parse(e.modified)>=t-5e3}const n=new class{constructor(){this.polls=new Map,this.processedEmails=new Set}onAutoSaveStarted(e,t){!function(e,t){try{sessionStorage.setItem(a(e),JSON.stringify(t))}catch{}}(e,t)}onAutoSaveCompleted(e){}onHistoryFetched(e,t,o,n){const d=function(e){return null!==e&&void 0!==e&&e.length?[...e].sort((e,t)=>Date.parse(t.modified)-Date.parse(e.modified))[0]:null}(t),m=this.polls.get(e);if(m&&(m.triggerRefetch=n,m.dispatch=o),"fast"===(null===m||void 0===m?void 0:m.phase)){return void(!(!d||!r(d,m.pending.sentAt))&&(i(e),this.cancelPolling(e),o((0,l.H3)({emailId:e,payload:d,phase:"found"})),this.processedEmails.add(e)))}if("bg"===(null===m||void 0===m?void 0:m.phase))return void(d&&r(d,m.pending.sentAt)&&(i(e),this.cancelPolling(e),o((0,l.H3)({emailId:e,payload:d,phase:"bg"}))));if(this.processedEmails.has(e))return;const s=function(e){try{const t=sessionStorage.getItem(a(e));if(!t)return null;const o=JSON.parse(t);return Date.now()-o.sentAt>6e4?(sessionStorage.removeItem(a(e)),null):o}catch{return null}}(e);var c;s?d&&r(d,s.sentAt)?(i(e),o((0,l.H3)({emailId:e,payload:d,phase:"found"})),this.processedEmails.add(e)):this.startFastPoll(e,s,o,n):(null!==d&&void 0!==d&&null!==(c=d.slug)&&void 0!==c&&c.includes("autosave")&&o((0,l.H3)({emailId:e,payload:d,phase:"normal"})),this.processedEmails.add(e))}cancelPolling(e){const t=this.polls.get(e);null!==t&&void 0!==t&&t.timer&&clearTimeout(t.timer),t&&t.dispatch((0,l.Bn)(!1)),this.polls.delete(e),this.processedEmails.delete(e)}startFastPoll(e,t,o,a){o((0,l.Bn)(!0));const i={phase:"fast",attempts:0,pending:t,timer:null,triggerRefetch:a,dispatch:o};this.polls.set(e,i),this.scheduleNextPoll(e)}scheduleNextPoll(e){const t=this.polls.get(e);if(!t)return;const o="fast"===t.phase,a=o?2e3:5e3,r=o?5:4;t.timer=setTimeout(()=>{const t=this.polls.get(e);if(t)if(t.attempts++,t.triggerRefetch(),o&&t.attempts>=r){const{pending:o,dispatch:a}=t;i(e),a((0,l.Bn)(!1)),a((0,l.H3)({emailId:e,payload:{html:o.html,common_styles:o.common_styles,subject:o.subject,preheader:o.preheader},phase:"timeout"})),this.processedEmails.add(e),t.phase="bg",t.attempts=0,this.scheduleNextPoll(e)}else!o&&t.attempts>=r?(i(e),this.cancelPolling(e)):this.scheduleNextPoll(e)},a)}}},24709:(e,t,o)=>{o.d(t,{N:()=>l.N});var l=o(12465)},42712:(e,t,o)=>{o.d(t,{q:()=>l.q});var l=o(87644)},36401:(e,t,o)=>{o.d(t,{d:()=>l.d});var l=o(50121)},66163:(e,t,o)=>{o.d(t,{V:()=>n});var l=o(27849),a=o(50548),i=o(93506),r=o(90308);async function n(e,t,o,n,d){const m={blocks:n,types:r.G,locale:t};o.current=m;try{const e=await async function(e){return i.EW.isPlugin?await e.getInstance(a.Y):l.A.get(i.A9.em_token)||null}(d),t=await fetch(r.M,{method:"POST",headers:{"Content-Type":"application/json",...e?{Authorization:`Bearer ${e}`}:{}},body:JSON.stringify(m)});if(!t.ok||200!==t.status)throw new Error(`${t.statusText}`);return await t.json()}catch(s){throw s}}},80293:(e,t,o)=>{o.d(t,{x:()=>l.x});var l=o(98881)},84697:(e,t,o)=>{o.d(t,{n:()=>l.n});var l=o(36472)},64886:(e,t,o)=>{o.d(t,{Jg:()=>s,z2:()=>u,HI:()=>g,vn:()=>b,kk:()=>p,Cf:()=>c});var l=o(94104),a=o(74778),i=o(47085);function r({id:e,post:t,parent:o,author:l,content:a,acf:{status:r,target_id:n},...d}){return{...d,id:(0,i.WY)(e),post:(0,i.WY)(t),parent:(0,i.WY)(o),author:(0,i.WY)(l),content:(0,i.vf)(a),target_id:n,comment_status:r}}var n=o(26967),d=o(72227);const m="Comments",s=(0,l.xP)({reducerPath:"commentsApi",tagTypes:[m],baseQuery:(0,n.hI)({baseUrl:"https://app.emailmaker.ru/api/wp-json/wp/v2/"}),endpoints:e=>({getComments:e.query({queryFn:function(e,t){return(0,n.KU)(t).wp.comments_list({post:[(0,i.mQ)(e)],per_page:50,order:"asc"}).then((0,d.Ih)(r))},providesTags:e=>e?[...e.map(({id:e})=>({type:m,id:e})),{type:m,id:"LIST"}]:[{type:m,id:"LIST"}]}),addComment:e.mutation({queryFn({subjectId:e,author:t,parent:o,content:l,author_name:m,author_email:s,targetId:c},u){const g=(0,n.KU)(u),p={post:(0,i.mQ)(e),author:(0,i.mQ)(t),author_name:m,author_email:s},b={};return l&&(p.content=l),o&&(p.parent=(0,i.mQ)(o)),c&&(b["acf[target_id]"]=c),g.wp.comments_create(p,{type:a.cM.UrlEncoded,extraQuery:b}).then((0,d.SC)(r))},invalidatesTags:[{type:m,id:"LIST"}]}),deleteComment:e.mutation({queryFn:(e,t)=>(0,n.KU)(t).wp.comments_delete({id:e},{}).then((0,d.PI)(r)),invalidatesTags:[{type:m,id:"LIST"}]}),editComment:e.mutation({queryFn({commentId:e,content:t,status:o,targetId:l},i){const m=(0,n.KU)(i),s={},c={};return t&&(s.content=t),o&&(c["acf[status]"]=o),l&&(c["acf[target_id]"]=l),m.wp.comments_update({id:e},s,{type:a.cM.UrlEncoded,extraQuery:c}).then((0,d.SC)(r))},invalidatesTags:[{type:m,id:"LIST"}]}),deleteTarget:e.mutation({queryFn:(e,t)=>(0,n.KU)(t).wp.comments_update({id:e},{},{type:a.cM.UrlEncoded,extraQuery:{"acf[target_id]":""}}).then((0,d.SC)(r)),invalidatesTags:[{type:m,id:"LIST"}]})})}),{useGetCommentsQuery:c,useAddCommentMutation:u,useDeleteCommentMutation:g,useEditCommentMutation:p,useDeleteTargetMutation:b}=s},3711:(e,t,o)=>{o.d(t,{C:()=>r,F:()=>i});var l=o(94104),a=o(53366);const i=(0,l.xP)({reducerPath:"confirmationMailApi",baseQuery:(0,a.cw)({baseUrl:"https://px0.emailmaker.ru/",responseHandler:e=>e.text()}),endpoints:e=>({getConfirmationMail:e.query({query:({userId:e,email:t})=>({url:`?proxy_url=${encodeURIComponent(`https://webhook.latenode.com/5868/prod/f0da9c0f-ed12-4d23-8a86-b86f7bf1a276?user_id=${e}&user_email=${t}`)}`})})})}),{useLazyGetConfirmationMailQuery:r}=i},18949:(e,t,o)=>{o.d(t,{p:()=>l.p});var l=o(79496)},14698:(e,t,o)=>{o.d(t,{e:()=>l.e});var l=o(77514)},89591:(e,t,o)=>{o.d(t,{GY:()=>p,Kh:()=>_,Gr:()=>k,LX:()=>x,dN:()=>S,YV:()=>v,sl:()=>E,Xw:()=>b,PX:()=>h,YE:()=>A,_3:()=>f});var l=o(94104),a=o(74778),i=o(45672),r=o(47085);function n({id:e,title:t,acf:{html:o,common_styles:l},parent:a,excerpt:i,author:n,...d}){return{...d,author:(0,r.WY)(n),id:(0,r.WY)(e),parent:(0,r.WY)(a),title:(0,r.vf)(t)||"",html:o,common_styles:l,excerpt:(0,r.pT)(i)?i.rendered:i}}var d=o(72227),m=o(67630),s=o(26967),c=o(83193),u=o(31345),g=o(93506);const p=(0,l.xP)({reducerPath:"emailsApi",tagTypes:["Emails","Email","EmailAutosaves","TemplateEmail"],baseQuery:(0,s.hI)({baseUrl:"https://app.emailmaker.ru/api/wp-json/wp/v2/"}),endpoints:e=>({getEmails:e.query({queryFn(e,t){var o,l;const a=(0,s.KU)(t),r={order:"desc",orderby:"modified"},n={};if(e.notEmbed||(n._embed=""),e.projectId&&(n._embed="author",n._fields="id,title,emailtags,folder,group,modified,date,type,acf.lock,acf.project.ID,author,acf.is_template,_embedded",r["filter[meta_key]"]="project",r["filter[meta_value]"]=e.projectId),e.fields&&(n._fields=e.fields),e.page&&(r.page=e.page),e.order&&(r.order=e.order),e.orderby&&(r.orderby=e.orderby),e.folderTag&&e.folderTag!==g.y2?(r["filter[tax_query][relation]"]="AND",r["filter[tax_query][0][taxonomy]"]="folder",r["filter[tax_query][0][field]"]="id",r["filter[tax_query][0][terms]"]=e.folderTag,r["filter[tax_query][0][include_children]"]="0"):e.folderTag===g.y2&&("object"!==typeof e.folderTag||null!==e.folderTag)||null!==(o=e.tags)&&void 0!==o&&o.length||!e.status||"trash"===e.status||(r["filter[tax_query][0][taxonomy]"]="folder",r["filter[tax_query][0][operator]"]="NOT EXISTS"),(null===(l=e.tags)||void 0===l?void 0:l.length)>0&&"trash"!==e.status){r["filter[tax_query][relation]"]="AND";for(let t=0,o=e.tags.length;t<o;t++){const o=e.tags[t];r[`filter[tax_query][${t+1}][taxonomy]`]="emailtags",r[`filter[tax_query][${t+1}][field]`]="id",r[`filter[tax_query][${t+1}][terms]`]=o}}return e.name&&(r.search=e.name),e.pageSize&&(r.per_page=e.pageSize),"trash"===e.status&&(n.status="trash"),a.wp.email_list(r,{extraQuery:n}).then(e=>(0,d.Ih)(i.V)(e))},providesTags:(e,t,o,{response:l})=>{var a,i;const r=(null===l||void 0===l?void 0:l.headers.get("X-WP-Total"))||0;return e?[...e.map(({id:e})=>{var t;return{type:"Emails",id:`${o.folderTag||(null===(t=o.tags)||void 0===t?void 0:t[0])||o.projectId}_${o.page}_${o.status}_${r}`}}),{type:"Emails",id:`${o.folderTag||(null===(a=o.tags)||void 0===a?void 0:a[0])||o.projectId}_${o.page}_${o.status}_${r}`}]:[{type:"Emails",id:`${o.folderTag||(null===(i=o.tags)||void 0===i?void 0:i[0])||o.projectId}_${o.page}_${o.status}_${r}`}]},keepUnusedDataFor:0}),getTemplateEmails:e.query({queryFn(e,t){var o,l,a;const r=(0,s.KU)(t),n={"filter[meta_query][1][key]":"is_template","filter[meta_query][1][value]":"1","filter[meta_query][0][compare]":"LIKE",orderby:"modified",order:"desc"},m={_embed:"author,wp:term",_fields:"_embedded,id,title,emailtags,folder,group,modified,date,type,acf.lock,acf.project.ID,acf.is_template"};if(e.emailId&&(n["filter[meta_query][0][key]"]="parent_email",n["filter[meta_query][0][value]"]=e.emailId),e.fields&&(m._fields=e.fields),(null===(o=e.group)||void 0===o?void 0:o.length)>0||(null===(l=e.projectGroup)||void 0===l?void 0:l.length)>0){const t=[...e.group||[],...e.projectGroup||[]].reduce((e,{key:t,parentId:o})=>(e[o]||(e[o]=[]),e[o].push(String(t)),e),{}),o=Object.values(t).map(e=>e.sort());n["filter[tax_query][relation]"]="AND",o.forEach((e,t)=>{n[`filter[tax_query][${t}][relation]`]="OR",e.forEach((e,o)=>{n[`filter[tax_query][${t}][${o}][taxonomy]`]="group",n[`filter[tax_query][${t}][${o}][field]`]="id",n[`filter[tax_query][${t}][${o}][terms]`]=e})})}if((null===(a=e.tags)||void 0===a?void 0:a.length)>0){n["filter[tax_query][relation]"]="AND";for(let t=0,o=e.tags.length;t<o;t++){const o=e.tags[t];n[`filter[tax_query][${t}][taxonomy]`]="emailtags",n[`filter[tax_query][${t}][field]`]="id",n[`filter[tax_query][${t}][terms]`]=o}}if(e.type&&(n["filter[meta_query][2][key]"]="type",n["filter[meta_query][2][value]"]=e.type),e.name&&(n.search=e.name),e.pageSize&&(n.per_page=e.pageSize),e.page){var c,u;n.page=e.page;const o=t.getState(),{groupsTemplateProjectTotal:l,groupsTemplateProjectTotalPages:a}=null===o||void 0===o?void 0:o.projectSlice;if((null===(c=e.projectGroup)||void 0===c||!c.length)&&(null===(u=e.group)||void 0===u||!u.length)&&a<e.page&&e.groupType===g.ti.ALL&&l&&a&&!e.projectId){const t=g.mU-l%g.mU+(e.page-(a+1))*g.mU;t&&(n.page=1,n.offset=t)}}return e.projectId&&(n["filter[meta_key]"]="project",n["filter[meta_value]"]=e.projectId),r.wp.email_list(n,{extraQuery:m}).then((0,d.Ih)(i.V))},keepUnusedDataFor:0}),getEmail:e.query({queryFn:(e,t)=>(0,s.KU)(t).wp.email_detail({id:(0,r.mQ)(e)},{extraQuery:{_embed:"wp:term",_fields:"_embedded,id,author,title,emailtags,folder,group,modified,date,type,parent,date_gmt\n            acf.description,\n            acf.html,\n            acf.common_styles,\n            acf.is_template,\n            acf.lock,\n            acf.parent_email,\n            acf.project,\n            acf.secret_hash,\n            acf.subject,\n            acf.utm_parameters\n            "}}).then((0,d.SC)(i.V)),providesTags:(e,t,o)=>[{type:"Email",id:o}],keepUnusedDataFor:0}),getTemplateEmail:e.query({queryFn:(e,t)=>(0,s.KU)(t).wp.email_detail({id:(0,r.mQ)(e)},{extraQuery:{_embed:"wp:term",_fields:"_embedded,id,author,title,emailtags,folder,group,modified,date,type,parent,date_gmt\n            acf.description,\n            acf.html,\n            acf.common_styles,\n            acf.is_template,\n            acf.lock,\n            acf.parent_email,\n            acf.project,\n            acf.secret_hash,\n            acf.subject,\n            acf.utm_parameters\n            "}}).then((0,d.SC)(i.V)),providesTags:(e,t,o)=>[{type:"TemplateEmail",id:o}],keepUnusedDataFor:0}),getEmailHistory:e.query({queryFn:({emailId:e,page:t=1},o)=>(0,s.KU)(o).wp.email_revisions_list({parent:e,per_page:20,page:t},{extraQuery:{_fields:"author,slug,date,modified,title,acf.html,acf.common_styles,id,parent,date_gmt"}}).then(o=>(0,d.SA)(o,(o,l)=>({data:o.filter(e=>e.acf.html).map(e=>({...e,acf:{...e.acf,html:e.acf.html}})).map(n),totalPages:+l.response.headers.get("X-WP-TotalPages"),args:{emailId:e,page:t}}))),providesTags:e=>e?[...e.data.map(({id:e})=>({type:"EmailAutosaves",id:e})),{type:"EmailAutosaves",id:"LIST"}]:[{type:"EmailAutosaves",id:"LIST"}],keepUnusedDataFor:0,async onQueryStarted({emailId:e},{queryFulfilled:t,dispatch:o,getState:l}){try{const{data:a}=await t;(0,u.zg)(l()).revisionService&&c.lH.onHistoryFetched(e,a.data,o,()=>o(p.endpoints.getEmailHistory.initiate({emailId:e},{forceRefetch:!0})))}catch{}}}),addEmail:e.mutation({queryFn:(0,m.p)(e=>({source:t,...o})=>(0,s.KU)(e).wp.email_create({status:"publish",...(0,i.v)(o)},{type:a.cM.Json}).then((0,d.SC)(i.V))),invalidatesTags:[{type:"Emails",id:"LIST"}]}),editEmail:e.mutation({queryFn:(0,m.p)(e=>({emailId:t,source:o,...l})=>{const n=(0,s.KU)(e),m=(0,r.TB)((0,i.v)(l));return n.wp.email_partial_update({id:t},m,{type:a.cM.Json,extraQuery:{_embed:"wp:term",_fields:"_embedded,id,author,title,emailtags,folder,group,modified,date,type,acf.description,acf.html,acf.common_styles,acf.is_template,acf.lock,acf.parent_email,acf.project,acf.secret_hash,acf.subject,acf.utm_parameters"}}).then((0,d.SC)(i.V))})}),deleteEmail:e.mutation({queryFn(e,t){const o=(0,s.KU)(t);let l,a;return"object"===typeof e?(l=e.id,a=e.force):(l=e,a=!1),o.wp.email_delete({id:l},{force:a}).then((0,d.PI)(i.V))},invalidatesTags:(e,t,o)=>[{type:"Emails",id:o}]}),addTag:e.mutation({queryFn:(e,t)=>(0,s.KU)(t).wp.emailtags_create({...e},{type:a.cM.Json})}),getDeletableTag:e.query({queryFn:([e,t],o)=>(0,s.KU)(o).wp.email_list({status:["private"],"filter[meta_key]":"project","filter[meta_value]":e,emailtags:[t]},{extraQuery:{"_fields[]":"emailtags"}}).then((0,d.Ih)(i.V))}),autoSaveEmail:e.mutation({queryFn({emailId:e,body:t},o){const l=(0,s.KU)(o),i=function({parent:e,title:t,html:o,project:l,subject:a,preheader:i,common_styles:n,author:d,parent_email:m,...s}){return{...s,author:(0,r.mQ)(d),title:t,parent:(0,r.mQ)(e),"acf[html]":o,"acf[project]":(0,r.pT)(l)?l.id||l.ID:l,"acf[parent_email]":m,"acf[common_styles]":n}}(t);return l.wp.email_autosaves_create({id:e},i,{type:a.cM.FormData}).then((0,d.SC)(n))},async onQueryStarted({emailId:e,body:t},{queryFulfilled:o,getState:l}){const a=(0,u.zg)(l()).revisionService;var i,r;a&&c.lH.onAutoSaveStarted(e,{sentAt:Date.now(),html:null!==(i=t.html)&&void 0!==i?i:"",common_styles:null!==(r=t.common_styles)&&void 0!==r?r:"",subject:t.subject,preheader:t.preheader});try{await o,a&&c.lH.onAutoSaveCompleted(e)}catch{a&&c.lH.onAutoSaveCompleted(e)}}})})}),{useGetEmailsQuery:b,useGetTemplateEmailsQuery:h,useGetEmailQuery:E,useLazyGetEmailQuery:f,useGetEmailHistoryQuery:v,useLazyGetEmailHistoryQuery:A,useAddEmailMutation:_,useEditEmailMutation:S,useDeleteEmailMutation:B,useGetDeletableTagQuery:y,useAddTagMutation:k,useAutoSaveEmailMutation:x}=p},7836:(e,t,o)=>{o.d(t,{u:()=>l.u});var l=o(69884)},28374:(e,t,o)=>{o.d(t,{U8:()=>a,cA:()=>r,ri:()=>i});var l=o(53366);const a=(0,o(94104).xP)({reducerPath:"exportPngApi",baseQuery:async(e,t,o)=>{try{const{notification:a,...i}=e,r=await(0,l.cw)({baseUrl:"https://racs.emcdn.ru/v3"})(i,t,o);if(r.error)throw new Error;return r}catch(a){return(null===e||void 0===e?void 0:e.notification).error(a),{error:a}}},endpoints:e=>({makeTemporaryMailForPng:e.mutation({query:({file:e,title:t,notification:o})=>{const l=new Blob([e],{type:"text/html"}),a=new FormData;return a.append("file",l,"base.html"),a.append("contentType","text/html"),{url:"?resource=exportPngApi",method:"POST",body:a,notification:o}}}),deleteTemporaryMail:e.mutation({query:({id:e,notification:t})=>({url:`/${e}?resource=exportPngApi`,method:"DELETE",notification:t})})})}),{useMakeTemporaryMailForPngMutation:i,useDeleteTemporaryMailMutation:r}=a},6680:(e,t,o)=>{o.d(t,{C:()=>i,N:()=>r});var l=o(94104),a=o(53366);const i=(0,l.xP)({reducerPath:"webHookApi",baseQuery:(0,a.cw)({baseUrl:"https://px0.emailmaker.ru/"}),endpoints:e=>({postDataByWebHook:e.mutation({query:({url:e,body:t})=>({url:`?proxy_url=${encodeURIComponent(e)}`,method:"POST",body:t})})})}),{usePostDataByWebHookMutation:r}=i},8460:(e,t,o)=>{o.d(t,{u:()=>l.u});var l=o(96968)},5823:(e,t,o)=>{o.d(t,{N:()=>a,m:()=>i});var l=o(53366);const a=(0,o(94104).xP)({reducerPath:"htmlToPdfPlusApi",baseQuery:async(e,t,o)=>{try{const{notification:a,...i}=e,r=await(0,l.cw)({baseUrl:"https://html2pdf.emcdn.ru/convert/html-to-pdf"})(i,t,o);if(r.error)throw new Error;return r}catch(a){return(null===e||void 0===e?void 0:e.notification).error(a),{error:a}}},endpoints:e=>({generateHtmlToPdf:e.mutation({query:({htmlContent:e,notification:t})=>({url:"",method:"POST",body:e,notification:t,responseHandler:e=>e.blob()})})})}),{useGenerateHtmlToPdfMutation:i}=a},85312:(e,t,o)=>{o.d(t,{m:()=>l.m});var l=o(44056)},60034:(e,t,o)=>{o.d(t,{CL:()=>u,FQ:()=>g,Jg:()=>S,Mv:()=>f,eo:()=>y,gg:()=>x,h4:()=>h});var l=o(94104),a=o(27849),i=o(26967),r=o(90197),n=o(74778),d=o(50548),m=o(93506),s=o(20263),c=o(45092);const u=(0,l.xP)({reducerPath:"imageApi",baseQuery:void 0,endpoints:e=>({getImageInfo:e.query({queryFn:async function(e,t){try{var o,l;const a=(null===(o=t.getState().configSlice)||void 0===o||null===(l=o.config)||void 0===l?void 0:l.imageInfoToolUrl)||"https://scr.emcdn.ru/imageinfo",i=await fetch(`${a}?url=${encodeURIComponent(e)}`);return{data:await i.json()}}catch(a){}}}),getSearchImage:e.query({queryFn:async function({query:e,page:t}){const o=e.keywords.replace(/[^\w\d\s\u0430-\u044f\u0451\u0410-\u042f\u0401]|_/g,"").replace(/[\s_-]+/g," ");try{var l;const a=null===(l="https://api.emailmaker.ru/services/stock_images")?void 0:l.trim(),i="https://api.emailmaker.ru/services/agent";let r;if(a){r=`${a.replace(/\/$/,"")}/search/photos?client_id=S5iNcLqYgRBIOLQdluHdTsCJnjCvahzhG7JfYQOrV7o&lang=ru&per_page=18&query=${encodeURIComponent(o)}&page=${t}`}else r=`${i}/photos?client_id=S5iNcLqYgRBIOLQdluHdTsCJnjCvahzhG7JfYQOrV7o&lang=ru&per_page=18&query=${o}&page=${t}&proxy_url=https://api.unsplash.com/search`;""!==e.color&&(r+=`&color=${e.color}`),""!==e.orientation&&(r+=`&orientation=${e.orientation}`);const n=await fetch(r);return{data:await n.json()}}catch(a){}}}),getUnsplashImage:e.query({queryFn:async function(e){try{var t;let o=`${e}&client_id=S5iNcLqYgRBIOLQdluHdTsCJnjCvahzhG7JfYQOrV7o`;const l=null===(t="https://api.emailmaker.ru/services/stock_images")?void 0:t.trim();if(l)try{const t=new URL(e);if("https://api.unsplash.com"===t.origin){const e=l.replace(/\/$/,""),a=t.search?t.search.slice(1)+"&":"";o=`${e}${t.pathname}?${a}client_id=S5iNcLqYgRBIOLQdluHdTsCJnjCvahzhG7JfYQOrV7o`}}catch{}const a=await fetch(o);return{data:await a.json()}}catch(o){}}}),sendAiImageRequest:e.query({queryFn:async function({body:e},t){try{const o=(0,i.KU)(t);return await o.saveFile.ai_create(e,{type:n.cM.FormData})}catch(o){throw new Error(o)}}}),getAiImage:e.query({queryFn:async function(e,t){try{const o=(0,i.KU)(t);return await o.saveFile.ai_status_list(e)}catch(o){}}}),getAiImageSSE:e.query({queryFn:e=>({data:[]}),async onCacheEntryAdded({task_id:e,entity_id:t,setError:o},l){const{updateCachedData:n,cacheEntryRemoved:u}=l,g=(0,i.KU)(l);let p;p=g.baseUrl.indexOf("dev-")>=0?g.baseUrl:g.baseUrl.indexOf("emailmaker")>=0?(0,c.qT)(m.Rn.maker):(0,c.qT)(m.Rn.blocks);const b=m.EW.isPlugin?await s.di.getInstance(l,d.Y):a.A.get(m.A9.em_token),h=b?{Authorization:`Bearer ${b}`}:{},E=new r.EventSourcePolyfill(` ${p}/ai-generator/v1/ai-status?entity_id=${t}&stream=1&task_id=${e}`,{headers:h});E.onmessage=e=>{const t=JSON.parse(e.data);n(e=>{e.push(t)}),100===t.progress&&E.close()},E.onerror=e=>{E.close()},await u,E.close()}}),getSearchGif:e.query({queryFn:async function({query:e,page:t}){const o=e.keywords.replace(/[^\w\d\s\u0430-\u044f\u0451\u0410-\u042f\u0401]|_/g,"").replace(/[\s_-]+/g," ");try{const e=`https://api.giphy.com/v1/gifs/search?api_key=Nh77eBlPeMn1ed9MBAvL542NUGeNO26F&q=${o}&limit=25&offset=${t}&lang=en`,l=await fetch(e);return{data:await l.json()}}catch(l){}}})})}),{useLazyGetImageInfoQuery:g,useGetImageInfoQuery:p,useGetSearchImageQuery:b,useLazyGetSearchImageQuery:h,useSendAiImageRequestQuery:E,useLazySendAiImageRequestQuery:f,useGetAiImageQuery:v,useLazyGetAiImageQuery:A,useGetUnsplashImageQuery:_,useLazyGetUnsplashImageQuery:S,useGetSearchGifQuery:B,useLazyGetSearchGifQuery:y,useGetAiImageSSEQuery:k,useLazyGetAiImageSSEQuery:x}=u},28112:(e,t,o)=>{o.d(t,{W:()=>l.W});var l=o(16360)},27092:(e,t,o)=>{o.d(t,{Ad:()=>n,HO:()=>c,Yj:()=>s});var l=o(94104),a=o(53366),i=o(26967);const r="LOCALES",n=(0,l.xP)({reducerPath:"localesApi",tagTypes:[r],baseQuery:(0,a.cw)({baseUrl:"https://app.emailmaker.ru/api/wp-json/translations/v1"}),endpoints:e=>({getLocale:e.query({async queryFn({id:e},t){const o=(0,i.KU)(t);try{return await o.translations.get_translations3({id:e,file:"react_app"})}catch(l){return o.translations.get_translations3({id:"en_US",file:"react_app"})}},providesTags:(e,t,o)=>[{type:r,id:o}]}),getLocales:e.query({queryFn:function(e,t){return(0,i.KU)(t).translations.get_translations2({file:"react_app"})},providesTags:(e,t,o)=>[{type:r,id:"react_app"}]})})}),{useGetLocalesQuery:d,useGetLocaleQuery:m,useLazyGetLocaleQuery:s,useLazyGetLocalesQuery:c}=n},83035:(e,t,o)=>{o.d(t,{P:()=>l.P});var l=o(59283)},85217:(e,t,o)=>{o.d(t,{T:()=>l.T});var l=o(42161)},46701:(e,t,o)=>{o.d(t,{F:()=>r,Y:()=>i});var l=o(47085),a=o(28589);function i({id:e,type:t,title:o,excerpt:i,author:r,acf:{subject:n,description:d,html:m,project:s,related_email:c,tags:u,type:g,is_template:p,lock:b},...h}){return{...h,id:String(e),author:String(r),renderGuid:(0,a.l)(),description:d,html:m,excerpt:(0,l.vf)(o),project:(0,l.pT)(s)?s.ID:s,project_author:(0,l.pT)(s)?s.post_author:void 0,project_title:(0,l.pT)(s)?s.post_title:void 0,tags:u,is_template:p,type:g,related_email:(0,l.WY)((0,l.pT)(c)?c.ID:c),title:(0,l.vf)(o)||"",lock:b}}function r({title:e,subject:t,description:o,renderGuid:a,html:i,project:r,tags:n,type:d,related_email:m,is_template:s,lock:c,author:u,...g}){return{...g,author:(0,l.mQ)(u),title:e,acf:{description:o,related_email:(0,l.mQ)(m),html:i,project:r,tags:n,type:d,is_template:s,lock:c}}}},43135:(e,t,o)=>{o.d(t,{n:()=>a});var l=o(47085);function a({parent:e,title:t,html:o,project:a,author:i,...r}){return{...r,author:(0,l.mQ)(i),parent:(0,l.mQ)(e),title:(0,l.vf)(t),"acf[html]":o,"acf[project]":(0,l.pT)(a)?a.id||a.ID:a}}},14568:(e,t,o)=>{o.d(t,{H:()=>a});var l=o(47085);function a({id:e,title:t,acf:{html:o},excerpt:a,parent:i,author:r,...n}){return{...n,id:(0,l.WY)(e),author:(0,l.WY)(r),parent:(0,l.WY)(i),title:(0,l.vf)(t)||"",html:o,excerpt:(0,l.pT)(a)?a.rendered:a}}},45672:(e,t,o)=>{o.d(t,{V:()=>i,v:()=>r});var l=o(28589),a=o(47085);function i({id:e,title:t,type:o,guid:i,acf:{lock:r,subject:n,description:d,html:m,project:s,tags:c,utm_parameters:u,parent_email:g,common_styles:p,is_template:b},author:h,...E}){return{...E,id:(0,a.WY)(e),author:(0,a.WY)(h),title:(0,a.vf)(t)||"",lock:r,renderGuid:(0,l.l)(),description:d,html:m,project:(0,a.pT)(s)?s.ID:s,project_author:(0,a.pT)(s)?s.post_author:void 0,project_title:(0,a.pT)(s)?s.post_title:void 0,tags:c,utm_parameters:u,parent_email:(0,a.WY)(g instanceof Array&&g[0]?g[0].ID:g),common_styles:p,is_template:b}}function r({title:e,lock:t,subject:o,description:l,html:i,project:r,tags:n,renderGuid:d,utm_parameters:m,parent_email:s,common_styles:c,is_template:u,author:g,...p}){return{...p,author:(0,a.mQ)(g),title:e,acf:{lock:t,description:l,html:i,project:r,tags:n,utm_parameters:m,parent_email:(0,a.mQ)(s),common_styles:c,is_template:u}}}},64961:(e,t,o)=>{o.d(t,{b:()=>i,d:()=>a});var l=o(47085);function a({title:e,acf:t,...o}){const{members:a,projects_test_emails:i,ftp_settings:r,emails:n,blocks:d,webhook:m,inbox_email:s,integrations:c}=t;return{...o,title:(0,l.vf)(e)||"",members:(0,l.pT)(a)?{admins:a.admins&&a.admins.map(e=>({...e,ID:(0,l.WY)(e.ID)})),users:a.users&&a.users.map(e=>({...e,ID:(0,l.WY)(e.ID)})),invited_users:a.invited_users&&a.invited_users.map(e=>({...e,ID:(0,l.WY)(e.ID)})),owner:(0,l.pT)(a.owner)?{...a.owner,ID:(0,l.WY)(a.owner.ID)}:a.owner}:void 0,projects_test_emails:i,inbox_email:s,ftp_settings:r,webhook:m,integrations:c,emails:n,blocks:d}}function i({title:e,members:t,projects_test_emails:o,inbox_email:a,ftp_settings:i,webhook:r,integrations:n,emails:d,blocks:m,...s}){const c=e=>({ID:(0,l.mQ)(e.ID||e)}),u=e=>{return(t=e,Array.isArray(t)?t:t?[t]:[]).map(c);var t};return{...s,title:e,acf:{members:t&&{admins:u(t.admins),users:u(t.users),invited_users:u(t.invited_users),owner:t.owner&&c(t.owner)},webhook:r,projects_test_emails:o,inbox_email:a,ftp_settings:i,integrations:n,emails:d,blocks:m}}}},16309:(e,t,o)=>{o.d(t,{i:()=>a});var l=o(47085);function a({title:e,acf:{limits:t,price:o},...a}){return{...a,title:(0,l.vf)(e)||"",limits:t,price:o}}},72961:(e,t,o)=>{o.d(t,{F:()=>a,L:()=>i});var l=o(47085);function a({acf:{autosaves:e,hide_mergetags:t,theme:o,newsletter_consent:a,code_editor:i,counters:r,subscription:n,subscription_end:d,recurring_payments:m,subscription_id:s,promocode:c,subscription_amount:u,enterprise_users_limit:g,enterprise_price:p,enterprise_12_price:b,privacy_policy_agreement:h,last_used_project:E,email_confirmation:f,email_builder_config:v},id:A,..._}){return{..._,id:(0,l.WY)(A),username:_.username||"",email:_.email||"",password:_.password||"",autosaves:e,hide_mergetags:t,theme:o,newsletter_consent:a,code_editor:i?{...i,font_size:Number(i.font_size)}:void 0,counters:Object.keys(r).reduce((e,t)=>(e[t]=Number(r[t]),e),{}),subscription:n,subscription_end:d,recurring_payments:m,subscription_id:s,promocode:c,subscription_amount:u,enterprise_users_limit:g,enterprise_price:p,enterprise_12_price:b,privacy_policy_agreement:h,last_used_project:E,email_confirmation:f,email_builder_config:v}}function i({autosaves:e,theme:t,newsletter_consent:o,code_editor:a,counters:i,subscription:r,subscription_end:n,recurring_payments:d,subscription_id:m,promocode:s,subscription_amount:c,enterprise_users_limit:u,enterprise_price:g,enterprise_12_price:p,privacy_policy_agreement:b,locale:h,last_used_project:E,email_confirmation:f,email_builder_config:v,id:A,..._}){return{..._,id:(0,l.mQ)(A),locale:h,acf:{autosaves:e,theme:t,newsletter_consent:o,code_editor:a?{...a,font_size:String(a.font_size)}:void 0,counters:i,subscription:r,subscription_end:n,recurring_payments:d,subscription_id:m,promocode:s,subscription_amount:c,enterprise_users_limit:u,enterprise_price:g,enterprise_12_price:p,privacy_policy_agreement:b,last_used_project:E,email_confirmation:f,email_builder_config:v}}}},47085:(e,t,o)=>{function l(e,t=!1){const o={};for(const a of Object.keys(e)){let i=e[a];void 0===i||"number"===typeof i&&Number.isNaN(i)||(t&&"object"===typeof i&&null!==i&&(i=l(i)),o[a]=i)}return o}function a(e){return"object"===typeof e&&e}function i(e){const t=Number(e);return isNaN(t)?e:t}function r(e){return"number"===typeof e?String(e):e}function n(e){return"object"===typeof e?e.rendered:e}o.d(t,{TB:()=>l,WY:()=>r,mQ:()=>i,pT:()=>a,vf:()=>n})},25413:(e,t,o)=>{o.d(t,{vx:()=>s,I9:()=>c,bw:()=>u});var l=o(94104),a=o(74778),i=o(26967),r=o(47085);function n({title:e,content:t,acf:{seen:o,type:l,event:a,data:i},...n}){return{...n,seen:o,type:l,event:a,data:i,title:(0,r.vf)(e),content:t}}var d=o(72227);const m="Notifications",s=(0,l.xP)({reducerPath:"notificationsApi",tagTypes:[m],baseQuery:(0,i.hI)({baseUrl:"https://app.emailmaker.ru/api/wp-json/wp/v2/"}),endpoints:e=>({getNotifications:e.query({queryFn:(e,t)=>(0,i.KU)(t).wp.notification_list({author:[Number(e)]}).then((0,d.Ih)(n)),providesTags:e=>e?[...e.map(({id:e})=>({type:m,id:e})),{type:m,id:"LIST"}]:[{type:m,id:"LIST"}]}),notificationShown:e.mutation({queryFn:({id:e,datetime:t},o)=>(0,i.KU)(o).wp.notification_create2({id:e},{},{type:a.cM.Json,extraQuery:{"acf[seen]":t}}).then((0,d.SC)(n)),invalidatesTags:[{type:m,id:"LIST"}]})})}),{useGetNotificationsQuery:c,useNotificationShownMutation:u}=s},70339:(e,t,o)=>{o.d(t,{Ju:()=>d,Sr:()=>m,ku:()=>n,tO:()=>r});var l=o(94104),a=o(26967);const i="Optimise",r=(0,l.xP)({reducerPath:"optimiseApi",tagTypes:[i],baseQuery:async(e,t,o)=>{const l=(0,a.KU)(t).baseUrl.replaceAll(/[\\/]$/g,""),i=(0,a.hI)({baseUrl:`${l}/optimization/v1/validate`}),r=await i(e,t,o);if(r.error){let e=r.error;if("function"===typeof e.json)try{e=await e.json()}catch{e=await e}return{error:e}}return r},endpoints:e=>({editLinks:e.mutation({query:e=>({headers:{"Content-Type":"application/json",Accept:"application/json"},method:"POST",type:"application/json",url:"/links",body:e}),invalidatesTags:[i]}),editImages:e.mutation({query:e=>({headers:{"Content-Type":"application/json",Accept:"application/json"},method:"POST",type:"application/json",url:"/images",body:e})}),editSpam:e.mutation({query:e=>({headers:{"Content-Type":"application/json",Accept:"application/json"},method:"POST",type:"application/json",url:"/spamassasin",body:e})})})}),{useEditLinksMutation:n,useEditImagesMutation:d,useEditSpamMutation:m}=r},89600:(e,t,o)=>{o.d(t,{So:()=>i});var l=o(94104),a=o(26967);const i=(0,l.xP)({reducerPath:"promoApi",baseQuery:(0,a.hI)({baseUrl:"https://app.emailmaker.ru/api/wp-json/promo/v1/"}),endpoints:e=>({checkPromo:e.mutation({queryFn:({code:e,type:t},o)=>(0,a.KU)(o).promo.set_code_create({code:e,type:t})}),getPromoInfo:e.query({queryFn:({code:e},t)=>(0,a.KU)(t).promo.get_code_info_list({code:e})})})}),{useCheckPromoMutation:r,useGetPromoInfoQuery:n}=i},79613:(e,t,o)=>{o.d(t,{Z8:()=>i,mI:()=>n});var l=o(94104),a=o(26967);const i=(0,l.xP)({reducerPath:"proxyApi",tagTypes:["Proxy"],baseQuery:(0,a.hI)({baseUrl:"https://app.emailmaker.ru/api/wp-json/cors-proxy/v1/get"}),endpoints:e=>({getFile:e.query({queryFn({url:e,tryFetch:t=!0,type:o},l){const i=(0,a.KU)(l),r=t?fetch(e):Promise.reject(),n=e=>(e=>{switch(o){case"json":return e.json();case"text":return e.text();default:return e.blob()}})(e).then(e=>({data:e}));return r.then(e=>n(e)).catch(()=>i.corsProxy.get_list({format:"blob",extraQuery:{url:encodeURIComponent(e)}}))}})})}),{useGetFileQuery:r,useLazyGetFileQuery:n}=i},37316:(e,t,o)=>{o.d(t,{W:()=>l.W});var l=o(20833)},44004:(e,t,o)=>{o.d(t,{Zf:()=>m,dS:()=>n,lg:()=>d,tb:()=>s,yH:()=>r});var l=o(94104),a=o(74778),i=o(26967);const r=(0,l.xP)({reducerPath:"saveFileApi",tagTypes:["Images"],baseQuery:(0,i.hI)({baseUrl:"https://app.emailmaker.ru/api/wp-json/save-file/v1/"}),endpoints:e=>({uploadImage:e.mutation({queryFn:(e,t)=>(0,i.KU)(t).saveFile.upload_create(e,{type:a.cM.FormData})}),sendTestEmail:e.mutation({queryFn:(e,t)=>(0,i.KU)(t).saveFile.send_email_create(e,{type:a.cM.FormData})}),sendLivePreview:e.mutation({queryFn:(e,t)=>(0,i.KU)(t).saveFile.get_link_create(e,{type:a.cM.FormData})}),sendShortLink:e.mutation({queryFn:(e,t)=>(0,i.KU)(t).saveFile.shortener_create(e,{type:a.cM.FormData})})})}),{useUploadImageMutation:n,useSendTestEmailMutation:d,useSendLivePreviewMutation:m,useSendShortLinkMutation:s}=r},98750:(e,t,o)=>{o.d(t,{G:()=>l.G});var l=o(48822)},22908:(e,t,o)=>{o.d(t,{K:()=>l.K});var l=o(33480)},92079:(e,t,o)=>{o.d(t,{AG:()=>m,Ay:()=>g,Bn:()=>s,H3:()=>d,J3:()=>c,dA:()=>u});var l=o(65913),a=o(72227);const i="autosaveRecovery",r=(0,a.ur)({revisionToApply:null,isRecovering:!1}),n=(0,l.createSlice)({name:i,initialState:r,reducers:{setRevisionToApply:(e,{payload:t})=>{e.revisionToApply=t},clearRevisionToApply:e=>{e.revisionToApply=null},setIsRecovering:(e,{payload:t})=>{e.isRecovering=t}}}),{setRevisionToApply:d,clearRevisionToApply:m,setIsRecovering:s}=n.actions,c=e=>e[i].revisionToApply,u=e=>e[i].isRecovering,g=n},44450:(e,t,o)=>{o.d(t,{$:()=>a});const l={pro:{config:{mode:"pro",autosaveTimeout:1e4,theme:"",themes:{},mergeTagsShow:!0,styles:"",revisionService:!1,headerShow:!0,headerTitleVisible:!0,headerPreheaderVisible:!0,headerArrowBackVisible:!0,historyEnabled:!0,codeEnabled:!0,codeSideEnabled:!0,previewIconEnabled:!0,previewModeEnabled:!0,livePreviewEnabled:!0,sendTestEnabled:!0,sharePreviewEnabled:!0,webversionEnabled:!0,commonStylesEnabled:!0,emailResponsiveControlEnabled:!0,templateNotEmAlertShow:!1,emailDropdownMenuEnabled:!0,emailDropdownMenuClone:!0,emailDropdownMenuImport:!0,emailDropdownMenuImportButton:!1,emailDropdownMenuLock:!0,emailDropdownMenuRemove:!0,emailExportEnabled:!0,exportHtmlEnabled:!0,exportZipEnabled:!0,exportTextEnabled:!0,exportClipboardEnabled:!0,exportWebHookEnabled:!0,exportOutlookEnabled:!0,exportPdfEnabled:!0,exportPngEnabled:!0,nextButtonEnabled:!1,nextButtonText:"",saveButtonEnabled:!0,saveButtonText:"",commandButtonsEnabled:!0,emailIdShow:!1,sidePanelFloating:!0,desktopMobileSwitchRule:!0,desktopMobileSwitchPanel:!1,onlyCodeModeInMobile:!1,pathEnabled:!0,copyPasteEnabled:!0,saveBlockEnabled:!0,editImageControlEnabled:!0,lockEditor:!1,lockPreheaderAndTitle:!1,disableSideMenu:!1,menuDirection:"right",defaultBuildPanel:"",commentsEnabled:!0,aiAssistentEnabled:!0,optimizeEnabled:!0,optimizeLinksEnabled:!0,optimizeImagesEnabled:!0,optimizeSpamAssassinEnabled:!0,optimizeCheckCodeEnabled:!0,settingsEnabled:!0,UTMEnabled:!0,subjectEnabled:!0,preheaderEnabled:!0,descriptionEnabled:!0,tagsEnabled:!0,isTemplateEnabled:!0,switchDesktopMobilePropsEnabled:!0,stepToOtherElementEnabled:!0,deleteButtonEnabled:!0,toggleSidePanel:!0,blocksSectionsShow:!0,blocksEmptyEnabled:!0,blocksSavedEnabled:!0,blocksCommonEnabled:!0,blocksTemplateEnabled:!0,blocksSearchEnabled:!0,blocksAddPanelEnabled:!0,imagePathDropdownEnabled:!0,formFieldImageTitleEnabled:!0,formFieldBorderEnabled:!0,formFieldBorderRadiusEnabled:!0,formFieldBoxShadowEnabled:!0,formFieldVisibilityEnabled:!0,formFieldExportAsPictureEnabled:!0,emailPaneDesktopSize:0,formButtonFieldInsertImageEnabled:!0,formButtonFieldVerticalAlignEnabled:!0,formButtonFieldTextAlignEnabled:!0,formButtonFieldBackgroundImageEnabled:!0,formButtonFieldPaddingsEnabled:!0,formButtonFieldReplacerEnabled:!0,formCellFieldVerticalAlignEnabled:!0,formCellFieldBackgroundImageEnabled:!0,formCellFieldPaddingsEnabled:!0,formCellFieldSizeEnabled:!0,formLinkFieldInsertImageEnabled:!0,formTableFieldBackgroundImageEnabled:!0,formDivFieldBackgroundImageEnabled:!0,formImageFieldVerticalAlignEnabled:!0,formImageFieldReplacerEnabled:!0,formImageFieldHeightEnabled:!0,formTextFieldTypografEnabled:!0,formTextFieldReplacerEnabled:!0,formEmailFieldBackgroundImageEnabled:!0,elementImageEnabled:!0,elementTextEnabled:!0,elementHeaderEnabled:!0,elementButtonEnabled:!0,elementListULEnabled:!0,elementListOLEnabled:!0,elementDividerEnabled:!0,elementSpacerEnabled:!0,elementSocialEnabled:!0,elementTableEnabled:!0,elementCountdownEnabled:!0,elementVideoEnabled:!0,elementAIimageEnabled:!0,elementAItextEnabled:!0,elementCarouselEnabled:!0,elementAccordionEnabled:!0,elementFormEnabled:!1,preventSendDataToEM:!1,imageInfoToolUrl:"",imageCenterFileManagerView:!0,imageCenterLocalUploadEnabled:!0,imageCenterStockEnabled:!0,imageCenterGifEnabled:!0,imageCenterIconStockEnabled:!0,imageCenterEditorEnabled:!0,compressMaxSize:.7,compressMaxWidthOrHeight:2e3,ampExportEnabled:!0,formFieldAmpVisibilityEnabled:!0,testEmails:[],pushToGTM:!0,activeNextButton:!0,iconStrokeWidth:1.4,fileManager:{defaultFolderName:"",enableMoveFolder:!0,enableEdit:!0,enableTrash:!0}},project:void 0,page:{isNew:!0,type:"email",project:0,id:""}},editor:{config:{mode:"editor",autosaveTimeout:1e4,theme:"",themes:{},mergeTagsShow:!1,styles:"",headerShow:!0,headerTitleVisible:!0,headerPreheaderVisible:!0,headerArrowBackVisible:!0,historyEnabled:!0,codeEnabled:!1,codeSideEnabled:!0,previewIconEnabled:!0,previewModeEnabled:!0,livePreviewEnabled:!0,sendTestEnabled:!0,sharePreviewEnabled:!1,webversionEnabled:!1,commonStylesEnabled:!1,emailResponsiveControlEnabled:!1,templateNotEmAlertShow:!1,emailDropdownMenuEnabled:!1,emailDropdownMenuClone:!0,emailDropdownMenuImport:!1,emailDropdownMenuImportButton:!1,emailDropdownMenuLock:!0,emailDropdownMenuRemove:!0,emailExportEnabled:!0,exportHtmlEnabled:!0,exportTextEnabled:!1,exportZipEnabled:!0,exportClipboardEnabled:!1,exportWebHookEnabled:!1,exportOutlookEnabled:!0,exportPdfEnabled:!0,exportPngEnabled:!0,nextButtonEnabled:!1,nextButtonText:"",saveButtonEnabled:!0,saveButtonText:"",commandButtonsEnabled:!0,emailIdShow:!1,sidePanelFloating:!0,desktopMobileSwitchRule:!0,desktopMobileSwitchPanel:!1,onlyCodeModeInMobile:!1,pathEnabled:!0,copyPasteEnabled:!1,saveBlockEnabled:!0,editImageControlEnabled:!0,lockEditor:!1,lockPreheaderAndTitle:!1,disableSideMenu:!1,menuDirection:"right",defaultBuildPanel:"",commentsEnabled:!1,aiAssistentEnabled:!1,optimizeEnabled:!1,optimizeLinksEnabled:!0,optimizeImagesEnabled:!0,optimizeSpamAssassinEnabled:!0,optimizeCheckCodeEnabled:!0,settingsEnabled:!0,UTMEnabled:!1,subjectEnabled:!0,preheaderEnabled:!0,descriptionEnabled:!1,tagsEnabled:!0,isTemplateEnabled:!1,switchDesktopMobilePropsEnabled:!0,stepToOtherElementEnabled:!1,deleteButtonEnabled:!0,toggleSidePanel:!1,blocksSectionsShow:!0,blocksEmptyEnabled:!0,blocksSavedEnabled:!0,blocksCommonEnabled:!0,blocksTemplateEnabled:!0,blocksSearchEnabled:!0,blocksAddPanelEnabled:!0,imagePathDropdownEnabled:!1,formFieldImageTitleEnabled:!1,formFieldBorderEnabled:!1,formFieldBorderRadiusEnabled:!1,formFieldBoxShadowEnabled:!1,formFieldVisibilityEnabled:!1,formFieldExportAsPictureEnabled:!1,emailPaneDesktopSize:0,formButtonFieldInsertImageEnabled:!1,formButtonFieldVerticalAlignEnabled:!0,formButtonFieldTextAlignEnabled:!1,formButtonFieldBackgroundImageEnabled:!0,formButtonFieldPaddingsEnabled:!1,formButtonFieldReplacerEnabled:!1,formCellFieldVerticalAlignEnabled:!1,formCellFieldBackgroundImageEnabled:!0,formCellFieldPaddingsEnabled:!0,formCellFieldSizeEnabled:!1,formLinkFieldInsertImageEnabled:!0,formTableFieldBackgroundImageEnabled:!0,formDivFieldBackgroundImageEnabled:!0,formImageFieldVerticalAlignEnabled:!1,formImageFieldReplacerEnabled:!1,formImageFieldHeightEnabled:!1,formTextFieldTypografEnabled:!1,formTextFieldReplacerEnabled:!1,formEmailFieldBackgroundImageEnabled:!0,elementImageEnabled:!0,elementTextEnabled:!0,elementHeaderEnabled:!0,elementButtonEnabled:!0,elementListULEnabled:!0,elementListOLEnabled:!0,elementDividerEnabled:!0,elementSpacerEnabled:!0,elementSocialEnabled:!0,elementTableEnabled:!0,elementCountdownEnabled:!0,elementVideoEnabled:!1,elementAIimageEnabled:!0,elementAItextEnabled:!1,elementCarouselEnabled:!1,elementAccordionEnabled:!1,elementFormEnabled:!1,preventSendDataToEM:!1,imageInfoToolUrl:"",imageCenterFileManagerView:!0,imageCenterLocalUploadEnabled:!0,imageCenterStockEnabled:!0,imageCenterGifEnabled:!0,imageCenterIconStockEnabled:!0,imageCenterEditorEnabled:!0,compressMaxSize:.7,compressMaxWidthOrHeight:2e3,ampExportEnabled:!1,formFieldAmpVisibilityEnabled:!1,testEmails:[],pushToGTM:!0,activeNextButton:!0,iconStrokeWidth:1.4},project:void 0,page:{isNew:!1,type:"email",project:0,id:""}},simple:{config:{mode:"simple",autosaveTimeout:1e4,theme:"",themes:{},mergeTagsShow:!1,styles:"",headerShow:!0,headerTitleVisible:!0,headerPreheaderVisible:!0,headerArrowBackVisible:!0,historyEnabled:!0,codeEnabled:!0,codeSideEnabled:!0,previewIconEnabled:!0,previewModeEnabled:!0,livePreviewEnabled:!0,sendTestEnabled:!0,sharePreviewEnabled:!0,webversionEnabled:!1,commonStylesEnabled:!1,emailResponsiveControlEnabled:!1,templateNotEmAlertShow:!1,emailDropdownMenuEnabled:!0,emailDropdownMenuClone:!0,emailDropdownMenuImport:!0,emailDropdownMenuImportButton:!1,emailDropdownMenuLock:!0,emailDropdownMenuRemove:!0,emailExportEnabled:!0,exportHtmlEnabled:!0,exportZipEnabled:!0,exportTextEnabled:!0,exportClipboardEnabled:!0,exportWebHookEnabled:!0,exportOutlookEnabled:!1,exportPdfEnabled:!0,exportPngEnabled:!0,nextButtonEnabled:!1,nextButtonText:"",saveButtonEnabled:!0,saveButtonText:"",commandButtonsEnabled:!0,emailIdShow:!1,sidePanelFloating:!0,desktopMobileSwitchRule:!0,desktopMobileSwitchPanel:!1,onlyCodeModeInMobile:!1,pathEnabled:!0,copyPasteEnabled:!0,saveBlockEnabled:!0,editImageControlEnabled:!0,lockEditor:!1,lockPreheaderAndTitle:!1,disableSideMenu:!1,menuDirection:"right",defaultBuildPanel:"",commentsEnabled:!0,aiAssistentEnabled:!0,optimizeEnabled:!0,optimizeLinksEnabled:!0,optimizeImagesEnabled:!0,optimizeSpamAssassinEnabled:!0,optimizeCheckCodeEnabled:!0,settingsEnabled:!0,UTMEnabled:!1,subjectEnabled:!0,preheaderEnabled:!0,descriptionEnabled:!0,tagsEnabled:!0,isTemplateEnabled:!0,switchDesktopMobilePropsEnabled:!0,stepToOtherElementEnabled:!0,deleteButtonEnabled:!0,toggleSidePanel:!0,blocksSectionsShow:!0,blocksEmptyEnabled:!0,blocksSavedEnabled:!0,blocksCommonEnabled:!0,blocksTemplateEnabled:!0,blocksSearchEnabled:!0,blocksAddPanelEnabled:!0,imagePathDropdownEnabled:!0,formFieldImageTitleEnabled:!0,formFieldBorderEnabled:!1,formFieldBorderRadiusEnabled:!1,formFieldBoxShadowEnabled:!1,formFieldVisibilityEnabled:!1,formFieldExportAsPictureEnabled:!1,emailPaneDesktopSize:0,formButtonFieldInsertImageEnabled:!0,formButtonFieldVerticalAlignEnabled:!0,formButtonFieldTextAlignEnabled:!0,formButtonFieldBackgroundImageEnabled:!0,formButtonFieldPaddingsEnabled:!0,formButtonFieldReplacerEnabled:!1,formCellFieldVerticalAlignEnabled:!0,formCellFieldBackgroundImageEnabled:!0,formCellFieldPaddingsEnabled:!0,formCellFieldSizeEnabled:!1,formLinkFieldInsertImageEnabled:!0,formTableFieldBackgroundImageEnabled:!0,formDivFieldBackgroundImageEnabled:!0,formImageFieldVerticalAlignEnabled:!1,formImageFieldReplacerEnabled:!1,formImageFieldHeightEnabled:!1,formTextFieldTypografEnabled:!1,formTextFieldReplacerEnabled:!1,formEmailFieldBackgroundImageEnabled:!0,elementImageEnabled:!0,elementTextEnabled:!0,elementHeaderEnabled:!0,elementButtonEnabled:!0,elementListULEnabled:!0,elementListOLEnabled:!0,elementDividerEnabled:!0,elementSpacerEnabled:!0,elementSocialEnabled:!0,elementTableEnabled:!1,elementCountdownEnabled:!1,elementVideoEnabled:!1,elementAIimageEnabled:!0,elementAItextEnabled:!1,elementCarouselEnabled:!1,elementAccordionEnabled:!1,elementFormEnabled:!1,preventSendDataToEM:!1,imageInfoToolUrl:"",imageCenterFileManagerView:!1,imageCenterLocalUploadEnabled:!0,imageCenterStockEnabled:!0,imageCenterGifEnabled:!0,imageCenterIconStockEnabled:!0,imageCenterEditorEnabled:!0,compressMaxSize:.7,compressMaxWidthOrHeight:2e3,ampExportEnabled:!1,formFieldAmpVisibilityEnabled:!1,testEmails:[],pushToGTM:!0,activeNextButton:!0,iconStrokeWidth:1.4,fileManager:{defaultFolderName:"",enableMoveFolder:!0,enableEdit:!0,enableTrash:!0}},project:void 0,page:{isNew:!1,type:"email",project:0,id:""}},blocks:{config:{mode:"freeUserBlocks",autosaveTimeout:1e4,theme:"",themes:{},mergeTagsShow:!0,styles:"",revisionService:!1,headerShow:!0,headerTitleVisible:!0,headerPreheaderVisible:!0,headerArrowBackVisible:!0,historyEnabled:!0,codeEnabled:!0,codeSideEnabled:!0,previewIconEnabled:!0,previewModeEnabled:!0,livePreviewEnabled:!0,sendTestEnabled:!0,sharePreviewEnabled:!0,webversionEnabled:!0,commonStylesEnabled:!0,emailResponsiveControlEnabled:!0,templateNotEmAlertShow:!1,emailDropdownMenuEnabled:!0,emailDropdownMenuClone:!0,emailDropdownMenuImport:!0,emailDropdownMenuLock:!0,emailDropdownMenuRemove:!0,emailExportEnabled:!0,exportHtmlEnabled:!0,exportZipEnabled:!0,exportTextEnabled:!0,exportClipboardEnabled:!0,exportWebHookEnabled:!0,exportOutlookEnabled:!0,exportPdfEnabled:!0,exportPngEnabled:!0,nextButtonEnabled:!1,nextButtonText:"",saveButtonEnabled:!0,saveButtonText:"",commandButtonsEnabled:!0,emailIdShow:!1,sidePanelFloating:!0,desktopMobileSwitchRule:!0,desktopMobileSwitchPanel:!1,onlyCodeModeInMobile:!1,pathEnabled:!0,copyPasteEnabled:!0,saveBlockEnabled:!0,editImageControlEnabled:!0,lockEditor:!1,lockPreheaderAndTitle:!1,disableSideMenu:!1,menuDirection:"right",defaultBuildPanel:"",commentsEnabled:!0,aiAssistentEnabled:!0,optimizeEnabled:!0,optimizeLinksEnabled:!0,optimizeImagesEnabled:!0,optimizeSpamAssassinEnabled:!0,optimizeCheckCodeEnabled:!0,settingsEnabled:!0,UTMEnabled:!0,subjectEnabled:!0,preheaderEnabled:!0,descriptionEnabled:!0,tagsEnabled:!0,isTemplateEnabled:!0,switchDesktopMobilePropsEnabled:!0,stepToOtherElementEnabled:!0,deleteButtonEnabled:!0,toggleSidePanel:!0,blocksSectionsShow:!0,blocksEmptyEnabled:!0,blocksSavedEnabled:!0,blocksCommonEnabled:!0,blocksTemplateEnabled:!0,blocksSearchEnabled:!0,blocksAddPanelEnabled:!0,imagePathDropdownEnabled:!0,formFieldImageTitleEnabled:!0,formFieldBorderEnabled:!0,formFieldBorderRadiusEnabled:!0,formFieldBoxShadowEnabled:!0,formFieldVisibilityEnabled:!0,formFieldExportAsPictureEnabled:!0,emailPaneDesktopSize:0,formButtonFieldInsertImageEnabled:!0,formButtonFieldVerticalAlignEnabled:!0,formButtonFieldTextAlignEnabled:!0,formButtonFieldBackgroundImageEnabled:!0,formButtonFieldPaddingsEnabled:!0,formCellFieldVerticalAlignEnabled:!0,formCellFieldBackgroundImageEnabled:!0,formCellFieldPaddingsEnabled:!0,formCellFieldSizeEnabled:!0,formButtonFieldReplacerEnabled:!0,formLinkFieldInsertImageEnabled:!0,formTableFieldBackgroundImageEnabled:!0,formDivFieldBackgroundImageEnabled:!0,formImageFieldVerticalAlignEnabled:!0,formImageFieldReplacerEnabled:!0,formImageFieldHeightEnabled:!0,formTextFieldTypografEnabled:!0,formTextFieldReplacerEnabled:!0,formEmailFieldBackgroundImageEnabled:!0,elementImageEnabled:!0,elementTextEnabled:!0,elementHeaderEnabled:!0,elementButtonEnabled:!0,elementListULEnabled:!0,elementListOLEnabled:!0,elementDividerEnabled:!0,elementSpacerEnabled:!0,elementSocialEnabled:!0,elementTableEnabled:!1,elementCountdownEnabled:!0,elementVideoEnabled:!0,elementAIimageEnabled:!0,elementAItextEnabled:!0,elementCarouselEnabled:!0,elementAccordionEnabled:!0,elementFormEnabled:!1,preventSendDataToEM:!1,imageInfoToolUrl:"",imageCenterFileManagerView:!1,imageCenterLocalUploadEnabled:!0,imageCenterStockEnabled:!0,imageCenterGifEnabled:!0,imageCenterIconStockEnabled:!0,imageCenterEditorEnabled:!0,compressMaxSize:.7,compressMaxWidthOrHeight:2e3,ampExportEnabled:!0,formFieldAmpVisibilityEnabled:!0,testEmails:[],pushToGTM:!0,activeNextButton:!0,iconStrokeWidth:1.4},project:void 0,page:{isNew:!0,type:"email",project:0,id:""}}},a=e=>{const t=l[e];return t||l.editor}},38343:(e,t,o)=>{o.d(t,{Ay:()=>s,M:()=>m,YT:()=>d,rI:()=>n});var l=o(65913);const a=(0,o(72227).ur)({isCollapsed:!0,isMonacoFocusing:!1}),i="defaultModePanesSlice",r=(0,l.createSlice)({name:i,initialState:a,reducers:{setMonacoFocusing:(e,t)=>{e.isMonacoFocusing=t.payload},resetPanes:()=>a}}),{resetPanes:n,setMonacoFocusing:d}=r.actions,m=e=>e[i].isMonacoFocusing,s=r},40867:(e,t,o)=>{o.d(t,{Ay:()=>W,B:()=>D,Bp:()=>k,CS:()=>F,Ct:()=>C,Fk:()=>h,Fv:()=>T,M7:()=>R,N6:()=>B,NQ:()=>N,Oo:()=>p,PM:()=>b,Tn:()=>M,Uf:()=>A,V$:()=>P,Wm:()=>H,Wv:()=>V,cL:()=>I,mi:()=>E,oF:()=>w,oG:()=>L,qf:()=>g,sy:()=>x,vc:()=>f,vs:()=>v,wW:()=>_,wr:()=>S,yy:()=>O});var l,a=o(65913),i=o(60791),r=o(93506),n=o(72227);const d=null===(l=window.localStorage)||void 0===l?void 0:l.getItem(r.V0.em_code_mode_settings),m=d&&JSON.parse(d),s=(0,n.ur)({activeModal:"",lastActiveSettingsTab:r.Bv,activeSettingsTab:r.Bv,isPanelHistoryCollapsed:!0,monacoHeight:0,isCodeMode:(null===m||void 0===m?void 0:m.isCodeMode)||r.EW.isPlugin&&void 0===(null===m||void 0===m?void 0:m.isCodeMode),codeModeDirection:(null===m||void 0===m?void 0:m.codeModeDirection)||"left",isHeaderCodeMenuOpen:{current:!1,switched:!1},emailWidth:"100%",emailViewType:r.Vp,mobileViewActive:{shutdown:!0,styles:!0},emailMaxWidthSize:425,propertiesPanelKey:r.WU,parentBlocks:[],isGlobalLoading:!1});localStorage.getItem(r.V0.em_code_mode_settings)||window.localStorage.setItem(r.V0.em_code_mode_settings,JSON.stringify({codeModeDirection:s.codeModeDirection,isCodeMode:s.isCodeMode}));const c="emailPageSlice",u=(0,a.createSlice)({name:c,initialState:s,reducers:{openModal:(e,t)=>{e.activeModal=t.payload},closeModal:e=>{e.activeModal=""},setActiveSettingsTab:(e,t)=>{e.lastActiveSettingsTab=e.activeSettingsTab,e.activeSettingsTab=t.payload,t.payload!==r.Vv&&(e.isPanelHistoryCollapsed=!0)},resetToLastActiveSettingsTab:e=>{"Properties"===e.lastActiveSettingsTab?e.activeSettingsTab="Build":e.activeSettingsTab=e.lastActiveSettingsTab,e.lastActiveSettingsTab!==r.Vv&&(e.isPanelHistoryCollapsed=!0)},switchIsPanelHistoryCollapsed:(e,t)=>{e.isPanelHistoryCollapsed=t.payload||!e.isPanelHistoryCollapsed},setEmailWidth:(e,{payload:t})=>{e.emailWidth=t,e.emailViewType=t>e.emailMaxWidthSize||"100%"===t?r.Vp:r.ND,window.localStorage.setItem(r.V0.em_default_sizes,JSON.stringify(t))},setEmailMaxWidthSize:(e,{payload:t})=>{e.emailMaxWidthSize=t},setEmailViewType:(e,t)=>{e.emailViewType=t.payload},switchCodeMode:e=>{const t=!e.isCodeMode;e.isCodeMode=t,window.localStorage.setItem(r.V0.em_code_mode_settings,JSON.stringify({codeModeDirection:e.codeModeDirection,isCodeMode:t}))},setCodeMode:(e,t)=>{const o=t.payload;e.isCodeMode!==o&&(e.isCodeMode=o,window.localStorage.setItem(r.V0.em_code_mode_settings,JSON.stringify({codeModeDirection:e.codeModeDirection,isCodeMode:o})))},switchCodeModeDirection:(e,t)=>{e.codeModeDirection=t.payload,window.localStorage.setItem(r.V0.em_code_mode_settings,JSON.stringify({isCodeMode:e.isCodeMode,codeModeDirection:t.payload}))},setMobileViewActive:(e,t)=>{e.mobileViewActive=t.payload},setPropertiesPanelKey:(e,t)=>{e.propertiesPanelKey=t.payload},resetParentBlocks:e=>{e.parentBlocks=[]},setParentBlocks:(e,t)=>{e.parentBlocks=t.payload},setIsGlobalLoading:(e,t)=>{e.isGlobalLoading=t.payload},setHeaderCodeMenuOpen:(e,t)=>{e.isHeaderCodeMenuOpen.current&&!t.payload?e.isHeaderCodeMenuOpen.switched=!0:e.isHeaderCodeMenuOpen.switched=!1,e.isHeaderCodeMenuOpen.current=t.payload}},extraReducers:e=>{e.addMatcher(i.VM.endpoints.getParentEmailBlocks.matchFulfilled,(e,t)=>{e.parentBlocks=t.payload})}}),{openModal:g,closeModal:p,setActiveSettingsTab:b,resetToLastActiveSettingsTab:h,switchIsPanelHistoryCollapsed:E,setEmailWidth:f,switchCodeMode:v,switchCodeModeDirection:A,setMobileViewActive:_,setEmailViewType:S,setCodeMode:B,setEmailMaxWidthSize:y,setPropertiesPanelKey:k,resetParentBlocks:x,setIsGlobalLoading:R,setHeaderCodeMenuOpen:w}=u.actions,T=e=>e[c].isCodeMode,N=e=>e[c].emailWidth,I=e=>e[c].activeModal,P=e=>e[c].parentBlocks,C=e=>e[c].emailViewType,L=e=>e[c].isGlobalLoading,F=e=>e[c].mobileViewActive,O=e=>e[c].codeModeDirection,D=e=>e[c].activeSettingsTab,M=e=>e[c].propertiesPanelKey,V=e=>e[c].isHeaderCodeMenuOpen,H=e=>e[c].isPanelHistoryCollapsed,W=u},52898:(e,t,o)=>{o.d(t,{A9:()=>u,AJ:()=>f,Ay:()=>G,Bj:()=>y,Bu:()=>x,CT:()=>L,G_:()=>c,HO:()=>h,Hs:()=>N,M7:()=>g,RC:()=>w,S_:()=>R,UI:()=>F,Up:()=>M,VK:()=>A,VO:()=>B,VZ:()=>W,Wm:()=>S,Yd:()=>O,dH:()=>T,eX:()=>s,iy:()=>H,mD:()=>z,no:()=>_,om:()=>p,pl:()=>E,ps:()=>k,qX:()=>D,rY:()=>P,rd:()=>C,ry:()=>b,ss:()=>v,uJ:()=>I,zn:()=>V});var l=o(65913),a=o(89591),i=o(72531),r=o(87796);const n=(0,o(72227).ur)({invalidateEmailId:null,editorThemeColor:"light",isSettingsDisabled:!1,emailAutosaveTimestamps:{},settings:{backgroundColor:"",backgroundImage:[{type:"url",value:""}],backgroundPositionX:"",backgroundPositionY:"",backgroundRepeat:"",textStrong:!1,textItalic:!1,textUnderline:!1},elementSettings:{},searchFilters:{},emailCommonStyles:"",saveTime:null,mobileViewActive:{shutdown:!0,styles:!0},email:{id:void 0,is_inited:!1,isNew:!1,subject:void 0,preheader:void 0,description:"",html:"",project:void 0,project_author:"",project_title:"",tags:[],utm_parameters:{utm_source:"",utm_medium:"",utm_campaign:"",utm_term:"",utm_content:""},parent_email:null,common_styles:"{}",title:null,emailtags:[],group:[],isAmp:!1},emailIsEdit:!1,isCodeMode:!1,codeModeDirection:void 0,emailViewType:void 0,changeKey:null,problemsList:[],activeProblemRange:null,emailGroups:{},parentGroupOfProject:null,projectGroups:[],isNeedUpdateAppearance:!1,isNeedUpdateContentAppearance:!1}),d="emailSlice",m=(0,l.createSlice)({name:d,initialState:n,reducers:{setEditorThemeColor:(e,t)=>{e.editorThemeColor=t.payload},setEmailFromHistory:(e,{payload:t})=>{const o=e.email,l=void 0===(null===t||void 0===t?void 0:t.preheader),a=void 0===(null===t||void 0===t?void 0:t.subject);e.email={...o,html:null===t||void 0===t?void 0:t.html,preheader:l?o.preheader:null===t||void 0===t?void 0:t.preheader,subject:a?o.subject:null===t||void 0===t?void 0:t.subject,common_styles:"string"===typeof(null===t||void 0===t?void 0:t.common_styles)&&null!==t&&void 0!==t&&t.common_styles.startsWith("{")?null===t||void 0===t?void 0:t.common_styles:o.common_styles||"{}"},e.isNeedUpdateAppearance=!0,e.isNeedUpdateContentAppearance=!0},setEmailSettings:(e,{payload:t})=>{Object.assign(e,{...e,settings:{...t},isSettingsDisabled:!1})},setEmailSettingsDisable:(e,t)=>{e.isSettingsDisabled=t.payload},setElementSettings:(e,{payload:t})=>{e.elementSettings=t},setSearchFilters:(e,t)=>{e.searchFilters=t.payload},updateSearchFilters:(e,t)=>{const o=e.searchFilters;e.searchFilters={...o,...t.payload}},setEmailHTML:(e,t)=>{e.email.html=t.payload},setEmailSubject:(e,t)=>{e.email.title!==e.email.subject&&(e.email.subject||e.email.title)||(e.email.title=t.payload),e.email.subject=t.payload},setEmailPreheader:(e,t)=>{e.email.preheader=t.payload},resetEmailSlice:e=>{const t=e.emailAutosaveTimestamps;return{...n,emailAutosaveTimestamps:t}},setEmailTitle:(e,t)=>{e.email.title=t.payload},setIsInited:(e,t)=>{e.email.is_inited=t.payload},setEmailIsAmp:(e,t)=>{e.email.isAmp=t.payload},setProblemsList:(e,t)=>{e.problemsList=t.payload},setActiveProblemRange:(e,t)=>{e.activeProblemRange=t.payload},setIsNeedUpdateContentAppearance:(e,t)=>{e.isNeedUpdateContentAppearance=t.payload},setIsNeedUpdateAppearance:(e,t)=>{e.isNeedUpdateAppearance=t.payload},setEmailGroups:(e,{payload:t})=>{const o=Object.keys(t)[0],l=e.emailGroups,a=e.parentGroupOfProject,i=e.projectGroups,r={};var n;a&&i.length&&(null===(n=t[o])||void 0===n||n.forEach(e=>{const t=i.find(e=>e.id===+o),l=null===t||void 0===t?void 0:t.children.find(t=>t.id===+e);l?(r.hasOwnProperty(t.id)||(r[t.id]=[]),r[t.id].push({label:l.name,value:l.id})):(r.hasOwnProperty(o)||(r[o]=[]),r[o].push({label:e,value:null}))}),0===t[o].length&&(r[o]=[]));e.emailGroups={...l,...r}}},extraReducers:e=>{e.addMatcher(e=>"emailsApi/queries/queryResultPatched"===e.type,(e,t)=>{var o,l;const a=t.payload.queryCacheKey.match(/\("([0-9]+)"\)/),i=null===(o=t.payload)||void 0===o?void 0:o.patches[0];null!==i&&void 0!==i&&null!==(l=i.path)&&void 0!==l&&l[0]&&(e.email[null===i||void 0===i?void 0:i.path[0]]=i.value),null!==a&&void 0!==a&&a[1]&&(e.invalidateEmailId=a[1]),e.emailIsEdit=!0}),e.addMatcher(e=>"emailsApi/invalidateTags"===e.type,(e,t)=>{if(t.payload[0].id===+e.invalidateEmailId)return n}),e.addMatcher(a.GY.endpoints.editEmail.matchFulfilled,(e,{payload:t})=>{e.invalidateEmailId=null,e.email={...e.email,...t,renderGuid:e.email.renderGuid}}),e.addMatcher(a.GY.endpoints.autoSaveEmail.matchFulfilled,(e,t)=>{var o,l;(null===(o=e.email.id)||void 0===o?void 0:o.toString())===(null===(l=t.payload.parent)||void 0===l?void 0:l.toString())&&(e.email.html=t.payload.html,t.payload.modified&&(e.email.modified=t.payload.modified,e.emailAutosaveTimestamps[t.payload.parent]=t.payload.modified))}),e.addMatcher(a.GY.endpoints.getEmail.matchFulfilled,(e,{payload:t})=>{var o,l;e.email={...n.email,...t,is_inited:t.is_inited||(t.id===(null===(o=e.email)||void 0===o?void 0:o.id)?null===(l=e.email)||void 0===l?void 0:l.is_inited:n.email.is_inited),common_styles:"string"===typeof(null===t||void 0===t?void 0:t.common_styles)&&null!==t&&void 0!==t&&t.common_styles.startsWith("{")?null===t||void 0===t?void 0:t.common_styles:"{}"},e.emailIsEdit=!1}),e.addMatcher(r.kE.endpoints.getGroups.matchFulfilled,(e,{meta:t,payload:o})=>{const l=e.email.group,a=t.arg.originalArgs.parent,i=o;a&&(e.parentGroupOfProject=a,i.length>0&&(e.projectGroups=i));const r={};a&&l.length&&i.length&&(null===l||void 0===l||l.forEach(e=>{null===i||void 0===i||i.forEach(t=>{const o=t.children.find(t=>t.id===e);o&&(r.hasOwnProperty(t.id)||(r[t.id]=[]),r[t.id].push({label:o.name,value:o.id}))})})),e.emailGroups=r}),e.addMatcher(i.Nq.endpoints.getProject.matchFulfilled,(e,{meta:t,payload:o})=>{var l;e.parentGroupOfProject=(null===(l=o.group)||void 0===l?void 0:l[0])||null})}}),{setEditorThemeColor:s,setEmailSettings:c,setElementSettings:u,setEmailSettingsDisable:g,setSearchFilters:p,updateSearchFilters:b,setEmailSubject:h,setEmailPreheader:E,setEmailHTML:f,resetEmailSlice:v,setEmailTitle:A,setEmailFromHistory:_,setIsInited:S,setEmailIsAmp:B,setProblemsList:y,setActiveProblemRange:k,setEmailGroups:x,setIsNeedUpdateAppearance:R,setIsNeedUpdateContentAppearance:w}=m.actions,T=e=>e[d].isNeedUpdateContentAppearance,N=e=>e[d].email,I=e=>e[d].settings,P=e=>e[d].emailGroups,C=e=>e[d].problemsList,L=e=>e[d].searchFilters,F=e=>e[d].projectGroups,O=e=>e[d].emailAutosaveTimestamps,D=e=>e[d].elementSettings,M=e=>e[d].editorThemeColor,V=e=>e[d].invalidateEmailId,H=e=>e[d].isSettingsDisabled,W=e=>e[d].activeProblemRange,z=e=>e[d].isNeedUpdateAppearance,G=m},75354:(e,t,o)=>{o.d(t,{Ay:()=>_,FC:()=>g,MY:()=>b,NK:()=>u,NP:()=>f,Ni:()=>h,X:()=>p,aO:()=>v,ff:()=>c,qM:()=>E,ux:()=>A});var l=o(65913),a=o(27849),i=o(89591),r=o(72227),n=o(93506);const d=(0,r.ur)({emailsTotal:0,elementsList:[],emailsTrashTotal:0,elementsTrashList:[],customFolders:{},elementsView:!n.EW.isPlugin&&a.A.get(n.A9.em_elements_view)||n.Y$}),m="emailsPageSlice",s=(0,l.createSlice)({name:m,initialState:d,reducers:{resetPagesAndTotal:()=>d,resetElementsList:e=>{e.elementsList=[]},toggleElementsView:(e,t)=>{e.elementsView=t.payload},removeEmailFromList:(e,{payload:t})=>{var o;const l=e.customFolders;t.folder!==n.y2&&null!==(o=l[t.folder])&&void 0!==o&&o.list&&(l[t.folder]={...l[t.folder],list:l[t.folder].list.filter(e=>e.id!==t.emailId),total:l[t.folder].total-1},e.customFolders=l)}},extraReducers:e=>{e.addMatcher(i.GY.endpoints.getEmails.matchFulfilled,(e,{meta:t,payload:o})=>{var l,a,i,r,n,d,m,s;const c=+(null===(l=t.baseQueryMeta)||void 0===l?void 0:l.response.headers.get("X-WP-Total"))||0,u="trash"===(null===(a=t.arg.originalArgs)||void 0===a?void 0:a.status),g=!(null===(i=t.arg.originalArgs)||void 0===i||null===(r=i.name)||void 0===r||!r.length),p=null===(n=t.arg.originalArgs)||void 0===n?void 0:n.page,b=(null===(d=t.arg.originalArgs)||void 0===d?void 0:d.folderTag)||(null===(m=t.arg.originalArgs)||void 0===m||null===(s=m.tags)||void 0===s?void 0:s[0]);u?(g||(e.emailsTrashTotal=c),e.elementsTrashList=o):b?e.customFolders={...e.customFolders,[b]:{list:o,page:p,total:c}}:(e.emailsTotal=c,e.elementsList=o)}),e.addMatcher(i.GY.endpoints.getTemplateEmails.matchFulfilled,(e,{meta:t,payload:o})=>{var l;const a=+(null===(l=t.baseQueryMeta)||void 0===l?void 0:l.response.headers.get("X-WP-Total"))||0;e.elementsList=o,e.emailsTotal=a;const{projectGroup:i,projectId:r,tags:n}=t.arg.originalArgs;!(null!==i&&void 0!==i&&i.length&&r||null!==n&&void 0!==n&&n.length)&&(null!==n&&void 0!==n&&n.length||null!==i&&void 0!==i&&i.length)||(e.emailsTotal=a)}),e.addMatcher(i.GY.endpoints.editEmail.matchFulfilled,(e,{payload:t})=>{e.elementsList.map(e=>{var o,l;return(null===(o=e.id)||void 0===o?void 0:o.toString())===(null===(l=t.id)||void 0===l?void 0:l.toString())?Object.assign(e,{lock:t.lock,title:t.title,emailtags:t.emailtags}):e})})}}),{resetPagesAndTotal:c,toggleElementsView:u,resetElementsList:g,removeEmailFromList:p}=s.actions,b=e=>e[m].emailsTotal,h=e=>e[m].elementsView,E=e=>e[m].elementsList,f=e=>e[m].customFolders,v=e=>e[m].emailsTrashTotal,A=e=>e[m].elementsTrashList,_=s},75301:(e,t,o)=>{o.d(t,{Ac:()=>p,Ay:()=>b,BK:()=>c,Uf:()=>g,Yw:()=>m,e_:()=>s,js:()=>u,tm:()=>d});var l=o(65913),a=o(72227);const i="imageSlice",r=(0,a.ur)({currentImage:"",currentBackground:"",currentImageName:""}),n=(0,l.createSlice)({name:i,initialState:r,reducers:{setCurrentImageName(e,t){e.currentImageName=t.payload},setCurrentImage(e,t){e.currentImage=t.payload},setCurrentBackground(e,t){e.currentBackground=t.payload},clearCurrentImages(e,t){e.currentImage="",e.currentBackground="",e.currentImageName=""}}}),{setCurrentImage:d,setCurrentImageName:m,setCurrentBackground:s,clearCurrentImages:c}=n.actions,u=e=>e[i].currentImage,g=e=>e[i].currentImageName,p=e=>e[i].currentBackground,b=n},61062:(e,t,o)=>{o.d(t,{$S:()=>C,Ay:()=>L,BQ:()=>h,Et:()=>T,K3:()=>y,MZ:()=>b,P3:()=>x,TC:()=>A,TU:()=>E,Uh:()=>N,YG:()=>P,Zs:()=>v,aY:()=>_,lg:()=>I,mk:()=>R,ol:()=>k,x3:()=>f,yY:()=>B,zH:()=>w});var l=o(65913),a=o(89591),i=o(72531),r=o(15756),n=o.n(r),d=o(93506),m=o(41244),s=o(72227),c=o(28589);const u=(0,s.ur)({emailtags:[],email:{isNew:!0,is_inited:!1,subject:void 0,preheader:void 0,description:"",html:n(),project:void 0,project_title:"",tags:[],utm_parameters:{utm_source:"",utm_medium:"",utm_campaign:"",utm_term:"",utm_content:""},parent_email:null,common_styles:"{}",title:"",emailtags:[],isAmp:!1},hasChanged:!1}),g="newEmailSlice",p=(0,l.createSlice)({name:g,initialState:u,reducers:{setNewEmailAll:(e,{payload:{id:t,subject:o,description:l="",preheader:a,html:i=n(),utm_parameters:{utm_source:r="",utm_medium:s="",utm_campaign:c="",utm_term:u="",utm_content:g=""}={},common_styles:p="{}",emailtags:b=null,renderGuid:h,title:E,_embedded:f,isAmp:v=!1}})=>{var A;e.hasChanged||(e.hasChanged=!0),e.email.isAmp=v,e.email.title=E,e.emailtags=b,e.email.subject=o,e.email.description=l,e.email.common_styles=p||JSON.stringify(d.BD),e.email.preheader=a,e.email.is_template=!1,e.email.html=i,e.email.tags=(null===(A=(0,m._q)({_embedded:f},d.zh))||void 0===A?void 0:A.map(e=>e.name))||[],e.email.renderGuid=h,e.email.parent_email=t,e.email.utm_parameters={utm_source:r,utm_medium:s,utm_campaign:c,utm_term:u,utm_content:g}},setNewEmailTitle:(e,t)=>{e.hasChanged||(e.hasChanged=!0),e.email.title=t.payload},setNewEmailSubject:(e,t)=>{e.hasChanged||e.email.subject===t.payload||(e.hasChanged=!0),e.email.title!==e.email.subject&&(e.email.subject||e.email.title)||(e.email.title=t.payload),e.email.subject=t.payload},setNewEmailPreheader:(e,t)=>{e.hasChanged||e.email.preheader===t.payload||(e.hasChanged=!0),e.email.preheader=t.payload},setNewEmailDescription:(e,t)=>{e.hasChanged||(e.hasChanged=!0),e.email.description=t.payload},setNewEmailIsTemplate:(e,t)=>{e.hasChanged||(e.hasChanged=!0),e.email.is_template=t.payload},setNewEmailHtml:(e,t)=>{e.hasChanged||(e.hasChanged=!0),t.payload&&(e.email.html=t.payload)},setNewCommonStyles:(e,t)=>{e.hasChanged||(e.hasChanged=!0),t.payload&&(e.email.common_styles=t.payload)},setNewEmailTags:(e,t)=>{e.hasChanged||(e.hasChanged=!0),e.email.tags=t.payload},setNewEmailUtmSource:(e,t)=>{e.hasChanged||(e.hasChanged=!0),e.email.utm_parameters.utm_source=t.payload},setNewEmailUtmMedium:(e,t)=>{e.hasChanged||(e.hasChanged=!0),e.email.utm_parameters.utm_medium=t.payload},setNewEmailUtmCampaign:(e,t)=>{e.hasChanged||(e.hasChanged=!0),e.email.utm_parameters.utm_campaign=t.payload},setNewEmailUtmTerm:(e,t)=>{e.hasChanged||(e.hasChanged=!0),e.email.utm_parameters.utm_term=t.payload},setNewEmailUtmContent:(e,t)=>{e.hasChanged||(e.hasChanged=!0),e.email.utm_parameters.utm_content=t.payload},setNewIsInited:(e,t)=>{e.email.is_inited=t.payload},setNewEmailIsAmp:(e,t)=>{e.email.isAmp=t.payload},resetNewEmailSlice:e=>({...u,email:{...u.email,guid:(0,c.l)(),project:e.email.project,project_title:e.email.project_title}})},extraReducers:e=>{e.addMatcher(i.Nq.endpoints.getProject.matchFulfilled,(e,t)=>{e.email.project=t.payload.id,e.email.project_title=t.payload.title}),e.addMatcher(a.GY.endpoints.getEmail.matchFulfilled,e=>({...u,email:{...u.email,project:e.email.project,project_title:e.email.project_title}}))}}),{setNewEmailAll:b,setNewEmailTitle:h,setNewEmailSubject:E,setNewEmailPreheader:f,setNewEmailDescription:v,setNewEmailIsTemplate:A,setNewEmailHtml:_,setNewCommonStyles:S,setNewEmailTags:B,setNewEmailUtmSource:y,setNewEmailUtmMedium:k,setNewEmailUtmCampaign:x,setNewEmailUtmContent:R,setNewEmailUtmTerm:w,resetNewEmailSlice:T,setNewIsInited:N,setNewEmailIsAmp:I}=p.actions,P=e=>e[g].email,C=e=>e[g].hasChanged,L=p},22817:(e,t,o)=>{o.d(t,{AQ:()=>v,Ay:()=>A,BN:()=>c,GD:()=>b,RP:()=>h,Rw:()=>f,Rz:()=>E,es:()=>s,mb:()=>u,od:()=>m,qV:()=>g,yN:()=>p});var l=o(65913),a=o(72531),i=o(89591);const r=(0,o(72227).ur)({project:null,activeGroupsTags:[],activeProjectGroupsTags:[],groupsTemplateTotal:null,groupsTemplateProjectTotalPages:null,groupsTemplateProjectTotal:null}),n="projectSlice",d=(0,l.createSlice)({name:n,initialState:r,reducers:{setProject:(e,{payload:t})=>{e.project=t},setActiveGroupsTags:(e,{payload:t})=>{e.activeGroupsTags=t,t.length&&(e.activeProjectGroupsTags=[])},setActiveProjectGroupsTags:(e,{payload:t})=>{e.activeProjectGroupsTags=t,t.length&&(e.activeGroupsTags=[])},resetAllTags:e=>{e.activeProjectGroupsTags=[],e.activeGroupsTags=[]}},extraReducers:e=>{e.addMatcher(a.Nq.endpoints.getProject.matchFulfilled,(e,{payload:t})=>{e.project={...r.project,...t}}),e.addMatcher(a.Nq.endpoints.editProject.matchFulfilled,(e,{payload:t})=>{e.project={...r.project,...t}}),e.addMatcher(i.GY.endpoints.getTemplateEmails.matchFulfilled,(e,{payload:t,meta:o})=>{const{projectId:l}=o.arg.originalArgs;var a,i,r;l?(e.groupsTemplateProjectTotal=+(null===(a=o.baseQueryMeta)||void 0===a?void 0:a.response.headers.get("X-WP-Total")),e.groupsTemplateProjectTotalPages=+(null===(i=o.baseQueryMeta)||void 0===i?void 0:i.response.headers.get("X-WP-TotalPages"))):e.groupsTemplateTotal=+(null===(r=o.baseQueryMeta)||void 0===r?void 0:r.response.headers.get("X-WP-Total"))})}}),{setProject:m,setActiveGroupsTags:s,setActiveProjectGroupsTags:c,resetAllTags:u}=d.actions,g=e=>e[n].groupsTemplateProjectTotalPages,p=e=>e[n].project,b=e=>e[n].activeGroupsTags,h=e=>e[n].groupsTemplateTotal,E=e=>{var t;return null===(t=e[n].project)||void 0===t?void 0:t.projects_test_emails},f=e=>e[n].activeProjectGroupsTags,v=e=>e[n].groupsTemplateProjectTotal,A=d},74663:(e,t,o)=>{o.d(t,{Ay:()=>g,RL:()=>c,p1:()=>u,qX:()=>m});var l=o(65913),a=o(89591),i=o(60791);const r=(0,o(72227).ur)({historyData:[],elementHistoryTotalPages:1}),n="revisionHistorySlice",d=(0,l.createSlice)({name:n,initialState:r,reducers:{resetElementHistorySlice:()=>({...r}),setElementHistory:(e,t)=>{0!==t.payload.length&&(e.historyData=t.payload)}},extraReducers:e=>{e.addMatcher(a.GY.endpoints.getEmailHistory.matchFulfilled,(e,{meta:t,payload:o})=>{var l;e.elementHistoryTotalPages=+(null===(l=t.baseQueryMeta)||void 0===l?void 0:l.response.headers.get("X-WP-TotalPages")),t.arg.originalArgs.page&&1!==t.arg.originalArgs.page||(e.historyData=o.data||[])}),e.addMatcher(i.VM.endpoints.getBlockHistory.matchFulfilled,(e,{meta:t,payload:o})=>{var l;e.elementHistoryTotalPages=+(null===(l=t.baseQueryMeta)||void 0===l?void 0:l.response.headers.get("X-WP-TotalPages")),o.args.page&&1!==o.args.page||(e.historyData=o.data||[])})}}),{resetElementHistorySlice:m}=d.actions,{setElementHistory:s}=d.actions,c=e=>e[n].elementHistoryTotalPages,u=e=>e[n].historyData,g=d},98173:(e,t,o)=>{o.d(t,{Ay:()=>S,B:()=>A,B$:()=>_,C1:()=>E,hZ:()=>v,ko:()=>p,ku:()=>u,ww:()=>s,yf:()=>f});var l=o(65913),a=o(3758),i=o(93506),r=o(72227),n=o(41244);const d=(0,r.ur)({currentUser:{},currentSchema:{},monacoOptions:i.rW,monacoDidMount:!1}),m="userSlice",s=(0,l.createAsyncThunk)("user/setMonacoOptions",async(e,{getState:t})=>{const o=t()[m],l="string"===typeof e.font_family?`${e.font_family},  sans-serif`:void 0,a=void 0!==e.word_wrap?e.word_wrap?"on":"off":void 0;return l&&o.monacoOptions.fontFamily!==l&&await(0,n.iV)(e.font_family),{tabSize:e.tab_size,fontFamily:l,fontSize:e.font_size,wordWrap:a,insertSpaces:e.insert_spaces,minimap:{enabled:e.minimap}}}),c=(0,l.createSlice)({name:m,initialState:d,reducers:{setMonacoDidMount:(e,{payload:t})=>{e.monacoDidMount=t},setTheme:(e,{payload:t})=>{e.currentUser.theme=t},setUserLocale:(e,{payload:t})=>{e.currentUser.locale=t},setUserAutosaves:(e,{payload:t})=>{e.currentUser.autosaves=t},setUser:(e,{payload:t})=>{e.currentUser={...e.currentUser,...t}}},extraReducers:e=>{e.addCase(s.fulfilled,(e,t)=>{const o=t.payload;e.monacoOptions=(0,n.i0)({...e.monacoOptions},o)}),e.addMatcher(a.Q2.endpoints.editMe.matchFulfilled,(e,t)=>{e.currentUser=t.payload}),e.addMatcher(a.Q2.endpoints.getMe.matchFulfilled,(e,t)=>{e.currentUser=t.payload}),e.addMatcher(a.Q2.endpoints.getSchema.matchFulfilled,(e,t)=>{e.currentSchema=t.payload.schema})}}),{setMonacoDidMount:u,setTheme:g,setUserLocale:p,setUserAutosaves:b,setUser:h}=c.actions,E=e=>e[m].currentUser,f=e=>e[m].currentSchema,v=e=>e[m].monacoOptions,A=e=>{var t;return null===(t=e[m].currentUser)||void 0===t?void 0:t.locale},_=e=>{var t;return 3891!==(null===(t=e[m].currentUser.subscription)||void 0===t?void 0:t.ID)},S=c}}]);
+//# sourceMappingURL=8559.c810e5fe.js.map