npm - @emailmaker/emailmaker - Versions diffs - 1.0.114 → 1.0.116-alpha.1 - Mend

@emailmaker/emailmaker 1.0.114 → 1.0.116-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (519) hide show

package/static/js/8013.e4dee415.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(globalThis.webpackChunkemail_maker=globalThis.webpackChunkemail_maker\|\|[]).push([[8013],{96040:(e,t,o)=>{o.d(t,{A:()=>r});var l=o(1936),i=o(69622),a=o(942),n=o(8855);const r=({icon:e,...t})=>{const o=(0,a.rD)(),r=(0,l.useMemo)(()=>{if(null===o\|\|void 0===o\|\|!o.icons)return;const e={};for(const[t,l]of Object.entries(o.icons))"string"===typeof l&&(e[t]=(0,n.p)(l));return Object.keys(e).length>0?e:void 0},[null===o\|\|void 0===o?void 0:o.icons]);return l.createElement(i.HQ,Object.assign({icon:e,configIcons:r},t))}},92187:(e,t,o)=>{o.d(t,{A:()=>S});var l=o(1936),i=o(18891),a=o(6056),n=o.n(a),r=o(58889),d=o(7314),s=o(71715),m=o(15582),c=o(942),u=o(89591),p=o(93506),g=o(63922),b=o(44946),h=o(22449),v=o(61933),f=o(7714),E=o(65185),_=o(65893);const S=(0,l.forwardRef)(({className:e=null,email:t=null,handlerSendPosition:a=()=>{}},S)=>{const y=(0,s.wA)(),k=(0,d.fn)(),w=(0,c.rD)(),B=(0,f.ur)(),R=(0,f.XW)(),T=(0,f.QC)(),x=(0,E._q)(_.AZ.ON_EMAIL_INIT_ID),[A,I]=(0,l.useState)(),N=(0,l.useCallback)(e=>{const o=window.localStorage.getItem(p.V0.em_color_scheme),l=matchMedia(p.F3).matches?p.nd:p.T,i=window.localStorage.getItem(p.V0.em_code_mode_settings)?JSON.parse(window.localStorage.getItem(p.V0.em_code_mode_settings)):null,n={operation:p.Ru.UPDATE_PREVIEW,versionId:(null===k\|\|void 0===k?void 0:k.getVersionId())\|\|0,theme:o&&"system"!==o?o:l,commonStyles:"string"===typeof(null===t\|\|void 0===t?void 0:t.common_styles)&&null!==t&&void 0!==t&&t.common_styles.startsWith("{")&&"{}"!==t.common_styles?JSON.parse(t.common_styles):p.BD,pathEnabled:w.pathEnabled,copyPasteEnabled:w.copyPasteEnabled,saveBlockEnabled:w.saveBlockEnabled,editImageControlEnabled:w.editImageControlEnabled,codeMode:!!i&&!(!i.isCodeMode\|\|"left"!==i.codeModeDirection&&"right"!==i.codeModeDirection),elementAIimageEnabled:w.elementAIimageEnabled,imageCenterStockEnabled:w.imageCenterStockEnabled,imageCenterGifEnabled:w.imageCenterGifEnabled,imageCenterEditorEnabled:w.imageCenterEditorEnabled,blocksAddPanelEnabled:!1!==w.blocksAddPanelEnabled&&!1!==w.blocksSectionsShow,lockEditor:w.lockEditor,appName:"emailmaker"};I(e.target),B(e.target),S.current.resize(),R(n),a()},[w,a,R,k,t.common_styles,S,I,B]);(0,l.useEffect)(()=>{T.isInited()&&R({operation:p.Ru.UPDATE_PREVIEW,lockEditor:w.lockEditor})},[T,w.lockEditor]);const C=(0,l.useCallback)(e=>{var t;e.data.operation===p.Ru.SANDBOX_RESIZED&&(null===(t=S.current)\|\|void 0===t\|\|t.resize())},[S]);(0,l.useEffect)(()=>{const e=x(()=>{S.current.resize()});return()=>e.dispose()},[S,x]),(0,l.useEffect)(()=>()=>{B()},[B]);const P=(0,l.useCallback)(()=>new Promise(e=>{T.setTarget(void 0);const t=()=>{N({target:A}),e(),null===A\|\|void 0===A\|\|A.removeEventListener("load",t)};null===A\|\|void 0===A\|\|A.addEventListener("load",t)}),[T,N,A]);(0,l.useEffect)(()=>{const e=T.addListenerAsync(p.Ru.RELOAD,P,Number.MAX_SAFE_INTEGER);return()=>e.dispose()},[T,P]),(0,m.A)(C),(0,m.A)(()=>{var e;null===(e=S.current)\|\|void 0===e\|\|e.resize()},p.Ru.SANDBOX_INITED),(0,h.V)(),(0,v.w)(),(0,l.useEffect)(()=>{matchMedia(p.F3).addEventListener("change",e=>{const t=window.localStorage.getItem(p.V0.em_color_scheme),o=e.matches?p.nd:p.T;R({operation:p.Ru.UPDATE_PREVIEW,theme:t\|\|o})})},[R]),(0,g.h)(k,t),(0,l.useEffect)(()=>{const e=k.onDidChangeContent(()=>{S.current.resize()});return()=>e.dispose()},[k,S]);const L=(0,l.useCallback)(e=>{e.data.operation===p.Ru.APPLICATION_COMMON_STYLES_UPDATE&&y(u.GY.util.updateQueryData("getEmail",t.id,t=>Object.assign(t,{common_styles:JSON.stringify(e.data.settings.commonStyles)})))},[y,t.id]);return(0,m.A)(L),l.createElement(b.y,null,l.createElement(i.A,{forwardRef:S,checkOrigin:!1,sandbox:"allow-top-navigation allow-scripts allow-popups allow-popups-to-escape-sandbox",className:n()("email-preview",{[e]:e}),width:"100%",minHeight:600,scrolling:"no",id:"email_iframe",allow:"clipboard-read; clipboard-write",src:(p.EW.isPlugin?`${o.p}iframe/`:"/iframe/")+(t.hasOwnProperty("type")?r.l5:r.yG),title:"Email content",onLoad:N}))})},38496:(e,t,o)=>{o.d(t,{A:()=>Gl});var l=o(1936),i=o(69622),a=o(71715),n=o(84075),r=o(47706),d=o(6403),s=o(6056),m=o.n(s),c=o(42414),u=o(96040),p=o(73888),g=o(87796),b=o(78443),h=o(93506);const v=({group:e,refetch:t})=>{const{__:o,_x:n}=(0,r.s9)(),s=(0,a.wA)(),[m]=i.lV.useForm(),c=(0,l.useRef)(null),u=(0,a.d4)(b.cL)===h.lx.EDIT_GROUP_NAME_MODAL,p=(0,d.hN)(),{id:v=null,name:f=""}=e,E=()=>s((0,b.Oo)()),[_,S]=(0,g.CE)();(0,l.useEffect)(()=>{u&&m.setFieldsValue({name:f})},[u,f,m]);const y=()=>{m.validateFields().then(({name:e})=>{_({id:v,data:{name:e}}).then(({data:l,error:i})=>{i?(p.error({message:i.data.code,description:i.data.message}),m.setFieldValue("name",e)):(t().then(({data:e})=>{if(e){var t,o,l;const i=null===(t=e[0])\|\|void 0===t\|\|null===(o=t.children)\|\|void 0===o\|\|null===(l=o.find(e=>e.id===v))\|\|void 0===l?void 0:l.name;m.setFieldValue("name",i)}}),E(),p.success({message:o("The group \u201c")+e+n("\u201d was successfully changed to \u201c","group")+l.name+o("\u201d.")}))})})};return l.createElement(i.aF,{title:o("Change group name"),open:u,onOk:y,onCancel:E,className:"new-group-name-modal",footer:[l.createElement(i.$n,{key:"submit",type:"primary",size:"large",loading:S.isLoading,onClick:y},o("Change name"))]},l.createElement(i.lV,{form:m,layout:"vertical",name:"rename_group_form",onFinish:y,initialValues:{remember:!1,name:f},autoComplete:"off",style:{paddingTop:10}},l.createElement(i.lV.Item,{name:"name",rules:[{required:!0,message:o("Please enter the group name")}]},l.createElement(i.pd,{disabled:S.isLoading,size:"large",placeholder:o("Enter the group name"),ref:c,style:{marginBottom:5}}))))};var f=o(52898);const E=({className:e,refetchProjectGroups:t,isLoading:o})=>{const{__:n,_x:s}=(0,r.s9)(),c=(0,a.wA)(),E=(0,d.hN)(),{modal:_}=i.qw.useApp(),{confirm:S}=_,{token:y}=(0,i.rd)(),k=(0,a.d4)(f.UI),[w]=(0,g.Lh)(),B=(e,o)=>{S({maskClosable:!0,centered:!0,title:s("Are you sure to delete \u201c","group")+o+n("\u201d group and all nested groups?"),icon:l.createElement(u.A,{icon:"DeleteOutlined",style:{color:"#ff4d4f"}}),okText:n("Yes"),cancelText:n("No"),onOk:()=>(e=>{w(e).unwrap().then(e=>{null!==e&&void 0!==e&&e.deleted&&(E.success({message:n("The group \u201c")+e.previous.name+s("\u201d was successfully deleted.","recovery")}),t())}).catch(e=>{E.error({message:e.data.code,description:e.data.message})})})(String(e))})},R=e=>[{label:n("Rename"),key:"Rename",icon:l.createElement(u.A,{icon:"CopyOutlined",size:16}),onClick:()=>{return t=e.id,o=e.name,c((0,b.qf)(h.lx.EDIT_GROUP_NAME_MODAL)),void x({id:t,name:o});var t,o}},{label:n("Remove"),icon:l.createElement(u.A,{icon:"DeleteOutlined",size:16}),key:"Remove",style:{color:"#ff4d4f"},onClick:()=>B(e.id,e.name)}],[T,x]=(0,l.useState)({id:null,name:""});return l.createElement("div",{className:m()("groups-management",{[e]:e})},o?l.createElement(i.EA,{active:!0}):l.createElement(i.fI,null,!(null===k\|\|void 0===k\|\|!k.length)&&(null===k\|\|void 0===k?void 0:k.map((e,t)=>{var o;return l.createElement(i.fv,{key:e.id,span:24},l.createElement(i.lV.Item,{name:`group_${e.id}`,style:{marginBottom:y.formItemMarginBottomMD},label:l.createElement(i.so,{justify:"space-between",align:"center",style:{width:"100%"}},l.createElement("span",null,e.name),l.createElement(i.$n,{type:"text",className:"groups-management__group_menu","data-group-id":e.id,size:"large"},l.createElement(i.ms,{className:"groups-management__group_menu-inner",placement:"bottomLeft",menu:{items:R(e)},trigger:["hover"]},l.createElement("span",{className:"groups-management__actions"},l.createElement(u.A,{icon:"MoreOutlined"}))))),className:"groups-management__group-select",rules:[{message:"Please input category name!",type:"array"}]},l.createElement(i.Select,{mode:"tags",style:{width:"100%"},placeholder:n("Type category here"),options:null===(o=e.children)\|\|void 0===o?void 0:o.map(e=>({label:e.name,value:String(e.id)})),tagRender:e=>{const{label:t,closable:o,onClose:a}=e;return l.createElement(i.vw,{color:y.colorPrimary,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},closable:o,onClose:a,style:{borderRadius:6}},t)},getPopupContainer:()=>document.querySelector(".email-settings__collapse")})))})),l.createElement(i.fv,{span:24},l.createElement(i.lV.Item,{style:{marginBottom:y.formItemMarginBottomMD}},l.createElement(i.$n,{id:"add_group_button",icon:l.createElement(u.A,{icon:"AddSlide"}),style:{width:"100%"},onClick:()=>c((0,b.qf)(h.lx.ADD_NEW_GROUP_MODAL))},n("Add group"))))),l.createElement(p.A,{taxonomy:h.bV.GROUP}),l.createElement(v,{group:T,refetch:t}))};var _=o(60791),S=o(89591),y=o(72531),k=o(61062),w=o(11105),B=o(942),R=o(41244);const{title:T,description:x,tags:A,type:I,is_template:N,group:C}={title:"title",description:"description",tags:"tags",type:"type",is_template:"is_template",group:"group"},P={[T]:"",[x]:"",[A]:[],[N]:!1},L={[x]:"",[A]:[],[I]:""};const O=({className:e="",element:t})=>{var o,d;const{__:s}=(0,r.s9)(),{projectId:c}=(0,n.g)(),p=(0,a.wA)(),[b]=i.lV.useForm(),{token:v}=(0,i.rd)(),N=(0,B.rD)(),O=(0,a.Pj)(),F=(0,a.d4)(f.UI),{data:M}=(0,_.h1)(),{data:V}=(0,n.KC)(),D=t.hasOwnProperty("type")?h.IE:h.Tm,z=t.hasOwnProperty("type")?h.YY:h.zh,{refetch:W,isLoading:H,isFetching:j,isUninitialized:G,isSuccess:U}=(0,g.Oo)({parent:null===(o=V.group)\|\|void 0===o?void 0:o[0]},{skip:!(null!==(d=V.group)&&void 0!==d&&d[0])});(0,l.useEffect)(()=>{!G&&W()},[G,W]);const[$,X]=(0,l.useState)([]),[q,K]=(0,l.useState)([]),[Y,Q]=(0,l.useState)(t.is_template\|\|!1),{data:J}=y.Nq.endpoints.getProject.select(+c)(O.getState());(0,l.useEffect)(()=>{!G&&W()},[t.group,W,G]),(0,l.useEffect)(()=>{if(U&&t.is_template&&t.group.length){const e=t.group;let o={};e.length&&F.length&&(null===e\|\|void 0===e\|\|e.forEach(e=>{null===F\|\|void 0===F\|\|F.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)})));b.setFieldsValue(l)}},[b,F,t.is_template,t.group,U]),(0,l.useEffect)(()=>{var e;K(null===(e=function(e){const t=new Set;return null===e\|\|void 0===e?void 0:e.filter(e=>!t.has(e.name)&&(t.add(e.name),!0))}((0,R.HT)(J,z)))\|\|void 0===e?void 0:e.map(e=>({value:e.name,key:e.id})))},[J,z]),(0,l.useEffect)(()=>{if(t){var e,o;const l=null===(e=(0,R._q)(t,z))\|\|void 0===e?void 0:e.map(e=>e.name),i=t.emailtags\|\|t.blocktags,a=null===(o=(0,R._q)(t,z))\|\|void 0===o?void 0:o.filter(e=>i.includes(e.id)).map(e=>e.name);b.setFieldsValue({title:t.title,description:t.description,tags:t.tags\|\|a\|\|l,type:t.type})}},[b,t,z]);(0,l.useEffect)(()=>{if(M){const e=M.schema.properties.acf.properties.type.items.enum;let t=[];const o={Applications:s("Apps"),Articles:s("Article"),Banners:s("Banners"),Buttons:s("Buttons"),"Call to Action":s("Call to Action"),Contacts:s("Contacts"),Content:s("Content"),"E-Commerce":s("E-Commerce"),Feature:s("Features"),Footer:s("Footers"),Header:s("Headers"),Lists:s("Lists"),Menu:s("Menus"),Other:s("Others"),Polls:s("Polls"),Promocodes:s("Promocodes"),Separators:s("Separators")};for(let l in e)t.push({label:o[e[l]],value:e[l]});X(t)}},[M,s]);return l.createElement("div",{className:m()("settings-panel",{[e]:e})},l.createElement(i.lV,{form:b,layout:"vertical",name:"settings_panel_form",initialValues:D===h.Tm?{EmailInitialValues:P}:L,onValuesChange:e=>{const o=Object.keys(e)[0];switch(o.split("_")[0]){case T:t.isNew?p((0,k.BQ)(e[o])):p((0,f.VK)(e[o]));break;case C:p((0,f.Bu)({[o.split("_")[1]]:e[o]}));break;case x:D===h.Tm?t.isNew?p((0,k.Zs)(e[o])):p(S.GY.util.updateQueryData("getEmail",t.id,t=>{Object.assign(t,{description:e[o]})})):t.isNew?p((0,w.AS)(e[o])):p(_.VM.util.updateQueryData("getBlock",t.id,t=>{Object.assign(t,{description:e[o]})}));break;case"is":t.isNew?p((0,k.TC)(e[o])):p(S.GY.util.updateQueryData("getEmail",t.id,t=>{Object.assign(t,{is_template:e[o]})}));break;case A:{const l=e[o].map(e=>e.trim());D===h.Tm?t.isNew?p((0,k.yY)(l)):p(S.GY.util.updateQueryData("getEmail",t.id,e=>{Object.assign(e,{tags:l})})):t.isNew?p((0,w.TB)(l)):p(_.VM.util.updateQueryData("getBlock",t.id,e=>{Object.assign(e,{tags:l})}));break}case I:p(_.VM.util.updateQueryData("getBlock",t.id,t=>{Object.assign(t,{type:e[o]})}));break;default:return}},autoComplete:"off"},N.subjectEnabled&&D===h.Tm&&l.createElement(i.lV.Item,{label:s("Title"),name:T,tooltip:{title:s("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(u.A,{icon:"InfoCircleOutlined"})}},l.createElement(i.fs,{placeholder:s("Type title here"),autoSize:{minRows:1}})),N.descriptionEnabled&&l.createElement(i.lV.Item,{label:s("Description"),name:x,tooltip:{title:s("Description is used in other sections of the service."),icon:l.createElement(u.A,{icon:"InfoCircleOutlined"})}},l.createElement(i.fs,{placeholder:s("Type your description here"),autoSize:{minRows:2}})),N.tagsEnabled&&l.createElement(i.lV.Item,{label:s("Tags"),name:A,tooltip:{title:s("Tags help you find the block in the list."),icon:l.createElement(u.A,{icon:"InfoCircleOutlined"})},rules:[{message:"Please input your username!",type:"array"}]},l.createElement(i.Select,{mode:"tags",style:{width:"100%"},placeholder:s("Type your tags here"),options:q,tagRender:e=>{const{label:t,closable:o,onClose:a}=e;return l.createElement(i.vw,{color:v.colorPrimary,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},closable:o,onClose:a,style:{borderRadius:6}},t)},getPopupContainer:()=>document.querySelector(".email-settings__collapse")})),D===h.Tm&&N.isTemplateEnabled&&l.createElement(l.Fragment,null,l.createElement(i.cG,{className:"selected-td-form__divider",style:{marginBottom:16}}),l.createElement(i.m_,{title:t.isNew?s("Save email first."):s("Use this email as a template for creating future emails."),key:"isTemplate"},l.createElement(i.lV.Item,{name:"is_template",valuePropName:"checked",initialValue:Y},l.createElement(i.dO,{id:"setIsTemplate",label:s("Is a template"),size:"small",onChange:e=>{Q(e)},disabled:t.isNew,labelStyle:{position:"relative",top:2,fontSize:14,color:v.colorText}})))),Y&&l.createElement(E,{element:t,refetchProjectGroups:W,isLoading:H\|\|j}),D===h.IE&&l.createElement(i.lV.Item,{name:I,label:s("Type"),tooltip:{title:s("Select the block type to find any block on the list faster."),icon:l.createElement(u.A,{icon:"InfoCircleOutlined"})},rules:[{message:"Please input type!"}]},l.createElement(i.Select,{placeholder:s("Choose block type"),options:$,getPopupContainer:()=>document.querySelector(".email-settings__collapse")}))))};O.defaultProps={email:void 0};const F=O,{utm_source:M,utm_medium:V,utm_campaign:D,utm_term:z,utm_content:W}={utm_source:"utm_source",utm_medium:"utm_medium",utm_campaign:"utm_campaign",utm_term:"utm_term",utm_content:"utm_content"},H={[M]:"",[V]:"",[D]:"",[z]:"",[W]:""},j=({className:e="",email:t})=>{const{__:o}=(0,r.s9)(),n=(0,a.wA)(),[d]=i.lV.useForm();(0,l.useEffect)(()=>{var e,o,l,i,a;t&&d.setFieldsValue({utm_source:(null===(e=t.utm_parameters)\|\|void 0===e?void 0:e.utm_source)\|\|"",utm_medium:(null===(o=t.utm_parameters)\|\|void 0===o?void 0:o.utm_medium)\|\|"",utm_campaign:(null===(l=t.utm_parameters)\|\|void 0===l?void 0:l.utm_campaign)\|\|"",utm_term:(null===(i=t.utm_parameters)\|\|void 0===i?void 0:i.utm_term)\|\|"",utm_content:(null===(a=t.utm_parameters)\|\|void 0===a?void 0:a.utm_content)\|\|""})},[d,t]);return l.createElement("div",{className:m()("settings-panel",{[e]:e})},l.createElement(i.lV,{form:d,layout:"vertical",name:"settings_panel_form_utm",initialValues:H,onValuesChange:e=>{const o=Object.keys(e)[0];switch(o){case M:t.isNew?n((0,k.K3)(e[o])):n(S.GY.util.updateQueryData("getEmail",t.id,t=>{Object.assign(t,{utm_parameters:{...t.utm_parameters,utm_source:e[o]}})}));break;case V:t.isNew?n((0,k.ol)(e[o])):n(S.GY.util.updateQueryData("getEmail",t.id,t=>{Object.assign(t,{utm_parameters:{...t.utm_parameters,utm_medium:e[o]}})}));break;case D:t.isNew?n((0,k.P3)(e[o])):n(S.GY.util.updateQueryData("getEmail",t.id,t=>{Object.assign(t,{utm_parameters:{...t.utm_parameters,utm_campaign:e[o]}})}));break;case z:t.isNew?n((0,k.zH)(e[o])):n(S.GY.util.updateQueryData("getEmail",t.id,t=>{Object.assign(t,{utm_parameters:{...t.utm_parameters,utm_term:e[o]}})}));break;case W:t.isNew?n((0,k.mk)(e[o])):n(S.GY.util.updateQueryData("getEmail",t.id,t=>{Object.assign(t,{utm_parameters:{...t.utm_parameters,utm_content:e[o]}})}));break;default:return}},autoComplete:"off"},l.createElement(i.Fc,{message:o("The specified parameters will be added to all links when exporting the email."),type:"info",showIcon:!0,style:{marginBottom:20}}),l.createElement(i.lV.Item,{label:o("utm_source"),name:M,tooltip:{title:o("Mandatory. Indicates the traffic source. Example: utm_source=google"),icon:l.createElement(u.A,{icon:"InfoCircleOutlined"})}},l.createElement(i.pd,{placeholder:o("google")})),l.createElement(i.lV.Item,{label:o("utm_medium"),name:V,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(u.A,{icon:"InfoCircleOutlined"})}},l.createElement(i.pd,{placeholder:o("cpc")})),l.createElement(i.lV.Item,{label:o("utm_campaign"),name:D,tooltip:{title:o("Indicates a specific product promotion or a marketing campaign. Example: utm_campaign=spring_sale"),icon:l.createElement(u.A,{icon:"InfoCircleOutlined"})}},l.createElement(i.pd,{placeholder:o("spring_sale")})),l.createElement(i.lV.Item,{label:o("utm_term"),name:z,tooltip:{title:o("Identifies search terms. For example: utm_term=running+shoes"),icon:l.createElement(u.A,{icon:"InfoCircleOutlined"})}},l.createElement(i.pd,{placeholder:o("running+shoes")})),l.createElement(i.lV.Item,{label:o("utm_content"),name:W,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(u.A,{icon:"InfoCircleOutlined"})}},l.createElement(i.pd,{placeholder:o("textlink")}))))},G=({email:e})=>{const{__:t}=(0,r.s9)(),o=e.hasOwnProperty("type")?h.IE:h.Tm,[a,n]=(0,l.useState)(h.yy),d=(0,B.rD)();let s=[{label:l.createElement(l.Fragment,null,t("Settings")),key:h.yy,forceRender:!0,className:"email-settings__collapse-panel",children:l.createElement(F,{className:"email-settings__collapse-panel-content",element:e})}];return d.UTMEnabled&&o===h.Tm&&s.push({label:l.createElement(l.Fragment,null,t("UTM parameters")),key:h.iW,forceRender:!0,className:"email-settings__collapse-panel",children:l.createElement(j,{className:"email-settings__collapse-panel-content",email:e})}),l.createElement(l.Fragment,null,l.createElement(i.tU,{className:"secondary-tabs email-settings__collapse",size:"large",activeKey:a,onChange:e=>n(e\|\|""),items:s}))};var U=o(66482),$=o(54410),X=o(98311);const q=({email:e})=>{const{__:t}=(0,r.s9)(),o=e.hasOwnProperty("type")?h.IE:h.Tm,[a,n]=(0,l.useState)(h.xz),d=(0,B.rD)(),s=!!e.common_styles&&"{}"!==e.common_styles;let m=[{label:l.createElement(l.Fragment,null,o===h.Tm?t("Global styles"):t("Block styles")),key:h.xz,forceRender:!0,className:"email-settings__collapse-panel",children:o===h.Tm?l.createElement(U.A,{className:"email-settings__collapse-panel-content",email:e}):l.createElement($.A,{className:"email-settings__collapse-panel-content"})}];return o===h.Tm&&s&&d.commonStylesEnabled&&m.push({label:l.createElement(l.Fragment,null,t("Content styles")),key:"contentStyles",forceRender:!0,className:"email-settings__collapse-panel",children:l.createElement(X.A,{className:"email-settings__collapse-panel-content",email:e})}),l.createElement(l.Fragment,null,l.createElement(i.tU,{className:"secondary-tabs email-settings__collapse appearance-panel__content-styles",size:"large",activeKey:a,onChange:e=>n(e\|\|""),items:m}))};var K=o(81557),Y=o(9231),Q=o.n(Y),J=o(89645),Z=o.n(J),ee=o(34423),te=o.n(ee),oe=o(85058),le=o.n(oe),ie=o(14865),ae=o.n(ie),ne=o(91140),re=o.n(ne);const de=[{sizeArray:[24],name:"column-one",html:Q()},{sizeArray:[12,12],name:"column-two-50",html:le()},{sizeArray:[8,8,8],name:"column-three",html:ae()},{sizeArray:[6,6,6,6],name:"column-four",html:re()},{sizeArray:[8,16],name:"column-two-33",html:Z()},{sizeArray:[16,8],name:"column-two-66",html:te()}],se=()=>{const e=(0,R.sh)(),t=(0,R._9)();return l.createElement("div",{className:"structures blocks-search__empty-wrapper"},l.createElement("div",{className:"structures__list"},l.createElement("div",null,de&&de.map((o,a)=>l.createElement("div",{key:o.name},l.createElement("div",{className:"structures__item",draggable:!0,onClick:t=>e(t,o.html),onDragStart:e=>t(e,o.html)},l.createElement(i.fI,{gutter:[6,6],className:"structures__item-row"},o.sizeArray.map((e,t)=>l.createElement(i.fv,{span:e,key:o.name+t},l.createElement("div",{className:"structures__item-col"}))))))))))};var me=o(44536),ce=o.n(me),ue=o(70684),pe=o.n(ue),ge=o(86642),be=o.n(ge),he=o(22643),ve=o.n(he),fe=o(32994),Ee=o.n(fe),_e=o(76427),Se=o.n(_e);const ye=[{sizeArray:[24],name:"column-one",html:ce()},{sizeArray:[12,12],name:"column-two-50",html:ve()},{sizeArray:[8,8,8],name:"column-three",html:Ee()},{sizeArray:[6,6,6,6],name:"column-four",html:Se()},{sizeArray:[8,16],name:"column-two-33",html:pe()},{sizeArray:[16,8],name:"column-two-66",html:be()}],ke=()=>{const e=(0,R.sh)(),t=(0,R._9)();return l.createElement("div",{className:"structures blocks-search__empty-wrapper"},l.createElement("div",{className:"structures__list"},l.createElement("div",null,ye&&ye.map((o,a)=>l.createElement("div",{key:o.name},l.createElement("div",{className:"structures__item",draggable:!0,onClick:t=>e(t,o.html),onDragStart:e=>t(e,o.html)},l.createElement(i.fI,{gutter:[6,6],className:"structures__item-row"},o.sizeArray.map((e,t)=>l.createElement(i.fv,{span:e,key:o.name+t},l.createElement("div",{className:"structures__item-col"}))))))))))};var we=o(25623),Be=o(65017),Re=o(4077),Te=o(68069),xe=o(50028),Ae=o(72533),Ie=o.n(Ae),Ne=o(27468),Ce=o(71461),Pe=o(73847),Le=o(7714);const Oe=({value:e,onChange:t,onSync:o,fieldName:a,...n})=>{var r;const d=null!==(r="object"===typeof e?null===e\|\|void 0===e?void 0:e.value:e)&&void 0!==r?r:"";return l.createElement(i.BK,Object.assign({value:d,onChange:e=>{const l={classNamePrefix:"em-mob-text_align-",value:e};null===t\|\|void 0===t\|\|t(l),null===o\|\|void 0===o\|\|o({[a]:l})}},n))},Fe=({form:e,elementSettings:t,imgParent:o=!1,name:a="align",tooltipTitle:n,typeOfForm:d="desktop"})=>{const{__:s}=(0,r.s9)(),m=(0,Le.XW)(),c=(0,B.rD)(),u="mobile"===d,p=u?"mobileAlign":a,g={alignLeft:s("Align left"),alignCenter:s("Center horizontally"),alignRight:s("Align right")};if(u){const e=e=>{m({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:e})};return l.createElement(i.lV.Item,{name:p},l.createElement(Oe,{fieldName:p,onSync:e,disabled:o&&!t.parent,strokeWidth:c.iconStrokeWidth,tooltipTitle:n,labels:g}))}const b=t[p],v="string"===typeof b?b:"";return l.createElement(i.lV.Item,{name:p},l.createElement(i.BK,{value:v,onChange:o=>{e.setFieldsValue({[p]:o}),m({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{[p]:o}})},disabled:o&&!t.parent,strokeWidth:c.iconStrokeWidth,tooltipTitle:n,labels:g}))},Me=({form:e,elementSettings:t,tooltipTitle:o,disabled:a=!1,isNewIconType:n=!1,typeOfForm:d="desktop"})=>{const{__:s}=(0,r.s9)(),m=(0,Le.XW)(),c=(0,B.rD)(),u="mobile"===d,p=u?"mobileVerticalAlign":"valign";return l.createElement(i.lV.Item,{name:p},l.createElement(i.VX,Object.assign({},!u&&{value:t.valign,onChange:o=>{e.setFieldsValue({[p]:o}),u\|\|m({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{[p]:o}})}},{disabled:a,isNewIconType:n,strokeWidth:c.iconStrokeWidth,labels:{alignTop:s("Align top"),alignMiddle:s("Center vertically"),alignBottom:s("Align bottom")}})))},Ve=["mobileBoxShadowHOffset","mobileBoxShadowVOffset","mobileBoxShadowBlurRadius","mobileBoxShadowSpreadRadius","mobileBoxShadowColor","mobileBoxShadowInset"],De=({form:e,elementSettings:t,enableSwitch:o,usedColors:a,labels:n,withoutShadowLabel:r})=>{const d=(0,Le.XW)(),s=t.mobileBoxShadow,[m,c]=(0,l.useState)(!s\|\|0===s.hOffset&&0===s.vOffset&&0===s.blurRadius&&0===s.spreadRadius),u=i.lV.useWatch(Ve,e);(0,l.useEffect)(()=>{if(!u)return;const[e,t,o,l,i,a]=u;(0===e\|\|void 0===e\|\|null===e)&&(0===t\|\|void 0===t\|\|null===t)&&(0===o\|\|void 0===o\|\|null===o)&&(0===l\|\|void 0===l\|\|null===l)&&(""===i\|\|void 0===i\|\|null===i)&&(!1===a\|\|void 0===a)\|\|c(!1)},[u]);return l.createElement(l.Fragment,null,o&&l.createElement("div",{style:{float:"right",marginTop:-9,marginRight:50}},l.createElement(i.dO,{id:"without-shadow",label:r,labelSize:"small",size:"small",checked:m,onChange:()=>{c(e=>!e),e.setFieldsValue({mobileBoxShadowHOffset:m?"":0,mobileBoxShadowVOffset:m?"":0,mobileBoxShadowBlurRadius:m?"":0,mobileBoxShadowSpreadRadius:m?"":0,mobileBoxShadowColor:"",mobileBoxShadowInset:!1}),d({operation:h.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}}})}})),l.createElement("p",{style:{paddingBottom:"8px",margin:"-30px 0 0"}},"\xa0"),l.createElement(i.nD,{typeOfForm:"mobile",usedColors:a,labels:n}))},ze=({typeOfForm:e="desktop",form:t,elementSettings:o,enableSwitch:n=!0})=>{const{__:d}=(0,r.s9)(),s=(0,a.d4)(f.uJ),m={hOffset:d("Horizontal offset"),vOffset:d("Vertical offset"),blurRadius:d("Blur radius"),spreadRadius:d("Spread radius"),outside:d("Outside"),inside:d("Inside"),shadowDirection:d("Shadow inside or outside of the element"),usedColors:d("Used"),recommendedColors:d("Recommended")},c=s.usedColors;return"mobile"===e&&t&&o?l.createElement(De,{form:t,elementSettings:o,enableSwitch:n,usedColors:c,labels:m,withoutShadowLabel:d("Without shadow")}):l.createElement(i.nD,{typeOfForm:e,usedColors:c,labels:m})};ze.displayName="SelectedElementFormBoxShadow";const We=ze,He=({form:e,elementSettings:t,directionControl:o})=>{const{__:a}=(0,r.s9)();return l.createElement(i.mw,{directionControl:o},l.createElement(i.lV.Item,{name:"show"},l.createElement(i.sx.Group,null,l.createElement(i.$x,{size:8},l.createElement(i.sx.Button,{value:"all"},a("Both")),l.createElement(i.m_,{placement:"top",title:a("Desktop")},l.createElement(i.sx.Button,{value:"desktop"},l.createElement(u.A,{icon:"DesktopOutlined"}))),l.createElement(i.m_,{placement:"top",title:a("Mobile")},l.createElement(i.sx.Button,{value:"mobile"},l.createElement(u.A,{icon:"MobileOutlined"})))))))},je=({form:e,elementSettings:t,handleChangeValues:o})=>{const{__:a}=(0,r.s9)(),n=(0,l.useRef)(),{token:d}=(0,i.rd)(),[s,c]=(0,l.useState)(!1),[p,g]=(0,l.useState)(!1),[b,h]=(0,l.useState)(!1),[v,f]=(0,l.useState)(!1),[E,_]=(0,l.useState)(!1);(0,l.useEffect)(()=>{let e=new URL("https://emailmaker.ru/?"+t.countdown);c(e.searchParams.get("font1").endsWith("-b")\|\|e.searchParams.get("font1").endsWith("-bi")),g(e.searchParams.get("font1").endsWith("-i")\|\|e.searchParams.get("font1").endsWith("-bi")),h(e.searchParams.get("font2").endsWith("-b")\|\|e.searchParams.get("font2").endsWith("-bi")),f(e.searchParams.get("font2").endsWith("-i")\|\|e.searchParams.get("font2").endsWith("-bi")),_("true"===e.searchParams.get("tp"))},[t]);const S=[{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")}],y=[{value:"20",label:a("20 s")},{value:"40",label:a("40 s")},{value:"60",label:a("60 s")}],k=[{value:"arial",label:"Arial"},{value:"courier-new",label:"Courier New"},{value:"georgia",label:"Georgia"},{value:"helvetica",label:"Helvetica"},{value:"tahoma",label:"Tahoma"},{value:"times-new-roman",label:"Times New Roman"},{value:"trebuchet-ms",label:"Trebuchet MS"},{value:"verdana",label:"Verdana"},{value:"open-sans",label:"Open Sans"},{value:"roboto",label:"Roboto"}],w=e=>{var t;e.target.closest(".ant-picker-dropdown")\|\|(null===(t=n.current)\|\|void 0===t\|\|t.blur())};(0,l.useEffect)(()=>(window.addEventListener("scroll",w,!0),()=>{window.removeEventListener("scroll",w,!0)}));return l.createElement(l.Fragment,null,l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:12},l.createElement(i.lV.Item,{label:a("End time"),name:"countdownTime"},l.createElement(i.lr,{ref:n,format:"DD.MM.YYYY HH:mm",disabledDate:e=>e&&e<Ie()().endOf("day")-864e5,showTime:!0,getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper"),allowClear:!1,allowEmpty:!1}))),l.createElement(i.fv,{span:12},l.createElement(i.lV.Item,{label:a("Time zone"),name:"countdownTimeZone",style:{width:"100%"}},l.createElement(i.Select,{placeholder:a("Select the time zone"),getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel")},S.map(e=>l.createElement(i.Select.Option,{key:e.value,value:e.value},e.label)))))),l.createElement(i.fI,{gutter:20},l.createElement(i.fv,{span:12},l.createElement(i.lV.Item,{label:a("Background color"),name:"countdownBackgroundColor",className:"countdown-color"},l.createElement(i.it,{placeholder:a("Background color"),usedColors:t.usedColors,usedLabel:a("Used"),recommendedLabel:a("Recommended")}))),l.createElement(i.fv,{span:12},l.createElement(i.lV.Item,{name:"countdownTransparency",valuePropName:"checked",style:{paddingTop:29}},l.createElement(i.dO,{id:"countdownTransparency",label:a("Transparency"),labelSize:"small",size:"small",onChange:e=>{_(e)}})))),l.createElement(i.y9,{title:a("Countdown font settings"),compact:!0},l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:12},l.createElement(i.lV.Item,{name:"countdownNumbersFont",style:{marginBottom:d.formItemMarginBottomXS}},l.createElement(i.Select,{getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel"),options:k}))),l.createElement(i.fv,{span:12},l.createElement(i.lV.Item,{name:"countdownNumbersColor",className:"countdown-color",style:{marginBottom:d.formItemMarginBottomXS}},l.createElement(i.it,{usedColors:t.usedColors,usedLabel:a("Used"),recommendedLabel:a("Recommended")}))),l.createElement(i.fv,{span:12},l.createElement(i.lV.Item,{name:"countdownNumbersFontSize"},l.createElement(i.YI,{min:12,placeholder:a("Font size"),prefix:l.createElement(u.A,{icon:"FontSizeOutlined"}),addonAfter:"px"}))),l.createElement(i.fv,{span:3},l.createElement(i.m_,{placement:"bottom",title:a("Strong")},l.createElement(i.lV.Item,{name:"countdownNumbersStrong"},l.createElement(i.$n,{className:m()("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":s}),onClick:()=>{const t=!s;e.setFieldValue("countdownNumbersStrong",t),o({countdownNumbersStrong:t}),c(t)}},l.createElement(u.A,{icon:"BoldOutlined",className:"selected-td-form__icon-radius"}))))),l.createElement(i.fv,{span:3},l.createElement(i.m_,{placement:"bottom",title:a("Italic")},l.createElement(i.lV.Item,{name:"countdownNumbersItalic"},l.createElement(i.$n,{className:m()("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":p}),onClick:()=>{const t=!p;e.setFieldValue("countdownNumbersItalic",t),o({countdownNumbersItalic:t}),g(t)}},l.createElement(u.A,{icon:"ItalicOutlined",className:"selected-td-form__icon-radius"}))))))),l.createElement(i.y9,{title:a("Time units font settings"),compact:!0},l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:12},l.createElement(i.lV.Item,{name:"countdownLabelsFont",style:{marginBottom:d.formItemMarginBottomXS}},l.createElement(i.Select,{getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel"),options:k}))),l.createElement(i.fv,{span:12},l.createElement(i.lV.Item,{name:"countdownLabelsColor",className:"countdown-color",style:{marginBottom:d.formItemMarginBottomXS}},l.createElement(i.it,{usedColors:t.usedColors,usedLabel:a("Used"),recommendedLabel:a("Recommended")}))),l.createElement(i.fv,{span:12},l.createElement(i.lV.Item,{name:"countdownLabelsFontSize"},l.createElement(i.YI,{min:8,placeholder:a("Font size"),addonAfter:"px",prefix:l.createElement(u.A,{icon:"FontSizeOutlined"})}))),l.createElement(i.fv,{span:3},l.createElement(i.m_,{placement:"bottom",title:a("Strong")},l.createElement(i.lV.Item,{name:"countdownLabelsStrong"},l.createElement(i.$n,{className:m()("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":b}),onClick:()=>{const t=!b;e.setFieldValue("countdownLabelsStrong",t),o({countdownLabelsStrong:t}),h(t)}},l.createElement(u.A,{icon:"BoldOutlined",className:"selected-td-form__icon-radius"}))))),l.createElement(i.fv,{span:3},l.createElement(i.m_,{placement:"bottom",title:a("Italic")},l.createElement(i.lV.Item,{name:"countdownLabelsItalic"},l.createElement(i.$n,{className:m()("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}),f(t)}},l.createElement(u.A,{icon:"ItalicOutlined",className:"selected-td-form__icon-radius"}))))))),l.createElement(i.fI,{gutter:10,style:{marginBottom:4}},l.createElement(i.fv,{span:12},l.createElement(i.lV.Item,{label:a("Language"),name:"countdownLanguage",style:{width:"100%"}},l.createElement(i.Select,{getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel"),options:[{value:"ru_RU",label:"\u0420\u0443\u0441\u0441\u043a\u0438\u0439"},{value:"en_US",label:"English"},{value:"uk_UA",label:"\u0423\u043a\u0440\u0430\u0457\u043d\u0441\u044c\u043a\u0430"},{value:"pt_BR",label:"Portugu\xeas"},{value:"fr-CA",label:"Fran\xe7ais"},{value:"de_DE",label:"Deutsch"},{value:"pl_PL",label:"Polski"},{value:"es_ES",label:"Espa\xf1ol"},{value:"tr_TR",label:"T\xfcrk\xe7e"},{value:"lt_LT",label:"Lietuvi\u0173 kalba"},{value:"lv_LV",label:"Latvie\u0161u valoda"},{value:"et_EE",label:"Eesti keel"},{value:"hu_HU",label:"Magyar"},{value:"el_GR",label:"\u0395\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ac"},{value:"it_IT",label:"Italiano"}]}))),l.createElement(i.fv,{span:12},l.createElement(i.lV.Item,{label:a("Duration"),name:"countdownDuration",style:{width:"100%"}},l.createElement(i.Select,{getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel"),options:y})))))},Ge=({form:e,elementSettings:t})=>{const{__:o}=(0,r.s9)(),{token:a}=(0,i.rd)();return l.createElement(l.Fragment,null,l.createElement(i.m_,{trigger:["hover"],title:o("URL of the video clip."),placement:"right"},l.createElement(i.lV.Item,{name:["video","source"],className:"selected-image-form__alt"},l.createElement(i.pd,{allowClear:!0,placeholder:o("Video URL"),prefix:l.createElement(u.A,{icon:"VideoCameraOutlined"})}))),l.createElement(i.lV.Item,{label:o("Play button"),name:["video","playButton"],style:{width:"100%",marginBottom:a.formItemMarginBottomMD+4}},l.createElement(i.Select,{getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel")},l.createElement(i.Select.Option,{value:"youtube_red"},l.createElement(u.A,{icon:"YoutubeOutlined",style:{color:"#FF0000"}})," ",o("Youtube Red")),l.createElement(i.Select.Option,{value:"youtube_black"},l.createElement(u.A,{icon:"YoutubeOutlined"})," ",o("Youtube Black")),l.createElement(i.Select.Option,{value:"youtube_white"},l.createElement(u.A,{icon:"YoutubeOutlined",style:{color:"#aaa"}})," ",o("Youtube White")),l.createElement(i.Select.Option,{value:"vimeo"},l.createElement(u.A,{icon:"Vimeo"})," ",o("Vimeo")),l.createElement(i.Select.Option,{value:"white_circle"},l.createElement(u.A,{icon:"PlayCircleOutlined",style:{color:"#aaa"}})," ",o("White circle")),l.createElement(i.Select.Option,{value:"black_circle"},l.createElement(u.A,{icon:"PlayCircleOutlined"})," ",o("Black circle")),l.createElement(i.Select.Option,{value:"white_circle_outlined"},l.createElement(u.A,{icon:"RightCircleOutlined",style:{color:"#aaa"}})," ",o("White circle outlined")),l.createElement(i.Select.Option,{value:"black_circle_outlined"},l.createElement(u.A,{icon:"RightCircleOutlined"})," ",o("Black circle outlined")),l.createElement(i.Select.Option,{value:"none"}," ",o("Without button")))))},Ue={marginBottom:4},$e=()=>{const{__:e}=(0,r.s9)();return l.createElement(i.fI,{gutter:20,style:Ue},l.createElement(i.fv,{span:12},l.createElement(i.lV.Item,{name:"ampShow"},l.createElement(i.sx.Group,null,l.createElement(i.$x,{size:8},l.createElement(i.sx.Button,{value:"all"},e("Both")),l.createElement(i.m_,{placement:"top",title:e("AMP")},l.createElement(i.sx.Button,{value:"amp"},"AMP")),l.createElement(i.m_,{placement:"top",title:e("HTML")},l.createElement(i.sx.Button,{value:"html"},"HTML")))))))};var Xe=o(20279);const qe=({form:e,elementSettings:t,boxShadow:o,bordersShow:a,borderRadiusShow:n,boxShadowShow:d,oneBorderRadiusValue:s,setOneBorderRadiusValue:c,hasLink:p,hasAlt:g,hasTitle:b,isOpenSrcReplacer:h,mergeTagItems:v,mergeMenuOpen:f,setMergeMenuOpen:E,cascaderRef:_,linkInputRef:S,linkButtonRef:y,altInputRef:k,altButtonRef:w,titleInputRef:R,titleButtonRef:T,srcReplacerInputRef:x,srcReplacerButtonRef:A,linkProtocol:I,handleLinkProtocolsChange:N,linkButtonHandler:C,linkInputHandler:P,altButtonHandler:L,altInputHandler:O,titleButtonHandler:F,titleInputHandler:M,srcReplacerButtonHandler:V,srcInputHandler:D,handleSelect:z,onChange:W,filter:H,renderSearchOption:j,handleChangeValues:G,toggleShowBorderHandler:U,toggleShowBorderRadiusHandler:$,toggleShowBoxShadowHandler:X})=>{const{__:q}=(0,r.s9)(),{token:K}=(0,i.rd)(),Y=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(i.fI,{gutter:10,style:{marginBottom:4}},l.createElement(i.fv,{span:12},l.createElement(Fe,{form:e,elementSettings:t,imgParent:!0})),Y.formImageFieldVerticalAlignEnabled&&l.createElement(i.fv,{span:12,align:"right"},l.createElement(Me,{form:e,elementSettings:t}))),l.createElement(i.cG,{className:"selected-td-form__divider",style:{marginBottom:"countdown"===t.type?15:24}}),"countdown"===t.type&&l.createElement(l.Fragment,null,l.createElement(je,{form:e,elementSettings:t,handleChangeValues:G}),l.createElement(i.cG,{className:"selected-td-form__divider",style:{marginBottom:24}})),Y.mergeTagsShow&&v&&l.createElement(i.fv,{span:24,id:"merge_tags_wrapper"},l.createElement(i.lV.Item,{style:{marginBottom:24}},l.createElement(i.$n,{id:"merge_tags_button",icon:l.createElement(u.A,{icon:"MergeTags"}),style:{width:"100%",display:f?"none":"inline-flex"},onClick:()=>E(!0)},q("Merge tags")),l.createElement(i.vx,{ref:_,popupClassName:"merge-tags",options:v,placeholder:q("Start typing the title"),showSearch:{filter:H,render:j},spellCheck:"false",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper"),onChange:W,style:{display:f?"block":"none"},open:f,onKeyDown:e=>{"Escape"===e.key&&E(!1)}}))),"video"===t.type&&l.createElement(l.Fragment,null,l.createElement(Ge,{form:e,elementSettings:t}),l.createElement(i.cG,{className:"selected-td-form__divider",style:{marginBottom:24}})),("img"===t.type\|\|"video"===t.type)&&l.createElement(i.lV.Item,{style:{marginBottom:0}},l.createElement(Ne.A,{form:e,label:q("Image path"),name:"src",placeholder:q("Image path"),elementSettings:t,tooltipTitle:""})),l.createElement(i.$x,{size:8,style:{marginBottom:g\|\|p\|\|b\|\|h?K.formItemMarginBottomXS:K.formItemMarginBottomMD+4}},l.createElement(i.m_,{title:g\|\|q("Alternative text"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(i.$n,{className:m()("selected-td-form__button",{"selected-td-form__button--active":!!g}),onClick:L,ref:w},l.createElement("span",{className:"addon-text-content"},"Alt"))),Y.formFieldImageTitleEnabled&&l.createElement(i.m_,{title:b\|\|q("Tooltip text"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(i.$n,{className:m()("selected-td-form__button",{"selected-td-form__button--active":!!b}),onClick:F,ref:T},l.createElement("span",{className:"addon-text-content"},"Title"))),l.createElement(i.m_,{title:p\|\|q("Hyperlink URL"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(i.$n,{className:m()("selected-td-form__button",{"selected-td-form__button--active":!!p}),icon:l.createElement(u.A,{icon:"LinkOutlined",className:"selected-td-form__icon-radius"}),onClick:C,ref:y})),Y.formImageFieldReplacerEnabled&&l.createElement(i.m_,{title:q("Image replacer"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(i.$n,{className:m()("selected-td-form__button",{"selected-td-form__button--active":h}),icon:l.createElement(u.A,{icon:"Replacer",className:"selected-td-form__icon-radius"}),onClick:V,ref:A}))),(!!p\|\|!!g\|\|!!b\|\|!!h)&&l.createElement("div",{style:{marginBottom:K.formItemMarginBottomMD+4}},!!p&&l.createElement(i.m_,{trigger:["hover"],title:q("Hyperlink URL"),placement:"bottom"},l.createElement(i.lV.Item,{name:"link",className:"selected-image-form__alt",style:{marginBottom:K.formItemMarginBottomXS}},l.createElement(i.pd,{addonBefore:l.createElement(Xe.Ai,{linkProtocol:I,handleLinkProtocolsChange:N,__:q}),placeholder:q("Hyperlink URL"),allowClear:!0,ref:S,onChange:P,onSelect:z,prefix:l.createElement(Xe.RM,{linkProtocol:I})}))),!!g&&l.createElement(i.m_,{trigger:["hover"],title:q("Alternative text"),placement:"bottom"},l.createElement(i.lV.Item,{name:"alt",className:"selected-image-form__alt",style:{marginBottom:K.formItemMarginBottomXS}},l.createElement(i.pd,{placeholder:q("Alternative text"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Alt"),onChange:O,ref:k,onSelect:z}))),Y.formFieldImageTitleEnabled&&!!b&&l.createElement(i.m_,{trigger:["hover"],title:q("Tooltip text"),placement:"bottom"},l.createElement(i.lV.Item,{name:"title",className:"selected-image-form__alt",style:{marginBottom:K.formItemMarginBottomXS}},l.createElement(i.pd,{placeholder:q("Enter the title of the image"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Title"),onChange:M,ref:R,onSelect:z}))),!!h&&l.createElement(i.m_,{trigger:["hover"],title:q("Image src"),placement:"bottom"},l.createElement(i.lV.Item,{name:"imgReplacer",className:"selected-image-form__alt",style:{marginBottom:K.formItemMarginBottomXS}},l.createElement(i.pd,{placeholder:q("\u0421ode that will replace the image `src`"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},q("Image src")),onChange:D,ref:x,onSelect:z})))),l.createElement(i.y9,{title:q("Size"),dividerTop:!0},l.createElement(i.n6,{maxWidth:t.maxWidth,showHeight:Y.formImageFieldHeightEnabled,showMinMax:!1,gutter:K.marginSM,rowStyle:{marginBottom:Y.formImageFieldHeightEnabled?4:24}})),Y.formFieldBorderEnabled&&l.createElement(i.y9,{title:q("Borders"),collapsible:!0,open:a,onToggle:U,dividerTop:!0},l.createElement(Ce.A,{form:e,elementSettings:t})),Y.formFieldBorderRadiusEnabled&&l.createElement(i.y9,{title:q("Border radius"),collapsible:!0,open:n,onToggle:$,dividerTop:!0},l.createElement(Pe.A,{form:e,oneBorderRadiusValue:s,setOneBorderRadiusValue:c,elementSettings:t})),Y.formFieldBoxShadowEnabled&&l.createElement(i.y9,{title:q("Box shadow"),collapsible:!0,open:d,onToggle:X,dividerTop:!0},l.createElement(We,null)),Y.formFieldVisibilityEnabled&&l.createElement(i.y9,{title:q("Display control"),dividerTop:!0},l.createElement(He,{elementSettings:t,form:e})),Y.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(i.y9,{title:q("AMP visibility"),dividerTop:!0},l.createElement($e,null)))},Ke=({form:e,name:t,elementSettings:o,isPicture:a})=>{var n;const{__:d}=(0,r.s9)(),s=(0,Le.XW)(),m=(0,l.useRef)(),[c,p]=(0,l.useState)("auto"===(null===(n=o[t])\|\|void 0===n?void 0:n.value)),{token:g}=(0,i.rd)(),[b,v]=(0,l.useState)("");return l.createElement(l.Fragment,null,l.createElement(i.lV.Item,{name:t,style:{marginBottom:g.formItemMarginBottomXS/2}},l.createElement(i.FQ,{ref:m,min:0,max:b,placeholder:d("Width"),onChange:o=>{p(!1),v("%"===e.getFieldsValue(!0)[t+"Dim"]?100:"")},prefix:l.createElement(u.A,{icon:"ColumnWidthOutlined"}),addonAfter:l.createElement(i.lV.Item,{name:t+"Dim",noStyle:!0},Xe.z$)})),!a&&l.createElement(i.dO,{id:"auto-width",label:d("Auto"),labelSize:"small",size:"small",checked:c,onChange:l=>{m.current.value=null,e.setFieldsValue({[t]:"",[t+"Dim"]:"px"}),p(e=>!e),s({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:o.type,settings:{[t]:{classNamePrefix:"em-mob-width-",value:c?null:"auto",dim:""}}})}}))},Ye=({form:e,name:t,elementSettings:o,isPicture:a})=>{var n;const{__:d}=(0,r.s9)(),s=(0,Le.XW)(),m=(0,l.useRef)(),[c,p]=(0,l.useState)("auto"===(null===(n=o.mobileHeight)\|\|void 0===n?void 0:n.value)),{token:g}=(0,i.rd)();return l.createElement(l.Fragment,null,l.createElement(i.lV.Item,{name:t,style:{marginBottom:g.formItemMarginBottomXS/2}},l.createElement(i.FQ,{ref:m,min:0,placeholder:d("Height"),onChange:e=>{p(!1)},prefix:l.createElement(u.A,{icon:"ColumnHeightOutlined"}),addonAfter:"px"})),!a&&l.createElement(i.dO,{id:"auto-height",label:d("Auto"),labelSize:"small",size:"small",checked:c,onChange:t=>{m.current.value=null,e.setFieldsValue({mobileHeight:"",mobileHeightDim:"px"}),p(e=>!e),s({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:o.type,settings:{mobileHeight:{classNamePrefix:"em-mob-height-",value:c?null:"auto",dim:""}}})}}))},Qe=({form:e,elementSettings:t,boxShadow:o,mobileBordersShow:a,mobileBorderRadiusShow:n,mobileBoxShadowShow:d,mobileSizeShow:s,oneMobileBorderRadiusValue:c,setOneMobileBorderRadiusValue:p,hasLink:g,hasAlt:b,hasTitle:h,linkInputRef:v,linkButtonRef:f,altInputRef:E,altButtonRef:_,titleInputRef:S,titleButtonRef:y,linkInputHandler:k,altButtonHandler:w,altInputHandler:R,titleButtonHandler:T,titleInputHandler:x,linkButtonHandler:A,toggleShowMobileBorderHandler:I,toggleShowMobileBorderRadiusHandler:N,toggleShowMobileBoxShadowHandler:C,toggleShowMobileSizeHandler:P})=>{const{__:L}=(0,r.s9)(),{token:O}=(0,i.rd)(),F=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(i.fI,{gutter:30,style:{paddingBottom:4}},l.createElement(i.fv,{span:12},l.createElement(Fe,{form:e,elementSettings:t,imgParent:!0,typeOfForm:"mobile"})),F.formImageFieldVerticalAlignEnabled&&l.createElement(i.fv,{span:12,align:"right"},l.createElement(Me,{form:e,elementSettings:t,typeOfForm:"mobile"}))),l.createElement(i.cG,{className:"selected-td-form__divider",style:{marginBottom:"countdown"===t.type?15:24}}),"countdown"===t.type&&l.createElement(l.Fragment,null,l.createElement(je,{form:e,elementSettings:t}),l.createElement(i.cG,{className:"selected-td-form__divider",style:{marginBottom:24}})),"video"===t.type&&l.createElement(l.Fragment,null,l.createElement(Ge,{form:e,elementSettings:t}),l.createElement(i.cG,{className:"selected-td-form__divider",style:{marginBottom:24}})),("img"===t.type\|\|"video"===t.type)&&l.createElement(i.lV.Item,{style:{marginBottom:0}},l.createElement(Ne.A,{form:e,label:L("Image path"),name:"src",placeholder:L("Image path"),elementSettings:t,tooltipTitle:""})),l.createElement(i.$x,{size:8,style:{marginBottom:b\|\|g\|\|h?O.formItemMarginBottomXS:O.formItemMarginBottomMD+4}},l.createElement(i.m_,{title:b\|\|L("Alternative text"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(i.$n,{className:m()("selected-td-form__button",{"selected-td-form__button--active":!!b}),onClick:w,ref:_},l.createElement("span",{className:"addon-text-content"},"Alt"))),F.formFieldImageTitleEnabled&&l.createElement(i.m_,{title:h\|\|L("Tooltip text"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(i.$n,{className:m()("selected-td-form__button",{"selected-td-form__button--active":!!h}),onClick:T,ref:y},l.createElement("span",{className:"addon-text-content"},"Title"))),l.createElement(i.m_,{title:g\|\|L("Hyperlink URL"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(i.$n,{className:m()("selected-td-form__button",{"selected-td-form__button--active":!!g}),icon:l.createElement(u.A,{icon:"LinkOutlined",className:"selected-td-form__icon-radius"}),onClick:A,ref:f}))),(!!g\|\|!!b\|\|!!h)&&l.createElement("div",{style:{marginBottom:O.formItemMarginBottomMD+4}},!!g&&l.createElement(i.m_,{trigger:["hover"],title:L("Hyperlink URL"),placement:"bottom"},l.createElement(i.lV.Item,{name:"link",className:"selected-image-form__alt",style:{marginBottom:O.formItemMarginBottomXS}},l.createElement(i.pd,{ref:v,allowClear:!0,placeholder:L("Hyperlink URL"),prefix:l.createElement(u.A,{icon:"LinkOutlined"}),onChange:k}))),!!b&&l.createElement(i.m_,{trigger:["hover"],title:L("Alternative text"),placement:"bottom"},l.createElement(i.lV.Item,{name:"alt",className:"selected-image-form__alt",style:{marginBottom:O.formItemMarginBottomXS}},l.createElement(i.pd,{placeholder:L("Alternative text"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Alt"),onChange:R,ref:E}))),F.formFieldImageTitleEnabled&&!!h&&l.createElement(i.m_,{trigger:["hover"],title:L("Tooltip text"),placement:"bottom"},l.createElement(i.lV.Item,{name:"title",className:"selected-image-form__alt",style:{marginBottom:O.formItemMarginBottomXS}},l.createElement(i.pd,{placeholder:L("Tooltip text"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Title"),onChange:x,ref:S})))),l.createElement(i.y9,{title:L("Size"),collapsible:!0,open:s,onToggle:P,dividerTop:!0},l.createElement(i.fI,{gutter:10,style:{paddingBottom:24}},l.createElement(i.fv,{span:12},l.createElement(Ke,{form:e,name:"mobileWidth",elementSettings:t,isPicture:"true"})),F.formImageFieldHeightEnabled&&l.createElement(i.fv,{span:12},l.createElement(Ye,{form:e,name:"mobileHeight",elementSettings:t,isPicture:"true"})))),F.formFieldBorderEnabled&&l.createElement(i.y9,{title:L("Borders"),collapsible:!0,open:a,onToggle:I,dividerTop:!0},l.createElement(Ce.A,{form:e,typeOfForm:"mobile"})),F.formFieldBorderRadiusEnabled&&l.createElement(i.y9,{title:L("Border radius"),collapsible:!0,open:n,onToggle:N,dividerTop:!0},l.createElement(Pe.A,{form:e,oneBorderRadiusValue:c,setOneBorderRadiusValue:p,elementSettings:t,typeOfForm:"mobile"})),F.formFieldBoxShadowEnabled&&l.createElement(i.y9,{title:L("Box shadow"),collapsible:!0,open:d,onToggle:C,dividerTop:!0},l.createElement(We,{typeOfForm:"mobile"})),F.formFieldVisibilityEnabled&&l.createElement(i.y9,{title:L("Display control"),dividerTop:!0},l.createElement(He,{elementSettings:t,form:e})),F.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(i.y9,{title:L("AMP visibility"),dividerTop:!0},l.createElement($e,null)))};var Je=o(15582),Ze=o(44004),et=o(47794),tt=o(40867),ot=o(98173),lt=o(57546),it=o(31345),at=o(20387),nt=o(3875),rt=o(32467),dt=o(74397);const st=({elementSettings:e})=>{const{__:t}=(0,r.s9)(),[o]=i.lV.useForm();let s=(0,a.wA)();const m=(0,B.rD)(),{projectId:c}=(0,n.g)(),u=(0,d.hN)(),p=(0,a.d4)(f.Hs),g=(0,Le.XW)(),v=(0,Le.K9)(),{openImagePicker:E}=(0,dt.p)(),_=(0,a.d4)(tt.Ct),S=(0,a.d4)(tt.CS),y=(0,a.d4)(ot.C1),k=(0,a.d4)(tt.Fv),w=(0,a.d4)(tt.yy),[T]=(0,Ze.dS)(),[x,A]=(0,Ze.tb)(),[I,N]=(0,l.useState)({name:"",counter:0}),C=(0,l.useRef)(null),P=(0,l.useRef)(null),L=(0,l.useRef)(null),O=(0,l.useRef)(null),F=(0,l.useRef)(null),M=(0,l.useRef)(null),V=(0,l.useRef)(null),D=(0,l.useRef)(null),z=(0,l.useRef)(null),[W,H]=(0,l.useState)({}),[j,G]=(0,l.useState)(!0),[U,$]=(0,l.useState)(!0),[X,q]=(0,l.useState)(""),[K,Y]=(0,l.useState)(""),[Q,J]=(0,l.useState)(""),[Z,ee]=(0,l.useState)(!1),[te,oe]=(0,l.useState)(!1),[le,ie]=(0,l.useState)(!1),[ae,ne]=(0,l.useState)(!1),[re,de]=(0,l.useState)(!1),[se,me]=(0,l.useState)(!1),[ce,ue]=(0,l.useState)(!1),[pe,ge]=(0,l.useState)(!1),[be,he]=(0,l.useState)("https://"),ve=(0,l.useRef)(!1),fe=(0,l.useRef)(),[Ee,_e]=(0,l.useState)(),[Se,ye]=(0,l.useState)(!1),[ke,we]=(0,l.useState)(null),[Be,Re]=(0,l.useState)({start:0,end:0}),[Ae,Ne]=(0,l.useState)(!1),[Ce,Pe]=(0,l.useState)(!1),[Oe,Fe]=(0,l.useState)(!1),Me=k&&"bottom"!==w,Ve=p.hasOwnProperty("type")?h.IE:h.Tm;(0,l.useEffect)(()=>{Se&&z.current&&z.current.focus()},[Se]);const De=(0,a.d4)(it.GH);(0,l.useEffect)(()=>{var e;null!==De&&void 0!==De&&null!==(e=De.items)&&void 0!==e&&e.length&&_e((0,B.cM)(De.items,t,(e,t)=>{ye(!1),v(h.Ru.SANDBOX_ADD_MERGETAG,e),t.stopPropagation(),t.preventDefault()}))},[De,_e,t,ye,v]);const ze=(0,nt.cR)();(0,l.useEffect)(()=>{const e=new R.jG;return e.addDisposable((0,at.a)(ze,"focusin",({target:e})=>{e.closest('[id="merge_tags_wrapper"]')\|\|we(e)})),e.addDisposable((0,at.a)(ze,"click",({target:e})=>{e.closest(".merge-tags")\|\|e.closest("#merge_tags_button")\|\|ye(!1)})),()=>{e.dispose()}},[ze]);const We=e.border,He=e.mobileBorder,je=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)}),Ge=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)}),Ue=e=>e&&(null!==e&&void 0!==e&&e.width\|\|null!==e&&void 0!==e&&e.style\|\|null!==e&&void 0!==e&&e.color)?e:"";(0,l.useEffect)(()=>{if(e){var t,l,i,a,n,r,d,s,m,c,u,p,g,b,h,v,f,E,_,S,y,k,w,B,R,T,x,A,I,N,C,P,L,O,F,M,V,D,z,W,j,U,X,K,Q,Z,te,le,ae,re,se;e.src!==fe.current&&(fe.current=e.src,ve.current=!1);const ce=e.boxShadow;if(H(ce),e.link&&he((0,Xe.TW)(e.link,"https://")),o.setFieldsValue({...e,link:null==e.link?"https://":e.link,width:null===(t=e.width)\|\|void 0===t?void 0:t.value,widthDim:null===(l=e.width)\|\|void 0===l?void 0:l.dim,height:null===(i=e.height)\|\|void 0===i?void 0:i.value,heightDim:null===(a=e.height)\|\|void 0===a?void 0:a.dim,borderAll:(0,Xe.ok)(e.border.all),borderTop:(0,Xe.ok)(e.border.top),borderBottom:(0,Xe.ok)(e.border.bottom),borderRight:(0,Xe.ok)(e.border.right),borderLeft:(0,Xe.ok)(e.border.left),mobileBorderAll:Ue(e.mobileBorder.all)\|\|!(Ue(e.mobileBorder.top)\|\|Ue(e.mobileBorder.bottom)\|\|Ue(e.mobileBorder.right)\|\|Ue(e.mobileBorder.left))&&Ue(e.border.all),mobileBorderTop:Ue(e.mobileBorder.top)\|\|!Ue(e.mobileBorder.all)&&Ue(e.border.top),mobileBorderBottom:Ue(e.mobileBorder.bottom)\|\|!Ue(e.mobileBorder.all)&&Ue(e.border.bottom),mobileBorderRight:Ue(e.mobileBorder.right)\|\|!Ue(e.mobileBorder.all)&&Ue(e.border.right),mobileBorderLeft:Ue(e.mobileBorder.left)\|\|!Ue(e.mobileBorder.all)&&Ue(e.border.left),borderRadiusAll:(0,Xe.ok)(e.borderRadius.all),borderRadiusTopLeft:(0,Xe.ok)(e.borderRadius.topLeft),borderRadiusBottomLeft:(0,Xe.ok)(e.borderRadius.bottomLeft),borderRadiusTopRight:(0,Xe.ok)(e.borderRadius.topRight),borderRadiusBottomRight:(0,Xe.ok)(e.borderRadius.bottomRight),boxShadowInset:(0,Xe.ok)(null===(n=e.boxShadow)\|\|void 0===n?void 0:n.inset)\|\|!1,boxShadowHOffset:(0,Xe.ok)(null===(r=e.boxShadow)\|\|void 0===r?void 0:r.hOffset),boxShadowVOffset:(0,Xe.ok)(null===(d=e.boxShadow)\|\|void 0===d?void 0:d.vOffset),boxShadowBlurRadius:(0,Xe.ok)(null===(s=e.boxShadow)\|\|void 0===s?void 0:s.blurRadius),boxShadowSpreadRadius:(0,Xe.ok)(null===(m=e.boxShadow)\|\|void 0===m?void 0:m.spreadRadius),boxShadowColor:(0,Xe.ok)(null===(c=e.boxShadow)\|\|void 0===c?void 0:c.color),mobileWidth:(0,Xe.xc)(null===(u=e.mobileWidth)\|\|void 0===u?void 0:u.value)\|\|(null===(p=e.width)\|\|void 0===p?void 0:p.value),mobileWidthDim:(0,Xe.xc)(null===(g=e.mobileWidth)\|\|void 0===g?void 0:g.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,Xe.xc)(null===(v=e.mobileHeight)\|\|void 0===v?void 0:v.value)\|\|(null===(f=e.height)\|\|void 0===f?void 0:f.value),mobileHeightDim:(0,Xe.xc)(null===(E=e.mobileHeight)\|\|void 0===E?void 0:E.value)?null===(_=e.mobileHeight)\|\|void 0===_?void 0:_.dim:null===(S=e.height)\|\|void 0===S?void 0:S.dim,mobileBorderRadiusAll:(0,Xe.ok)(e.mobileBorderRadius.all)\|\|(0,Xe.ok)(e.borderRadius.all),mobileBorderRadiusTopLeft:(0,Xe.ok)(null===(y=e.mobileBorderRadius)\|\|void 0===y?void 0:y.topLeft)\|\|(0,Xe.ok)(null===(k=e.mobileBorderRadius)\|\|void 0===k?void 0:k.all)\|\|(0,Xe.ok)(null===(w=e.borderRadius)\|\|void 0===w?void 0:w.topLeft)\|\|(0,Xe.ok)(null===(B=e.borderRadius)\|\|void 0===B?void 0:B.all),mobileBorderRadiusBottomLeft:(0,Xe.ok)(null===(R=e.mobileBorderRadius)\|\|void 0===R?void 0:R.bottomLeft)\|\|(0,Xe.ok)(null===(T=e.mobileBorderRadius)\|\|void 0===T?void 0:T.all)\|\|(0,Xe.ok)(null===(x=e.borderRadius)\|\|void 0===x?void 0:x.bottomLeft)\|\|(0,Xe.ok)(null===(A=e.borderRadius)\|\|void 0===A?void 0:A.all),mobileBorderRadiusTopRight:(0,Xe.ok)(null===(I=e.mobileBorderRadius)\|\|void 0===I?void 0:I.topRight)\|\|(0,Xe.ok)(null===(N=e.mobileBorderRadius)\|\|void 0===N?void 0:N.all)\|\|(0,Xe.ok)(null===(C=e.borderRadius)\|\|void 0===C?void 0:C.topRight)\|\|(0,Xe.ok)(null===(P=e.borderRadius)\|\|void 0===P?void 0:P.all),mobileBorderRadiusBottomRight:(0,Xe.ok)(null===(L=e.mobileBorderRadius)\|\|void 0===L?void 0:L.bottomRight)\|\|(0,Xe.ok)(null===(O=e.mobileBorderRadius)\|\|void 0===O?void 0:O.all)\|\|(0,Xe.ok)(null===(F=e.borderRadius)\|\|void 0===F?void 0:F.bottomRight)\|\|(0,Xe.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===(D=e.boxShadow)\|\|void 0===D?void 0:D.inset)\|\|!1,mobileBoxShadowHOffset:(0,Xe.ok)(null===(z=e.mobileBoxShadow)\|\|void 0===z?void 0:z.hOffset)\|\|(0,Xe.ok)(null===(W=e.boxShadow)\|\|void 0===W?void 0:W.hOffset),mobileBoxShadowVOffset:(0,Xe.ok)(null===(j=e.mobileBoxShadow)\|\|void 0===j?void 0:j.vOffset)\|\|(0,Xe.ok)(null===(U=e.boxShadow)\|\|void 0===U?void 0:U.vOffset),mobileBoxShadowBlurRadius:(0,Xe.ok)(null===(X=e.mobileBoxShadow)\|\|void 0===X?void 0:X.blurRadius)\|\|(0,Xe.ok)(null===(K=e.boxShadow)\|\|void 0===K?void 0:K.blurRadius),mobileBoxShadowSpreadRadius:(0,Xe.ok)(null===(Q=e.mobileBoxShadow)\|\|void 0===Q?void 0:Q.spreadRadius)\|\|(0,Xe.ok)(null===(Z=e.boxShadow)\|\|void 0===Z?void 0:Z.spreadRadius),mobileBoxShadowColor:(0,Xe.ok)((null===(te=e.mobileBoxShadow)\|\|void 0===te?void 0:te.color)\|\|(null===(le=e.boxShadow)\|\|void 0===le?void 0:le.color)),mobileAlign:(0,Xe.ok)(null===(ae=e.mobileAlign)\|\|void 0===ae?void 0:ae.value)\|\|e.align,mobileVerticalAlign:(0,Xe.ok)((null===(re=e.mobileVerticalAlign)\|\|void 0===re?void 0:re.value)\|\|e.valign),show:e.show?e.show:"all",altSrc:e.src}),e.countdown){let t=new URL("https://emailmaker.ru/?"+e.countdown),l=t.searchParams.get("font1"),i=!1,a=!1;l.endsWith("-b")?(l=l.substring(0,l.length-2),i=!0):l.endsWith("-i")?(l=l.substring(0,l.length-2),a=!0):l.endsWith("-bi")&&(l=l.substring(0,l.length-3),i=!0,a=!0);let n=t.searchParams.get("font2"),r=!1,d=!1;n.endsWith("-b")?(n=n.substring(0,n.length-2),r=!0):n.endsWith("-i")?(n=n.substring(0,n.length-2),d=!0):n.endsWith("-bi")&&(n=n.substring(0,n.length-3),r=!0,d=!0),o.setFieldsValue({countdownTime:Ie()(new Date(Date.parse(t.searchParams.get("time"))+36e5t.searchParams.get("timezone")+(new Date).getTimezoneOffset()/6036e5).toISOString()),countdownDuration:t.searchParams.get("frames")\|\|20,countdownTimeZone:t.searchParams.get("timezone"),countdownLanguage:t.searchParams.get("locale").replace("-","_"),countdownBackgroundColor:"#"+t.searchParams.get("bg"),countdownTransparency:"true"===t.searchParams.get("tp")?"checked":"",countdownNumbersFont:l,countdownNumbersFontSize:t.searchParams.get("size1")/2,countdownNumbersFontSizeDim:"px",countdownNumbersColor:"#"+t.searchParams.get("color1"),countdownLabelsFont:n,countdownLabelsFontSize:t.searchParams.get("size2")/2,countdownLabelsFontSizeDim:"px",countdownLabelsColor:"#"+t.searchParams.get("color2"),countdownNumbersStrong:i,countdownNumbersItalic:a,countdownLabelsStrong:r,countdownLabelsItalic:d})}!(0,Xe.ok)(e.borderRadius.all)&&((0,Xe.ok)(e.borderRadius.topLeft)\|\|(0,Xe.ok)(e.borderRadius.bottomLeft)\|\|(0,Xe.ok)(e.borderRadius.topRight)\|\|(0,Xe.ok)(e.borderRadius.bottomRight))?G(!1):G(!0),!(0,Xe.ok)(e.mobileBorderRadius.all)&&((0,Xe.ok)(e.mobileBorderRadius.topLeft)\|\|(0,Xe.ok)(e.mobileBorderRadius.bottomLeft)\|\|(0,Xe.ok)(e.mobileBorderRadius.topRight)\|\|(0,Xe.ok)(e.mobileBorderRadius.bottomRight))\|\|(0,Xe.ok)(e.mobileBorderRadius.all)&&((0,Xe.ok)(e.mobileBorderRadius.topLeft)\|\|(0,Xe.ok)(e.mobileBorderRadius.bottomLeft)\|\|(0,Xe.ok)(e.mobileBorderRadius.topRight)\|\|(0,Xe.ok)(e.mobileBorderRadius.bottomRight))\|\|!(0,Xe.ok)(e.borderRadius.all)&&!(0,Xe.ok)(e.mobileBorderRadius.all)&&((0,Xe.ok)(e.borderRadius.topLeft)\|\|(0,Xe.ok)(e.borderRadius.bottomLeft)\|\|(0,Xe.ok)(e.borderRadius.topRight)\|\|(0,Xe.ok)(e.borderRadius.bottomRight))?$(!1):$(!0),ee(e=>!!je\|\|e),oe(e=>!(!je&&!Ge)\|\|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\|\|!!e.borderRadius.all\|\|!!e.borderRadius.topLeft\|\|!!e.borderRadius.bottomLeft\|\|!!e.borderRadius.topRight\|\|!!e.borderRadius.bottomRight),de(!!e.boxShadow),me(!!e.mobileBoxShadow.blurRadius\|\|!!e.mobileBoxShadow.color\|\|!!e.mobileBoxShadow.hOffset\|\|!!e.mobileBoxShadow.inset\|\|!!e.mobileBoxShadow.spreadRadius\|\|!!e.mobileBoxShadow.vOffset\|\|!!e.boxShadow),ue(!!e.mobileWidth.value\|\|!!e.mobileHeight.value\|\|!!e.width.value\|\|!!e.height.value),e.link?q(e.link):q(ve.current?"...":""),Y(e.alt),J(e.title),Pe(null===(se=e.imgReplacer)\|\|void 0===se?void 0:se.length)}},[o,e]);const $e=async(e,t,o)=>{const l={};l.user_id=y.id,l.folder=e,t&&("image/gif"!==t.type&&(t=await(0,xe.A)(t,{maxSizeMB:m.compressMaxSize\|\|.45,maxWidthOrHeight:m.compressMaxWidthOrHeight\|\|2e3})),l.file=t),o&&(l.page_url=o);const i=await T(l);if(i.error)u.fromError("IMAGE_UPLOAD_ERROR",t,i.error,!0);else{const e=(0,et.g0)(i.data);if(e.error)return;if(e.file_url)return e.file_url}},Ke=((e,t)=>{let o;return function(...l){clearTimeout(o),o=setTimeout(()=>{clearTimeout(o),e(...l)},t)}})(()=>{const t=o.getFieldsValue(!0);let l=new URL("https://cdt3.emcdn.ru/rndt?"+e.countdown),i=t.countdownNumbersFont;t.countdownNumbersStrong&&t.countdownNumbersItalic?i+="-bi":t.countdownNumbersStrong?i+="-b":t.countdownNumbersItalic&&(i+="-i");let a=t.countdownLabelsFont;t.countdownLabelsStrong&&t.countdownLabelsItalic?a+="-bi":t.countdownLabelsStrong?a+="-b":t.countdownLabelsItalic&&(a+="-i"),l.searchParams.set("time",new Date(t.countdownTime.$d-36e5t.countdownTimeZone-(new Date).getTimezoneOffset()/6036e5).toISOString()),l.searchParams.set("bg",t.countdownBackgroundColor.substring(1)\|\|"#FFFFFF"),l.searchParams.set("tp",!!t.countdownTransparency),l.searchParams.set("font1",i),l.searchParams.set("size1",2t.countdownNumbersFontSize\|\|12),l.searchParams.set("color1",t.countdownNumbersColor.substring(1)\|\|"#000000"),l.searchParams.set("font2",a),l.searchParams.set("size2",2t.countdownLabelsFontSize\|\|8),l.searchParams.set("color2",t.countdownLabelsColor.substring(1)\|\|"#959595"),l.searchParams.set("spacing",Math.round(.4t.countdownNumbersFontSize)\|\|5),l.searchParams.set("locale",t.countdownLanguage.replace("_","-")),l.searchParams.set("timezone",t.countdownTimeZone),l.searchParams.set("frames",t.countdownDuration),x({link:JSON.stringify({target:l.href})}),ge(!0)},500),Ye=(0,l.useCallback)(e=>{s(Ve===h.Tm?(0,f.A9)(e):(0,Te.A9)(e))},[s,Ve]),st=(0,l.useCallback)((t,l)=>{const i=(0,rt.xv)(e.src\|\|"")===(0,rt.xv)(t\|\|"");i&&t===e.src\|\|(g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{src:t}}),Ye({...e,src:t,activateSection:null,changeKey:"src"}),o.setFieldValue("src",t)),"save"===(null===l\|\|void 0===l?void 0:l.mode)&&i&&(N(e=>({name:"src",counter:e.counter+1})),g({operation:h.Ru.SANDBOX_CURRENT_IMAGE_RELOAD,src:t,forceReload:!0}))},[e,o,Ye,g]),mt=(0,l.useCallback)(async t=>{const o=await E({kind:"img",currentUrl:(0,rt.xv)(e.src\|\|""),entryModal:t});null!==o&&void 0!==o&&o.url&&st(o.url,o.meta)},[st,e.src,E]),ct=(t,...l)=>{var i,a;const n=o.getFieldsValue(!0),r=Object.keys(t)[0];let d;switch(r){case"link":let l=t[r];"string"===typeof l&&"https://http"===l.substring(0,12)&&(l=l.substring(8,l.length),o.setFieldValue("link",l)),d={link:l};break;case"boxShadowInset":case"boxShadowHOffset":case"boxShadowVOffset":case"boxShadowBlurRadius":case"boxShadowSpreadRadius":case"boxShadowColor":d={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,p;if("borderAll"===n.borderPosition)d={border:{...h.iV,all:{...lt.RH,...n.borderAll}}},o.setFieldsValue({borderLeft:lt.RH,borderRight:lt.RH,borderTop:lt.RH,borderBottom:lt.RH});else null!==(s=n.borderAll)&&void 0!==s&&s.width\|\|null!==(u=n.borderAll)&&void 0!==u&&u.style\|\|null!==(p=n.borderAll)&&void 0!==p&&p.color?(d={border:{all:null,left:n.borderAll,right:n.borderAll,top:n.borderAll,bottom:n.borderAll,[lt.Vz[r]]:{...n[r],...t[r]}}},o.setFieldsValue({borderAll:null,borderLeft:n.borderAll,borderRight:n.borderAll,borderTop:n.borderAll,borderBottom:n.borderAll,[r]:{...n[r],...t[r]}})):(d={border:{all:null,left:n.borderLeft,right:n.borderRight,top:n.borderTop,bottom:n.borderBottom,[lt.Vz[r]]:{...n[r],...t[r]}}},o.setFieldsValue({border:d.border}));break;case"mobileBorderAll":case"mobileBorderTop":case"mobileBorderBottom":case"mobileBorderLeft":case"mobileBorderRight":if("mobileBorderAll"===n.mobileBorderPosition)d={mobileBorder:{...h.iV,all:{...lt.RH,...n.mobileBorderAll,classNamePrefix:"em-mob-border_"+lt.ax[r]+"-"}}},o.setFieldsValue({borderLeft:lt.RH,borderRight:lt.RH,borderTop:lt.RH,borderBottom:lt.RH});else{var b,v,f,E,_,S;const l=lt.ax[r],i={...n[r],...t[r]},a=!(null!==i&&void 0!==i&&i.width)&&!(null!==i&&void 0!==i&&i.style)&&!(null!==i&&void 0!==i&&i.color);if(null!==(b=n.mobileBorder)&&void 0!==b&&null!==(v=b.all)&&void 0!==v&&v.width\|\|null!==(f=n.mobileBorder)&&void 0!==f&&null!==(E=f.all)&&void 0!==E&&E.style\|\|null!==(_=n.mobileBorder)&&void 0!==_&&null!==(S=_.all)&&void 0!==S&&S.color){const e=n.mobileBorderAll;d={mobileBorder:{all:null,left:e,right:e,top:e,bottom:e,[l]:a?null:{...i,classNamePrefix:"em-mob-border_"+l+"-"}}},o.setFieldsValue({mobileBorderAll:null,mobileBorderLeft:e,mobileBorderRight:e,mobileBorderTop:e,mobileBorderBottom:e,[r]:i})}else{const t=e.mobileBorder\|\|{},n=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};d={mobileBorder:{all:null,left:"left"===l?a?null:{...i,classNamePrefix:"em-mob-border_left-"}:n("left"),right:"right"===l?a?null:{...i,classNamePrefix:"em-mob-border_right-"}:n("right"),top:"top"===l?a?null:{...i,classNamePrefix:"em-mob-border_top-"}:n("top"),bottom:"bottom"===l?a?null:{...i,classNamePrefix:"em-mob-border_bottom-"}:n("bottom")}},o.setFieldsValue({[r]:i})}}break;case"width":d={[r]:{value:t[r],dim:n.widthDim}};break;case"widthDim":d={width:{value:n.width,dim:t[r]}};break;case"height":d={[r]:{value:t[r],dim:n.heightDim}};break;case"heightDim":d={height:{value:n.height,dim:t[r]}};break;case"borderRadiusAll":d={borderRadius:{[lt.wF[r]]:+t[r]}};break;case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":d={borderRadius:{topLeft:n.borderRadiusTopLeft,bottomLeft:n.borderRadiusBottomLeft,topRight:n.borderRadiusTopRight,bottomRight:n.borderRadiusBottomRight,[lt.wF[r]]:+t[r]}};break;case"mobileWidth":d={[r]:{classNamePrefix:"em-mob-width-",value:t[r],dim:n.mobileWidthDim}};break;case"mobileWidthDim":d={mobileWidth:{classNamePrefix:"em-mob-width-",value:n.mobileWidth\|\|100,dim:t[r]}};break;case"mobileHeight":d={[r]:{classNamePrefix:"em-mob-height-",value:t[r],dim:n.mobileHeightDim}};break;case"mobileHeightDim":d={mobileHeight:{classNamePrefix:"em-mob-height-",value:n.mobileHeight,dim:t[r]}};break;case"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":d={mobileBorderRadius:{[lt.NW[r]]:t[r],classNamePrefix:"em-mob-border_radius_"+lt.NW[r]+"-"}};break;case"mobileBoxShadowInset":case"mobileBoxShadowHOffset":case"mobileBoxShadowVOffset":case"mobileBoxShadowBlurRadius":case"mobileBoxShadowSpreadRadius":case"mobileBoxShadowColor":d={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":d={[r]:{classNamePrefix:"em-mob-text_align-",value:t[r]}};break;case"mobileVerticalAlign":d={[r]:{classNamePrefix:"em-mob-vertical_align-",value:t[r]}};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":Ke();break;case"video":(async()=>{const e=o.getFieldsValue(!0);e.video.source&&$e("tmp",null,e.video.source).then(t=>{var o=document.createElement("canvas"),l=o.getContext("2d"),i=new Image,a=new Image;let n=t,r="https://useblocks.io/app/"+e.video.playButton+".png";i.crossOrigin="Anonymous",a.crossOrigin="Anonymous";let d=!1,s=!1;i.onload=function(){l.clearRect(0,0,o.width,o.height),l.drawImage(i,0,0,o.width,o.height),d=!0},i.src=n,a.onload=function(){s=!0},a.src=r;let u=setInterval(function(){if(d&&s){o.width=i.width,o.height=i.height,l.clearRect(0,0,o.width,o.height),l.drawImage(i,0,0,i.width,i.height);const n=Math.min(o.width,o.height);let r;if(i.height>i.width)r=.3;else{const e=i.width/i.height,t=2.5;r=Math.min(.35,.3+(e-1)/(t-1).1)}const d=nr,s=a.width/a.height;let p,g;s>=1?(p=d,g=d/s):(g=d,p=ds);var e=(o.width-p)/2,t=(o.height-g)/2;l.drawImage(a,e,t,p,g),o.toBlob(async function(e){const t=await(0,xe.A)(new File([e],"image.jpeg",{type:"image/jpeg"}),{maxSizeMB:m.compressMaxSize\|\|.45,maxWidthOrHeight:m.compressMaxWidthOrHeight\|\|2e3});$e(c,t).then(e=>{st(e)})},"image/jpg",1),clearInterval(u)}},300)})})(),n.link=n.video.source,g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:"video",settings:{video:{...n.video,...t.video},link:n.link}});break;case"src":const y=t[r],k=e.src,w=(null===(i=n.video)\|\|void 0===i?void 0:i.playButton)\|\|(null===(a=e.video)\|\|void 0===a?void 0:a.playButton);if("video"===e.type&&w&&"none"!==w&&!Oe&&y&&(!k\|\|y!==k))return void(async t=>{var l,i;const a=(null===(l=o.getFieldsValue(!0).video)\|\|void 0===l?void 0:l.playButton)\|\|(null===(i=e.video)\|\|void 0===i?void 0:i.playButton);if(!t\|\|!a\|\|"none"===a\|\|Oe)return;Fe(!0);var n=document.createElement("canvas"),r=n.getContext("2d"),d=new Image,s=new Image;let u=t,p="https://useblocks.io/app/"+a+".png";d.crossOrigin="Anonymous",s.crossOrigin="Anonymous";let b=!1,v=!1;d.onload=function(){r.clearRect(0,0,n.width,n.height),r.drawImage(d,0,0,n.width,n.height),b=!0},d.src=u,s.onload=function(){v=!0},s.src=p;let f=setInterval(function(){if(b&&v){n.width=d.width,n.height=d.height,r.clearRect(0,0,n.width,n.height),r.drawImage(d,0,0,d.width,d.height);const i=Math.min(n.width,n.height);let a;if(d.height>d.width)a=.3;else{const e=d.width/d.height,t=2;a=Math.min(.4,.3+(e-1)/(t-1).1)}const u=ia,p=s.width/s.height;let b,v;p>=1?(b=u,v=u/p):(v=u,b=up);var t=(n.width-b)/2,l=(n.height-v)/2;r.drawImage(s,t,l,b,v),n.toBlob(async function(t){const l=await(0,xe.A)(new File([t],"image.jpeg",{type:"image/jpeg"}),{maxSizeMB:m.compressMaxSize\|\|.45,maxWidthOrHeight:m.compressMaxWidthOrHeight\|\|2e3});$e(c,l).then(t=>{Fe(!1),g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{src:t}}),Ye({...e,src:t,activateSection:null,changeKey:"src"}),setTimeout(()=>{o.setFieldValue("src",t)},100)}).catch(e=>{Fe(!1)})},"image/jpg",1),clearInterval(f)}},300)})(y);d=t;break;default:d=t}var y;"borderPosition"!==r&&"mobileBorderPosition"!==r&&-1===r.indexOf("countdown")&&"video"!==r&&(g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:d}),"video"!==r&&-1===r.indexOf("countdown")&&"mobileBorderRadiusAll"!==r&&"mobileBorderRadiusTopLeft"!==r&&"mobileBorderRadiusTopRight"!==r&&"mobileBorderRadiusBottomLeft"!==r&&"mobileBorderRadiusBottomRight"!==r&&Ye({...e,...d,mobileBorderRadius:{...e.mobileBorderRadius,...null===(y=d)\|\|void 0===y?void 0:y.mobileBorderRadius},activateSection:null,changeKey:r}))};(0,l.useEffect)(()=>{A.isError&&(u.error(A),ge(!1))},[A]),(0,l.useEffect)(()=>{if(A.isSuccess&&pe){var t;if(400===(null===(t=A.data.data)\|\|void 0===t?void 0:t.status))u.error({message:A.data.code,description:A.data.message});else{let t=new URL(A.data.target),o={countdown:{link:A.data.link,params:t.search.substring(1)}};g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:o})}ge(!1)}},[A,pe,e,u,g]);(0,Je.A)(e=>{const t=e.data.operation;t===h.Ru.APPLICATION_OPEN_IMAGE_AI_POPUP?mt(h.lx.UPLOAD_IMAGE_MODAL_AI):t===h.Ru.APPLICATION_OPEN_IMAGE_UPLOAD_POPUP?mt(h.lx.UPLOAD_IMAGE_MODAL_UPLOAD):t===h.Ru.APPLICATION_OPEN_IMAGE_EDIT_POPUP?mt(h.lx.UPLOAD_IMAGE_MODAL_EDIT):t===h.Ru.APPLICATION_OPEN_IMAGE_GIF_POPUP?mt(h.lx.UPLOAD_IMAGE_MODAL_GIF):t===h.Ru.APPLICATION_OPEN_IMAGE_STOCK_POPUP?mt(h.lx.UPLOAD_IMAGE_MODAL_STOCK):t===h.Ru.APPLICATION_CLOSE_IMAGE_EDIT_POPUP&&(s((0,b.Os)()),s((0,b.Oo)()))});const ut=()=>{X?(ve.current=!1,q(""),o.setFieldValue("link",""),g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{link:""}})):(ve.current=!0,q(C.current&&C.current.input.value?C.current.input.value:"..."),setTimeout(()=>{C.current.focus()}))},pt=e=>{""===e.target.value?q("..."):(P.current.classList.add("selected-td-form__button--active"),q(e.target.value)),(0,Xe.b9)(e.target.value,he)},gt=()=>{const t=o.getFieldsValue(!0);K?(Y(""),t.alt="",g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{alt:""}})):(Y(L.current&&L.current.input.value?L.current.input.value:"..."),setTimeout(()=>{L.current.focus()}))},bt=e=>{""===e.target.value?Y("..."):(O.current.classList.add("selected-td-form__button--active"),Y(e.target.value))},ht=()=>{const t=o.getFieldsValue(!0);Q?(J(""),t.title="",g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{title:""}})):(J(F.current&&F.current.input.value?F.current.input.value:"..."),setTimeout(()=>{F.current.focus()}))},vt=e=>{""===e.target.value?J("..."):(M.current.classList.add("selected-td-form__button--active"),J(e.target.value))};return l.createElement(i.lV,{form:o,layout:"vertical",name:"selected_image_form",initialValues:{src:"",width:"",height:"",widthDim:"",heightDim:"",alt:"",align:"left",border:"",boxShadow:"",show:"all",borderPosition:lt.uE[je]\|\|"borderAll",mobileBorderPosition:lt.lS[Ge]\|\|"mobileBorderAll",borderColor:"",borderWidth:"",borderStyle:"",mobileWidth:"",mobileWidthDim:"",mobileHeight:"",mobileHeightDim:"",mobileBorder:"",mobileBorderColor:"",mobileBorderWidth:"",mobileBorderStyle:"",mobileBoxShadow:"",mobileAlign:"left",mobileVerticalAlign:"",link:"https://",imgReplacer:"",countdownNumbersStrong:!1,countdownNumbersItalic:!1,countdownLabelsStrong:!1,countdownLabelsItalic:!1,video:{source:"",playButton:"youtube_red"}},onValuesChange:ct,autoComplete:"off",className:"element-controls"},!Me&&l.createElement(i.m_,{title:t("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(i.Fc,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),_===h.ND&&S.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props"},l.createElement(Qe,{form:o,elementSettings:e,boxShadow:W,mobileBordersShow:te,mobileBorderRadiusShow:ae,mobileBoxShadowShow:se,mobileSizeShow:ce,oneMobileBorderRadiusValue:U,setOneMobileBorderRadiusValue:$,hasLink:X,hasAlt:K,hasTitle:Q,linkInputRef:C,linkButtonRef:P,altInputRef:L,altButtonRef:O,titleInputRef:F,titleButtonRef:M,linkInputHandler:pt,altButtonHandler:gt,altInputHandler:bt,titleButtonHandler:ht,titleInputHandler:vt,linkButtonHandler:ut,toggleShowMobileBorderHandler:()=>{const t=o.getFieldsValue(!0);setTimeout(()=>{oe(e=>!e),te?(t.mobileBorderAll=lt.RH,t.mobileBorderTop=lt.RH,t.mobileBorderBottom=lt.RH,t.mobileBorderRight=lt.RH,t.mobileBorderLeft=lt.RH):t.mobileBorderAll={width:1,color:"#E5E5E5",style:"solid"},g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorder:{all:{color:t.mobileBorderAll.color,style:t.mobileBorderAll.style,width:t.mobileBorderAll.width}}}})})},toggleShowMobileBorderRadiusHandler:()=>{const t=o.getFieldsValue(!0);setTimeout(()=>{ne(e=>!e),ae?(t.mobileBorderRadiusAll=null,$(!0)):t.mobileBorderRadiusAll=5,g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorderRadius:{all:t.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}})})},toggleShowMobileBoxShadowHandler:()=>{const t=o.getFieldsValue(!0);setTimeout(()=>{me(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"),g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBoxShadow:{blurRadius:t.mobileBoxShadowBlurRadius,color:t.mobileBoxShadowColor,hOffset:t.mobileBoxShadowHOffset,inset:t.mobileBoxShadowInset,spreadRadius:t.mobileBoxShadowSpreadRadius,vOffset:t.mobileBoxShadowVOffset,classNamePrefix:"em-mob-box_shadow-"}}})})},toggleShowMobileSizeHandler:()=>{const t=o.getFieldsValue(!0);setTimeout(()=>{ue(e=>!e),ce&&(t.mobileWidth="",t.mobileHeight="",g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileWidth:{value:null,dim:"px",classNamePrefix:"em-mob-width-"},mobileHeight:{value:null,dim:"px",classNamePrefix:"em-mob-height-"}}}))})}})," "):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(qe,{form:o,elementSettings:e,boxShadow:W,bordersShow:Z,borderRadiusShow:le,boxShadowShow:re,oneBorderRadiusValue:j,setOneBorderRadiusValue:G,hasLink:X,hasAlt:K,hasTitle:Q,isOpenSrcReplacer:Ce,mergeTagItems:Ee,mergeMenuOpen:Se,setMergeMenuOpen:ye,cascaderRef:z,linkInputRef:C,linkButtonRef:P,altInputRef:L,altButtonRef:O,titleInputRef:F,titleButtonRef:M,srcReplacerInputRef:V,srcReplacerButtonRef:D,linkProtocol:be,handleLinkProtocolsChange:e=>{o.setFieldValue("link","mergetag"!==e?e:""),he(e)},linkButtonHandler:ut,linkInputHandler:pt,altButtonHandler:gt,altInputHandler:bt,titleButtonHandler:ht,titleInputHandler:vt,srcReplacerButtonHandler:()=>{Pe(!Ce),Ce?(o.setFieldValue("imgReplacer",""),g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{imgReplacer:""}})):setTimeout(()=>V.current.focus())},srcInputHandler:e=>{""!==e.target.value&&D.current.classList.add("selected-td-form__button--active")},handleSelect:({target:e})=>{if(e&&!Ae){const{selectionStart:t,selectionEnd:o}=e;Re({start:t,end:o})}Ne(!1)},onChange:(t,l)=>{if(ye(!1),t){const i=De.syntax.length>1?Ee.findIndex(e=>e.key===l[0].key):0,a=De.syntax[i].replace("%value%",t[t.length-1]);"selected_image_form_title"===(null===ke\|\|void 0===ke?void 0:ke.getAttribute("id"))\|\|"selected_image_form_alt"===(null===ke\|\|void 0===ke?void 0:ke.getAttribute("id"))\|\|"selected_image_form_link"===(null===ke\|\|void 0===ke?void 0:ke.getAttribute("id"))\|\|"selected_image_form_imgReplacer"===(null===ke\|\|void 0===ke?void 0:ke.getAttribute("id"))?((t,l)=>{const i=document.getElementById(l);if(i){var a,n;const r="selected_image_form_",d=l.substring(l.indexOf(r)+r.length),s=null===(a=i.value)\|\|void 0===a?void 0:a.substring(0,Be.start),m=null===(n=i.value)\|\|void 0===n?void 0:n.substring(Be.end);g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{...e,[d]:s+t+m}}),o.setFieldValue(d,s+t+m),i.focus(),setTimeout(()=>{i.selectionStart=Be.start,i.selectionEnd=Be.start+t.length},400),Ne(!0)}})(a,null===ke\|\|void 0===ke?void 0:ke.getAttribute("id")):(o.setFieldValue("imgReplacer",a),g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{imgReplacer:a}}))}},filter:(e,t)=>t.some(t=>t.label.toLowerCase().indexOf(e.toLowerCase())>-1),renderSearchOption:(e,t)=>{const o=t.map((t,o)=>{const i=t.label.split(new RegExp(`(${e})`,"gi"));return l.createElement("span",{key:t.value},0!==o&&l.createElement("span",null,"\xa0/\xa0"),i.map((t,o)=>t.toLowerCase()===e.toLowerCase()?l.createElement("span",{key:o,style:{color:"red"}},t):t))});return l.createElement("div",{title:t.map(e=>e.label).join(" / ")},o)},handleChangeValues:ct,toggleShowBorderHandler:()=>{const t=o.getFieldsValue(!0);setTimeout(()=>{ee(e=>!e),Z?(t.borderAll=lt.RH,t.borderTop=lt.RH,t.borderBottom=lt.RH,t.borderRight=lt.RH,t.borderLeft=lt.RH):t.borderAll={width:1,color:"#E5E5E5",style:"solid"},g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{border:{all:{color:t.borderAll.color,style:t.borderAll.style,width:t.borderAll.width}}}})})},toggleShowBorderRadiusHandler:()=>{const t=o.getFieldsValue(!0);setTimeout(()=>{ie(e=>!e),le?(t.borderRadiusAll=0,G(!0)):t.borderRadiusAll=5,g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{borderRadius:{all:t.borderRadiusAll}}})})},toggleShowBoxShadowHandler:()=>{const t=o.getFieldsValue(!0);setTimeout(()=>{de(e=>!e),re?(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"),g({operation:h.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}}})})}})))},mt=()=>{const{__:e}=(0,r.s9)();return l.createElement(i.m_,{trigger:["hover"],title:e("The font-size CSS property sets the size of the font."),placement:"top"},l.createElement(i.lV.Item,{name:"mobileFontSize"},l.createElement(i.FQ,{min:8,max:90,placeholder:e("Font size"),prefix:l.createElement(u.A,{icon:"FontSizeOutlined"}),addonAfter:"px"})))};var ct=o(43284),ut=o(56315);const pt=({form:e,elementSettings:t,name:o,icon:a,tooltipTitle:n=null,showTooltip:d=!0,forceInactive:s=!1})=>{const{__:c}=(0,r.s9)(),u=e.getFieldValue(o),p=(0,Le.XW)(),[g,b]=(0,l.useState)(t[o]);(0,l.useEffect)(()=>{t[o]!==e.getFieldValue(o)&&(e.setFieldValue(o,t[o]),b(t[o]))},[t,e,o]),(0,l.useEffect)(()=>{g!==u&&b(u)},[u,g,o]);const v=()=>{const l={[o]:!g};e.setFieldValue(o,!g),p({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:l}),"textSuperscript"===o?e.setFieldValue("textSubscript",!1):"textSubscript"===o&&e.setFieldValue("textSuperscript",!1),b(e=>!e)};return l.createElement(i.lV.Item,{name:o},d?l.createElement(i.m_,{placement:"bottom",title:n\|\|c(o.substring(4))},l.createElement(i.$n,{className:m()("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":g&&!s}),onClick:v},a)):l.createElement(i.$n,{className:m()("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":g&&!s}),onClick:v},a))};var gt=o(64433);const bt=({form:e,elementSettings:t,showAddParagraph:o=!0,isButton:n=!1,linkProtocol:s,setLinkProtocol:c,linkTarget:p,isBulletFontColorChecked:g=!1,setIsBulletFontColorChecked:b=()=>{}})=>{var v,f,E,_,S,y,k,w,T,x,A,I,N;const{__:C}=(0,r.s9)(),{token:P}=(0,i.rd)(),L=(0,d.hN)(),O=(0,Le.XW)(),F=(0,Le.K9)(),M=(0,B.rD)(),V=(0,l.useRef)(),D=(0,l.useRef)(null),z=(0,l.useRef)(null),W=(0,l.useRef)(null),H=(0,l.useRef)(!1),[j,G]=(0,l.useState)(!1),[U,$]=(0,l.useState)(!1),[X,q]=(0,l.useState)(null),[K,Y]=(0,l.useState)({start:0,end:0}),[Q,J]=(0,l.useState)(!1),[Z,ee]=(0,l.useState)([]),[te,oe]=(0,l.useState)("#c6c3c3"),[le,ie]=(0,l.useState)(!1),[ae,ne]=(0,l.useState)(!1),re=(0,l.useRef)(null),de=(0,l.useRef)(""),se=(0,gt.A)(),me=(0,l.useMemo)(()=>se,[]),ce=i.lV.useWatch([],e);(0,l.useEffect)(()=>{n&&void 0!==(null===t\|\|void 0===t?void 0:t.textColor)&&e.setFieldValue("textColor",t.textColor)},[n,null===t\|\|void 0===t?void 0:t.textColor,e]);let ue=null;(0,l.useEffect)(()=>{if(null!==ce&&void 0!==ce&&ce.textColor&&g){const o=e.getFieldValue("textColor");O({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{ColorBullets:o}})}},[null===ce\|\|void 0===ce?void 0:ce.textColor]),(0,l.useEffect)(()=>{const o=e.getFieldValue("textLink");"string"===typeof t.linkHref&&ie(!0),re&&!o&&(ie(!1),e.setFieldsValue({linkHref:null})),re.current=o\|\|null},[null===ce\|\|void 0===ce?void 0:ce.textLink,null===ce\|\|void 0===ce?void 0:ce.linkHref,t.linkHref,e]),(0,l.useEffect)(()=>{const t=e.getFieldValue("listUL"),o=e.getFieldValue("listOL");t&&"listUL"!==de.current?(e.setFieldValue("listOL",!1),de.current="listUL"):o&&"listOL"!==de.current&&(e.setFieldValue("listUL",!1),de.current="listOL"),t\|\|o\|\|(de.current="")},[null===ce\|\|void 0===ce?void 0:ce.listUL,null===ce\|\|void 0===ce?void 0:ce.listOL,e]);(0,Je.A)(e=>{e.data.operation===h.Ru.APPLICATION_FOCUS_IN_IFRAME&&q(null)});const[pe,ge]=(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")&&ge(!0)},[]);const be=(0,l.useRef)(null);const he=e=>{O({operation:h.Ru.SANDBOX_ELEMENT_TEXT,action:e,locale:"ru_RU"}),L.success({message:C("It`s done!")})},ve=[{key:"1",label:C("This element"),onClick:()=>he("typograf")},{key:"2",label:C("The whole email"),onClick:()=>he("typograf_all")}],[fe,Ee]=(0,l.useState)(),[_e,Se]=(0,l.useState)(!1);(0,l.useEffect)(()=>{const e=((e,t="#c6c3c3",o={})=>{const{symbolSize:i="25px",marginRight:a="5px",marginBottom:n="5px",textStyle:r={whiteSpace:"normal",lineHeight:"1.2"}}=o;return e.map(e=>({value:e.code,label:l.createElement("div",{style:{display:"flex",alignItems:"center"}},l.createElement("span",{style:{color:t\|\|"#c6c3c3",marginRight:a,marginBottom:n,fontSize:i,lineHeight:"0.7",width:i,textAlign:"center",...r}},e.symbol),l.createElement("span",{style:r},e.description))}))})(me,te,{});ee(e)},[me,te]),(0,l.useEffect)(()=>{var e;oe(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,Xe.b9)(o,c);const l=t.linkHref\|\|t.href,i=null!==l&&void 0!==l&&l.startsWith("#")?l.slice(1):l\|\|"https://";e.setFieldsValue({linkHref:i})},[e,t,c]);const ye=(0,a.d4)(it.GH);(0,l.useEffect)(()=>{var e;null!==ye&&void 0!==ye&&null!==(e=ye.items)&&void 0!==e&&e.length&&Ee((0,B.cM)(ye.items,C,(e,t)=>{Se(!1),F(h.Ru.SANDBOX_ADD_MERGETAG,e),t.stopPropagation(),t.preventDefault()}))},[ye,Ee,C,Se,F]);(0,l.useEffect)(()=>{_e&&be.current&&be.current.focus()},[_e]);const ke=(0,nt.cR)();(0,l.useEffect)(()=>{const e=new R.jG;return e.addDisposable((0,at.a)(ke,"focusin",({target:e})=>{e.closest('[id="merge_tags_wrapper"]')\|\|q(e)})),e.addDisposable((0,at.a)(ke,"click",({target:e})=>{e.closest(".merge-tags")\|\|e.closest("#merge_tags_button")\|\|Se(!1)})),()=>{e.dispose()}},[ke]),(0,l.useEffect)(()=>{const e=(null===D\|\|void 0===D?void 0:D.current)\|\|document,t=()=>{window.getSelection().toString().length>0&&(H.current=!0)};return e.addEventListener("dblclick",t),()=>{e.removeEventListener("dblclick",t)}},[D]);const we=(0,l.useCallback)(({target:e})=>{if(e&&!Q){const{selectionStart:t,selectionEnd:o}=e;Y({start:t,end:o})}J(!1)},[Q]);(0,l.useEffect)(()=>we({target:null===p\|\|void 0===p?void 0:p.target}),[p,we]);const Be=(o,l)=>{const i=document.getElementById(l);if(i){var a,n;const r=null===(a=i.value)\|\|void 0===a?void 0:a.substring(0,K.start),d=null===(n=i.value)\|\|void 0===n?void 0:n.substring(K.end),s=l.substring(l.lastIndexOf("_")+1);O({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{[s]:r+o+d}}),e.setFieldValue(s,r+o+d),i.focus(),setTimeout(()=>{i.selectionStart=K.start,i.selectionEnd=K.start+o.length},400),J(!0)}},Re=()=>{G(!j),j?(e.setFieldValue("textReplacer",""),O({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{textReplacer:""}})):setTimeout(()=>D.current.focus())};(0,l.useEffect)(()=>{var e;G(!(null===(e=t.textReplacer)\|\|void 0===e\|\|!e.length))},[t,e]);(0,l.useEffect)(()=>{var e;$(!(null===(e=t.textAnchor)\|\|void 0===e\|\|!e.length))},[t,e]);return l.createElement(l.Fragment,null,o&&!t.showOnMobile&&l.createElement(l.Fragment,null,l.createElement(i.fI,{gutter:20,style:{paddingBottom:4}},l.createElement(i.fv,{span:12,gutter:20},l.createElement(ut.A,{form:e,elementSettings:t,name:"textAlign"}))),l.createElement(i.cG,{className:"selected-td-form__divider",style:{marginBottom:20}})),t.showOnMobile&&l.createElement(i.cG,{className:"selected-td-form__divider",style:{marginBottom:20}}),M.formTextFieldTypografEnabled&&l.createElement(l.Fragment,null,l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:12},l.createElement(i.lV.Item,{name:"AddImage",style:{marginBottom:P.formItemMarginBottomXS}},l.createElement(i.$n,{icon:l.createElement(u.A,{icon:"AddImage"}),onClick:()=>he("add_img"),style:{width:"100%"}},C("Add image")))),l.createElement(i.fv,{span:12},l.createElement(i.lV.Item,{name:"Typography",style:{marginBottom:P.formItemMarginBottomXS}},l.createElement(i.ms,{arrow:!0,menu:{items:ve},trigger:["hover"],placement:"bottom",getPopupContainer:e=>e.closest(".selected-element-panel")},l.createElement(i.$n,{icon:l.createElement(u.A,{icon:"Typograf"}),onClick:()=>he("typograf"),style:{width:"100%"}},C("Typography"))))),M.mergeTagsShow&&fe&&l.createElement(i.fv,{span:24,id:"merge_tags_wrapper",style:{marginBottom:0}},l.createElement(i.$n,{id:"merge_tags_button",icon:l.createElement(u.A,{icon:"MergeTags"}),style:{width:"100%",display:_e?"none":"inline-flex"},onClick:()=>Se(!0)},C("Merge tags")),l.createElement(i.vx,{ref:be,popupClassName:"merge-tags",options:fe,placeholder:C("Start typing the title"),showSearch:{filter:(e,t)=>t.some(t=>t.label.toLowerCase().indexOf(e.toLowerCase())>-1),render:(e,t)=>{const o=t.map((t,o)=>{const i=t.label.split(new RegExp(`(${e})`,"gi"));return l.createElement("span",{key:t.value},0!==o&&l.createElement("span",null,"\xa0/\xa0"),i.map((t,o)=>t.toLowerCase()===e.toLowerCase()?l.createElement("span",{key:o,style:{color:"red"}},t):t))});return l.createElement("div",{title:t.map(e=>e.label).join(" / ")},o)}},spellCheck:"false",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper"),onChange:(o,l)=>{if(Se(!1),o){const i=ye.syntax.length>1?fe.findIndex(e=>e.key===l[0].key):0,a=ye.syntax[i].replace("%value%",o[o.length-1]);if("selected_button_form_href"===(null===X\|\|void 0===X?void 0:X.getAttribute("id"))\|\|"selected_text_form_linkHref"===(null===X\|\|void 0===X?void 0:X.getAttribute("id"))\|\|"selected_text_form_textReplacer"===(null===X\|\|void 0===X?void 0:X.getAttribute("id")))Be(a,null===X\|\|void 0===X?void 0:X.getAttribute("id"));else{e.setFieldValue("textReplacer",a);const o=Date.now();O({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{textReplacer:`${a}~~${o}`}})}}},style:{display:_e?"block":"none",width:"100%"},open:_e,onKeyDown:e=>{"Escape"===e.key&&Se(!1)}}))),l.createElement(i.cG,{className:"selected-td-form__divider",style:{marginBottom:P.formItemMarginBottomMD,marginTop:20}})),l.createElement(i.m_,{trigger:["hover"],title:C("Text font"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(i.lV.Item,{name:"fontFamily",className:"form-item-margin-xs"},l.createElement(i.LW,{textEditor:!0,loadGoogleFonts:ct.c,getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")}))),!t.showOnMobile&&l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:C("Font size"),placement:"bottom"},l.createElement(i.lV.Item,{name:"fontSize"},l.createElement(i.FQ,{min:8,max:90,placeholder:C("Font size"),prefix:l.createElement(u.A,{icon:"FontSizeOutlined"}),addonAfter:"px"})))),l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:C("Line height"),placement:"bottom"},l.createElement(i.lV.Item,{name:"lineHeight"},l.createElement(i.FQ,{min:10,max:110,placeholder:C("Line height"),prefix:l.createElement(u.A,{icon:"LineHeightOutlined"}),addonAfter:"px"}))))),l.createElement(i.fI,{gutter:10,style:{marginBottom:10,marginTop:5}},l.createElement(i.fv,{span:24},l.createElement(i.fI,{gutter:10,style:{marginBottom:-10}},l.createElement(i.fv,{span:3},l.createElement(pt,{form:e,elementSettings:t,name:"textStrong",tooltipTitle:C(pe?"Strong ( \u2318B )":"Strong ( Ctrl+B )"),icon:l.createElement(u.A,{icon:"BoldOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(i.fv,{span:3},l.createElement(pt,{form:e,elementSettings:t,name:"textItalic",tooltipTitle:C(pe?"Italic ( \u2318I )":"Italic ( Ctrl+I )"),icon:l.createElement(u.A,{icon:"ItalicOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(i.fv,{span:3},l.createElement(pt,{form:e,elementSettings:t,name:"textUnderline",tooltipTitle:C(pe?"Underline ( \u2318U )":"Underline ( Ctrl+U )"),icon:l.createElement(u.A,{icon:"UnderlineOutlined",className:"selected-text-common-form__icon-radius"})})),(null===t\|\|void 0===t\|\|null===(v=t.list)\|\|void 0===v?void 0:v.isList)&&l.createElement(i.fv,{span:3}," ",l.createElement(pt,{form:e,elementSettings:t,name:"textStrikethrough",tooltipTitle:C(pe?"Strikethrough ( \u2318+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:l.createElement(u.A,{icon:"StrikethroughOutlined",className:"selected-text-common-form__icon-radius"})})),!(null!==t&&void 0!==t&&null!==(f=t.list)&&void 0!==f&&f.isList)&&l.createElement(i.fv,{span:3},l.createElement(pt,{form:e,elementSettings:t,name:"listUL",tooltipTitle:C("Unordered list"),icon:l.createElement(u.A,{icon:"UnorderedListOutlined",className:"selected-td-form__icon-radius"}),onSelect:we})),!(null!==t&&void 0!==t&&null!==(E=t.list)&&void 0!==E&&E.isList)&&l.createElement(i.fv,{span:3},l.createElement(pt,{form:e,elementSettings:t,name:"listOL",tooltipTitle:C("Ordered list"),icon:l.createElement(u.A,{icon:"OrderedListOutlined",className:"selected-td-form__icon-radius"}),onSelect:we})),l.createElement(i.fv,{span:3},l.createElement(pt,{form:e,elementSettings:t,name:"textSuperscript",tooltipTitle:C("Text superscript"),icon:l.createElement(u.A,{icon:"Superscript"})})),(null===t\|\|void 0===t\|\|null===(_=t.list)\|\|void 0===_?void 0:_.isList)&&l.createElement(i.fv,{span:3}," ",l.createElement(pt,{form:e,elementSettings:t,name:"textSubscript",tooltipTitle:C("Text subscript"),icon:l.createElement(u.A,{icon:"Subscript"})})),o&&l.createElement(i.fv,{span:3},l.createElement(pt,{form:e,className:m()("selected-text-common-form__button selected-text-common-form__button_style",{"selected-text-common-form__button--active":"string"===typeof t.linkHref}),elementSettings:t,name:"textLink",forceInactive:!!t.textAnchor,tooltipTitle:C("Link"),icon:l.createElement(u.A,{icon:"LinkOutlined",className:"selected-text-common-form__icon-radius"}),onSelect:we})),(null===t\|\|void 0===t\|\|null===(S=t.list)\|\|void 0===S?void 0:S.isList)&&M.formTextFieldReplacerEnabled&&l.createElement(i.fv,{span:3},l.createElement(i.m_,{title:C("Text replacer"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(i.$n,{className:m()("selected-td-form__button ant-form-item",{"selected-td-form__button--active":j}),icon:l.createElement(u.A,{icon:"Replacer",className:"selected-td-form__icon-radius"}),onClick:Re,ref:z}))),n&&l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:C("Text color"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(i.lV.Item,{name:"textColor",rules:[{message:C("Please set the font color")}]},l.createElement(i.it,{placeholder:C("Color"),usedColors:t.usedColors,usedLabel:C("Used"),recommendedLabel:C("Recommended")})))),!n&&(!(null!==t&&void 0!==t&&null!==(y=t.list)&&void 0!==y&&y.isList)\|\|o&&(null===t\|\|void 0===t\|\|null===(k=t.list)\|\|void 0===k?void 0:k.isList))&&l.createElement(i.fv,{span:3},l.createElement(i.m_,{title:C("More options"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(i.$n,{className:m()("selected-td-form__button ant-form-item",{"selected-td-form__button--active":ae\|\|U}),icon:l.createElement(u.A,{icon:"DotsHoriz",className:"selected-td-form__icon-radius"}),onClick:()=>ne(!ae)})))),!n&&ae&&l.createElement(i.fI,{gutter:10},!(null!==t&&void 0!==t&&null!==(w=t.list)&&void 0!==w&&w.isList)&&l.createElement(l.Fragment,null,l.createElement(i.fv,{span:3}," ",l.createElement(pt,{form:e,elementSettings:t,name:"textStrikethrough",tooltipTitle:C(pe?"Strikethrough ( \u2318+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:l.createElement(u.A,{icon:"StrikethroughOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(i.fv,{span:3}," ",l.createElement(pt,{form:e,elementSettings:t,name:"textSubscript",tooltipTitle:C("Text subscript"),icon:l.createElement(u.A,{icon:"Subscript"})})),M.formTextFieldReplacerEnabled&&l.createElement(i.fv,{span:3},l.createElement(i.m_,{title:C("Text replacer"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(i.$n,{className:m()("selected-td-form__button ant-form-item",{"selected-td-form__button--active":j}),icon:l.createElement(u.A,{icon:"Replacer",className:"selected-td-form__icon-radius"}),onClick:Re,ref:z})))),o&&l.createElement(i.fv,{span:3},l.createElement(i.m_,{title:C("Anchor"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(i.$n,{className:m()("selected-td-form__button ant-form-item",{"selected-td-form__button--active":U}),icon:l.createElement(u.A,{icon:"Anchor",className:"selected-text-common-form__icon-radius"}),onMouseDown:o=>{o.preventDefault(),$(!U),U?(e.setFieldValue("textAnchor",""),O({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{textAnchor:""}})):setTimeout(()=>{var e;return null===(e=W.current)\|\|void 0===e?void 0:e.focus()})}})))),o&&"string"===typeof t.linkHref&&le&&l.createElement(l.Fragment,null,l.createElement(i.m_,{trigger:["hover"],title:C("#"===s?"Anchor name":"The URL that the hyperlink directs to."),placement:"bottom"},l.createElement(i.lV.Item,{name:"linkHref",style:{marginBottom:"mailto:"===s?P.formItemMarginBottomXS:""}},l.createElement(i.pd,{ref:V,addonBefore:l.createElement(Xe.Ai,{linkProtocol:s,handleLinkProtocolsChange:t=>{e.setFieldValue("linkHref","mergetag"!==t?t:""),c(t)},__:C}),allowClear:!0,placeholder:C("#"===s?"Anchor name":"Hyperlink URL"),autoFocus:null===t\|\|void 0===t?void 0:t.isNewLink,onSelect:we,prefix:l.createElement(Xe.RM,{linkProtocol:s})}))),"mailto:"===s&&l.createElement(l.Fragment,null,l.createElement(i.lV.Item,{name:"subject",style:{marginBottom:P.formItemMarginBottomXS}},l.createElement(i.pd,{placeholder:C("Subject"),onSelect:we})),l.createElement(i.lV.Item,{name:"body",style:{marginBottom:P.formItemMarginBottomMD}},l.createElement(i.fs,{rows:3,placeholder:C("Body"),onSelect:we})))),o&&U&&l.createElement(i.m_,{trigger:["hover"],title:C("Anchor name"),placement:"bottom"},l.createElement(i.lV.Item,{name:"textAnchor"},l.createElement(i.pd,{placeholder:C("Anchor name"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content addon-text-content--icon",title:C("Anchor"),"aria-hidden":!0},l.createElement(u.A,{icon:"Anchor",className:"selected-text-common-form__icon-radius",size:18})),ref:W,onSelect:we,onBlur:()=>{const t=e.getFieldValue("textAnchor");null!==t&&void 0!==t&&t.trim()\|\|$(!1)}}))),!n&&j&&l.createElement(i.m_,{trigger:["hover"],title:C("Text"),placement:"bottom"},l.createElement(i.lV.Item,{name:"textReplacer"},l.createElement(i.pd,{placeholder:C("The code that will replace this text"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},C("Text")),onChange:e=>{""!==e.target.value&&z.current.classList.add("selected-td-form__button--active")},onKeyDown:e=>{const o=e.target,l=o.value,i=o.selectionStart,a=function(e){const t=e.key.toLowerCase();let o=!1;return("control"!==ue&&"meta"!==ue\|\|"a"!==t&&"A"!==t)&&("a"!==ue&&"A"!==ue\|\|"control"!==t&&"meta"!==t)\|\|(o=!0),ue=t,"control"!==t&&"a"!==t&&"A"!==t&&"meta"!==t&&(ue=null),o}(e);if(H.current&&0===i&&O({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{textReplacer:`${l}~`}}),H.current=a,0!==i\|\|" "!==e.key){if(" "===e.key){if(i!==l.length)return void e.preventDefault();l.endsWith(" ")&&e.preventDefault()}}else e.preventDefault()},ref:D,onSelect:we}))))),!n&&l.createElement(i.fI,{gutter:10,style:{paddingBottom:4}},l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:C("Text color"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(i.lV.Item,{name:"textColor",rules:[{message:C("Please set the font color")}]},l.createElement(i.it,{placeholder:C("Color"),usedColors:t.usedColors,usedLabel:C("Used"),recommendedLabel:C("Recommended")})))),l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:C("Text background"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(i.lV.Item,{name:"textBackgroundColor",rules:[{message:C("Please set the background color")}]},l.createElement(i.it,{placeholder:C("Background color"),usedColors:t.usedColors,usedLabel:C("Used"),recommendedLabel:C("Recommended")}))))),!n&&(null===t\|\|void 0===t\|\|null===(T=t.list)\|\|void 0===T?void 0:T.isList)&&l.createElement(i.y9,{title:C("List settings"),dividerTop:!0},"OL"===(null===t\|\|void 0===t\|\|null===(x=t.list)\|\|void 0===x?void 0:x.listType)&&l.createElement(i.fI,null,l.createElement(i.fv,{span:24},l.createElement(i.m_,{trigger:["hover"],title:C("Bullets font"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(i.lV.Item,{name:"BulletsFontFamily",className:"form-item-margin-xs"},l.createElement(i.LW,{textEditor:!0,loadGoogleFonts:ct.c,getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper"),style:{marginTop:"-9px"}}))))),l.createElement(i.fI,{gutter:[10]},"UL"===(null===t\|\|void 0===t\|\|null===(A=t.list)\|\|void 0===A?void 0:A.listType)&&l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:C("Bullets type"),placement:"bottom"},l.createElement(i.lV.Item,{name:"BulletType",className:"bullet-type"},l.createElement(i.Select,{size:"middle",placeholder:C("Bullets type"),onClick:e=>e.stopPropagation(),options:Z}))))),l.createElement(i.fI,{gutter:[10]},l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:C("Bullets color"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(i.lV.Item,{name:"ColorBullets"},l.createElement(i.it,{placeholder:C("Bullets color"),usedColors:t.usedColors,usedLabel:C("Used"),recommendedLabel:C("Recommended"),disabled:g,onChange:e=>{oe(e),g&&b(!1)},externalValue:g?null===ce\|\|void 0===ce?void 0:ce.textColor:void 0})))),l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:C("Bullets size"),placement:"bottom"},l.createElement(i.lV.Item,{name:"BulletsSize"},l.createElement(i.FQ,{min:8,max:90,defaultValue:null===t\|\|void 0===t\|\|null===(I=t.list)\|\|void 0===I?void 0:I.bulletFontSize,placeholder:C("Bullets size"),prefix:l.createElement(u.A,{icon:"FontSizeOutlined"}),addonAfter:"px"}))))),"OL"===(null===t\|\|void 0===t\|\|null===(N=t.list)\|\|void 0===N?void 0:N.listType)&&l.createElement(i.fI,null,l.createElement(i.fv,{span:3},l.createElement(pt,{form:e,elementSettings:t,name:"BulletTextStrong",tooltipTitle:C(pe?"Strong ( \u2318B )":"Strong ( Ctrl+B )"),icon:l.createElement(u.A,{icon:"BoldOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(i.fv,{span:3},l.createElement(pt,{form:e,elementSettings:t,name:"BulletTextItalic",tooltipTitle:C(pe?"Italic ( \u2318I )":"Italic ( Ctrl+I )"),icon:l.createElement(u.A,{icon:"ItalicOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(i.fv,{span:3},l.createElement(pt,{form:e,elementSettings:t,name:"BulletTextStrikethrough",tooltipTitle:C(pe?"Strikethrough ( \u2318+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:l.createElement(u.A,{icon:"StrikethroughOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(i.fv,{span:3},l.createElement(pt,{form:e,elementSettings:t,name:"BulletTextUnderline",tooltipTitle:C(pe?"Underline ( \u2318U )":"Underline ( Ctrl+U )"),icon:l.createElement(u.A,{icon:"UnderlineOutlined",className:"selected-text-common-form__icon-radius"})}))),l.createElement(i.fI,{gutter:[10],style:{marginTop:"-8px"}},l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:C("Between list items"),placement:"bottom"},l.createElement(i.lV.Item,{name:"SpacingBetweenParagraphs"},l.createElement(i.FQ,{min:5,max:100,placeholder:C("Between list items"),prefix:l.createElement(u.A,{icon:"ColumnHeightOutlined"}),addonAfter:"px"})))),l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:C("Between bullets and text"),placement:"bottom"},l.createElement(i.lV.Item,{name:"SpacingBetweenBulletsAndText"},l.createElement(i.FQ,{min:1,max:100,placeholder:C("Between bullets and text"),prefix:l.createElement(u.A,{icon:"ColumnWidthOutlined"}),addonAfter:"px"})))))))},ht=({form:e,elementSettings:t,showAddParagraph:o=!0,isButton:d=!1})=>{const{__:s}=(0,r.s9)(),m=(0,Le.XW)(),c=(0,a.wA)(),{emailId:p}=(0,n.g)(),g=(0,a.d4)(p?f.Hs:Te.gm).hasOwnProperty("type")?h.IE:h.Tm,b=(0,B.rD)(),[v,E]=(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")&&E(!0)},[]);const _=e=>{m({operation:h.Ru.SANDBOX_ELEMENT_TEXT,action:e,locale:"ru_RU"})},[S,y]=(0,l.useState)(t.textAlign),[k,w]=(0,l.useState)(t.linkHref),R=e=>y(e);return(0,l.useEffect)(()=>{y(t.textAlign),w(t.linkHref)},[t]),l.createElement("div",{className:"selected_text_common_form_mobile"},l.createElement(i.$x,{size:"8",split:l.createElement(i.cG,{type:"vertical"})},l.createElement(i.$x,{size:8,className:"selected_text_common_form_mobile__group"},l.createElement("div",{style:{width:190}},l.createElement(i.m_,{trigger:["hover"],title:s("Text font"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(i.lV.Item,{name:"fontFamily"},l.createElement(i.LW,{textEditor:!0,loadGoogleFonts:ct.c,getPopupContainer:e=>e.closest(".selected_text_common_form_mobile")})))),l.createElement("div",{style:{width:90}},l.createElement(i.m_,{trigger:["hover"],title:s("Font size"),placement:"bottom"},l.createElement(i.lV.Item,{name:"fontSize"},l.createElement(i.FQ,{min:8,max:90,placeholder:s("Font size"),prefix:l.createElement(u.A,{icon:"FontSizeOutlined"}),addonAfter:"px"})))),l.createElement("div",{style:{width:90}},l.createElement(i.m_,{trigger:["hover"],title:s("Line height"),placement:"bottom"},l.createElement(i.lV.Item,{name:"lineHeight"},l.createElement(i.FQ,{min:10,max:110,placeholder:s("Line height"),prefix:l.createElement(u.A,{icon:"LineHeightOutlined"}),addonAfter:"px"}))))),l.createElement(i.$x,{size:8,className:"selected_text_common_form_mobile__group"},l.createElement(pt,{form:e,elementSettings:t,name:"textStrong",tooltipTitle:s(v?"Strong ( \u2318B )":"Strong ( Ctrl+B )"),icon:l.createElement(u.A,{icon:"BoldOutlined",className:"selected-td-form__icon-radius"})}),l.createElement(pt,{form:e,elementSettings:t,name:"textItalic",tooltipTitle:s(v?"Italic ( \u2318I )":"Italic ( Ctrl+I )"),icon:l.createElement(u.A,{icon:"ItalicOutlined",className:"selected-td-form__icon-radius"})}),l.createElement(pt,{form:e,elementSettings:t,name:"textStrikethrough",tooltipTitle:s(v?"Strikethrough ( \u2318+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:l.createElement(u.A,{icon:"StrikethroughOutlined",className:"selected-td-form__icon-radius"})}),l.createElement(pt,{form:e,elementSettings:t,name:"textUnderline",tooltipTitle:s(v?"Underline ( \u2318U )":"Underline ( Ctrl+U )"),icon:l.createElement(u.A,{icon:"UnderlineOutlined",className:"selected-td-form__icon-radius"})})),l.createElement(i.$x,{size:8,className:"selected_text_common_form_mobile__group"},l.createElement(i.m_,{trigger:["hover"],title:s("Text color"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(i.lV.Item,{name:"textColor",rules:[{message:s("Please set the font color")}]},l.createElement(i.it,{placeholder:s("Color"),usedColors:t.usedColors,usedLabel:s("Used"),recommendedLabel:s("Recommended"),getPopupContainer:e=>e.closest(".selected_text_common_form_mobile")}))),!d&&l.createElement(l.Fragment,null,l.createElement(i.m_,{trigger:["hover"],title:s("Text background"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(i.lV.Item,{name:"textBackgroundColor",rules:[{message:s("Please set the background color")}]},l.createElement(i.it,{placeholder:s("Background color"),usedColors:t.usedColors,usedLabel:s("Used"),recommendedLabel:s("Recommended")}))))),o&&l.createElement(i.$x,{size:8,className:"selected_text_common_form_mobile__group"},l.createElement(l.Fragment,null,"string"===typeof k?l.createElement(i.ms,{arrow:!0,dropdownRender:()=>l.createElement(i.m_,{trigger:["hover"],title:s("The URL that the hyperlink directs to."),placement:"bottom"},l.createElement(i.lV.Item,{name:"linkHref"},l.createElement(i.pd,{allowClear:!0,placeholder:"href",prefix:l.createElement(u.A,{icon:"LinkOutlined"}),autoFocus:null===t\|\|void 0===t?void 0:t.isNewLink}))),overlayClassName:"codemode-textalign-dropdown",overlayStyle:{left:520,top:52,transform:"translateX(0)",marginLeft:57},trigger:["hover"],placement:"bottom",getPopupContainer:e=>e.closest(".selected_text_common_form_mobile")},l.createElement("div",null,l.createElement(pt,{form:e,className:"selected-td-form__button selected-td-form__button_style selected-td-form__button--active",elementSettings:t,name:"textLink",icon:l.createElement(u.A,{icon:"LinkOutlined",className:"selected-td-form__icon-radius"}),showTooltip:!1}))):l.createElement(pt,{form:e,className:"selected-td-form__button selected-td-form__button_style",elementSettings:t,name:"textLink",tooltipTitle:s("Link"),icon:l.createElement(u.A,{icon:"LinkOutlined",className:"selected-td-form__icon-radius"})}),l.createElement(i.ms,{arrow:!0,dropdownRender:()=>l.createElement(ut.A,{form:e,elementSettings:t,name:"textAlign",setAlignStateHandle:R}),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(i.$n,{icon:"right"===S?l.createElement(u.A,{icon:"AlignRightOutlined",size:18,strokeWidth:b.iconStrokeWidth}):"center"===S?l.createElement(u.A,{icon:"AlignCenterOutlined",size:18,strokeWidth:b.iconStrokeWidth}):l.createElement(u.A,{icon:"AlignLeftOutlined",size:18,strokeWidth:b.iconStrokeWidth}),className:"selected-td-form__button"})))),l.createElement(i.$x,{size:8,className:"selected_text_common_form_mobile__group"},o&&l.createElement(i.m_,{trigger:["hover"],title:s("Add paragraph"),placement:"bottom"},l.createElement(i.$n,{icon:l.createElement(u.A,{icon:"Paragraph"}),onClick:()=>_("add_p"),className:"selected-td-form__button"})),l.createElement(i.m_,{trigger:["hover"],title:s("Add inline image"),placement:"bottom"},l.createElement(i.$n,{icon:l.createElement(u.A,{icon:"ImageAdd",size:16,strokeWidth:b.iconStrokeWidth}),onClick:()=>_("add_img"),className:"selected-td-form__button"})),l.createElement(i.$n,{icon:l.createElement(u.A,{icon:"Typograf"}),className:"selected-td-form__button"}),l.createElement(i.$n,{icon:l.createElement(u.A,{icon:"CloseOutlined"}),type:"icon",style:{marginLeft:26},onClick:()=>{m({operation:h.Ru.SANDBOX_ELEMENT_ACTIVE_RESET}),c((0,tt.Fk)()),setTimeout(()=>{g===h.IE?c((0,Te.A9)({type:null})):c((0,f.A9)({type:null}))},300)}}))))},vt=({form:e,elementSettings:t,imgParent:o=!1,name:a="mobileAlign"})=>{var n;const{__:d}=(0,r.s9)(),[s,m]=(0,l.useState)(null===(n=t[a])\|\|void 0===n?void 0:n.value),c=(0,Le.XW)(),p=(0,B.rD)(),g=o=>{const l=o.target.value,i={[a]:{classNamePrefix:"em-mob-text_align-",value:""}};l!==s?m(l):(m(""),e.setFieldsValue(i),c({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:i}))};return l.createElement(i.lV.Item,{name:a},l.createElement(i.sx.Group,{disabled:o&&!t.parent},l.createElement(i.$x,{size:8},l.createElement(i.m_,{placement:"bottom",title:d("Text align left")},l.createElement(i.sx.Button,{value:"left",onClick:g},l.createElement(u.A,{icon:"AlignLeftOutlined",size:18,strokeWidth:p.iconStrokeWidth}))),l.createElement(i.m_,{placement:"bottom",title:d("Text align center")},l.createElement(i.sx.Button,{value:"center",onClick:g},l.createElement(u.A,{icon:"AlignCenterOutlined",size:18,strokeWidth:p.iconStrokeWidth}))),l.createElement(i.m_,{placement:"bottom",title:d("Text align right")},l.createElement(i.sx.Button,{value:"right",onClick:g},l.createElement(u.A,{icon:"AlignRightOutlined",size:18,strokeWidth:p.iconStrokeWidth}))),l.createElement(i.m_,{placement:"bottom",title:d("Text align justify")},l.createElement(i.sx.Button,{value:"justify",onClick:g},l.createElement(u.A,{icon:"Justify",size:18,strokeWidth:p.iconStrokeWidth}))))))},ft=({elementSettings:e})=>{const{__:t}=(0,r.s9)(),o=(0,a.wA)(),n=(0,Le.XW)(),[d]=i.lV.useForm(),s=(0,a.d4)(f.Hs),m=(0,a.d4)(tt.Ct),c=(0,a.d4)(tt.CS),p=(0,a.d4)(tt.Fv),g=(0,a.d4)(tt.yy),b=p&&"bottom"!==g,[v,E]=(0,l.useState)("https://"),[_,S]=(0,l.useState)(!1),y=(0,gt.A)(),k=(0,l.useMemo)(()=>y,[]),w=s.hasOwnProperty("type")?h.IE:h.Tm,B=(0,l.useCallback)(e=>{o(w===h.Tm?(0,f.A9)(e):(0,Te.A9)(e))},[o,w]);(0,l.useEffect)(()=>{if(e){var t,o,l,i,a,n,r,s,m,c,u,p,g,b,h,v,f,S;const{subject:y,body:w,baseEmail:B}=(0,Xe.kl)(e.linkHref),R=e.linkHref,T="string"===typeof R&&R.startsWith("#"),x="string"===typeof R&&R.startsWith("mailto:")?B:T?R.slice(1):"string"===typeof R?R:"https://";E((0,Xe.TW)(R\|\|"","https://")),d.setFieldsValue({...e,linkHref:x,subject:y,body:w,mobileFontSize:(0,Xe.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,Xe.ok)((null===(l=e.mobileLineHeight)\|\|void 0===l?void 0:l.value)\|\|e.lineHeight),mobileLineHeightDim:(null===(i=e.mobileLineHeight)\|\|void 0===i?void 0:i.dim)\|\|e.lineHeightDim,mobileTextAlign:(0,Xe.ok)((null===(a=e.mobileTextAlign)\|\|void 0===a?void 0:a.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===(r=e.list)\|\|void 0===r?void 0:r.betweenParagraphs,BulletsSize:null===e\|\|void 0===e\|\|null===(s=e.list)\|\|void 0===s?void 0:s.bulletFontSize,ColorBullets:null===e\|\|void 0===e\|\|null===(m=e.list)\|\|void 0===m?void 0:m.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:_,BulletsFontFamily:null===e\|\|void 0===e\|\|null===(p=e.list)\|\|void 0===p?void 0:p.bulletFontFamily,BulletTextUnderline:null===e\|\|void 0===e\|\|null===(g=e.list)\|\|void 0===g?void 0:g.bulletFontUnderline,BulletTextStrikethrough:null===e\|\|void 0===e\|\|null===(b=e.list)\|\|void 0===b?void 0:b.bulletFontStrikethrough,BulletType:null!==(h=null===(v=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===v?void 0:v.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===(S=e.standardList)\|\|void 0===S?void 0:S.listTypeUL})}},[d,e]);return l.createElement(i.lV,{form:d,layout:"vertical",name:"selected_text_form",autoComplete:"off",onValuesChange:t=>{var o,l;const i=d.getFieldsValue(!0),a=Object.keys(t)[0];let r;switch(a){case"mobileFontSize":r={[a]:{classNamePrefix:"em-mob-font_size-",value:t[a],dim:i.mobileFontSizeDim}};break;case"mobileLineHeight":r={[a]:{classNamePrefix:"em-mob-line_height-",value:t[a],dim:i.mobileLineHeightDim}};break;case"mobileTextAlign":r={[a]:{classNamePrefix:"em-mob-text_align-",value:t[a]}};break;case"linkHref":let e=t[a];if("string"===typeof e&&"https://http"===e.substring(0,12)&&(e=e.substring(8,e.length),d.setFieldValue("linkHref",e)),"#"===v&&e&&!e.startsWith("#")&&(e="#"+e),e.startsWith("mailto:")){const t=d.getFieldValue("subject"),o=d.getFieldValue("body");r={[a]:(0,Xe.N_)(e,t,o)}}else r={[a]:e};(0,Xe.b9)(e,E);break;case"subject":case"body":const o=d.getFieldValue("linkHref")\|\|"";if("mailto:"!==o.substring(0,7))return;{const e=o.split("?")[0],l="subject"===a?t[a]:d.getFieldValue("subject"),i="body"===a?t[a]:d.getFieldValue("body"),n=[];l&&n.push(`subject=${encodeURIComponent(l)}`),i&&n.push(`body=${encodeURIComponent(i)}`);r={linkHref:n.length>0?`${e}?${n.join("&")}`:e}}break;default:r=t}n({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:r}),B({...e,list:{...e.list,bulletsColor:d.getFieldValue("ColorBullets"),bulletFontFamily:d.getFieldValue("BulletsFontFamily"),bulletFontSize:d.getFieldValue("BulletsSize"),betweenParagraphs:d.getFieldValue("SpacingBetweenParagraphs"),betweenRowCell:d.getFieldValue("SpacingBetweenBulletsAndText"),bulletType:null!==(o=null===(l=k.find(e=>e.code===d.getFieldValue("BulletType")))\|\|void 0===l?void 0:l.symbol)&&void 0!==o?o:k[0].symbol},...r,activateSection:null,changeKey:a})},className:"element-controls",initialValues:{textAlign:"left",textStrong:!1,textItalic:!1,textStrikethrough:!1,textUnderline:!1,textColor:"",textBackgroundColor:"",textLink:!1,textReplacer:"",textAnchor:"",subject:"",body:"",SpacingBetweenBulletsAndText:0,SpacingBetweenParagraphs:0,BulletsSize:0,ColorBullets:"",BulletTextStrong:!1,BulletTextItalic:!1,CheckboxColor:!1,BulletsFontFamily:"",BulletTextUnderline:!1,BulletTextStrikethrough:!1,BulletType:"",textSuperscript:!1,textSubscript:!1,listOL:!1,listUL:!1}},!b&&l.createElement(i.m_,{title:t("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(i.Fc,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),!(m===h.ND&&!b&&c.styles)&&l.createElement("div",{id:"selected_element_form_desktop_props",style:{paddingRight:0}},b?l.createElement(ht,{form:d,elementSettings:e}):l.createElement(bt,{form:d,elementSettings:e,linkProtocol:v,setLinkProtocol:E,isBulletFontColorChecked:_,setIsBulletFontColorChecked:S})),!b&&l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props",style:{display:m===h.ND&&c.styles?"block":"none"}},l.createElement(i.fI,{gutter:20},l.createElement(i.fv,{span:12},l.createElement(vt,{form:d,elementSettings:e,name:"mobileTextAlign"}))),!!e.showOnMobile&&l.createElement(bt,{form:d,elementSettings:e,linkProtocol:v,setLinkProtocol:E}),l.createElement(i.fI,{gutter:10,style:{marginBottom:4}},l.createElement(i.fv,{span:12},l.createElement(mt,null)),l.createElement(i.fv,{span:12},l.createElement(i.lV.Item,{name:"mobileLineHeight"},l.createElement(i.FQ,{min:0,placeholder:t("Line height"),prefix:l.createElement(u.A,{icon:"LineHeightOutlined"}),addonAfter:"px"}))))))},Et=(e,t)=>{const{__:o}=(0,r.s9)();return l.createElement(i.m_,{title:o("During export, the element is converted into an image."),key:"exportAsPicture"},l.createElement(i.lV.Item,{name:"exportAsPicture",valuePropName:"checked"},l.createElement(i.dO,{id:"convert-in-image",label:o("Convert into an image"),size:"small",labelStyle:{position:"relative",top:2}})))},_t=({form:e,elementSettings:t,boxShadow:o,bordersShow:a,borderRadiusShow:n,boxShadowShow:d,backgroundShow:s,backgroundImageEmpty:m,backgroundRepeatOptions:c,backgroundSizeOptions:u,sizeShow:p,modificationShow:g,oneBorderRadiusValue:b,setOneBorderRadiusValue:h,toggleShowBorderHandler:v,toggleShowBorderRadiusHandler:f,toggleShowBoxShadowHandler:E,toggleShowSizeHandler:_,toggleShowBackgroundHandler:S,toggleShowModificationHandler:y})=>{const{__:k}=(0,r.s9)(),w=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement("div",{style:{paddingBottom:4}},l.createElement(Fe,{form:e,elementSettings:t,tooltipTitle:k("The align attribute sets the horizontal alignment of the table.")})),l.createElement(i.y9,{title:k("Size"),collapsible:!0,open:p,onToggle:_,dividerTop:!0},l.createElement(i.n6,{showHeight:!1,showMinMax:!0,dimensionSelect:Xe.z$,minWidthDimensionSelect:Xe.z$,maxWidthDimensionSelect:Xe.z$,rowStyle:{marginBottom:4}})),l.createElement(i.y9,{title:k("Background"),collapsible:!0,open:s,onToggle:S,dividerTop:!0},l.createElement(i.Qm,{imageEnabled:w.formTableFieldBackgroundImageEnabled,backgroundImageEmpty:m,usedColors:t.usedColors,colorPlaceholder:k("Background color"),usedLabel:k("Used"),recommendedLabel:k("Recommended"),horizontalPositionPlaceholder:k("Horizontal position"),horizontalPositionTooltip:k("Horizontal position"),verticalPositionPlaceholder:k("Vertical position"),verticalPositionTooltip:k("Vertical position"),backgroundRepeatTooltip:k("Background image repeat"),backgroundSizeTooltip:k("Background image size"),selectPlaceholder:k("Please choose"),backgroundRepeatOptions:c,backgroundSizeOptions:u,imageUploadSlot:w.formTableFieldBackgroundImageEnabled?l.createElement(Ne.A,{form:e,label:k("Background image"),name:"backgroundImage",tooltipTitle:k("Background image"),placeholder:"Background image link/route"}):void 0})),w.formFieldBorderEnabled&&l.createElement(i.y9,{title:k("Borders"),collapsible:!0,open:a,onToggle:v,dividerTop:!0},l.createElement(Ce.A,{form:e,elementSettings:t})),w.formFieldBorderRadiusEnabled&&l.createElement(i.y9,{title:k("Border radius"),collapsible:!0,open:n,onToggle:f,dividerTop:!0},l.createElement(Pe.A,{form:e,oneBorderRadiusValue:b,setOneBorderRadiusValue:h,elementSettings:t})),w.formFieldBoxShadowEnabled&&l.createElement(i.y9,{title:k("Box shadow"),collapsible:!0,open:d,onToggle:E,dividerTop:!0},l.createElement(We,null)),w.formFieldExportAsPictureEnabled&&l.createElement(i.y9,{title:k("Export settings"),collapsible:!0,open:g,onToggle:y,dividerTop:!0},l.createElement(Et,{form:e,elementSettings:t})),w.formFieldVisibilityEnabled&&l.createElement(i.y9,{title:k("Display control"),dividerTop:!0},l.createElement(He,{elementSettings:t,form:e})),w.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(i.y9,{title:k("AMP visibility"),dividerTop:!0},l.createElement($e,null)))},St=({form:e,elementSettings:t,label:o})=>{var a;const{__:n}=(0,r.s9)(),[d,s]=((0,l.useRef)(),(0,l.useState)("none"===(null===(a=t.mobileBackgroundColor)\|\|void 0===a?void 0:a.value))),{token:m}=(0,i.rd)(),c=(0,Le.XW)();return l.createElement(l.Fragment,null,l.createElement(i.m_,{trigger:["hover"],title:n("Background color"),placement:"left"},l.createElement(i.lV.Item,{name:"mobileBackgroundColor",style:{marginBottom:m.formItemMarginBottomXS/2}},l.createElement(i.it,{onChange:e=>{s(!1)},placeholder:o,usedColors:t.usedColors,usedLabel:n("Used"),recommendedLabel:n("Recommended")})),l.createElement(i.dO,{id:"without-background-color",label:n("Without background color"),labelSize:"small",size:"small",checked:d,onChange:o=>{e.setFieldsValue({mobileBackgroundColor:""}),s(e=>!e),c({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:d?"":"none"}}})}})))};var yt=o(91113);const kt=({form:e,placeholder:t,name:o,tooltipTitle:a,disabled:n,elementSettings:d})=>{var s;const{__:m}=(0,r.s9)(),c=(0,Le.XW)(),u=e.getFieldValue(o),[p,g]=(0,l.useState)("success"),b=(0,l.useRef)(),[v,f]=(0,l.useState)(!(!d.mobileBackgroundImage\|\|"none"!==d.mobileBackgroundImage[0].value));(0,l.useEffect)(()=>{u?(0,R.DI)(u).then(e=>{g(e)}).catch(e=>{g(e)}):g("")},[e,u]);const E=t=>{e.setFieldsValue({mobileBackgroundImage:""}),f(e=>!e),c({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:d.type,settings:{mobileBackgroundImage:[{classNamePrefix:"em-mob-background_image-",value:v?"":"none",type:"url"}]}})};return l.createElement(l.Fragment,null,l.createElement("div",{style:{float:"right"}},l.createElement(i.$n,{ref:b,size:"small",type:d.mobileBackgroundImage&&"none"===d.mobileBackgroundImage[0].value?"primary":"default",ghost:!(!d.mobileBackgroundImage\|\|"none"!==d.mobileBackgroundImage[0].value),onClick:E},m("Without background image"))),l.createElement(i.m_,{trigger:["hover"],title:a,placement:"left"},l.createElement(i.lV.Item,{name:o,validateStatus:p,style:{marginBottom:-7}},l.createElement(yt.A,{validateStatus:p,placeholder:t,name:o,disabled:n,elementSettings:d,imageInfo:d.type===h.bV.CAROUSEL?null===(s=d.carouselImages)\|\|void 0===s?void 0:s[o.split("_")[1]]:d})),l.createElement("div",{style:{marginTop:-3}},l.createElement(i.dO,{id:"without-background-image",label:m("Without background image"),labelSize:"small",size:"small",checked:v,onChange:E}))))};kt.defaulProps={disabled:!1};const wt=({form:e,elementSettings:t,mobileBoxShadow:o,mobileBordersShow:a,mobileBorderRadiusShow:n,mobileBoxShadowShow:d,mobileSizeShow:s,mobileBackgroundShow:m,oneMobileBorderRadiusValue:c,setOneMobileBorderRadiusValue:u,backgroundRepeatOptions:p,toggleShowMobileBorderHandler:g,toggleShowMobileBorderRadiusHandler:b,toggleShowMobileBoxShadowHandler:h,toggleShowMobileSizeHandler:v,toggleShowMobileBackgroundHandler:f})=>{const{__:E}=(0,r.s9)(),{token:_}=(0,i.rd)(),S=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement("div",{style:{paddingBottom:4}},l.createElement(Fe,{form:e,elementSettings:t,typeOfForm:"mobile"})),l.createElement(i.y9,{title:E("Size"),collapsible:!0,open:s,onToggle:v,dividerTop:!0},l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:E("Table width"),placement:"left"},l.createElement("div",{style:{marginBottom:_.formItemMarginBottomMD+4}},l.createElement(Ke,{form:e,name:"mobileWidth",elementSettings:t})))))),l.createElement(i.y9,{title:E("Background"),collapsible:!0,open:m,onToggle:f,dividerTop:!0},l.createElement(St,{form:e,elementSettings:t})),!1,S.formFieldBorderEnabled&&l.createElement(i.y9,{title:E("Borders"),collapsible:!0,open:a,onToggle:g,dividerTop:!0},l.createElement(Ce.A,{form:e,typeOfForm:"mobile"})),S.formFieldBorderRadiusEnabled&&l.createElement(i.y9,{title:E("Border radius"),collapsible:!0,open:n,onToggle:b,dividerTop:!0},l.createElement(Pe.A,{form:e,typeOfForm:"mobile",oneBorderRadiusValue:c,setOneBorderRadiusValue:u,elementSettings:t})),S.formFieldBoxShadowEnabled&&l.createElement(i.y9,{title:E("Box shadow"),collapsible:!0,open:d,onToggle:h,dividerTop:!0},l.createElement(We,{typeOfForm:"mobile",form:e,elementSettings:t})),S.formFieldVisibilityEnabled&&l.createElement(i.y9,{title:E("Display control"),dividerTop:!0},l.createElement(He,{elementSettings:t,form:e})),S.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(i.y9,{title:E("AMP visibility"),dividerTop:!0},l.createElement($e,null)))},Bt=({elementSettings:e})=>{const{__:t}=(0,r.s9)(),o=(0,Le.XW)(),[n]=i.lV.useForm(),d=(0,a.wA)(),s=(0,a.d4)(f.Hs).hasOwnProperty("type")?h.IE:h.Tm,[m,c]=(0,l.useState)({}),[u,p]=(0,l.useState)(!0),[g,b]=(0,l.useState)({}),[v,E]=(0,l.useState)(!0),_=(0,a.d4)(tt.Ct),S=(0,a.d4)(tt.CS),[y,k]=((0,B.rD)(),(0,l.useState)(""===e.backgroundImage[0].value)),w=(0,a.d4)(tt.Fv),R=(0,a.d4)(tt.yy),T=w&&"bottom"!==R,[x,A]=(0,l.useState)(!1),[I,N]=(0,l.useState)(!1),[C,P]=(0,l.useState)(!1),[L,O]=(0,l.useState)(!1),[F,M]=(0,l.useState)(!1),[V,D]=(0,l.useState)(!1),[z,W]=(0,l.useState)(!1),[H,j]=(0,l.useState)(!1),[G,U]=(0,l.useState)(!1),[$,X]=(0,l.useState)(!1),[q,K]=(0,l.useState)(!1),Y=[{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"}],Q=[{label:t("Not defined"),value:""},{label:t("Contain"),value:"contain"},{label:t("Cover"),value:"cover"}],J=e=>e&&(null!==e&&void 0!==e&&e.width\|\|null!==e&&void 0!==e&&e.style\|\|null!==e&&void 0!==e&&e.color)?e:"",Z=e.border,ee=e.mobileBorder,te=Object.keys(Z).find(e=>{var t,o,l;return(null===(t=Z[e])\|\|void 0===t?void 0:t.width)\|\|(null===(o=Z[e])\|\|void 0===o?void 0:o.style)\|\|(null===(l=Z[e])\|\|void 0===l?void 0:l.color)}),oe=Object.keys(ee).find(e=>{var t,o,l;return(null===(t=ee[e])\|\|void 0===t?void 0:t.width)\|\|(null===(o=ee[e])\|\|void 0===o?void 0:o.style)\|\|(null===(l=ee[e])\|\|void 0===l?void 0:l.color)});(0,l.useEffect)(()=>{if(e){var t,o,l,i,a,r,d,s,m,u,g,h,v,f,_,S,y,w,B,R,T,x,I,C,L,F,V,z,H,G;const $=e.boxShadow,q=e.mobileBoxShadow;c($),b(q),n.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===(a=e.minWidth)\|\|void 0===a?void 0:a.value,minWidthDim:null===(r=e.minWidth)\|\|void 0===r?void 0:r.dim,backgroundImage:e.backgroundImage[0].value,show:e.show?e.show:"all",borderAll:(0,Xe.ok)(e.border.all),borderTop:(0,Xe.ok)(e.border.top),borderBottom:(0,Xe.ok)(e.border.bottom),borderRight:(0,Xe.ok)(e.border.right),borderLeft:(0,Xe.ok)(e.border.left),borderRadiusAll:(0,Xe.ok)(e.borderRadius.all),borderRadiusTopLeft:(0,Xe.ok)(e.borderRadius.topLeft),borderRadiusBottomLeft:(0,Xe.ok)(e.borderRadius.bottomLeft),borderRadiusTopRight:(0,Xe.ok)(e.borderRadius.topRight),borderRadiusBottomRight:(0,Xe.ok)(e.borderRadius.bottomRight),boxShadowInset:(0,Xe.ok)(null===(d=e.boxShadow)\|\|void 0===d?void 0:d.inset)\|\|!1,boxShadowHOffset:(0,Xe.ok)(null===(s=e.boxShadow)\|\|void 0===s?void 0:s.hOffset),boxShadowVOffset:(0,Xe.ok)(null===(m=e.boxShadow)\|\|void 0===m?void 0:m.vOffset),boxShadowBlurRadius:(0,Xe.ok)(null===(u=e.boxShadow)\|\|void 0===u?void 0:u.blurRadius),boxShadowSpreadRadius:(0,Xe.ok)(null===(g=e.boxShadow)\|\|void 0===g?void 0:g.spreadRadius),boxShadowColor:(0,Xe.ok)(null===(h=e.boxShadow)\|\|void 0===h?void 0:h.color),mobileWidth:(0,Xe.xc)(null===(v=e.mobileWidth)\|\|void 0===v?void 0:v.value),mobileWidthDim:null===(f=e.mobileWidth)\|\|void 0===f?void 0:f.dim,mobileAlign:null===(_=e.mobileAlign)\|\|void 0===_?void 0:_.value,mobileBorderAll:J(e.mobileBorder.all)\|\|!(J(e.mobileBorder.top)\|\|J(e.mobileBorder.bottom)\|\|J(e.mobileBorder.right)\|\|J(e.mobileBorder.left))&&J(e.border.all),mobileBorderTop:J(e.mobileBorder.top)\|\|!J(e.mobileBorder.all)&&J(e.border.top),mobileBorderBottom:J(e.mobileBorder.bottom)\|\|!J(e.mobileBorder.all)&&J(e.border.bottom),mobileBorderRight:J(e.mobileBorder.right)\|\|!J(e.mobileBorder.all)&&J(e.border.right),mobileBorderLeft:J(e.mobileBorder.left)\|\|!J(e.mobileBorder.all)&&J(e.border.left),mobileBorderRadiusAll:(0,Xe.ok)(e.mobileBorderRadius.all),mobileBorderRadiusTopLeft:(0,Xe.ok)(null!==e.mobileBorderRadius.topLeft?e.mobileBorderRadius.topLeft:e.mobileBorderRadius.all),mobileBorderRadiusBottomLeft:(0,Xe.ok)(null!==e.mobileBorderRadius.bottomLeft?e.mobileBorderRadius.bottomLeft:e.mobileBorderRadius.all),mobileBorderRadiusTopRight:(0,Xe.ok)(null!==e.mobileBorderRadius.topRight?e.mobileBorderRadius.topRight:e.mobileBorderRadius.all),mobileBorderRadiusBottomRight:(0,Xe.ok)(null!==e.mobileBorderRadius.bottomRight?e.mobileBorderRadius.bottomRight:e.mobileBorderRadius.all),mobileBoxShadowInset:(0,Xe.ok)(null===(S=e.mobileBoxShadow)\|\|void 0===S?void 0:S.inset)\|\|!1,mobileBoxShadowHOffset:(0,Xe.ok)(null===(y=e.mobileBoxShadow)\|\|void 0===y?void 0:y.hOffset),mobileBoxShadowVOffset:(0,Xe.ok)(null===(w=e.mobileBoxShadow)\|\|void 0===w?void 0:w.vOffset),mobileBoxShadowBlurRadius:(0,Xe.ok)(null===(B=e.mobileBoxShadow)\|\|void 0===B?void 0:B.blurRadius),mobileBoxShadowSpreadRadius:(0,Xe.ok)(null===(R=e.mobileBoxShadow)\|\|void 0===R?void 0:R.spreadRadius),mobileBoxShadowColor:(0,Xe.ok)(null===(T=e.mobileBoxShadow)\|\|void 0===T?void 0:T.color),mobileBackgroundColor:(0,Xe.ok)("none"!==(null===(x=e.mobileBackgroundColor)\|\|void 0===x?void 0:x.value)?null===(I=e.mobileBackgroundColor)\|\|void 0===I?void 0:I.value:""),mobileBackgroundImage:"none"!==e.mobileBackgroundImage[0].value?e.mobileBackgroundImage[0].value:"",mobileBackgroundPositionX:(0,Xe.ok)(null===(C=e.mobileBackgroundPositionX)\|\|void 0===C?void 0:C.value),mobileBackgroundPositionY:(0,Xe.ok)(null===(L=e.mobileBackgroundPositionY)\|\|void 0===L?void 0:L.value),mobileBackgroundRepeat:null!==(F=e.mobileBackgroundRepeat)&&void 0!==F&&F.value?null===(V=e.mobileBackgroundRepeat)\|\|void 0===V?void 0:V.value:"none",exportAsPicture:null===e\|\|void 0===e?void 0:e.exportAsPicture}),!(0,Xe.ok)(e.borderRadius.all)&&((0,Xe.ok)(e.borderRadius.topLeft)\|\|(0,Xe.ok)(e.borderRadius.bottomLeft)\|\|(0,Xe.ok)(e.borderRadius.topRight)\|\|(0,Xe.ok)(e.borderRadius.bottomRight))?p(!1):p(!0),(0,Xe.ok)(e.mobileBorderRadius.topLeft)\|\|(0,Xe.ok)(e.mobileBorderRadius.bottomLeft)\|\|(0,Xe.ok)(e.mobileBorderRadius.topRight)\|\|(0,Xe.ok)(e.mobileBorderRadius.bottomRight)?E(!1):E(!0),k(""===e.backgroundImage[0].value),A(e=>!!te\|\|e),N(e=>!(!te&&!oe)\|\|e),P(!!e.borderRadius.all\|\|!!e.borderRadius.topLeft\|\|!!e.borderRadius.bottomLeft\|\|!!e.borderRadius.topRight\|\|!!e.borderRadius.bottomRight),O(!!e.mobileBorderRadius.all\|\|!!e.mobileBorderRadius.topLeft\|\|!!e.mobileBorderRadius.bottomLeft\|\|!!e.mobileBorderRadius.topRight\|\|!!e.mobileBorderRadius.bottomRight),M(!!e.boxShadow),D(!!e.mobileBoxShadow.blurRadius\|\|!!e.mobileBoxShadow.color\|\|!!e.mobileBoxShadow.hOffset\|\|!!e.mobileBoxShadow.inset\|\|!!e.mobileBoxShadow.spreadRadius\|\|!!e.mobileBoxShadow.vOffset),W(!(null===(z=e.width)\|\|void 0===z\|\|!z.value)\|\|!(null===(H=e.minWidth)\|\|void 0===H\|\|!H.value)\|\|!(null===(G=e.maxWidth)\|\|void 0===G\|\|!G.value)),j(!!e.mobileWidth.value),U(!!e.backgroundColor\|\|!!e.backgroundImage[0].value\|\|!!e.backgroundPositionY\|\|!!e.backgroundPositionX\|\|"repeat"!==e.backgroundRepeat\|\|!e.backgroundRepeat,!!e.backgroundSize),X(!!e.mobileBackgroundColor.value),K(!!e.exportAsPicture)}},[n,e]);const le=(0,l.useCallback)(e=>{d(s===h.Tm?(0,f.A9)(e):(0,Te.A9)(e))},[d,s]);return l.createElement(i.lV,{form:n,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:lt.uE[te]\|\|"borderAll",mobileBorderPosition:lt.lS[oe]\|\|"mobileBorderAll",borderColor:"",borderWidth:"",borderStyle:"",borderRadiusAll:"",RadiusTopLeft:"",RadiusBottomLeft:"",RadiusTopRight:"",RadiusBottomRight:"",mobileWidth:"",mobileWidthDim:"",mobileBorder:"",mobileBorderColor:"",mobileBorderWidth:"",mobileBorderStyle:"",mobileBoxShadow:"",mobileBackgroundColor:"",mobileBackgroundImage:""},onValuesChange:t=>{const l=n.getFieldsValue(!0),i=Object.keys(t)[0];let a;switch(i){case"exportAsPicture":a={exportAsPicture:l.exportAsPicture};break;case"boxShadowInset":case"boxShadowHOffset":case"boxShadowVOffset":case"boxShadowBlurRadius":case"boxShadowSpreadRadius":case"boxShadowColor":a={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 r,d,s;if("borderAll"===l.borderPosition)a={border:{...h.iV,all:{...lt.RH,...l.borderAll}}},n.setFieldsValue({borderLeft:lt.RH,borderRight:lt.RH,borderTop:lt.RH,borderBottom:lt.RH});else null!==(r=l.borderAll)&&void 0!==r&&r.width\|\|null!==(d=l.borderAll)&&void 0!==d&&d.style\|\|null!==(s=l.borderAll)&&void 0!==s&&s.color?(a={border:{all:null,left:l.borderAll,right:l.borderAll,top:l.borderAll,bottom:l.borderAll,[lt.Vz[i]]:{...l[i],...t[i]}}},n.setFieldsValue({borderAll:null,borderLeft:l.borderAll,borderRight:l.borderAll,borderTop:l.borderAll,borderBottom:l.borderAll,[i]:{...l[i],...t[i]}})):(a={border:{all:null,left:l.borderLeft,right:l.borderRight,top:l.borderTop,bottom:l.borderBottom,[lt.Vz[i]]:{...l[i],...t[i]}}},n.setFieldsValue({border:a.border}));break;case"mobileBorderAll":case"mobileBorderTop":case"mobileBorderBottom":case"mobileBorderLeft":case"mobileBorderRight":if("mobileBorderAll"===l.mobileBorderPosition)a={mobileBorder:{...h.iV,all:{...lt.RH,...l.mobileBorderAll,classNamePrefix:"em-mob-border_"+lt.ax[i]+"-"}}},n.setFieldsValue({borderLeft:lt.RH,borderRight:lt.RH,borderTop:lt.RH,borderBottom:lt.RH});else{var m,c,u,p,g,b;const o=lt.ax[i],r={...l[i],...t[i]},d=!(null!==r&&void 0!==r&&r.width)&&!(null!==r&&void 0!==r&&r.style)&&!(null!==r&&void 0!==r&&r.color);if(null!==(m=l.mobileBorder)&&void 0!==m&&null!==(c=m.all)&&void 0!==c&&c.width\|\|null!==(u=l.mobileBorder)&&void 0!==u&&null!==(p=u.all)&&void 0!==p&&p.style\|\|null!==(g=l.mobileBorder)&&void 0!==g&&null!==(b=g.all)&&void 0!==b&&b.color){const e=l.mobileBorderAll;a={mobileBorder:{all:null,left:e,right:e,top:e,bottom:e,[o]:d?null:{...r,classNamePrefix:"em-mob-border_"+o+"-"}}},n.setFieldsValue({mobileBorderAll:null,mobileBorderLeft:e,mobileBorderRight:e,mobileBorderTop:e,mobileBorderBottom:e,[i]:r})}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};a={mobileBorder:{all:null,left:"left"===o?d?null:{...r,classNamePrefix:"em-mob-border_left-"}:l("left"),right:"right"===o?d?null:{...r,classNamePrefix:"em-mob-border_right-"}:l("right"),top:"top"===o?d?null:{...r,classNamePrefix:"em-mob-border_top-"}:l("top"),bottom:"bottom"===o?d?null:{...r,classNamePrefix:"em-mob-border_bottom-"}:l("bottom")}},n.setFieldsValue({[i]:r})}}break;case"width":a={[i]:{value:t[i],dim:l.widthDim}};break;case"widthDim":a={width:{value:l.width,dim:t[i]}};break;case"maxWidth":a={[i]:{value:t[i],dim:l.maxWidthDim}};break;case"maxWidthDim":a={maxWidth:{value:l.maxWidth,dim:t[i]}};break;case"minWidth":a={[i]:{value:t[i],dim:l.minWidthDim}};break;case"minWidthDim":a={minWidth:{value:l.minWidth,dim:t[i]}};break;case"backgroundImage":k(""===t[i]),a={[i]:[{...e.backgroundImage[0],value:t[i]}],backgroundSize:"cover"};break;case"borderRadiusAll":case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":a={borderRadius:{[lt.wF[i]]:+t[i]}};break;case"mobileWidth":a={[i]:{classNamePrefix:"em-mob-width-",value:t[i],dim:l.mobileWidthDim}};break;case"mobileWidthDim":a={mobileWidth:{classNamePrefix:"em-mob-width-",value:l.mobileWidth\|\|100,dim:t[i]}};break;case"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":a={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":a={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":a={[i]:{classNamePrefix:"em-mob-background_color-",value:t[i]}};break;case"mobileBackgroundImage":a={[i]:[{...e.mobileBackgroundImage[0],classNamePrefix:"em-mob-background_image-",value:t[i]}]};break;case"mobileBackgroundPositionX":a={[i]:{classNamePrefix:"em-mob-background_position_x-",value:t[i]}};break;case"mobileBackgroundPositionY":a={[i]:{classNamePrefix:"em-mob-background_position_x-",value:t[i]}};break;case"mobileBackgroundRepeat":a={[i]:{classNamePrefix:"em-mob-background_repeat-",value:t[i]}};break;case"mobileAlign":a={[i]:{classNamePrefix:"em-mob-table_align-",value:t[i]}};break;default:a=t}var v;"borderPosition"!==i&&"mobileBorderPosition"!==i&&(o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:a}),"mobileBorderRadiusAll"!==i&&"mobileBorderRadiusTopLeft"!==i&&"mobileBorderRadiusTopRight"!==i&&"mobileBorderRadiusBottomLeft"!==i&&"mobileBorderRadiusBottomRight"!==i&&le({...e,...a,mobileBorderRadius:{...e.mobileBorderRadius,...null===(v=a)\|\|void 0===v?void 0:v.mobileBorderRadius},activateSection:null,changeKey:i}))},autoComplete:"off",className:"element-controls"},!T&&l.createElement(i.m_,{title:t("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(i.Fc,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),_===h.ND&&S.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props"},l.createElement(wt,{form:n,elementSettings:e,mobileBoxShadow:g,mobileBordersShow:I,mobileBorderRadiusShow:L,mobileBoxShadowShow:V,mobileSizeShow:H,mobileBackgroundShow:$,oneMobileBorderRadiusValue:v,setOneMobileBorderRadiusValue:E,backgroundRepeatOptions:Y,toggleShowMobileBorderHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{N(e=>!e),I?(t.mobileBorderAll=lt.RH,t.mobileBorderTop=lt.RH,t.mobileBorderBottom=lt.RH,t.mobileBorderRight=lt.RH,t.mobileBorderLeft=lt.RH):t.mobileBorderAll={width:1,color:"#E5E5E5",style:"solid"},o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorder:{all:{color:t.mobileBorderAll.color,style:t.mobileBorderAll.style,width:t.mobileBorderAll.width}}}})})},toggleShowMobileBorderRadiusHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{O(e=>!e),L?(t.mobileBorderRadiusAll=null,E(!0)):t.mobileBorderRadiusAll=5,o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorderRadius:{all:t.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}})})},toggleShowMobileBoxShadowHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{D(e=>!e),V?(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:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBoxShadow:{blurRadius:t.mobileBoxShadowBlurRadius,color:t.mobileBoxShadowColor,hOffset:t.mobileBoxShadowHOffset,inset:t.mobileBoxShadowInset,spreadRadius:t.mobileBoxShadowSpreadRadius,vOffset:t.mobileBoxShadowVOffset,classNamePrefix:"em-mob-box_shadow-"}}})})},toggleShowMobileSizeHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{j(e=>!e),H&&(t.mobileWidth="",o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileWidth:{value:null,dim:"px",classNamePrefix:"em-mob-width-"}}}))})},toggleShowMobileBackgroundHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{X(e=>!e),t.mobileBackgroundColor=$?"":"#E5E5E5",o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:t.mobileBackgroundColor}}})})}})," "):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(_t,{form:n,elementSettings:e,boxShadow:m,bordersShow:x,borderRadiusShow:C,boxShadowShow:F,backgroundShow:G,backgroundImageEmpty:y,backgroundRepeatOptions:Y,backgroundSizeOptions:Q,sizeShow:z,modificationShow:q,oneBorderRadiusValue:u,setOneBorderRadiusValue:p,toggleShowBorderHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{A(e=>!e),x?(t.borderAll=lt.RH,t.borderTop=lt.RH,t.borderBottom=lt.RH,t.borderRight=lt.RH,t.borderLeft=lt.RH):t.borderAll={width:1,color:"#E5E5E5",style:"solid"},o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{border:{all:{color:t.borderAll.color,style:t.borderAll.style,width:t.borderAll.width}}}})})},toggleShowBorderRadiusHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{P(e=>!e),C?(t.borderRadiusAll=0,p(!0)):t.borderRadiusAll=5,o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{borderRadius:{all:t.borderRadiusAll}}})})},toggleShowBoxShadowHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{M(e=>!e),F?(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:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{boxShadow:{blurRadius:t.boxShadowBlurRadius,color:t.boxShadowColor,hOffset:t.boxShadowHOffset,inset:t.boxShadowInset,spreadRadius:t.boxShadowSpreadRadius,vOffset:t.boxShadowVOffset}}})})},toggleShowSizeHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{W(e=>!e),z&&(t.width="",t.minWidth="",t.maxWidth="",o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{width:{value:null,dim:"px"},minWidth:{value:null,dim:"px"},maxWidth:{value:null,dim:"px"}}}))})},toggleShowBackgroundHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{U(e=>!e),G?(t.backgroundColor="",t.backgroundImage="",t.backgroundPositionX="",t.backgroundPositionY="",t.backgroundRepeat="none",t.backgroundSize="",k(!0)):(t.backgroundColor="#E5E5E5",t.backgroundSize="",t.backgroundRepeat="none"),o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{backgroundColor:t.backgroundColor,backgroundImage:[{type:"url",value:t.backgroundImage}],backgroundPositionX:t.backgroundPositionX,backgroundPositionY:t.backgroundPositionY,backgroundRepeat:t.backgroundRepeat,backgroundSize:t.backgroundSize}})})},toggleShowModificationHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{K(e=>!e),q&&(t.exportAsPicture=!1,o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{exportAsPicture:!1}}))})}})))},Rt=({elementSettings:e})=>{const{__:t}=(0,r.s9)(),o=(0,Le.XW)(),[n]=i.lV.useForm(),d=(0,B.rD)(),s=(0,a.d4)(tt.Fv),m=(0,a.d4)(tt.yy),[c,p]=(0,l.useState)({}),[g,b]=(0,l.useState)("https://");(0,l.useEffect)(()=>{if(e){let t="",o="",l=null==e.href?"https://":e.href;if(l&&"mailto:"===l.substring(0,7)){const i=new URL(e.href);t=i.searchParams.get("subject")\|\|"",o=i.searchParams.get("body")\|\|"",l=e.href.split("?")[0],b("mailto:")}else e.href&&("https://"===e.href.substring(0,8)\|\|"http://"===e.href.substring(0,7)?b("https://"):"tel:"===e.href.substring(0,4)?b("tel:"):"sms:"===e.href.substring(0,4)?b("sms:"):"ftp://"===e.href.substring(0,6)?b("ftp://"):b(""));n.setFieldsValue({...e,href:l,subject:t,body:o})}},[n,e]);return l.createElement(i.lV,{form:n,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=n.getFieldValue("subject"),o=n.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=n.getFieldValue("href")\|\|"";if("mailto:"!==e.substring(0,7))return;{const o=e.split("?")[0],a="subject"===l?t[l]:n.getFieldValue("subject"),r="body"===l?t[l]:n.getFieldValue("body"),d=[];a&&d.push(`subject=${encodeURIComponent(a)}`),r&&d.push(`body=${encodeURIComponent(r)}`);i={href:d.length>0?`${o}?${d.join("&")}`:o}}}o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:i})},autoComplete:"off",className:"element-controls"},s&&"bottom"!==m?l.createElement(ht,{form:n,elementSettings:e,showAddParagraph:!1}):l.createElement(l.Fragment,null,l.createElement(i.m_,{trigger:["hover"],title:t("Hyperlink URL"),placement:"left"},l.createElement(i.lV.Item,{name:"href",style:{marginBottom:24,paddingRight:10}},l.createElement(i.pd,{allowClear:!0,placeholder:"href",prefix:l.createElement(u.A,{icon:"LinkOutlined"}),onSelect:({target:e})=>{const{selectionStart:t,selectionEnd:o}=e;e&&p({target:e,selection:{start:t,end:o}})}}))),d.formLinkFieldInsertImageEnabled&&l.createElement(i.y9,{title:t("Actions with the chosen text"),dividerTop:!0},l.createElement(i.lV.Item,null,l.createElement(i.$n,{icon:l.createElement(u.A,{icon:"PicLeftOutlined"}),onClick:()=>{return e="add_img",void o({operation:h.Ru.SANDBOX_ELEMENT_TEXT,action:e});var e}},t("Add inline image")))),l.createElement(bt,{form:n,elementSettings:e,showAddParagraph:!1,linkTarget:c,linkProtocol:g,setLinkProtocol:b})))},Tt=()=>{const{__:e}=(0,r.s9)();return l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:14},l.createElement(i.lV.Item,{name:"height"},l.createElement(i.FQ,{min:0,placeholder:e("Indent height"),prefix:l.createElement(u.A,{icon:"ColumnHeightOutlined"}),addonAfter:"px"}))))},xt=({form:e,elementSettings:t})=>l.createElement(i.fI,{gutter:10,style:{marginBottom:20}},l.createElement(i.fv,{span:12},l.createElement(Ye,{form:e,name:"mobileHeight",elementSettings:t}))),At=({elementSettings:e})=>{const{__:t}=(0,r.s9)(),[o]=i.lV.useForm(),n=(0,a.wA)(),d=(0,a.d4)(f.Hs),s=(0,Le.XW)(),m=(0,a.d4)(tt.Ct),c=(0,a.d4)(tt.CS),u=(0,a.d4)(tt.Fv),p=(0,a.d4)(tt.yy),g=u&&"bottom"!==p,b=d.hasOwnProperty("type")?h.IE:h.Tm;(0,l.useEffect)(()=>{var t,l,i,a,n,r;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,Xe.xc)((null===(i=e.mobileHeight)\|\|void 0===i?void 0:i.value)\|\|(null===(a=e.height)\|\|void 0===a?void 0:a.value)),mobileHeightDim:(null===(n=e.mobileHeight)\|\|void 0===n?void 0:n.dim)\|\|(null===(r=e.height)\|\|void 0===r?void 0:r.dim)})},[o,e]);const v=(0,l.useCallback)(e=>{n(b===h.Tm?(0,f.A9)(e):(0,Te.A9)(e))},[n,b]);return l.createElement(i.lV,{form:o,layout:"vertical",name:"selected_vindent_form",initialValues:{height:"",heightDim:"",mobileHeight:"",mobileHeightDim:""},onValuesChange:t=>{const l=o.getFieldsValue(!0),i=Object.keys(t)[0];let a;switch(i){case"height":a={[i]:{value:t[i],dim:l.heightDim}};break;case"heightDim":a={height:{value:l.height,dim:t[i]}};break;case"mobileHeight":a={[i]:{classNamePrefix:"em-mob-height-",value:t[i],dim:l.mobileHeightDim}};break;case"mobileHeightDim":a={mobileHeight:{classNamePrefix:"em-mob-height-",value:l.mobileHeight,dim:t[i]}};break;default:a=t}s({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:a}),v({...e,...a,activateSection:null,changeKey:i})},autoComplete:"off"},!g&&l.createElement(i.m_,{title:t("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(i.Fc,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),m===h.ND&&c.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props",style:{display:m===h.ND&&c.styles?"block":"none",marginBottom:10}},l.createElement(xt,{form:o,elementSettings:e})):l.createElement("div",{id:"selected_element_form_desktop_props",style:{display:m===h.ND&&c.styles?"none":"block"}},l.createElement(Tt,null)))},It=({form:e,elementSettings:t,typeOfForm:o="desktop"})=>{var a,n,d;const{__:s}=(0,r.s9)(),m=(0,Le.XW)(),c="mobile"===o,u=c?"mobileDirection":"direction",p=c?null!==(a=null===(n=t.mobileDirection)\|\|void 0===n?void 0:n.value)&&void 0!==a?a:"":null!==(d=t.direction)&&void 0!==d?d:"";return l.createElement(i.lV.Item,{name:u},l.createElement(i.vp,{value:p,onChange:o=>{e.setFieldsValue({[u]:o}),m({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{[u]:o}})},labels:{rtlLabel:s("Right to left"),ltrLabel:s("Left to right")}}))},Nt={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"}]},Ct=({form:e,backgroundImageEmpty:t,appConfig:o,token:a,elementSettings:n,backgroundRepeatOptions:d,handleChangeValues:s})=>{const{__:m}=(0,r.s9)(),[c,p]=(0,l.useState)(""),[g,b]=(0,l.useState)("px"),[h,v]=(0,l.useState)(""),[f,E]=(0,l.useState)("px"),_=[{label:m("Not defined"),value:""},{label:m("Contain"),value:"contain"},{label:m("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),i=S(o);p(String(l.value)),b(l.unit),v(String(i.value)),E(i.unit)},[e]);const y=(e,t)=>{p(String(e)),b(t),s&&s({backgroundPositionX:{position:e,unit:t}})},k=(e,t)=>{v(String(e)),E(t),s&&s({backgroundPositionY:{position:e,unit:t}})};return l.createElement(i.fI,{gutter:10,style:{marginBottom:t?16:0}},l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:m("Background color"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(i.lV.Item,{name:"backgroundColor",style:{marginBottom:o.formCellFieldBackgroundImageEnabled?a.formItemMarginBottomXS:a.formItemMarginBottomMD+4}},l.createElement(i.it,{placeholder:m("Background color"),usedColors:n.usedColors,usedLabel:m("Used"),recommendedLabel:m("Recommended"),placement:"bottomLeft"})))),o.formCellFieldBackgroundImageEnabled&&l.createElement(i.fv,{span:t?12:24},l.createElement(Ne.A,{form:e,label:m("Background image"),name:"backgroundImage",tooltipTitle:m("Background image"),placeholder:"Background image link/route"}),!t&&l.createElement(i.lV.Item,{style:{marginBottom:"0"}},l.createElement(i.fI,{gutter:10,style:{marginBottom:a.formItemMarginBottomXS}},l.createElement(i.fv,{span:12},l.createElement(i.$k,{options:Nt.horizontal,position:c,setPosition:e=>y(e,g),unit:g,setUnit:e=>y(c,e),placeholder:m("Horizontal position"),prefix:l.createElement(u.A,{icon:"BgPositionHorizontal"}),dropdownStyle:{bottom:"auto"}})),l.createElement(i.fv,{span:12},l.createElement(i.$k,{options:Nt.vertical,position:h,setPosition:e=>k(e,f),unit:f,setUnit:e=>k(h,e),placeholder:m("Vertical position"),prefix:l.createElement(u.A,{icon:"BgPositionVertical"}),dropdownStyle:{bottom:"auto"}}))),l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:m("Background image repeat"),placement:"top"},l.createElement(i.lV.Item,{name:"backgroundRepeat",style:{marginBottom:a.formItemMarginBottomMD+4}},l.createElement(i.Select,{placeholder:m("Please choose"),options:d,getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel")})))),l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:m("Background image size"),placement:"top"},l.createElement(i.lV.Item,{name:"backgroundSize",style:{marginBottom:a.formItemMarginBottomMD+4}},l.createElement(i.Select,{placeholder:m("Please choose"),options:_,getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel")}))))))))},Pt=({form:e,elementSettings:t,__:o,appConfig:a})=>{const[n,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(i.m_,{trigger:["hover"],title:o("Text font"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(i.lV.Item,{name:"fontFamily",className:"form-item-margin-xs"},l.createElement(i.LW,{textEditor:!0,loadGoogleFonts:ct.c,getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")}))),!t.showOnMobile&&l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:o("Font size"),placement:"bottom"},l.createElement(i.lV.Item,{name:"fontSize"},l.createElement(i.FQ,{min:8,max:90,placeholder:o("Font size"),prefix:l.createElement(u.A,{icon:"FontSizeOutlined"}),addonAfter:"px"})))),l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:o("Line height"),placement:"bottom"},l.createElement(i.lV.Item,{name:"lineHeight"},l.createElement(i.FQ,{min:10,max:110,placeholder:o("Line height"),prefix:l.createElement(u.A,{icon:"LineHeightOutlined"}),addonAfter:"px"})))))),l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:3},l.createElement(pt,{form:e,elementSettings:t,name:"textStrong",tooltipTitle:o(n?"Strong ( \u2318B )":"Strong ( Ctrl+B )"),icon:l.createElement(u.A,{icon:"BoldOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(i.fv,{span:3},l.createElement(pt,{form:e,elementSettings:t,name:"textItalic",tooltipTitle:o(n?"Italic ( \u2318I )":"Italic ( Ctrl+I )"),icon:l.createElement(u.A,{icon:"ItalicOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(i.fv,{span:3},l.createElement(pt,{form:e,elementSettings:t,name:"textStrikethrough",tooltipTitle:o(n?"Strikethrough ( \u2318+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:l.createElement(u.A,{icon:"StrikethroughOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(i.fv,{span:3},l.createElement(pt,{form:e,elementSettings:t,name:"textUnderline",tooltipTitle:o(n?"Underline ( \u2318U )":"Underline ( Ctrl+U )"),icon:l.createElement(u.A,{icon:"UnderlineOutlined",className:"selected-text-common-form__icon-radius"})}))),l.createElement(i.fI,{gutter:10,style:{paddingBottom:4}},l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:o("Text color"),placement:"bottom",zIndex:2,getPopupContainer:e=>e.parentNode},l.createElement(i.lV.Item,{name:"textColor",rules:[{message:o("Please set the font color")}]},l.createElement(i.it,{placeholder:o("Color"),usedColors:t.usedColors,usedLabel:o("Used"),recommendedLabel:o("Recommended")})))),l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:o("Text background"),placement:"bottom",zIndex:2,getPopupContainer:e=>e.parentNode},l.createElement(i.lV.Item,{name:"textBackgroundColor",rules:[{message:o("Please set the background color")}]},l.createElement(i.it,{placeholder:o("Background color"),usedColors:t.usedColors,usedLabel:o("Used"),recommendedLabel:o("Recommended")}))))))},Lt=({form:e,elementSettings:t,boxShadow:o,bordersShow:a,borderRadiusShow:n,boxShadowShow:d,backgroundShow:s,backgroundImageEmpty:m,backgroundRepeatOptions:c,sizeShow:u,maxWidthValue:p,modificationShow:g,paddingsExt:b,oneBorderRadiusValue:h,setOneBorderRadiusValue:v,elementListShow:f,togglePaddingHandler:E,toggleShowBorderHandler:_,toggleShowBorderRadiusHandler:S,toggleShowBoxShadowHandler:y,toggleShowSizeHandler:k,toggleShowBackgroundHandler:w,toggleShowModificationHandler:R,handleChangeValues:T})=>{const{__:x}=(0,r.s9)(),{token:A}=(0,i.rd)(),I=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(i.fI,{gutter:10,style:{paddingBottom:4}},l.createElement(i.fv,{span:12},l.createElement(ut.A,{form:e,elementSettings:t})),I.formCellFieldVerticalAlignEnabled&&"group"!==t.type&&("structure"!==t.type\|\|"structure"===t.type&&1===t.floatBlocks.items.length)&&l.createElement(i.fv,{span:12,style:{textAlign:"right"}},l.createElement(Me,{form:e,elementSettings:t}))),I.formCellFieldPaddingsEnabled&&l.createElement(l.Fragment,null,f&&l.createElement("div",{style:{marginTop:"15px"}},l.createElement(Pt,{form:e,elementSettings:t,appConfig:I,__:x})),l.createElement(i.y9,{title:x("Padding"),dividerTop:!0},l.createElement(i.L1,{extended:b,onToggleExtended:E,showHorizontal:"group"!==t.type&&"column"!==t.type,rowStyle:{paddingBottom:4}}))),"group"!==t.type&&I.formCellFieldSizeEnabled&&l.createElement(i.y9,{title:x("Size"),collapsible:!0,open:u,onToggle:k,dividerTop:!0},l.createElement(i.n6,{showWidth:"structure"!==t.type&&"column"!==t.type,maxWidth:p,dimensionSelect:Xe.z$,rowStyle:{paddingBottom:4}})),l.createElement(i.y9,{title:x("Background"),collapsible:!0,open:s,onToggle:w,dividerTop:!0},l.createElement(Ct,{form:e,backgroundImageEmpty:m,appConfig:I,token:A,elementSettings:t,backgroundRepeatOptions:c,handleChangeValues:T})),I.formFieldBorderEnabled&&l.createElement(i.y9,{title:x("Borders"),collapsible:!0,open:a,onToggle:_,dividerTop:!0},l.createElement(Ce.A,{form:e,elementSettings:t})),I.formFieldBorderRadiusEnabled&&l.createElement(i.y9,{title:x("Border radius"),collapsible:!0,open:n,onToggle:S,dividerTop:!0},l.createElement(Pe.A,{form:e,oneBorderRadiusValue:h,setOneBorderRadiusValue:v,elementSettings:t})),I.formFieldBoxShadowEnabled&&l.createElement(i.y9,{title:x("Box shadow"),collapsible:!0,open:d,onToggle:y,dividerTop:!0},l.createElement(We,null)),I.formFieldExportAsPictureEnabled&&"group"!==t.type&&l.createElement(i.y9,{title:x("Settings"),collapsible:!0,open:g,onToggle:R,dividerTop:!0},"structure"===t.type&&l.createElement(i.m_,{title:x("The block will change its colors to contrasting colors. You can change them in the Content Styles section."),key:"isContrastBlock"},l.createElement(i.lV.Item,{name:"isContrastBlock",valuePropName:"checked",style:{marginBottom:0}},l.createElement(i.dO,{id:"contrast-colors",label:x("Contrast block"),size:"small",labelStyle:{position:"relative",top:2}}))),l.createElement(Et,{form:e,elementSettings:t})),I.formFieldVisibilityEnabled&&"column"!==t.type&&l.createElement(i.y9,{title:x("group"!==t.type?"Display control & Direction":"Display control"),dividerTop:!0},l.createElement(He,{elementSettings:t,form:e,directionControl:"group"!==t.type?l.createElement(It,{elementSettings:t,form:e}):void 0})),I.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(i.y9,{title:x("AMP visibility"),dividerTop:!0},l.createElement($e,null)))},Ot=({form:e,elementSettings:t,mobilePaddingsExt:o,setMobilePaddingsExt:a,rowStyle:n})=>{const{__:d}=(0,r.s9)(),s=(0,Le.XW)();return l.createElement(i.L1,{typeOfForm:"mobile",extended:o,onToggleExtended:()=>{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,s({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{mobilePadding:{top:""!==l.mobilePaddingTop?l.mobilePaddingTop:null,bottom:""!==l.mobilePaddingTopBottom?l.mobilePaddingTopBottom:null,left:""!==l.mobilePaddingLeft?l.mobilePaddingLeft:null,right:""!==l.mobilePaddingRight?l.mobilePaddingRight:null,classNamePrefix:"em-mob-padding_"}}}))},showHorizontal:!0,gutter:10,rowStyle:n,labels:{horizontal:d("Horizontal padding"),vertical:d("Vertical padding"),left:d("Left padding"),right:d("Right padding"),top:d("Top padding"),bottom:d("Bottom padding"),individual:d("Individual padding")}})},Ft=({form:e,elementSettings:t,boxShadow:o,mobileBordersShow:a,mobileBorderRadiusShow:n,mobileBoxShadowShow:d,mobileSizeShow:s,mobileBackgroundShow:m,mobilePaddingShow:c,mobilePaddingsExt:u,setMobilePaddingsExt:p,oneMobileBorderRadiusValue:g,setOneMobileBorderRadiusValue:b,toggleShowMobileBorderHandler:h,toggleShowMobileBorderRadiusHandler:v,toggleShowMobileBoxShadowHandler:f,toggleShowMobileSizeHandler:E,toggleShowMobileBackgroundHandler:_,toggleShowMobilePaddingHandler:S})=>{const{__:y}=(0,r.s9)(),{token:k}=(0,i.rd)(),w=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(i.fI,{gutter:20},l.createElement(i.fv,{span:12},l.createElement(Fe,{form:e,elementSettings:t,imgParent:!0,typeOfForm:"mobile"})),w.formCellFieldVerticalAlignEnabled&&"group"!==t.type&&("structure"!==t.type\|\|"structure"===t.type&&1===t.floatBlocks.items.length)&&l.createElement(i.fv,{span:12,style:{textAlign:"right"}},l.createElement(Me,{form:e,elementSettings:t,typeOfForm:"mobile"}))),w.formCellFieldPaddingsEnabled&&l.createElement(i.y9,{title:y("Padding"),collapsible:!0,open:c,onToggle:S,dividerTop:!0},l.createElement(Ot,{form:e,elementSettings:t,mobilePaddingsExt:u,setMobilePaddingsExt:p,rowStyle:{paddingBottom:4}})),"group"!==t.type&&w.formCellFieldSizeEnabled&&l.createElement(i.y9,{title:y("Size"),collapsible:!0,open:s,onToggle:E,dividerTop:!0},l.createElement(i.fI,{gutter:10,style:{paddingBottom:9}},"structure"!==t.type&&l.createElement(i.fv,{span:12},l.createElement("div",{style:{marginBottom:15}},l.createElement(Ke,{form:e,name:"mobileWidth",elementSettings:t}))),l.createElement(i.fv,{span:12},l.createElement("div",{style:{marginBottom:15}},l.createElement(Ye,{form:e,name:"mobileHeight",elementSettings:t}))))),l.createElement(i.y9,{title:y("Background"),collapsible:!0,open:m,onToggle:_,dividerTop:!0},l.createElement("div",{style:{marginBottom:k.formItemMarginBottomMD+4}},l.createElement(St,{form:e,elementSettings:t,label:y("Background color")}))),w.formFieldBorderEnabled&&l.createElement(i.y9,{title:y("Borders"),collapsible:!0,open:a,onToggle:h,dividerTop:!0},l.createElement(Ce.A,{form:e,typeOfForm:"mobile"})),w.formFieldBorderRadiusEnabled&&l.createElement(i.y9,{title:y("Border radius"),collapsible:!0,open:n,onToggle:v,dividerTop:!0},l.createElement(Pe.A,{form:e,oneBorderRadiusValue:g,setOneBorderRadiusValue:b,elementSettings:t,typeOfForm:"mobile"})),w.formFieldBoxShadowEnabled&&l.createElement(i.y9,{title:y("Box shadow"),collapsible:!0,open:d,onToggle:f,dividerTop:!0},l.createElement(We,{typeOfForm:"mobile"})),w.formFieldVisibilityEnabled&&"column"!==t.type&&l.createElement(i.y9,{title:y("group"!==t.type?"Display control & Direction":"Display control"),dividerTop:!0},l.createElement(He,{elementSettings:t,form:e,directionControl:"group"!==t.type?l.createElement(It,{elementSettings:t,form:e,typeOfForm:"mobile"}):void 0})),w.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(i.y9,{title:y("AMP visibility"),dividerTop:!0},l.createElement($e,null)))},Mt=({elementSettings:e})=>{const{__:t}=(0,r.s9)(),o=(0,Le.XW)(),n=(0,a.wA)(),[d]=i.lV.useForm(),[s,m]=(0,l.useState)(""),[c,u]=(0,l.useState)({}),[p,g]=(0,l.useState)(!0),[b,v]=(0,l.useState)(!0),E=(0,a.d4)(tt.Ct),_=(0,a.d4)(tt.CS),S=(0,a.d4)(f.Hs),[y,k]=((0,B.rD)(),(0,l.useState)(""===e.backgroundImage[0].value)),w=(0,a.d4)(tt.Fv),R=(0,a.d4)(tt.yy),T=w&&"bottom"!==R,[x,A]=(0,l.useState)(!1),[I,N]=(0,l.useState)(!1),[C,P]=(0,l.useState)(!1),[L,O]=(0,l.useState)(!1),[F,M]=(0,l.useState)(!1),[V,D]=(0,l.useState)(!1),[z,W]=(0,l.useState)(!1),[H,j]=(0,l.useState)(!1),[G,U]=(0,l.useState)(!1),[$,X]=(0,l.useState)(!1),[q,K]=(0,l.useState)(!1),[Y,Q]=(0,l.useState)(!1),[J,Z]=(0,l.useState)(!1),[ee,te]=(0,l.useState)(!1),[oe,le]=(0,l.useState)(!1),ie=S.hasOwnProperty("type")?h.IE:h.Tm,ae=[{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"}],ne=e.border,re=e.mobileBorder,de=Object.keys(ne).find(e=>{var t,o,l;return(null===(t=ne[e])\|\|void 0===t?void 0:t.width)\|\|(null===(o=ne[e])\|\|void 0===o?void 0:o.style)\|\|(null===(l=ne[e])\|\|void 0===l?void 0:l.color)}),se=Object.keys(re).find(e=>{var t,o,l;return(null===(t=re[e])\|\|void 0===t?void 0:t.width)\|\|(null===(o=re[e])\|\|void 0===o?void 0:o.style)\|\|(null===(l=re[e])\|\|void 0===l?void 0:l.color)}),me=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,a,n,r,s,m,c,p,b,h,f,E,_,S,y,w,B,R,T,x,I,C,L,F,V,z,H,G,$,q,Y,J,ee,oe,ie,ae,ne,re,ce,ue,pe,ge,be,he,ve,fe,Ee,_e,Se,ye,ke,we,Be,Re,Te,xe,Ae,Ie,Ne,Ce,Pe,Le,Oe,Fe,Me,Ve,De,ze,We,He,je,Ge,Ue,$e,qe,Ke,Ye,Qe,Je,Ze,et,tt,ot,lt,it,at,nt,rt,dt,st,mt,ct;const ut=e.boxShadow;u(ut),d.setFieldsValue({...e,width:null===(t=e.width)\|\|void 0===t?void 0:t.value,widthDim:null===(o=e.width)\|\|void 0===o?void 0:o.dim,height:null===(l=e.height)\|\|void 0===l?void 0:l.value,heightDim:null===(i=e.height)\|\|void 0===i?void 0:i.dim,backgroundImage:e.backgroundImage[0].value,show:e.show?e.show:"all",isContrastBlock:e.isContrastBlock,borderAll:(0,Xe.ok)(e.border.all),borderTop:(0,Xe.ok)(e.border.top),borderBottom:(0,Xe.ok)(e.border.bottom),borderRight:(0,Xe.ok)(e.border.right),borderLeft:(0,Xe.ok)(e.border.left),mobileBorderAll:me(e.mobileBorder.all)\|\|!(me(e.mobileBorder.top)\|\|me(e.mobileBorder.bottom)\|\|me(e.mobileBorder.right)\|\|me(e.mobileBorder.left))&&me(e.border.all),mobileBorderTop:me(e.mobileBorder.top)\|\|!me(e.mobileBorder.all)&&me(e.border.top),mobileBorderBottom:me(e.mobileBorder.bottom)\|\|!me(e.mobileBorder.all)&&me(e.border.bottom),mobileBorderRight:me(e.mobileBorder.right)\|\|!me(e.mobileBorder.all)&&me(e.border.right),mobileBorderLeft:me(e.mobileBorder.left)\|\|!me(e.mobileBorder.all)&&me(e.border.left),paddingTop:(0,Xe.ok)(null===(a=e.padding)\|\|void 0===a?void 0:a.all)\|\|(0,Xe.ok)(null===(n=e.padding)\|\|void 0===n?void 0:n.top),paddingLeft:(0,Xe.ok)(null===(r=e.padding)\|\|void 0===r?void 0:r.all)\|\|(0,Xe.ok)(null===(s=e.padding)\|\|void 0===s?void 0:s.left),paddingRight:(0,Xe.ok)(null===(m=e.padding)\|\|void 0===m?void 0:m.all)\|\|(0,Xe.ok)(null===(c=e.padding)\|\|void 0===c?void 0:c.right),paddingBottom:(0,Xe.ok)(null===(p=e.padding)\|\|void 0===p?void 0:p.all)\|\|(0,Xe.ok)(null===(b=e.padding)\|\|void 0===b?void 0:b.bottom),paddingLeftRight:(0,Xe.ok)(null===(h=e.padding)\|\|void 0===h?void 0:h.left)\|\|(0,Xe.ok)(null===(f=e.padding)\|\|void 0===f?void 0:f.right),paddingTopBottom:(0,Xe.ok)(null===(E=e.padding)\|\|void 0===E?void 0:E.top)\|\|(0,Xe.ok)(null===(_=e.padding)\|\|void 0===_?void 0:_.bottom),borderRadiusAll:(0,Xe.ok)(e.borderRadius.all),borderRadiusTopLeft:(0,Xe.ok)(e.borderRadius.topLeft),borderRadiusBottomLeft:(0,Xe.ok)(e.borderRadius.bottomLeft),borderRadiusTopRight:(0,Xe.ok)(e.borderRadius.topRight),borderRadiusBottomRight:(0,Xe.ok)(e.borderRadius.bottomRight),boxShadowInset:(0,Xe.ok)(null===(S=e.boxShadow)\|\|void 0===S?void 0:S.inset)\|\|!1,boxShadowHOffset:(0,Xe.ok)(null===(y=e.boxShadow)\|\|void 0===y?void 0:y.hOffset),boxShadowVOffset:(0,Xe.ok)(null===(w=e.boxShadow)\|\|void 0===w?void 0:w.vOffset),boxShadowBlurRadius:(0,Xe.ok)(null===(B=e.boxShadow)\|\|void 0===B?void 0:B.blurRadius),boxShadowSpreadRadius:(0,Xe.ok)(null===(R=e.boxShadow)\|\|void 0===R?void 0:R.spreadRadius),boxShadowColor:(0,Xe.ok)(null===(T=e.boxShadow)\|\|void 0===T?void 0:T.color),mobileWidth:(0,Xe.xc)(null===(x=e.mobileWidth)\|\|void 0===x?void 0:x.value)\|\|(0,Xe.xc)(null===(I=e.width)\|\|void 0===I?void 0:I.value),mobileWidthDim:(0,Xe.xc)(null===(C=e.mobileWidth)\|\|void 0===C?void 0:C.value)?null===(L=e.mobileWidth)\|\|void 0===L?void 0:L.dim:null===(F=e.width)\|\|void 0===F?void 0:F.dim,mobileHeight:(0,Xe.xc)(null===(V=e.mobileHeight)\|\|void 0===V?void 0:V.value)\|\|(0,Xe.xc)(null===(z=e.height)\|\|void 0===z?void 0:z.value),mobileHeightDim:(0,Xe.xc)(null===(H=e.mobileHeight)\|\|void 0===H?void 0:H.value)?null===(G=e.mobileHeight)\|\|void 0===G?void 0:G.dim:null===($=e.height)\|\|void 0===$?void 0:$.dim,mobileBorderRadiusAll:(0,Xe.ok)(null===(q=e.mobileBorderRadius)\|\|void 0===q?void 0:q.all)\|\|(0,Xe.ok)(null===(Y=e.borderRadius)\|\|void 0===Y?void 0:Y.all),mobileBorderRadiusTopLeft:(0,Xe.ok)(null===(J=e.mobileBorderRadius)\|\|void 0===J?void 0:J.topLeft)\|\|(0,Xe.ok)(null===(ee=e.mobileBorderRadius)\|\|void 0===ee?void 0:ee.all)\|\|(0,Xe.ok)(null===(oe=e.borderRadius)\|\|void 0===oe?void 0:oe.topLeft)\|\|(0,Xe.ok)(null===(ie=e.borderRadius)\|\|void 0===ie?void 0:ie.all),mobileBorderRadiusBottomLeft:(0,Xe.ok)(null===(ae=e.mobileBorderRadius)\|\|void 0===ae?void 0:ae.bottomLeft)\|\|(0,Xe.ok)(null===(ne=e.mobileBorderRadius)\|\|void 0===ne?void 0:ne.all)\|\|(0,Xe.ok)(null===(re=e.borderRadius)\|\|void 0===re?void 0:re.bottomLeft)\|\|(0,Xe.ok)(null===(ce=e.borderRadius)\|\|void 0===ce?void 0:ce.all),mobileBorderRadiusTopRight:(0,Xe.ok)(null===(ue=e.mobileBorderRadius)\|\|void 0===ue?void 0:ue.topRight)\|\|(0,Xe.ok)(null===(pe=e.mobileBorderRadius)\|\|void 0===pe?void 0:pe.all)\|\|(0,Xe.ok)(null===(ge=e.borderRadius)\|\|void 0===ge?void 0:ge.topRight)\|\|(0,Xe.ok)(null===(be=e.borderRadius)\|\|void 0===be?void 0:be.all),mobileBorderRadiusBottomRight:(0,Xe.ok)(null===(he=e.mobileBorderRadius)\|\|void 0===he?void 0:he.bottomRight)\|\|(0,Xe.ok)(null===(ve=e.mobileBorderRadius)\|\|void 0===ve?void 0:ve.all)\|\|(0,Xe.ok)(null===(fe=e.borderRadius)\|\|void 0===fe?void 0:fe.bottomRight)\|\|(0,Xe.ok)(null===(Ee=e.borderRadius)\|\|void 0===Ee?void 0:Ee.all),mobileBoxShadowInset:null!=(null===(_e=e.mobileBoxShadow)\|\|void 0===_e?void 0:_e.inset)?e.mobileBoxShadow.inset:(null===(Se=e.boxShadow)\|\|void 0===Se?void 0:Se.inset)\|\|!1,mobileBoxShadowHOffset:(0,Xe.ok)(null===(ye=e.mobileBoxShadow)\|\|void 0===ye?void 0:ye.hOffset)\|\|(0,Xe.ok)(null===(ke=e.boxShadow)\|\|void 0===ke?void 0:ke.hOffset),mobileBoxShadowVOffset:(0,Xe.ok)(null===(we=e.mobileBoxShadow)\|\|void 0===we?void 0:we.vOffset)\|\|(0,Xe.ok)(null===(Be=e.boxShadow)\|\|void 0===Be?void 0:Be.vOffset),mobileBoxShadowBlurRadius:(0,Xe.ok)(null===(Re=e.mobileBoxShadow)\|\|void 0===Re?void 0:Re.blurRadius)\|\|(0,Xe.ok)(null===(Te=e.boxShadow)\|\|void 0===Te?void 0:Te.blurRadius),mobileBoxShadowSpreadRadius:(0,Xe.ok)(null===(xe=e.mobileBoxShadow)\|\|void 0===xe?void 0:xe.spreadRadius)\|\|(0,Xe.ok)(null===(Ae=e.boxShadow)\|\|void 0===Ae?void 0:Ae.spreadRadius),mobileBoxShadowColor:(0,Xe.ok)(null===(Ie=e.mobileBoxShadow)\|\|void 0===Ie?void 0:Ie.color)\|\|(0,Xe.ok)(null===(Ne=e.boxShadow)\|\|void 0===Ne?void 0:Ne.color),mobileAlign:(0,Xe.ok)(null===(Ce=e.mobileAlign)\|\|void 0===Ce?void 0:Ce.value)\|\|e.align,mobileVerticalAlign:(0,Xe.ok)((null===(Pe=e.mobileVerticalAlign)\|\|void 0===Pe?void 0:Pe.value)\|\|e.valign),mobileDirection:(0,Xe.ok)(null===(Le=e.mobileDirection)\|\|void 0===Le?void 0:Le.value),mobileBackgroundColor:(0,Xe.ok)((null===(Oe=e.mobileBackgroundColor)\|\|void 0===Oe?void 0:Oe.value)\|\|e.backgroundColor\|\|""),mobileBackgroundImage:"none"!==(null===(Fe=e.mobileBackgroundImage[0])\|\|void 0===Fe?void 0:Fe.value)?null===(Me=e.mobileBackgroundImage[0])\|\|void 0===Me?void 0:Me.value:(null===(Ve=e.backgroundImage)\|\|void 0===Ve?void 0:Ve[0].value)\|\|"",mobileBackgroundPositionX:(0,Xe.ok)(null===(De=e.mobileBackgroundPositionX)\|\|void 0===De?void 0:De.value)\|\|(0,Xe.ok)(null===(ze=e.backgroundPositionX)\|\|void 0===ze?void 0:ze.value),mobileBackgroundPositionY:(0,Xe.ok)(null===(We=e.mobileBackgroundPositionY)\|\|void 0===We?void 0:We.value)\|\|(0,Xe.ok)(null===(He=e.backgroundPositionY)\|\|void 0===He?void 0:He.value),mobileBackgroundRepeat:!(null===(je=e.mobileBackgroundRepeat)\|\|void 0===je\|\|!je.value)\|\|e.backgroundRepeat\|\|"none",mobilePaddingTop:(0,Xe.ok)(e.mobilePadding.all)\|\|(0,Xe.ok)(e.mobilePadding.top)\|\|(0,Xe.ok)(null===(Ge=e.padding)\|\|void 0===Ge?void 0:Ge.all)\|\|(0,Xe.ok)(null===(Ue=e.padding)\|\|void 0===Ue?void 0:Ue.top),mobilePaddingLeft:(0,Xe.ok)(e.mobilePadding.all)\|\|(0,Xe.ok)(e.mobilePadding.left)\|\|(0,Xe.ok)(null===($e=e.padding)\|\|void 0===$e?void 0:$e.all)\|\|(0,Xe.ok)(null===(qe=e.padding)\|\|void 0===qe?void 0:qe.left),mobilePaddingRight:(0,Xe.ok)(e.mobilePadding.all)\|\|(0,Xe.ok)(e.mobilePadding.right)\|\|(0,Xe.ok)(null===(Ke=e.padding)\|\|void 0===Ke?void 0:Ke.all)\|\|(0,Xe.ok)(null===(Ye=e.padding)\|\|void 0===Ye?void 0:Ye.right),mobilePaddingBottom:(0,Xe.ok)(e.mobilePadding.all)\|\|(0,Xe.ok)(e.mobilePadding.bottom)\|\|(0,Xe.ok)(null===(Qe=e.padding)\|\|void 0===Qe?void 0:Qe.all)\|\|(0,Xe.ok)(null===(Je=e.padding)\|\|void 0===Je?void 0:Je.bottom),mobilePaddingTopBottom:(0,Xe.ok)(e.mobilePadding.top)\|\|(0,Xe.ok)(e.mobilePadding.bottom)\|\|(0,Xe.ok)(null===(Ze=e.padding)\|\|void 0===Ze?void 0:Ze.top)\|\|(0,Xe.ok)(null===(et=e.padding)\|\|void 0===et?void 0:et.bottom),mobilePaddingLeftRight:(0,Xe.ok)(e.mobilePadding.left)\|\|(0,Xe.ok)(e.mobilePadding.right)\|\|(0,Xe.ok)(null===(tt=e.padding)\|\|void 0===tt?void 0:tt.left)\|\|(0,Xe.ok)(null===(ot=e.padding)\|\|void 0===ot?void 0:ot.right),exportAsPicture:null===e\|\|void 0===e?void 0:e.exportAsPicture}),!(0,Xe.ok)(e.borderRadius.all)&&((0,Xe.ok)(e.borderRadius.topLeft)\|\|(0,Xe.ok)(e.borderRadius.bottomLeft)\|\|(0,Xe.ok)(e.borderRadius.topRight)\|\|(0,Xe.ok)(e.borderRadius.bottomRight))?g(!1):g(!0),!(0,Xe.ok)(e.mobileBorderRadius.all)&&((0,Xe.ok)(e.mobileBorderRadius.topLeft)\|\|(0,Xe.ok)(e.mobileBorderRadius.bottomLeft)\|\|(0,Xe.ok)(e.mobileBorderRadius.topRight)\|\|(0,Xe.ok)(e.mobileBorderRadius.bottomRight))\|\|(0,Xe.ok)(e.mobileBorderRadius.all)&&((0,Xe.ok)(e.mobileBorderRadius.topLeft)\|\|(0,Xe.ok)(e.mobileBorderRadius.bottomLeft)\|\|(0,Xe.ok)(e.mobileBorderRadius.topRight)\|\|(0,Xe.ok)(e.mobileBorderRadius.bottomRight))\|\|!(0,Xe.ok)(e.borderRadius.all)&&!(0,Xe.ok)(e.mobileBorderRadius.all)&&((0,Xe.ok)(e.borderRadius.topLeft)\|\|(0,Xe.ok)(e.borderRadius.bottomLeft)\|\|(0,Xe.ok)(e.borderRadius.topRight)\|\|(0,Xe.ok)(e.borderRadius.bottomRight))?v(!1):v(!0),k(""===e.backgroundImage[0].value),(0,Xe.ok)(e.padding.all)\|\|!((0,Xe.ok)(e.padding.top)\|\|(0,Xe.ok)(e.padding.right)\|\|(0,Xe.ok)(e.padding.bottom)\|\|(0,Xe.ok)(e.padding.left))\|\|e.padding.top===e.padding.bottom&&e.padding.right===e.padding.left?A(!0):A(!1),!(0,Xe.ok)(e.mobilePadding.all)&&((0,Xe.ok)(e.mobilePadding.top)\|\|(0,Xe.ok)(e.mobilePadding.right)\|\|(0,Xe.ok)(e.mobilePadding.bottom)\|\|(0,Xe.ok)(e.mobilePadding.left))&&(e.mobilePadding.top!==e.mobilePadding.bottom\|\|e.mobilePadding.right!==e.mobilePadding.left)\|\|!(0,Xe.ok)(null===(lt=e.padding)\|\|void 0===lt?void 0:lt.all)&&((0,Xe.ok)(null===(it=e.padding)\|\|void 0===it?void 0:it.top)\|\|(0,Xe.ok)(null===(at=e.padding)\|\|void 0===at?void 0:at.right)\|\|(0,Xe.ok)(null===(nt=e.padding)\|\|void 0===nt?void 0:nt.bottom)\|\|(0,Xe.ok)(null===(rt=e.padding)\|\|void 0===rt?void 0:rt.left))&&((null===(dt=e.padding)\|\|void 0===dt?void 0:dt.top)!==(null===(st=e.padding)\|\|void 0===st?void 0:st.bottom)\|\|(null===(mt=e.padding)\|\|void 0===mt?void 0:mt.right)!==(null===(ct=e.padding)\|\|void 0===ct?void 0:ct.left))?N(!1):N(!0),P(e=>!!de\|\|e),O(e=>!(!de&&!se)\|\|e),M(!!e.borderRadius.all\|\|!!e.borderRadius.topLeft\|\|!!e.borderRadius.bottomLeft\|\|!!e.borderRadius.topRight\|\|!!e.borderRadius.bottomRight),D(!!e.mobileBorderRadius.all\|\|!!e.mobileBorderRadius.topLeft\|\|!!e.mobileBorderRadius.bottomLeft\|\|!!e.mobileBorderRadius.topRight\|\|!!e.mobileBorderRadius.bottomRight\|\|!!e.borderRadius.all\|\|!!e.borderRadius.topLeft\|\|!!e.borderRadius.bottomLeft\|\|!!e.borderRadius.topRight\|\|!!e.borderRadius.bottomRight),W(!!e.boxShadow),j(!!e.mobileBoxShadow.blurRadius\|\|!!e.mobileBoxShadow.color\|\|!!e.mobileBoxShadow.hOffset\|\|!!e.mobileBoxShadow.inset\|\|!!e.mobileBoxShadow.spreadRadius\|\|!!e.mobileBoxShadow.vOffset\|\|!!e.boxShadow),U(!!e.width.value&&"column"!==e.type\|\|!!e.height.value),X(!!e.mobileWidth.value\|\|!!e.mobileHeight.value\|\|!!e.width.value&&"column"!==e.type\|\|!!e.height.value),K(!!e.backgroundColor\|\|!!e.backgroundImage[0].value\|\|!!e.backgroundPositionY\|\|!!e.backgroundPositionX\|\|"repeat"!==e.backgroundRepeat\|\|!e.backgroundRepeat,!!e.backgroundSize),Q(!!e.mobileBackgroundColor.value\|\|!!e.backgroundColor\|\|!!e.backgroundImage[0].value\|\|!!e.backgroundPositionY\|\|!!e.backgroundPositionX\|\|"repeat"!==e.backgroundRepeat\|\|!e.backgroundRepeat,!!e.backgroundSize),Z(!!e.exportAsPicture\|\|!!e.isContrastBlock),te(!!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?le(!0):le(!1)}},[d,e]);const ce=(0,l.useCallback)(e=>{n(ie===h.Tm?(0,f.A9)(e):(0,Te.A9)(e))},[n,ie]),ue=t=>{const l=d.getFieldsValue(!0),i=Object.keys(t)[0];let a;switch(m("%"===d.getFieldsValue(!0).widthDim?100:""),i){case"exportAsPicture":a={exportAsPicture:l.exportAsPicture};break;case"boxShadowInset":case"boxShadowHOffset":case"boxShadowVOffset":case"boxShadowBlurRadius":case"boxShadowSpreadRadius":case"boxShadowColor":a={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,r,s;if("borderAll"===l.borderPosition)a={border:{...h.iV,all:{...lt.RH,...l.borderAll}}},d.setFieldsValue({borderLeft:lt.RH,borderRight:lt.RH,borderTop:lt.RH,borderBottom:lt.RH});else null!==(n=l.borderAll)&&void 0!==n&&n.width\|\|null!==(r=l.borderAll)&&void 0!==r&&r.style\|\|null!==(s=l.borderAll)&&void 0!==s&&s.color?(a={border:{all:null,left:l.borderAll,right:l.borderAll,top:l.borderAll,bottom:l.borderAll,[lt.Vz[i]]:{...l[i],...t[i]}}},d.setFieldsValue({borderAll:null,borderLeft:l.borderAll,borderRight:l.borderAll,borderTop:l.borderAll,borderBottom:l.borderAll,[i]:{...l[i],...t[i]}})):(a={border:{all:null,left:l.borderLeft,right:l.borderRight,top:l.borderTop,bottom:l.borderBottom,[lt.Vz[i]]:{...l[i],...t[i]}}},d.setFieldsValue({border:a.border}));break;case"mobileBorderAll":case"mobileBorderTop":case"mobileBorderBottom":case"mobileBorderLeft":case"mobileBorderRight":if("mobileBorderAll"===l.mobileBorderPosition)a={mobileBorder:{...h.iV,all:{...lt.RH,...l.mobileBorderAll,classNamePrefix:"em-mob-border_"+lt.ax[i]+"-"}}},d.setFieldsValue({borderLeft:lt.RH,borderRight:lt.RH,borderTop:lt.RH,borderBottom:lt.RH});else{var c,u,p,g,b,v;const o=lt.ax[i],n={...l[i],...t[i]},r=!(null!==n&&void 0!==n&&n.width)&&!(null!==n&&void 0!==n&&n.style)&&!(null!==n&&void 0!==n&&n.color);if(null!==(c=l.mobileBorder)&&void 0!==c&&null!==(u=c.all)&&void 0!==u&&u.width\|\|null!==(p=l.mobileBorder)&&void 0!==p&&null!==(g=p.all)&&void 0!==g&&g.style\|\|null!==(b=l.mobileBorder)&&void 0!==b&&null!==(v=b.all)&&void 0!==v&&v.color){const e=l.mobileBorderAll;a={mobileBorder:{all:null,left:e,right:e,top:e,bottom:e,[o]:r?null:{...n,classNamePrefix:"em-mob-border_"+o+"-"}}},d.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};a={mobileBorder:{all:null,left:"left"===o?r?null:{...n,classNamePrefix:"em-mob-border_left-"}:l("left"),right:"right"===o?r?null:{...n,classNamePrefix:"em-mob-border_right-"}:l("right"),top:"top"===o?r?null:{...n,classNamePrefix:"em-mob-border_top-"}:l("top"),bottom:"bottom"===o?r?null:{...n,classNamePrefix:"em-mob-border_bottom-"}:l("bottom")}},d.setFieldsValue({[i]:n})}}break;case"width":a={[i]:{value:t[i],dim:l.widthDim}};break;case"height":a={[i]:{value:t[i],dim:l.heightDim}};break;case"widthDim":a={width:{value:l.width,dim:t[i]}};break;case"heightDim":a={height:{value:l.height,dim:t[i]}};break;case"backgroundImage":k(""===t[i]),a={[i]:[{...e.backgroundImage[0],value:t[i]}],backgroundSize:"cover"};break;case"paddingTop":case"paddingLeft":case"paddingRight":case"paddingBottom":a={padding:{left:l.paddingLeft,right:l.paddingRight,top:l.paddingTop,bottom:l.paddingBottom,[lt.yy[i]]:+t[i]}};break;case"paddingTopBottom":a={padding:{left:l.paddingLeft,right:l.paddingRight,top:+t[i],bottom:+t[i]}},l.paddingTop=l.paddingBottom=+t[i];break;case"paddingLeftRight":a={padding:{top:l.paddingTop,bottom:l.paddingBottom,left:+t[i],right:+t[i]}},l.paddingLeft=l.paddingRight=+t[i];break;case"borderRadiusAll":a={borderRadius:{[lt.wF[i]]:+t[i]}};break;case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":a={borderRadius:{topLeft:l.borderRadiusTopLeft,bottomLeft:l.borderRadiusBottomLeft,topRight:l.borderRadiusTopRight,bottomRight:l.borderRadiusBottomRight,[lt.wF[i]]:+t[i]}};break;case"mobileWidth":a={[i]:{classNamePrefix:"em-mob-width-",value:t[i],dim:l.mobileWidthDim}};break;case"mobileWidthDim":a={mobileWidth:{classNamePrefix:"em-mob-width-",value:l.mobileWidth\|\|100,dim:t[i]}};break;case"mobileHeight":a={[i]:{classNamePrefix:"em-mob-height-",value:t[i],dim:l.mobileHeightDim}};break;case"mobileHeightDim":a={mobileHeight:{classNamePrefix:"em-mob-height-",value:l.mobileHeight,dim:t[i]}};break;case"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":a={mobileBorderRadius:{[lt.NW[i]]:t[i],classNamePrefix:"em-mob-border_radius_"+lt.NW[i]+"-"}};break;case"mobileBoxShadowInset":case"mobileBoxShadowHOffset":case"mobileBoxShadowVOffset":case"mobileBoxShadowBlurRadius":case"mobileBoxShadowSpreadRadius":case"mobileBoxShadowColor":a={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":a={[i]:{classNamePrefix:"em-mob-text_align-",value:t[i]}};break;case"mobileVerticalAlign":a={[i]:{classNamePrefix:"em-mob-vertical_align-",value:t[i]}};break;case"mobileDirection":a={[i]:{classNamePrefix:"em-mob-direction-",value:t[i]}};break;case"mobileBackgroundColor":a={[i]:{classNamePrefix:"em-mob-background_color-",value:t[i]}};break;case"mobileBackgroundImage":a={[i]:[{...e.mobileBackgroundImage[0],classNamePrefix:"em-mob-background_image-",value:t[i]}]};break;case"mobileBackgroundPositionX":a={[i]:{classNamePrefix:"em-mob-background_position_x-",value:t[i]}};break;case"mobileBackgroundPositionY":a={[i]:{classNamePrefix:"em-mob-background_position_y-",value:t[i]}};break;case"mobileBackgroundRepeat":a={[i]:{classNamePrefix:"em-mob-background_repeat-",value:t[i]}};break;case"mobilePaddingTop":case"mobilePaddingLeft":case"mobilePaddingRight":case"mobilePaddingBottom":a={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],a={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],a={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":a={[i]:isNaN(parseFloat(t[i].position))?t[i].position:t[i].position+t[i].unit};break;default:a=t}var f;"borderPosition"!==i&&"mobileBorderPosition"!==i&&(o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:a}),"mobileBorderRadiusAll"!==i&&"mobileBorderRadiusTopLeft"!==i&&"mobileBorderRadiusTopRight"!==i&&"mobileBorderRadiusBottomLeft"!==i&&"mobileBorderRadiusBottomRight"!==i&&ce({...e,...a,mobileBorderRadius:{...e.mobileBorderRadius,...null===(f=a)\|\|void 0===f?void 0:f.mobileBorderRadius},activateSection:null,changeKey:i}))};return l.createElement(i.lV,{form:d,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:lt.uE[de]\|\|"borderAll",mobileBorderPosition:lt.lS[se]\|\|"mobileBorderAll",borderColor:"",borderWidth:"",borderStyle:"",paddingTop:"",paddingLeft:"",paddingRight:"",paddingBottom:"",borderRadiusAll:"",borderRadiusTopLeft:"",borderRadiusBottomLeft:"",borderRadiusTopRight:"",borderRadiusBottomRight:"",direction:"",boxShadowInset:"",boxShadowHOffset:"",boxShadowVOffset:"",boxShadowBlurRadius:"",boxShadowSpreadRadius:"",boxShadowColor:"",mobileWidth:"",mobileWidthDim:"",mobileHeight:"",mobileHeightDim:"",mobileBorder:"",mobileBorderColor:"",mobileBorderWidth:"",mobileBorderStyle:"",mobileBoxShadow:"",mobileAlign:"",mobileDirection:"",mobileVerticalAlign:"",mobileBackgroundColor:"",mobileBackgroundImage:"",mobilePaddingTop:"",mobilePaddingLeft:"",mobilePaddingRight:"",mobilePaddingBottom:"",textStrong:!1,textItalic:!1,textStrikethrough:!1,textUnderline:!1},onValuesChange:ue,autoComplete:"off",className:"element-controls"},E===h.ND&&_.styles?l.createElement("div",{className:"selected_form-mobile-props-wrapper",style:{display:E===h.ND&&_.styles?"flex":"none"}},l.createElement("div",{className:"selected_form-mobile-props-header"},!T&&l.createElement(i.m_,{title:t("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(i.Fc,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"}))),l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props"},l.createElement(Ft,{form:d,elementSettings:e,boxShadow:c,mobileBordersShow:L,mobileBorderRadiusShow:V,mobileBoxShadowShow:H,mobileSizeShow:$,mobileBackgroundShow:Y,mobilePaddingShow:ee,mobilePaddingsExt:I,setMobilePaddingsExt:N,oneMobileBorderRadiusValue:b,setOneMobileBorderRadiusValue:v,toggleShowMobileBorderHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{O(e=>!e),L?(t.mobileBorderAll=lt.RH,t.mobileBorderTop=lt.RH,t.mobileBorderBottom=lt.RH,t.mobileBorderRight=lt.RH,t.mobileBorderLeft=lt.RH):t.mobileBorderAll={width:1,color:"#E5E5E5",style:"solid"},o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorder:{all:{color:t.mobileBorderAll.color,style:t.mobileBorderAll.style,width:t.mobileBorderAll.width}}}})})},toggleShowMobileBorderRadiusHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{D(e=>!e),V?(t.mobileBorderRadiusAll=null,v(!0)):t.mobileBorderRadiusAll=5,o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorderRadius:{all:t.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}})})},toggleShowMobileBoxShadowHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{j(e=>!e),H?(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:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBoxShadow:{blurRadius:t.mobileBoxShadowBlurRadius,color:t.mobileBoxShadowColor,hOffset:t.mobileBoxShadowHOffset,inset:t.mobileBoxShadowInset,spreadRadius:t.mobileBoxShadowSpreadRadius,vOffset:t.mobileBoxShadowVOffset,classNamePrefix:"em-mob-box_shadow-"}}})})},toggleShowMobileSizeHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{X(e=>!e),$&&(t.mobileWidth="",t.mobileHeight="",o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileWidth:{value:null,dim:"px",classNamePrefix:"em-mob-width-"},mobileHeight:{value:null,dim:"px",classNamePrefix:"em-mob-height-"}}}))})},toggleShowMobileBackgroundHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{Q(e=>!e),t.mobileBackgroundColor=Y?"":"#E5E5E5",o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:t.mobileBackgroundColor}}})})},toggleShowMobilePaddingHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{te(e=>!e),ee&&(t.mobilePaddingLeftRight="",t.mobilePaddingLeft="",t.mobilePaddingRight="",t.mobilePaddingTopBottom="",t.mobilePaddingTop="",t.mobilePaddingBottom="",o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobilePadding:{all:null,top:null,right:null,bottom:null,left:null,classNamePrefix:"em-mob-padding_"}}}))})}}))):l.createElement(l.Fragment,null,!T&&l.createElement(i.m_,{title:t("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(i.Fc,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(Lt,{form:d,elementSettings:e,boxShadow:c,bordersShow:C,borderRadiusShow:F,boxShadowShow:z,backgroundShow:q,backgroundImageEmpty:y,backgroundRepeatOptions:ae,sizeShow:G,maxWidthValue:s,modificationShow:J,paddingsExt:x,oneBorderRadiusValue:p,setOneBorderRadiusValue:g,elementListShow:oe,togglePaddingHandler:()=>{A(e=>!e);const t=d.getFieldsValue(!0);x\|\|(t.paddingLeftRight=t.paddingLeft,t.paddingTopBottom=t.paddingTop,t.paddingRight=t.paddingLeft,t.paddingBottom=t.paddingTop,o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{padding:{top:t.paddingTopBottom,bottom:t.paddingTopBottom,left:t.paddingLeftRight,right:t.paddingLeftRight}}}))},toggleShowBorderHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{P(e=>!e),C?(t.borderAll=lt.RH,t.borderTop=lt.RH,t.borderBottom=lt.RH,t.borderRight=lt.RH,t.borderLeft=lt.RH):t.borderAll={width:1,color:"#E5E5E5",style:"solid"},o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{border:{all:{color:t.borderAll.color,style:t.borderAll.style,width:t.borderAll.width}}}})})},toggleShowBorderRadiusHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{M(e=>!e),F?(t.borderRadiusAll=0,g(!0)):t.borderRadiusAll=5,o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{borderRadius:{all:t.borderRadiusAll}}})})},toggleShowBoxShadowHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{W(e=>!e),z?(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:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{boxShadow:{blurRadius:t.boxShadowBlurRadius,color:t.boxShadowColor,hOffset:t.boxShadowHOffset,inset:t.boxShadowInset,spreadRadius:t.boxShadowSpreadRadius,vOffset:t.boxShadowVOffset}}})})},toggleShowSizeHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{U(e=>!e),G&&(t.width="",t.height="",o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{width:{value:null,dim:"px"},height:{value:null,dim:"px"}}}))})},toggleShowBackgroundHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{K(e=>!e),q?(t.backgroundColor="",t.backgroundImage="",t.backgroundPositionX="",t.backgroundPositionY="",t.backgroundRepeat="none",t.backgroundSize="",k(!0)):(t.backgroundColor="#E5E5E5",t.backgroundSize="",t.backgroundRepeat="none"),o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{backgroundColor:t.backgroundColor,backgroundImage:[{type:"url",value:t.backgroundImage}],backgroundPositionX:t.backgroundPositionX,backgroundPositionY:t.backgroundPositionY,backgroundRepeat:t.backgroundRepeat,backgroundSize:t.backgroundSize}})})},toggleShowModificationHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{Z(e=>!e),J&&(t.exportAsPicture=!1,t.isContrastBlock=!1,o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{exportAsPicture:!1,isContrastBlock:!1}}))})},handleChangeValues:ue}))))},Vt=({form:e,elementSettings:t,boxShadow:o,bordersShow:a,borderRadiusShow:n,boxShadowShow:d,backgroundShow:s,backgroundImageEmpty:m,backgroundRepeatOptions:c,sizeShow:u,maxWidthValue:p,modificationShow:g,paddingShow:b,paddingsExt:h,oneBorderRadiusValue:v,setOneBorderRadiusValue:f,togglePaddingHandler:E,toggleShowPaddingHandler:_,toggleShowBorderHandler:S,toggleShowBorderRadiusHandler:y,toggleShowBoxShadowHandler:k,toggleShowSizeHandler:w,toggleShowBackgroundHandler:R,toggleShowModificationHandler:T,handleChangeValues:x})=>{const{__:A}=(0,r.s9)(),{token:I}=(0,i.rd)(),N=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(i.Fc,{className:"selected_form-desktop-props-title",message:A("Appearance on mobile devices"),type:"info"}),l.createElement(i.fI,{gutter:20,style:{marginBottom:4}},l.createElement(i.fv,{span:12},l.createElement(ut.A,{form:e,elementSettings:t})),l.createElement(i.fv,{span:12,style:{textAlign:"right"}},l.createElement(Me,{form:e,elementSettings:t}))),N.formCellFieldPaddingsEnabled&&l.createElement(i.y9,{title:A("Padding"),collapsible:!0,open:b,onToggle:_,dividerTop:!0},l.createElement(i.L1,{extended:h,onToggleExtended:E})),l.createElement(i.y9,{title:A("Size"),collapsible:!0,open:u,onToggle:w,dividerTop:!0},l.createElement(i.n6,{maxWidth:p,dimensionSelect:Xe.z$,showMinMax:!0,minWidthDimensionSelect:Xe.z$,maxWidthDimensionSelect:Xe.z$})),l.createElement(i.y9,{title:A("Background"),collapsible:!0,open:s,onToggle:R,dividerTop:!0},l.createElement(Ct,{form:e,backgroundImageEmpty:m,appConfig:N,token:I,elementSettings:t,backgroundRepeatOptions:c,handleChangeValues:x})),N.formFieldBorderEnabled&&l.createElement(i.y9,{title:A("Borders"),collapsible:!0,open:a,onToggle:S,dividerTop:!0},l.createElement(Ce.A,{form:e,elementSettings:t})),N.formFieldBorderRadiusEnabled&&l.createElement(i.y9,{title:A("Border radius"),collapsible:!0,open:n,onToggle:y,dividerTop:!0},l.createElement(Pe.A,{form:e,oneBorderRadiusValue:v,setOneBorderRadiusValue:f,elementSettings:t})),N.formFieldBoxShadowEnabled&&l.createElement(i.y9,{title:A("Box shadow"),collapsible:!0,open:d,onToggle:k,dividerTop:!0},l.createElement(We,null)),N.formFieldExportAsPictureEnabled&&l.createElement(i.y9,{title:A("Export settings"),collapsible:!0,open:g,onToggle:T,dividerTop:!0},l.createElement(Et,{form:e,elementSettings:t})),N.formFieldVisibilityEnabled&&l.createElement(i.y9,{title:A("Display control & Direction"),dividerTop:!0},l.createElement(He,{elementSettings:t,form:e,directionControl:l.createElement(It,{elementSettings:t,form:e})})),N.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(i.y9,{title:A("AMP visibility"),dividerTop:!0},l.createElement($e,null)))},Dt=({form:e,elementSettings:t,mobileBoxShadow:o,mobileBordersShow:a,mobileBorderRadiusShow:n,mobileBoxShadowShow:d,mobileSizeShow:s,mobileBackgroundShow:m,mobilePaddingShow:c,mobilePaddingsExt:u,setMobilePaddingsExt:p,oneMobileBorderRadiusValue:g,setOneMobileBorderRadiusValue:b,backgroundRepeatOptions:h,toggleShowMobileBorderHandler:v,toggleShowMobileBorderRadiusHandler:f,toggleShowMobileBoxShadowHandler:E,toggleShowMobileSizeHandler:_,toggleShowMobileBackgroundHandler:S,toggleShowMobilePaddingHandler:y})=>{const{__:k}=(0,r.s9)(),{token:w}=(0,i.rd)(),R=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(i.fI,{gutter:20,style:{paddingBottom:4}},l.createElement(i.fv,{span:12},l.createElement(vt,{form:e,elementSettings:t,imgParent:!0})),l.createElement(i.fv,{span:12,style:{textAlign:"right"}},l.createElement(Me,{form:e,elementSettings:t,typeOfForm:"mobile"}))),R.formCellFieldPaddingsEnabled&&l.createElement(i.y9,{title:k("Padding"),collapsible:!0,open:c,onToggle:y,dividerTop:!0},l.createElement(Ot,{form:e,elementSettings:t,mobilePaddingsExt:u,setMobilePaddingsExt:p})),l.createElement(i.y9,{title:k("Size"),collapsible:!0,open:s,onToggle:_,dividerTop:!0},l.createElement(i.fI,{gutter:10,style:{paddingBottom:8}},l.createElement(i.fv,{span:12},l.createElement("div",{style:{marginBottom:2w.formItemMarginBottomXS}},l.createElement(Ke,{form:e,name:"mobileWidth",elementSettings:t}))),l.createElement(i.fv,{span:12},l.createElement("div",{style:{marginBottom:w.formItemMarginBottomXS}},l.createElement(Ye,{form:e,name:"mobileHeight",elementSettings:t}))))),l.createElement(i.y9,{title:k("Background"),collapsible:!0,open:m,onToggle:S,dividerTop:!0},l.createElement("div",{style:{marginBottom:(R.formDivFieldBackgroundImageEnabled,w.formItemMarginBottomMD+4)}},l.createElement(St,{form:e,elementSettings:t,label:k("Background color")})),!1),R.formFieldBorderEnabled&&l.createElement(i.y9,{title:k("Borders"),collapsible:!0,open:a,onToggle:v,dividerTop:!0},l.createElement(Ce.A,{form:e,typeOfForm:"mobile"})),R.formFieldBorderRadiusEnabled&&l.createElement(i.y9,{title:k("Border radius"),collapsible:!0,open:n,onToggle:f,dividerTop:!0},l.createElement(Pe.A,{form:e,typeOfForm:"mobile",oneBorderRadiusValue:g,setOneBorderRadiusValue:b,elementSettings:t})),R.formFieldBoxShadowEnabled&&l.createElement(i.y9,{title:k("Box shadow"),collapsible:!0,open:d,onToggle:E,dividerTop:!0},l.createElement(We,{typeOfForm:"mobile",form:e,elementSettings:t})),R.formFieldVisibilityEnabled&&l.createElement(i.y9,{title:k("Display control & Direction"),dividerTop:!0},l.createElement(He,{elementSettings:t,form:e,directionControl:l.createElement(It,{elementSettings:t,form:e,typeOfForm:"mobile"})})),R.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(i.y9,{title:k("AMP visibility"),dividerTop:!0},l.createElement($e,null)))},zt=({elementSettings:e})=>{const{__:t}=(0,r.s9)(),o=(0,Le.XW)(),[n]=i.lV.useForm(),[d,s]=(0,l.useState)({}),[m,c]=(0,l.useState)(!0),[u,p]=(0,l.useState)({}),[g,b]=(0,l.useState)(!0),v=(0,a.d4)(tt.Ct),f=(0,a.d4)(tt.CS),[E,_]=((0,B.rD)(),(0,l.useState)(""===e.backgroundImage[0].value)),S=(0,a.d4)(tt.Fv),y=(0,a.d4)(tt.yy),k=S&&"bottom"!==y,[w,R]=(0,l.useState)(!1),[T,x]=(0,l.useState)(!1),[A,I]=(0,l.useState)(!1),[N,C]=(0,l.useState)(!1),[P,L]=(0,l.useState)(!1),[O,F]=(0,l.useState)(!1),[M,V]=(0,l.useState)(!1),[D,z]=(0,l.useState)(!1),[W,H]=(0,l.useState)(!1),[j,G]=(0,l.useState)(!1),[U,$]=(0,l.useState)(!1),[X,q]=(0,l.useState)(!1),[K,Y]=(0,l.useState)(!1),[Q,J]=(0,l.useState)(!1),[Z,ee]=(0,l.useState)(!1),[te,oe]=(0,l.useState)(""),le=[{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"}],ie=(t("Not defined"),t("Contain"),t("Cover"),e.border),ae=e.mobileBorder,ne=Object.keys(ie).find(e=>{var t,o,l;return(null===(t=ie[e])\|\|void 0===t?void 0:t.width)\|\|(null===(o=ie[e])\|\|void 0===o?void 0:o.style)\|\|(null===(l=ie[e])\|\|void 0===l?void 0:l.color)}),re=Object.keys(ae).find(e=>{var t,o,l;return(null===(t=ae[e])\|\|void 0===t?void 0:t.width)\|\|(null===(o=ae[e])\|\|void 0===o?void 0:o.style)\|\|(null===(l=ae[e])\|\|void 0===l?void 0:l.color)}),de=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,a,r,d,m,u,g,h,v,f,E,S,y,k,w,B,T,A,N,P,O,M,D,W,j,U,X,K,Q,Z,te,oe,le,ie,ae,se,me,ce,ue;const pe=e.boxShadow,ge=e.mobileBoxShadow;s(pe),p(ge),n.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===(a=e.maxWidth)\|\|void 0===a?void 0:a.value,maxWidthDim:null===(r=e.maxWidth)\|\|void 0===r?void 0:r.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,backgroundImage:e.backgroundImage[0].value,show:e.show?e.show:"all",borderAll:(0,Xe.ok)(e.border.all),borderTop:(0,Xe.ok)(e.border.top),borderBottom:(0,Xe.ok)(e.border.bottom),borderRight:(0,Xe.ok)(e.border.right),borderLeft:(0,Xe.ok)(e.border.left),mobileBorderAll:de(e.mobileBorder.all)\|\|!(de(e.mobileBorder.top)\|\|de(e.mobileBorder.bottom)\|\|de(e.mobileBorder.right)\|\|de(e.mobileBorder.left))&&de(e.border.all),mobileBorderTop:de(e.mobileBorder.top)\|\|!de(e.mobileBorder.all)&&de(e.border.top),mobileBorderBottom:de(e.mobileBorder.bottom)\|\|!de(e.mobileBorder.all)&&de(e.border.bottom),mobileBorderRight:de(e.mobileBorder.right)\|\|!de(e.mobileBorder.all)&&de(e.border.right),mobileBorderLeft:de(e.mobileBorder.left)\|\|!de(e.mobileBorder.all)&&de(e.border.left),paddingTop:(0,Xe.ok)(e.padding.all)\|\|(0,Xe.ok)(e.padding.top),paddingLeft:(0,Xe.ok)(e.padding.all)\|\|(0,Xe.ok)(e.padding.left),paddingRight:(0,Xe.ok)(e.padding.all)\|\|(0,Xe.ok)(e.padding.right),paddingBottom:(0,Xe.ok)(e.padding.all)\|\|(0,Xe.ok)(e.padding.bottom),paddingLeftRight:(0,Xe.ok)(null===(u=e.padding)\|\|void 0===u?void 0:u.left)\|\|(0,Xe.ok)(null===(g=e.padding)\|\|void 0===g?void 0:g.right),paddingTopBottom:(0,Xe.ok)(null===(h=e.padding)\|\|void 0===h?void 0:h.top)\|\|(0,Xe.ok)(null===(v=e.padding)\|\|void 0===v?void 0:v.bottom),borderRadiusAll:(0,Xe.ok)(e.borderRadius.all),borderRadiusTopLeft:(0,Xe.ok)(e.borderRadius.topLeft),borderRadiusBottomLeft:(0,Xe.ok)(e.borderRadius.bottomLeft),borderRadiusTopRight:(0,Xe.ok)(e.borderRadius.topRight),borderRadiusBottomRight:(0,Xe.ok)(e.borderRadius.bottomRight),boxShadowInset:(0,Xe.ok)(null===(f=e.boxShadow)\|\|void 0===f?void 0:f.inset)\|\|!1,boxShadowHOffset:(0,Xe.ok)(null===(E=e.boxShadow)\|\|void 0===E?void 0:E.hOffset),boxShadowVOffset:(0,Xe.ok)(null===(S=e.boxShadow)\|\|void 0===S?void 0:S.vOffset),boxShadowBlurRadius:(0,Xe.ok)(null===(y=e.boxShadow)\|\|void 0===y?void 0:y.blurRadius),boxShadowSpreadRadius:(0,Xe.ok)(null===(k=e.boxShadow)\|\|void 0===k?void 0:k.spreadRadius),boxShadowColor:(0,Xe.ok)(null===(w=e.boxShadow)\|\|void 0===w?void 0:w.color),mobileWidth:(0,Xe.xc)(null===(B=e.mobileWidth)\|\|void 0===B?void 0:B.value),mobileWidthDim:null===(T=e.mobileWidth)\|\|void 0===T?void 0:T.dim,mobileHeight:(0,Xe.xc)(null===(A=e.mobileHeight)\|\|void 0===A?void 0:A.value),mobileHeightDim:null===(N=e.mobileHeight)\|\|void 0===N?void 0:N.dim,mobileBorderRadiusAll:(0,Xe.ok)(e.mobileBorderRadius.all),mobileBorderRadiusTopLeft:(0,Xe.ok)(null!==e.mobileBorderRadius.topLeft?e.mobileBorderRadius.topLeft:e.mobileBorderRadius.all),mobileBorderRadiusBottomLeft:(0,Xe.ok)(null!==e.mobileBorderRadius.bottomLeft?e.mobileBorderRadius.bottomLeft:e.mobileBorderRadius.all),mobileBorderRadiusTopRight:(0,Xe.ok)(null!==e.mobileBorderRadius.topRight?e.mobileBorderRadius.topRight:e.mobileBorderRadius.all),mobileBorderRadiusBottomRight:(0,Xe.ok)(null!==e.mobileBorderRadius.bottomRight?e.mobileBorderRadius.bottomRight:e.mobileBorderRadius.all),mobileBoxShadowInset:(0,Xe.ok)(null===(P=e.mobileBoxShadow)\|\|void 0===P?void 0:P.inset)\|\|!1,mobileBoxShadowHOffset:(0,Xe.ok)(null===(O=e.mobileBoxShadow)\|\|void 0===O?void 0:O.hOffset),mobileBoxShadowVOffset:(0,Xe.ok)(null===(M=e.mobileBoxShadow)\|\|void 0===M?void 0:M.vOffset),mobileBoxShadowBlurRadius:(0,Xe.ok)(null===(D=e.mobileBoxShadow)\|\|void 0===D?void 0:D.blurRadius),mobileBoxShadowSpreadRadius:(0,Xe.ok)(null===(W=e.mobileBoxShadow)\|\|void 0===W?void 0:W.spreadRadius),mobileBoxShadowColor:(0,Xe.ok)(null===(j=e.mobileBoxShadow)\|\|void 0===j?void 0:j.color),mobileAlign:(0,Xe.ok)(null===(U=e.mobileAlign)\|\|void 0===U?void 0:U.value),mobileVerticalAlign:(0,Xe.ok)(null===(X=e.mobileVerticalAlign)\|\|void 0===X?void 0:X.value),mobileDirection:(0,Xe.ok)(null===(K=e.mobileDirection)\|\|void 0===K?void 0:K.value),mobileBackgroundColor:(0,Xe.ok)("none"!==(null===(Q=e.mobileBackgroundColor)\|\|void 0===Q?void 0:Q.value)?null===(Z=e.mobileBackgroundColor)\|\|void 0===Z?void 0:Z.value:""),mobileBackgroundImage:"none"!==e.mobileBackgroundImage[0].value?e.mobileBackgroundImage[0].value:"",mobileBackgroundPositionX:(0,Xe.ok)(null===(te=e.mobileBackgroundPositionX)\|\|void 0===te?void 0:te.value),mobileBackgroundPositionY:(0,Xe.ok)(null===(oe=e.mobileBackgroundPositionY)\|\|void 0===oe?void 0:oe.value),mobileBackgroundRepeat:null!==(le=e.mobileBackgroundRepeat)&&void 0!==le&&le.value?null===(ie=e.mobileBackgroundRepeat)\|\|void 0===ie?void 0:ie.value:"none",mobilePaddingTop:(0,Xe.ok)(e.mobilePadding.all)\|\|(0,Xe.ok)(e.mobilePadding.top),mobilePaddingLeft:(0,Xe.ok)(e.mobilePadding.all)\|\|(0,Xe.ok)(e.mobilePadding.left),mobilePaddingRight:(0,Xe.ok)(e.mobilePadding.all)\|\|(0,Xe.ok)(e.mobilePadding.right),mobilePaddingBottom:(0,Xe.ok)(e.mobilePadding.all)\|\|(0,Xe.ok)(e.mobilePadding.bottom),mobilePaddingTopBottom:(0,Xe.ok)(e.mobilePadding.top)\|\|(0,Xe.ok)(e.mobilePadding.bottom),mobilePaddingLeftRight:(0,Xe.ok)(e.mobilePadding.left)\|\|(0,Xe.ok)(e.mobilePadding.right),exportAsPicture:null===e\|\|void 0===e?void 0:e.exportAsPicture}),!(0,Xe.ok)(e.borderRadius.all)&&((0,Xe.ok)(e.borderRadius.topLeft)\|\|(0,Xe.ok)(e.borderRadius.bottomLeft)\|\|(0,Xe.ok)(e.borderRadius.topRight)\|\|(0,Xe.ok)(e.borderRadius.bottomRight))?c(!1):c(!0),!(0,Xe.ok)(e.mobileBorderRadius.all)&&((0,Xe.ok)(e.mobileBorderRadius.topLeft)\|\|(0,Xe.ok)(e.mobileBorderRadius.bottomLeft)\|\|(0,Xe.ok)(e.mobileBorderRadius.topRight)\|\|(0,Xe.ok)(e.mobileBorderRadius.bottomRight))?b(!1):b(!0),_(""===e.backgroundImage[0].value),(0,Xe.ok)(e.padding.all)\|\|!((0,Xe.ok)(e.padding.top)\|\|(0,Xe.ok)(e.padding.right)\|\|(0,Xe.ok)(e.padding.bottom)\|\|(0,Xe.ok)(e.padding.left))\|\|e.padding.top===e.padding.bottom&&e.padding.right===e.padding.left?R(!0):R(!1),(0,Xe.ok)(e.mobilePadding.all)\|\|!((0,Xe.ok)(e.mobilePadding.top)\|\|(0,Xe.ok)(e.mobilePadding.right)\|\|(0,Xe.ok)(e.mobilePadding.bottom)\|\|(0,Xe.ok)(e.mobilePadding.left))\|\|e.mobilePadding.top===e.mobilePadding.bottom&&e.mobilePadding.right===e.mobilePadding.left?x(!0):x(!1),I(e=>!!ne\|\|e),C(e=>!(!ne&&!re)\|\|e),L(!!e.borderRadius.all\|\|!!e.borderRadius.topLeft\|\|!!e.borderRadius.bottomLeft\|\|!!e.borderRadius.topRight\|\|!!e.borderRadius.bottomRight),F(!!e.mobileBorderRadius.all\|\|!!e.mobileBorderRadius.topLeft\|\|!!e.mobileBorderRadius.bottomLeft\|\|!!e.mobileBorderRadius.topRight\|\|!!e.mobileBorderRadius.bottomRight),V(!!e.boxShadow),z(!!e.mobileBoxShadow.blurRadius\|\|!!e.mobileBoxShadow.color\|\|!!e.mobileBoxShadow.hOffset\|\|!!e.mobileBoxShadow.inset\|\|!!e.mobileBoxShadow.spreadRadius\|\|!!e.mobileBoxShadow.vOffset),H(!!e.width.value\|\|!!e.height.value\|\|!!e.minWidth.value\|\|!!e.maxWidth.value),G(!!e.mobileWidth.value\|\|!!e.mobileHeight.value),$(!!e.backgroundColor\|\|!!e.backgroundImage[0].value\|\|!!e.backgroundPositionY\|\|!!e.backgroundPositionX\|\|"repeat"!==e.backgroundRepeat\|\|!e.backgroundRepeat,!!e.backgroundSize),q(!!e.mobileBackgroundColor.value),Y(!!e.exportAsPicture),J(!(null===(ae=e.padding)\|\|void 0===ae\|\|!ae.all)\|\|!(null===(se=e.padding)\|\|void 0===se\|\|!se.top)\|\|!(null===(me=e.padding)\|\|void 0===me\|\|!me.bottom)\|\|!(null===(ce=e.padding)\|\|void 0===ce\|\|!ce.left)\|\|!(null===(ue=e.padding)\|\|void 0===ue\|\|!ue.right)),ee(!!e.mobilePadding.all\|\|!!e.mobilePadding.top\|\|!!e.mobilePadding.bottom\|\|!!e.mobilePadding.left\|\|!!e.mobilePadding.right)}},[n,e]);const se=t=>{const l=n.getFieldsValue(!0),i=Object.keys(t)[0];let a;switch(oe("%"===n.getFieldsValue(!0).widthDim?100:""),i){case"exportAsPicture":a={exportAsPicture:l.exportAsPicture};break;case"boxShadowInset":case"boxShadowHOffset":case"boxShadowVOffset":case"boxShadowBlurRadius":case"boxShadowSpreadRadius":case"boxShadowColor":a={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 r,d,s;if("borderAll"===l.borderPosition)a={border:{...h.iV,all:{...lt.RH,...l.borderAll}}},n.setFieldsValue({borderLeft:lt.RH,borderRight:lt.RH,borderTop:lt.RH,borderBottom:lt.RH});else null!==(r=l.borderAll)&&void 0!==r&&r.width\|\|null!==(d=l.borderAll)&&void 0!==d&&d.style\|\|null!==(s=l.borderAll)&&void 0!==s&&s.color?(a={border:{all:null,left:l.borderAll,right:l.borderAll,top:l.borderAll,bottom:l.borderAll,[lt.Vz[i]]:{...l[i],...t[i]}}},n.setFieldsValue({borderAll:null,borderLeft:l.borderAll,borderRight:l.borderAll,borderTop:l.borderAll,borderBottom:l.borderAll,[i]:{...l[i],...t[i]}})):(a={border:{all:null,left:l.borderLeft,right:l.borderRight,top:l.borderTop,bottom:l.borderBottom,[lt.Vz[i]]:{...l[i],...t[i]}}},n.setFieldsValue({border:a.border}));break;case"mobileBorderAll":case"mobileBorderTop":case"mobileBorderBottom":case"mobileBorderLeft":case"mobileBorderRight":if("mobileBorderAll"===l.mobileBorderPosition)a={mobileBorder:{...h.iV,all:{...lt.RH,...l.mobileBorderAll,classNamePrefix:"em-mob-border_"+lt.ax[i]+"-"}}},n.setFieldsValue({borderLeft:lt.RH,borderRight:lt.RH,borderTop:lt.RH,borderBottom:lt.RH});else{var m,c,u,p,g,b;const o=lt.ax[i],r={...l[i],...t[i]},d=!(null!==r&&void 0!==r&&r.width)&&!(null!==r&&void 0!==r&&r.style)&&!(null!==r&&void 0!==r&&r.color);if(null!==(m=l.mobileBorder)&&void 0!==m&&null!==(c=m.all)&&void 0!==c&&c.width\|\|null!==(u=l.mobileBorder)&&void 0!==u&&null!==(p=u.all)&&void 0!==p&&p.style\|\|null!==(g=l.mobileBorder)&&void 0!==g&&null!==(b=g.all)&&void 0!==b&&b.color){const e=l.mobileBorderAll;a={mobileBorder:{all:null,left:e,right:e,top:e,bottom:e,[o]:d?null:{...r,classNamePrefix:"em-mob-border_"+o+"-"}}},n.setFieldsValue({mobileBorderAll:null,mobileBorderLeft:e,mobileBorderRight:e,mobileBorderTop:e,mobileBorderBottom:e,[i]:r})}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};a={mobileBorder:{all:null,left:"left"===o?d?null:{...r,classNamePrefix:"em-mob-border_left-"}:l("left"),right:"right"===o?d?null:{...r,classNamePrefix:"em-mob-border_right-"}:l("right"),top:"top"===o?d?null:{...r,classNamePrefix:"em-mob-border_top-"}:l("top"),bottom:"bottom"===o?d?null:{...r,classNamePrefix:"em-mob-border_bottom-"}:l("bottom")}},n.setFieldsValue({[i]:r})}}break;case"width":a={[i]:{value:t[i],dim:l.widthDim}};break;case"height":a={[i]:{value:t[i],dim:l.heightDim}};break;case"widthDim":a={width:{value:l.width,dim:t[i]}};break;case"heightDim":a={height:{value:l.height,dim:t[i]}};break;case"maxWidth":a={[i]:{value:t[i],dim:l.maxWidthDim}};break;case"maxWidthDim":a={maxWidth:{value:l.maxWidth,dim:t[i]}};break;case"minWidth":a={[i]:{value:t[i],dim:l.minWidthDim}};break;case"minWidthDim":a={minWidth:{value:l.minWidth,dim:t[i]}};break;case"backgroundImage":_(""===t[i]),a={[i]:[{...e.backgroundImage[0],value:t[i]}],backgroundSize:"cover"};break;case"paddingTop":case"paddingLeft":case"paddingRight":case"paddingBottom":a={padding:{[lt.yy[i]]:+t[i]}};break;case"paddingTopBottom":a={padding:{top:+t[i],bottom:+t[i]}},l.paddingTop=l.paddingBottom=+t[i];break;case"paddingLeftRight":a={padding:{left:+t[i],right:+t[i]}},l.paddingLeft=l.paddingRight=+t[i];break;case"borderRadiusAll":case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":a={borderRadius:{[lt.wF[i]]:+t[i]}};break;case"mobileWidth":a={[i]:{classNamePrefix:"em-mob-width-",value:t[i],dim:l.mobileWidthDim}};break;case"mobileWidthDim":a={mobileWidth:{classNamePrefix:"em-mob-width-",value:l.mobileWidth\|\|100,dim:t[i]}};break;case"mobileHeight":a={[i]:{classNamePrefix:"em-mob-height-",value:t[i],dim:l.mobileHeightDim}};break;case"mobileHeightDim":a={mobileHeight:{classNamePrefix:"em-mob-height-",value:l.mobileHeight,dim:t[i]}};break;case"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":a={mobileBorderRadius:{[lt.NW[i]]:t[i],classNamePrefix:"em-mob-border_radius_"+lt.NW[i]+"-"}};break;case"mobileBoxShadowInset":case"mobileBoxShadowHOffset":case"mobileBoxShadowVOffset":case"mobileBoxShadowBlurRadius":case"mobileBoxShadowSpreadRadius":case"mobileBoxShadowColor":a={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":a={[i]:{classNamePrefix:"em-mob-text_align-",value:t[i]}};break;case"mobileVerticalAlign":a={[i]:{classNamePrefix:"em-mob-vertical_align-",value:t[i]}};break;case"mobileBackgroundColor":a={[i]:{classNamePrefix:"em-mob-background_color-",value:t[i]}};break;case"mobileBackgroundImage":a={[i]:[{...e.mobileBackgroundImage[0],classNamePrefix:"em-mob-background_image-",value:t[i]}]};break;case"mobileBackgroundPositionX":a={[i]:{classNamePrefix:"em-mob-background_position_x-",value:t[i]}};break;case"mobileBackgroundPositionY":a={[i]:{classNamePrefix:"em-mob-background_position_x-",value:t[i]}};break;case"mobileBackgroundRepeat":a={[i]:{classNamePrefix:"em-mob-background_repeat-",value:t[i]}};break;case"mobilePaddingTop":case"mobilePaddingLeft":case"mobilePaddingRight":case"mobilePaddingBottom":a={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],a={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],a={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":a={[i]:{classNamePrefix:"em-mob-direction-",value:t[i]}};break;case"backgroundPositionX":case"backgroundPositionY":a={[i]:isNaN(parseFloat(t[i].position))?t[i].position:t[i].position+t[i].unit};break;default:a=t}"borderPosition"!==i&&"mobileBorderPosition"!==i&&o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:a})};return l.createElement(i.lV,{form:n,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:lt.uE[ne]\|\|"borderAll",mobileBorderPosition:lt.lS[re]\|\|"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:se,autoComplete:"off",className:"element-controls"},!k&&l.createElement(i.m_,{title:t("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(i.Fc,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),v===h.ND&&f.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props"},l.createElement(Dt,{form:n,elementSettings:e,mobileBoxShadow:u,mobileBordersShow:N,mobileBorderRadiusShow:O,mobileBoxShadowShow:D,mobileSizeShow:j,mobileBackgroundShow:X,mobilePaddingShow:Z,mobilePaddingsExt:T,setMobilePaddingsExt:x,oneMobileBorderRadiusValue:g,setOneMobileBorderRadiusValue:b,backgroundRepeatOptions:le,toggleShowMobileBorderHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{C(e=>!e),N?(t.mobileBorderAll=lt.RH,t.mobileBorderTop=lt.RH,t.mobileBorderBottom=lt.RH,t.mobileBorderRight=lt.RH,t.mobileBorderLeft=lt.RH):t.mobileBorderAll={width:1,color:"#E5E5E5",style:"solid"},o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorder:{all:{color:t.mobileBorderAll.color,style:t.mobileBorderAll.style,width:t.mobileBorderAll.width}}}})})},toggleShowMobileBorderRadiusHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{F(e=>!e),O?(t.mobileBorderRadiusAll=null,b(!0)):t.mobileBorderRadiusAll=5,o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorderRadius:{all:t.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}})})},toggleShowMobileBoxShadowHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{z(e=>!e),D?(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:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBoxShadow:{blurRadius:t.mobileBoxShadowBlurRadius,color:t.mobileBoxShadowColor,hOffset:t.mobileBoxShadowHOffset,inset:t.mobileBoxShadowInset,spreadRadius:t.mobileBoxShadowSpreadRadius,vOffset:t.mobileBoxShadowVOffset,classNamePrefix:"em-mob-box_shadow-"}}})})},toggleShowMobileSizeHandler:()=>{setTimeout(()=>{G(e=>!e)})},toggleShowMobileBackgroundHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{q(e=>!e),t.mobileBackgroundColor=X?"":"#E5E5E5",o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:t.mobileBackgroundColor}}})})},toggleShowMobilePaddingHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{ee(e=>!e),Z&&(t.mobilePaddingLeftRight="",t.mobilePaddingLeft="",t.mobilePaddingRight="",t.mobilePaddingTopBottom="",t.mobilePaddingTop="",t.mobilePaddingBottom="",o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobilePadding:{all:null,top:null,right:null,bottom:null,left:null,classNamePrefix:"em-mob-padding_"}}}))})}})," "):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(Vt,{form:n,elementSettings:e,boxShadow:d,bordersShow:A,borderRadiusShow:P,boxShadowShow:M,backgroundShow:U,backgroundImageEmpty:E,backgroundRepeatOptions:le,sizeShow:W,maxWidthValue:te,modificationShow:K,paddingShow:Q,paddingsExt:w,oneBorderRadiusValue:m,setOneBorderRadiusValue:c,togglePaddingHandler:()=>{R(e=>!e);const t=n.getFieldsValue(!0);w\|\|(t.paddingLeftRight=t.paddingLeft,t.paddingTopBottom=t.paddingTop,t.paddingRight=t.paddingLeft,t.paddingBottom=t.paddingTop,o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{padding:{top:t.paddingTopBottom,bottom:t.paddingTopBottom,left:t.paddingLeftRight,right:t.paddingLeftRight}}}))},toggleShowPaddingHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{J(e=>!e),Q&&(t.paddingLeftRight="",t.paddingLeft="",t.paddingRight="",t.paddingTopBottom="",t.paddingTop="",t.paddingBottom="",o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{padding:{all:0}}}))})},toggleShowBorderHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{I(e=>!e),A?(t.borderAll=lt.RH,t.borderTop=lt.RH,t.borderBottom=lt.RH,t.borderRight=lt.RH,t.borderLeft=lt.RH):t.borderAll={width:1,color:"#E5E5E5",style:"solid"},o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{border:{all:{color:t.borderAll.color,style:t.borderAll.style,width:t.borderAll.width}}}})})},toggleShowBorderRadiusHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{L(e=>!e),P?(t.borderRadiusAll=0,c(!0)):t.borderRadiusAll=5,o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{borderRadius:{all:t.borderRadiusAll}}})})},toggleShowBoxShadowHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{V(e=>!e),M?(t.boxShadowInset=!1,t.boxShadowHOffset=null,t.boxShadowVOffset=null,t.boxShadowBlurRadius=null,t.boxShadowSpreadRadius=null,t.boxShadowColor=""):(t.boxShadowInset=!1,t.boxShadowHOffset=5,t.boxShadowVOffset=5,t.boxShadowBlurRadius=10,t.boxShadowSpreadRadius=-5,t.boxShadowColor="#000000"),o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{boxShadow:{blurRadius:t.boxShadowBlurRadius,color:t.boxShadowColor,hOffset:t.boxShadowHOffset,inset:t.boxShadowInset,spreadRadius:t.boxShadowSpreadRadius,vOffset:t.boxShadowVOffset}}})})},toggleShowSizeHandler:()=>{setTimeout(()=>{H(e=>!e)})},toggleShowBackgroundHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{$(e=>!e),U?(t.backgroundColor="",t.backgroundImage="",t.backgroundPositionX="",t.backgroundPositionY="",t.backgroundRepeat="none",t.backgroundSize="",_(!0)):(t.backgroundColor="#E5E5E5",t.backgroundSize="",t.backgroundRepeat="none"),o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{backgroundColor:t.backgroundColor,backgroundImage:[{type:"url",value:t.backgroundImage}],backgroundPositionX:t.backgroundPositionX,backgroundPositionY:t.backgroundPositionY,backgroundRepeat:t.backgroundRepeat,backgroundSize:t.backgroundSize}})})},toggleShowModificationHandler:()=>{const t=n.getFieldsValue(!0);setTimeout(()=>{Y(e=>!e),K&&(t.exportAsPicture=!1,o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{exportAsPicture:!1}}))})},handleChangeValues:se})))},Wt=({form:e,elementSettings:t})=>{const{__:o}=(0,r.s9)(),a=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(i.lV.Item,{style:{marginBottom:"0"}},l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:o("Float block width"),placement:"bottom"},l.createElement(i.lV.Item,{name:"width"},l.createElement(i.YI,{min:0,placeholder:o("Float block width"),prefix:l.createElement(u.A,{icon:"ColumnWidthOutlined"}),addonAfter:l.createElement(i.lV.Item,{name:"widthDim",noStyle:!0},Xe.z$)})))),l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:o("Column gap"),placement:"bottom"},l.createElement(i.lV.Item,{name:"gap"},l.createElement(i.YI,{min:0,placeholder:o("Column gap"),prefix:l.createElement(u.A,{icon:"SplitCellsOutlined"}),addonAfter:l.createElement(i.lV.Item,{name:"widthDim",noStyle:!0},Xe.TX)})))))),l.createElement(i.y9,{title:o("Vertical alignment"),dividerTop:!0},l.createElement(Me,{form:e,elementSettings:t})),l.createElement(i.y9,{title:o("Display control"),dividerTop:!0},l.createElement(He,{elementSettings:t,form:e})),a.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(i.y9,{title:o("AMP visibility"),dividerTop:!0},l.createElement($e,null)))},Ht=({form:e,elementSettings:t})=>{const{__:o}=(0,r.s9)(),a=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(i.m_,{title:o("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(i.Fc,{className:"selected_form-mobile-props-title",message:o("Appearance on mobile devices"),type:"info"})),l.createElement(i.fI,{gutter:10,style:{marginBottom:20}},l.createElement(i.fv,{span:12},l.createElement(Ke,{form:e,name:"mobileWidth",elementSettings:t})),l.createElement(i.fv,{span:12})),l.createElement(i.y9,{title:o("Alignments"),dividerTop:!0},l.createElement(Me,{form:e,elementSettings:t,typeOfForm:"mobile"})),l.createElement(i.y9,{title:o("Display control"),dividerTop:!0},l.createElement(He,{elementSettings:t,form:e})),a.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(i.y9,{title:o("AMP visibility"),dividerTop:!0},l.createElement($e,null)))};let jt=0;const Gt=({elementSettings:e})=>{const{__:t}=(0,r.s9)(),o=(0,Le.XW)(),[n]=i.lV.useForm(),d=(0,a.d4)(tt.Ct),s=(0,a.d4)(tt.CS),m=(0,a.d4)(tt.Fv),c=(0,a.d4)(tt.yy),u=m&&"bottom"!==c;(0,l.useEffect)(()=>{var t,o,l,i,a,r,d,s,m,c,u,p,g;e&&(n.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===(a=e.maxWidth)\|\|void 0===a?void 0:a.value,maxWidthDim:null===(r=e.maxWidth)\|\|void 0===r?void 0:r.dim,minWidth:null===(d=e.minWidth)\|\|void 0===d?void 0:d.value,minWidthDim:null===(s=e.minWidth)\|\|void 0===s?void 0:s.dim,show:e.show?e.show:"all",mobileWidth:(0,Xe.xc)(null===(m=e.mobileWidth)\|\|void 0===m?void 0:m.value),mobileWidthDim:null===(c=e.mobileWidth)\|\|void 0===c?void 0:c.dim,mobileContentWidth:(0,Xe.xc)(null===(u=e.mobileContentWidth)\|\|void 0===u?void 0:u.value),mobileContentWidthDim:null===(p=e.mobileContentWidth)\|\|void 0===p?void 0:p.dim,mobileVerticalAlign:(0,Xe.ok)(null===(g=e.mobileVerticalAlign)\|\|void 0===g?void 0:g.value)}),jt=e.width.value+e.gap.value)},[n,e]);return l.createElement(i.lV,{form:n,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=n.getFieldsValue(!0),i=Object.keys(t)[0];let a;switch(i){case"width":jt=t[i]+l.gap,a={[i]:{value:t[i],dim:l.widthDim},gap:{value:l.gap}};break;case"widthDim":a={width:{value:l.width,dim:t[i]},gap:{value:l.gap}};break;case"gap":l.width=jt-t[i],a={[i]:{value:t[i],dim:"px"}};break;case"mobileWidth":a={[i]:{classNamePrefix:"em-mob-width-",value:t[i],dim:l.mobileWidthDim}};break;case"mobileWidthDim":a={mobileWidth:{classNamePrefix:"em-mob-width-",value:l.mobileWidth\|\|100,dim:t[i]}};break;case"mobileContentWidth":a={[i]:{classNamePrefix:"em-mob-width-",value:t[i],dim:l.mobileContentWidthDim}};break;case"mobileContentWidthDim":a={mobileContentWidth:{classNamePrefix:"em-mob-width-",value:100,dim:t[i]}};break;case"mobileVerticalAlign":a={[i]:{classNamePrefix:"em-mob-vertical_align-",value:t[i]}};break;default:a=t}o({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:a})},autoComplete:"off",className:"element-controls"},u&&l.createElement(i.m_,{title:t("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(i.Fc,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),d===h.ND&&s.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props",style:{display:d===h.ND&&s.styles?"block":"none"}},l.createElement(Ht,{form:n,elementSettings:e})):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(Wt,{form:n,elementSettings:e})))},Ut=({form:e,elementSettings:t,boxShadow:o,bordersShow:a,borderRadiusShow:n,boxShadowShow:d,backgroundShow:s,backgroundImageEmpty:c,backgroundRepeatOptions:p,paddingShow:g,paddingsExt:b,maxWidthValue:h,oneBorderRadiusValue:v,setOneBorderRadiusValue:f,linkProtocol:E,linkTarget:_,isOpenTextReplacer:S,textReplacerButtonRef:y,textReplacerInputRef:k,handleLinkProtocolsChange:w,handleSelect:R,textReplacerInputHandler:T,handleTextReplacerKeyDown:x,srcButtonHandler:A,togglePaddingHandler:I,toggleShowPaddingHandler:N,toggleShowBackgroundHandler:C,toggleShowBorderHandler:P,toggleShowBorderRadiusHandler:L,toggleShowBoxShadowHandler:O,setLinkProtocol:F,handleChangeValues:M})=>{const{__:V}=(0,r.s9)(),{token:D}=(0,i.rd)(),z=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(i.Fc,{className:"selected_form-desktop-props-title",message:V("Appearance on mobile devices"),type:"info"}),l.createElement("div",{className:"selected_form-props-wrapper"},l.createElement(i.fI,{gutter:20,style:{paddingBottom:4}},l.createElement(i.fv,{span:12},l.createElement(Fe,{form:e,elementSettings:t})),z.formButtonFieldTextAlignEnabled&&l.createElement(i.fv,{span:12,style:{textAlign:"right"}},l.createElement(ut.A,{form:e,name:"textAlign",elementSettings:t}))),l.createElement(i.cG,{className:"selected-td-form__divider",style:{marginBottom:24}}),l.createElement(i.m_,{trigger:["hover"],title:V("Hyperlink URL"),placement:"bottom"},l.createElement(i.lV.Item,{name:"href",style:{marginBottom:z.formButtonFieldReplacerEnabled?D.formItemMarginBottomXS:D.formItemMarginBottomMD+4}},l.createElement(i.pd,{addonBefore:l.createElement(Xe.Ai,{linkProtocol:E,handleLinkProtocolsChange:w,__:V}),placeholder:V("Hyperlink URL"),allowClear:!0,onSelect:R,prefix:l.createElement(Xe.RM,{linkProtocol:E})}))),"mailto:"===E&&l.createElement(l.Fragment,null,l.createElement(i.lV.Item,{name:"subject",style:{marginBottom:D.formItemMarginBottomXS}},l.createElement(i.pd,{placeholder:V("Subject")})),l.createElement(i.lV.Item,{name:"body",style:{marginBottom:D.formItemMarginBottomXS}},l.createElement(i.fs,{rows:3,placeholder:V("Body")}))),z.formButtonFieldReplacerEnabled&&l.createElement(l.Fragment,null,l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:3},l.createElement(i.m_,{title:V("Text replacer"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(i.$n,{className:m()("selected-td-form__button ant-form-item",{"selected-td-form__button--active":S}),icon:l.createElement(u.A,{icon:"Replacer",className:"selected-td-form__icon-radius"}),onClick:A,ref:y}))),l.createElement(i.fv,{span:21},S&&l.createElement(i.m_,{trigger:["hover"],title:V("Text"),placement:"bottom"},l.createElement(i.lV.Item,{name:"textReplacer"},l.createElement(i.pd,{placeholder:V("The code that will replace this text"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Text"),onChange:T,onKeyDown:x,ref:k,onSelect:R})))))),z.formButtonFieldPaddingsEnabled&&l.createElement(i.y9,{title:V("Padding"),collapsible:!0,open:g,onToggle:N,dividerTop:!0},l.createElement(i.L1,{extended:b,onToggleExtended:I,gutter:D.marginSM})),l.createElement(i.y9,{title:V("Size"),dividerTop:!0},l.createElement(i.n6,{maxWidth:h,dimensionSelect:Xe.z$,gutter:D.marginSM})),l.createElement("div",{style:{paddingTop:D.formItemMarginBottomMD+4,paddingBottom:4}},l.createElement(bt,{form:e,elementSettings:t,showAddParagraph:!1,isButton:!0,setLinkProtocol:F,linkProtocol:E,linkTarget:_})),l.createElement(i.y9,{title:V("Background"),collapsible:!0,open:s,onToggle:C,dividerTop:!0},l.createElement(Ct,{form:e,backgroundImageEmpty:c,appConfig:z,token:D,elementSettings:t,backgroundRepeatOptions:p,handleChangeValues:M})),z.formFieldBorderEnabled&&l.createElement(i.y9,{title:V("Borders"),collapsible:!0,open:a,onToggle:P,dividerTop:!0},l.createElement(Ce.A,{form:e,elementSettings:t})),z.formFieldBorderRadiusEnabled&&l.createElement(i.y9,{title:V("Border radius"),collapsible:!0,open:n,onToggle:L,dividerTop:!0},l.createElement(Pe.A,{form:e,oneBorderRadiusValue:v,setOneBorderRadiusValue:f,elementSettings:t})),z.formFieldBoxShadowEnabled&&l.createElement(i.y9,{title:V("Box shadow"),collapsible:!0,open:d,onToggle:O,dividerTop:!0},l.createElement(We,null)),z.formFieldVisibilityEnabled&&l.createElement(i.y9,{title:V("Display control"),dividerTop:!0},l.createElement(He,{elementSettings:t,form:e})),z.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(i.y9,{title:V("AMP visibility"),dividerTop:!0},l.createElement($e,null))))},$t=({form:e,elementSettings:t,boxShadow:o,mobileBordersShow:a,mobileBorderRadiusShow:n,mobileBoxShadowShow:d,mobileSizeShow:s,mobileBackgroundShow:m,mobileTextShow:c,mobilePaddingShow:u,mobilePaddingsExt:p,setMobilePaddingsExt:g,oneMobileBorderRadiusValue:b,setOneMobileBorderRadiusValue:h,linkProtocol:v,handleLinkProtocolsChange:f,setLinkProtocol:E,toggleShowMobileBorderHandler:_,toggleShowMobileBorderRadiusHandler:S,toggleShowMobileBoxShadowHandler:y,toggleShowMobileSizeHandler:k,toggleShowMobileBackgroundHandler:w,toggleShowMobileFontSizeHandler:R,toggleShowMobilePaddingHandler:T})=>{const{__:x}=(0,r.s9)(),{token:A}=(0,i.rd)(),I=(0,B.rD)();return l.createElement("div",{className:"selected_form-mobile-props-wrapper"},l.createElement(i.fI,{gutter:20,style:{paddingBottom:4}},l.createElement(i.fv,{span:12},l.createElement(Fe,{form:e,elementSettings:t,imgParent:!0,typeOfForm:"mobile"})),I.formButtonFieldTextAlignEnabled&&l.createElement(i.fv,{span:12,style:{textAlign:"right"}},l.createElement(vt,{form:e,name:"mobileTextAlign",elementSettings:t,imgParent:!0}))),!!t.showOnMobile&&l.createElement(l.Fragment,null,l.createElement(i.cG,{className:"selected-td-form__divider",style:{marginBottom:24}}),l.createElement(i.m_,{trigger:["hover"],title:x("Hyperlink URL"),placement:"bottom"},l.createElement(i.lV.Item,{name:"href",style:{marginBottom:"mailto:"===v?A.formItemMarginBottomXS:A.formItemMarginBottomMD+4}},l.createElement(i.pd,{addonBefore:l.createElement(Xe.Ai,{linkProtocol:v,handleLinkProtocolsChange:f,__:x}),placeholder:x("Hyperlink URL"),allowClear:!0,prefix:l.createElement(Xe.RM,{linkProtocol:v})}))),"mailto:"===v&&l.createElement(l.Fragment,null,l.createElement(i.lV.Item,{name:"subject"},l.createElement(i.pd,{placeholder:x("Subject")})),l.createElement(i.lV.Item,{name:"body",style:{marginBottom:A.formItemMarginBottomMD+4}},l.createElement(i.fs,{rows:3,placeholder:x("Body")})))),l.createElement(i.y9,{title:x("Text"),collapsible:!0,open:c,onToggle:R,dividerTop:!0},l.createElement(l.Fragment,null,!!t.showOnMobile&&l.createElement(bt,{form:e,elementSettings:t,setLinkProtocol:E,linkProtocol:v,showAddParagraph:!1,isButton:!0}),l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:12},l.createElement(mt,null))))),I.formButtonFieldPaddingsEnabled&&l.createElement(i.y9,{title:x("Padding"),collapsible:!0,open:u,onToggle:T,dividerTop:!0},l.createElement(Ot,{form:e,elementSettings:t,mobilePaddingsExt:p,setMobilePaddingsExt:g})),l.createElement(i.y9,{title:x("Size"),collapsible:!0,open:s,onToggle:k,dividerTop:!0},l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:12},l.createElement("div",{style:{marginBottom:2A.formItemMarginBottomXS}},l.createElement(i.m_,{title:x("Width"),placement:"bottom"},l.createElement(Ke,{form:e,name:"mobileWidth",elementSettings:t})))),l.createElement(i.fv,{span:12},l.createElement("div",{style:{marginBottom:2A.formItemMarginBottomXS}},l.createElement(i.m_,{title:x("Height"),placement:"bottom"},l.createElement(Ye,{form:e,name:"mobileHeight",elementSettings:t})))))),l.createElement(i.y9,{title:x("Background"),collapsible:!0,open:m,onToggle:w,dividerTop:!0},l.createElement("div",{style:{marginBottom:(I.formButtonFieldBackgroundImageEnabled,A.formItemMarginBottomMD+4)}},l.createElement(St,{form:e,elementSettings:t,label:x("Background color")}))),I.formFieldBorderEnabled&&l.createElement(i.y9,{title:x("Borders"),collapsible:!0,open:a,onToggle:_,dividerTop:!0},l.createElement(Ce.A,{form:e,typeOfForm:"mobile"})),I.formFieldBorderRadiusEnabled&&l.createElement(i.y9,{title:x("Border radius"),collapsible:!0,open:n,onToggle:S,dividerTop:!0},l.createElement(Pe.A,{form:e,oneBorderRadiusValue:b,setOneBorderRadiusValue:h,elementSettings:t,typeOfForm:"mobile"})),I.formFieldBoxShadowEnabled&&l.createElement(i.y9,{title:x("Box shadow"),collapsible:!0,open:d,onToggle:y,dividerTop:!0},l.createElement(We,{typeOfForm:"mobile"})),I.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(i.y9,{title:x("AMP visibility"),dividerTop:!0},l.createElement($e,null)),I.formFieldAmpVisibilityEnabled&&t.isAmp&&l.createElement(i.y9,{title:x("AMP visibility"),dividerTop:!0},l.createElement($e,null)))},Xt=({elementSettings:e})=>{var t;const{__:o}=(0,r.s9)(),n=(0,Le.XW)(),[d]=i.lV.useForm(),s=(0,a.wA)(),m=(0,a.d4)(f.Hs),[c,u]=(0,l.useState)({}),[p,g]=(0,l.useState)(!0),[b,v]=(0,l.useState)(!0),E=(0,a.d4)(tt.Ct),_=(0,a.d4)(tt.CS),[S,y]=(0,l.useState)(""===(null===(t=e.backgroundImage)\|\|void 0===t?void 0:t[0].value)),k=(0,a.d4)(tt.Fv),w=(0,a.d4)(tt.yy),B=k&&"bottom"!==w,R=(0,l.useRef)(null),T=(0,l.useRef)(null),[x,A]=(0,l.useState)(!1),[I,N]=(0,l.useState)(!1),[C,P]=(0,l.useState)(!1),[L,O]=(0,l.useState)(!1),[F,M]=(0,l.useState)(!1),[V,D]=(0,l.useState)(!1),[z,W]=(0,l.useState)(!1),[H,j]=(0,l.useState)(!1),[G,U]=(0,l.useState)(!1),[$,X]=(0,l.useState)(!1),[q,K]=(0,l.useState)(!1),[Y,Q]=(0,l.useState)(!1),[J,Z]=(0,l.useState)(!1),[ee,te]=(0,l.useState)(!1),[oe,le]=(0,l.useState)(""),[ie,ae]=(0,l.useState)("https://"),[ne,re]=(0,l.useState)({}),[de,se]=(0,l.useState)(!1),me=m.hasOwnProperty("type")?h.IE:h.Tm,ce=[{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"}],ue=e.border,pe=e.mobileBorder,ge=Object.keys(ue).find(e=>{var t,o,l;return(null===(t=ue[e])\|\|void 0===t?void 0:t.width)\|\|(null===(o=ue[e])\|\|void 0===o?void 0:o.style)\|\|(null===(l=ue[e])\|\|void 0===l?void 0:l.color)}),be=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)}),he=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,a,n,r,s,m,c,p,b,h,f,E,_,S,k,w,B,R,T,x,I,C,L,F,V,z,H,G,$,q,Y,J,ee,oe,le,ie,ne,re,de,se,me,ce,ue,pe,ve,fe,Ee,_e,Se,ye,ke,we,Be,Re,Te,xe,Ae,Ie,Ne,Ce,Pe,Le,Oe,Fe,Me,Ve,De,ze,We,He,je,Ge,Ue,$e,qe,Ke,Ye,Qe,Je,Ze,et,tt,ot,lt,it,at,nt,rt,dt,st,mt,ct,ut,pt,gt,bt,ht,vt,ft,Et,_t,St,yt,kt,wt,Bt,Rt,Tt,xt,At,It,Nt,Ct,Pt,Lt,Ot,Ft,Mt,Vt,Dt,zt,Wt,Ht,jt,Gt,Ut,$t,Xt,qt,Kt,Yt,Qt,Jt,Zt,eo,to,oo,lo,io,ao,no,ro,so,mo,co,uo,po,go,bo,ho,vo,fo,Eo,_o,So;const yo=e.boxShadow\|\|{},ko=e.mobilePadding\|\|{},wo=e.mobileAlign\|\|{},Bo=e.mobileBackgroundImage\|\|[];u(yo);let Ro="",To="",xo=e.href\|\|"https://";if(e.href){if(e.href.startsWith("mailto:")){const t=(0,Xe.kl)(e.href);Ro=t.subject,To=t.body,xo=t.baseEmail}(0,Xe.b9)(e.href,ae)}d.setFieldsValue({...e,href:xo,subject:Ro,body:To,width:null===(t=e.width)\|\|void 0===t?void 0:t.value,widthDim:null===(o=e.width)\|\|void 0===o?void 0:o.dim,height:null===(l=e.height)\|\|void 0===l?void 0:l.value,heightDim:null===(i=e.height)\|\|void 0===i?void 0:i.dim,backgroundImage:null===(a=e.backgroundImage)\|\|void 0===a?void 0:a[0].value,show:e.show?e.show:"all",textAlign:e.textAlign,borderAll:(0,Xe.ok)(e.border.all),borderTop:(0,Xe.ok)(e.border.top),borderBottom:(0,Xe.ok)(e.border.bottom),borderRight:(0,Xe.ok)(e.border.right),borderLeft:(0,Xe.ok)(e.border.left),mobileBorderAll:he(e.mobileBorder.all)\|\|!(he(e.mobileBorder.top)\|\|he(e.mobileBorder.bottom)\|\|he(e.mobileBorder.right)\|\|he(e.mobileBorder.left))&&he(e.border.all),mobileBorderTop:he(e.mobileBorder.top)\|\|!he(e.mobileBorder.all)&&he(e.border.top),mobileBorderBottom:he(e.mobileBorder.bottom)\|\|!he(e.mobileBorder.all)&&he(e.border.bottom),mobileBorderRight:he(e.mobileBorder.right)\|\|!he(e.mobileBorder.all)&&he(e.border.right),mobileBorderLeft:he(e.mobileBorder.left)\|\|!he(e.mobileBorder.all)&&he(e.border.left),paddingTop:(0,Xe.ok)(null===(n=e.padding)\|\|void 0===n?void 0:n.all)\|\|(0,Xe.ok)(null===(r=e.padding)\|\|void 0===r?void 0:r.top),paddingLeft:(0,Xe.ok)(null===(s=e.padding)\|\|void 0===s?void 0:s.all)\|\|(0,Xe.ok)(null===(m=e.padding)\|\|void 0===m?void 0:m.left),paddingRight:(0,Xe.ok)(null===(c=e.padding)\|\|void 0===c?void 0:c.all)\|\|(0,Xe.ok)(null===(p=e.padding)\|\|void 0===p?void 0:p.right),paddingBottom:(0,Xe.ok)(null===(b=e.padding)\|\|void 0===b?void 0:b.all)\|\|(0,Xe.ok)(null===(h=e.padding)\|\|void 0===h?void 0:h.bottom),paddingLeftRight:(0,Xe.ok)(null===(f=e.padding)\|\|void 0===f?void 0:f.left)\|\|(0,Xe.ok)(null===(E=e.padding)\|\|void 0===E?void 0:E.right),paddingTopBottom:(0,Xe.ok)(null===(_=e.padding)\|\|void 0===_?void 0:_.top)\|\|(0,Xe.ok)(null===(S=e.padding)\|\|void 0===S?void 0:S.bottom),borderRadiusAll:(0,Xe.ok)(null===(k=e.borderRadius)\|\|void 0===k?void 0:k.all),borderRadiusTopLeft:(0,Xe.ok)(null===(w=e.borderRadius)\|\|void 0===w?void 0:w.topLeft),borderRadiusBottomLeft:(0,Xe.ok)(null===(B=e.borderRadius)\|\|void 0===B?void 0:B.bottomLeft),borderRadiusTopRight:(0,Xe.ok)(null===(R=e.borderRadius)\|\|void 0===R?void 0:R.topRight),borderRadiusBottomRight:(0,Xe.ok)(null===(T=e.borderRadius)\|\|void 0===T?void 0:T.bottomRight),boxShadowInset:(0,Xe.ok)(null===(x=e.boxShadow)\|\|void 0===x?void 0:x.inset)\|\|!1,boxShadowHOffset:(0,Xe.ok)(null===(I=e.boxShadow)\|\|void 0===I?void 0:I.hOffset),boxShadowVOffset:(0,Xe.ok)(null===(C=e.boxShadow)\|\|void 0===C?void 0:C.vOffset),boxShadowBlurRadius:(0,Xe.ok)(null===(L=e.boxShadow)\|\|void 0===L?void 0:L.blurRadius),boxShadowSpreadRadius:(0,Xe.ok)(null===(F=e.boxShadow)\|\|void 0===F?void 0:F.spreadRadius),boxShadowColor:(0,Xe.ok)(null===(V=e.boxShadow)\|\|void 0===V?void 0:V.color),mobileWidth:(0,Xe.xc)(null===(z=e.mobileWidth)\|\|void 0===z?void 0:z.value)\|\|(null===(H=e.width)\|\|void 0===H?void 0:H.value),mobileWidthDim:(0,Xe.xc)(null===(G=e.mobileWidth)\|\|void 0===G?void 0:G.value)?null===($=e.mobileWidth)\|\|void 0===$?void 0:$.dim:null===(q=e.width)\|\|void 0===q?void 0:q.dim,mobileHeight:(0,Xe.xc)(null===(Y=e.mobileHeight)\|\|void 0===Y?void 0:Y.value)\|\|(null===(J=e.height)\|\|void 0===J?void 0:J.value),mobileHeightDim:(0,Xe.xc)(null===(ee=e.mobileHeight)\|\|void 0===ee?void 0:ee.value)?null===(oe=e.mobileHeight)\|\|void 0===oe?void 0:oe.dim:null===(le=e.height)\|\|void 0===le?void 0:le.dim,mobileBorderRadiusAll:(0,Xe.ok)(null===(ie=e.mobileBorderRadius)\|\|void 0===ie?void 0:ie.all)\|\|(0,Xe.ok)(null===(ne=e.borderRadius)\|\|void 0===ne?void 0:ne.all),mobileBorderRadiusTopLeft:(0,Xe.ok)(null===(re=e.mobileBorderRadius)\|\|void 0===re?void 0:re.topLeft)\|\|(0,Xe.ok)(null===(de=e.mobileBorderRadius)\|\|void 0===de?void 0:de.all)\|\|(0,Xe.ok)(null===(se=e.borderRadius)\|\|void 0===se?void 0:se.topLeft)\|\|(0,Xe.ok)(null===(me=e.borderRadius)\|\|void 0===me?void 0:me.all),mobileBorderRadiusBottomLeft:(0,Xe.ok)(null===(ce=e.mobileBorderRadius)\|\|void 0===ce?void 0:ce.bottomLeft)\|\|(0,Xe.ok)(null===(ue=e.mobileBorderRadius)\|\|void 0===ue?void 0:ue.all)\|\|(0,Xe.ok)(null===(pe=e.borderRadius)\|\|void 0===pe?void 0:pe.bottomLeft)\|\|(0,Xe.ok)(null===(ve=e.borderRadius)\|\|void 0===ve?void 0:ve.all),mobileBorderRadiusTopRight:(0,Xe.ok)(null===(fe=e.mobileBorderRadius)\|\|void 0===fe?void 0:fe.topRight)\|\|(0,Xe.ok)(null===(Ee=e.mobileBorderRadius)\|\|void 0===Ee?void 0:Ee.all)\|\|(0,Xe.ok)(null===(_e=e.borderRadius)\|\|void 0===_e?void 0:_e.topRight)\|\|(0,Xe.ok)(null===(Se=e.borderRadius)\|\|void 0===Se?void 0:Se.all),mobileBorderRadiusBottomRight:(0,Xe.ok)(null===(ye=e.mobileBorderRadius)\|\|void 0===ye?void 0:ye.bottomRight)\|\|(0,Xe.ok)(null===(ke=e.mobileBorderRadius)\|\|void 0===ke?void 0:ke.all)\|\|(0,Xe.ok)(null===(we=e.borderRadius)\|\|void 0===we?void 0:we.bottomRight)\|\|(0,Xe.ok)(null===(Be=e.borderRadius)\|\|void 0===Be?void 0:Be.all),mobileBoxShadowInset:null!=(null===(Re=e.mobileBoxShadow)\|\|void 0===Re?void 0:Re.inset)?e.mobileBoxShadow.inset:(null===(Te=e.boxShadow)\|\|void 0===Te?void 0:Te.inset)\|\|!1,mobileBoxShadowHOffset:(0,Xe.ok)(null===(xe=e.mobileBoxShadow)\|\|void 0===xe?void 0:xe.hOffset)\|\|(0,Xe.ok)(null===(Ae=e.boxShadow)\|\|void 0===Ae?void 0:Ae.hOffset),mobileBoxShadowVOffset:(0,Xe.ok)(null===(Ie=e.mobileBoxShadow)\|\|void 0===Ie?void 0:Ie.vOffset)\|\|(0,Xe.ok)(null===(Ne=e.boxShadow)\|\|void 0===Ne?void 0:Ne.vOffset),mobileBoxShadowBlurRadius:(0,Xe.ok)(null===(Ce=e.mobileBoxShadow)\|\|void 0===Ce?void 0:Ce.blurRadius)\|\|(0,Xe.ok)(null===(Pe=e.boxShadow)\|\|void 0===Pe?void 0:Pe.blurRadius),mobileBoxShadowSpreadRadius:(0,Xe.ok)(null===(Le=e.mobileBoxShadow)\|\|void 0===Le?void 0:Le.spreadRadius)\|\|(0,Xe.ok)(null===(Oe=e.boxShadow)\|\|void 0===Oe?void 0:Oe.spreadRadius),mobileBoxShadowColor:(0,Xe.ok)(null===(Fe=e.mobileBoxShadow)\|\|void 0===Fe?void 0:Fe.color)\|\|(0,Xe.ok)(null===(Me=e.boxShadow)\|\|void 0===Me?void 0:Me.color),mobileAlign:(0,Xe.ok)(null===wo\|\|void 0===wo?void 0:wo.value)\|\|e.align,mobileVerticalAlign:(0,Xe.ok)((null===(Ve=e.mobileVerticalAlign)\|\|void 0===Ve?void 0:Ve.value)\|\|e.valign),mobileBackgroundColor:(0,Xe.ok)((null===(De=e.mobileBackgroundColor)\|\|void 0===De?void 0:De.value)\|\|e.backgroundColor\|\|""),mobileBackgroundImage:"none"!==(null===(ze=Bo[0])\|\|void 0===ze?void 0:ze.value)?null===(We=Bo[0])\|\|void 0===We?void 0:We.value:(null===(He=e.backgroundImage)\|\|void 0===He?void 0:He[0].value)\|\|"",mobileBackgroundPositionX:(0,Xe.ok)(null===(je=e.mobileBackgroundPositionX)\|\|void 0===je?void 0:je.value)\|\|(0,Xe.ok)(null===(Ge=e.backgroundPositionX)\|\|void 0===Ge?void 0:Ge.value),mobileBackgroundPositionY:(0,Xe.ok)(null===(Ue=e.mobileBackgroundPositionY)\|\|void 0===Ue?void 0:Ue.value)\|\|(0,Xe.ok)(null===($e=e.backgroundPositionY)\|\|void 0===$e?void 0:$e.value),mobileBackgroundRepeat:(null===(qe=e.mobileBackgroundRepeat)\|\|void 0===qe?void 0:qe.value)\|\|e.backgroundRepeat\|\|"none",mobilePaddingTop:(0,Xe.ok)(ko.all)\|\|(0,Xe.ok)(ko.top)\|\|(0,Xe.ok)(null===(Ke=e.padding)\|\|void 0===Ke?void 0:Ke.all)\|\|(0,Xe.ok)(null===(Ye=e.padding)\|\|void 0===Ye?void 0:Ye.top),mobilePaddingLeft:(0,Xe.ok)(ko.all)\|\|(0,Xe.ok)(ko.left)\|\|(0,Xe.ok)(null===(Qe=e.padding)\|\|void 0===Qe?void 0:Qe.all)\|\|(0,Xe.ok)(null===(Je=e.padding)\|\|void 0===Je?void 0:Je.left),mobilePaddingRight:(0,Xe.ok)(ko.all)\|\|(0,Xe.ok)(ko.right)\|\|(0,Xe.ok)(null===(Ze=e.padding)\|\|void 0===Ze?void 0:Ze.all)\|\|(0,Xe.ok)(null===(et=e.padding)\|\|void 0===et?void 0:et.right),mobilePaddingBottom:(0,Xe.ok)(ko.all)\|\|(0,Xe.ok)(ko.bottom)\|\|(0,Xe.ok)(null===(tt=e.padding)\|\|void 0===tt?void 0:tt.all)\|\|(0,Xe.ok)(null===(ot=e.padding)\|\|void 0===ot?void 0:ot.bottom),mobilePaddingTopBottom:(0,Xe.ok)(ko.top)\|\|(0,Xe.ok)(ko.bottom)\|\|(0,Xe.ok)(null===(lt=e.padding)\|\|void 0===lt?void 0:lt.top)\|\|(0,Xe.ok)(null===(it=e.padding)\|\|void 0===it?void 0:it.bottom),mobilePaddingLeftRight:(0,Xe.ok)(ko.left)\|\|(0,Xe.ok)(ko.right)\|\|(0,Xe.ok)(null===(at=e.padding)\|\|void 0===at?void 0:at.left)\|\|(0,Xe.ok)(null===(nt=e.padding)\|\|void 0===nt?void 0:nt.right),mobileTextAlign:(0,Xe.ok)((null===(rt=e.mobileTextAlign)\|\|void 0===rt?void 0:rt.value)\|\|e.textAlign),exportAsPicture:null===e\|\|void 0===e?void 0:e.exportAsPicture,mobileFontSize:(0,Xe.ok)((null===(dt=e.mobileFontSize)\|\|void 0===dt?void 0:dt.value)\|\|e.fontSize)}),!(0,Xe.ok)(null===(st=e.borderRadius)\|\|void 0===st?void 0:st.all)&&((0,Xe.ok)(null===(mt=e.borderRadius)\|\|void 0===mt?void 0:mt.topLeft)\|\|(0,Xe.ok)(null===(ct=e.borderRadius)\|\|void 0===ct?void 0:ct.bottomLeft)\|\|(0,Xe.ok)(null===(ut=e.borderRadius)\|\|void 0===ut?void 0:ut.topRight)\|\|(0,Xe.ok)(null===(pt=e.borderRadius)\|\|void 0===pt?void 0:pt.bottomRight))?g(!1):g(!0),!(0,Xe.ok)(e.mobileBorderRadius.all)&&((0,Xe.ok)(e.mobileBorderRadius.topLeft)\|\|(0,Xe.ok)(e.mobileBorderRadius.bottomLeft)\|\|(0,Xe.ok)(e.mobileBorderRadius.topRight)\|\|(0,Xe.ok)(e.mobileBorderRadius.bottomRight))\|\|(0,Xe.ok)(e.mobileBorderRadius.all)&&((0,Xe.ok)(e.mobileBorderRadius.topLeft)\|\|(0,Xe.ok)(e.mobileBorderRadius.bottomLeft)\|\|(0,Xe.ok)(e.mobileBorderRadius.topRight)\|\|(0,Xe.ok)(e.mobileBorderRadius.bottomRight))\|\|!(0,Xe.ok)(e.borderRadius.all)&&!(0,Xe.ok)(e.mobileBorderRadius.all)&&((0,Xe.ok)(e.borderRadius.topLeft)\|\|(0,Xe.ok)(e.borderRadius.bottomLeft)\|\|(0,Xe.ok)(e.borderRadius.topRight)\|\|(0,Xe.ok)(e.borderRadius.bottomRight))?v(!1):v(!0),y(""===(null===(gt=e.backgroundImage)\|\|void 0===gt?void 0:gt[0].value)),(0,Xe.ok)(null===(bt=e.padding)\|\|void 0===bt?void 0:bt.all)\|\|!((0,Xe.ok)(null===(ht=e.padding)\|\|void 0===ht?void 0:ht.top)\|\|(0,Xe.ok)(null===(vt=e.padding)\|\|void 0===vt?void 0:vt.right)\|\|(0,Xe.ok)(null===(ft=e.padding)\|\|void 0===ft?void 0:ft.bottom)\|\|(0,Xe.ok)(null===(Et=e.padding)\|\|void 0===Et?void 0:Et.left))\|\|(null===(_t=e.padding)\|\|void 0===_t?void 0:_t.top)===(null===(St=e.padding)\|\|void 0===St?void 0:St.bottom)&&(null===(yt=e.padding)\|\|void 0===yt?void 0:yt.right)===(null===(kt=e.padding)\|\|void 0===kt?void 0:kt.left)?A(!0):A(!1),!(0,Xe.ok)(ko.all)&&((0,Xe.ok)(ko.top)\|\|(0,Xe.ok)(ko.right)\|\|(0,Xe.ok)(ko.bottom)\|\|(0,Xe.ok)(ko.left))&&(ko.top!==ko.bottom\|\|ko.right!==ko.left)\|\|!(0,Xe.ok)(null===(wt=e.padding)\|\|void 0===wt?void 0:wt.all)&&((0,Xe.ok)(null===(Bt=e.padding)\|\|void 0===Bt?void 0:Bt.top)\|\|(0,Xe.ok)(null===(Rt=e.padding)\|\|void 0===Rt?void 0:Rt.right)\|\|(0,Xe.ok)(null===(Tt=e.padding)\|\|void 0===Tt?void 0:Tt.bottom)\|\|(0,Xe.ok)(null===(xt=e.padding)\|\|void 0===xt?void 0:xt.left))&&((null===(At=e.padding)\|\|void 0===At?void 0:At.top)!==(null===(It=e.padding)\|\|void 0===It?void 0:It.bottom)\|\|(null===(Nt=e.padding)\|\|void 0===Nt?void 0:Nt.right)!==(null===(Ct=e.padding)\|\|void 0===Ct?void 0:Ct.left))?N(!1):N(!0),P(e=>!!ge\|\|e),O(e=>!(!ge&&!be)\|\|e),M(!(null===(Pt=e.borderRadius)\|\|void 0===Pt\|\|!Pt.all)\|\|!(null===(Lt=e.borderRadius)\|\|void 0===Lt\|\|!Lt.topLeft)\|\|!(null===(Ot=e.borderRadius)\|\|void 0===Ot\|\|!Ot.bottomLeft)\|\|!(null===(Ft=e.borderRadius)\|\|void 0===Ft\|\|!Ft.topRight)\|\|!(null===(Mt=e.borderRadius)\|\|void 0===Mt\|\|!Mt.bottomRight)),D(!(null===(Vt=e.mobileBorderRadius)\|\|void 0===Vt\|\|!Vt.all)\|\|!(null===(Dt=e.mobileBorderRadius)\|\|void 0===Dt\|\|!Dt.topLeft)\|\|!(null===(zt=e.mobileBorderRadius)\|\|void 0===zt\|\|!zt.bottomLeft)\|\|!(null===(Wt=e.mobileBorderRadius)\|\|void 0===Wt\|\|!Wt.topRight)\|\|!(null===(Ht=e.mobileBorderRadius)\|\|void 0===Ht\|\|!Ht.bottomRight)\|\|!(null===(jt=e.borderRadius)\|\|void 0===jt\|\|!jt.all)\|\|!(null===(Gt=e.borderRadius)\|\|void 0===Gt\|\|!Gt.topLeft)\|\|!(null===(Ut=e.borderRadius)\|\|void 0===Ut\|\|!Ut.bottomLeft)\|\|!(null===($t=e.borderRadius)\|\|void 0===$t\|\|!$t.topRight)\|\|!(null===(Xt=e.borderRadius)\|\|void 0===Xt\|\|!Xt.bottomRight)),W(!!e.boxShadow),j(!(null===(qt=e.mobileBoxShadow)\|\|void 0===qt\|\|!qt.blurRadius)\|\|!(null===(Kt=e.mobileBoxShadow)\|\|void 0===Kt\|\|!Kt.color)\|\|!(null===(Yt=e.mobileBoxShadow)\|\|void 0===Yt\|\|!Yt.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),U(!(null===(eo=e.mobileWidth)\|\|void 0===eo\|\|!eo.value)\|\|!(null===(to=e.mobileHeight)\|\|void 0===to\|\|!to.value)\|\|!!e.width.value\|\|!!e.height.value),X(!!e.backgroundColor\|\|!(null===(oo=e.backgroundImage)\|\|void 0===oo\|\|!oo[0].value)\|\|!!e.backgroundPositionY\|\|!!e.backgroundPositionX\|\|"repeat"!==e.backgroundRepeat\|\|!e.backgroundRepeat,!!e.backgroundSize),K(!(null===(lo=e.mobileBackgroundColor)\|\|void 0===lo\|\|!lo.value)\|\|!!e.backgroundColor\|\|!(null===(io=e.backgroundImage)\|\|void 0===io\|\|!io[0].value)\|\|!!e.backgroundPositionY\|\|!!e.backgroundPositionX\|\|"repeat"!==e.backgroundRepeat\|\|!e.backgroundRepeat,!!e.backgroundSize),Q(!(null===(ao=e.mobileFontSize)\|\|void 0===ao\|\|!ao.value)\|\|!!e.fontSize\|\|!!e.showOnMobile),Z(!(null===(no=e.padding)\|\|void 0===no\|\|!no.all)\|\|!(null===(ro=e.padding)\|\|void 0===ro\|\|!ro.top)\|\|!(null===(so=e.padding)\|\|void 0===so\|\|!so.bottom)\|\|!(null===(mo=e.padding)\|\|void 0===mo\|\|!mo.left)\|\|!(null===(co=e.padding)\|\|void 0===co\|\|!co.right)),te(!(null===(uo=e.mobilePadding)\|\|void 0===uo\|\|!uo.all)\|\|!(null===(po=e.mobilePadding)\|\|void 0===po\|\|!po.top)\|\|!(null===(go=e.mobilePadding)\|\|void 0===go\|\|!go.bottom)\|\|!(null===(bo=e.mobilePadding)\|\|void 0===bo\|\|!bo.left)\|\|!(null===(ho=e.mobilePadding)\|\|void 0===ho\|\|!ho.right)\|\|!(null===(vo=e.padding)\|\|void 0===vo\|\|!vo.all)\|\|!(null===(fo=e.padding)\|\|void 0===fo\|\|!fo.top)\|\|!(null===(Eo=e.padding)\|\|void 0===Eo\|\|!Eo.bottom)\|\|!(null===(_o=e.padding)\|\|void 0===_o\|\|!_o.left)\|\|!(null===(So=e.padding)\|\|void 0===So\|\|!So.right))}},[d,e,B]);const ve=(0,l.useCallback)(e=>{s(me===h.Tm?(0,f.A9)(e):(0,Te.A9)(e))},[s,me]),fe=t=>{const o=d.getFieldsValue(!0),l=Object.keys(t)[0];let i;switch(le("%"===d.getFieldsValue(!0).widthDim?100:""),l){case"exportAsPicture":i={exportAsPicture:o.exportAsPicture};break;case"boxShadowInset":case"boxShadowHOffset":case"boxShadowVOffset":case"boxShadowBlurRadius":case"boxShadowSpreadRadius":case"boxShadowColor":i={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 a,r,s;if("borderAll"===o.borderPosition)i={border:{...h.iV,all:{...lt.RH,...o.borderAll}}},d.setFieldsValue({borderLeft:lt.RH,borderRight:lt.RH,borderTop:lt.RH,borderBottom:lt.RH});else null!==(a=o.borderAll)&&void 0!==a&&a.width\|\|null!==(r=o.borderAll)&&void 0!==r&&r.style\|\|null!==(s=o.borderAll)&&void 0!==s&&s.color?(i={border:{all:null,left:o.borderAll,right:o.borderAll,top:o.borderAll,bottom:o.borderAll,[lt.Vz[l]]:{...o[l],...t[l]}}},d.setFieldsValue({borderAll:null,borderLeft:o.borderAll,borderRight:o.borderAll,borderTop:o.borderAll,borderBottom:o.borderAll,[l]:{...o[l],...t[l]}})):(i={border:{all:null,left:o.borderLeft,right:o.borderRight,top:o.borderTop,bottom:o.borderBottom,[lt.Vz[l]]:{...o[l],...t[l]}}},d.setFieldsValue({border:i.border}));break;case"mobileBorderAll":case"mobileBorderTop":case"mobileBorderBottom":case"mobileBorderLeft":case"mobileBorderRight":if("mobileBorderAll"===o.mobileBorderPosition)i={mobileBorder:{...h.iV,all:{...lt.RH,...o.mobileBorderAll,classNamePrefix:"em-mob-border_"+lt.ax[l]+"-"}}},d.setFieldsValue({borderLeft:lt.RH,borderRight:lt.RH,borderTop:lt.RH,borderBottom:lt.RH});else{var m,c,u,p,g,b;const a=lt.ax[l],n={...o[l],...t[l]},r=!(null!==n&&void 0!==n&&n.width)&&!(null!==n&&void 0!==n&&n.style)&&!(null!==n&&void 0!==n&&n.color);if(null!==(m=o.mobileBorder)&&void 0!==m&&null!==(c=m.all)&&void 0!==c&&c.width\|\|null!==(u=o.mobileBorder)&&void 0!==u&&null!==(p=u.all)&&void 0!==p&&p.style\|\|null!==(g=o.mobileBorder)&&void 0!==g&&null!==(b=g.all)&&void 0!==b&&b.color){const e=o.mobileBorderAll;i={mobileBorder:{all:null,left:e,right:e,top:e,bottom:e,[a]:r?null:{...n,classNamePrefix:"em-mob-border_"+a+"-"}}},d.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};i={mobileBorder:{all:null,left:"left"===a?r?null:{...n,classNamePrefix:"em-mob-border_left-"}:o("left"),right:"right"===a?r?null:{...n,classNamePrefix:"em-mob-border_right-"}:o("right"),top:"top"===a?r?null:{...n,classNamePrefix:"em-mob-border_top-"}:o("top"),bottom:"bottom"===a?r?null:{...n,classNamePrefix:"em-mob-border_bottom-"}:o("bottom")}},d.setFieldsValue({[l]:n})}}break;case"width":i={[l]:{value:t[l],dim:o.widthDim}};break;case"height":i={[l]:{value:t[l],dim:o.heightDim}};break;case"widthDim":i={width:{value:o.width,dim:t[l]}};break;case"heightDim":i={height:{value:o.height,dim:t[l]}};break;case"backgroundImage":y(""===t[l]),i={[l]:[{...e.backgroundImage[0],value:t[l]}],backgroundSize:"cover"};break;case"paddingTop":case"paddingLeft":case"paddingRight":case"paddingBottom":i={padding:{left:o.paddingLeft,right:o.paddingRight,top:o.paddingTop,bottom:o.paddingBottom,[lt.yy[l]]:+t[l]}};break;case"paddingTopBottom":i={padding:{left:o.paddingLeft,right:o.paddingRight,top:+t[l],bottom:+t[l]}},o.paddingTop=o.paddingBottom=+t[l];break;case"paddingLeftRight":i={padding:{top:o.paddingTop,bottom:o.paddingBottom,left:+t[l],right:+t[l]}},o.paddingLeft=o.paddingRight=+t[l];break;case"borderRadiusAll":i={borderRadius:{[lt.wF[l]]:+t[l]}};break;case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":i={borderRadius:{topLeft:o.borderRadiusTopLeft,bottomLeft:o.borderRadiusBottomLeft,topRight:o.borderRadiusTopRight,bottomRight:o.borderRadiusBottomRight,[lt.wF[l]]:+t[l]}};break;case"mobileWidth":i={[l]:{classNamePrefix:"em-mob-width-",value:t[l],dim:o.mobileWidthDim}};break;case"mobileWidthDim":i={mobileWidth:{classNamePrefix:"em-mob-width-",value:o.mobileWidth\|\|100,dim:t[l]}};break;case"mobileHeight":i={[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":i={mobileHeight:{classNamePrefix:"em-mob-height-",value:o.mobileHeight,dim:t[l]}};break;case"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":i={mobileBorderRadius:{[lt.NW[l]]:t[l],classNamePrefix:"em-mob-border_radius_"+lt.NW[l]+"-"}};break;case"mobileBoxShadowInset":case"mobileBoxShadowHOffset":case"mobileBoxShadowVOffset":case"mobileBoxShadowBlurRadius":case"mobileBoxShadowSpreadRadius":case"mobileBoxShadowColor":i={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":i={[l]:{classNamePrefix:"em-mob-table_align-",value:t[l]}};break;case"mobileTextAlign":i={[l]:{classNamePrefix:"em-mob-text_align-",value:t[l]}};break;case"mobileVerticalAlign":i={[l]:{classNamePrefix:"em-mob-vertical_align-",value:t[l]}};break;case"mobileBackgroundColor":i={[l]:{classNamePrefix:"em-mob-background_color-",value:t[l]}};break;case"mobileBackgroundPositionX":i={[l]:{classNamePrefix:"em-mob-background_position_x-",value:t[l]}};break;case"mobileBackgroundPositionY":i={[l]:{classNamePrefix:"em-mob-background_position_x-",value:t[l]}};break;case"mobileBackgroundRepeat":i={[l]:{classNamePrefix:"em-mob-background_repeat-",value:t[l]}};break;case"mobilePaddingTop":case"mobilePaddingLeft":case"mobilePaddingRight":case"mobilePaddingBottom":i={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],i={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],i={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":i={[l]:{classNamePrefix:"em-mob-font_size-",value:t[l],dim:o.mobileFontSizeDim}};break;case"href":let n=t[l];"https://http"===n.substring(0,12)&&(n=n.substring(8,n.length),o.href=n),i=n.startsWith("mailto:")?{[l]:(0,Xe.N_)(n,o.subject,o.body)}:{[l]:n},(0,Xe.b9)(t[l],ae);break;case"subject":case"body":const v=o.href\|\|"";if(!v.startsWith("mailto:"))return;{const e="subject"===l?t[l]:o.subject,a="body"===l?t[l]:o.body;i={href:(0,Xe.N_)(v,e,a)}}break;case"backgroundPositionX":case"backgroundPositionY":i={[l]:isNaN(parseFloat(t[l].position))?t[l].position:t[l].position+t[l].unit};break;default:i=t}var v;"borderPosition"!==l&&"mobileBorderPosition"!==l&&(n({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:i}),"mobileBorderRadiusAll"!==l&&"mobileBorderRadiusTopLeft"!==l&&"mobileBorderRadiusTopRight"!==l&&"mobileBorderRadiusBottomLeft"!==l&&"mobileBorderRadiusBottomRight"!==l&&ve({...e,...i,mobileBorderRadius:{...e.mobileBorderRadius,...null===(v=i)\|\|void 0===v?void 0:v.mobileBorderRadius},activateSection:null,changeKey:l}))},Ee=e=>{d.setFieldValue("href","mergetag"!==e?e:""),ae(e)};(0,l.useEffect)(()=>{var t;se(!(null===(t=e.textReplacer)\|\|void 0===t\|\|!t.length))},[e]);return l.createElement(i.lV,{form:d,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:lt.uE[ge]\|\|"borderAll",mobileBorderPosition:lt.lS[be]\|\|"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:fe,autoComplete:"off",className:"element-controls"},!B&&l.createElement(i.m_,{title:o("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(i.Fc,{className:"selected_form-mobile-props-title",message:o("Appearance on mobile devices"),type:"info"})),B?l.createElement(ht,{form:d,elementSettings:e,showAddParagraph:!1,isButton:!0}):l.createElement(l.Fragment,null,E===h.ND&&_.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props"},l.createElement($t,{form:d,elementSettings:e,boxShadow:c,mobileBordersShow:L,mobileBorderRadiusShow:V,mobileBoxShadowShow:H,mobileSizeShow:G,mobileBackgroundShow:q,mobileTextShow:Y,mobilePaddingShow:ee,mobilePaddingsExt:I,setMobilePaddingsExt:N,oneMobileBorderRadiusValue:b,setOneMobileBorderRadiusValue:v,linkProtocol:ie,handleLinkProtocolsChange:Ee,setLinkProtocol:ae,toggleShowMobileBorderHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{O(e=>!e),L?(t.mobileBorderAll=lt.RH,t.mobileBorderTop=lt.RH,t.mobileBorderBottom=lt.RH,t.mobileBorderRight=lt.RH,t.mobileBorderLeft=lt.RH):t.mobileBorderAll={width:1,color:"#E5E5E5",style:"solid"},n({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorder:{all:{color:t.mobileBorderAll.color,style:t.mobileBorderAll.style,width:t.mobileBorderAll.width}}}})})},toggleShowMobileBorderRadiusHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{D(e=>!e),V?(t.mobileBorderRadiusAll=null,v(!0)):t.mobileBorderRadiusAll=5,n({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorderRadius:{all:t.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}})})},toggleShowMobileBoxShadowHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{j(e=>!e),H?(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"),n({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBoxShadow:{blurRadius:t.mobileBoxShadowBlurRadius,color:t.mobileBoxShadowColor,hOffset:t.mobileBoxShadowHOffset,inset:t.mobileBoxShadowInset,spreadRadius:t.mobileBoxShadowSpreadRadius,vOffset:t.mobileBoxShadowVOffset,classNamePrefix:"em-mob-box_shadow-"}}})})},toggleShowMobileSizeHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{U(e=>!e),G&&(t.mobileWidth="",t.mobileHeight="",n({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileWidth:{value:null,dim:"px",classNamePrefix:"em-mob-width-"},mobileHeight:{value:null,dim:"px",classNamePrefix:"em-mob-height-"}}}))})},toggleShowMobileBackgroundHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{K(e=>!e),t.mobileBackgroundColor=q?"":e.commonStyles.buttons.backgroundColor\|\|"#1C52DC",n({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:t.mobileBackgroundColor}}})})},toggleShowMobileFontSizeHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{Q(e=>!e),Y&&(t.mobileFontSize="",n({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileFontSize:{value:null,dim:"px",classNamePrefix:"em-mob-font_size-"}}}))})},toggleShowMobilePaddingHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{te(e=>!e),ee&&(t.mobilePaddingLeftRight="",t.mobilePaddingLeft="",t.mobilePaddingRight="",t.mobilePaddingTopBottom="",t.mobilePaddingTop="",t.mobilePaddingBottom="",n({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobilePadding:{all:null,top:null,right:null,bottom:null,left:null,classNamePrefix:"em-mob-padding_"}}}))})}})):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(Ut,{form:d,elementSettings:e,boxShadow:c,bordersShow:C,borderRadiusShow:F,boxShadowShow:z,backgroundShow:$,backgroundImageEmpty:S,backgroundRepeatOptions:ce,paddingShow:J,paddingsExt:x,maxWidthValue:oe,oneBorderRadiusValue:p,setOneBorderRadiusValue:g,linkProtocol:ie,linkTarget:ne,isOpenTextReplacer:de,textReplacerButtonRef:T,textReplacerInputRef:R,handleLinkProtocolsChange:Ee,handleSelect:({target:e})=>{const{selectionStart:t,selectionEnd:o}=e;e&&re({target:e,selection:{start:t,end:o}})},textReplacerInputHandler:e=>{""!==e.target.value&&T.current.classList.add("selected-td-form__button--active")},handleTextReplacerKeyDown:e=>{const t=e.target,o=t.value,l=t.selectionStart;if(0!==l\|\|" "!==e.key){if(" "===e.key){if(l!==o.length)return void e.preventDefault();o.endsWith(" ")&&e.preventDefault()}}else e.preventDefault()},srcButtonHandler:()=>{se(!de),de?(d.setFieldValue("textReplacer",""),n({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{textReplacer:""}})):setTimeout(()=>R.current.focus())},togglePaddingHandler:()=>{A(e=>!e);const t=d.getFieldsValue(!0);x\|\|(t.paddingLeftRight=t.paddingLeft,t.paddingTopBottom=t.paddingTop,t.paddingRight=t.paddingLeft,t.paddingBottom=t.paddingTop,n({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{padding:{top:t.paddingTopBottom,bottom:t.paddingTopBottom,left:t.paddingLeftRight,right:t.paddingLeftRight}}}))},toggleShowPaddingHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{Z(e=>!e),J&&(t.paddingLeftRight="",t.paddingLeft="",t.paddingRight="",t.paddingTopBottom="",t.paddingTop="",t.paddingBottom="",n({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{padding:{all:0}}}))})},toggleShowBackgroundHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{X(e=>!e),$?(t.backgroundColor="",t.backgroundImage="",t.backgroundPositionX="",t.backgroundPositionY="",t.backgroundRepeat="none",t.backgroundSize="",y(!0)):(t.backgroundColor="#E5E5E5",t.backgroundSize="",t.backgroundRepeat="none"),n({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{backgroundColor:t.backgroundColor,backgroundImage:[{type:"url",value:t.backgroundImage}],backgroundPositionX:t.backgroundPositionX,backgroundPositionY:t.backgroundPositionY,backgroundRepeat:t.backgroundRepeat,backgroundSize:t.backgroundSize}})})},toggleShowBorderHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{P(e=>!e),C?(t.borderAll=lt.RH,t.borderTop=lt.RH,t.borderBottom=lt.RH,t.borderRight=lt.RH,t.borderLeft=lt.RH):t.borderAll={width:1,color:"#E5E5E5",style:"solid"},n({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{border:{all:{color:t.borderAll.color,style:t.borderAll.style,width:t.borderAll.width}}}})})},toggleShowBorderRadiusHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{M(e=>!e),F?(t.borderRadiusAll=0,g(!0)):t.borderRadiusAll=5,n({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{borderRadius:{all:t.borderRadiusAll}}})})},toggleShowBoxShadowHandler:()=>{const t=d.getFieldsValue(!0);setTimeout(()=>{W(e=>!e),z?(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"),n({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{boxShadow:{blurRadius:t.boxShadowBlurRadius,color:t.boxShadowColor,hOffset:t.boxShadowHOffset,inset:t.boxShadowInset,spreadRadius:t.boxShadowSpreadRadius,vOffset:t.boxShadowVOffset}}})})},setLinkProtocol:ae,handleChangeValues:fe}))))},qt=({elementSettings:e})=>{const{__:t}=(0,r.s9)(),[o]=i.lV.useForm(),a=(0,Le.XW)();(0,l.useEffect)(()=>{e&&o.setFieldsValue({...e})},[o,e]);return l.createElement(i.lV,{form:o,layout:"vertical",name:"selected_variable_form",initialValues:{value:""},onValuesChange:t=>{a({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:t})},autoComplete:"off"},l.createElement(i.lV.Item,{label:t("Variable value"),name:"value",tooltip:{title:t("Type the output parameters of your platform. E.g., ")+"${Recipient.FirstName}",icon:l.createElement(u.A,{icon:"InfoCircleOutlined"})},style:{marginBottom:35}},l.createElement(i.fs,{rows:4,placeholder:t("Variable value")})))},Kt=({elementSettings:e,setElementSettings:t,postfix:o="",form:a,handleSelect:n,previewReloadSignal:d})=>{const{__:s}=(0,r.s9)(),{token:c}=(0,i.rd)(),p=(0,B.rD)(),g=(0,Le.XW)(),b="src"+o,v="title"+o,f="alt"+o,E="link"+o,_="imgReplacer"+o,S=(0,l.useRef)(null),y=(0,l.useRef)(null),k=(0,l.useRef)(null),w=(0,l.useRef)(null),R=(0,l.useRef)(null),T=(0,l.useRef)(null),x=(0,l.useRef)(null),A=(0,l.useRef)(null),[I,N]=(0,l.useState)(""),[C,P]=(0,l.useState)(""),[L,O]=(0,l.useState)(""),[F,M]=(0,l.useState)(!1),[V,D]=(0,l.useState)("https://"),z=(0,l.useRef)(!1),W=(0,l.useRef)(o);(0,l.useEffect)(()=>{var t,l,i;o!==W.current&&(W.current=o,z.current=!1),P(null===(t=e.images)\|\|void 0===t?void 0:t[f]),O(null===(l=e.images)\|\|void 0===l?void 0:l[v]);const a=null===(i=e.images)\|\|void 0===i?void 0:i[E];N(a\|\|(z.current?"...":""))},[e,f,v,E,o]);return l.createElement(l.Fragment,null,("img"===e.type\|\|"video"===e.type\|\|"carousel"===e.type)&&l.createElement(i.lV.Item,{style:{marginBottom:0}},l.createElement(Ne.A,{form:a,label:s("Image path"),name:b,placeholder:s("Image path"),elementSettings:e,previewReloadSignal:d,tooltipTitle:""})),l.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start"}},l.createElement(i.$x,{size:8},l.createElement(i.m_,{title:C\|\|s("Alternative text"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(i.$n,{className:m()("selected-td-form__button",{"selected-td-form__button--active":!!C}),onClick:()=>{C?(P(""),a.setFieldValue("alt",""),g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{[f]:""}})):(P(k.current&&k.current.input.value?k.current.input.value:"..."),setTimeout(()=>{k.current.focus()}))},ref:w},l.createElement("span",{className:"addon-text-content"},"Alt"))),p.formFieldImageTitleEnabled&&l.createElement(i.m_,{title:L\|\|s("Tooltip text"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(i.$n,{className:m()("selected-td-form__button",{"selected-td-form__button--active":!!L}),onClick:()=>{L?(O(!1),a.setFieldValue("title",""),g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{[v]:""}})):(O(R.current&&R.current.input.value?R.current.input.value:"..."),setTimeout(()=>{R.current.focus()}))},ref:T},l.createElement("span",{className:"addon-text-content"},"Title"))),l.createElement(i.m_,{title:I\|\|s("Hyperlink URL"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(i.$n,{className:m()("selected-td-form__button",{"selected-td-form__button--active":!!I}),icon:l.createElement(u.A,{icon:"LinkOutlined",className:"selected-td-form__icon-radius"}),onClick:()=>{I?(z.current=!1,N(""),a.setFieldValue(E,""),g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{[E]:""}})):(z.current=!0,N(S.current&&S.current.input.value?S.current.input.value:"..."),setTimeout(()=>{S.current.focus()}))},ref:y})),l.createElement(i.m_,{title:s("Image replacer"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(i.$n,{className:m()("selected-td-form__button",{"selected-td-form__button--active":F}),icon:l.createElement(u.A,{icon:"Replacer",className:"selected-td-form__icon-radius"}),onClick:()=>{M(!F),F?(a.setFieldValue(_,""),g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{[_]:""}})):setTimeout(()=>x.current.focus())},ref:A}))),l.createElement(i.$x,{size:8},l.createElement(i.m_,{title:s("Remove slide"),placement:"bottom"},l.createElement(i.$n,{type:"text",onClick:l=>{var i;const n=a.getFieldsValue(!0),r=+o.substring(1),d=Object.keys(null===n\|\|void 0===n?void 0:n.images).reduce((e,t)=>(t.includes(o)\|\|(e[t]=n[t]),e),{}),s=null===(i=e.carouselImages)\|\|void 0===i?void 0:i.filter((e,t)=>t!==r);t(e=>({...e,settings:{...e.settings,carouselImages:s}})),g({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:h.bV.CAROUSEL,caption:e.caption,settings:{...e,carouselImages:s}}),a.setFieldsValue({images:d})},icon:l.createElement(u.A,{icon:"DeleteOutlined",size:16})})))),(!!I\|\|!!C\|\|!!L\|\|!!F)&&l.createElement("div",null,!!I&&l.createElement(i.m_,{trigger:["hover"],title:s("Hyperlink URL"),placement:"bottom"},l.createElement(i.lV.Item,{name:E,className:"selected-image-form__alt",style:{marginTop:c.formItemMarginBottomXS,marginBottom:0}},l.createElement(i.pd,{addonBefore:l.createElement(Xe.Ai,{linkProtocol:V,handleLinkProtocolsChange:e=>{a.setFieldValue("LinkName","mergetag"!==e?e:""),D(e)},__:s}),placeholder:s("Hyperlink URL"),allowClear:!0,ref:S,onChange:e=>{""===e.target.value?N("..."):(y.current.classList.add("selected-td-form__button--active"),N(e.target.value));const t=e.target.value;(0,Xe.b9)(t,D)},onSelect:n,prefix:l.createElement(Xe.RM,{linkProtocol:V})}))),!!C&&l.createElement(i.m_,{trigger:["hover"],title:s("Alternative text"),placement:"bottom"},l.createElement(i.lV.Item,{name:f,className:"selected-image-form__alt",style:{marginTop:c.formItemMarginBottomXS,marginBottom:0}},l.createElement(i.pd,{placeholder:s("Alternative text"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Alt"),onChange:e=>{""===e.target.value?P("..."):(w.current.classList.add("selected-td-form__button--active"),P(e.target.value))},ref:k,onSelect:n}))),p.formFieldImageTitleEnabled&&!!L&&l.createElement(i.m_,{trigger:["hover"],title:s("Tooltip text"),placement:"bottom"},l.createElement(i.lV.Item,{name:v,className:"selected-image-form__alt",style:{marginTop:c.formItemMarginBottomXS,marginBottom:0}},l.createElement(i.pd,{placeholder:s("Enter the title of the image"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Title"),onChange:e=>{""===e.target.value?O("..."):(T.current.classList.add("selected-td-form__button--active"),O(e.target.value))},ref:R,onSelect:n}))),!!F&&l.createElement(i.m_,{trigger:["hover"],title:s("Image src"),placement:"bottom"},l.createElement(i.lV.Item,{name:_,className:"selected-image-form__alt",style:{marginTop:c.formItemMarginBottomXS,marginBottom:0}},l.createElement(i.pd,{placeholder:s("\u0421ode that will replace the image `src`"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},s("Image src")),onChange:e=>{""!==e.target.value&&A.current.classList.add("selected-td-form__button--active")},ref:x,onSelect:n})))))},Yt=({form:e,elementSettings:t,formFields:o,setElementSettings:a,borderRadiusShow:n,oneBorderRadiusValue:d,setOneBorderRadiusValue:s,linkProtocol:m,mergeTagItems:c,mergeMenuOpen:p,setMergeMenuOpen:g,cascaderRef:b,handleLinkProtocolsChange:h,handleSelect:v,onChange:f,filter:E,renderSearchOption:_,toggleShowBorderRadiusHandler:S,setNewSlide:y})=>{const{__:k}=(0,r.s9)(),{token:w}=(0,i.rd)(),R=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(i.m_,{trigger:["hover"],title:k("Link for all slides"),placement:"bottom"},l.createElement(i.lV.Item,{name:"link"},l.createElement(i.pd,{addonBefore:l.createElement(Xe.Ai,{linkProtocol:m,handleLinkProtocolsChange:h,__:k}),placeholder:k("Link for all slides"),allowClear:!0,onSelect:v,prefix:l.createElement(Xe.RM,{linkProtocol:m})}))),l.createElement(i.cG,{className:"selected-td-form__divider"}),R.mergeTagsShow&&c&&l.createElement(l.Fragment,null,l.createElement(i.fv,{span:24,id:"merge_tags_wrapper"},l.createElement(i.lV.Item,{style:{marginBottom:w.formItemMarginBottomMD,marginTop:w.formItemMarginBottomMD}},l.createElement(i.$n,{id:"merge_tags_button",icon:l.createElement(u.A,{icon:"MergeTags"}),style:{width:"100%",display:p?"none":"inline-flex"},onClick:()=>g(!0)},k("Merge tags")),l.createElement(i.vx,{ref:b,popupClassName:"merge-tags",options:c,placeholder:k("Start typing the title"),showSearch:{filter:E,render:_},spellCheck:"false",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper"),onChange:f,style:{display:p?"block":"none"},open:p,onKeyDown:e=>{"Escape"===e.key&&g(!1)}}))),l.createElement(i.cG,{className:"selected-td-form__divider"})),l.createElement(i.lV.List,{name:"images",initialValue:null===o\|\|void 0===o?void 0:o.images},()=>{var i,n;return l.createElement("div",{style:{paddingTop:w.formItemMarginBottomMD+4}},null===t\|\|void 0===t\|\|null===(i=t.settings)\|\|void 0===i\|\|null===(n=i.carouselImages)\|\|void 0===n?void 0:n.map((t,i)=>l.createElement("div",{className:"carousel__slide",key:i},l.createElement(Kt,{elementSettings:o,setElementSettings:a,postfix:"_"+i,form:e,handleSelect:v}))))}),l.createElement(i.fv,{span:24},l.createElement(i.lV.Item,{style:{marginBottom:w.formItemMarginBottomMD}},l.createElement(i.$n,{id:"add_slide_button",icon:l.createElement(u.A,{icon:"AddSlide"}),style:{width:"100%"},onClick:()=>y()},k("Add slide")))),l.createElement(i.cG,{className:"selected-td-form__divider"}),l.createElement(i.fI,{gutter:20,style:{marginTop:w.formItemMarginBottomMD-10}},l.createElement(i.fv,{span:12},l.createElement(i.lV.Item,{name:"loop",valuePropName:"checked",style:{marginBottom:w.formItemMarginBottomMD-6}},l.createElement(i.dO,{id:"Loop",label:k("Loop"),size:"small",labelStyle:{position:"relative",top:2}}))),l.createElement(i.fv,{span:12},l.createElement(i.lV.Item,{name:"autoplay",valuePropName:"checked",style:{marginBottom:w.formItemMarginBottomMD-6}},l.createElement(i.dO,{id:"Autoplay",label:k("Autoplay"),size:"small",labelStyle:{position:"relative",top:2}})))),R.formFieldBorderRadiusEnabled&&l.createElement(i.y9,{title:k("Border radius"),collapsible:!0,open:n,onToggle:S,dividerTop:!0},l.createElement(Pe.A,{form:e,oneBorderRadiusValue:d,setOneBorderRadiusValue:s,elementSettings:t.settings})))},Qt=()=>{const{__:e}=(0,r.s9)();return l.createElement(l.Fragment,null,l.createElement("p",null,e("No properties to edit.")))},Jt={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:""},Zt=({elementSettings:e})=>{const{__:t}=(0,r.s9)(),[o]=i.lV.useForm();let n=(0,a.wA)();(0,B.rD)();const d=(0,Le.K9)(),s=(0,Le.XW)(),{openImagePicker:m}=(0,dt.p)(),c=(0,a.d4)(tt.Ct),u=(0,a.d4)(tt.CS),[p,g]=(0,l.useState)(!0),[v,f]=(0,l.useState)(!0),[E,_]=(0,l.useState)(!1),[S,y]=(0,l.useState)(!1),[k,w]=(0,l.useState)("https://"),[T,x]=(0,l.useState)(null===o\|\|void 0===o?void 0:o.getFieldsValue(!0)),[A,I]=(0,l.useState)(e),[N,C]=(0,l.useState)({name:"",counter:0}),[P,L]=(0,l.useState)(null),[O,F]=(0,l.useState)(),[M,V]=(0,l.useState)(!1),[D,z]=(0,l.useState)(!1),[W,H]=(0,l.useState)({start:0,end:0}),j=(0,l.useRef)(null),G=`selected_${A.type}_form_link`,U=(0,a.d4)(tt.Fv),$=(0,a.d4)(tt.yy),X=U&&"bottom"!==$;(0,l.useEffect)(()=>{M&&j.current&&j.current.focus()},[M]),(0,l.useEffect)(()=>{I(e)},[e]);const q=(0,a.d4)(it.GH);(0,l.useEffect)(()=>{var e;null!==q&&void 0!==q&&null!==(e=q.items)&&void 0!==e&&e.length&&F((0,B.cM)(q.items,t,(e,t)=>{V(!1),d(h.Ru.SANDBOX_ADD_MERGETAG,e),t.stopPropagation(),t.preventDefault()}))},[q,F,t,V,d]);const K=(0,nt.cR)();(0,l.useEffect)(()=>{const e=new R.jG;return e.addDisposable((0,at.a)(K,"focusin",({target:e})=>{e.closest('[id="merge_tags_wrapper"]')\|\|L(e)})),e.addDisposable((0,at.a)(K,"click",({target:e})=>{e.closest(".merge-tags")\|\|e.closest("#merge_tags_button")\|\|V(!1)})),()=>{e.dispose()}},[K]);(0,l.useEffect)(()=>{const e=null===o\|\|void 0===o?void 0:o.getFieldsValue(!0);x(e)},[o]);(0,l.useEffect)(()=>{if(A.settings){var e,t,l,i,a,n,r,d,s,m,c,u,p,b,h;const R=A.settings,T=(0,Xe.AO)(R);var v,E,S,k,B;if(null===o\|\|void 0===o\|\|o.setFieldsValue(T),x(T),R.link&&w((0,Xe.TW)(R.link,"https://")),!(0,Xe.ok)(null===(e=R.borderRadius)\|\|void 0===e?void 0:e.all))(0,Xe.ok)(null===(v=R.borderRadius)\|\|void 0===v?void 0:v.topLeft)\|\|(0,Xe.ok)(null===(E=R.borderRadius)\|\|void 0===E?void 0:E.bottomLeft)\|\|(0,Xe.ok)(null===(S=R.borderRadius)\|\|void 0===S?void 0:S.topRight)\|\|(0,Xe.ok)(null===(k=R.borderRadius)\|\|void 0===k?void 0:k.bottomRight)?g(!1):(0,Xe.ok)(null===(B=R.borderRadius)\|\|void 0===B?void 0:B.all)\|\|g(!0);(0,Xe.ok)(null===(t=R.mobileBorderRadius)\|\|void 0===t?void 0:t.topLeft)\|\|(0,Xe.ok)(null===(l=R.mobileBorderRadius)\|\|void 0===l?void 0:l.bottomLeft)\|\|(0,Xe.ok)(null===(i=R.mobileBorderRadius)\|\|void 0===i?void 0:i.topRight)\|\|(0,Xe.ok)(null===(a=R.mobileBorderRadius)\|\|void 0===a?void 0:a.bottomRight)?f(!1):f(!0),_(!(null===(n=R.borderRadius)\|\|void 0===n\|\|!n.all)\|\|!(null===(r=R.borderRadius)\|\|void 0===r\|\|!r.topLeft)\|\|!(null===(d=R.borderRadius)\|\|void 0===d\|\|!d.bottomLeft)\|\|!(null===(s=R.borderRadius)\|\|void 0===s\|\|!s.topRight)\|\|!(null===(m=R.borderRadius)\|\|void 0===m\|\|!m.bottomRight)),y(!(null===(c=R.mobileBorderRadius)\|\|void 0===c\|\|!c.all)\|\|!(null===(u=R.mobileBorderRadius)\|\|void 0===u\|\|!u.topLeft)\|\|!(null===(p=R.mobileBorderRadius)\|\|void 0===p\|\|!p.bottomLeft)\|\|!(null===(b=R.mobileBorderRadius)\|\|void 0===b\|\|!b.topRight)\|\|!(null===(h=R.mobileBorderRadius)\|\|void 0===h\|\|!h.bottomRight))}},[o,A]);const Y=e=>{const t=(0,Xe.Ze)(A.settings,o,e);s({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:h.bV.CAROUSEL,caption:t.caption,settings:t}),I(e=>({...e,settings:{...e.settings,...t}}))},Q=async e=>{var t;const o=await m({kind:"img",currentUrl:(0,rt.xv)((null===(t=A.settings)\|\|void 0===t?void 0:t.src)\|\|""),entryModal:e});null!==o&&void 0!==o&&o.url&&((e,t)=>{var o,l;const i=(0,rt.xv)((null===(o=A.settings)\|\|void 0===o?void 0:o.src)\|\|"")===(0,rt.xv)(e\|\|"");i&&e===(null===(l=A.settings)\|\|void 0===l?void 0:l.src)\|\|Y({src:e}),"save"===(null===t\|\|void 0===t?void 0:t.mode)&&i&&(C(e=>({name:"src",counter:e.counter+1})),s({operation:h.Ru.SANDBOX_CURRENT_IMAGE_RELOAD,src:e,forceReload:!0}))})(o.url,o.meta)};(0,Je.A)(e=>{const t=e.data.operation;t===h.Ru.APPLICATION_OPEN_IMAGE_AI_POPUP?Q(h.lx.UPLOAD_IMAGE_MODAL_AI):t===h.Ru.APPLICATION_OPEN_IMAGE_UPLOAD_POPUP?Q(h.lx.UPLOAD_IMAGE_MODAL_UPLOAD):t===h.Ru.APPLICATION_OPEN_IMAGE_EDIT_POPUP?Q(h.lx.UPLOAD_IMAGE_MODAL_EDIT):t===h.Ru.APPLICATION_OPEN_IMAGE_GIF_POPUP?Q(h.lx.UPLOAD_IMAGE_MODAL_GIF):t===h.Ru.APPLICATION_OPEN_IMAGE_STOCK_POPUP?Q(h.lx.UPLOAD_IMAGE_MODAL_STOCK):t===h.Ru.APPLICATION_CLOSE_IMAGE_EDIT_POPUP&&(n((0,b.Os)()),n((0,b.Oo)()))});return l.createElement(i.lV,{form:o,layout:"vertical",name:"selected_carousel_form",initialValues:Jt,onValuesChange:Y,autoComplete:"off",className:"element-controls"},!X&&l.createElement(i.m_,{title:t("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(i.Fc,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),c===h.ND&&u.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props"},l.createElement(Qt,null)):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(Yt,{form:o,elementSettings:A,formFields:T,setElementSettings:I,borderRadiusShow:E,oneBorderRadiusValue:p,setOneBorderRadiusValue:g,linkProtocol:k,mergeTagItems:O,mergeMenuOpen:M,setMergeMenuOpen:V,cascaderRef:j,handleLinkProtocolsChange:e=>{o.setFieldValue("link","mergetag"!==e?e:""),w(e)},handleSelect:({target:e})=>{if(e&&!D){const{selectionStart:t,selectionEnd:o}=e;H({start:t,end:o})}z(!1)},onChange:(e,t)=>{if(V(!1),e){const l=q.syntax.length>1?O.findIndex(e=>e.key===t[0].key):0,i=q.syntax[l].replace("%value%",e[e.length-1]),a=`selected_${A.type}_form${"carousel"===A.type?"_images":""}`;["imgReplacer","title","alt","src","link"].some(e=>null===P\|\|void 0===P?void 0:P.getAttribute("id").includes(`${a}_${e}`))\|\|null!==P&&void 0!==P&&P.getAttribute("id").includes(G)?((e,t)=>{const l=document.getElementById(t);if(l){var i,a;const d=`selected_${A.type}_form_${t.includes("__images_")?"_images":""}_`,m=t.substring(t.indexOf(d)+d.length),c=null===(i=l.value)\|\|void 0===i?void 0:i.substring(0,W.start),u=null===(a=l.value)\|\|void 0===a?void 0:a.substring(W.end);let p={[m]:c+e+u};var n;if(m.includes("_"))p={carouselImages:[...(null===(n=A.settings)\|\|void 0===n?void 0:n.carouselImages)\|\|[]]},p.carouselImages[m.split("_")[1]][m.split("_")[0]]=c+e+u;else if(A.type===h.bV.CAROUSEL&&G===t){var r;p={[m]:c+e+u,carouselImages:[...(null===(r=A.settings)\|\|void 0===r?void 0:r.carouselImages.map(t=>({...t,link:c+e+u})))\|\|[]]}}s({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:h.bV.CAROUSEL,settings:{...A.settings,...p}}),I(e=>({...e,settings:{...e.settings,...p}})),o.setFieldValue(m,c+e+u),l.focus(),setTimeout(()=>{l.selectionStart=W.start,l.selectionEnd=W.start+e.length},400),z(!0)}})(i,null===P\|\|void 0===P?void 0:P.getAttribute("id")):(o.setFieldValue("imgReplacer",i),s({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:h.bV.CAROUSEL,settings:{...A.settings,imgReplacer:i}}),I(e=>({...e,settings:{...e.settings,imgReplacer:i}})))}},filter:(e,t)=>t.some(t=>t.label.toLowerCase().indexOf(e.toLowerCase())>-1),renderSearchOption:(e,t)=>{const o=t.map((t,o)=>{const i=t.label.split(new RegExp(`(${e})`,"gi"));return l.createElement("span",{key:t.value},0!==o&&l.createElement("span",null,"\xa0/\xa0"),i.map((t,o)=>t.toLowerCase()===e.toLowerCase()?l.createElement("span",{key:o,style:{color:"red"}},t):t))});return l.createElement("div",{title:t.map(e=>e.label).join(" / ")},o)},toggleShowBorderRadiusHandler:()=>{setTimeout(()=>{_(e=>!e),o.setFieldValue("borderRadiusAll",E?0:5),s({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:h.bV.CAROUSEL,settings:{...A.settings,borderRadius:{all:E?"":5}}}),I(e=>({...e,settings:{...e.settings,borderRadius:{all:E?null:5}}}))})},setNewSlide:()=>{var e,t;const{width:o,height:l,renderedWidth:i,renderedHeight:a}=(null===A\|\|void 0===A\|\|null===(e=A.settings)\|\|void 0===e?void 0:e.carouselImages[0])\|\|{width:{value:600},height:{value:600},renderedWidth:600,renderedHeight:600},n={src:"https://emcdn.ru/1865/231031_17_BGU9Mso.png",width:{value:o.value,dim:"px"},height:{value:l.value,dim:"px"},alt:"",title:"",link:null,renderedWidth:i,renderedHeight:a,imgReplacer:"",mobileWidth:{value:null,dim:"px"},mobileHeight:{value:null,dim:"px"},mobileBorderRadius:{all:null,topLeft:null,topRight:null,bottomRight:null,bottomLeft:null}},r=[...null===A\|\|void 0===A\|\|null===(t=A.settings)\|\|void 0===t?void 0:t.carouselImages,n];s({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:h.bV.CAROUSEL,settings:{...A.settings,carouselImages:r}}),I(e=>({...e,settings:{...e.settings,carouselImages:r}}))}})))},eo={animate:!0,expandSingleSection:!0,sections:[{expanded:!1,index:0}]},to=({elementSettings:e})=>{const{__:t}=(0,r.s9)(),{token:o}=(0,i.rd)(),[a]=i.lV.useForm(),n=(0,Le.XW)(),d=(0,B.rD)(),[s,m]=(0,l.useState)(e);(0,l.useEffect)(()=>{m(e)},[e]),(0,l.useEffect)(()=>{if(s.settings){const e=s.settings,t=(0,Xe.AO)(e);null===a\|\|void 0===a\|\|a.setFieldsValue(t)}},[a,s]);return l.createElement(i.lV,{form:a,layout:"vertical",name:"selected_carousel_form",initialValues:eo,onValuesChange:e=>{const t=(0,Xe.Ze)(s.settings,a,e);n({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:s.type,caption:t.caption,settings:t}),m(e=>({...e,settings:{...e.settings,...t}}))},autoComplete:"off",className:"element-controls"},l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(i.fI,{gutter:20},l.createElement(i.fv,{span:15},l.createElement(i.lV.Item,{name:"expandSingleSection",valuePropName:"checked"},l.createElement(i.dO,{id:"ExpandSingleSection",label:t("Expand only one section"),size:"small",labelStyle:{position:"relative",top:2}}))),l.createElement(i.fv,{span:9},l.createElement(i.lV.Item,{name:"animate",valuePropName:"checked"},l.createElement(i.dO,{id:"Animate",label:t("Animate"),size:"small",labelStyle:{position:"relative",top:2}})))),l.createElement(i.cG,{className:"selected-td-form__divider"}),l.createElement(i.lV.List,{name:"sections"},()=>{var e,a;return l.createElement("div",{style:{paddingTop:o.formItemMarginBottomMD+4}},null===s\|\|void 0===s\|\|null===(e=s.settings)\|\|void 0===e\|\|null===(a=e.sections)\|\|void 0===a?void 0:a.map((e,o)=>{var a,r;return l.createElement(i.fI,{gutter:24,key:`expanded_${o}`},l.createElement(i.fv,{span:20},l.createElement(i.$x,{size:10,align:"baseline"},l.createElement("span",{style:{position:"relative",top:2}},t("Section ")+(o+1)),l.createElement(i.lV.Item,{name:`expanded_${o}`,valuePropName:"checked"},l.createElement(i.dO,{id:`expanded_${o}`,label:t("expanded"),labelSize:"small",size:"small"})))),l.createElement(i.fv,null,(null===s\|\|void 0===s\|\|null===(a=s.settings)\|\|void 0===a\|\|null===(r=a.sections)\|\|void 0===r?void 0:r.length)>1&&l.createElement(i.$n,{type:"text",icon:l.createElement(u.A,{icon:"DeleteOutlined",size:16}),style:{marginRight:"auto"},onClick:()=>{return e=o,m(t=>{var o;return{...t,settings:{...t.settings,sections:null===(o=s.settings.sections)\|\|void 0===o?void 0:o.filter((t,o)=>o!==e)}}}),void n({operation:h.Ru.SANDBOX_ACCORDION_REMOVE_SECTION,settings:{index:e}});var e}})))}))}),l.createElement(i.fI,{gutter:20},l.createElement(i.fv,{span:24},l.createElement(i.lV.Item,{style:{marginBottom:o.formItemMarginBottomMD}},l.createElement(i.$n,{style:{display:"inline-flex",alignItems:"center",width:"100%"},icon:l.createElement(u.A,{icon:"PlusCircleOutlined",size:16,strokeWidth:d.iconStrokeWidth}),onClick:()=>(m(e=>{var t;return{...e,sections:null===s\|\|void 0===s\|\|null===(t=s.settings)\|\|void 0===t?void 0:t.sections.push({expanded:!1})}}),void n({operation:h.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(i.cG,{className:"selected-td-form__divider"})))},oo=h.K0,lo=(e,t,o,l,i,a,n="")=>{const r=e.getFieldsValue(!0),d=t?"cell_":n;setTimeout(()=>{t?l(e=>!e):o(e=>!e),i&&(r[d+"borderWidth"]=null,r[d+"borderColor"]="",r[d+"borderStyle"]=""),a(e=>({...h.iV,[r[d+"borderPosition"]]:{...e[r[d+"borderPosition"]],width:r[d+"borderWidth"],color:r[d+"borderColor"],style:r[d+"borderStyle"]}}))})},io=(e,t,o,l,i,a,n)=>{const r=e.getFieldsValue(!0);setTimeout(()=>{var e;t(e=>!e),o\|\|null!==(e=l[null===r\|\|void 0===r?void 0:r.mobileBorderPosition])&&void 0!==e&&e.color\|\|(r.mobileBorderStyle="solid",r.mobileBorderWidth=1,r.mobileBorderColor=oo,i(e=>({...l,[null===r\|\|void 0===r?void 0:r.mobileBorderPosition]:{color:oo,style:"solid",width:1}}))),a({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:n.type,settings:{mobileBorder:{...l,[null===r\|\|void 0===r?void 0:r.mobileBorderPosition]:{color:r.mobileBorderColor,style:r.mobileBorderStyle,width:r.mobileBorderWidth}}}})})},ao=(e,t,o,l,i,a,n="")=>{const r=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o?(r[n+"borderRadiusAll"]=0,l(!0)):r[n+"borderRadiusAll"]\|\|(r[n+"borderRadiusAll"]=0),i({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:a.type,settings:{borderRadius:{all:r[n+"borderRadiusAll"]}}})})},no=(e,t,o,l,i)=>{const a=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o\|\|a.mobileBorderRadiusAll\|\|a.mobileBorderRadiusTopLeft\|\|a.mobileBorderRadiusTopRight\|\|a.mobileBorderRadiusBottomRight\|\|a.mobileBorderRadiusBottomLeft\|\|(a.mobileBorderRadiusAll=0);["all","topLeft","topRight","bottomRight","bottomLeft"].forEach(e=>{var t;if(!(null===(t=a.mobileBorderRadius)\|\|void 0===t?void 0:t[e]))return;const o=`mobileBorderRadius${e[0].toUpperCase()}${e.slice(1)}`;l({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{mobileBorderRadius:{[e]:a[o],classNamePrefix:`em-mob-border_radius_${e}-`}}})})})},ro=(e,t,o,l,i)=>{const a=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o\|\|a.boxShadowColor?o&&(a.boxShadowInset=!1,a.boxShadowHOffset=null,a.boxShadowVOffset=null,a.boxShadowBlurRadius=null,a.boxShadowSpreadRadius=null,a.boxShadowColor=""):(a.boxShadowInset=!1,a.boxShadowHOffset=5,a.boxShadowVOffset=5,a.boxShadowBlurRadius=10,a.boxShadowSpreadRadius=-5,a.boxShadowColor="#000000"),l({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{boxShadow:{blurRadius:a.boxShadowBlurRadius,color:a.boxShadowColor,hOffset:a.boxShadowHOffset,inset:a.boxShadowInset,spreadRadius:a.boxShadowSpreadRadius,vOffset:a.boxShadowVOffset}}})})},so=(e,t,o,l,i)=>{const a=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o\|\|a.mobileBoxShadowColor\|\|(a.mobileBoxShadowInset=!1,a.mobileBoxShadowHOffset=5,a.mobileBoxShadowVOffset=5,a.mobileBoxShadowBlurRadius=10,a.mobileBoxShadowSpreadRadius=-5,a.mobileBoxShadowColor="#000000"),l({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{mobileBoxShadow:{blurRadius:a.mobileBoxShadowBlurRadius,color:a.mobileBoxShadowColor,hOffset:a.mobileBoxShadowHOffset,inset:a.mobileBoxShadowInset,spreadRadius:a.mobileBoxShadowSpreadRadius,vOffset:a.mobileBoxShadowVOffset,classNamePrefix:"em-mob-box_shadow-"}}})})},mo=(e,t,o,l,i)=>{const a=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o\|\|a.mobileWidth\|\|(a.mobileWidth=""),l({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{mobileWidth:{value:a.mobileWidth,dim:a.mobileWidthDim,classNamePrefix:"em-mob-width-"}}})})},co=e=>{setTimeout(()=>{e(e=>!e)})},uo=(e,t,o,l,i)=>{const a=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o\|\|a.mobileBackgroundColor\|\|(a.mobileBackgroundColor="#E5E5E5"),l({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:a.mobileBackgroundColor}}})})},po=(e,t,o,l,i)=>{const a=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o&&(a.paddingLeftRight="",a.paddingLeft="",a.paddingRight="",a.paddingTopBottom="",a.paddingTop="",a.paddingBottom="",l({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{padding:{all:0}}}))})},go=(e,t,o,l,i)=>{t(e=>!e);const a=e.getFieldsValue(!0);o\|\|(a.paddingLeftRight=a.paddingLeft,a.paddingTopBottom=a.paddingTop,a.paddingRight=a.paddingLeft,a.paddingBottom=a.paddingTop,l({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{padding:{top:a.paddingTopBottom,bottom:a.paddingTopBottom,left:a.paddingLeftRight,right:a.paddingLeftRight}}}))},bo=e=>{setTimeout(()=>{e(e=>!e)})},ho=(e,t,o,l,i)=>{t(e=>!e);const a=e.getFieldsValue(!0);o\|\|(a.cell_paddingLeftRight=a.cell_paddingLeft,a.cell_paddingTopBottom=a.cell_paddingTop,a.cell_paddingRight=a.cell_paddingLeft,a.cell_paddingBottom=a.cell_paddingTop,l({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{cell_padding:{top:a.cell_paddingTopBottom,bottom:a.cell_paddingTopBottom,left:a.cell_paddingLeftRight,right:a.cell_paddingLeftRight}}})),(o&&a.cell_paddingLeftRight\|\|0===a.cell_paddingLeftRight)&&(a.cell_paddingLeft=a.cell_paddingLeftRight,a.cell_paddingRight=a.cell_paddingLeftRight),(o&&a.cell_paddingTopBottom\|\|0===a.cell_paddingTopBottom)&&(a.cell_paddingTop=a.cell_paddingTopBottom,a.cell_paddingBottom=a.cell_paddingTopBottom)},vo=({form:e,onBorderSideClear:t,formName:o,elementSettings:a,formValues:n,isMacOS:r,__:d,token:s,appConfig:c,typografItems:p,backgroundRepeatOptions:g,backgroundSizeOptions:b,sendAction:h,handleToggleShowPaddingCell:v,handleTogglePaddingCell:f,handleToggleBackground:E,handleToggleBorder:_,handleToggleBorderRadius:S,paddingCellShow:y,paddingsExt:k,backgroundShow:w,cellBordersShow:B,borderRadiusShow:R,textInputRef:T,linkProtocol:x,handleLinkProtocolsChange:A,backgroundImageEmpty:I})=>{var N;return l.createElement(l.Fragment,null,l.createElement(i.y9,{title:d("Text"),dividerTop:!1},c.formTextFieldTypografEnabled&&l.createElement(l.Fragment,null,l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:12},l.createElement(i.lV.Item,{name:"AddImage",style:{marginBottom:s.formItemMarginBottomXS}},l.createElement(i.$n,{icon:l.createElement(u.A,{icon:"AddImage"}),onClick:()=>h("add_img"),style:{width:"100%"}},d("Add image")))),l.createElement(i.fv,{span:12},l.createElement(i.lV.Item,{name:"Typography",style:{marginBottom:s.formItemMarginBottomXS}},l.createElement(i.ms,{arrow:!0,menu:{items:p},trigger:["hover"],placement:"bottom",getPopupContainer:e=>e.closest(".selected-element-panel")},l.createElement(i.$n,{icon:l.createElement(u.A,{icon:"Typograf"}),onClick:()=>h("typograf"),style:{width:"100%"}},d("Typography")))))),l.createElement(i.m_,{trigger:["hover"],title:d("Text font"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(i.lV.Item,{name:"fontFamily",className:"form-item-margin-xs"},l.createElement(i.LW,{textEditor:!0,loadGoogleFonts:ct.c,getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")}))),!a.showOnMobile&&l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:d("Font size"),placement:"bottom"},l.createElement(i.lV.Item,{name:"fontSize"},l.createElement(i.FQ,{min:8,max:90,placeholder:d("Font size"),prefix:l.createElement(u.A,{icon:"FontSizeOutlined"}),addonAfter:"px"})))),l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:d("Line height"),placement:"bottom"},l.createElement(i.lV.Item,{name:"lineHeight"},l.createElement(i.FQ,{min:10,max:110,placeholder:d("Line height"),prefix:l.createElement(u.A,{icon:"LineHeightOutlined"}),addonAfter:"px"})))))),l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:3},l.createElement(pt,{form:e,elementSettings:a,name:"textStrong",tooltipTitle:d(r?"Strong ( \u2318B )":"Strong ( Ctrl+B )"),icon:l.createElement(u.A,{icon:"BoldOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(i.fv,{span:3},l.createElement(pt,{form:e,elementSettings:a,name:"textItalic",tooltipTitle:d(r?"Italic ( \u2318I )":"Italic ( Ctrl+I )"),icon:l.createElement(u.A,{icon:"ItalicOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(i.fv,{span:3},l.createElement(pt,{form:e,elementSettings:a,name:"textStrikethrough",tooltipTitle:d(r?"Strikethrough ( \u2318+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:l.createElement(u.A,{icon:"StrikethroughOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(i.fv,{span:3},l.createElement(pt,{form:e,elementSettings:a,name:"textUnderline",tooltipTitle:d(r?"Underline ( \u2318U )":"Underline ( Ctrl+U )"),icon:l.createElement(u.A,{icon:"UnderlineOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(i.fv,{span:3},l.createElement(pt,{form:e,className:m()("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(u.A,{icon:"LinkOutlined",className:"selected-text-common-form__icon-radius"})}))),(null===n\|\|void 0===n?void 0:n.textLink)&&l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:24},l.createElement(i.m_,{trigger:["hover"],title:d("The URL that the hyperlink directs to."),placement:"bottom"},l.createElement(i.lV.Item,{name:"linkHref"},l.createElement(i.pd,{ref:T,addonBefore:l.createElement(Xe.Ai,{linkProtocol:x,handleLinkProtocolsChange:A,__:d}),allowClear:!0,placeholder:d("Hyperlink URL"),autoFocus:null===a\|\|void 0===a\|\|null===(N=a.customTable)\|\|void 0===N?void 0:N.isNewLink,prefix:l.createElement(Xe.RM,{linkProtocol:x})}))))),l.createElement(i.fI,{gutter:10,style:{paddingBottom:4}},l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:d("Text color"),placement:"bottom",zIndex:2,getPopupContainer:e=>e.parentNode},l.createElement(i.lV.Item,{name:"textColor",rules:[{message:d("Please set the font color")}]},l.createElement(i.it,{placeholder:d("Color"),usedColors:a.usedColors,usedLabel:d("Used"),recommendedLabel:d("Recommended")})))),l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:d("Text background"),placement:"bottom",zIndex:2,getPopupContainer:e=>e.parentNode},l.createElement(i.lV.Item,{name:"textBackgroundColor",rules:[{message:d("Please set the background color")}]},l.createElement(i.it,{placeholder:d("Background color"),usedColors:a.usedColors,usedLabel:d("Used"),recommendedLabel:d("Recommended")}))))),l.createElement(i.fI,{gutter:10,style:{paddingBottom:4}},l.createElement(i.fv,{span:12},l.createElement(ut.A,{form:e,elementSettings:a,name:"textAlign"})),l.createElement(i.fv,{span:12,style:{textAlign:"right"}},l.createElement(Me,{form:e,elementSettings:a,name:"valign",isNewIconType:!0})))),l.createElement(i.y9,{title:d("Padding"),collapsible:!0,open:y,onToggle:v,dividerTop:!0},l.createElement(i.L1,{namePrefix:"cell_",extended:k,onToggleExtended:f,gutter:s.marginSM,rowStyle:{paddingBottom:4}})),l.createElement(i.y9,{title:d("Background"),collapsible:!0,open:w,onToggle:E,dividerTop:!0},l.createElement(i.Qm,{colorFieldName:"cellBackgroundColor",imageEnabled:c.formTableFieldBackgroundImageEnabled&&!1,backgroundImageEmpty:I,usedColors:a.usedColors,colorPlaceholder:d("Background color"),usedLabel:d("Used"),recommendedLabel:d("Recommended"),horizontalPositionPlaceholder:d("Horizontal position"),horizontalPositionTooltip:d("Horizontal position"),verticalPositionPlaceholder:d("Vertical position"),verticalPositionTooltip:d("Vertical position"),backgroundRepeatTooltip:d("Background image repeat"),backgroundSizeTooltip:d("Background image size"),selectPlaceholder:d("Please choose"),backgroundRepeatOptions:g,backgroundSizeOptions:b,imageUploadSlot:(c.formTableFieldBackgroundImageEnabled,void 0)})),l.createElement(i.y9,{title:d("Borders"),collapsible:!0,open:B,onToggle:_,dividerTop:!0},l.createElement(Ce.A,{form:e,namePrefix:"cell_"})),c.formFieldBorderRadiusEnabled&&!1)},fo=({form:e,onBorderSideClear:t,elementSettings:o,paddingShow:a,paddingsExt:n,backgroundShow:d,bordersShow:s,borderRadiusShow:m,boxShadowShow:c,handleToggleShowPadding:u,handleTogglePadding:p,handleToggleBackground:g,handleToggleBorder:b,handleToggleBorderRadius:h,handleToggleBoxShadow:v,backgroundRepeatOptions:f,backgroundSizeOptions:E,backgroundImageEmpty:_,oneBorderRadiusValue:S,setOneBorderRadiusValue:y,boxShadow:k})=>{const{__:w}=(0,r.s9)(),R=(0,B.rD)(),{token:T}=(0,i.rd)();return l.createElement(l.Fragment,null,l.createElement(i.y9,{title:w("Padding"),collapsible:!0,open:a,onToggle:u},l.createElement(i.L1,{extended:n,onToggleExtended:p,gutter:T.marginSM})),l.createElement(i.y9,{title:w("Background"),collapsible:!0,open:d,onToggle:g,dividerTop:!0},l.createElement(i.Qm,{imageEnabled:R.formTableFieldBackgroundImageEnabled,backgroundImageEmpty:_,usedColors:o.usedColors,colorPlaceholder:w("Background color"),usedLabel:w("Used"),recommendedLabel:w("Recommended"),horizontalPositionPlaceholder:w("Horizontal position"),horizontalPositionTooltip:w("Horizontal position"),verticalPositionPlaceholder:w("Vertical position"),verticalPositionTooltip:w("Vertical position"),backgroundRepeatTooltip:w("Background image repeat"),backgroundSizeTooltip:w("Background image size"),selectPlaceholder:w("Please choose"),backgroundRepeatOptions:f,backgroundSizeOptions:E,imageUploadSlot:R.formTableFieldBackgroundImageEnabled?l.createElement(Ne.A,{form:e,label:w("Background image"),name:"backgroundImage",tooltipTitle:w("Background image"),placeholder:"Background image link/route"}):void 0})),l.createElement(i.y9,{title:w("Borders"),collapsible:!0,open:s,onToggle:b,dividerTop:!0},l.createElement(Ce.A,{form:e,onBorderSideClear:t})),R.formFieldBorderRadiusEnabled&&l.createElement(i.y9,{title:w("Border radius"),collapsible:!0,open:m,onToggle:h,dividerTop:!0},l.createElement(Pe.A,{form:e,oneBorderRadiusValue:S,setOneBorderRadiusValue:y,elementSettings:o})),R.formFieldBoxShadowEnabled&&l.createElement(i.y9,{title:w("Box shadow"),collapsible:!0,open:c,onToggle:v,dividerTop:!0},l.createElement(We,null)),R.formFieldVisibilityEnabled&&l.createElement(i.y9,{title:w("Display control"),dividerTop:!0},l.createElement(He,{elementSettings:o,form:e})))},Eo=({form:e,elementSettings:t,mobileSizeShow:o,mobileBackgroundShow:n,mobileBordersShow:d,mobileBorderRadiusShow:s,mobileBoxShadowShow:m,handleToggleMobileSize:c,handleToggleMobileBackground:u,handleToggleMobileBorder:p,handleToggleMobileBorderRadius:g,handleToggleMobileBoxShadow:b,backgroundRepeatOptions:h,oneMobileBorderRadiusValue:v,setOneMobileBorderRadiusValue:E,mobileBorders:_,mobileBoxShadow:S})=>{const{__:y,_x:k}=(0,r.s9)(),w=(0,B.rD)(),{token:R}=(0,i.rd)(),T=(0,a.d4)(f.uJ);return l.createElement(l.Fragment,null,l.createElement(i.y9,{title:y("Size"),collapsible:!0,open:o,onToggle:c,dividerTop:!0},l.createElement(l.Fragment,null,l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:12},l.createElement(i.m_,{trigger:["hover"],title:y("Table width"),placement:"left"},l.createElement("div",{style:{marginBottom:R.formItemMarginBottomMD+4}},l.createElement(Ke,{form:e,name:"mobileWidth",elementSettings:t}))))),l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:12},l.createElement("div",{style:{marginBottom:2R.formItemMarginBottomXS}},l.createElement(i.m_,{title:y("Height"),placement:"bottom"},l.createElement(Ye,{form:e,name:"mobileHeight",elementSettings:t}))))))),l.createElement(i.y9,{title:y("Background"),collapsible:!0,open:n,onToggle:u,dividerTop:!0},l.createElement("div",{style:{marginBottom:R.formItemMarginBottomMD+4}},l.createElement(St,{form:e,elementSettings:t})),!1),w.formFieldBorderEnabled&&l.createElement(i.y9,{title:y("Borders"),collapsible:!0,open:d,onToggle:p,dividerTop:!0},l.createElement(i.Ok,{form:e,fieldStructure:"flat",borderValues:_,usedColors:T.usedColors,labels:{color:y("Color"),width:k("Width","border"),none:y("None"),solid:y("Solid"),dashed:y("Dashed"),dotted:y("Dotted"),above:y("Above"),below:y("Below"),onLeft:y("On the left"),onRight:y("On the right"),around:y("Around"),usedColors:y("Used"),recommendedColors:y("Recommended")}})),w.formFieldBorderRadiusEnabled&&l.createElement(i.y9,{title:y("Border radius"),collapsible:!0,open:s,onToggle:g,dividerTop:!0},l.createElement(Pe.A,{form:e,typeOfForm:"mobile",oneBorderRadiusValue:v,setOneBorderRadiusValue:E,elementSettings:t})),w.formFieldBoxShadowEnabled&&l.createElement(i.y9,{title:y("Box shadow"),collapsible:!0,open:m,onToggle:b,dividerTop:!0},l.createElement(We,{typeOfForm:"mobile",form:e,elementSettings:t,enableSwitch:!1})),w.formFieldVisibilityEnabled&&l.createElement(i.y9,{title:y("Display control"),dividerTop:!0},l.createElement(He,{elementSettings:t,form:e})))},_o=({form:e,onBorderSideClear:t,elementViewType:o,mobileViewActive:i,elementSettings:a,paddingShow:n,paddingsExt:r,backgroundShow:d,bordersShow:s,borderRadiusShow:m,boxShadowShow:c,mobileSizeShow:u,mobileBackgroundShow:p,mobileBordersShow:g,mobileBorderRadiusShow:b,mobileBoxShadowShow:v,handleToggleShowPadding:f,handleTogglePadding:E,handleToggleBackground:_,handleToggleBorder:S,handleToggleBorderRadius:y,handleToggleBoxShadow:k,handleToggleMobileSize:w,handleToggleMobileBackground:B,handleToggleMobileBorder:R,handleToggleMobileBorderRadius:T,handleToggleMobileBoxShadow:x,backgroundRepeatOptions:A,backgroundSizeOptions:I,backgroundImageEmpty:N,oneBorderRadiusValue:C,setOneBorderRadiusValue:P,oneMobileBorderRadiusValue:L,setOneMobileBorderRadiusValue:O,boxShadow:F,mobileBorders:M,mobileBoxShadow:V})=>l.createElement(l.Fragment,null,o===h.ND&&i.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props"},l.createElement(Eo,{form:e,elementSettings:a,mobileSizeShow:u,mobileBackgroundShow:p,mobileBordersShow:g,mobileBorderRadiusShow:b,mobileBoxShadowShow:v,handleToggleMobileSize:w,handleToggleMobileBackground:B,handleToggleMobileBorder:R,handleToggleMobileBorderRadius:T,handleToggleMobileBoxShadow:x,backgroundRepeatOptions:A,oneMobileBorderRadiusValue:L,setOneMobileBorderRadiusValue:O,mobileBorders:M,mobileBoxShadow:V})):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(fo,{form:e,onBorderSideClear:t,elementSettings:a,paddingShow:n,paddingsExt:r,backgroundShow:d,bordersShow:s,borderRadiusShow:m,boxShadowShow:c,handleToggleShowPadding:f,handleTogglePadding:E,handleToggleBackground:_,handleToggleBorder:S,handleToggleBorderRadius:y,handleToggleBoxShadow:k,backgroundRepeatOptions:A,backgroundSizeOptions:I,backgroundImageEmpty:N,oneBorderRadiusValue:C,setOneBorderRadiusValue:P,boxShadow:F}))),So=["borderTop","borderBottom","borderLeft","borderRight"],yo=({elementSettings:e,formName:t})=>{var o,n;const{__:d}=(0,r.s9)(),s=(0,Le.XW)(),[m]=i.lV.useForm(),{token:c}=(0,i.rd)(),u=(0,B.rD)(),p=(0,a.d4)(tt.Ct),g=(0,a.d4)(tt.CS),b=(0,a.d4)(tt.Fv),v=(0,a.d4)(tt.yy),[f,E]=(0,l.useState)({}),[_,S]=(0,l.useState)(!0),[y,k]=(0,l.useState)({}),[w,R]=(0,l.useState)({}),[T,x]=(0,l.useState)(!0),[A,I]=(0,l.useState)(""===(null===(o=e.customTable)\|\|void 0===o?void 0:o.backgroundImage[0].value)),[N,C]=(0,l.useState)(),[P,L]=(0,l.useState)(!1),[O,F]=(0,l.useState)(!1),[M,V]=(0,l.useState)(!1),[D,z]=(0,l.useState)(!1),[W,H]=(0,l.useState)(!1),[j,G]=(0,l.useState)(!1),[U,$]=(0,l.useState)(!1),[X,q]=(0,l.useState)(!1),[K,Y]=(0,l.useState)(!0),[Q,J]=(0,l.useState)(!0),[Z,ee]=(0,l.useState)(!0),[te,oe]=(0,l.useState)(!1),[le,ie]=(0,l.useState)("https://"),[ae,ne]=(0,l.useState)({}),[re,de]=(0,l.useState)(!1),[se,me]=(0,l.useState)(!1),[ce,ue]=(0,l.useState)(!1),[pe,ge]=(0,l.useState)({}),be=(0,l.useRef)(null),he=(0,l.useRef)(),ve=i.lV.useWatch([],m),fe=[{label:d("Not defined"),value:"none"},{label:d("Do not repeat background (no-repeat)"),value:"no-repeat"},{label:d("Repeat background (repeat)"),value:"repeat"},{label:d("Repeat background horizontally (repeat-x)"),value:"repeat-x"},{label:d("Repeat background vertically (repeat-y)"),value:"repeat-y"}],Ee=[{label:d("Not defined"),value:""},{label:d("Contain"),value:"contain"},{label:d("Cover"),value:"cover"}],_e={width:"",style:"",color:""},Se=b&&"bottom"!==v,ye=h.K0,ke=t===h.om\|\|!1,[we,Be]=(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")&&Be(!0)},[]);const Re=e=>{s({operation:h.Ru.SANDBOX_ELEMENT_TEXT,action:e,locale:"ru_RU"})},Te=[{key:"1",label:d("This element"),onClick:()=>Re("typograf")},{key:"2",label:d("The whole email"),onClick:()=>Re("typograf_all")}];(0,l.useEffect)(()=>{if(e){var t,o,l,i,a,n,r,d,s,c,u,p,g,b,h,v,f,_,y,w,B,T,A,N,P,L,O,M,V,D,W,H,j,U,$,X,q,K,Y,Q,J,Z,ee,te,oe,le,ie,ae,re,de,se,ce,pe,be,he,ve,fe,Ee,_e,Se,ye,we,Be,Re,Te,xe,Ae,Ie,Ne,Ce,Pe,Le,Oe,Fe,Me,Ve,De,ze,We,He,je,Ge,Ue,$e,qe,Ke,Ye,Qe,Je,Ze,et,tt,ot,lt,it,at,nt,rt,dt,st,mt,ct,ut,pt,gt,bt,ht,vt,ft,Et,_t,St,yt,kt,wt,Bt,Rt,Tt,xt,At,It,Nt,Ct,Pt,Lt,Ot,Ft,Mt,Vt,Dt,zt,Wt,Ht,jt,Gt,Ut,$t,Xt,qt,Kt,Yt,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;ge(Zt),E(eo),k(to),R(oo),ne(lo);const io=ke?null===e\|\|void 0===e\|\|null===(i=e.customTable)\|\|void 0===i?void 0:i.cell_borderPosition:null===e\|\|void 0===e\|\|null===(a=e.customTable)\|\|void 0===a?void 0:a.borderPosition,ao=Object.keys(to).find(e=>{var t,o,l;return(null===(t=to[e])\|\|void 0===t?void 0:t.width)\|\|(null===(o=to[e])\|\|void 0===o?void 0:o.style)\|\|(null===(l=to[e])\|\|void 0===l?void 0:l.color)});m.setFieldsValue({...e,width:null===(n=e.width)\|\|void 0===n?void 0:n.value,widthDim:null===(r=e.width)\|\|void 0===r?void 0:r.dim,maxWidth:null===(d=e.maxWidth)\|\|void 0===d?void 0:d.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===(p=e.mobileAlign)\|\|void 0===p?void 0:p.value,mobileBorderPosition:ao\|\|"all",mobileBorderWidth:null!==(null===(g=to[ao])\|\|void 0===g?void 0:g.width)?null===(b=to[ao])\|\|void 0===b?void 0:b.width:"",mobileBorderColor:(null===(h=to[ao])\|\|void 0===h?void 0:h.color)\|\|"",mobileBorderStyle:(null===(v=to[ao])\|\|void 0===v?void 0:v.style)\|\|"",mobileBackgroundImage:"none"!==e.mobileBackgroundImage[0].value?e.mobileBackgroundImage[0].value:"",mobileBackgroundPositionX:(0,Xe.ok)(null===(f=e.mobileBackgroundPositionX)\|\|void 0===f?void 0:f.value),mobileBackgroundPositionY:(0,Xe.ok)(null===(_=e.mobileBackgroundPositionY)\|\|void 0===_?void 0:_.value),mobileBackgroundRepeat:null!==(y=e.mobileBackgroundRepeat)&&void 0!==y&&y.value?null===(w=e.mobileBackgroundRepeat)\|\|void 0===w?void 0:w.value:"none",exportAsPicture:null===e\|\|void 0===e?void 0:e.exportAsPicture,paddingLeftRight:(0,Xe.ok)(null===(B=e.customTable)\|\|void 0===B?void 0:B.paddingLeftRight.replace(/px$/,"")),paddingTopBottom:(0,Xe.ok)(null===(T=e.customTable)\|\|void 0===T?void 0:T.paddingTopBottom.replace(/px$/,"")),paddingRight:(0,Xe.ok)(null===(A=e.customTable)\|\|void 0===A?void 0:A.paddingRight.replace(/px$/,"")),paddingLeft:(0,Xe.ok)(null===(N=e.customTable)\|\|void 0===N?void 0:N.paddingLeft.replace(/px$/,"")),paddingTop:(0,Xe.ok)(null===(P=e.customTable)\|\|void 0===P?void 0:P.paddingTop.replace(/px$/,"")),paddingBottom:(0,Xe.ok)(null===(L=e.customTable)\|\|void 0===L?void 0:L.paddingBottom.replace(/px$/,"")),backgroundColor:(0,Xe.ok)(null===(O=e.customTable)\|\|void 0===O?void 0:O.backgroundColor),backgroundImage:(0,Xe.ok)(null===(M=e.customTable)\|\|void 0===M?void 0:M.backgroundImage[0].value),backgroundPositionX:(0,Xe.ok)(null===(V=e.customTable)\|\|void 0===V?void 0:V.backgroundPositionX),backgroundPositionY:(0,Xe.ok)(null===(D=e.customTable)\|\|void 0===D?void 0:D.backgroundPositionY),backgroundRepeat:(0,Xe.ok)(null===(W=e.customTable)\|\|void 0===W?void 0:W.backgroundRepeat),backgroundSize:(0,Xe.ok)(null===(H=e.customTable)\|\|void 0===H?void 0:H.backgroundSize),borderAll:(0,Xe.ok)(null===(j=e.customTable)\|\|void 0===j?void 0:j.borderAll),borderRadiusAll:(0,Xe.ok)(null===(U=e.customTable)\|\|void 0===U?void 0:U.borderRadius.all),borderRadiusTopLeft:(0,Xe.ok)(null===($=e.customTable)\|\|void 0===$?void 0:$.borderRadius.topLeft),borderRadiusBottomLeft:(0,Xe.ok)(null===(X=e.customTable)\|\|void 0===X?void 0:X.borderRadius.bottomLeft),borderRadiusTopRight:(0,Xe.ok)(null===(q=e.customTable)\|\|void 0===q?void 0:q.borderRadius.topRight),borderRadiusBottomRight:(0,Xe.ok)(null===(K=e.customTable)\|\|void 0===K?void 0:K.borderRadius.bottomRight),borderRadius:{all:(0,Xe.ok)(null===(Y=e.customTable)\|\|void 0===Y?void 0:Y.borderRadius.all),topLeft:(0,Xe.ok)(null===(Q=e.customTable)\|\|void 0===Q?void 0:Q.borderRadius.topLeft),topRight:(0,Xe.ok)(null===(J=e.customTable)\|\|void 0===J?void 0:J.borderRadius.topRight),bottomLeft:(0,Xe.ok)(null===(Z=e.customTable)\|\|void 0===Z?void 0:Z.borderRadius.bottomLeft),bottomRight:(0,Xe.ok)(null===(ee=e.customTable)\|\|void 0===ee?void 0:ee.borderRadius.bottomRight)},borderTop:(0,Xe.ok)(null===(te=e.customTable)\|\|void 0===te?void 0:te.borderTop),borderBottom:(0,Xe.ok)(null===(oe=e.customTable)\|\|void 0===oe?void 0:oe.borderBottom),borderLeft:(0,Xe.ok)(null===(le=e.customTable)\|\|void 0===le?void 0:le.borderLeft),borderRight:(0,Xe.ok)(null===(ie=e.customTable)\|\|void 0===ie?void 0:ie.borderRight),borderPosition:io\|\|"borderAll",boxShadowInset:(0,Xe.ok)(null===(ae=e.customTable)\|\|void 0===ae\|\|null===(re=ae.boxShadow)\|\|void 0===re?void 0:re.inset)\|\|!1,boxShadowHOffset:(0,Xe.ok)(null===(de=e.customTable)\|\|void 0===de\|\|null===(se=de.boxShadow)\|\|void 0===se?void 0:se.hOffset),boxShadowVOffset:(0,Xe.ok)(null===(ce=e.customTable)\|\|void 0===ce\|\|null===(pe=ce.boxShadow)\|\|void 0===pe?void 0:pe.vOffset),boxShadowBlurRadius:(0,Xe.ok)(null===(be=e.customTable)\|\|void 0===be\|\|null===(he=be.boxShadow)\|\|void 0===he?void 0:he.blurRadius),boxShadowSpreadRadius:(0,Xe.ok)(null===(ve=e.customTable)\|\|void 0===ve\|\|null===(fe=ve.boxShadow)\|\|void 0===fe?void 0:fe.spreadRadius),boxShadowColor:(0,Xe.ok)(null===(Ee=e.customTable)\|\|void 0===Ee\|\|null===(_e=Ee.boxShadow)\|\|void 0===_e?void 0:_e.color),mobileBoxShadowInset:(0,Xe.ok)(null===(Se=e.customTable)\|\|void 0===Se\|\|null===(ye=Se.mobileBoxShadow)\|\|void 0===ye?void 0:ye.inset)\|\|!1,mobileBoxShadowHOffset:(0,Xe.ok)(null===(we=e.customTable)\|\|void 0===we\|\|null===(Be=we.mobileBoxShadow)\|\|void 0===Be?void 0:Be.hOffset),mobileBoxShadowVOffset:(0,Xe.ok)(null===(Re=e.customTable)\|\|void 0===Re\|\|null===(Te=Re.mobileBoxShadow)\|\|void 0===Te?void 0:Te.vOffset),mobileBoxShadowBlurRadius:(0,Xe.ok)(null===(xe=e.customTable)\|\|void 0===xe\|\|null===(Ae=xe.mobileBoxShadow)\|\|void 0===Ae?void 0:Ae.blurRadius),mobileBoxShadowSpreadRadius:(0,Xe.ok)(null===(Ie=e.customTable)\|\|void 0===Ie\|\|null===(Ne=Ie.mobileBoxShadow)\|\|void 0===Ne?void 0:Ne.spreadRadius),mobileBoxShadowColor:(0,Xe.ok)(null===(Ce=e.customTable)\|\|void 0===Ce\|\|null===(Pe=Ce.mobileBoxShadow)\|\|void 0===Pe?void 0:Pe.color),mobileBackgroundColor:(0,Xe.ok)("none"!==(null===(Le=e.customTable)\|\|void 0===Le\|\|null===(Oe=Le.mobileBackgroundColor)\|\|void 0===Oe?void 0:Oe.value)?null===(Fe=e.customTable)\|\|void 0===Fe\|\|null===(Me=Fe.mobileBackgroundColor)\|\|void 0===Me?void 0:Me.value:""),mobileWidth:(0,Xe.xc)(null===(Ve=e.customTable)\|\|void 0===Ve\|\|null===(De=Ve.mobileWidth)\|\|void 0===De?void 0:De.value),mobileWidthDim:null===(ze=e.customTable)\|\|void 0===ze\|\|null===(We=ze.mobileWidth)\|\|void 0===We?void 0:We.dim,mobileHeight:(0,Xe.xc)(null===(He=e.customTable)\|\|void 0===He\|\|null===(je=He.mobileHeight)\|\|void 0===je?void 0:je.value),mobileHeightDim:null===(Ge=e.customTable)\|\|void 0===Ge\|\|null===(Ue=Ge.mobileHeight)\|\|void 0===Ue?void 0:Ue.dim,mobileBorderRadiusAll:(0,Xe.ok)(null===($e=e.customTable)\|\|void 0===$e?void 0:$e.mobileBorderRadius.all),mobileBorderRadiusTopLeft:(0,Xe.ok)(null!==(null===(qe=e.customTable)\|\|void 0===qe?void 0:qe.mobileBorderRadius.topLeft)?null===(Ke=e.customTable)\|\|void 0===Ke?void 0:Ke.mobileBorderRadius.topLeft:null===(Ye=e.customTable)\|\|void 0===Ye?void 0:Ye.mobileBorderRadius.all),mobileBorderRadiusBottomLeft:(0,Xe.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,Xe.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,Xe.ok)(null!==(null===(lt=e.customTable)\|\|void 0===lt?void 0:lt.mobileBorderRadius.bottomRight)?null===(it=e.customTable)\|\|void 0===it?void 0:it.mobileBorderRadius.bottomRight:null===(at=e.customTable)\|\|void 0===at?void 0:at.mobileBorderRadius.all),cellBackgroundColor:(0,Xe.ok)(null===(nt=e.customTable)\|\|void 0===nt?void 0:nt.cellBackgroundColor),cell_borderPosition:(0,Xe.ok)("cell_borderAll"),cell_borderAll:(0,Xe.ok)(null===(rt=e.customTable)\|\|void 0===rt?void 0:rt.cell_borderAll),cell_borderTop:(0,Xe.ok)(null===(dt=e.customTable)\|\|void 0===dt?void 0:dt.cell_borderTop),cell_borderBottom:(0,Xe.ok)(null===(st=e.customTable)\|\|void 0===st?void 0:st.cell_borderBottom),cell_borderLeft:(0,Xe.ok)(null===(mt=e.customTable)\|\|void 0===mt?void 0:mt.cell_borderLeft),cell_borderRight:(0,Xe.ok)(null===(ct=e.customTable)\|\|void 0===ct?void 0:ct.cell_borderRight),cell_paddingLeftRight:(0,Xe.ok)(null===(ut=e.customTable)\|\|void 0===ut\|\|null===(pt=ut.cell_paddingLeftRight)\|\|void 0===pt?void 0:pt.replace(/px$/,"")),cell_paddingTopBottom:(0,Xe.ok)(null===(gt=e.customTable)\|\|void 0===gt\|\|null===(bt=gt.cell_paddingTopBottom)\|\|void 0===bt?void 0:bt.replace(/px$/,"")),cell_paddingRight:(0,Xe.ok)(null===(ht=e.customTable)\|\|void 0===ht\|\|null===(vt=ht.cell_paddingRight)\|\|void 0===vt?void 0:vt.replace(/px$/,"")),cell_paddingLeft:(0,Xe.ok)(null===(ft=e.customTable)\|\|void 0===ft\|\|null===(Et=ft.cell_paddingLeft)\|\|void 0===Et?void 0:Et.replace(/px$/,"")),cell_paddingTop:(0,Xe.ok)(null===(_t=e.customTable)\|\|void 0===_t\|\|null===(St=_t.cell_paddingTop)\|\|void 0===St?void 0:St.replace(/px$/,"")),cell_paddingBottom:(0,Xe.ok)(null===(yt=e.customTable)\|\|void 0===yt\|\|null===(kt=yt.cell_paddingBottom)\|\|void 0===kt?void 0:kt.replace(/px$/,"")),fontFamily:(0,Xe.ok)(null===(wt=e.customTable)\|\|void 0===wt?void 0:wt.fontFamily),fontSize:(0,Xe.ok)(null===(Bt=e.customTable)\|\|void 0===Bt?void 0:Bt.fontSize),lineHeight:(0,Xe.ok)(null===(Rt=e.customTable)\|\|void 0===Rt?void 0:Rt.lineHeight),textStrong:(0,Xe.ok)(null===(Tt=e.customTable)\|\|void 0===Tt?void 0:Tt.textStrong),textItalic:(0,Xe.ok)(null===(xt=e.customTable)\|\|void 0===xt?void 0:xt.textItalic),textStrikethrough:(0,Xe.ok)(null===(At=e.customTable)\|\|void 0===At?void 0:At.textStrikethrough),textUnderline:(0,Xe.ok)(null===(It=e.customTable)\|\|void 0===It?void 0:It.textUnderline),textLink:(0,Xe.ok)(null===(Nt=e.customTable)\|\|void 0===Nt?void 0:Nt.textLink),linkHref:(0,Xe.ok)(null===(Ct=e.customTable)\|\|void 0===Ct?void 0:Ct.linkHref),linkTarget:(0,Xe.ok)(null===(Pt=e.customTable)\|\|void 0===Pt?void 0:Pt.linkTarget),textColor:(0,Xe.ok)(null===(Lt=e.customTable)\|\|void 0===Lt?void 0:Lt.textColor),textBackgroundColor:(0,Xe.ok)(null===(Ot=e.customTable)\|\|void 0===Ot?void 0:Ot.textBackgroundColor),textAlign:(0,Xe.ok)(null===(Ft=e.customTable)\|\|void 0===Ft?void 0:Ft.textAlign),valign:(0,Xe.ok)(null===(Mt=e.customTable)\|\|void 0===Mt?void 0:Mt.textValign)}),!(0,Xe.ok)(null===(Vt=e.customTable)\|\|void 0===Vt?void 0:Vt.borderRadius.all)&&((0,Xe.ok)(null===(Dt=e.customTable)\|\|void 0===Dt?void 0:Dt.borderRadius.topLeft)\|\|(0,Xe.ok)(null===(zt=e.customTable)\|\|void 0===zt?void 0:zt.borderRadius.bottomLeft)\|\|(0,Xe.ok)(null===(Wt=e.customTable)\|\|void 0===Wt?void 0:Wt.borderRadius.topRight)\|\|(0,Xe.ok)(null===(Ht=e.customTable)\|\|void 0===Ht?void 0:Ht.borderRadius.bottomRight))?S(!1):S(!0),!(0,Xe.ok)(null===(jt=e.customTable)\|\|void 0===jt?void 0:jt.mobileBorderRadius.all)&&(0,Xe.ok)(null===(Gt=e.customTable)\|\|void 0===Gt?void 0:Gt.mobileBorderRadius.topLeft)\|\|(0,Xe.ok)(null===(Ut=e.customTable)\|\|void 0===Ut?void 0:Ut.mobileBorderRadius.bottomLeft)\|\|(0,Xe.ok)(null===($t=e.customTable)\|\|void 0===$t?void 0:$t.mobileBorderRadius.topRight)\|\|(0,Xe.ok)(null===(Xt=e.customTable)\|\|void 0===Xt?void 0:Xt.mobileBorderRadius.bottomRight)?x(!1):x(!0),I(""===(null===(qt=e.customTable)\|\|void 0===qt?void 0:qt.backgroundImage[0].value)),C(e=>{var t,o,l;return!!(null!==(t=Zt[io])&&void 0!==t&&t.width\|\|null!==(o=Zt[io])&&void 0!==o&&o.style\|\|null!==(l=Zt[io])&&void 0!==l&&l.color)\|\|e}),F(!!e.borderRadius.all\|\|!!e.borderRadius.topLeft\|\|!!e.borderRadius.bottomLeft\|\|!!e.borderRadius.topRight\|\|!!e.borderRadius.bottomRight),z(!!e.boxShadow),ue(!(null===(Kt=e.width)\|\|void 0===Kt\|\|!Kt.value)\|\|!(null===(Yt=e.minWidth)\|\|void 0===Yt\|\|!Yt.value)\|\|!(null===(Qt=e.maxWidth)\|\|void 0===Qt\|\|!Qt.value)),G(!(null===(Jt=e.customTable)\|\|void 0===Jt\|\|!Jt.mobileWidth.value)),me(!!e.exportAsPicture)}},[m,e]),(0,l.useEffect)(()=>{var t;const o=m.getFieldValue("linkHref");"string"===typeof(null===(t=e.customTable)\|\|void 0===t?void 0:t.linkHref)&&de(!0),be&&!o&&(de(!1),m.setFieldsValue({linkHref:null})),be.current=o\|\|null},[null===ve\|\|void 0===ve?void 0:ve.textLink,null===ve\|\|void 0===ve?void 0:ve.linkHref,null===(n=e.customTable)\|\|void 0===n?void 0:n.linkHref,m]),(0,l.useEffect)(()=>{var t,o,l;null!==(t=e.customTable)&&void 0!==t&&t.linkHref&&(0,Xe.b9)((null===(l=e.customTable)\|\|void 0===l?void 0:l.linkHref)\|\|"",ie);m.setFieldsValue({linkHref:"string"===typeof(null===(o=e.customTable)\|\|void 0===o?void 0:o.linkHref)?e.customTable.linkHref:"https://"})},[m,e,ie]);const xe=t=>{var o,l,i,a,n,r,d,c,u;const p=m.getFieldsValue(!0),g=Object.keys(t)[0];let b;const v=So.includes(g)&&p[g]?{...p[g],width:""===p[g].width?(null===(o=p.borderAll)\|\|void 0===o?void 0:o.width)\|\|"1":p[g].width,color:""===p[g].color?(null===(l=p.borderAll)\|\|void 0===l?void 0:l.color)\|\|ye:p[g].color,style:""===p[g].style?(null===(i=p.borderAll)\|\|void 0===i?void 0:i.style)\|\|"solid":p[g].style}:null,f=["top","right","bottom","left"],E="em-mob-border_",_=e=>({...h.iV[e],classNamePrefix:`${E}${e}-`}),S=(e,t,o,l)=>f.reduce((i,a)=>(i[a]={...e,[o]:a===t?l:e[o],classNamePrefix:`${E}${a}-`},i),{});switch(g){case"exportAsPicture":b={exportAsPicture:p.exportAsPicture};break;case"boxShadowInset":case"boxShadowHOffset":case"boxShadowVOffset":case"boxShadowBlurRadius":case"boxShadowSpreadRadius":case"boxShadowColor":b={boxShadow:{hOffset:p.boxShadowHOffset,vOffset:p.boxShadowVOffset,blurRadius:p.boxShadowBlurRadius,spreadRadius:p.boxShadowSpreadRadius,color:p.boxShadowColor,inset:p.boxShadowInset}};break;case"width":b={[g]:{value:t[g],dim:p.widthDim}};break;case"widthDim":b={width:{value:p.width,dim:t[g]}};break;case"maxWidth":b={[g]:{value:t[g],dim:p.maxWidthDim}};break;case"maxWidthDim":b={maxWidth:{value:p.maxWidth,dim:t[g]}};break;case"minWidth":b={[g]:{value:t[g],dim:p.minWidthDim}};break;case"minWidthDim":b={minWidth:{value:p.minWidth,dim:t[g]}};break;case"backgroundImage":I(""===t[g]),b={[g]:[{...null===(a=e.customTable)\|\|void 0===a?void 0:a.backgroundImage[0],value:t[g]}],backgroundSize:"cover"},m.setFieldsValue({backgroundColor:""});break;case"backgroundColor":I(!0),b=t,m.setFieldsValue({backgroundImage:"",backgroundPositionX:"",backgroundPositionY:"",backgroundRepeat:"",backgroundSize:""});break;case"borderRadiusAll":case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":b={borderRadius:{[lt.wF[g]]:+t[g]}};break;case"mobileWidth":b={[g]:{classNamePrefix:"em-mob-width-",value:t[g],dim:p.mobileWidthDim}};break;case"mobileWidthDim":b={mobileWidth:{classNamePrefix:"em-mob-width-",value:p.mobileWidth\|\|100,dim:t[g]}};break;case"mobileHeight":b={[g]:{classNamePrefix:"em-mob-height-",value:t[g],dim:p.mobileHeightDim}};break;case"mobileBorderStyle":case"mobileBorderColor":case"mobileBorderWidth":const o={mobileBorderStyle:"style",mobileBorderColor:"color",mobileBorderWidth:"width"}[g],{newBorders:l,sending:i,formUpdates:w}=((e,t,o,l)=>{var i,a,n,r,d,s;const m=l.mobileBorderPosition,c="all"===m,u=""===t\|\|null==t;let p;p=c?{all:{...o.all,[e]:u?null:t,classNamePrefix:`${E}all-`},...f.reduce((e,t)=>({...e,[t]:_(t)}),{})}:u?{...o,[m]:_(m),all:{...h.iV.all}}:null!=(null===(i=o.all)\|\|void 0===i?void 0:i.color)&&null!=(null===(a=o.all)\|\|void 0===a?void 0:a.width)&&null!=(null===(n=o.all)\|\|void 0===n?void 0:n.style)?{...S(o.all,m,e,t),all:{...h.iV.all}}:{...o,[m]:{...o[m],[e]:t,classNamePrefix:`${E}${m}-`},all:{...h.iV.all}};const g=c?p.all:p[m];return{newBorders:p,sending:{mobileBorder:p},formUpdates:{mobileBorderColor:null!==(r=null===g\|\|void 0===g?void 0:g.color)&&void 0!==r?r:ye,mobileBorderWidth:null!==(d=null===g\|\|void 0===g?void 0:g.width)&&void 0!==d?d:1,mobileBorderStyle:null!==(s=null===g\|\|void 0===g?void 0:g.style)&&void 0!==s?s:"solid"}}})(o,t[g],y,p);Object.assign(p,w),k(l),b=i;break;case"mobileBorderPosition":m.setFieldsValue({mobileBorderWidth:y[t[g]].width\|\|"",mobileBorderColor:y[t[g]].color\|\|"",mobileBorderStyle:y[t[g]].style\|\|""});break;case"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":b={mobileBorderRadius:{[lt.NW[g]]:t[g],classNamePrefix:"em-mob-border_radius_"+lt.NW[g]+"-"}};break;case"mobileBoxShadowInset":case"mobileBoxShadowHOffset":case"mobileBoxShadowVOffset":case"mobileBoxShadowBlurRadius":case"mobileBoxShadowSpreadRadius":case"mobileBoxShadowColor":b={mobileBoxShadow:{hOffset:p.mobileBoxShadowHOffset,vOffset:p.mobileBoxShadowVOffset,blurRadius:p.mobileBoxShadowBlurRadius,spreadRadius:p.mobileBoxShadowSpreadRadius,color:p.mobileBoxShadowColor,inset:p.mobileBoxShadowInset,classNamePrefix:"em-mob-box_shadow-"}};break;case"mobileBackgroundColor":b={[g]:{classNamePrefix:"em-mob-background_color-",value:t[g]}};break;case"mobileBackgroundImage":b={[g]:[{...e.mobileBackgroundImage[0],classNamePrefix:"em-mob-background_image-",value:t[g]}]};break;case"mobileBackgroundPositionX":b={[g]:{classNamePrefix:"em-mob-background_position_x-",value:t[g]}};break;case"mobileBackgroundPositionY":b={[g]:{classNamePrefix:"em-mob-background_position_x-",value:t[g]}};break;case"mobileBackgroundRepeat":b={[g]:{classNamePrefix:"em-mob-background_repeat-",value:t[g]}};break;case"mobileAlign":b={[g]:{classNamePrefix:"em-mob-table_align-",value:t[g]}};break;case"borderPosition":case"cell_borderPosition":b=t,s({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:b});break;case"borderAll":""===(null===(n=t[g])\|\|void 0===n?void 0:n.style)?m.setFieldsValue({borderAll:_e}):m.setFieldsValue({borderTop:_e,borderBottom:_e,borderLeft:_e,borderRight:_e}),b=t;break;case"borderTop":m.setFieldsValue({borderTop:v}),""===(null===(r=t[g])\|\|void 0===r?void 0:r.style)?m.setFieldsValue({borderTop:_e}):m.setFieldsValue({borderAll:_e}),b=t;break;case"borderBottom":m.setFieldsValue({borderBottom:v}),""===(null===(d=t[g])\|\|void 0===d?void 0:d.style)?m.setFieldsValue({borderBottom:_e}):m.setFieldsValue({borderAll:_e}),b=t;break;case"borderLeft":m.setFieldsValue({borderLeft:v}),""===(null===(c=t[g])\|\|void 0===c?void 0:c.style)?m.setFieldsValue({borderLeft:_e}):m.setFieldsValue({borderAll:_e}),b=t;break;case"borderRight":m.setFieldsValue({borderRight:v}),""===(null===(u=t[g])\|\|void 0===u?void 0:u.style)?m.setFieldsValue({borderRight:_e}):m.setFieldsValue({borderAll:_e}),b=t;break;case"fontSize":case"lineHeight":if(null===t[g]\|\|""===t[g]\|\|void 0===t[g])return;b=t;break;default:b=t}"borderPosition"!==g&&s({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:b})},Ae=(0,l.useCallback)(()=>{lo(m,ke,C,oe,N,ge,"")},[m,ke,N,""]),Ie=(0,l.useCallback)(()=>{io(m,L,P,y,k,s,e)},[m,P,y,s,e]),Ne=(0,l.useCallback)(()=>{ao(m,F,O,S,s,e,"")},[m,O,S,s,e,""]),Ce=(0,l.useCallback)(()=>{no(m,V,M,s,e)},[m,M,s,e]),Pe=(0,l.useCallback)(()=>{ro(m,z,D,s,e)},[m,D,s,e]),Oe=(0,l.useCallback)(()=>{so(m,H,W,s,e)},[m,W,s,e]),Fe=(0,l.useCallback)(()=>{mo(m,G,j,s,e)},[m,j,s,e]),Me=(0,l.useCallback)(()=>{co($)},[$]),Ve=(0,l.useCallback)(()=>{uo(m,q,X,s,e)},[m,X,s,e]),De=(0,l.useCallback)(()=>{po(m,Y,K,s,e)},[m,K,s,e]),ze=(0,l.useCallback)(()=>{go(m,J,Q,s,e)},[m,Q,s,e]),We=(0,l.useCallback)(()=>{bo(ee)},[ee]),He=(0,l.useCallback)(()=>{ho(m,J,Q,s,e)},[m,Q,s,e]);return l.createElement(i.lV,{form:m,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:xe,autoComplete:"off",className:"element-controls",style:{padding:0,display:"flex",flexDirection:"column"}},!Se&&l.createElement(i.m_,{title:d("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(i.Fc,{className:"selected_form-mobile-props-title",message:d("Appearance on mobile devices"),type:"info"})),ke?l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(vo,{form:m,onBorderSideClear:xe,formValues:ve,elementSettings:e,appConfig:u,token:c,isMacOS:we,__:d,handleToggleShowPaddingCell:We,handleTogglePaddingCell:He,handleToggleBackground:Me,handleToggleBorder:Ae,handleToggleBorderRadius:Ne,paddingCellShow:Z,paddingsExt:Q,backgroundShow:U,cellBordersShow:te,borderRadiusShow:O,oneBorderRadiusValue:_,setOneBorderRadiusValue:S,backgroundImageEmpty:A,backgroundRepeatOptions:fe,backgroundSizeOptions:Ee,sendAction:Re,typografItems:Te,textInputRef:he,linkProtocol:le,handleLinkProtocolsChange:e=>{m.setFieldValue("linkHref","mergetag"!==e?e:""),ie(e)},isCodeVision:Se})):l.createElement(_o,{form:m,onBorderSideClear:xe,elementSettings:e,handleToggleShowPadding:De,handleTogglePadding:ze,handleToggleBackground:Me,handleToggleBorder:Ae,handleToggleBorderRadius:Ne,handleToggleBoxShadow:Pe,handleToggleMobileSize:Fe,handleToggleMobileBackground:Ve,handleToggleMobileBorder:Ie,handleToggleMobileBorderRadius:Ce,handleToggleMobileBoxShadow:Oe,paddingShow:K,paddingsExt:Q,backgroundShow:U,bordersShow:N,borderRadiusShow:O,boxShadowShow:D,mobileSizeShow:j,mobileBackgroundShow:X,mobileBordersShow:P,mobileBorderRadiusShow:M,mobileBoxShadowShow:W,oneBorderRadiusValue:_,setOneBorderRadiusValue:S,oneMobileBorderRadiusValue:T,setOneMobileBorderRadiusValue:x,backgroundImageEmpty:A,backgroundRepeatOptions:fe,backgroundSizeOptions:Ee,boxShadow:f,mobileBorders:y,mobileBoxShadow:w,elementViewType:p,mobileViewActive:g})," ")},ko=({className:e=null,formSettings:t,emailElementType:o,formName:i})=>{const n=(0,a.wA)(),r=(0,R.Cb)(),d=(0,l.useRef)(),s=(0,a.d4)(tt.B),c=(0,a.d4)(f.qX),u=(0,a.d4)(Te.qX),p=o===h.Tm?c:u,[g,b]=(0,l.useState)(p);(0,l.useEffect)(()=>{b(p.type===h.bV.CAROUSEL\|\|p.type===h.bV.IMG?t.settings:p)},[p,t.settings]);return(0,Je.A)(e=>{const t=e.data.operation,o=e.data.action;if(t===h.Ru.APPLICATION_ACTION){function l(e,t=null){const o={[e]:t\|\|!g[e]};r(o,g.type),n((0,f.G_)(o)),b(e=>({...e,...o}))}"toggle_strong"===o&&l("textStrong"),"toggle_italic"===o&&l("textItalic"),"toggle_underline"===o&&l("textUnderline"),"toggle_strikethrough"===o&&l("textStrikethrough"),"textAlign_left"===o&&l("textAlign","left"),"textAlign_right"===o&&l("textAlign","right"),"textAlign_center"===o&&l("textAlign","center")}}),l.createElement("div",{className:"selected-element-panel"},l.createElement(Re.A,{nodeRef:d,in:s===h.yI,timeout:300,classNames:"transition"},l.createElement("div",{ref:d,className:m()("selected-element-panel-content",{[e]:e})},(p.type===h.bV.IMG\|\|p.type===h.bV.COUNTDOWN\|\|p.type===h.bV.VIDEO)&&l.createElement(st,{elementSettings:p}),p.type===h.bV.TEXT&&l.createElement(ft,{elementSettings:p}),p.type===h.bV.LINK&&l.createElement(Rt,{elementSettings:p}),p.type===h.bV.TABLE&&l.createElement(Bt,{elementSettings:p}),p.type===h.bV.CUSTOM_TABLE&&l.createElement(yo,{elementSettings:p,formName:i}),(p.type===h.bV.TD\|\|p.type===h.bV.STRUCTURE\|\|p.type===h.bV.GROUP\|\|p.type===h.bV.COLUMN)&&l.createElement(Mt,{elementSettings:p}),p.type===h.bV.VAR&&l.createElement(qt,{elementSettings:p}),p.type===h.bV.BUTTON&&l.createElement(Xt,{elementSettings:p}),p.type===h.bV.DIV&&l.createElement(zt,{elementSettings:p}),p.type===h.bV.VINDENT&&l.createElement(At,{elementSettings:p}),p.type===h.bV.FLOAT_BLOCK&&l.createElement(Gt,{elementSettings:p}),t.type===h.bV.CAROUSEL&&l.createElement(Zt,{elementSettings:t}),t.type===h.bV.ACCORDION&&l.createElement(to,{elementSettings:t}))))},wo=({emailElementType:e,isSelectedElement:t=!1,selectedElement:o={parent:!1}})=>{var n,d,s,m,c,p,g,b,v;const{__:E}=(0,r.s9)(),_=(0,a.wA)(),S=(0,Le.XW)(),[y]=i.lV.useForm(),k=(0,l.useRef)(),w=(0,l.useRef)(),R=(0,a.d4)(f.qX),T=(0,a.d4)(Te.qX),x=(0,B.rD)(),A=o\|\|(e===h.Tm?R:T),[I,N]=(0,l.useState)(null===(n=A.floatBlocks)\|\|void 0===n?void 0:n.wrap),[C,P]=(0,l.useState)(null===(d=A.floatBlocks)\|\|void 0===d?void 0:d.dirRevers),[L,O]=(0,l.useState)(null),[F,M]=(0,l.useState)(0),[V,D]=(0,l.useState)([]),z=(0,a.d4)(tt.Ct),W=(0,l.useCallback)(t=>{_(e===h.Tm?(0,f.A9)(t):(0,Te.A9)(t))},[_,e]);(0,l.useEffect)(()=>{if(A&&"{}"!==JSON.stringify(A)&&y._init){var e,t,o,l,i;if(y.resetFields(),y.setFieldsValue({gap:null===(e=A.floatBlocks)\|\|void 0===e?void 0:e.gap,gapMobile:null===(t=A.floatBlocks)\|\|void 0===t?void 0:t.gapMobile,gapDim:"px",valign:null===(o=A.floatBlocks)\|\|void 0===o?void 0:o.valign}),(null===(l=A.floatBlocks)\|\|void 0===l?void 0:l.items.length)>0){var a;const n=A.floatBlocks.items.reduce((e,t)=>e+t.width,0),r=A.floatBlocks.items.map(e=>{var t;return null===(t=(e.width\|\|0)/n100)\|\|void 0===t?void 0:t.toFixed(1)});function d(e,t){if(e.length!==t.length)return!1;for(let o=0;o<e.length;o++)if(e[o]!==t[o])return!1;return!0}M(n),d(r,V)\|\|"gap"===A.changeKey\|\|D(r),A.floatBlocks.items.forEach((e,t)=>y.setFieldsValue({["width-"+t]:e.width\|\|0})),A.floatBlocks.items.length>=8?document.querySelector(".selected-element-panel__columns-settings__links__add").classList.add("noactive"):null!==(a=document.querySelector(".selected-element-panel__columns-settings__links__add"))&&void 0!==a&&a.classList.contains("noactive")&&document.querySelector(".selected-element-panel__columns-settings__links__add").classList.remove("noactive")}N(null===(i=A.floatBlocks)\|\|void 0===i?void 0:i.wrap)}},[y,A,L,V]);let H=0;(null===(s=A.floatBlocks)\|\|void 0===s?void 0:s.items.length)>0&&(H=A.floatBlocks.items.length);const j=(e,t)=>{Object.keys(t).forEach(t=>{if(t.includes("width")){const o=parseInt(t.match(/\d+/));y.setFieldsValue({[t]:e.items[o]})}})},[G,U]=(0,l.useState)(!1);(0,l.useEffect)(()=>{const e=()=>U(!0),t=()=>U(!1);return document.addEventListener("keyup",t),document.addEventListener("keydown",e),()=>{document.removeEventListener("keyup",t),document.removeEventListener("keydown",e)}},[]);const $=e=>{const o=y.getFieldsValue(!0),l=A.floatBlocks.items.map(e=>e.width),i=A.floatBlocks.gap\|\|20,a=e.cols-l.length;let n=[],r=l.reduce((e,t)=>e+t,0);e.cols>=l.length?r-=ia:r+=iMath.abs(a);const d=Math.round(r/e.cols);n=function(t,o){const l=[];for(let n=0;n<t;n++){var i,a;l.push(null!==(i=e.width)&&void 0!==i&&i[n]?Math.round(r/100(null===(a=e.width)\|\|void 0===a?void 0:a[n])):o)}return l}(e.cols,d);const s=r-n.reduce((e,t)=>e+t,0);if(0!==s){let e=n.map((e,t)=>[t,e]).filter(e=>e[1]>30);const t=e.length-Math.abs(s);e=e.map((e,o)=>{const l=t<=o?e[1]+(s>0?1:-1):e[1];return[e[0],l]}),e.map(e=>(n[e[0]]=e[1],e))}let m={items:n,gap:o.gap\|\|20};const c=n.reduce((e,t)=>e+t,0);D(n.map(e=>{var t;return null===(t=e/c100)\|\|void 0===t?void 0:t.toFixed(1)})),S({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:"floatBlocksPreset",settings:m,editFromStructure:!!document.querySelector(".selected-element-panel__columns-settings__links__add").closest(".selected-element-panel")}),W({...A,activateSection:t?void 0:"structure",floatBlocks:{...A.floatBlocks,...m,items:m.items.map((e,t)=>({width:e,current:!1}))},changeKey:"width"})},X=e=>{const o=y.getFieldsValue(!0);let l=0;document.querySelectorAll(".selected-element-panel__columns-settings__controls__column").forEach((t,o)=>{t===e.target.closest(".selected-element-panel__columns-settings__controls__column")&&(l=o)});const i=+A.floatBlocks.gap,a=+A.floatBlocks.items[l].width+i,n=A.floatBlocks.items.map(e=>+e.width),r=(n.length-1)i,d=n.reduce((e,t)=>e+t,0)+r,s=n.length-1,m=Math.floor(a/s);let c=n.filter((e,t)=>t!==l).map(e=>e+m);const u=d-(c.reduce((e,t)=>e+t,0)+(n.length-2)i);if(0!==u){const e=c.length-Math.abs(u);c=c.map((t,o)=>e<=o?t+(u>0?1:-1):t)}S({operation:h.Ru.SANDBOX_FLOATBLOCK_REMOVE,settings:{removedBlockIndex:l,gap:o.gap},editFromStructure:!!document.querySelector(".selected-element-panel__columns-settings__links__add").closest(".selected-element-panel")}),W({...A,activateSection:t?void 0:"structure",floatBlocks:{...A.floatBlocks,items:c.map((e,t)=>({width:e,current:A.floatBlocks.items.filter((e,t)=>t!==l)[t].current}))},changeKey:"width"})};return A.floatBlocks&&A.floatBlocks.items.length>0&&l.createElement(i.lV,{layout:"vertical",form:y,name:"float_blocks_settings_form",autoComplete:"off",initialValues:{gap:(null===(m=A.floatBlocks)\|\|void 0===m?void 0:m.gap)\|\|0,gapDim:"px",gapMobile:(null===(c=A.floatBlocks)\|\|void 0===c?void 0:c.gapMobile)\|\|0,valign:(null===(p=A.floatBlocks)\|\|void 0===p?void 0:p.valign)\|\|"top",...null===(g=A.floatBlocks)\|\|void 0===g?void 0:g.items.reduce((e,{width:t},o)=>(e[`width-${o}`]=t,e),{})},onValuesChange:e=>{w.current&&G&&clearTimeout(w.current),w.current=setTimeout(()=>function(e){const o=y.getFieldsValue(!0),l=Object.keys(e)[0];if(O(l),l.includes("width")){if(o[l]&&o[l]>=30){let i={items:[],gap:o.gap,valign:o.valign,activateSection:t?void 0:"structure"},a=0;if(document.querySelectorAll(".selected-element-panel__columns-settings__controls__column").length>1){a=parseFloat(Object.keys(e)[0].substring(Object.keys(e)[0].length-1));const t=o["width-"+(a+1)]?a+1:0;let l=F;Object.keys(o).forEach(e=>{e.includes("width")&&-1===e.indexOf("width-"+t)&&(l-=o[e])}),o["width-"+t]=l}Object.keys(o).forEach(e=>{e.includes("width")&&i.items.push(o[e])}),S({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:"floatBlocksWidths",settings:i}),W({...A,activateSection:t?void 0:"structure",floatBlocks:{...A.floatBlocks,...i,items:A.floatBlocks.items.map((e,t)=>({...A.floatBlocks.items[t],width:i.items[t]}))},changeKey:l})}}else if("gap"===l){const i={items:A.floatBlocks.items.map(e=>e.width),gap:A.floatBlocks.gap},a=i.items.reduce((e,t)=>e+t,0)+(i.items.length-1)i.gap,n=o.gap,r=a-(i.items.length-1)n;if(r>30i.items.length\|\|A.floatBlocks.gap-e>=0){const e=(e,t)=>Math.round(te/100);let d=i.items.map((t,o)=>e(V[o],r));const s=a-(d.reduce((e,t)=>e+t,0)+(i.items.length-1)n);if(0!==s){const e=d.length-Math.abs(s);d=d.map((t,o)=>e<=o?t+(s>0?1:-1):t)}let m={items:d,gap:n\|\|0};j(m,o),S({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:"floatBlocksGap",settings:m,editFromStructure:!!document.querySelector(".selected-element-panel__columns-settings__links__add").closest(".selected-element-panel")}),W({...A,activateSection:t?void 0:"structure",floatBlocks:{...A.floatBlocks,...m,items:A.floatBlocks.items.map((e,t)=>({...e,width:m.items[t]}))},changeKey:l})}}else if("valign"===l){let e={valign:o.valign};S({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:"floatBlocksValign",settings:e,editFromStructure:!!document.querySelector(".selected-element-panel__columns-settings__links__add").closest(".selected-element-panel")}),W({...A,activateSection:t?void 0:"structure",floatBlocks:{...A.floatBlocks,...e},changeKey:l})}else if("gapMobile"===l){let o={mobileHeight:{classNamePrefix:"em-mob-height-",value:e[l],dim:"px"}};S({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:"floatBlocksGapMobile",settings:o}),W({...A,activateSection:t?void 0:"structure",floatBlocks:{...A.floatBlocks,gapMobile:o.mobileHeight.value},changeKey:l})}setTimeout(()=>(null===k\|\|void 0===k?void 0:k.current)&&k.current.focus({cursor:"end"}),600)}(e),50)},onFieldsChange:()=>setTimeout(()=>(null===k\|\|void 0===k?void 0:k.current)&&k.current.focus({cursor:"end"}),300),className:"element-controls"},l.createElement("div",{className:"selected-element-panel__columns-settings",style:{paddingTop:x.switchDesktopMobilePropsEnabled\|\|x.stepToOtherElementEnabled\|\|x.deleteButtonEnabled\|\|"structure"===A.type?0:24}},1===A.floatBlocks.items.length&&l.createElement(i.Fc,{style:{marginBottom:10},message:E('The selected element is in the block that supports a multicolumn structure. To add a new column, click the "Add a column" button.'),type:"info"}),z!==h.ND&&l.createElement(l.Fragment,null,l.createElement("div",{className:"selected-element-panel__columns-settings__header"},l.createElement("span",{className:"selected-element-panel__columns-settings__header-title"},E("Columns")),l.createElement("div",{className:"selected-element-panel__columns-settings__links"},l.createElement("span",{className:"selected-element-panel__columns-settings__links__add",onClick:()=>{const e=y.getFieldsValue(!0);if(H<8){const o=A.floatBlocks.items.map(e=>e.width),l=A.floatBlocks.gap,i=o.reduce((e,t)=>e+(t>30?t:0),0),a=(i-30-l)/i,n=o.map(e=>e>30?Math.round(ea):e).reduce((e,t)=>e+(t>30?t:0),0);let r=o.map(e=>e>30?Math.round(ea):e);r.push(30);const d=i-n-30-l;if(0!==d){let e=r.map((e,t)=>[t,e]).filter(e=>e[1]>30);const t=e.length-Math.abs(d);e=e.map((e,o)=>{const l=t<=o?e[1]+(d>0?1:-1):e[1];return[e[0],l]}),e.map(e=>(r[e[0]]=e[1],e))}S({operation:h.Ru.SANDBOX_FLOATBLOCK_ADD,settings:{gap:e.gap,gapMobile:e.gapMobile,minWidth:30},editFromStructure:!!document.querySelector(".selected-element-panel__columns-settings__links__add").closest(".selected-element-panel")}),W({...A,activateSection:t?void 0:"structure",floatBlocks:{...A.floatBlocks,items:r.map((e,t)=>{var o;return{width:e,current:(null===(o=A.floatBlocks.items[t])\|\|void 0===o?void 0:o.current)\|\|!1}})},changeKey:"width"})}else document.querySelector(".selected-element-panel__columns-settings__links__add").classList.add("noactive")}},l.createElement(u.A,{icon:"PlusCircleOutlined",size:16,strokeWidth:x.iconStrokeWidth})," ",E("Add column")),A.floatBlocks.items.length>1&&l.createElement("span",{onClick:()=>{const e=y.getFieldsValue(!0),o=A.floatBlocks.items.map(e=>e.width);let l={items:[],gap:e.gap};const i=o.reduce((e,t)=>e+t,0),a=o.length,n=Math.ceil(F/a)a,r=n/a,d=i-n;if(l.items=Array(a).fill(r),0!==d){const e=o.length-Math.abs(d);l.items=l.items.map((t,o)=>e<=o?t+(d>0?1:-1):t)}j(l,e),S({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:"floatBlocksWidths",settings:l,editFromStructure:!!document.querySelector(".selected-element-panel__columns-settings__links__add").closest(".selected-element-panel")}),W({...A,activateSection:t?void 0:"structure",floatBlocks:{...A.floatBlocks,...l,items:A.floatBlocks.items.map((e,t)=>({...e,width:l.items[t]}))},changeKey:"width"})}},l.createElement(i.m_,{title:E("Make columns the same width.")},l.createElement(u.A,{icon:"ColumnWidthOutlined"})," ",E("Equalize"))))),A.floatBlocks.items.length>1&&l.createElement(i.lV.Item,{style:{marginBottom:16}},l.createElement("div",{className:"selected-element-panel__columns-settings__controls"},A.floatBlocks.items.map((e,t)=>l.createElement("div",{key:"floatblock-"+t,className:"selected-element-panel__columns-settings__controls__column "+(e.current?"current":""),style:{width:e.width/F100+"%"}},A.floatBlocks.items.length>1&&l.createElement("span",{className:"selected-element-panel__columns-settings__controls__column__remove",onClick:X},l.createElement(u.A,{icon:"DeleteOutlined",style:{color:"#ff4d4f"}})),l.createElement("div",{className:"selected-element-panel__columns-settings__controls__field"},l.createElement(i.lV.Item,{label:"",name:"width-"+t},l.createElement(i.YI,{min:30,value:e.width\|\|0,placeholder:E("Width"),ref:L==="width-"+t&&k}))))))),l.createElement("div",{className:"columns-presets"},l.createElement(i.$n,{onClick:()=>{$({cols:1})}},l.createElement(u.A,{icon:"LayoutCol1"})),l.createElement(i.$n,{onClick:()=>{$({cols:2})}},l.createElement(u.A,{icon:"LayoutCol2"})),l.createElement(i.$n,{onClick:()=>{$({cols:2,width:[66,34]})}},l.createElement(u.A,{icon:"LayoutCol2WideLeft"})),l.createElement(i.$n,{onClick:()=>{$({cols:2,width:[34,66]})}},l.createElement(u.A,{icon:"LayoutCol2WideRight"})),l.createElement(i.$n,{onClick:()=>{$({cols:3})}},l.createElement(u.A,{icon:"LayoutCol3"})),l.createElement(i.$n,{onClick:()=>{$({cols:4})}},l.createElement(u.A,{icon:"LayoutCol4"})))),A.floatBlocks.items.length>1&&l.createElement(l.Fragment,null,z===h.ND&&l.createElement("div",{style:{marginBottom:24}},l.createElement(i.dO,{id:"column-wrap",label:E("Line break on mobile devices"),size:"small",disabled:void 0===(null===(b=A.floatBlocks)\|\|void 0===b?void 0:b.wrap),checked:I,onChange:e=>{N(e),S({operation:h.Ru.SANDBOX_FLOATBLOCK_WRAP,settings:{wrap:!I}}),W({...A,activateSection:t?void 0:"structure",floatBlocks:{...A.floatBlocks,wrap:!I},changeKey:"wrap"})},labelStyle:{position:"relative",top:2}})),z!==h.ND&&l.createElement("div",{style:{marginBottom:24}},l.createElement(i.dO,{id:"column-dir-revers",label:E("Revers order on desktop"),size:"small",disabled:void 0===(null===(v=A.floatBlocks)\|\|void 0===v?void 0:v.wrap),checked:C,onChange:e=>{P(e),S({operation:h.Ru.SANDBOX_FLOATBLOCK_DIR,settings:{dirRevert:!C}}),W({...A,activateSection:t?void 0:"structure",floatBlocks:{...A.floatBlocks,dirRevert:!C},changeKey:"dir"})},labelStyle:{position:"relative",top:2}}))),A.floatBlocks.items.length>1&&l.createElement(l.Fragment,null,l.createElement(i.cG,{className:"selected-td-form__divider"}),l.createElement(i.fI,{gutter:10},l.createElement(i.fv,{span:12},l.createElement(i.y9,{title:E("Vertical alignment")},l.createElement(i.lV.Item,{name:"valign",style:{marginBottom:0}},l.createElement(i.VX,{disabled:A.floatBlocks.items.length<=1,strokeWidth:x.iconStrokeWidth,labels:{alignTop:E("Align top"),alignMiddle:E("Center vertically"),alignBottom:E("Align bottom")}})))),l.createElement(l.Fragment,null,z!==h.ND&&l.createElement(i.fv,{span:12},l.createElement(i.y9,{title:E("Indent between columns")},l.createElement(i.lV.Item,{name:"gap",style:{marginBottom:20}},l.createElement(i.FQ,{min:0,disabled:A.floatBlocks.items.length<=1,placeholder:E("Indent between columns"),prefix:l.createElement(u.A,{icon:"ColumnWidthOutlined"}),addonAfter:"px",ref:"gap"===L&&k})))),z===h.ND&&l.createElement(i.fv,{span:12},l.createElement(i.y9,{title:E("Indent in mobile")},l.createElement(i.lV.Item,{name:"gapMobile",style:{marginBottom:20}},l.createElement(i.FQ,{min:0,disabled:A.floatBlocks.items.length<=1,placeholder:E("Indent in mobile"),prefix:l.createElement(u.A,{icon:"ColumnHeightOutlined"}),addonAfter:"px"})))))))))},Bo=({email:e,formSettings:t})=>{var o,n;const{__:d}=(0,r.s9)(),s=(0,nt.cR)(),m=(0,a.wA)(),c=(0,Le.XW)(),u=e.hasOwnProperty("type")?h.IE:h.Tm,p=(0,a.d4)(f.qX),g=(0,a.d4)(Te.qX),b=(0,a.d4)(tt.Tn),v=Object.keys(t).length>0?t.settings:u===h.Tm?p:g,E=(0,B.rD)(),_="customTable"===v.type,S=!!v.type&&!(null===(o=v.floatBlocks)\|\|void 0===o\|\|!o.items.length)>0&&!(null===(n=v.floatBlocks)\|\|void 0===n\|\|!n.items.filter(e=>!!e.width).length)>0,y=(0,l.useRef)(null);(0,l.useEffect)(()=>{const e=Object.values(h.bV),t=v.type&&e.includes(v.type)?`${v.type}-${JSON.stringify(v.path\|\|[])}`:null;if(v.type&&e.includes(v.type)){const e=y.current!==t;if(y.current=t,"structure"!==v.activateSection){if(e){const e=s.querySelector(".email-pane .panel-form__body");e&&(e.scrollTop=0)}m((0,tt.Bp)(h.WU))}else m((0,tt.Bp)(h.mX))}else"{}"!==JSON.stringify(v)&&(y.current=null,m((0,tt.Bp)("")))},[v,m,s]);const k=(0,l.useMemo)(()=>{const e=[{key:h.WU,label:l.createElement("span",{style:{textTransform:"capitalize"}},v.caption?v.caption:d("Edit element"))}];return S&&e.push({key:h.mX,label:d("Columns")}),e},[v.caption,S,d]),w=(0,l.useMemo)(()=>[{key:h.WU,label:d("Cell")},{key:h.zX,label:d("Table")}],[d]),R=l.createElement(l.Fragment,null,E.deleteButtonEnabled&&l.createElement(i.m_,{title:d("Remove element by Delete Key"),placement:"bottom"},l.createElement(i.$n,{type:"text",onClick:e=>{e.stopPropagation(),c({operation:h.Ru.SANDBOX_ELEMENT_REMOVE}),m(u===h.Tm?(0,f.A9)({}):(0,Te.A9)({}))},disabled:!v.deletable,icon:l.createElement(i.HQ,{icon:"DeleteOutlined",size:18,strokeWidth:E.iconStrokeWidth})})),E.stepToOtherElementEnabled&&l.createElement(i.m_,{title:d("Up to parent element"),placement:"bottom"},l.createElement(i.$n,{type:"text",onClick:e=>{e.stopPropagation(),c({operation:h.Ru.SANDBOX_ELEMENT_PARENT_GET})},disabled:!v.parent,icon:l.createElement(i.HQ,{icon:"GoToParent",size:18,strokeWidth:E.iconStrokeWidth})}))),T=E.switchDesktopMobilePropsEnabled\|\|E.stepToOtherElementEnabled\|\|E.deleteButtonEnabled;return l.createElement(i.T8,null,l.createElement(i.T8.Header,{onClose:()=>{m((0,tt.Fk)()),setTimeout(()=>{u===h.IE?m((0,Te.A9)({type:null})):m((0,f.A9)({type:null}))},300),c({operation:h.Ru.SANDBOX_ELEMENT_ACTIVE_RESET})},closeIcon:l.createElement(i.HQ,{icon:"Close",size:24,strokeWidth:E.iconStrokeWidth}),extra:T?R:void 0},l.createElement(i.tU,{items:_?w:k,activeKey:b,onChange:e=>m((0,tt.Bp)(e\|\|""))})),l.createElement(i.T8.Body,null,_?l.createElement(l.Fragment,null,l.createElement("div",{style:{display:b===h.WU?void 0:"none"}},l.createElement(ko,{className:"email-properties__collapse-panel selected-element-panel__content",formSettings:t,emailElementType:u,formName:`${h.om}`})),l.createElement("div",{style:{display:b===h.zX?void 0:"none"}},l.createElement(ko,{className:"email-properties__collapse-panel selected-element-panel__content",formSettings:t,emailElementType:u,formName:`${h.zX}`}))):l.createElement(l.Fragment,null,l.createElement("div",{style:{display:b===h.WU?void 0:"none"}},l.createElement(ko,{className:"email-properties__collapse-panel selected-element-panel__content",formSettings:t,emailElementType:u})),S&&l.createElement("div",{style:{display:b===h.mX?void 0:"none"}},l.createElement(wo,{selectedElement:v,emailElementType:u,isSelectedElement:!1})))))};var Ro=o(24906),To=o(92187),xo=o(11128),Ao=o(74663),Io=o(7314);const No=({emailElement:e})=>{const{__:t}=(0,r.s9)(),o=(0,Le.XW)(),d=(0,a.wA)(),{projectId:s}=(0,n.g)(),c=(0,Io.fn)(),p=(0,a.d4)(Ao.p1),g=(0,a.d4)(Ao.RL),b=(0,a.d4)(tt.Wm),[v,E]=(0,l.useState)(!0),[_,k]=(0,l.useState)(!1),[w,T]=(0,l.useState)([]),[x,A]=(0,l.useState)([]),I=e=>d((0,tt.mi)(e)),N=(0,l.useCallback)(e=>{d((0,f.no)(e)),c.setValue(null===e\|\|void 0===e?void 0:e.html.replaceAll("\r\n","\n"))},[c,d]),{data:C}=y.Nq.useGetProjectQuery(Number(s),{skip:!s}),[P,L]=(0,l.useState)([]);(0,l.useEffect)(()=>{if(C){const{owner:e,admins:t,users:o}=null===C\|\|void 0===C?void 0:C.members;L([e&&{...e},t&&Array.isArray(t)&&t.map(e=>({...e})),o&&Array.isArray(o)&&o.map(e=>({...e}))].filter(e=>e).flat(1).map(e=>({id:e.ID,display_name:e.display_name})))}},[C,null===C\|\|void 0===C?void 0:C.members,t]);const[O,F]=(0,l.useState)(1),[M,V]=(0,l.useState)(!1);(0,l.useEffect)(()=>{const e=Array.isArray(p)&&p.length&&(null===p\|\|void 0===p?void 0:p.map(e=>{var o;return{key:e.id,author:e.author,date:(0,R.Yq)((0,R.Cl)(e.date\|\|e.modified),t),title:e.title,html:e.html,common_styles:e.common_styles,loading:!1,isAutosave:null===(o=e.slug)\|\|void 0===o?void 0:o.includes("autosave")}}));A(e\|\|[]),T(e),E(!1),g<2&&V(!0)},[p,g,t]);const D=v\|\|_\|\|M?null:l.createElement("div",{style:{textAlign:"center",marginTop:24,marginBottom:24,height:32,lineHeight:"32px"}},l.createElement(i.$n,{onClick:()=>{k(!0),A(w.concat([...new Array(3)].map(()=>({loading:!0})))),d(S.GY.endpoints.getEmailHistory.initiate({emailId:e.id,page:O+1})).then(e=>{const{data:o,totalPages:l}=e.data,i=Array.isArray(o)&&(null===o\|\|void 0===o?void 0:o.map(e=>({key:e.id,author:e.author,date:(0,R.Yq)((0,R.Cl)(e.date\|\|e.modified),t),title:e.title,html:e.html,loading:!1}))),a=w.concat(i);A(a),T(a),k(!1),window.dispatchEvent(new Event("resize")),O+1>=l&&V(!0),F(O+1)})}},t("loading more"))),[z,W]=(0,l.useState)(),[H,j]=(0,l.useState)(null),G=(0,l.useRef)();G.current=e,(0,l.useEffect)(()=>{if(!b&&!H){const e=G.current;e&&j({html:c.getValue(),preheader:e.preheader,common_styles:e.common_styles,subject:e.subject})}},[b,j,c,H]),(0,l.useEffect)(()=>{b&&H&&(N(H),j(null))},[b,H,N]);const U=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(i.tU,{className:"secondary-tabs email-settings__collapse secondary-tabs_unset_scroll",size:"large",activeKey:h.Vv,items:[{label:l.createElement(l.Fragment,null,t("Version history")),key:h.Vv,forceRender:!0,className:"email-settings__collapse-panel",style:{height:"100%"},children:l.createElement(i.B8,{className:"history-panel__list",loading:v,itemLayout:"horizontal",loadMore:D,dataSource:x,header:l.createElement("div",{className:"history-panel__list-header"},l.createElement("div",{className:"history-panel__list-date"},t("Time")),l.createElement("div",{className:"history-panel__list-author"},t("Author")),l.createElement("div",{className:"history-panel__restore"},"Set")),renderItem:(e,a)=>{var n;return l.createElement(i.B8.Item,{onClick:()=>{a!==z&&(W(a),N(w[a])),d((0,Te.rc)(!0))},className:m()("history-panel__item",{"history-panel__item_active":a===z})},l.createElement(i.EA,{title:!1,loading:e.loading\|\|!1,active:!0},l.createElement("div",{className:"history-panel__list-date"},e.date),l.createElement("div",{className:"history-panel__list-author"},h.EW.isPlugin&&U.revisionService?e.author:(null===(n=P.find(t=>{var o,l;return(null===(o=t.id)\|\|void 0===o?void 0:o.toString())===(null===(l=e.author)\|\|void 0===l?void 0:l.toString())}))\|\|void 0===n?void 0:n.display_name)\|\|"\u2013"),e.isAutosave&&z!==a&&l.createElement("div",{style:{opacity:.45},className:"history-panel__list-autosave"},t("Auto")),!e.isAutosave&&l.createElement(i.$n,{size:"small",className:"history-panel__restore",type:"link",onClick:e=>{z===a&&e.stopPropagation(),N(w[a]),W(null),j(null),o({operation:h.Ru.SANDBOX_LOCK_EDIT,data:!1}),d((0,tt.Fk)())}},t("Set")),e.isAutosave&&z===a&&l.createElement(i.$n,{size:"small",className:"history-panel__restore",type:"link",onClick:e=>{z===a&&e.stopPropagation(),N(w[a]),I(!0),W(null),j(null),o({operation:h.Ru.SANDBOX_LOCK_EDIT,data:!1})}},t("Set"))))}})}]}),l.createElement(i.$n,{type:"text",className:"ant-modal-close","aria-label":"Close",onClick:()=>{d((0,tt.Fk)()),N(H),j(null),I(!0),o({operation:h.Ru.SANDBOX_LOCK_EDIT,data:!1})}},l.createElement(u.A,{icon:"Close"})))};var Co=o(68882);const Po=[h.dO,h.Sr,h.e8],Lo=({summary:e,__:t,selectedTags:o,setSelectedTags:a})=>{const n=(0,l.useCallback)((e,t)=>{const l=t?2===o.length?[]:[...o,e]:o.filter(t=>t!==e);a(l)},[o,a]),r=(0,l.useCallback)(e=>e===h.dO?t("Valid"):e===h.e8?t("Warnings"):t("Errors"),[t]);return l.createElement(i.hE,{level:5,className:"optimise__valid-title"},l.createElement(i.$x,{className:"optimise__valid-title-space",size:8},Po.map((t,a)=>l.createElement(i.Xl,{key:t+a,checked:null===o\|\|void 0===o?void 0:o.includes(t),onChange:e=>n(t,e),className:m()(`${t} optimise__button`,{[`${t}_active`]:o.includes(t)})},r(t),": ",(null===e\|\|void 0===e?void 0:e[t])\|\|0))))},{LINKS:Oo}=h.qG,Fo=(0,l.memo)(({__:e,activeTab:t,validateLinksResult:o,validateLinks:a,selectedTags:n,setSelectedTags:r,isLoading:d,disabled:s,iconStrokeWidth:m,onValidate:c,goToLinkHandler:p})=>t===Oo&&null!==o&&void 0!==o&&o.links?0===o.links.length?l.createElement(i.fI,{className:"optimise__row-mb-24"},l.createElement(i.Fc,{message:e("No links found."),type:"info"})):l.createElement(l.Fragment,null,l.createElement(i.fI,{className:"optimise__row-mb-14"},l.createElement("div",{className:"optimise__title-wrapper"},l.createElement(Lo,{__:e,summary:o.summary,setSelectedTags:r,selectedTags:n}),l.createElement(i.$n,{disabled:s,loading:d,onClick:c,icon:l.createElement(u.A,{icon:"SyncOutlined",size:16,strokeWidth:m})},e("Refresh")))),l.createElement(i.fI,{className:"optimise__row-mb-24"},l.createElement(i.fv,{span:24},l.createElement(i.B8,{itemLayout:"horizontal",dataSource:a,renderItem:(t,o)=>{var a,n,r;return l.createElement(i.B8.Item,{className:i.CN,key:o+"_"+t.linkId},l.createElement(i.B8.Item.Meta,{avatar:t.status===h.dO?l.createElement(u.A,{icon:"CheckCircleFilled",className:h.dO}):t.status===h.e8?l.createElement(u.A,{icon:"CheckCircleFilled",className:h.e8}):l.createElement(u.A,{icon:"CloseCircleFilled",className:h.Sr}),title:l.createElement(i.N_,{className:"optimise__link optimise__link-blue",draggable:!1,onClick:()=>p(t.linkId,600>(t.statusCode\|\|0)&&(t.statusCode\|\|0)>399\|\|!t.statusCode)},""===t.url?e("empty link"):t.url),description:l.createElement(l.Fragment,null,!(null===(a=t.text)\|\|void 0===a\|\|!a.length)&&l.createElement(i.EY,{type:"secondary"},t.text),(null===(n=t.page)\|\|void 0===n?void 0:n.title)&&t.page.title,(null===(r=t.page)\|\|void 0===r?void 0:r.secure)&&t.status===h.dO&&l.createElement(l.Fragment,null,l.createElement("span",{className:"image-size-splitter"},"\xa0\u2022\xa0"),l.createElement("span",{className:h.dO},e("secure"))),!t.resolvedUrl&&!t.statusCode&&"url"===t.type&&l.createElement(l.Fragment,null,l.createElement("span",{className:"image-size-splitter"},"\xa0\u2022\xa0"),l.createElement(i.EY,{type:"secondary"},e("Failed to load"))))}))}})))):null);Fo.displayName="LinksSection";const{IMAGES:Mo}=h.qG,Vo=(0,l.memo)(({__:e,activeTab:t,validateImagesResult:o,validateImages:a,selectedTags:n,setSelectedTags:r,isLoading:d,disabled:s,iconStrokeWidth:c,onValidate:p,goToImageHandler:g,showImgPreviewHandler:b,hideBlockPreviewHandler:v})=>{var f,E;return t===Mo&&null!==o&&void 0!==o&&o.images?0===o.images.length?l.createElement(i.fI,{className:"optimise__row-mb-24"},l.createElement(i.Fc,{message:e("No images found."),type:"info"})):l.createElement(l.Fragment,null,l.createElement(i.fI,{className:"optimise__row-mb-16"},l.createElement(i.Fc,{className:"optimise__alert-custom",message:l.createElement("div",{className:"optimise__summary"},l.createElement("div",null,l.createElement(i.hE,{level:4,className:"optimise__summary-title"},o.images.length," "),l.createElement("span",{className:"optimise__summary-label"},e("images"))),l.createElement("div",null,l.createElement(i.hE,{level:4,className:"optimise__summary-title"},null===(f=o.summaryTime)\|\|void 0===f?void 0:f.value,null===(E=o.summaryTime)\|\|void 0===E?void 0:E.name),l.createElement("span",{className:"optimise__summary-label"},e("total size"))),l.createElement("div",null,l.createElement(i.hE,{level:4,className:"optimise__summary-title"},(Math.max(...o.images.map(e=>e.image.responseTime))/1e3).toFixed(2)+e("s")),l.createElement("span",{className:"optimise__summary-label"},e("time to load")))),type:"warning"})),l.createElement(i.fI,{className:"optimise__row-mb-12"},l.createElement("div",{className:"optimise__title-wrapper"},l.createElement(Lo,{__:e,summary:o.summary,setSelectedTags:r,selectedTags:n}),l.createElement(i.$n,{icon:l.createElement(u.A,{icon:"SyncOutlined",size:16,strokeWidth:c}),disabled:s,loading:d,onClick:p},e("Refresh")))),l.createElement(i.fI,{className:"optimise__row-mb-12"},l.createElement(i.fv,{span:24},l.createElement(i.B8,{className:"optimise__result-list",itemLayout:"horizontal",dataSource:a,renderItem:(t,o)=>l.createElement(i.B8.Item,{className:`optimise__image-item image-item ${i.CN}`,key:o},l.createElement(i.B8.Item.Meta,{className:m()("image-item__meta",{"image-item__meta_fail":!t.resolvedUrl&&!t.statusCode}),avatar:l.createElement(i._V,{className:m()("image-item__image optimise__image-auto-height",{"image-item__image_fail":!t.resolvedUrl\|\|!t.valid}),width:92,height:"auto",src:t.resolvedUrl\|\|"",preview:!1,onMouseEnter:()=>{var e;return b(t.url,null===(e=t.image.dimensions)\|\|void 0===e?void 0:e.width)},onMouseLeave:()=>v()}),title:t.url?l.createElement(i.m_,{placement:"top",title:t.message},l.createElement(i.N_,{className:"optimise__link optimise__link-blue",draggable:!1,onClick:()=>g(t.imageId,600>(t.statusCode\|\|0)&&(t.statusCode\|\|0)>399\|\|!t.statusCode)},""===(null===t\|\|void 0===t?void 0:t.url)?e("empty src"):t.url)):t.message,description:l.createElement(l.Fragment,null,l.createElement("div",{className:"image-size"},t.image.dimensions&&l.createElement(l.Fragment,null,t.image.dimensions.width+" \xd7 "+t.image.dimensions.height,l.createElement("span",{className:"image-size-splitter"}," \xa0\u2022\xa0 "),l.createElement("span",null,Math.round(t.image.bytes/1024),e("kB")),l.createElement("span",{className:"image-size-splitter"}," \xa0\u2022\xa0 "),l.createElement("span",null,t.image.responseTime,e("ms")),l.createElement("span",{className:"image-size-splitter"}," \xa0\u2022\xa0 "),l.createElement("span",{className:"image-size-format"},t.image.contentType)),t.image.secure&&l.createElement(l.Fragment,null,l.createElement("span",{className:"image-size-splitter"}," \xa0\u2022\xa0 "),l.createElement("span",{className:h.dO},e("secure"))),t.resolvedUrl&&!t.valid&&l.createElement(i.EY,{type:"danger"},e("not valid"))),!t.resolvedUrl&&!t.statusCode&&l.createElement(i.EY,{type:"danger"},e("Failed to load")))}))})))):null});Vo.displayName="ImagesSection";const{SPAM_ASSASSIN:Do}=h.qG,zo=(0,l.memo)(({__:e,activeTab:t,validateSpamResult:o,isLoading:a,disabled:n,iconStrokeWidth:r,onValidate:d})=>{var s,m;const c=(null===o\|\|void 0===o\|\|null===(s=o.report)\|\|void 0===s?void 0:s.length)\|\|Object.prototype.hasOwnProperty.call(o,"spamScore");if(t!==Do\|\|!c)return null;const p=o.spamScore\|\|0,g=o.baseSpamScore\|\|0,b=p<2\|\|!o.spamScore\|\|p<=g-1?"success":p<g-1?"warning":"danger";return l.createElement(l.Fragment,null,l.createElement(i.fI,{className:"optimise__row-mb-8"},l.createElement("div",{className:"optimise__title-wrapper optimise__title-wrapper_spam"},l.createElement(i.hE,{level:1,className:"optimise__spam-score-title",type:b},l.createElement("span",{className:"optimise__spam-score-value"},p),l.createElement(i.EY,{className:"optimise__spam-score-text"},"Score")),l.createElement(i.$n,{disabled:n,icon:l.createElement(u.A,{icon:"SyncOutlined",size:16,strokeWidth:r}),loading:a,onClick:d},e("Refresh"))),p>g-1&&l.createElement(i.EY,null,e("Lower scores are better. Aim for a score less than ")+(g-1)+".")),l.createElement(i.fI,{className:"optimise__row-mb-8"},l.createElement(i.fv,{span:24},((null===(m=o.report)\|\|void 0===m?void 0:m.length)\|\|0)>0?l.createElement(i.B8,{itemLayout:"horizontal",dataSource:o.report,renderItem:e=>l.createElement(i.B8.Item,{className:i.CN},l.createElement(i.B8.Item.Meta,{title:l.createElement(l.Fragment,null,l.createElement(i.EY,{className:"optimise__spam-report-score"},e.score),l.createElement("span",{className:"optimise__spam-report-description"},e.description))}))}):l.createElement(l.Fragment,null,0===o.spamScore&&e("Your email doesn't look like spam.")))))});zo.displayName="SpamSection";const{PROBLEMS:Wo}=h.qG,Ho=(0,l.memo)(({__:e,activeTab:t,problemsList:o,onSetMonacoPosition:a})=>t!==Wo?null:null!==o&&void 0!==o&&o.length?l.createElement(i.fI,{className:"optimise__row-mb-8"},l.createElement(i.fv,{span:24},l.createElement(i.B8,{itemLayout:"horizontal",dataSource:o,renderItem:e=>l.createElement(i.B8.Item,{className:i.CN},l.createElement(i.B8.Item.Meta,{avatar:e.severity<6?l.createElement(u.A,{icon:"CloseCircleFilled",className:h.e8}):l.createElement(u.A,{icon:"CloseCircleFilled",className:h.Sr}),title:l.createElement(i.EY,{onClick:()=>a(e),className:m()("optimise__text-clickable",{warning:e.severity<6,error:e.severity>=6})},"Line: ",e.startLineNumber," ",e.startLineNumber!==e.endLineNumber&&" \u2013 "+e.endLineNumber),description:l.createElement(i.EY,null,e.message)}))}))):l.createElement(i.fI,{className:"optimise__row-mb-24"},l.createElement(i.Fc,{message:e("No problems found."),type:"info"})));Ho.displayName="ProblemsSection";var jo=o(70339),Go=o(65185),Uo=o(91480),$o=o(65893);const Xo={activeTab:"",selectedTags:[],validateLinks:[],validateImages:[],validateSpamResult:{},optimisationCounter:0,validateLinksResult:{},validateImagesResult:{}},qo=(e,t)=>{switch(t.type){case"SET_ACTIVE_TAB":return{...e,activeTab:t.payload!==e.activeTab?t.payload:""};case"SET_SELECTED_TAGS":return{...e,selectedTags:t.payload};case"SET_VALIDATE_LINKS":return{...e,validateLinks:t.payload};case"SET_VALIDATE_IMAGES":return{...e,validateImages:t.payload};case"SET_VALIDATE_SPAM_RESULT":return{...e,validateSpamResult:t.payload};case"SET_OPTIMISATION_COUNTER":return{...e,optimisationCounter:t.payload};case"INCREMENT_OPTIMISATION_COUNTER":return{...e,optimisationCounter:e.optimisationCounter+1};case"SET_VALIDATE_LINKS_RESULT":return{...e,validateLinksResult:t.payload};case"SET_VALIDATE_IMAGES_RESULT":return{...e,validateImagesResult:t.payload};case"RESET_SELECTED_TAGS":return{...e,selectedTags:[]};default:return e}},{LINKS:Ko,IMAGES:Yo}=h.qG,Qo=e=>{var t,o,l,i;if(null!==e.statusCode?e.statusCode<300&&(null===(t=null===(o=e.page)\|\|void 0===o?void 0:o.secure)\|\|void 0===t\|\|t):"invalid"!==e.type)return h.dO;return(e.statusCode&&e.statusCode<400\|\|200===e.statusCode&&(null===(l=null===(i=e.page)\|\|void 0===i?void 0:i.secure)\|\|void 0===l\|\|l))&&"invalid"!==e.type?h.e8:h.Sr},Jo=e=>null!==e.statusCode&&e.statusCode<300?h.dO:e.statusCode<400&&e.statusCode>=300\|\|200===e.statusCode&&!e.valid?h.e8:h.Sr,Zo=e=>({valid:e.filter(e=>e.status===h.dO).length,warnings:e.filter(e=>e.status===h.e8).length,errors:e.filter(e=>e.status===h.Sr).length}),{LINKS:el,IMAGES:tl,SPAM_ASSASSIN:ol,PROBLEMS:ll}=h.qG,il=()=>{var e,t,o,s;const{__:m,_n:c}=(0,r.s9)(),p=(0,a.wA)(),g=(0,n.Zp)(),b=(0,Io.fn)(),v=(0,B.rD)(),E=(0,d.hN)(),{emailId:_,projectId:S}=(0,n.g)(),k=(0,Le.QC)(),w=(0,a.d4)(f.rd),R=(0,Go.ml)($o.AZ.ON_LIMIT_ID),T=(0,Uo.u)(),[x,A]=(0,l.useReducer)(qo,Xo),[I,N]=(0,jo.Sr)(),[C,P]=(0,jo.ku)(),[L,O]=(0,jo.Ju)(),{data:F,isSuccess:M,refetch:V}=(0,y.fo)(+(S\|\|0),{skip:!!h.EW.isPlugin\|\|!+S}),D=(0,l.useCallback)(e=>A({type:"SET_OPTIMISATION_COUNTER",payload:e}),[]),z=(0,l.useCallback)(e=>A({type:"SET_VALIDATE_LINKS",payload:e}),[]),W=(0,l.useCallback)(e=>A({type:"SET_VALIDATE_IMAGES",payload:e}),[]),H=(0,l.useCallback)(e=>A({type:"SET_SELECTED_TAGS",payload:e}),[]),{limitsInPlugin:j,currentBillingOptimisationLimits:G,disableFields:U}=(({appConfig:e,data:t,isSuccess:o,optimisationCounter:i,setOptimisationCounter:a})=>{const n=(0,l.useMemo)(()=>!(!e.limits\|\|!e.counters)&&h.EW.isPlugin,[e]),{limits:r}=(0,l.useMemo)(()=>h.EW.isPlugin?e.limits?e:{limits:{optimization_limit:0}}:null!==t&&void 0!==t&&t.limits?t:{limits:{optimization_limit:0}},[e,t]),d=(0,l.useMemo)(()=>r.optimization_limit,[r]),s=(0,l.useMemo)(()=>i>=d&&d>0,[i,d]);return(0,l.useEffect)(()=>{if(n){var l;a((null===e\|\|void 0===e\|\|null===(l=e.counters)\|\|void 0===l?void 0:l.optimization_counter)\|\|0)}else{const e=null===t\|\|void 0===t?void 0:t.counters;o&&null!==e&&void 0!==e&&e.optimization_counter&&a(e.optimization_counter)}},[n,t,o,e,a]),{limitsInPlugin:n,currentBillingOptimisationLimits:d,disableFields:s}})({appConfig:v,data:F,isSuccess:M,optimisationCounter:x.optimisationCounter,setOptimisationCounter:D});(({activeTab:e,selectedTags:t,validateLinksResult:o,validateImagesResult:i,setValidateLinks:a,setValidateImages:n})=>{(0,l.useEffect)(()=>{e===Ko&&o.links&&a(t.length>0?o.links.filter(e=>t.includes(e.status)):o.links),e===Yo&&i.images&&n(t.length>0?i.images.filter(e=>t.includes(e.status)):i.images)},[o.links,i.images,t,e,a,n])})({activeTab:x.activeTab,selectedTags:x.selectedTags,validateLinksResult:x.validateLinksResult,validateImagesResult:x.validateImagesResult,setValidateLinks:z,setValidateImages:W});const{showImgPreviewHandler:$,hideBlockPreviewHandler:X}=(()=>{const e=(0,l.useRef)(null);return{showImgPreviewHandler:(0,l.useCallback)((t,o)=>{e.current&&clearTimeout(e.current);let l=document.querySelector(".img-preview"),i=document.querySelector(".img-preview-content");var a;document.querySelector(".img-preview")\|\|(l=document.createElement("div"),l.classList.add("img-preview"),i=document.createElement("div"),i.classList.add("img-preview-content"),l.append(i),null===(a=document.querySelector(".email-pane__col_settings-inner"))\|\|void 0===a\|\|a.append(l)),i&&(i.innerHTML=`<table cellspacing="0" cellpadding="0" border="0" width="100%"><img height="auto" width=${(o\|\|0)+"px"} alt="" style="max-width: 100%; object-fit: contain" src=${t}></table>`),l&&"1"!==l.style.opacity&&setTimeout(()=>{l&&(l.style.opacity="1",l.style.transform="translateX(-100%)")},10)},[]),hideBlockPreviewHandler:(0,l.useCallback)(()=>{const t=document.querySelector(".img-preview");t&&(e.current=setTimeout(()=>{t&&(t.style.opacity="0",t.style.transform="translateX(-99%)",setTimeout(()=>{null===t\|\|void 0===t\|\|t.remove()},300))},300))},[])}})(),q=(0,l.useCallback)(()=>{R.fire({name:"OptimizationCount",count:x.optimisationCounter+1})},[R,x.optimisationCounter]),K=(0,l.useCallback)((e,t)=>{k.send({operation:h.Ru.SANDBOX_SET_POSITION_TO_LINK,settings:{elementId:e,isError:t}})},[k]),Y=(0,l.useCallback)((e,t)=>{k.send({operation:h.Ru.SANDBOX_SET_POSITION_TO_IMG,settings:{elementId:e,isError:t}})},[k]),Q=(0,l.useCallback)(e=>{const t={startColumn:e.startColumn,startLineNumber:e.startLineNumber,endColumn:e.endColumn,endLineNumber:e.endLineNumber};p((0,f.ps)(t))},[p]),J=(0,l.useCallback)(e=>{A({type:"SET_ACTIVE_TAB",payload:e}),A({type:"RESET_SELECTED_TAGS"}),e===ll&&(null===w\|\|void 0===w?void 0:w.length)>0&&T({event:"check",action:"check_email_code",email_id:_,project_id:S,problems_count:(null===w\|\|void 0===w?void 0:w.length)\|\|0})},[w,T,_,S]),Z=(0,l.useCallback)(()=>{if(!_)return void E.error({message:"Save the mail first."});j&&(A({type:"INCREMENT_OPTIMISATION_COUNTER"}),q());const e=b.getValue(),t=(new DOMParser).parseFromString(e,"text/html"),o={},l={};t.querySelectorAll("a[href]").forEach((e,t)=>{o[`link_${t}`]=e.getAttribute("href"),l[`link_${t}`]=e.textContent\|\|""}),k.send({operation:"sandbox_set_attr_to_links"}),C({entity_id:_,data:o}).then(({data:e,error:t})=>{if(t)E.error({error:t});else if(null!==e&&void 0!==e&&e.result){var o;const t=[...e.result];null===t\|\|void 0===t\|\|t.sort((e,t)=>e.linkId-t.linkId);const i=t.map(e=>({...e,text:l[e.linkId],status:Qo(e)})),a={links:i,summary:Zo(i)};A({type:"SET_VALIDATE_LINKS_RESULT",payload:a}),E.success(m("Links validation was successfully completed")),T({event:"check",action:"check_email_links",email_id:_,project_id:S,links_count:(null===(o=a.links)\|\|void 0===o?void 0:o.length)\|\|0}),!h.EW.isPlugin&&V()}else e.statusCode>300\|\|!e.success?E.error({error:{data:e}}):E.error({message:"\u043f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430"}),!x.validateLinksResult.links&&J("")}).catch(e=>{E.error({error:e})})},[_,j,b,k,C,E,m,T,S,V,q,x.validateLinksResult.links]),ee=(0,l.useCallback)(()=>{if(!_)return void E.error({message:"Save the mail first."});j&&(A({type:"INCREMENT_OPTIMISATION_COUNTER"}),q());const e=b.getValue(),t=(new DOMParser).parseFromString(e,"text/html"),o={};t.querySelectorAll("img").forEach((e,t)=>o[`image_${t}`]=e.src),k.send({operation:"sandbox_set_attr_to_images"}),L({entity_id:_,data:o}).then(({data:e,error:t})=>{let o;if(t)E.error({error:t});else if(null!==e&&void 0!==e&&e.result){var l;const t=Object.values(e.result);t.sort((e,t)=>e.imageId-t.imageId);const i=t.reduce((e,t)=>e+Math.round(t.image.bytes/1024),0);o={images:t.map(e=>({...e,status:Jo(e)}))\|\|[],summary:Zo(t.map(e=>({...e,status:Jo(e)}))),summaryTime:{value:(i>1200?i/1e3:i).toFixed(1),name:m(i>1200?"MB":"KB")}},o&&A({type:"SET_VALIDATE_IMAGES_RESULT",payload:o}),E.success(m("Images validation was successfully completed")),T({event:"check",action:"check_email_images",email_id:_,project_id:S,images_count:(null===(l=o.images)\|\|void 0===l?void 0:l.length)\|\|0}),!h.EW.isPlugin&&V()}else{var i,a;e.statusCode>300\|\|!e.success?E.error({error:{data:e}}):E.error({message:"\u043f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430"}),(null===(i=x.validateImagesResult)\|\|void 0===i\|\|null===(a=i.images)\|\|void 0===a\|\|!a.length)&&J("")}}).catch(e=>{E.error({error:e})})},[_,j,b,k,L,E,m,T,S,V,q,x.validateImagesResult]),te=(0,l.useCallback)(()=>{_?(j&&(A({type:"INCREMENT_OPTIMISATION_COUNTER"}),q()),I({entity_id:_,data:{html:b.getValue()}}).then(({data:e,error:t})=>{if(t)E.error({error:t});else if(e&&e.success){var o;const t=!!e.result.report&&Object.values(e.result.report);t?(t.sort((e,t)=>e.score-t.score),A({type:"SET_VALIDATE_SPAM_RESULT",payload:{...e.result,report:t}})):e.result&&A({type:"SET_VALIDATE_SPAM_RESULT",payload:{...e.result,report:t}}),E.success(m("Spam validation was successfully completed")),T({event:"check",action:"check_email_spam",email_id:_,project_id:S,spam_score:(null===(o=e.result)\|\|void 0===o?void 0:o.spamScore)\|\|0}),!h.EW.isPlugin&&V()}else{var l,i;e.statusCode>300\|\|!e.success?E.error({error:{data:e}}):E.error({message:"\u043f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430."}),(null===(l=x.validateSpamResult)\|\|void 0===l\|\|null===(i=l.report)\|\|void 0===i\|\|!i.length)&&J("")}}).catch(e=>{E.error({error:e})})):E.error({message:"Save the mail first."})},[_,j,b,I,E,m,T,S,V,q,x.validateSpamResult]);return(0,l.useEffect)(()=>{G>0&&x.optimisationCounter>=+G&&E.error({message:m("The usage limit has been exceeded"),description:m("The maximum number of requests for the current subscription period has been reached.\nSelect the appropriate plan to fulfil more requests")})},[x.optimisationCounter,G,m,E]),l.createElement("div",{className:"optimise selected_form-props-wrapper selected_form-props-wrapper_optimize"},j&&l.createElement(i.xl,{text:`${x.optimisationCounter} ${m("of")} ${G>0?G:"\u221e"} ${c("test","tests",G)} ${c("was used","were used",x.optimisationCounter)}`,exceeded:G>0&&x.optimisationCounter>=G,extra:l.createElement("span",{style:{textDecoration:"underline",cursor:"pointer"},onClick:()=>g(v.billingPageUrl\|\|h.vc.billing)},m("Need more?"))}),v.optimizeLinksEnabled&&l.createElement(l.Fragment,null,l.createElement(i.cG,{className:"selected-td-form__divider optimise__divider-no-margin"}),l.createElement(i.fI,{gutter:10,align:"middle"},l.createElement(i.fv,{span:20},l.createElement("div",{style:{padding:"15px 0"}},m("Links validation"))),l.createElement(i.fv,{span:4,className:"optimise__col-align-right"},l.createElement(i.$n,{className:"selected-td-form__button ghost-button",type:"text",onMouseDown:e=>e.preventDefault(),onClick:()=>{var e,t;J(el),null!==(e=x.validateLinksResult)&&void 0!==e&&null!==(t=e.links)&&void 0!==t&&t.length\|\|x.activeTab===el\|\|Z()},loading:P.isLoading,disabled:U&&!(null!==(e=x.validateLinksResult)&&void 0!==e&&null!==(t=e.links)&&void 0!==t&&t.length)},!P.isLoading&&(x.activeTab===el?l.createElement(u.A,{icon:"DownOutlined",size:16,strokeWidth:v.iconStrokeWidth}):l.createElement(u.A,{icon:"RightOutlined",size:16,strokeWidth:v.iconStrokeWidth}))))),l.createElement(Fo,{__:m,activeTab:x.activeTab,validateLinksResult:x.validateLinksResult,validateLinks:x.validateLinks,selectedTags:x.selectedTags,setSelectedTags:H,isLoading:P.isLoading,disabled:U,iconStrokeWidth:v.iconStrokeWidth,onValidate:Z,goToLinkHandler:K})),v.optimizeImagesEnabled&&l.createElement(l.Fragment,null,l.createElement(i.cG,{className:"selected-td-form__divider optimise__divider-no-margin"}),l.createElement(i.fI,{gutter:10,align:"middle"},l.createElement(i.fv,{span:20},l.createElement("div",{style:{padding:"15px 0"}},m("Images validation"))),l.createElement(i.fv,{span:4,className:"optimise__col-align-right"},l.createElement(i.$n,{className:"selected-td-form__button ghost-button",type:"text",onMouseDown:e=>e.preventDefault(),onClick:()=>{var e,t;J(tl),null!==(e=x.validateImagesResult)&&void 0!==e&&null!==(t=e.images)&&void 0!==t&&t.length\|\|x.activeTab===tl\|\|ee()},loading:O.isLoading},!O.isLoading&&(x.activeTab===tl?l.createElement(u.A,{icon:"DownOutlined",size:16,strokeWidth:v.iconStrokeWidth}):l.createElement(u.A,{icon:"RightOutlined",size:16,strokeWidth:v.iconStrokeWidth}))))),l.createElement(Vo,{__:m,activeTab:x.activeTab,validateImagesResult:x.validateImagesResult,validateImages:x.validateImages,selectedTags:x.selectedTags,setSelectedTags:H,isLoading:O.isLoading,disabled:U,iconStrokeWidth:v.iconStrokeWidth,onValidate:ee,goToImageHandler:Y,showImgPreviewHandler:$,hideBlockPreviewHandler:X})),v.optimizeSpamAssassinEnabled&&l.createElement(l.Fragment,null,l.createElement(i.cG,{className:"selected-td-form__divider optimise__divider-no-margin"}),l.createElement(i.fI,{gutter:10,align:"middle"},l.createElement(i.fv,{span:20},l.createElement("div",{style:{padding:"15px 0"}},m("SpamAssassin"))),l.createElement(i.fv,{span:4,className:"optimise__col-align-right"},l.createElement(i.$n,{className:"selected-td-form__button ghost-button",type:"text",onMouseDown:e=>e.preventDefault(),loading:N.isLoading,onClick:()=>{var e;J(ol),null!==(e=x.validateSpamResult.report)&&void 0!==e&&e.length\|\|Object.prototype.hasOwnProperty.call(x.validateSpamResult,"spamScore")\|\|te()},disabled:U&&!(null!==(o=x.validateSpamResult)&&void 0!==o&&null!==(s=o.report)&&void 0!==s&&s.length\|\|Object.prototype.hasOwnProperty.call(x.validateSpamResult,"spamScore"))},!N.isLoading&&(x.activeTab===ol?l.createElement(u.A,{icon:"DownOutlined",size:16,strokeWidth:v.iconStrokeWidth}):l.createElement(u.A,{icon:"RightOutlined",size:16,strokeWidth:v.iconStrokeWidth}))))),l.createElement(zo,{__:m,activeTab:x.activeTab,validateSpamResult:x.validateSpamResult,isLoading:N.isLoading,disabled:U,iconStrokeWidth:v.iconStrokeWidth,onValidate:te})),v.optimizeCheckCodeEnabled&&l.createElement(l.Fragment,null,l.createElement(i.cG,{className:"selected-td-form__divider optimise__divider-no-margin"}),l.createElement(i.fI,{gutter:10,align:"middle"},l.createElement(i.fv,{span:20},l.createElement("div",{style:{padding:"15px 0"}},m("Source code validation"))),l.createElement(i.fv,{span:4,className:"optimise__col-align-right"},l.createElement(i.$n,{className:"selected-td-form__button ghost-button",type:"text",onMouseDown:e=>e.preventDefault(),onClick:()=>J(ll)},x.activeTab===ll?l.createElement(u.A,{icon:"DownOutlined",size:16,strokeWidth:v.iconStrokeWidth}):l.createElement(u.A,{icon:"RightOutlined",size:16,strokeWidth:v.iconStrokeWidth})))),l.createElement(Ho,{__:m,activeTab:x.activeTab,problemsList:w,onSetMonacoPosition:Q})))};var al=o(81644),nl=o(26967),rl=o(22817),dl=o(74778),sl=o(4889),ml=o(30338),cl=o(25516),ul=o(2783),pl=o(86080);const gl="https://emcdn.ru";function bl(e,t="BackendError"){switch(e){case 400:return"ValidationError";case 401:return"AuthenticationFailed";case 403:return"AuthorizationFailed";case 404:return"FileNotFound";case 409:return"FolderAlreadyExists";case 413:return"PayloadTooLarge";case 415:return"UnsupportedMediaType";case 429:return"RateLimitExceeded";case 500:return"BackendError";case 503:return"ServiceUnavailable";case 504:return"Timeout";default:return t}}const hl={file_too_large:"FileTooLarge",file_size_exceeded:"FileTooLarge",file_size_limit:"FileTooLarge",invalid_file_name:"FileInvalidName",file_name_invalid:"FileInvalidName",invalid_name:"FileInvalidName",invalid_folder_name:"FolderInvalidName",folder_name_invalid:"FolderInvalidName",folder_invalid_name:"FolderInvalidName",file_type_not_allowed:"FileTypeNotAllowed",unsupported_type:"FileTypeNotAllowed",invalid_format:"FileTypeNotAllowed",batch_limit_exceeded:"BatchItemLimitExceeded",exceeded_max_files:"BatchItemLimitExceeded",file_count_exceeded:"BatchItemLimitExceeded",upload_limit_exceeded:"BatchItemLimitExceeded",too_many_files:"BatchItemLimitExceeded"};function vl(e){if("string"===typeof e)return e;if(null!==e&&"object"===typeof e&&!Array.isArray(e)&&"400x400"in e){const t=e["400x400"];return"string"===typeof t?t:void 0}}function fl(e){if(!e)return["",""];const t=e.replaceAll("\\","/").split("/").filter(Boolean),o=t.pop()\|\|"";return[t.join("/"),o]}class El{constructor(e){this._restApi=void 0,this._projectId=void 0,this.i18n=void 0,this.pathPostfix=void 0,this.pathMode=!0,this.trashPath="trash",this.tempPath="Edited",this.getFileData=async(e,t)=>{const o=e.url\|\|("function"===typeof this.getUrl?this.getUrl(e):""),l=await fetch(o,null!==t&&void 0!==t&&t.forceReload?{cache:"no-store"}:void 0);if(l.ok)return l.blob();const i=await l.text(),a=bl(l.status,"FileReadError"),{__:n}=this.i18n,r=i\|\|n("Failed to get file: %s").replace("%s",l.statusText);throw new ul.FileManagerApiError(r,a,l.status)},this.getUrl=e=>{const t=[this._projectId,this.pathPostfix,e.folderId,e.name].filter(Boolean).map(e=>e.replace(/^\/+\|\/+$/g,""));return(0,cl.j8)(gl,t.join("/"))},this.getThumbnailUrl=e=>{const t=e.name.lastIndexOf("."),o=t>0?e.name.slice(0,t):e.name,l=t>0?e.name.slice(t+1):"",i=[this._projectId,this.pathPostfix,".thumbs",e.folderId,o,o+"-400x400."+l].filter(Boolean).map(e=>e.replace(/^\/+\|\/+$/g,""));return(0,cl.j8)(gl,i.join("/"))},this._restApi=e.restApi,this._projectId=e.projectId,this.i18n=e.i18n\|\|r.nr,this.pathPostfix=e.pathPostfix}removePrefix(e){let t=function(e,t){if(!e)return"";const o=new RegExp(`^/?${t}/?`);return e.replace(o,"")}(e,this._projectId);if(this.pathPostfix){const e=new RegExp(`^/?${this.pathPostfix}/?`);t=t.replace(e,"")}return t}handleError(e,t){var o,l;const{__:i}=this.i18n;if(e instanceof Error){if(e instanceof ul.FileManagerApiError)throw e;throw new ul.FileManagerApiError(e.message,t\|\|"BackendError")}const a=e.data,n=(null===a\|\|void 0===a?void 0:a.message)\|\|i("Unknown error"),r=null!==(o=null===a\|\|void 0===a\|\|null===(l=a.data)\|\|void 0===l?void 0:l.status)&&void 0!==o?o:null===a\|\|void 0===a?void 0:a.status,d=null===a\|\|void 0===a?void 0:a.code,s=t\|\|(d?hl[d]:void 0)\|\|("number"===typeof r?bl(r):void 0)\|\|"BackendError";throw new ul.FileManagerApiError(n,s,r)}convertRestError(e,t){const{__:o}=this.i18n;if(e instanceof ul.FileManagerApiError)return e;if(e instanceof Error)return e;if(e&&"object"===typeof e&&"data"in e&&!(e instanceof Error)){var l,i;const a=e.data,n=(null===a\|\|void 0===a?void 0:a.message)\|\|o("Unknown error"),r=null!==(l=null===a\|\|void 0===a\|\|null===(i=a.data)\|\|void 0===i?void 0:i.status)&&void 0!==l?l:null===a\|\|void 0===a?void 0:a.status,d=null===a\|\|void 0===a?void 0:a.code;return{message:n,code:t\|\|(d?hl[d]:void 0)\|\|(r?bl(r):void 0)\|\|"BackendError",status:r,raw:e}}return null!==e&&void 0!==e?e:{message:o("Unknown error")}}async getFolders({parentId:e}){const t=await this._restApi.emFiles.folders_list({project_id:this._projectId,path_folder:e,per_page:1e4},{type:dl.cM.Json});if(t.error){if(this.isPathFolderNotFound(t.error))return[];this.handleError(t.error)}return await t.data.folders.map(e=>({id:this.removePrefix(e.full_path),name:e.name,folderId:this.removePrefix(e.parent_folder),childrenCount:e.files_count+e.folders_count,isFolder:!0}))}async getItems(e){if(void 0===e.limit&&(e.limit=Number.MAX_SAFE_INTEGER),"folder"===e.itemType)return{items:await this.getFolders({parentId:e.folderId})};let t;try{t=await this._restApi.emFiles.files_list({project_id:this._projectId,path_folder:e.folderId,filter_name:e.search,sort_by:e.sortBy,sort_order:e.sortOrder,per_page:e.limit,page:e.page})}catch(n){if(this.isPathFolderNotFound(n)\|\|404===(null===n\|\|void 0===n?void 0:n.status))return{items:[],pagination:{limit:e.limit,page:1,total:0,totalPages:0}};throw n}const o=t,l=!o.ok&&404===o.status\|\|this.isPathFolderNotFound(t.error);if(t.error\|\|!o.ok){if(l)return{items:[],pagination:{limit:e.limit,page:1,total:0,totalPages:0}};t.error&&this.handleError(t.error)}const i=t.data;let a=((null===i\|\|void 0===i?void 0:i.files)\|\|[]).map(e=>{const t=e.thumbnail,o=function(e){var t,o;const l=e.is_folder;if(!0===l\|\|1===l)return!0;if(!1===l\|\|0===l)return!1;if("string"===typeof l){const e=l.trim().toLowerCase();if("true"===e\|\|"1"===e\|\|"yes"===e)return!0;if("false"===e\|\|"0"===e\|\|"no"===e\|\|""===e)return!1}if("folder"===String(null!==(t=e.item_type)&&void 0!==t?t:"").toLowerCase())return!0;const i=String(null!==(o=e.type)&&void 0!==o?o:"").toLowerCase();return"folder"===i\|\|"directory"===i\|\|"dir"===i\|\|!("inode/directory"!==i&&"application/x-directory"!==i&&"httpd/unix-directory"!==i&&!i.endsWith("/directory"))}(e);return{...e,id:`${this.removePrefix(e.folder)}/${e.name}`,size:Number(e.size),date:e.date\|\|(new Date).toISOString(),folderId:this.removePrefix(e.folder),selected:!1,isFolder:o,thumbnail:vl(t)}});return i.total===Number.MAX_SAFE_INTEGER&&(i.total=a.length),"file"===e.itemType&&(a=a.filter(e=>!e.isFolder)),{items:a,pagination:{limit:i.per_page,page:i.page,total:i.total,totalPages:i.total_pages}}}async getFile(e){const t=await fetch(`${gl}/${this._projectId}/${e}`);if(t.ok)return t.blob();{const e=await t.text(),o=bl(t.status,"FileReadError"),{__:l}=this.i18n,i=e\|\|l("Failed to get file: %s").replace("%s",t.statusText);throw new ul.FileManagerApiError(i,o,t.status)}}isPathFolderNotFound(e){var t,o,l;if(!e\|\|"object"!==typeof e\|\|e instanceof Error)return!1;const i=e;return"path_folder_not_found"===i.code\|\|"path_folder_not_found"===(null===(t=i.data)\|\|void 0===t?void 0:t.code)\|\|404===(null===(o=i.data)\|\|void 0===o\|\|null===(l=o.data)\|\|void 0===l?void 0:l.status)}async deleteItem(e,t){if(e.isFolder){var o;const i=await this._restApi.emFiles.folders_delete({path_folder:e.id,project_id:this._projectId,force:t.permanent},{type:dl.cM.Json});if(i.error){var l;if(this.isPathFolderNotFound(i.error))return void await this.clearCache(null!==(l=e.folderId)&&void 0!==l?l:void 0);const t="FolderNotFound";this.handleError(i.error,t)}await this.clearCache(null!==(o=e.folderId)&&void 0!==o?o:void 0)}else{var i;const o=await this._restApi.emFiles.files_delete({project_id:this._projectId,path_folder:null!==(i=e.folderId)&&void 0!==i?i:"",file_name:[e.name],force:t.permanent},{type:dl.cM.Json});o.error&&this.handleError(o.error,"FileNotFound")}}async deleteItems(e,t){try{if(0===e.length)return{success:!0};const i=e.filter(e=>e.isFolder),a=e.filter(e=>!e.isFolder);if(i.length>0){const e=new Set(i.map(e=>e.id)),l=i.filter(t=>{var o;const l=null!==(o=t.folderId)&&void 0!==o?o:"";return!e.has(l)}).map(e=>e.id),a=await this._restApi.emFiles.folders_delete({project_id:this._projectId,path_folder:1===l.length?l[0]:l,force:t.permanent},{type:dl.cM.Json});if(a.error&&!this.isPathFolderNotFound(a.error))return{success:!1,error:this.convertRestError(a.error)};for(const t of i)try{var o;await this.clearCache(null!==(o=t.folderId)&&void 0!==o?o:void 0)}catch{}}if(a.length>0){const e=new Map;for(const t of a){var l;const o=null!==(l=t.folderId)&&void 0!==l?l:"";e.has(o)\|\|e.set(o,[]),e.get(o).push(t)}for(const[o,l]of e){const e=await this._restApi.emFiles.files_delete({project_id:this._projectId,path_folder:o,file_name:l.map(e=>e.name),force:t.permanent},{type:dl.cM.Json});if(e.error)return{success:!1,error:this.convertRestError(e.error)}}}return{success:!0}}catch(i){return{success:!1,error:i}}}async createFolder(e,t,o){const{__:l}=this.i18n;if(!e)throw new ul.FileManagerApiError(l("Folder name is required"),"FolderInvalidName");const i=await this._restApi.emFiles.folders_create({name:e,project_id:this._projectId,path_folder:t,is_force_create:o},{type:dl.cM.Json});return i.error&&this.handleError(i.error),{id:this.removePrefix(i.data.full_path),name:i.data.name,folderId:this.removePrefix(i.data.parent_folder),childrenCount:i.data.files_count\|i.data.folders_count,isFolder:!0}}async _uploadFile(e){var t;const{__:o}=this.i18n;if(!e.name\|\|!e.data)throw new ul.FileManagerApiError(o("Invalid file data"),"ValidationError");const l=await this._restApi.emFiles.files_create({file:e.data instanceof File?e.data:new File([e.data],e.name,{type:e.type}),path_folder:e.folderId,project_id:this._projectId},{type:dl.cM.FormData});l.error&&this.handleError(l.error);const i=l.data instanceof Array?l.data[0]:l.data;if(!i)throw new ul.FileManagerApiError(o("File upload failed"),"ValidationError");return{...i,id:this.removePrefix(i.folder)+"/"+i.name,size:Number(i.size),folderId:this.removePrefix(i.folder),date:i.date\|\|(new Date).toISOString(),selected:!1,isFolder:!1,thumbnail:null===(t=i.thumbnail)\|\|void 0===t?void 0:t["400x400"]}}async uploadFiles(e){try{const t=e.items.map(e=>{if(e.data instanceof File)return e.data;const t=e.name\|\|"file",o=e.data.type\|\|e.type\|\|"application/octet-stream";return new File([e.data],t,{type:o})}),o=await this._restApi.emFiles.files_create({project_id:this._projectId,path_folder:e.folderId,file:t},{type:dl.cM.FormData});if(o.error)return{success:!1,error:this.convertRestError(o.error)};const l=Array.isArray(o.data)?o.data:[o.data];return{success:!0,detailed:l.map(e=>{var t;return{success:!0,data:{id:[this.removePrefix(e.folder),e.name].filter(Boolean).join("/"),name:e.name,size:Number(e.size),folderId:this.removePrefix(e.folder),type:e.type,date:e.date\|\|(new Date).toISOString(),selected:!1,isFolder:!1,thumbnail:null===(t=e.thumbnail)\|\|void 0===t?void 0:t["400x400"]}}})}}catch(t){return{success:!1,error:t}}}async renameItem(e,t){const{__:o}=this.i18n;if(!t){const t=e.isFolder?"FolderInvalidName":"FileInvalidName",l=e.isFolder?o("New folder name is required"):o("New file name is required");throw new ul.FileManagerApiError(l,t)}const[l,i]=fl(e.id),a=await this._restApi.emFiles.files_rename_partial_update({file_name:i,new_name:t,path_folder:l,project_id:this._projectId,is_folder:e.isFolder},{type:dl.cM.Json});a.error&&this.handleError(a.error);const n=a.data;return{id:this.removePrefix(n.folder)+"/"+n.name,name:n.name,folderId:this.removePrefix(n.folder)}}async moveItems(e,t){try{const o=e.map(e=>fl(e.id)),l=await this._restApi.emFiles.items_move_partial_update({file_name:o.map(e=>e[1]),target_folder:t,path_folder:o[0][0],project_id:this._projectId},{type:dl.cM.Json});if(l.error)return{success:!1,error:this.convertRestError(l.error)};const i=l.data;return{success:!0,detailed:i.results.map(e=>({success:e.success,error:this.convertRestError(e.error),data:{id:[this.removePrefix(e.new_path\|\|""),e.item_name].filter(e=>e).join("/")}}))}}catch(o){this.convertRestError(o);return{success:!1,error:o}}}async copyItems(e,t){try{const o=e.map(e=>fl(e.id)),l=await this._restApi.emFiles.items_move_partial_update({file_name:o.map(e=>e[1]),target_folder:t,path_folder:o[0][0],project_id:this._projectId,is_copy:!0},{type:dl.cM.Json});if(l.error)return{success:!1,error:this.convertRestError(l.error)};const i=l.data;return{success:!0,detailed:i.results.map((t,o)=>({success:t.success,error:this.convertRestError(t.error),requestId:e[o].id,data:{id:[this.removePrefix(t.new_path\|\|""),t.item_name].filter(e=>e).join("/")}}))}}catch(o){return{success:!1,error:this.convertRestError(o)}}}async uploadFileByUrl(e,t,o){const l=(0,sl.o)(e);try{if(l.startsWith("http://localhost")\|\|l.startsWith("https://localhost")){const e=await(await fetch(l)).blob();return this._uploadFile({name:l.split("/").pop()\|\|"file",size:e.size,folderId:t,data:e,type:ml.A.getType(l)\|\|"application/octet-stream"})}const e=await this._restApi.emFiles.files_upload_by_url_create({url:l,path_folder:t,project_id:this._projectId},{type:dl.cM.Json});e.error&&this.handleError(e.error);const o=e.data instanceof Array?e.data[0]:e.data;return{id:`${this.removePrefix(o.folder)}/${o.name}`,name:o.name,size:Number(o.size),type:o.type,folderId:this.removePrefix(o.folder)\|\|null,date:o.date\|\|(new Date).toISOString(),url:o.url}}catch(i){throw i}}async updateFile(e,t){const[o,l]=fl(e.id),i=await this._restApi.emFiles.files_partial_update({file_name:l,project_id:this._projectId,path_folder:o,updates:{data:"string"===typeof t.data?t.data:await(a=t.data,new Promise((e,t)=>{const o=new FileReader;o.onload=()=>{const t=o.result.toString().split(",")[1];e(t)},o.onerror=t,o.readAsDataURL(a)})),name:t.name}},{type:dl.cM.Json});var a;if(!i.error){var n;const e=i.data;return{...e,id:`${this.removePrefix(e.folder)}/${e.name}`,size:Number(e.size),folderId:this.removePrefix(e.folder),date:e.date\|\|(new Date).toISOString(),thumbnail:null===(n=e.thumbnail)\|\|void 0===n?void 0:n["400x400"],selected:!1}}this.handleError(i.error)}findFileByUrl(e,t){if((0,pl.Ay)(e).startsWith((0,pl.Ay)(gl))){const o=e.replace((0,pl.Ay)(gl)+"/","").split("/").filter(Boolean);if(o[0]===this._projectId){const l=this.removePrefix(o.slice(1,-1).join("/")),i=o[o.length-1];if(!t\|\|l===this.removePrefix(t))return{id:[l,i].filter(Boolean).join("/"),name:i,folderId:l,isFolder:!1,url:e}}}}async clearCache(e){const t={project_id:this._projectId,path_folder:e\|\|void 0},o=await this._restApi.emFiles.cache_clear_create(t);o.error&&this.handleError(o.error)}async cleanTrash(){try{var e,t;const o=await this._restApi.emFiles.empty_trash_create({project_id:this._projectId},{type:dl.cM.UrlEncoded});o.error&&this.handleError(o.error,"BackendError");const l=o.data;return{success:null===(e=null===l\|\|void 0===l?void 0:l.success)\|\|void 0===e\|\|e,deletedCount:null!==(t=null===l\|\|void 0===l?void 0:l.deleted_count)&&void 0!==t?t:0}}catch(o){if(o instanceof ul.FileManagerApiError)throw o;const{__:e}=this.i18n;throw new ul.FileManagerApiError(e("Failed to clean trash"),"BackendError")}}}var _l=o(12650);const Sl=(0,l.lazy)(()=>Promise.all([o.e(327),o.e(3628),o.e(6310)]).then(o.bind(o,21816))),yl=(0,l.lazy)(()=>Promise.all([o.e(5365),o.e(9487),o.e(2557)]).then(o.bind(o,62557))),kl={height:"100%"},wl=()=>{const e=(0,B.rD)(),t=(0,nl.of)(),o=(0,a.d4)(rl.yN),[i,n]=(0,l.useState)(null),d=(0,nl.XB)(),s=(0,r.s9)(),m=(0,a.d4)(ot.C1),c=void 0!==(null===o\|\|void 0===o?void 0:o.id)?String(null===o\|\|void 0===o?void 0:o.id):"",u=h.EW.isPlugin&&"0"!==(null===m\|\|void 0===m?void 0:m.id)?String(m.id):"";(0,l.useEffect)(()=>{n(t\|\|new El({projectId:c,restApi:d,i18n:s,pathPostfix:u}))},[c,u,n,d,t,s]),(0,l.useEffect)(()=>{},[t]);let p=l.createElement(_l.A,{style:kl});return i&&e.imageCenterFileManagerView?p=l.createElement(Sl,{storageProvider:i}):i&&(p=l.createElement(yl,{storageProvider:i})),l.createElement(l.Suspense,{fallback:l.createElement(_l.A,{style:kl})},p)};var Bl=o(99705),Rl=o(83231),Tl=o(82994),xl=o(64886),Al=o(3758),Il=o(38343),Nl=o(69847),Cl=o(2527),Pl=o(85183);const Ll=(e,t)=>l.createElement(t,Object.assign({className:"email-pane__tab-bar"},e)),{Content:Ol}=i.Layout,Fl=(0,l.memo)(e=>l.createElement(Ro.A,e)),Ml=(0,l.memo)(e=>l.createElement(q,e)),Vl=(0,l.memo)(e=>l.createElement(K.A,e)),Dl=(0,l.memo)(e=>l.createElement(xo.A,e)),zl=(0,l.memo)((0,l.forwardRef)((e,t)=>l.createElement(To.A,Object.assign({},e,{ref:t})))),Wl=(0,l.memo)(e=>l.createElement(we.A,e)),Hl=(0,l.memo)(e=>l.createElement(G,e)),jl=(0,l.memo)(e=>l.createElement(No,e)),Gl=({emailElement:e,isSuccess:t,setIsCollaborationEditor:o,isShowAddAllBlocksModal:s,triggerOpenSavedBlocksTab:p,setIsShowAddAllBlocksModal:g})=>{var v,E,_,S,y;const k=1200,{__:w,_x:T}=(0,r.s9)(),x=(0,Le.QC)(),{emailId:A,blockId:I,projectId:N}=(0,n.g)(),C=(0,a.wA)(),{modal:P}=i.qw.useApp(),L=(0,B.rD)(),{token:O}=(0,i.rd)(),F=(0,d.hN)(),M=(0,Uo.u)(),V=(0,a.d4)(rl.yN),D=(0,Cl.p)(),z=(0,a.d4)(tt.B),W=(0,a.d4)(ot.C1),H=(0,a.d4)(ot.B$),j=(0,a.d4)(b.cL),G=(0,a.d4)(tt.NQ),U=(0,a.d4)(f.qX),$=(0,a.d4)(Te.qX),X=(0,a.d4)(tt.Fv),q=(0,a.d4)(tt.yy),K=(0,a.d4)(Nl.D2),Y=(0,a.d4)(Nl.jr),Q=(0,a.d4)(Nl.hc),J=(0,a.d4)(tt.Tn),[Z]=(0,Tl.Ll)(),[ee]=(0,Ze.dS)(),[te,oe]=(0,l.useState)(!1),[le,ie]=(0,l.useState)(),[ae,ne]=(0,l.useState)(L.defaultBuildPanel\|\|"empty"),[re,de]=(0,l.useState)("empty"),[me,ce]=(0,l.useState)(!1),[ue,pe]=(0,l.useState)([]),[ge,be]=(0,l.useState)(!1),[he,ve]=(0,l.useState)([]),[fe,Ee]=(0,l.useState)(!1),[_e,Se]=(0,l.useState)(!1),ye=(0,nt.cR)(),we=(0,Io.fn)(),[Re,Ae]=(0,l.useState)((null===we\|\|void 0===we?void 0:we.getValue())\|\|"");(0,l.useEffect)(()=>{if(!we)return;Ae(we.getValue());const e=we.onDidChangeContent(()=>{const e=we.getValue();Ae(e)});return()=>{e.dispose()}},[we]);const Ie=(0,l.useMemo)(()=>(0,Pl.X_)(Re\|\|(null===e\|\|void 0===e?void 0:e.html)\|\|""),[null===e\|\|void 0===e?void 0:e.html,Re]),Ne=(0,Pl.WJ)(Ie),Ce=(0,Pl.Gw)(Ie);let Pe=!H&&(null===(v=W.id)\|\|void 0===v?void 0:v.toString())===(null===V\|\|void 0===V\|\|null===(E=V.members)\|\|void 0===E?void 0:E.owner.ID);const Oe=!h.EW.isPlugin\|\|((null===L\|\|void 0===L?void 0:L.configSwither)\|\|!1);(0,l.useEffect)(()=>{C((0,tt.sy)())},[C]),(0,l.useEffect)(()=>{const e=window.localStorage.getItem(h.V0.em_active_tab);e&&C((0,tt.PM)(e))},[D,C]);const Fe=A\|\|I,Me=e.hasOwnProperty("type")?h.IE:h.Tm,Ve=Me===h.Tm?U:$,[De,ze]=(0,l.useState)({}),We=(0,l.useRef)(null),He=(0,l.useRef)(),je=(0,l.useRef)(),Ge=(0,l.useRef)(),Ue=(0,l.useRef)(),$e=(0,l.useRef)(),Xe=(0,l.useRef)(null),qe=(0,l.useRef)(!1),[Ke,Ye]=(0,l.useState)(!1),[Qe,lt]=(0,l.useState)(!1),[rt]=(0,Al.b9)(),[dt,st]=(0,l.useState)(!1),[mt,ct]=(0,l.useState)(0),[ut,pt]=(0,l.useState)(!1),gt=h.EW.isPlugin?!!L.configSwither&&("pro"===localStorage.getItem("configSwither")\|\|"editor"!==localStorage.getItem("configSwither")&&"pro"===L.mode):"pro"===W.email_builder_config\|\|"simple"===W.email_builder_config,bt=(0,l.useCallback)(()=>{clearTimeout(Xe.current);const e=".blocks-search__result-holder";ye.querySelector(e)&&(K\|\|Y\|\|Q)&&(ye.querySelector(e).style.removeProperty("transition"),ye.querySelector(e).style.opacity=0,ye.querySelectorAll(".blocks-search__result-body").forEach(e=>e.style.removeProperty("height")),Xe.current=setTimeout(()=>{ye.querySelectorAll(".blocks-search__result-body").forEach(e=>{e.style.height=207e.getBoundingClientRect().height/660+"px"}),ye.querySelector(e)&&(ye.querySelector(e).style.transition="opacity 0.2s",ye.querySelectorAll(e).forEach(e=>e.style.opacity=1))},200))},[Y,K,Q]),ht=(0,l.useCallback)(e=>{const t=e.target;setTimeout(()=>{Ye(t.closest(".desktop_view")),lt(t.closest(".mobile_view"))},100)});(0,l.useEffect)(()=>{const e=(0,at.t)(ye,"mouseover",ht);return()=>{e.dispose()}},[ye,ht]),(0,l.useEffect)(()=>{C((0,tt.wr)(te?h.ND:h.Vp))},[te,C]),(0,l.useEffect)(()=>{"function"===typeof o&&(he.length>0?o(!0):o(!1))},[he]);const[vt]=(0,Rl.EQ)(),{data:ft={},refetch:Et,status:_t}=(0,Rl.gb)({entity_id:Fe},{skip:!Fe\|\|!1===L.aiAssistentEnabled}),[St,yt]=(0,l.useState)([]),[kt,wt]=(0,l.useState)(""!==L.defaultBuildPanel?h.nA:h.Jy),[Bt,Rt]=(0,l.useState)(null),Tt=(0,l.useCallback)(()=>{var e;const t=null===(e=je.current)\|\|void 0===e?void 0:e.getBoundingClientRect(),o=null===le\|\|void 0===le?void 0:le.getBoundingClientRect();x.send({operation:h.Ru.SANDBOX_WINDOW_CHARACTERISTIC,settings:{iframeOffsetTop:X&&"bottom"!==q?0:30,scrollTop:-(null===t\|\|void 0===t?void 0:t.top)+(null===o\|\|void 0===o?void 0:o.top)+30,innerHeight:window.innerHeight,previewHeight:null===o\|\|void 0===o?void 0:o.height,mode:X&&"bottom"!==q?"code":"default"}})},[q,X,le,x]),xt=t&&e,At=(0,l.useCallback)(e=>{const t=window.navigator.platform.match("Mac");L.codeEnabled&&L.codeSideEnabled&&e.altKey&&88===e.keyCode&&(C((0,tt.vs)()),Pe&&(st(!0),ct(1))),((t?e.metaKey:e.ctrlKey)&&e.shiftKey&&76===e.keyCode\|\|(t?e.metaKey:e.ctrlKey)&&e.shiftKey&&69===e.keyCode\|\|(t?e.metaKey:e.ctrlKey)&&e.shiftKey&&82===e.keyCode)&&e.preventDefault()},[C,L.codeEnabled,Pe,L.codeSideEnabled]),It=j.includes("UPLOAD_IMAGE_")\|\|j.includes("UPLOAD_BACKGROUND_"),Nt=(0,l.useCallback)(t=>{document.querySelector(".easylogic-colorpicker")\|\|ye.querySelector(".easylogic-colorpicker")\|\|t.target.closest(".email-pane__collapse-wrapper")\|\|t.target.closest(".selected-element-panel__columns-settings__controls__column__remove")\|\|t.target.closest(".email-preview__content-col_main")\|\|t.target.closest(".email-preview-menu")\|\|t.target.closest(".monaco-editor")\|\|t.target.closest(".main__pane-close-btn")\|\|t.target.closest(".main__pane-trigger")\|\|t.target.closest(".ant-modal-wrap")\|\|t.target.closest(".email-pane__sizes")\|\|t.target.closest(".ant-input-clear-icon")\|\|t.target.closest(".ant-color-picker")\|\|t.target.closest(".control-font-family-dropdown")\|\|Bt\|\|t.target.closest(".email-preview-menu__history")\|\|t.target.closest(".selected-element-panel-content")\|\|t.target.closest(".toggle_view")\|\|t.target.closest(".upload-bg-image__menu")\|\|t.target.closest(".email-pane__paths")\|\|t.target.closest(".ant-tabs-extra-content")\|\|t.target.closest(".anticon-delete")\|\|It\|\|j===h.lx.IMAGE_EDITOR_MODAL\|\|(z===h.yI&&(C((0,tt.Fk)()),x.send({operation:h.Ru.SANDBOX_ELEMENT_ACTIVE_RESET}),pe([])),z===h.Vv&&C((0,tt.PM)(h.Bv)),C((0,tt.mi)(!0)),x.send({operation:h.Ru.SANDBOX_LOCK_EDIT,data:!1}),setTimeout(()=>{e.type?C((0,Te.A9)({type:null})):C((0,f.A9)({type:null}))},300)),Rt(null)},[C,e.type,j,Bt,z,x,It]),[Ct,Pt]=(0,l.useState)(!0),{data:Lt=[],refetch:Ot}=(0,xl.Cf)(Fe,{skip:!Fe}),[Ft,Mt]=(0,l.useState)(""),[Vt,Dt]=(0,l.useState)("");(0,l.useEffect)(()=>{Fe&&Ot()},[z,Fe,Ot]),(0,l.useEffect)(()=>{Fe&&!Object.keys(ft).length&&"fulfilled"===_t&&Et()},[z,Fe,Et,ft,_t]),(0,l.useEffect)(()=>{var e;const t=new R.jG,o=window.localStorage.getItem(h.V0.em_active_tab);if(0===(null===ft\|\|void 0===ft?void 0:ft.totalCount)&&"pending"!==_t){const e={project_id:N,connection:"chat",entity_id:Fe,context:"default",locale:W.locale.slice(0,2)};o\|\|vt({body:e}).then(()=>{t.isDisposed()\|\|"fulfilled"===_t&&Et()})}const l={data:{role:"assistant",message:"\u043f\u0435\u0447\u0430\u0442\u0430\u0435\u0442",isLoading:!0}};var i,a;(null===ft\|\|void 0===ft\|\|null===(e=ft.documents)\|\|void 0===e?void 0:e.length)>0?(window.localStorage.removeItem(h.V0.em_active_tab),yt(null===ft\|\|void 0===ft?void 0:ft.documents),null!==ft&&void 0!==ft&&null!==(i=ft.documents[(null===ft\|\|void 0===ft\|\|null===(a=ft.documents)\|\|void 0===a?void 0:a.length)-1].data)&&void 0!==i&&i.userInfo&&yt([...null===ft\|\|void 0===ft?void 0:ft.documents,l])):o\|\|yt([l]);return()=>t.dispose()},[Fe,W.locale,null===ft\|\|void 0===ft?void 0:ft.totalCount,null===ft\|\|void 0===ft?void 0:ft.documents,N,Et,vt,_t]),(0,l.useEffect)(()=>{ze({}),C(Me===h.Tm?(0,f.A9)({}):(0,Te.A9)({}))},[C,Me]);const zt=(0,l.useCallback)(e=>{C((0,f.G_)(e))},[C]),Wt=(0,l.useCallback)(e=>{C((0,Te.Dz)(e))},[C]),Ht=(0,l.useCallback)(e=>{C(Me===h.Tm?(0,f.A9)(e):(0,Te.A9)(e))},[C,Me]);(0,l.useEffect)(()=>{const e=Ue.current,t=Ge.current;ie(X?t:e)},[X,q]);const jt=(0,l.useCallback)(e=>{ne(e),"search"===e?ce(!0):(ce(!1),de(e)),setTimeout(bt,50)},[bt]),Gt=(0,l.useCallback)(t=>{const o=t.data.operation,l=t.data,i=t.data.action;if("application_block_inserted"===o\|\|"application_block_inserted"===t.data.operationId){const o=t.data.operationId?t.data.data:l\|\|{},i="project"===o.type\|\|"template"===o.type\|\|"common"===o.type?"block":"structure",a=o.name\|\|o.type\|\|("block"===i?"block":"structure");M({event:"add",action:"add_element_to_email",element_type:i,element_name:a,entity_id:(null===e\|\|void 0===e?void 0:e.id)\|\|A\|\|I,project_id:(null===V\|\|void 0===V?void 0:V.id)\|\|N})}if(o===h.Ru.APPLICATION_SCROLL_TO&&setTimeout(()=>{var e;null===(e=Ge.current)\|\|void 0===e\|\|e.scrollTo({top:t.data.settings.value,behavior:"smooth"})},100),o===h.Ru.APPLICATION_PREVIEW_ALERT_SHOW&&Ee(l.settings.show),o===h.Ru.APPLICATION_TEMPLATE_NOT_EM_ALERT_SHOW&&Se(!0),o===h.Ru.APPLICATION_ACTION&&"toggle_editor"===i&&C((0,tt.vs)()),o===h.Ru.APPLICATION_IFRAME_SET_HEIGHT&&(ye.querySelector(".email-pane__iframe").style.height=l.settings.height+"px"),o===h.Ru.APPLICATION_EMAIL_SETTINGS_SET){let e=Object.assign({},l.settings);delete e.preheader;Object.values(e).every(e=>!e)?(C((0,f.M7)(!0)),C((0,tt.Fk)())):zt(l.settings),l.settings.noBlocks,C((0,tt.wW)(l.settings.responsive)),Pt(e.structuresMedia)}if(o===h.Ru.APPLICATION_BLOCK_SETTINGS_SET){Object.values(l.settings).every(e=>!e)?(C((0,Te.rc)(!0)),C((0,tt.Fk)())):(Wt(l.settings),Pt(l.settings.structuresMedia))}if(o===h.Ru.APPLICATION_ELEMENT_SETTINGS_SET){var a,n;const e=Object.values(h.bV),t=!!l.tab\|\|!e.includes(l.type);var r;if(t&&z===h.yI&&C((0,tt.Fk)()),l.type===h.bV.EMPTY_TABLE\|\|l.type===h.bV.EMPTY_TD?(C((0,tt.PM)(h.Bv)),l.type===h.bV.EMPTY_TABLE?(wt(h.nA),l.tab?jt(l.tab):jt("common")):l.type===h.bV.EMPTY_TD&&wt(h.Jy)):l.type&&z!==h.yI&&C((0,tt.PM)(h.yI)),l.type===h.bV.CAROUSEL\|\|l.type===h.bV.ACCORDION?(ze({settings:{...l.settings,type:t?null:l.type,caption:l.caption,parent:t?null:l.settings.parent},type:t?null:l.type,parent:t?null:l.settings.parent,caption:l.caption}),Ht({})):(Ht({...l.settings,type:t?null:l.type,parent:t?null:l.settings.parent,caption:l.caption}),ze({})),(null===(a=l.settings)\|\|void 0===a\|\|null===(n=a.path)\|\|void 0===n?void 0:n.length)>0)pe(null===(r=l.settings)\|\|void 0===r?void 0:r.path)}o===h.Ru.APPLICATION_ELEMENT_SETTINGS_CLOSE&&C((0,tt.Fk)())},[C,zt,Wt,Ht,z,jt,ye,M,e,A,I,V]);(0,l.useEffect)(()=>{c.gV({id:null===W\|\|void 0===W?void 0:W.id,email:null===W\|\|void 0===W?void 0:W.email,username:null===W\|\|void 0===W?void 0:W.name})},[W]),(0,l.useEffect)(()=>{W.email_builder_config&&C((0,it.bc)(W.email_builder_config))},[W.email_builder_config,C]),(0,l.useEffect)(()=>{var e,t;if(X&&Pe&&C((0,tt.vs)()),h.EW.isPlugin){if(L.configSwither){let e=localStorage.getItem("configSwither")\|\|L.mode\|\|"editor";localStorage.setItem("configSwither",e),C((0,it.bc)(e))}}else H\|\|(null===(e=W.id)\|\|void 0===e?void 0:e.toString())!==(null===V\|\|void 0===V\|\|null===(t=V.members)\|\|void 0===t?void 0:t.owner.ID)?"simple"===L.mode&&C((0,it.bc)("pro")):C((0,it.bc)("simple"))},[]);const Ut=t=>{var o,l;H\|\|(null===(o=W.id)\|\|void 0===o\|\|o.toString(),null===V\|\|void 0===V\|\|null===(l=V.members)\|\|void 0===l\|\|l.owner.ID),setTimeout(()=>{var o,l;if(H\|\|(null===(o=W.id)\|\|void 0===o?void 0:o.toString())!==(null===V\|\|void 0===V\|\|null===(l=V.members)\|\|void 0===l?void 0:l.owner.ID)){let o=t?"pro":"editor";localStorage.setItem("configSwither",o),C((0,it.bc)(o)),M({event:"change",action:"change_config_mode",config_mode:o,entity_id:(null===e\|\|void 0===e?void 0:e.id)\|\|A\|\|I,project_id:(null===V\|\|void 0===V?void 0:V.id)\|\|N})}else C((0,it.bc)("pro")),pt(!0),st(!0),M({event:"change",action:"change_config_mode",config_mode:"pro",entity_id:(null===e\|\|void 0===e?void 0:e.id)\|\|A\|\|I,project_id:(null===V\|\|void 0===V?void 0:V.id)\|\|N})},200)};(0,Je.A)(Gt);const $t=(0,l.useRef)({emailElementType:Me,emailElementSettings:U,blockElementSettings:$});$t.current={emailElementType:Me,emailElementSettings:U,blockElementSettings:$},(0,l.useEffect)(()=>{const e=x.addListener(e=>{var t,o;const l=void 0!==(null===e\|\|void 0===e\|\|null===(t=e.data)\|\|void 0===t?void 0:t.operation)?e.data:e;if((null===l\|\|void 0===l?void 0:l.operation)!==h.Ru.APPLICATION_NATIVE_IMAGE_DROP)return;const i=l.file,a=null!==(o=null===V\|\|void 0===V?void 0:V.id)&&void 0!==o?o:N;i&&i instanceof File&&a&&null!==W&&void 0!==W&&W.id?(async()=>{try{let e=i;"image/gif"!==i.type&&(e=await(0,xe.A)(i,{maxSizeMB:L.compressMaxSize\|\|.45,maxWidthOrHeight:L.compressMaxWidthOrHeight\|\|2e3}));const t=await ee({user_id:W.id,folder:String(a),file:e});if(t.error)return F.fromError("IMAGE_UPLOAD_ERROR",i,t.error,!0),void x.send({operation:h.Ru.SANDBOX_NATIVE_IMAGE_DROP_CLEAR});const o=(0,et.g0)(t.data);if(o.error\|\|!o.file_url)return void x.send({operation:h.Ru.SANDBOX_NATIVE_IMAGE_DROP_CLEAR});const l=o.file_url;x.send({operation:h.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:h.bV.IMG,settings:{src:l}});const{emailElementType:n,emailElementSettings:r,blockElementSettings:d}=$t.current,s=n===h.Tm?r:d;(null===s\|\|void 0===s?void 0:s.type)===h.bV.IMG&&Ht({...s,src:l,changeKey:"src"})}catch(e){x.send({operation:h.Ru.SANDBOX_NATIVE_IMAGE_DROP_CLEAR})}})():x.send({operation:h.Ru.SANDBOX_NATIVE_IMAGE_DROP_CLEAR})});return()=>e.dispose()},[x,ee,W,N,null===V\|\|void 0===V?void 0:V.id,L.compressMaxSize,L.compressMaxWidthOrHeight,F,Ht]),(0,l.useEffect)(()=>{const t=x.addListener("application_atom_inserted",t=>{M({event:"add",action:"add_element_to_email",element_type:"atom",element_name:t\|\|"atom",entity_id:(null===e\|\|void 0===e?void 0:e.id)\|\|A\|\|I,project_id:(null===V\|\|void 0===V?void 0:V.id)\|\|N})}),o=x.addListener("application_block_inserted",t=>{const o="project"===(null===t\|\|void 0===t?void 0:t.type)\|\|"template"===(null===t\|\|void 0===t?void 0:t.type)\|\|"common"===(null===t\|\|void 0===t?void 0:t.type)?"block":"structure",l=(null===t\|\|void 0===t?void 0:t.name)\|\|(null===t\|\|void 0===t?void 0:t.type)\|\|("block"===o?"block":"structure");M({event:"add",action:"add_element_to_email",element_type:o,element_name:l,entity_id:(null===e\|\|void 0===e?void 0:e.id)\|\|A\|\|I,project_id:(null===V\|\|void 0===V?void 0:V.id)\|\|N})});return()=>{null===t\|\|void 0===t\|\|t.dispose(),null===o\|\|void 0===o\|\|o.dispose()}},[x,M,null===e\|\|void 0===e?void 0:e.id,A,I,N,null===V\|\|void 0===V?void 0:V.id]);const Xt=(0,l.useRef)(),[qt,Kt]=(0,l.useState)("unset"),Yt=(0,l.useCallback)(()=>{var e,t;let o;const l=null===(e=Ge.current)\|\|void 0===e?void 0:e.getBoundingClientRect();if((null===Xt\|\|void 0===Xt\|\|null===(t=Xt.current)\|\|void 0===t?void 0:t.getBoundingClientRect().top)>=0){const e=l&&Math.round(l&&(null===l\|\|void 0===l?void 0:l.height)-30);Xt.current.style.height=`${e}px`,Kt(e-30)}o&&window.clearTimeout(o),o=window.setTimeout(function(){x.isInited()&&Tt()},100)},[Tt,x]);(0,l.useEffect)(()=>(z===h.z$?We.current=setInterval(()=>{Et({entity_id:Fe})},5e3):clearInterval(We.current),clearInterval(We.current)),[Fe,Et,z]);const Qt=window.localStorage.getItem(h.V0.em_code_mode_pane_sizes),[Jt,Zt]=(0,l.useState)(+Qt\|\|50),eo=(0,l.useRef)(Jt);(0,l.useEffect)(()=>{eo.current=Jt},[Jt]);const to=()=>{let e=ye.querySelector(".block-search__preview");e&&(e.style.opacity="0",e.style.transform="translateX(-99%)",setTimeout(function(){e.remove()},300))};let oo=[];const lo={display:"flex",alignItems:"center",justifyContent:"center"};L.blocksEmptyEnabled&&oo.push({label:l.createElement(i.m_,{placement:"top",title:w("Empty blocks")},l.createElement("div",{style:lo},l.createElement(u.A,{icon:"BorderOuterOutlined",style:{fontSize:18}}))),value:"empty"}),L.blocksSavedEnabled&&oo.push({label:l.createElement(i.m_,{placement:"top",title:w("Saved blocks")},l.createElement("div",{style:lo},l.createElement(u.A,{icon:"AppstoreAddOutlined",style:{fontSize:18}}))),value:"project"}),L.blocksCommonEnabled&&oo.push({label:l.createElement(i.m_,{placement:"top",title:w("Common blocks")},l.createElement("div",{style:lo},l.createElement(u.A,{icon:"AppstoreOutlined",style:{fontSize:18}}))),value:"common"}),L.blocksTemplateEnabled&&oo.push({label:l.createElement(i.m_,{placement:"top",title:w("Template blocks")},l.createElement("div",{style:lo},l.createElement(u.A,{icon:"BuildOutlined",style:{fontSize:18}}))),value:"template"}),L.blocksSearchEnabled&&oo.push({label:l.createElement(i.m_,{placement:"top",title:w("Blocks search")},l.createElement("div",{style:lo},l.createElement(u.A,{icon:"SearchOutlined",style:{fontSize:18}}))),value:"search"});const io="empty"!==ae\|\|me,ao=!L.blocksSectionsShow\|\|io?"100%":"calc(100% - 44px)";let no=[{label:l.createElement("div",{className:"email-pane__tab"},w("Elements")),key:h.Jy,forceRender:!0,className:"email-pane__collapse-panel email-pane__atoms",children:l.createElement(Wl,null)},{label:l.createElement("div",{className:"email-pane__tab"},w("Blocks")),key:h.nA,forceRender:!0,className:"email-pane__collapse-panel email-pane__blocks-search",style:{height:ao},children:l.createElement("div",{className:m()("email-pane__blocks-panel",{"email-pane__blocks-panel_scrollable":io})},L.blocksSectionsShow&&l.createElement("div",{className:"email-pane__blocks-panel-header"},l.createElement(i.$x.Compact,{block:!0},!me&&l.createElement(i.$q,{block:!0,style:{width:"100%",marginTop:24},onChange:jt,value:ae,options:oo}),me&&l.createElement("div",{style:{width:"100%",height:36}}),me&&l.createElement("div",{style:{width:36,textAlign:"right",marginTop:22}},l.createElement(u.A,{icon:"CloseOutlined",style:{padding:"0 2px 0",cursor:"pointer"},onClick:()=>{ce(!1),ne(re)}}))),l.createElement("div",{className:"blocks-search__divider-wrapper",style:{marginTop:me?28:12}},l.createElement(i.cG,{className:"blocks-search__divider"}))),l.createElement("div",{className:"email-pane__blocks-panel-body"},l.createElement("div",{className:"blocks-search__empty-shadow",style:{display:"empty"!==ae\|\|me?"none":"block"}},Ct?l.createElement(ke,null):l.createElement(se,null)),l.createElement("div",{className:m()("email-pane__blocks-panel-results",{"email-pane__blocks-panel-results_visible":io})},l.createElement(Vl,{parentEmailId:null===e\|\|void 0===e?void 0:e.parent_email,blocksTab:ae,search:me,reloadBlockScreens:bt,email:e,setIsShowAddAllBlocksModal:g}))))}],ro=[{disabled:dt,key:h.yI,style:{height:L.sidePanelFloating?X&&"bottom"===q?qt:"calc(100% - 30px)":"100%"},className:"em-analytics__email-tab-properties",children:l.createElement(l.Fragment,null,(!(null===Ve\|\|void 0===Ve\|\|!Ve.type)\|\|!(null===De\|\|void 0===De\|\|!De.type))&&l.createElement("div",{className:m()("email-pane__collapse-wrapper",{"mobile-view":te,"mobile-properties":te&&J!==h.mX}),onMouseLeave:to},l.createElement(Bo,{email:e,formSettings:De})))},{disabled:dt,key:h.Vv,style:{height:L.sidePanelFloating?X&&"bottom"===q?qt:"calc(100% - 30px)":"100%"},className:"em-analytics__email-tab-history",children:xt&&l.createElement("div",{className:"email-pane__collapse-wrapper",onMouseLeave:to},l.createElement(jl,{setCollapsedHistory:()=>C((0,tt.mi)(!0)),emailElement:xt}))},{key:h.rb,className:"em-analytics__email-tab-properties"},{disabled:dt,label:l.createElement(i.m_,{placement:"left",title:T("Build","tab")},l.createElement(u.A,{"data-testid":"contentIcon",icon:"PlusCircleOutlined",size:24,strokeWidth:L.iconStrokeWidth})),key:h.Bv,className:"em-analytics__email-tab-build",style:{height:L.sidePanelFloating?X&&"bottom"===q?qt:"calc(100% - 30px)":"100%",overflow:"hidden"},children:l.createElement("div",{className:m()("email-pane__collapse-wrapper",{"email-pane__collapse-wrapper_no-topleft-radius":z===h.Bv\|\|!z,"email-pane__collapse-wrapper_build":kt===h.nA&&io}),onMouseLeave:to},l.createElement(i.tU,{className:m()("secondary-tabs email-pane__collapse",{"secondary-tabs_unset_scroll":kt===h.nA}),size:"large",activeKey:kt,onChange:e=>wt(e\|\|""),items:no}))},{disabled:dt,label:l.createElement(i.m_,{styles:{body:{border:"2px dot-dash red"}},placement:"left",title:T("Styles","tab")},l.createElement(u.A,{"data-testid":"stylesIcon",icon:"Styles",size:24,strokeWidth:L.iconStrokeWidth})),key:h.rY,className:"em-analytics__email-tab-styles",style:{height:L.sidePanelFloating?X&&"bottom"===q?qt:"calc(100% - 30px)":"100%",overflow:"hidden"},children:l.createElement("div",{className:"email-pane__collapse-wrapper"},l.createElement(Ml,{email:e}))}];L.commentsEnabled&&ro.push({disabled:dt,label:l.createElement(i.m_,{placement:"left",title:T("Discuss","tab")},l.createElement(u.A,{"data-testid":"commentsIcon",icon:"CommentOutlined",size:24,strokeWidth:L.iconStrokeWidth}),Pe&&l.createElement(u.A,{icon:"Lock",size:14,strokeWidth:L.iconStrokeWidth,className:"free-mode-firewall-icon free-mode-firewall-icon_emailpane"}),!!Lt.length&&l.createElement("span",{className:"email-pane__comment-counter"},Lt.filter(e=>"deleted"!==e.comment_status).length)),key:h.hc,className:"email-pane__tab-discuss em-analytics__email-tab-discuss",style:{height:L.sidePanelFloating?X&&"bottom"===q?qt:"calc(100% - 30px)":"100%",overflow:"hidden"},children:l.createElement("div",{className:"email-pane__collapse-wrapper"},l.createElement(i.tU,{className:"secondary-tabs email-settings__collapse discuss-wrapper",size:"large",activeKey:h.hc,items:[{label:l.createElement(l.Fragment,null,w("Discuss")),key:h.hc,forceRender:!0,className:"email-settings__collapse-panel",children:Fe?l.createElement(Be.A,{email:e,comments:Lt,subjectId:Fe,isLoggedIn:!0,emailElementType:Me}):l.createElement("div",{className:"aside-content-wrapper"},e.hasOwnProperty("type")?l.createElement(i.Fc,{description:w("Save the block before commenting."),type:"info",showIcon:!0,style:{marginBottom:20}}):l.createElement(i.Fc,{description:w("Save the email before commenting."),type:"info",showIcon:!0,style:{marginBottom:20}}))}]}))});const so=()=>{Z({entity_id:Fe}).then(e=>{e.error?F.error({message:e.error.data.code,description:e.error.data.message}):e.data.success&&F.success({message:w("Success"),description:e.data.success}),Et(),be(!1)})};L.aiAssistentEnabled&&ro.push({disabled:dt,label:l.createElement(i.m_,{placement:"left",title:T("AI assistant","tab")},l.createElement(u.A,{"data-testid":"aiAssistentIcon",icon:"AI",size:24,strokeWidth:L.iconStrokeWidth}),Pe&&l.createElement(u.A,{icon:"Lock",size:14,strokeWidth:L.iconStrokeWidth,className:"free-mode-firewall-icon free-mode-firewall-icon_emailpane"}),(null===ft\|\|void 0===ft?void 0:ft.totalCount)>0&&Fe&&l.createElement("span",{className:"email-pane__comment-counter"},null===ft\|\|void 0===ft?void 0:ft.totalCount)),key:h.z$,className:"email-pane__tab-discuss em-analytics__email-tab-discuss",style:{height:L.sidePanelFloating?X&&"bottom"===q?qt:"calc(100% - 30px)":"100%",overflow:"hidden"},children:l.createElement(l.Fragment,null,l.createElement("div",{className:"email-pane__collapse-wrapper"},l.createElement(i.tU,{className:"secondary-tabs email-settings__collapse discuss-ai-wrapper",size:"large",activeKey:h.z$,tabBarExtraContent:l.createElement(i.m_,{placement:"top",title:w("Clear chat")},l.createElement(i.iS,{description:w("Clear chat history?"),onConfirm:so,okText:w("Yes"),cancelText:w("No"),icon:"",placement:"leftTop",title:!1},l.createElement(i.$n,{type:"text",icon:l.createElement(u.A,{icon:"ClearChat",style:{fontSize:16}}),style:{marginRight:16}}))),items:[{label:l.createElement(l.Fragment,null,w("AI assistant")),key:h.z$,forceRender:!0,className:"email-settings__collapse-panel",children:Fe\|\|window.localStorage.getItem(h.V0.em_active_tab)?l.createElement(Fl,{messages:St.length>0?St:[{data:{role:"assistant",message:"\u043f\u0435\u0447\u0430\u0442\u0430\u0435\u0442",isLoading:!0}}],newEmailAiGeneratorRef:qe}):l.createElement("div",{className:"aside-content-wrapper"},e.hasOwnProperty("type")?l.createElement(i.Fc,{description:w("Save the block before commenting."),type:"info",showIcon:!0,style:{marginBottom:20}}):l.createElement(i.Fc,{description:w("Save the email before commenting."),type:"info",showIcon:!0,style:{marginBottom:20}}))}]})))}),L.optimizeEnabled&&ro.push({disabled:dt,label:l.createElement(i.m_,{styles:{body:{border:"2px dot-dash red"}},placement:"left",title:T("Optimize","tab")},l.createElement(u.A,{"data-testid":"optimizeIcon",icon:"Speed",size:24,strokeWidth:L.iconStrokeWidth}),Pe&&l.createElement(u.A,{icon:"Lock",size:14,strokeWidth:L.iconStrokeWidth,className:"free-mode-firewall-icon free-mode-firewall-icon_emailpane"})),key:h.N7,className:"em-analytics__email-tab-optimise",style:{height:L.sidePanelFloating?X&&"bottom"===q?qt:"calc(100% - 30px)":"100%",overflow:"hidden"},children:l.createElement("div",{className:"email-pane__collapse-wrapper"},l.createElement(i.tU,{className:"secondary-tabs secondary-tabs_optimise email-settings__collapse optimise-wrapper",size:"large",activeKey:h.N7,items:[{label:l.createElement(l.Fragment,null,w("Optimize")),key:h.N7,forceRender:!0,className:"email-settings__collapse-panel",children:l.createElement(il,null)}]}))}),L.settingsEnabled&&ro.push({disabled:dt,label:l.createElement(i.m_,{placement:"left",title:T("Settings","tab")},l.createElement("span",null,l.createElement(u.A,{"data-testid":"settingsIcon",icon:"SettingOutlined",size:24,strokeWidth:L.iconStrokeWidth}))),key:h.zx,className:"em-analytics__email-tab-edit",style:{height:L.sidePanelFloating?X&&"bottom"===q?qt:"calc(100% - 30px)":"100%",overflow:"hidden"},children:l.createElement("div",{className:"email-pane__collapse-wrapper"},l.createElement(Hl,{email:e}))});const[mo,co]=(0,l.useState)([]),[uo,po]=(0,l.useState)(!1),[go,bo]=(0,l.useState)(0),[ho,vo]=(0,l.useState)(0),fo=(null===(_=ye.querySelector(".email-pane__col_preview"))\|\|void 0===_?void 0:_.getBoundingClientRect().width)-(L.sidePanelFloating?0:38),[Eo,_o]=(0,l.useState)(null);(0,l.useEffect)(()=>{Fe&&Ot(Fe)},[Fe,Ot]),(0,l.useEffect)(()=>{const e=x.onInit(()=>{x.send({operation:h.Ru.SANDBOX_LOCK_EDIT,data:!1}),x.send({operation:h.Ru.SANDBOX_LOCK_DISCUSS,value:uo})});return()=>e.dispose()},[uo,x]),(0,l.useEffect)(()=>{if(mo.length<2){const e=null===le\|\|void 0===le?void 0:le.getBoundingClientRect(),t=setInterval(o,50);function o(){x.isInited()&&e&&(Tt(),clearInterval(t))}co(e=>[...e,t])}return clearInterval(mo[mo.length-1])},[mo,le,Tt,x]);const So=(0,l.useCallback)((e=G)=>{var t;x.send({operation:h.Ru.SANDBOX_IFRAME_SETSIZE,settings:{iframeWidth:e+2}}),null===(t=He.current)\|\|void 0===t\|\|t.resize()},[G,x]);(0,l.useEffect)(()=>{if(po(z===h.hc),z!==h.rb){var e;const t=ye.querySelector(".email-pane__row"),o=null===t\|\|void 0===t?void 0:t.getBoundingClientRect().width;(null===je\|\|void 0===je\|\|null===(e=je.current)\|\|void 0===e?void 0:e.getBoundingClientRect().width)+540>o&&C((0,tt.vc)("100%"))}},[C,z,ye]);const yo=(0,l.useCallback)(()=>{const e=je.current;e&&(e.style.borderWidth="1px",L.sidePanelFloating\|\|(e.style.marginLeft="-1px",e.style.marginRight="-1px"),e.style.borderLeftColor=null,e.style.borderRightColor=null)},[L.sidePanelFloating]),wo=(0,l.useCallback)(e=>{const t=eo.current;Ao(!1),Eo&&(setTimeout(()=>So(),50),_o(null)),e.target.classList.contains("email-pane__handle")\|\|yo(),window.localStorage.setItem(h.V0.em_code_mode_pane_sizes,JSON.stringify(t))},[So,Eo,eo.current,yo]),Ro=e=>t=>{t.target.classList.contains("email-pane__handle")&&(t.preventDefault(),bo(t.target.parentNode.offsetWidth),vo(t.pageX),_o(e),Rt(e))},To=e=>{const t=je.current;"string"!==typeof e\|\|Eo&&Eo!==e?Eo\|\|(yo(),ye.querySelector(".email-pane__iframe").style.width="1px",ye.querySelector(".email-pane__iframe").style.removeProperty("margin-left")):(ye.querySelector(".email-pane__iframe").style.width="calc(100% + 1px)","right"===e?(t.style.borderRightColor=O.colorPrimary,t.style.borderRightWidth="2px"):(t.style.borderLeftColor=O.colorPrimary,t.style.borderLeftWidth="2px",ye.querySelector(".email-pane__iframe").style.marginLeft="-1px"))},[xo,Ao]=(0,l.useState)(!1),No=(0,l.useCallback)(e=>{if(!Eo)return;let t=2(e.pageX-ho),o=go+("left"===Eo?-t:t);const l=Math.min(fo,k);if(o>318&&o<l){var i;const e=Math.min(o,k);C((0,tt.vc)(e)),"number"===typeof e&&e<=425?te\|\|oe(!0):te&&oe(!1),null===(i=He.current)\|\|void 0===i\|\|i.resize()}},[C,go,ho,Eo,fo,te,oe]),Po=(0,l.useCallback)(e=>{if(xo)if("bottom"===q){const t=$e.current.getBoundingClientRect().height,o=$e.current.getBoundingClientRect().top,l=(e.clientY-o)/t100;if(l<20\|\|l>80)return;Zt(l),Yt()}else{const t=$e.current.getBoundingClientRect().width,o=$e.current.getBoundingClientRect().left,l=(e.clientX-o)/t100,i=je.current.getBoundingClientRect().width;if(L.desktopMobileSwitchPanel&&"number"===typeof i&&i<=425&&(C((0,tt.vc)(425)),te\|\|oe(!0)),l<20\|\|l>80)return;Zt(l)}},[xo,q,Yt,te,C,L.desktopMobileSwitchPanel,oe]);(0,l.useEffect)(()=>{Yt()},[X,Yt]);const Lo=t=>{const o="number"===typeof t?Math.min(t,k):t;C((0,tt.vc)(o)),setTimeout(()=>So(o),700),"number"===typeof o&&o<=425?te\|\|oe(!0):te&&oe(!1);const l="number"===typeof o?o:"100%"===o?"full":o,i="number"===typeof o&&o<=425?"mobile":"desktop";M({event:"change",action:"change_email_size",email_id:(null===e\|\|void 0===e?void 0:e.id)\|\|A\|\|I,project_id:(null===V\|\|void 0===V?void 0:V.id)\|\|N,width:l,view_type:i})};(0,l.useEffect)(()=>{const e=new R.jG;return e.addDisposable((0,at.a)(ye,"click",Nt)),e.addDisposable((0,at.a)(ye,"mouseup",e=>wo(e,Jt),!0)),()=>{e.dispose()}},[ye,Nt]),(0,l.useEffect)(()=>(window.addEventListener("scroll",Yt,!0),window.addEventListener("mousemove",No,!0),window.addEventListener("mousemove",Po),window.addEventListener("keydown",At),()=>{window.removeEventListener("mousemove",No,!0),window.removeEventListener("mousemove",Po),window.removeEventListener("scroll",Yt,!0),window.removeEventListener("keydown",At)}));const[Oo,Fo]=(0,l.useState)(L.emailPaneDesktopSize\|\|G);(0,l.useEffect)(()=>{L.emailPaneDesktopSize&&C((0,tt.vc)(L.emailPaneDesktopSize))},[C,L.emailPaneDesktopSize]),(0,l.useEffect)(()=>{Fo(X&&"bottom"!==q&&!te&&L.desktopMobileSwitchPanel?"100%":G)},[C,L.emailPaneDesktopSize,X,q,te,L.desktopMobileSwitchPanel,G]);return(0,l.useEffect)(()=>{p&&(wt(h.nA),jt("project"))},[p]),l.createElement(i.Layout,{className:m()("email-pane",{"email-pane_code-mode":X,"email-pane_only_code_mode_mobile":L.onlyCodeModeInMobile,"email-pane_code-mode-bottom":X&&"bottom"===q,"email-pane_no-element-navigation":!L.switchDesktopMobilePropsEnabled&&!L.stepToOtherElementEnabled&&!L.deleteButtonEnabled,"email-pane_is-mobile":te,"email-pane_path-enabled":L.pathEnabled})},l.createElement(Ol,{className:"email-pane__container",ref:Ue},((null===Ve\|\|void 0===Ve?void 0:Ve.type)===h.bV.TEXT\|\|(null===Ve\|\|void 0===Ve?void 0:Ve.type)===h.bV.LINK\|\|Ve.type===h.bV.IMG\|\|Ve.type===h.bV.BUTTON)&&X&&"bottom"!==q&&l.createElement(ko,{className:m()("selected-element-panel__content selected-element-panel__content_abs",{"selected-element-panel__hidden":Ve.type===h.bV.IMG}),emailElementType:Me,formSettings:De}),fe&&te&&l.createElement(i.Fc,{message:w("Template is not mobile-friendly"),description:w("While editing, some elements of the email no longer fit the screen of the mobile device. Check that these elements are set to a smaller width for mobile devices."),type:"warning",className:"email-pane__col__alert",closable:!0}),_e&&h.EW.isPlugin&&L.templateNotEmAlertShow&&l.createElement(i.Fc,{message:w("Template from another editor"),description:w("This template was created in another editor. Rebuild it from our components to get stable rendering, error-free editing, and full design control."),type:"warning",className:"email-pane__col__alert",closable:!0}),l.createElement(i.fI,{ref:$e,className:m()("email-pane__row",{"email-pane__left":X&&"right"===q,"email-pane__right":X&&"left"===q,"email-pane__bottom":X&&"bottom"===q,"email-pane__sizeSwitcher":L.desktopMobileSwitchPanel,"email-pane__reverse":"left"===L.menuDirection,"email-pane__pinch":!L.sidePanelFloating})},l.createElement(i.fv,{style:{flexGrow:1,overflowY:L.sidePanelFloating?"scroll":"hidden",overflowX:"hidden",height:X&&"bottom"===q?`calc(${Jt}%)`:"100%",width:`${"left"===q?100-Jt:"bottom"===q?100:Jt}%`},id:"pane-content-wrapper",ref:L.sidePanelFloating?Ge:null},l.createElement("div",{className:"email-pane__iframe-scroll-top",id:"iframe-scroll-top"}),L.desktopMobileSwitchPanel&&l.createElement(i.$x,{className:"email-pane__sizes-panel-wrapper",direction:"vertical",size:10},l.createElement(i.$x,{className:"email-pane__sizes-panel",size:0},l.createElement(i.m_,{title:w("Desktop view"),placement:"top",open:Ke},l.createElement(i.$n,{type:te?"text":"primary",icon:l.createElement(u.A,{icon:"DesktopOutlined",size:18,strokeWidth:L.iconStrokeWidth}),shape:"circle",onClick:()=>Lo(L.emailPaneDesktopSize\|\|1e3),className:"toggle_view desktop_view"})),l.createElement(i.m_,{title:w("Mobile view"),placement:"top",open:Qe},l.createElement(i.$n,{type:te?"primary":"text",icon:l.createElement(u.A,{icon:"MobileOutlined",size:18,strokeWidth:L.iconStrokeWidth}),shape:"circle",onClick:()=>Lo(425),className:"toggle_view mobile_view"}))),L.codeSideEnabled&&l.createElement(i.m_,{title:w("Code mode"),placement:"right"},l.createElement(i.$n,{type:X?"primary":"default",icon:l.createElement(u.A,{icon:"Code"}),shape:"circle",onClick:()=>(t=>{const o=X?"visual":"code",l=!X;if(X?C((0,tt.vs)()):"string"===typeof t?(C((0,tt.Uf)(t)),!X&&C((0,tt.vs)())):C((0,tt.vs)()),l){const o=Me===h.IE?"block":"email",l="string"===typeof t?t:q\|\|"toggle";M({event:"activate",action:"activate_code_mode",entity_type:o,entity_id:(null===e\|\|void 0===e?void 0:e.id)\|\|A\|\|I,project_id:(null===V\|\|void 0===V?void 0:V.id)\|\|N,code_mode_direction:l})}M({event:"change",action:"change_editor_mode",editor_mode:o,entity_id:(null===e\|\|void 0===e?void 0:e.id)\|\|A\|\|I,project_id:(null===V\|\|void 0===V?void 0:V.id)\|\|N}),C((0,tt.Fk)()),setTimeout(()=>{Me===h.IE?C((0,Te.A9)({type:null})):C((0,f.A9)({type:null}))},300),x.send({operation:h.Ru.SANDBOX_ELEMENT_ACTIVE_RESET}),C((0,Il.rI)())})("right")}))),l.createElement(i.fI,{className:m()("email-pane__col-wrapper",{container:X&&"bottom"===q\|\|!X,"email-pane__col-wrapper_reverse":"left"===L.menuDirection,"email-pane__col-wrapper_pinch":!L.sidePanelFloating}),style:{flexGrow:1,maxWidth:"unset",paddingTop:L.desktopMobileSwitchPanel&&X&&"bottom"!==q?"60px":""}},l.createElement(i.fv,{className:"email-pane__col email-pane__col_preview",style:{flexGrow:1,maxWidth:"unset"},ref:L.sidePanelFloating?null:Ge},L.desktopMobileSwitchRule&&l.createElement("div",{className:`email-pane__sizes ${Ft}`},l.createElement("div",{className:"email-pane__width-selectors-wrapper"},l.createElement("div",{className:"device-width__full",style:{flexGrow:1},onMouseEnter:()=>{Mt("device-width__full-hovered"),Dt(w("Desktop"))},onMouseLeave:()=>{Mt(""),Dt("")},onClick:()=>Lo(1200)}),l.createElement("div",{className:"device-width__768",style:{width:171},onMouseEnter:()=>{Mt("device-width__768-hovered"),Dt(w("Small desktop \u2013 768px"))},onMouseLeave:()=>{Mt(""),Dt("")},onClick:()=>Lo(768)}),l.createElement("div",{className:"device-width__425",style:{width:25},onMouseEnter:()=>{Mt("device-width__425-hovered"),Dt(w("Mobile L \u2013 425px"))},onMouseLeave:()=>{Mt(""),Dt("")},onClick:()=>Lo(425)}),l.createElement("div",{className:"device-width__375",style:{width:28},onMouseEnter:()=>{Mt("device-width__375-hovered"),Dt(w("Mobile M \u2013 375px"))},onMouseLeave:()=>{Mt(""),Dt("")},onClick:()=>Lo(375)}),l.createElement("div",{className:"device-width__320",style:{width:320},onMouseEnter:()=>{Mt("device-width__320-hovered"),Dt(w("Mobile S \u2013 320px"))},onMouseLeave:()=>{Mt(""),Dt("")},onClick:()=>Lo(320)},Vt),l.createElement("div",{className:"device-width__375",style:{width:28},onMouseEnter:()=>{Mt("device-width__375-hovered"),Dt(w("Mobile M \u2013 375px"))},onMouseLeave:()=>{Mt(""),Dt("")},onClick:()=>Lo(375)}),l.createElement("div",{className:"device-width__425",style:{width:25},onMouseEnter:()=>{Mt("device-width__425-hovered"),Dt(w("Mobile L \u2013 425px"))},onMouseLeave:()=>{Mt(""),Dt("")},onClick:()=>Lo(425)},l.createElement(i.m_,{title:w("Mobile view"),placement:"bottom"},l.createElement(i.$n,{type:"default",icon:l.createElement(u.A,{icon:"MobileOutlined",size:16,strokeWidth:2}),size:"small",shape:"circle",style:{right:-12,top:4,zIndex:999,padding:0,position:"absolute",onClick:()=>Lo(425)}}))),l.createElement("div",{className:"device-width__768",style:{width:171},onMouseEnter:()=>{Mt("device-width__768-hovered"),Dt(w("Small desktop \u2013 768px"))},onMouseLeave:()=>{Mt(""),Dt("")},onClick:()=>Lo(768)},l.createElement(i.m_,{title:w("Desktop view"),placement:"bottom"},l.createElement(i.$n,{type:"default",icon:l.createElement(u.A,{icon:"DesktopOutlined",size:16,strokeWidth:2}),size:"small",shape:"circle",style:{right:-12,top:4,zIndex:999,padding:0,position:"absolute",onClick:()=>Lo(768)}}))),l.createElement("div",{className:"device-width__full",style:{flexGrow:1},onMouseEnter:()=>{Mt("device-width__full-hovered"),Dt(w("Desktop"))},onMouseLeave:()=>{Mt(""),Dt("")},onClick:()=>Lo(1200)}))),l.createElement("div",{className:m()("email-pane__resizable",{"email-pane__resizable_drag":Eo\|\|xo}),style:{maxWidth:"number"===typeof Oo?Math.min(Oo,k):k}},l.createElement("div",{className:"email-pane__handle left",onMouseDown:Ro("left"),onMouseEnter:()=>To("left"),onMouseLeave:To}),l.createElement("div",{className:"email-pane__handle right",onMouseDown:Ro("right"),onMouseEnter:()=>To("right"),onMouseLeave:To}),l.createElement("div",{className:m()("email-pane__content-col email-pane__content-col_main",{"email-pane__content-col_disable":Eo\|\|xo}),ref:je,id:"pane-content-iframe"},l.createElement(zl,{ref:He,className:"email-pane__iframe",email:e,handlerSendPosition:Yt})))),l.createElement(i.fv,{style:{display:X&&"bottom"!==q\|\|L.disableSideMenu?"none":"initial"},ref:Xt,className:m()("email-pane__content-col email-pane__content-col_menu email-pane__content-col_tabs email-pane__col email-pane__col_settings",{"email-pane__col_disabled":z===h.rb})},(!X\|\|"bottom"===q)&&l.createElement(i.tU,{className:m()("email-pane__col_settings-inner",{"email-pane__col_settings-inner_reverse":"left"===L.menuDirection}),size:"middle",activeKey:z,onTabClick:t=>{ye.querySelector(".atoms__list");if(h.Bv,L.toggleSidePanel&&t===z?C((0,tt.PM)(h.rb)):"Optimize"===t?(0,R.Z1)(w,P):t!==h.yI&&t!==h.Vv?(C((0,tt.PM)(t)),M({event:"navigate",action:"navigate_email_pane_tab",tab_name:t===h.rb?"DISABLED_TAB":t,entity_id:(null===e\|\|void 0===e?void 0:e.id)\|\|A\|\|I,project_id:(null===V\|\|void 0===V?void 0:V.id)\|\|N}),x.send({operation:h.Ru.SANDBOX_LOCK_EDIT,data:!1}),x.send({operation:h.Ru.SANDBOX_ELEMENT_ACTIVE_RESET}),pe([])):t!==h.yI&&t!==h.Vv\|\|M({event:"navigate",action:"navigate_email_pane_tab",tab_name:t,entity_id:(null===e\|\|void 0===e?void 0:e.id)\|\|A\|\|I,project_id:(null===V\|\|void 0===V?void 0:V.id)\|\|N}),Pe&&("Discuss"===t\|\|"Optimise"===t\|\|"AiChat"===t))switch(st(!0),t){case"Discuss":ct(7);break;case"Optimise":ct(6);break;case"AiChat":ct(9);break;default:ct(0)}},renderTabBar:Ll,tabPosition:"right",items:ro,tabBarExtraContent:Oe&&l.createElement("div",{style:{paddingTop:15,textAlign:"center"}},H\|\|(null===(S=W.id)\|\|void 0===S?void 0:S.toString())!==(null===V\|\|void 0===V\|\|null===(y=V.members)\|\|void 0===y?void 0:y.owner.ID)?l.createElement(i.dO,{variant:"editorMode",checkedChildren:"Pro",unCheckedChildren:"Pro",onChange:Ut,defaultChecked:gt}):l.createElement(i.dO,{variant:"editorMode",checkedChildren:"Pro",unCheckedChildren:"Pro",onChange:Ut,checked:ut}))}))),l.createElement("div",{className:"email-pane__iframe-scroll-bottom",id:"iframe-scroll-bottom"})),l.createElement(i.fv,{style:{width:`${"right"===q?100-Jt:"bottom"===q?100:Jt}%`,position:"relative",height:"bottom"===q?`calc(${100-Jt}%)`:"unset",display:X?"initial":"none"}},l.createElement("div",{className:"email-pane__code-divider",onMouseDown:()=>Ao(!0)}),l.createElement("div",{className:"code-mode__pane code-mode__pane_editor email-pane__pane email-pane__pane_editor"},l.createElement("div",{className:"code-mode__pane-content email-pane__pane-content"},l.createElement(Dl,{email:e,setOtherUsers:ve,readOnly:L.lockEditor,newEmailAiGeneratorRef:qe}))))),L.pathEnabled&&l.createElement("div",{className:"email-pane__paths"},l.createElement(Co.A,{elementPath:ue}),l.createElement(i.m_,{placement:"left",title:w(Ce?"The code size exceeds the recommended value 90kB":"Code size")},l.createElement("span",{className:m()("email-pane__code-size",{"email-pane__code-size_exceeded":Ce})},Ne))),l.createElement("div",{className:"collaborator-list"},l.createElement(Bl.b,{users:he,isEditor:h._P.isEditor,isPlugin:h.EW.isPlugin,token:O}))),"img"===(null===De\|\|void 0===De?void 0:De.type)&&X&&"bottom"!==q&&l.createElement("div",{className:"email-pane__collapse-wrapper email-pane__collapse-wrapper_disabled"},l.createElement(Bo,{email:e,formSettings:De})),l.createElement(wl,null),l.createElement(al.A,{open:dt,onCancel:()=>{X&&C((0,tt.vs)()),C((0,tt.Fk)()),C((0,it.bc)("simple")),pt(!1),st(!1),M({event:"change",action:"change_config_mode",config_mode:"simple",entity_id:(null===e\|\|void 0===e?void 0:e.id)\|\|A\|\|I,project_id:(null===V\|\|void 0===V?void 0:V.id)\|\|N})},initialSlide:mt}),l.createElement(i.aF,{title:w("Warning"),open:ge,onOk:so,onCancel:()=>{be(!1)}},l.createElement("p",null,w("Clear chat history?"))))}},32495:(e,t,o)=>{o.d(t,{A:()=>C});var l=o(1936),i=o(69622),a=o(71715),n=o(84075),r=o(48155),d=o.n(r),s=o(47706),m=o(87826),c=o(96040),u=o(81644),p=o(6403),g=o(78443),b=o(98173),h=o(40867),v=o(52898),f=o(68069),E=o(22817),_=o(89591),S=o(60791),y=o(44004),k=o(93506),w=o(2896),B=o(7959),R=o(7714),T=o(7314),x=o(942),A=o(91480),I=o(65185),N=o(65893);const C=({emailElement:e,isCollaborationEditor:t})=>{var o,r,C,P;const{__:L}=(0,s.s9)(),O=(0,a.wA)(),F=(0,R.XW)(),{emailId:M,blockId:V}=(0,n.g)(),D=(0,a.d4)(g.cL),[z,W]=(0,l.useState)(!1),[H,j]=(0,y.Zf)(),G=(0,n.Zp)(),U=(0,a.d4)(b.C1),[$]=(0,_.YE)(M),[X]=(0,S.lx)(V),{owner:q}=(0,B.A)(),K=(0,T.fn)(),Y=(0,T.aD)(K),Q=(0,T.TW)(K),J=(0,a.d4)(h.Wm),Z=(0,a.d4)(h.Fv),ee=(0,a.d4)(h.yy),{token:te}=(0,i.rd)(),{modal:oe}=i.qw.useApp(),le=(0,p.hN)(),{confirm:ie}=oe,ae=(0,x.rD)(),ne=e.hasOwnProperty("type")?k.IE:k.Tm,re=(0,I.ml)(N.AZ.ON_SHARE_ID),de=(0,I.ml)(N.AZ.ON_SHOW_PREVIEW_ID),[se,me]=(0,l.useState)(!1),[ce,ue]=(0,l.useState)(0),pe=(0,a.d4)(E.yN);let ge=!(0,a.d4)(b.B$)&&(null===(o=U.id)\|\|void 0===o?void 0:o.toString())===(null===pe\|\|void 0===pe\|\|null===(r=pe.members)\|\|void 0===r?void 0:r.owner.ID);const be=(0,A.u)(),he=M?"emailId":"blockId",ve=null===e\|\|void 0===e?void 0:e.project,fe=t=>{const o=ne===k.IE?"block":"email";"string"===typeof t?(O((0,h.Uf)(t)),!Z&&O((0,h.vs)())):O((0,h.vs)()),be({event:"activate",action:"activate_code_mode",entity_type:o,entity_id:(null===e\|\|void 0===e?void 0:e.id)\|\|M\|\|V,project_id:(null===e\|\|void 0===e?void 0:e.project)\|\|ve}),setTimeout(()=>{ne===k.IE?O((0,f.A9)({type:null})):O((0,v.A9)({type:null}))},300),F({operation:k.Ru.SANDBOX_ELEMENT_ACTIVE_RESET}),ge&&(me(!0),ue(1))},Ee=(0,l.useCallback)(()=>{ie({title:L("Available on the Personal plan and higher."),icon:l.createElement(c.A,{icon:"ExclamationCircleOutlined"}),content:l.createElement("div",{style:{maxWidth:"330px"}},L("Upgrade your plan to use this feature")),centered:!0,okText:L("Choose your plan"),cancelText:L("Close & continue"),width:"unset",onOk(){G("/billing")},onCancel(){}})},[G,L,ie]);(0,l.useEffect)(()=>{j.isError&&(le.error(j),W(!1))},[j]),(0,l.useEffect)(()=>{if(j.isSuccess&&z){var e;if(401===(null===(e=j.data)\|\|void 0===e?void 0:e.status))le.error({message:j.data.code,description:j.data.message});else if(j.data){let e=document.createElement("A");e.setAttribute("target","_blank"),e.setAttribute("href",j.data.message),e.click()}W(!1)}},[j,z,le]);const[_e,Se]=(0,l.useState)(!1),ye=()=>{F({operation:k.Ru.SANDBOX_LOCK_EDIT,data:J}),O((0,h.mi)(!J))},ke=M?$:X;let we=[];const Be=(0,l.useCallback)(async()=>{const t=await de.fire({project:ve,id:M});!1!==t.find(e=>!1===e\|\|"string"===typeof e)&&(window.open(t.find(e=>e)\|\|`/email/${M}/raw?key=${d()(`${ve}${M}${k.KI}`)}`),be({event:"click",action:"open_email_preview",entity_type:ne===k.IE?"block":"email",entity_id:(null===e\|\|void 0===e?void 0:e.id)\|\|M\|\|V,project_id:(null===e\|\|void 0===e?void 0:e.project)\|\|ve}))},[de,ve,M,be,ne,e,V]),Re=(0,l.useCallback)(async()=>{window.open(`/getemail/${M}?secret_hash=${d()(`${ve}${M}${k.KI}`)}&raw=true`),be({event:"click",action:"open_web_version",entity_type:ne===k.IE?"block":"email",entity_id:(null===e\|\|void 0===e?void 0:e.id)\|\|M\|\|V,project_id:(null===e\|\|void 0===e?void 0:e.project)\|\|ve})},[ve,M,be,ne,e,V]);ae.previewModeEnabled&&we.push({key:"Preview_mode",icon:l.createElement(c.A,{icon:"EyeOutlined",size:18,strokeWidth:ae.iconStrokeWidth}),label:L("Preview mode"),onClick:Be}),ae.livePreviewEnabled&&we.push({key:"Live_preview",icon:z?l.createElement(c.A,{icon:"LoadingOutlined",style:{fontSize:16}}):l.createElement(c.A,{icon:"CheckCircleVerified",size:18,strokeWidth:ae.iconStrokeWidth}),label:L("Live preview"),onClick:(null===(C=U.id)\|\|void 0===C?void 0:C.toString())===(null===(P=e.project_author)\|\|void 0===P?void 0:P.toString())&&"community"===U.subscription.post_name&&q?Ee:()=>{if(!z){const t={email:M,subject:encodeURIComponent("#"+e.project+" "+e.title).replaceAll(/%20/gi,"+").replaceAll(/%0A/gi,"%0D%0A"),content:encodeURIComponent((null===K\|\|void 0===K?void 0:K.getValue())\|\|"").replaceAll(/%20/gi,"+").replaceAll(/%0A/gi,"%0D%0A")};H(t),W(!0),be({event:"click",action:"open_email_inbox_tests",entity_type:ne===k.IE?"block":"email",entity_id:(null===e\|\|void 0===e?void 0:e.id)\|\|M\|\|V,project_id:(null===e\|\|void 0===e?void 0:e.project)\|\|ve})}}}),ae.webversionEnabled&&we.push({key:"Web version",icon:l.createElement(c.A,{icon:"Web",size:18,strokeWidth:ae.iconStrokeWidth}),label:L("Web version"),onClick:Re}),ae.sharePreviewEnabled&&we.push({key:"Share",icon:l.createElement(c.A,{icon:"ShareAltOutlined",size:18,strokeWidth:ae.iconStrokeWidth}),label:L("Share"),onClick:async()=>{const t=(await re.fire({project:ve,id:M})).find(e=>!1===e\|\|"string"===typeof e);!1!==t&&navigator.clipboard.writeText(t\|\|`https://app.emailmaker.ru/email/${M}/raw?key=${d()(`${ve}${M}${k.KI}`)}`).then(()=>{le.success(L("A shareable link to this page has been copied to the clipboard.")),be({event:"click",action:"share_email",entity_type:ne===k.IE?"block":"email",entity_id:(null===e\|\|void 0===e?void 0:e.id)\|\|M\|\|V,project_id:(null===e\|\|void 0===e?void 0:e.project)\|\|ve})})},className:"em-analytics__email-share"});const Te=[{key:"Left_mode",icon:l.createElement(c.A,{icon:"PanelLeft",size:18,strokeWidth:ae.iconStrokeWidth,style:{color:"left"===ee&&Z?te.colorPrimary:"inherit"}}),label:L("Left Code panel"),onClick:()=>fe("left")},{key:"Right_mode",icon:l.createElement(c.A,{icon:"PanelLeft",size:18,strokeWidth:ae.iconStrokeWidth,style:{transform:"rotate(180deg)",color:"right"===ee&&Z?te.colorPrimary:"inherit"}}),label:L("Right Code panel"),onClick:()=>fe("right")},{key:"Bottom_mode",icon:l.createElement(c.A,{icon:"PanelLeft",size:18,strokeWidth:ae.iconStrokeWidth,style:{transform:"rotate(-90deg)",color:"bottom"===ee&&Z?te.colorPrimary:"inherit"}}),label:L("Bottom Code panel"),onClick:()=>fe("bottom")}];return l.createElement("div",{className:"email-preview-menu email-preview-menu_new"},l.createElement(i.$x,{size:32},l.createElement(i.$x,{className:"email-preview-menu__versions",size:8,style:{borderRadius:"calc(var(--borderRadius) * 1px"}},l.createElement(i.m_,{title:L(t?w.LJ:"Undo (Ctrl+Z)"),placement:"bottom"},l.createElement(i.$n,{type:"text",icon:l.createElement(c.A,{icon:"UndoOutlined",size:22,strokeWidth:ae.iconStrokeWidth}),onClick:()=>{Y.undo()},disabled:!Q.canUndo})),l.createElement(i.m_,{title:L(t?w.LJ:"Redo (Ctrl+Shift+Z)"),placement:"bottom"},l.createElement(i.$n,{type:"text",icon:l.createElement(c.A,{icon:"RedoOutlined",size:22,strokeWidth:ae.iconStrokeWidth}),onClick:()=>{Y.redo()},disabled:!Q.canRedo})),ae.historyEnabled&&l.createElement(i.m_,{title:L("Version history"),placement:"bottom"},l.createElement(i.$n,{type:J?"text":"primary",ghost:!J,onClick:()=>{J?(Se(!0),ke({[he]:null===e\|\|void 0===e?void 0:e.id}).then(t=>{t.isSuccess?0!==t.data.data.length\|\|k.EW.isPlugin\|\|le.error({message:L("No history records available.")}):t.isError&&le.error(t),ye(),O((0,h.PM)(k.Vv)),Se(!1),be({event:"open",action:"open_version_control",entity_type:ne===k.IE?"block":"email",entity_id:(null===e\|\|void 0===e?void 0:e.id)\|\|M\|\|V,project_id:(null===e\|\|void 0===e?void 0:e.project)\|\|ve}),ge&&(me(!0),ue(4))})):(O((0,h.Fk)()),ye())},disabled:e.isNew\|\|_e,className:"email-preview-menu__history",icon:_e?l.createElement(i.tK,{size:"small"}):l.createElement(l.Fragment,null,l.createElement(c.A,{icon:"HistoryOutlined",size:22,strokeWidth:ae.iconStrokeWidth,className:"email-preview-menu__list-item-icon email-preview-menu__list-item-icon_revert"}),ge&&l.createElement(c.A,{icon:"Lock",size:14,strokeWidth:ae.iconStrokeWidth,className:"free-mode-firewall-icon"}))}))),l.createElement(i.$x,{size:8,style:{borderRadius:"calc(var(--borderRadius) * 1px"}},ae.codeEnabled&&l.createElement(i.ms,{arrow:!0,key:"Code mode",placement:"bottom",menu:{items:Te},trigger:"hover",mouseEnterDelay:0,className:"email-preview-menu__code"},l.createElement(i.$n,{type:Z?"primary":"text",ghost:Z,icon:l.createElement(l.Fragment,null,l.createElement(c.A,{icon:"Code",size:22,strokeWidth:ae.iconStrokeWidth}),ge&&l.createElement(c.A,{icon:"Lock",size:14,strokeWidth:ae.iconStrokeWidth,className:"free-mode-firewall-icon"})),onClick:fe})),ae.previewIconEnabled&&(ge?l.createElement(i.m_,{title:L("Preview mode"),placement:"bottom"},l.createElement(i.$n,{type:"text",icon:l.createElement(l.Fragment,null,l.createElement(c.A,{icon:"EyeOutlined",size:22,strokeWidth:ae.iconStrokeWidth,className:"email-preview-menu__list-item-icon"}),l.createElement(c.A,{icon:"Lock",size:14,strokeWidth:ae.iconStrokeWidth,className:"free-mode-firewall-icon"})),onClick:()=>{me(!0),ue(7)}})):l.createElement(i.ms,{arrow:!0,key:"Preview",placement:"bottom",menu:{items:we},className:"email-preview-menu__preview"},l.createElement(i.$n,{type:"text",target:"_blank",rel:"noreferrer",icon:l.createElement(c.A,{icon:"EyeOutlined",size:22,strokeWidth:ae.iconStrokeWidth,className:"email-preview-menu__list-item-icon"}),onClick:ae.previewModeEnabled?Be:void 0}))),ae.sendTestEnabled&&l.createElement(i.m_,{title:L("Send a test email"),placement:"bottom"},l.createElement(i.$n,{className:"em-analytics__email-open-test email-preview-menu__test",type:"text",icon:l.createElement(c.A,{icon:"SendOutlined",size:22,strokeWidth:ae.iconStrokeWidth,className:"email-preview-menu__list-item-icon"}),onClick:()=>{O((0,g.qf)(k.lx.SEND_TEST_EMAIL)),be({event:"open",action:"open_test_email_modal",entity_type:ne===k.IE?"block":"email",entity_id:(null===e\|\|void 0===e?void 0:e.id)\|\|M\|\|V,project_id:(null===e\|\|void 0===e?void 0:e.project)\|\|ve})}})))),l.createElement(m.A,{isModalVisible:D===k.lx.SEND_TEST_EMAIL,email:e}),l.createElement(u.A,{open:se,onCancel:()=>{J\|\|(ye(),O((0,h.Fk)())),Z&&O((0,h.vs)()),me(!1)},initialSlide:ce}))}},32420:(e,t,o)=>{o.d(t,{A:()=>W});var l=o(1936),i=o(69622),a=o(74291),n=o(88260),r=o(84075),d=o(71715),s=o(6056),m=o.n(s),c=o(42414),u=o(73378),p=o(58700),g=o(13386),b=o(12650),h=o(96040),v=o(22574),f=o(47706),E=o(6403),_=o(89591),S=o(78443),y=o(93506);const k=({email:e,onUpdated:t})=>{const{__:o}=(0,f.s9)(),a=(0,d.wA)(),[n]=i.lV.useForm(),r=(0,l.useRef)(null),s=(0,E.hN)(),m=(0,d.d4)(S.cL)===y.lx.RENAME_EMAIL_MODAL,[c,u]=(0,_.dN)(),{id:p=null,title:g=""}=e\|\|{};(0,l.useEffect)(()=>{m&&(n.setFieldsValue({name:g}),setTimeout(()=>{var e;return null===(e=r.current)\|\|void 0===e?void 0:e.focus()},0))},[m,g,n]);const b=(0,l.useCallback)(()=>a((0,S.Oo)()),[a]),h=(0,l.useCallback)(()=>{n.validateFields().then(({name:e})=>{const l=(e\|\|"").trim();l?c({emailId:p,title:l}).then(e=>{var l,i;null!==e&&void 0!==e&&e.error?s.error({message:null===(l=e.error.data)\|\|void 0===l?void 0:l.code,description:null===(i=e.error.data)\|\|void 0===i?void 0:i.message}):(s.success({message:o("The email was successfully renamed.")}),t&&t(),b())}):s.error({message:o("Title should not be empty")})})},[n,s,o,c,p,t,b]),v=(0,l.useMemo)(()=>({color:"var(--colorTextSecondary)"}),[]),k=(0,l.useMemo)(()=>l.createElement("span",{style:v},o("Email name")),[o,v]),w=(0,l.useMemo)(()=>[{required:!0,message:o("Please enter the email name")}],[o]),B=(0,l.useMemo)(()=>({remember:!1,name:g}),[g]),R=(0,l.useMemo)(()=>({paddingTop:10}),[]),T=(0,l.useMemo)(()=>({marginBottom:5}),[]),x=(0,l.useMemo)(()=>[l.createElement(i.$n,{key:"submit",type:"primary",size:"large",loading:u.isLoading,onClick:h},o("Done"))],[o,u.isLoading,h]);return l.createElement(i.aF,{title:o("Rename email"),open:m,onOk:h,onCancel:b,className:"new-folder-name-modal",footer:x},l.createElement(i.lV,{form:n,layout:"vertical",name:"rename_email_form",onFinish:h,initialValues:B,autoComplete:"off",requiredMark:!1,style:R},l.createElement(i.lV.Item,{name:"name",label:k,rules:w},l.createElement(i.pd,{disabled:u.isLoading,size:"large",placeholder:o("Enter the email name"),ref:r,style:T}))))};var w=o(942),B=o(85986);const R=({viewMode:e,onSwitchView:t,sortOption:o,onChangeSort:a})=>{const{__:n}=(0,f.s9)(),r=(0,w.rD)();return l.createElement("div",{className:"selectedEmailsBar"},l.createElement(i.$x,{size:12,className:"cards-search__by-title_unselected"},l.createElement(B.A,{isBlocks:!1})),l.createElement(i.$x,{size:8},l.createElement(i.Select,{value:o,onChange:a,style:{width:180},options:[{value:"date-desc",label:n("Newest first")},{value:"date-asc",label:n("Oldest first")},{value:"name-asc",label:n("A-Z")},{value:"name-desc",label:n("Z-A")}]}),l.createElement(i.$q,{variant:"view-switcher",defaultValue:e,onChange:t,value:e,key:"Switch radio",options:[{value:y.Y$,label:l.createElement(i.m_,{title:n("Cards view"),placement:"top"},l.createElement(h.A,{icon:"Grid01Icon",size:14,strokeWidth:r.iconStrokeWidth}))},{value:y.rl,label:l.createElement(i.m_,{title:n("Table view"),placement:"top"},l.createElement(h.A,{icon:"ListViewIcon",size:18,strokeWidth:r.iconStrokeWidth}))}]})))};var T=o(79613),x=o(44004),A=o(75354),I=o(52898),N=o(22817),C=o(98173),P=o(7959);const L=({selectedCount:e,isDeletedEmails:t,onClear:o,onBulkDelete:a,onBulkMoveItems:n,onBulkCloneItems:r,onBulkToggleLock:d,selectedAllLocked:s,onRename:m})=>{const{__:c}=(0,f.s9)();return l.createElement("div",{className:"selectedEmailsBar"},l.createElement(i.$x,{size:12},l.createElement("span",null,e," ",c("selected")),l.createElement(i.m_,{title:c("Clear selection")},l.createElement(i.$n,{onClick:o},c("Clear")))),l.createElement(i.$x,{size:8,style:{padding:"1px 0"}},l.createElement(i.$n,{icon:s?l.createElement(h.A,{icon:"UnlockOutlined"}):l.createElement(h.A,{icon:"LockOutlined"}),onClick:d},c(s?"Unlock":"Lock")),m&&1===e&&l.createElement(i.$n,{icon:l.createElement(h.A,{icon:"EditOutlined"}),onClick:m},c("Rename")),l.createElement(i.ms,{arrow:!0,placement:"bottom",menu:{items:r\|\|[],style:{maxHeight:"70vh",overflowY:"auto"}},trigger:["click"]},l.createElement(i.$n,{icon:l.createElement(h.A,{icon:"CopyOutlined",size:14})},c("Clone"))),!t&&l.createElement(i.ms,{arrow:!0,placement:"bottom",menu:{items:(null===n\|\|void 0===n?void 0:n.items)\|\|[],style:{maxHeight:"70vh",overflowY:"auto"}},trigger:["click"]},l.createElement(i.$n,{icon:l.createElement(h.A,{icon:"FolderOutlined"})},c("Transfer to folder"))),l.createElement(i.$n,{danger:!0,icon:l.createElement(h.A,{icon:"DeleteOutlined",size:14}),onClick:a},c(t?"Delete permanently":"Remove"))))};var O=o(41244),F=o(47794),M=o(11822),V=o(2527),D=o(91480);const z=(e,t)=>`${e.pathname}/${t.id}`,W=({projectId:e,emailsView:t,createPage:o=!1,currentFolderId:s,foldersList:B,refetchProjectFolders:W,projectTags:H=[],activeTagId:j,setActiveTagHandler:G,projectEmailsCounter:U=0,registerFunction:$=()=>{},groupType:X=null})=>{var q,K,Y,Q,J,Z,ee,te,oe;const{__:le,_x:ie}=(0,f.s9)(),ae=(0,w.rD)(),ne=(0,d.wA)(),re=(0,d.d4)(A.MY),de=(0,d.d4)(A.aO),se=(0,d.d4)(N.RP),me=(0,d.d4)(N.AQ),ce=(0,d.d4)(N.qV),ue=(0,d.d4)(C.C1),pe=(0,d.d4)(A.NP),ge=(0,d.d4)(A.qM),be=(0,d.d4)(A.ux),he=(0,d.d4)(I.CT),ve=(0,d.d4)(N.GD),fe=(0,d.d4)(N.Rw),[Ee,_e]=(0,n.ok)(),Se=(0,V.p)(),ye=(0,E.hN)(),{owner:ke,admin:we}=(0,P.A)();let Be=(0,r.zy)();const Re=(0,r.Zp)(),{token:Te}=(0,i.rd)(),{modal:xe}=i.qw.useApp(),Ae=(0,d.Pj)(),{confirm:Ie}=xe,Ne=(0,D.u)(),Ce=[...ve,...fe],[Pe,Le]=(0,l.useState)(null);(0,l.useEffect)(()=>{X===y.ti.ALL?Le(se+me):X===y.ti.PROJECT?Le(me):X===y.ti.STANDARD&&Le(se)},[X,se,me]);const Oe=+Ee.get("page"),Fe=Ee.get("folder"),Me=+Ee.get("tag");(0,l.useEffect)(()=>{window.localStorage.setItem(y.V0.em_last_active_page,Oe)},[Oe]);const[Ve,De]=(0,_.Kh)(),[ze]=(0,_._3)(),[We]=(0,_.dN)(),{refetch:He}=(0,r.KC)(),[je,Ge]=(0,l.useState)(!1),Ue=`/projects/${e}/emails/new`,$e=s&&s===y.UW,Xe=s===y.y2&&!Me;(0,l.useEffect)(()=>{ne((0,A.FC)())},[ne]);const[qe,Ke]=(0,l.useState)({projectId:e,page:Oe\|\|1,pageSize:y.mU,notEmbed:!0,tags:null,folderTag:null}),{isLoading:Ye,isSuccess:Qe,isError:Je,isFetching:Ze,refetch:et,error:tt}=(0,_.Xw)({...qe,folderTag:null,tags:null,status:"main"},{skip:o\|\|!(null===(q=qe.name)\|\|void 0===q\|\|!q.length)&&s!==y.y2}),[ot,lt]=(0,l.useState)({page:Oe\|\|1,pageSize:y.mU,folderTag:null,tags:[],groupType:X}),{isLoading:it,isSuccess:at,isError:nt,isFetching:rt,data:dt=[],refetch:st,error:mt}=(0,_.PX)({...ot,groupType:X},{skip:!o\|\|(Math.ceil(se+me/y.mU)\|\|1)<ot.page\|\|X===y.ti.PROJECT}),{isLoading:ct,isSuccess:ut,isError:pt,isFetching:gt,data:bt=[],refetch:ht,error:vt}=(0,_.PX)({...ot,projectId:e,groupType:X},{skip:!o\|\|(Math.ceil(me/y.mU)\|\|1)<ot.page\|\|X===y.ti.STANDARD}),ft=(e,t)=>X===y.ti.ALL?e\|\|t:X===y.ti.PROJECT?t:e,Et=ft(it,ct),_t=ft(at,ut),St=ft(nt,pt),yt=ft(rt,gt),kt=ft(st,ht),wt=ft(mt,vt),[Bt,Rt]=(0,l.useState)({projectId:e,page:Oe\|\|1,pageSize:y.mU,notEmbed:!0,tags:Me&&[Me],folderTag:s}),{isLoading:Tt,isSuccess:xt,isError:At,isFetching:It,error:Nt,refetch:Ct}=(0,_.Xw)({...Bt,tags:s&&Bt.folderTag?null:Bt.tags,status:"custom"},{skip:o\|\|$e\|\|s===y.y2\|\|Bt.folderTag!==s\|\|!(null===(K=Bt.name)\|\|void 0===K\|\|!K.length)&&($e\|\|s===y.y2)}),[Pt,Lt]=(0,l.useState)({projectId:e,page:$e?Oe:1,pageSize:y.mU,notEmbed:!0,tags:Me&&[Me],folderTag:null,status:"trash"}),[Ot,Ft]=(0,l.useState)(!1),{isLoading:Mt,isSuccess:Vt,isError:Dt,isFetching:zt,data:Wt,refetch:Ht,error:jt}=(0,_.Xw)({...Pt,status:"trash",folderTag:null,page:Ot?Pt.page:1},{skip:o\|\|(Math.ceil(de/y.mU)\|\|1)<Pt.page\|\|!(null===(Y=Pt.name)\|\|void 0===Y\|\|!Y.length)&&!$e\|\|!(null===(Q=Pt.tags)\|\|void 0===Q\|\|!Q[0])&&be>0});(0,l.useEffect)(()=>{Vt&&Ht()},[null===B\|\|void 0===B?void 0:B.length,Ht,Vt]),(0,l.useEffect)(()=>{Ft(!!Wt\|\|Math.ceil(de/y.mU)>=Pt.page)},[Wt,Pt.page,de]);const Gt=(0,l.useMemo)(()=>{let e=[];return X!==y.ti.STANDARD&&bt&&ce>=ot.page&&(e=[...bt]),X!==y.ti.PROJECT&&dt&&(e=[...e,...dt].slice(0,y.mU)),e},[X,bt,dt,ce,ot.page]),Ut=o?ot:$e?Pt:Xe?qe:Bt,$t=o?_t:$e?Vt:Xe?Qe:xt,Xt=o?Et:$e?Mt:Xe?Ye:Tt,qt=o?St:$e?Dt:Xe?Je:At,Kt=o?yt:$e?zt:Xe?Ze:It,Yt=o?kt:$e?Ht:Xe?et:Ct,Qt=o?wt:$e?jt:Xe?tt:Nt,Jt=(o?Pe:$e?de:Xe?re:null===pe\|\|void 0===pe\|\|null===(J=pe[s\|\|(null===(Z=Bt.tags)\|\|void 0===Z?void 0:Z[0])])\|\|void 0===J?void 0:J.total)\|\|0,Zt=o?Gt:$e?be:Xe?ge:null===pe\|\|void 0===pe\|\|null===(ee=pe[s\|\|(null===(te=Bt.tags)\|\|void 0===te?void 0:te[0])])\|\|void 0===ee?void 0:ee.list,eo=(Zt\|\|[]).map(e=>e.id).join(","),{selectedRowKeys:to,setSelectedRowKeys:oo,clearSelection:lo,toggleCardSelection:io}=function(e,t=[]){const[o,i]=l.useState([]),[a,n]=l.useState(null),r=l.useMemo(()=>{const t={};return(e\|\|[]).forEach((e,o)=>{t[e.id]=o}),t},[e]),d=l.useCallback(()=>{i([]),n(null)},[]);l.useEffect(()=>{d()},[d,...t]);const s=l.useCallback(()=>{const t=(e\|\|[]).map(e=>e.id);var o;i(t),t.length&&n(null!==(o=r[t[t.length-1]])&&void 0!==o?o:null)},[e,r]),m=l.useCallback((t,{metaKey:l,ctrlKey:d,shiftKey:s})=>{const m=r[t];if(void 0!==m){if(s&&null!==a){const t=Math.min(a,m),n=Math.max(a,m),r=(e\|\|[]).slice(t,n+1).map(e=>e.id);if(l\|\|d){const e=new Set(o);r.forEach(t=>e.add(t)),i(Array.from(e))}else i(r);return}if(l\|\|d)return o.includes(t)?i(o.filter(e=>e!==t)):i([...o,t]),void n(m);i([t]),n(m)}},[e,r,a,o]);return{selectedRowKeys:o,setSelectedRowKeys:i,clearSelection:d,selectAllOnPage:s,toggleCardSelection:m}}(Zt,[eo,Ut.page,t]),ao=l.useCallback(()=>{const e=new Set(to);return(Zt\|\|[]).filter(t=>e.has(t.id))},[to,Zt]),no=l.useMemo(()=>{const e=ao();return e.length>0&&e.every(e=>e.lock)},[ao]),ro=()=>{const e=ao();if(!e.length)return;const t=!no;Promise.all(e.map(e=>We({emailId:e.id,lock:t}).catch(e=>{}))).then(()=>{Yt&&Yt(),W&&W()})},so=async(e,t)=>{var o,l,i,a,n;const r=(await ze(e)).data;if(!r)return;const d=await Ve({title:(0,O.fq)(r.title),...void 0!==r.meta?{meta:r.meta}:{},project:r.project,subject:r.subject,description:r.description,html:(0,O.el)(r.html\|\|"",r.title),parent_email:r.parent_email\|\|y.iU,common_styles:r.common_styles\|\|"",utm_parameters:{utm_source:null===(o=r.utm_parameters)\|\|void 0===o?void 0:o.utm_source,utm_medium:null===(l=r.utm_parameters)\|\|void 0===l?void 0:l.utm_medium,utm_campaign:null===(i=r.utm_parameters)\|\|void 0===i?void 0:i.utm_campaign,utm_term:null===(a=r.utm_parameters)\|\|void 0===a?void 0:a.utm_term,utm_content:null===(n=r.utm_parameters)\|\|void 0===n?void 0:n.utm_content},emailtags:r.emailtags,folder:t});var s,m;null!==d&&void 0!==d&&d.error?ye.error({message:null===(s=d.error.data)\|\|void 0===s?void 0:s.code,description:null===(m=d.error.data)\|\|void 0===m?void 0:m.message}):Ne({event:"clone",action:"clone_email",email_id:e,cloned_email_id:d.data.id,project_id:r.project})},mo=async e=>{if(!to.length)return;const t=e===y.y2?[]:[e];Ge(!0);for(const o of to)await so(o,t);Yt&&Yt(),W&&W(),lo(),Ge(!1),ye.success({message:le("The copies were successfully created.")})},[co,uo]=(0,l.useState)({id:null,title:""}),po=()=>{if(1!==to.length)return;const e=to[0],t=(Zt\|\|[]).find(t=>t.id===e);uo({id:e,title:(null===t\|\|void 0===t?void 0:t.title)\|\|(null===t\|\|void 0===t?void 0:t.subject)\|\|""}),ne((0,S.qf)(y.lx.RENAME_EMAIL_MODAL))},go=e=>{Se.set(y.A9.em_elements_view,e),ne((0,A.NK)(e))},bo=l.useMemo(()=>{const e=((null===Ut\|\|void 0===Ut?void 0:Ut.order)\|\|"desc").toLowerCase(),t=((null===Ut\|\|void 0===Ut?void 0:Ut.orderby)\|\|"date").toLowerCase();return"title"===t?`name-${e}`:"modified"===t?`modified-${e}`:"date"===t?`date-${e}`:"date-desc"},[null===Ut\|\|void 0===Ut?void 0:Ut.order,null===Ut\|\|void 0===Ut?void 0:Ut.orderby]),ho=e=>{const[t,o]=String(e).split("-"),l="asc"===o?"asc":"desc",i="name"===t?"title":"modified"===t?"modified":"date";ko({page:Ut.page\|\|1,order:l,orderby:i,pageSize:y.mU})},vo=(e,t)=>{const o=(null===Ut\|\|void 0===Ut?void 0:Ut.orderby)===t,a="asc"===(null===Ut\|\|void 0===Ut?void 0:Ut.order);return l.createElement(i.XI.ColumnHeader,{label:e,isActive:o,isAsc:a,onClick:()=>(e=>{const t=(null===Ut\|\|void 0===Ut?void 0:Ut.orderby)\|\|"date",o=(null===Ut\|\|void 0===Ut?void 0:Ut.order)\|\|"desc";ho(`${"title"===e?"name":"modified"===e?"modified":"date"}-${t===e?"asc"===o?"desc":"asc":"desc"}`)})(t)})},fo=(0,d.d4)(A.Ni)\|\|t,Eo=()=>{to.length&&Ie({maskClosable:!0,centered:!0,title:ie($e?"Are you sure to irrevocably delete selected emails?":"Are you sure to delete selected emails?","email"),icon:l.createElement(h.A,{icon:"DeleteOutlined",style:{color:"#ff4d4f"}}),okText:le("Yes"),cancelText:le("No"),onOk:async()=>{const e=(Zt\|\|[]).reduce((e,t)=>(e[t.id]=t,e),{});for(const t of to){const o=e[t];o&&await wo(o)}lo()}})},_o=e=>{if(!to.length)return;const t=e===y.y2?[]:[e],o=e===y.y2;(Zt\|\|[]).reduce((e,t)=>(e[t.id]=t,e),{});Promise.all(to.map(e=>We({emailId:e,folder:t}).then(e=>{var t,o;null!==e&&void 0!==e&&e.error&&ye.error({message:null===(t=e.error.data)\|\|void 0===t?void 0:t.code,description:null===(o=e.error.data)\|\|void 0===o?void 0:o.message});return e}).catch(e=>{}))).then(()=>{t[0]?ne(_.GY.endpoints.getEmails.initiate({...Ut,folderTag:t[0]\|\|null},{forceRefetch:!0})):o&&ne(_.GY.endpoints.getEmails.initiate({...qe,folderTag:null,tags:null,status:"main"},{forceRefetch:!0})),s!==y.y2?ne(_.GY.endpoints.getEmails.initiate({...Ut,folderTag:s\|\|null},{forceRefetch:!0})):Yt&&Yt(),W&&W(),lo()})},So=()=>{if($e)return[];return[{icon:l.createElement(h.A,{icon:"MailOutlined",style:{fontSize:18}}),label:le("New emails"),key:y.y2,onClick:()=>_o(y.y2)},...(null===B\|\|void 0===B?void 0:B.map(e=>({icon:l.createElement(h.A,{icon:"FolderOutlined",style:{fontSize:18}}),label:e.name,key:e.id,onClick:()=>_o(e.id)})))\|\|[]]},yo=()=>[{icon:l.createElement(h.A,{icon:"MailOutlined",style:{fontSize:18}}),label:le("New emails"),key:y.y2,onClick:()=>mo(y.y2)},...(null===B\|\|void 0===B?void 0:B.map(e=>({icon:l.createElement(h.A,{icon:"FolderOutlined",style:{fontSize:18}}),label:e.name,key:e.id,onClick:()=>mo(e.id)})))\|\|[]];(0,l.useEffect)(()=>{c.gV({id:null===ue\|\|void 0===ue?void 0:ue.id,email:null===ue\|\|void 0===ue?void 0:ue.email,username:null===ue\|\|void 0===ue?void 0:ue.name})},[ue]),(0,l.useEffect)(()=>{$t&&Yt&&$(Yt)},[$,Yt,$t]);const ko=(0,l.useCallback)(e=>{const t={...e,folderTag:void 0===e.folderTag?null:e.folderTag};o?lt(e=>({...e,...t})):$e?Lt(t=>({...t,...e})):Xe?Ke(t=>({...t,...e})):Rt(t=>({...t,...e}))},[o,$e,Xe]);(0,l.useEffect)(()=>{var e;"rest_post_invalid_page_number"===(null===Qt\|\|void 0===Qt\|\|null===(e=Qt.data)\|\|void 0===e?void 0:e.code)&&ko({page:1})},[Qt,ko]),(0,l.useEffect)(()=>{if(!o){(Fe&&Fe!==s\|\|j&&Me!==j)&&ko({folderTag:s,page:1});let e={page:Fe===s&&Ut.page?Ut.page:1};s&&!Me&&(e.folder=s),j&&(e.tag=j),_e(e,{replace:!0})}},[Ut.page,Re,o,Fe,s,j,Me,ko,_e]);const wo=e=>Ae.dispatch(_.GY.endpoints.deleteEmail.initiate({id:e.id,force:$e})).then(t=>{if(t.error)ye.error(t);else if(t.data){ye.success(le('The email "')+t.data.title+ie('" was successfully removed.',"email")),Ne({event:"delete",action:"delete_email",entity_type:"email",entity_id:e.id,project_id:e.project,context:"list",force:$e}),Yt();try{W()}catch(tt){}if(Ht(),$e&&He)try{He()}catch(tt){}}}),Bo=e=>{Ne({event:"click",action:"click_delete_email_menu_item",entity_type:"email",entity_id:e.id,project_id:e.project,context:"list"}),Ne({event:"open",action:"open_delete_email_modal",entity_type:"email",entity_id:e.id,project_id:e.project,context:"list"}),Ie({maskClosable:!0,centered:!0,title:ie($e?'Are you sure to irrevocably delete "':'Are you sure to delete "',"email")+e.title+le('" email?'),icon:l.createElement(h.A,{icon:"DeleteOutlined",style:{color:"#ff4d4f"}}),okText:le("Yes"),cancelText:le("No"),onOk:()=>wo(e)})},Ro=e=>{Ge(!0),We({emailId:null===e\|\|void 0===e?void 0:e.id,status:"publish"}).then(t=>{if(t.error)ye.error({message:t.error.data.code,description:t.error.data.message});else{e.folder[0]?Yt():et();try{W()}catch(tt){}Ht(),ye.success({message:le("The email \u201c")+e.title+ie("\u201d was successfully recovered.","recovery")})}Ge(!1)})},To=e=>{Ge(!0),ze(null===e\|\|void 0===e?void 0:e.id).then(t=>{var o,l,i,a,n;const r=t.data;Ve({title:(0,O.fq)(r.title),...void 0!==r.meta?{meta:r.meta}:{},project:r.project,subject:r.subject,description:r.description,html:(0,O.el)(r.html\|\|"",r.title),parent_email:r.parent_email\|\|y.iU,common_styles:r.common_styles\|\|"",utm_parameters:{utm_source:null===(o=r.utm_parameters)\|\|void 0===o?void 0:o.utm_source,utm_medium:null===(l=r.utm_parameters)\|\|void 0===l?void 0:l.utm_medium,utm_campaign:null===(i=r.utm_parameters)\|\|void 0===i?void 0:i.utm_campaign,utm_term:null===(a=r.utm_parameters)\|\|void 0===a?void 0:a.utm_term,utm_content:null===(n=r.utm_parameters)\|\|void 0===n?void 0:n.utm_content},emailtags:e.emailtags,folder:r.folder}).then(t=>{if(t.error)ye.error({message:t.error.data.code,description:t.error.data.message});else{var o;Ne({event:"clone",action:"clone_email",email_id:e.id,cloned_email_id:t.data.id,project_id:r.project}),null!==(o=r.folder)&&void 0!==o&&o[0]?Ct():et();try{W()}catch(tt){}ye.success({message:le('The copy of email "')+e.title+ie('" was successfully created.',"copy")})}Ge(!1)})})},xo=(e,t)=>{We({emailId:t.id,folder:e.key===y.y2?[]:[e.key]}).then(e=>{var o,l;(null===e\|\|void 0===e\|\|null===(o=e.data)\|\|void 0===o?void 0:o.folder[0])&&ne(_.GY.endpoints.getEmails.initiate({...Ut,folderTag:(null===e\|\|void 0===e\|\|null===(l=e.data)\|\|void 0===l?void 0:l.folder[0])\|\|null})),s!==y.y2&&(ne((0,A.X)({folder:s,emailId:t.id})),ne(_.GY.endpoints.getEmails.initiate({...Ut,folderTag:s\|\|null}))),et();try{W()}catch(tt){}}).catch(e=>{})},Ao=null!==(oe=null===ae\|\|void 0===ae?void 0:ae.iconStrokeWidth)&&void 0!==oe?oe:1.5,Io=[{key:"selection",width:46,render:(e,t)=>l.createElement(i.Sc,{checked:to.includes(t.id),onChange:e=>{e.stopPropagation(),io(t.id,{metaKey:!0,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey})}})},{title:vo(le("Title"),"title"),width:"calc(100% - 532px)",dataIndex:["title"],key:"name",className:i.bs.fileNameCol,render:(e,t)=>{var o,a,r;return l.createElement("div",{className:i.bs.fileName},l.createElement("div",{className:i.bs.fileNameRow},t.lock&&l.createElement(h.A,{icon:"LockOutlined",className:m()("lock-icon",i.bs.lockInline,{"lock-icon__disabled":!(ke\|\|we\|\|(null===(o=ue.id)\|\|void 0===o?void 0:o.toString())===(null===(a=t.author)\|\|void 0===a?void 0:a.toString()))})}),l.createElement(n.N_,{className:i.bs.title,to:$e?"":z(Be,t),style:{cursor:$e?"default":"pointer"}},e\|\|le("No name"))),(null===(r=t.emailtags)\|\|void 0===r?void 0:r.length)>0&&l.createElement("div",{className:i.bs.fileItemCount},l.createElement(i.$x,{wrap:!0,size:4},t.emailtags.map(e=>{const t=null===H\|\|void 0===H?void 0:H.find(t=>{var o;return(null===(o=t.id)\|\|void 0===o?void 0:o.toString())===(null===e\|\|void 0===e?void 0:e.toString())});return t?l.createElement(i.vw,{color:Te.colorPrimary,style:{cursor:"pointer",borderRadius:6,margin:0},key:t.id,onClick:e=>{e.stopPropagation(),e.preventDefault(),G(null,t.id)}},t.name):null}))))}},{title:vo(le("Creation date"),"date"),key:"date",width:185,className:"nobr",dataIndex:"date",render:e=>l.createElement("div",{className:i.bs.fileDate},e?(0,O.Yq)((0,a.A)(e),le):"\u2014"),sortOrder:"date"===(null===Ut\|\|void 0===Ut?void 0:Ut.orderby)?(0,O.Np)(Ut.order):null},{title:vo(le("Update date"),"modified"),key:"modified",width:185,className:"nobr",dataIndex:"modified",render:e=>l.createElement("div",{className:i.bs.fileDate},e?(0,O.Yq)((0,a.A)(e),le):"\u2014"),sortOrder:"modified"===(null===Ut\|\|void 0===Ut?void 0:Ut.orderby)?(0,O.Np)(Ut.order):null},{width:80,title:"",dataIndex:"",key:"avatar-actions",onCell:()=>({style:{padding:0}}),render:(e,t)=>{var o,a,r,d,s,m,c,p,g,b,v,f;const E=null===(o=t._embedded)\|\|void 0===o\|\|null===(a=o.author)\|\|void 0===a?void 0:a[0],_=(null===E\|\|void 0===E?void 0:E.name)\|\|(null===E\|\|void 0===E?void 0:E.slug)\|\|t.author_name\|\|((null===(r=ue.id)\|\|void 0===r?void 0:r.toString())===(null===(d=t.author)\|\|void 0===d?void 0:d.toString())?ue.name\|\|[ue.first_name,ue.last_name].filter(Boolean).join(" ")\|\|ue.username:""),S=_?_.charAt(0).toUpperCase():"?",k=t.folder[0]\|\|null,w={icon:l.createElement(h.A,{icon:"MailOutlined",style:{fontSize:18}}),label:le("New emails"),key:y.y2,onClick:e=>xo(e,t)},R=null===B\|\|void 0===B?void 0:B.map(e=>({icon:l.createElement(h.A,{icon:"FolderOutlined",style:{fontSize:18}}),label:e.name,key:e.id,className:e.id,onClick:e=>xo(e,t)})),T=(null===R\|\|void 0===R?void 0:R.filter(e=>!k\|\|e.key!==k))\|\|[];k&&(null===T\|\|void 0===T\|\|T.unshift(w));let x=[];return(ke\|\|we\|\|(null===(s=ue.id)\|\|void 0===s?void 0:s.toString())===(null===(m=t.author)\|\|void 0===m?void 0:m.toString()))&&!$e&&x.push({label:l.createElement(u.A,{key:"Lock",element:t}),icon:t.lock?l.createElement(h.A,{icon:"UnlockOutlined",style:{fontSize:"16px"}}):l.createElement(h.A,{icon:"LockOutlined",style:{fontSize:"16px"}})}),(ke\|\|we\|\|(null===(c=ue.id)\|\|void 0===c?void 0:c.toString())===(null===(p=t.author)\|\|void 0===p?void 0:p.toString()))&&!$e&&T.length>0&&x.push({label:le("Transfer to folder"),icon:l.createElement(h.A,{icon:"FolderOutlined",style:{fontSize:"16px"}}),children:T,popupClassName:"emails-table__folder-submenu"}),!$e&&x.push({label:l.createElement(n.N_,{to:z(Be,t)},le("Edit")),icon:l.createElement(h.A,{icon:"EditOutlined",style:{fontSize:"16px"}}),key:"Enter",className:"em-analytics__email-enter"},{label:le("Clone"),key:"Clone",icon:l.createElement(h.A,{icon:"CopyOutlined",size:16}),className:"em-analytics__email-clone",disabled:De.isLoading,onClick:()=>To(t)}),(ke\|\|we\|\|(null===(g=ue.id)\|\|void 0===g?void 0:g.toString())===(null===(b=t.author)\|\|void 0===b?void 0:b.toString()))&&$e&&x.push({label:le("Recover"),icon:l.createElement(h.A,{icon:"RollbackOutlined",style:{fontSize:"16px"}}),key:"Recover",onClick:()=>Ro(t)}),(ke\|\|we\|\|(null===(v=ue.id)\|\|void 0===v?void 0:v.toString())===(null===(f=t.author)\|\|void 0===f?void 0:f.toString()))&&x.push({label:le("Remove"),icon:l.createElement(h.A,{icon:"DeleteOutlined",size:16}),key:"Remove",className:"em-analytics__email-remove",style:{color:"#ff4d4f"},onClick:()=>Bo(t)}),l.createElement("div",{className:i.bs.avatarActions},l.createElement(i.eu,{size:32,alt:_,selected:to.includes(t.id)},S),l.createElement(i.ms,{arrow:!0,placement:"bottom",menu:{items:x,style:{maxHeight:"70vh",overflowY:"auto"}},trigger:["hover"]},l.createElement("span",{className:`${i.bs.tableMenu} tableMenuButton`,onClick:e=>{e.stopPropagation(),e.preventDefault()}},l.createElement(h.A,{icon:"DotsHoriz",size:16,strokeWidth:Ao}))))}}],[No,Co]=(0,l.useState)(!1);(0,l.useEffect)(()=>{var e,t;for(let o in he)if(o\|\|""===o\|\|0===o.length){Co(!0),ko({...he,folderTag:s,page:1});break}(null!==(e=he.tags)&&void 0!==e&&e.length\|\|he.name)&&ko({...he,folderTag:s,page:1}),null!==(t=he.group)&&void 0!==t&&t.length&&lt({...he,group:he.group,page:1,pageSize:y.mU})},[he,ne,s,$e,ko,o]);const[Po,Lo]=(0,l.useState)(!1),[Oo]=(0,T.mI)(),[Fo]=(0,x.dS)(),{data:Mo}=(0,r.KC)(),Vo=async e=>{const t=e[0];try{Lo(!0);const e=(0,F.xi)(Oo,Fo,ue,Mo),o=(0,F.oF)(t),l=await(0,F.q2)(t,e,o),[i]=(0,M.Ay)(t.name.replaceAll(" "," ")),a=i\|\|(0,O.ez)(l)\|\|"";return Ve({title:a,project:Mo.id,subject:a,description:"",html:l,parent_email:y.iU,folder:[],common_styles:JSON.stringify(y.BD)}).then(e=>{e&&(e.error?ye.error({message:e.error.data.code,description:e.error.data.message}):(Re(`/projects/${Mo.id}/emails/${e.data.id}`),Ne({event:"import",action:"import_email",email_id:e.data.id,project_id:Mo.id,file_name:t.name})))}).finally(()=>Lo(!1))}catch(o){Lo(!1);const e=o instanceof Error?o.message:o;ye.error({message:e})}};return l.createElement("div",{className:"project-page__list"},o&&l.createElement("div",{className:"project-page__cards-grid create-buttons"},l.createElement(i.Zp,{className:"element-card element-card_email element-card_template element-card_template-empty",hoverable:!0,style:{cursor:"pointer"},cover:l.createElement("div",{className:"element-card__empty-template"},l.createElement(h.A,{icon:"NewEmail"}),l.createElement("div",{className:"element-card__empty-template__text"},l.createElement("div",{className:"element-card__empty-template__title"},le("Blank template")),l.createElement("div",{className:"element-card__empty-template__description"},le("Start from scratch")))),onClick:()=>((e,t)=>{var o;Ne({event:"select",action:"create_new_email",template_id:"0",description:"Create new email from scratch (template = 0)",subscription:null===ue\|\|void 0===ue\|\|null===(o=ue.subscription)\|\|void 0===o?void 0:o.post_title}),Se.set(y.A9.em_new_email,e),t&&(window.localStorage.setItem(y.V0.em_active_tab,t),window.localStorage.setItem(y.V0.em_ai_settings,t)),(0,O.XZ)(Re,Ue)})(278056)}),l.createElement(i.Zp,{className:"element-card element-card_email element-card_template element-card_template-empty",hoverable:!0,style:{cursor:"pointer"},loading:Po,cover:l.createElement("div",{className:"element-card__empty-template"},l.createElement(h.A,{icon:"Import"}),l.createElement("div",{className:"element-card__empty-template__text"},l.createElement("div",{className:"element-card__empty-template__title"},le("Import email")),l.createElement("div",{className:"element-card__empty-template__description"},le("Work with your markup"))," ")),onClick:()=>{Ne({event:"click",action:"import_email"}),(0,F.QM)("application/zip, message/rfc822, text/html",Vo)}}),l.createElement(i.Zp,{className:"element-card element-card_email element-card_template element-card_template-empty",hoverable:!0,style:{cursor:"pointer"},cover:l.createElement("div",{className:"element-card__empty-template"},l.createElement(h.A,{icon:"generationAI"}),l.createElement("div",{className:"element-card__empty-template__text"},l.createElement("div",{className:"element-card__empty-template__title"},le("AI email generation")),l.createElement("div",{className:"element-card__empty-template__description"},le("Creating an email on request")," "))),onClick:()=>{Ne({event:"click",action:"ai_email_generation_open",project_id:e}),ne((0,S.qf)(y.lx.ADD_NEW_AI_EMAIL))}})),o&&(!!Pe\|\|!!Ce.length)&&l.createElement("div",{className:"element-card__group-tag-wrapper"},l.createElement(i.so,{gap:"10px",style:{marginBottom:15,marginLeft:4},wrap:!0},Ce.map(e=>l.createElement(i.vw,{className:"blue-color element-card__group-tag",key:e.key,color:"#1677ff"},e.name," ",l.createElement(h.A,{onClick:()=>{const t=Ce.filter(t=>t.key!==e.key);ne(ve.length?(0,N.es)(t):(0,N.BN)(t)),ne((0,I.ry)({[ve.length?"group":"projectGroup"]:t,[ve.length?"projectGroup":"group"]:[]}))},icon:"CloseTag"}))),Ce.length>1&&l.createElement(i.vw,{className:"blue-color element-card__group-tag element-card__group-tag_close"},le("Clear all")," ",l.createElement(h.A,{onClick:()=>{ne((0,N.mb)()),ne((0,I.ry)({group:[],projectGroup:[]}))},icon:"CloseAll"})))),!o&&fo===y.rl&&l.createElement(l.Fragment,null,to.length?l.createElement(L,{selectedCount:to.length,isDeletedEmails:$e,onClear:lo,selectedAllLocked:no,onBulkDelete:Eo,onBulkToggleLock:ro,onRename:1===to.length?po:void 0,onBulkMoveItems:{items:So()},onBulkCloneItems:yo()}):l.createElement(R,{viewMode:fo,onSwitchView:go,sortOption:bo,onChangeSort:ho})),!o&&fo===y.Y$&&l.createElement(l.Fragment,null,to.length?l.createElement(L,{selectedCount:to.length,isDeletedEmails:$e,onClear:lo,selectedAllLocked:no,onBulkDelete:Eo,onBulkToggleLock:ro,onRename:1===to.length?po:void 0,onBulkMoveItems:{items:So()},onBulkCloneItems:yo()}):l.createElement(R,{viewMode:fo,onSwitchView:go,sortOption:bo,onChangeSort:ho})),Xt&&!(null!==Zt&&void 0!==Zt&&Zt.length)&&l.createElement(i.EA,{active:!0}),qt&&l.createElement(i.Fc,{message:le("Error"),description:le("Error when receiving data. Try again (reload page) or contact support."),type:"error",showIcon:!0}),!Xt&&!Kt&&0===(null===Zt\|\|void 0===Zt?void 0:Zt.length)&&(No\|\|U>0?l.createElement(i.Fc,{message:le("Emails not found"),description:"",type:"info",showIcon:!0}):s!==y.y2?l.createElement(i.Fc,{message:le("You don't have any emails in this folder."),description:le("Add your first email to the folder..."),type:"info",showIcon:!0}):l.createElement(i.Fc,{message:le("You don't have any emails yet."),description:le("Add your first email by clicking the Create a new email button."),type:"info",showIcon:!0})),(null===Zt\|\|void 0===Zt?void 0:Zt.length)>0&&!o&&fo===y.rl&&l.createElement(i.XI.Container,null,l.createElement(i.NP,{renderEmpty:()=>l.createElement(i.Sv,{variant:"hidden"})},l.createElement(i.XI,{rowKey:e=>e.id,dataSource:Zt,columns:Io,loading:Kt\|\|je,onChange:(e,t,{order:o,field:l},{action:i})=>{if("sort"===i)if(o)ko({page:Ut.page\|\|1,order:(0,O.gq)(o),orderby:l,pageSize:y.mU});else{const e="asc"===((null===Ut\|\|void 0===Ut?void 0:Ut.order)\|\|"desc")?"desc":"asc";ko({page:Ut.page\|\|1,order:e,orderby:l\|\|(null===Ut\|\|void 0===Ut?void 0:Ut.orderby)\|\|"date",pageSize:y.mU})}},showHeader:!0,tableLayout:"fixed",pagination:!1,rowClassName:e=>to.includes(e.id)?i.zj:"",onRow:e=>({onClick:t=>{var o,l,i,a,n;const r=t.target,d=null===r\|\|void 0===r\|\|null===(o=r.closest)\|\|void 0===o?void 0:o.call(r,".tableMenuButton"),s=null===r\|\|void 0===r\|\|null===(l=r.closest)\|\|void 0===l?void 0:l.call(r,".ant-dropdown-menu"),m=null===r\|\|void 0===r\|\|null===(i=r.closest)\|\|void 0===i?void 0:i.call(r,".ant-checkbox-wrapper"),c=null===r\|\|void 0===r\|\|null===(a=r.closest)\|\|void 0===a?void 0:a.call(r,".ant-tag"),u=null===r\|\|void 0===r\|\|null===(n=r.closest)\|\|void 0===n?void 0:n.call(r,"a");if(!d&&!s&&!m&&!c){if(u&&!$e)return;io(e.id,{metaKey:!0,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey})}},onDoubleClick:t=>{var o,l,i;const a=t.target;null!==a&&void 0!==a&&null!==(o=a.closest)&&void 0!==o&&o.call(a,".ant-checkbox-wrapper")\|\|null!==a&&void 0!==a&&null!==(l=a.closest)&&void 0!==l&&l.call(a,".tableMenuButton")\|\|null!==a&&void 0!==a&&null!==(i=a.closest)&&void 0!==i&&i.call(a,".ant-tag")\|\|$e\|\|Re(z(Be,e))}})})),Jt>y.mU&&l.createElement(i.XI.PaginationWrapper,null,l.createElement(i.dK,{current:Ut.page\|\|1,total:Jt,hideOnSinglePage:!0,showSizeChanger:!1,pageSize:y.mU,onChange:(t,o)=>{lo(),ko({projectId:e,page:t,pageSize:o})}}))),((null===Zt\|\|void 0===Zt?void 0:Zt.length)>0\|\|$t)&&(o\|\|fo===y.Y$)&&l.createElement(l.Fragment,null,(Kt\|\|je\|\|Po)&&l.createElement("div",{className:"project-page__loader"},l.createElement(b.A,{small:!0})),l.createElement("div",{className:m()("project-page__cards-grid",{"project-page__cards-grid--show-checkboxes":to.length>0})},Zt&&Zt.map(e=>o?l.createElement(g.A,{key:e.id,element:e,setSearchFilters:G}):l.createElement("div",{key:e.id,className:"emailCard",onClickCapture:t=>{(t.shiftKey\|\|t.metaKey\|\|t.ctrlKey)&&(t.preventDefault(),t.stopPropagation(),io(e.id,{metaKey:t.metaKey,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey}))}},l.createElement("div",{className:"selectedEmailCheckbox"},l.createElement(i.Sc,{checked:to.includes(e.id),onChange:t=>{t.stopPropagation();const o=t.shiftKey,l=!o&&!t.metaKey&&!t.ctrlKey;io(e.id,{metaKey:l\|\|t.metaKey,ctrlKey:t.ctrlKey,shiftKey:o})}})),l.createElement(p.A,{element:e,setSearchFilters:G,isTrash:$e,foldersList:B,refetch:et,projectTags:H,selected:to.includes(e.id),foldersHandlers:{handleRemove:Bo,handleRecover:Ro,handleClone:To,handlerChangeFolder:xo}})))),Jt>y.mU&&l.createElement(i.dK,{current:Ut.page\|\|1,total:Jt,hideOnSinglePage:!0,showSizeChanger:!1,pageSize:y.mU,onChange:(e,t)=>ko({page:e,pageSize:t})})),l.createElement(v.A,null),l.createElement(k,{email:co,onUpdated:Yt}))}},25516:(e,t,o)=>{o.d(t,{Rt:()=>c,W5:()=>a.W,Zq:()=>r,e0:()=>s,i_:()=>a.i,j8:()=>n});var l=o(1936),i=o(8855),a=o(70514);function n(e,t){if(!e)return t;if(!t)return e;return`${function(e){let t=e.length;for(;t>0&&"/"===e[t-1];)t--;return e.slice(0,t)}(e)}/${function(e){let t=0;for(;t<e.length&&"/"===e[t];)t++;return e.slice(t)}(t)}`}function r(e,t){if(/^[a-zA-Z][a-zA-Z\d+\-.]?:/.test(t))return t;const l=function(e){const t=o.p;if(e&&/^[a-zA-Z][a-zA-Z\d+\-.]?:/.test(e))return e;let l=n(t,e\|\|"");return!l\|\|l.startsWith("/")\|\|/^[a-zA-Z][a-zA-Z\d+\-.]?:/.test(l)\|\|(l="/"+l),l}(e),i=n(l,t\|\|"");return!i\|\|i.startsWith("/")\|\|/^[a-zA-Z][a-zA-Z\d+\-.]?:/.test(i)?i:"/"+i}function d(e,t){return null!==e&&void 0!==e&&Object.prototype.hasOwnProperty.call(e,t)}function s(e,t,o){const l={...e,id:`FM_${e.id}`},i=(e,l)=>{const i=t.normalizeId(e);return o?o.pathForId(i,l,!0):i};if(d(l.data,"itemId")&&"string"===typeof l.data.itemId&&(l.data.itemId=i(l.data.itemId,!1)),d(l.data,"itemIds")&&Array.isArray(l.data.itemIds)&&(l.data.itemIds=l.data.itemIds.map(e=>"string"===typeof e?i(e,!1):e)),d(l.data,"folderId")){const e=l.data.folderId;"string"===typeof e?l.data.folderId=i(e,!0):null!==e&&void 0!==e\|\|(l.data.folderId=i("",!0))}return l}function m(e){if(e){if("function"===typeof e)return e;if("string"===typeof e){const t=e,o=e=>{const{className:o,style:a,onClick:n,...r}=e,d=(0,i.p)(t);return l.createElement("span",{role:"img",className:o?`anticon ${o}`:"anticon",style:a,onClick:n,dangerouslySetInnerHTML:{__html:d},...r})};return o.displayName="IconFromSource",o}}}function c(e){if(!e)return;const t={};for(const[o,l]of Object.entries(e)){const e=m(l);e&&(t[o]=e)}return Object.keys(t).length>0?t:void 0}},72153:(e,t,o)=>{o.d(t,{A:()=>v});var l=o(1936),i=o(4077),a=o(6056),n=o.n(a),r=o(69622),d=o(71715),s=o(3711),m=o(98173),c=o(96040),u=o(6403),p=o(47706),g=o(91480);const b=()=>{const{__:e}=(0,p.s9)(),t=(0,u.hN)(),o=(0,d.d4)(m.C1),[i]=(0,s.C)(),[a,n]=(0,l.useState)(!1),b=(0,g.u)();(0,l.useEffect)(()=>{o.hasOwnProperty("email_confirmation")&&n(o.email_confirmation)},[o,a]);return null!==o&&void 0!==o&&o.email_confirmation\|\|null===o\|\|void 0===o\|\|!o.privacy_policy_agreement?null:l.createElement("div",{className:"main__ribbon"},l.createElement("span",null,l.createElement(c.A,{icon:"EmailConfirmation",style:{fontSize:20,position:"relative",top:2}}),e("Confirmation email was sent to"),"\xa0",l.createElement("em",null,o.email),".\xa0",e("Didn't receive an email?"),"\xa0",l.createElement(r.$n,{type:"primary",size:"small",style:{fontSize:16,lineHeight:1},onClick:()=>{b({event:"click",action:"click_resend_confirmation_email",user_email:o.email,user_id:o.id}),i({userId:o.id,email:o.email}).then(({data:l,error:i})=>{l?t.success(e("Confirmation email has been sent to {confirmedEmail}.").replace("{confirmedEmail}",o.email)):i&&t.error(i)})}},e("Resend")," ",l.createElement(c.A,{icon:"SendOutlined",style:{verticalAlign:"middle"}}))))};var h=o(942);const v=({className:e,leftBlock:t,rightBlock:o,isHeaderCodeMenuOpen:a=!1})=>{const{token:d}=(0,r.rd)(),s=(0,l.useRef)(),m=(0,h.rD)();return l.createElement(l.Fragment,null,l.createElement(b,null),m.headerShow&&l.createElement("header",{className:n()("header",{[e]:e}),style:{borderColor:d.colorBorder}},!a&&l.createElement(i.A,{nodeRef:s,in:!a,timeout:300,classNames:"transition"},l.createElement("div",{className:"header__container container"},l.createElement("div",{className:"header__left",style:{flexGrow:1}},t),l.createElement("div",{className:"header__right"},l.createElement(r.$x,{size:10},o))))))}},92539:(e,t,o)=>{o.d(t,{H:()=>r,p:()=>d});var l=o(1936),i=o(71715),a=o(78443);const n=(0,l.createContext)(null),r=({children:e})=>{const t=(0,i.wA)(),o=(0,i.d4)(a.cL),[r,d]=(0,l.useState)(null),s=(0,l.useRef)(null),m=(0,l.useCallback)(e=>{var t;null===(t=s.current)\|\|void 0===t\|\|t.call(s,e),s.current=null},[]),c=(0,l.useCallback)(e=>(m(null),d(e),t((0,a.qf)(e.entryModal)),new Promise(e=>{s.current=e})),[t,m]);(0,l.useEffect)(()=>{(e=>e.includes("UPLOAD_IMAGE_")\|\|e.includes("UPLOAD_BACKGROUND_"))(o)\|\|(d(null),s.current&&m(null))},[o,m]);const u=(0,l.useMemo)(()=>({request:r,openImagePicker:c,resolveImagePicker:m}),[r,c,m]);return l.createElement(n.Provider,{value:u},e)},d=()=>{const e=(0,l.useContext)(n);if(!e)throw new Error("useImagePicker must be used within ImagePickerProvider");return e}},74397:(e,t,o)=>{o.d(t,{p:()=>l.p});var l=o(92539)},81644:(e,t,o)=>{o.d(t,{A:()=>s});var l=o(1936),i=o(69622),a=o(47706),n=o(84075),r=o(91480),d=o(1936);const s=({open:e,sideOnOk:t,onCancel:o,initialSlide:s=0})=>{const{__:m}=(0,a.s9)(),c=(0,n.Zp)(),[u,p]=(0,l.useState)(s),g=(0,l.useRef)(null),b=(0,r.u)();(0,l.useEffect)(()=>{e&&g.current&&(g.current.goTo(s,!0),p(s))},[e,s]);const h=(0,l.useMemo)(()=>[{image:m("https://cdn.useblocks.io/1351/241017_18_1sGjUaZ.png"),backgroundColor:"var(--blue-2)",title:m("More editing features"),description:m("Use our visual editor to customize every element to your needs: change borders and their radius, box shadows, paddings, background, and much more.")},{image:m("https://cdn.useblocks.io/1351/241017_18_J7QtvZ3.png"),backgroundColor:"var(--purple-2)",title:m("Work with the HTML code"),description:m("Edit the HTML version of your email template in the Code mode and see the changes in real time. Builder has no code restrictions \u2014 you can create templates of any complexity!")},{image:m("https://cdn.useblocks.io/1351/241017_18_2fjDRfL.png"),backgroundColor:"var(--cyan-2)",title:m("AI image generation"),description:m("Generate stunning visuals for your emails with ease. We have trained our AI model to ensure the highest quality images.")},{image:m("https://cdn.useblocks.io/1351/241017_18_D5C25Zp.png"),backgroundColor:"var(--green-2)",title:m("Stock photos and GIFs"),description:m("Search the vast gallery of stock photos and GIFs to find visuals for any occasion. You can filter the results by image orientation, color scheme, and more.")},{image:m("https://cdn.useblocks.io/1351/241017_18_NDYloAO.png"),backgroundColor:"var(--magenta-2)",title:m("Version history"),description:m("Check who and when made changes to the email template and, if necessary, restore one of the previous versions.")},{image:m("https://cdn.useblocks.io/1351/241017_18_g5mVlmh.png"),backgroundColor:"var(--red-2)",title:m("Image editor"),description:m("Want to resize an image, add some text, or apply a filter? No need to leave builder! You can make all the basic changes in our image editor.")},{image:m("https://cdn.useblocks.io/1351/241017_18_ur8Lh3W.png"),backgroundColor:"var(--orange-2)",title:m("Email optimization"),description:m("Check your email against broken links, missing alt texts, large images, and other issues that might prevent your emails from hitting inboxes.")},{image:m("https://cdn.useblocks.io/1351/241017_18_S5Pld9p.png"),backgroundColor:"var(--volcano-2)",title:m("Team collaboration"),description:m("Share the project with your team and collaborate in real time. Add comments to individual email blocks and discuss necessary edits right in the builder.")},{image:m("https://cdn.useblocks.io/1351/241017_18_tGbb2j9.png"),backgroundColor:"var(--geekblue-2)",title:m("Email testing"),description:m("Check how your email appears across various devices and email clients.")},{image:m("https://cdn.useblocks.io/1351/241017_18_gDXi4uM.png"),backgroundColor:"var(--geekblue-2)",title:m("AI assistant"),description:m("Let our AI assistant enhance your email template! From creating subject lines and preheaders based on the email copy to generating the whole email with your website in mind!")}],[m]);return(0,l.useEffect)(()=>{if(e&&g.current){g.current.goTo(s,!0),p(s);const e=h[s];b({event:"open_modal",action:"open_premium-features_modal",modal_id:"premium-features",offer_id:e.title})}},[e,h,s,b]),d.createElement(i.aF,{open:e,footer:null,onCancel:o,closable:!1,className:"premium-features-modal",classNames:{mask:"premium-features-modal-mask"},styles:{mask:{background:"rgba(0, 0, 0, 0.65)"}},width:1100,style:{maxWidth:"80%"}},d.createElement(i.FN,{dots:!0,slidesToShow:1,slidesToScroll:1,autoplay:!0,className:"carousel-slider",draggable:!0,autoplaySpeed:5e3,initialSlide:u,ref:g},h.map((e,t)=>d.createElement("div",{key:t},d.createElement("div",{className:"carousel-slide",style:{background:`${e.backgroundColor}`}},d.createElement("div",{className:"slide-item-image"},d.createElement("img",{src:e.image,alt:`slide-${t}`})),d.createElement("div",{className:"slide-item-content"},d.createElement("h3",{className:"slide-title"},e.title),d.createElement("p",{className:"slide-description"},e.description)))))),d.createElement("div",{className:"modal-subtitle"},m("This and other features are available for you on any paid plan.")),d.createElement("div",{className:"modal-buttons"},d.createElement(i.$n,{size:"large",onClick:()=>o(!1)},m("Cancel")),d.createElement(i.$n,{type:"primary",size:"large",onClick:()=>{t&&t(),c("/billing"),o(!1)},style:{padding:"0 30px"}},m("Select plan"))))}},11128:(e,t,o)=>{o.d(t,{A:()=>r});var l=o(1936),i=o(69622);const a=(0,l.lazy)(()=>Promise.all([o.e(2139),o.e(284),o.e(1940),o.e(8580)]).then(o.bind(o,73696))),n={height:"100%"};function r(e){return l.createElement(l.Suspense,{fallback:l.createElement(i.so,{justify:"center",align:"center",style:n},l.createElement(i.tK,{size:"large"}))},l.createElement(a,e))}},41007:(e,t,o)=>{o.d(t,{A:()=>a});var l=o(1936),i=o(84075);const a=({lastProjectId:e})=>{const{pathname:t,search:o}=(0,i.zy)();return!1===e?l.createElement(i.C5,{to:"/projects"}):e&&l.createElement(i.C5,{to:`/projects/${e+t+o}`})}},91785:(e,t,o)=>{o.d(t,{A:()=>a});var l=o(1936),i=o(84075);const a=({to:e})=>l.createElement(i.C5,{to:e})},12650:(e,t,o)=>{o.d(t,{A:()=>a});var l=o(1936),i=o(69622);const a=({small:e=!1,style:t={}})=>{const o={width:e?"100%":"100vw",height:"80vh",...t};return l.createElement(i.so,{justify:"center",align:"center",style:o},l.createElement(i.tK,{size:"large"}))}},44454:(e,t,o)=>{o.d(t,{A:()=>p});var l=o(1936),i=o(84075),a=o(88260),n=o(6403),r=o(3758),d=o(41244),s=o(91480),m=o(2527),c=o(93506);const u="emailmaker.ru",p=({children:e})=>{const t=(0,i.zy)(),o=(0,n.hN)(),p=(0,m.p)(),[g,b]=(0,a.ok)(),h=(0,s.u)(),[v,{isError:f,isSuccess:E,error:_,data:S}]=(0,r.i2)(),{isError:y,isUninitialized:k,isLoading:w,isSuccess:B,error:R,data:T,refetch:x}=(0,r.CR)("",{skip:c.EW.isPlugin\|\|!p.get(c.A9.em_token)}),A=(0,l.useMemo)(()=>({email:g.get("email"),hash:g.get("hash"),event:"confirmation"===g.get("event")}),[g]);if((0,l.useEffect)(()=>{f?o.error({error:_}):E&&(h({event:"confirm",action:"confirm_email",user_email:(null===S\|\|void 0===S?void 0:S.email)\|\|A.email,user_id:null===T\|\|void 0===T?void 0:T.id}),o.success(S.message),T&&x())},[S,_,f,E,T,x,h]),(0,l.useEffect)(()=>{!(A.email&&A.hash&&A.event)\|\|!1!==(null===T\|\|void 0===T?void 0:T.email_confirmation)&&p.get(c.A9.em_token)\|\|S\|\|v({hash:A.hash,email:A.email,event:A.event}).catch(e=>{}).finally(()=>b(""))},[A,v,T,p,b,S]),(0,l.useEffect)(()=>{y&&R&&(o.error({error:R}),(0,d.Id)(p))},[T,y,R,p]),c.EW.isPlugin)return e;if(!c.EW.isPlugin&&!p.get(c.A9.em_token)&&!t.pathname.includes("auth"))return l.createElement(i.C5,{to:"/auth",state:{from:t}});if((k\|\|w)&&!t.pathname.includes("auth"))return l.createElement(l.Fragment,null);if(y&&!t.pathname.includes("auth"))return l.createElement(i.C5,{to:"/auth",state:{from:t}});if(B){const{id:o,email:a,name:n,locale:r,carrotquest_hash:d,ducalis_hash:s,email_subscription_consent:m,last_used_project:g}=T;return p.set(c.A9.em_id,o,{domain:u}),p.set(c.A9.em_email,a,{domain:u}),p.set(c.A9.em_name,n,{domain:u}),p.set(c.A9.em_locale,r,{domain:u}),p.set(c.A9.em_carrotquest_hash,d,{domain:u}),p.set(c.A9.em_ducalis_hash,s,{domain:u}),p.set(c.A9.em_email_subscription_consent,m,{domain:u}),g&&"/"===t.pathname?l.createElement(i.C5,{to:`/projects/${g}/emails`,replace:!0}):e}return t.pathname.includes("auth")?e:void 0}},98612:(e,t,o)=>{o.d(t,{A:()=>S});var l=o(1936),i=o(96040),a=o(69622),n=o(6403),r=o(84075),d=o(71715),s=o(47706),m=o(48155),c=o.n(m),u=o(60791),p=o(72531),g=o(87796),b=o(15582),h=o(68069),v=o(41244),f=o(91480),E=o(7314),_=o(93506);const S=({block:e=null,isEditableRights:t,rightCol:o,autoSaveBlockResult:m,disabled:S})=>{const{__:y}=(0,s.s9)(),{projectId:k,blockId:w}=(0,r.g)();let B=(0,d.d4)(h.Fv),R=(0,d.d4)(h.Fv),T=(0,d.wA)();const x=(0,n.hN)(),A=(0,E.fn)(),I=(0,d.Pj)(),[N,C]=(0,l.useState)(!1),[P,L]=(0,l.useState)(null),[O,F]=(0,l.useState)(!1),[M,V]=(0,l.useState)(!1),D=(0,f.u)();(0,l.useEffect)(()=>{var e,t;null!==(e=window)&&void 0!==e&&null!==(t=e.navigator)&&void 0!==t&&t.userAgent.includes("Macintosh")&&L(!0)},[]);const{data:z,refetch:W}=(0,p.fo)(+k,{skip:!+k}),[H]=(0,u.Gr)(),[j,G]=(0,u.OZ)(),[U,$]=(0,u.pP)(),[X]=(0,p.OD)(),q=`project_${k}`,K=z&&(0,v._q)(z,_.YY).find(e=>e.name===q),Y=z&&(0,v.HT)(z,_.YY),Q=(0,l.useCallback)(o=>{var l,i;if(F(!0),!t&&e.lock&&M)return x.error({id:"BLOCK_ACCESS_TO_LOCKED_ERROR",message:y("No access to edit the letter."),data:(0,n.x_)(e)}),void F(!1);if(((null===(l=e.tags)\|\|void 0===l?void 0:l.length)\|\|(null===(i=e.blocktags)\|\|void 0===i?void 0:i.length))>10&&M)return x.error({id:"BLOCK_TOO_MANY_TAGS_ERROR",message:y("Maximum 10 tags available."),data:(0,n.x_)(e)}),void F(!1);if(""===e.type)return x.error({message:y("Set the type"),description:y("Please set the 'Type' field in the Settings section.")}),void F(!1);const a=t=>{var l;const i=null===(l=e.tags)\|\|void 0===l?void 0:l.map(e=>{const o=null===Y\|\|void 0===Y?void 0:Y.find(t=>t.name===e);return o?o.id:H({name:e,parent:t}).then(({error:t,data:o})=>{var l,i;return 400===(null===t\|\|void 0===t?void 0:t.status)?null===t\|\|void 0===t\|\|null===(l=t.data)\|\|void 0===l\|\|null===(i=l.data)\|\|void 0===i?void 0:i.term_id:o?o.id:void(t&&(x.fromError("TAG_CREATING_ERROR",e,t),F(!1)))})}),a=(l=null)=>{const i=o=>{I.dispatch(g.kE.endpoints.getTags.initiate({parent:t})),W(),M&&(x.success({id:"BLOCK_EDITING_SUCCESS",message:y("The block was successfully saved.","block"),data:(0,n.x_)(e)}),F(!1)),fetch(((e,t,o,l)=>`https://scr.emcdn.ru/screenshot?delay=1000&width=800&fullPage=true&deviceScaleFactor=0.8&format=jpg&clearCache=true${l?`&cacheControl=true&cache-hash=${c()(l)}`:""}&url=${encodeURIComponent(`https://dev-backend-1.emailmaker.ru/get${e}/${o}?secret_hash=${c()(`${t}${o}${_.KI}`)}&raw=true`)}`)(_.IE,k,o.id,o.modified),{mode:"no-cors"}).then(()=>{})},a=(0,v._q)(e,_.zh).filter(t=>(l\|\|e.blocktags).includes(t.id)).map(e=>e.name);e.isNew?$.status!==_.eG&&U({source:o,title:null===e.title?y("New block title"):e.title,project:e.project,type:e.type?e.type:"Other",description:e.description,html:(null===A\|\|void 0===A?void 0:A.getValue())\|\|"",blocktags:l?l.join(","):e.blocktags,tags:a}).then(({data:t,error:o})=>{o?(x.fromError("BLOCK_CREATING_ERROR",{title:e.title,html:(null===A\|\|void 0===A?void 0:A.getValue())\|\|""},o),F(!1)):i(t)}):G.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===A\|\|void 0===A?void 0:A.getValue())\|\|"",blocktags:l\|\|e.blocktags,tags:a}).then(({data:t,error:o})=>{o&&M?(x.fromError("BLOCK_EDITING_ERROR",(0,n.x_)(e),o),F(!1)):i(t)})};i?Promise.all(i).then(e=>a(e)):a(null)};F(!0),K?a(K.id):H({name:q}).then(async({data:t,error:o})=>{if(o)x.fromError("FOLDER_CREATING_ERROR",q,o),F(!1);else{const{data:o,error:l}=await X({projectId:k,blocktags:t.id});l?(x.fromError("BLOCK_CLONING_ERROR",(0,n.x_)(e),l),F(!1)):o&&a(o.blocktags&&o.blocktags[0])}}).catch(e=>{})},[$.status,U,G.status,j,e,t,H,X,k,y,M,A,x,Y,W,I,K,q]);(0,l.useEffect)(()=>{M&&(Q(),V(!1))},[M,Q]);const J=(0,l.useCallback)(e=>{(e.ctrlKey\|\|e.metaKey)&&83===e.keyCode&&(e.preventDefault(),V(!0))},[]);(0,l.useEffect)(()=>(document.addEventListener("keydown",J),()=>{document.removeEventListener("keydown",J)}),[J]);const Z=(0,l.useCallback)(e=>{const t=e.data.operation,o=e.data.action;t===_.Ru.APPLICATION_ACTION&&"save_email"===o&&V(!0)},[]);return(0,b.A)(Z),(0,l.useEffect)(()=>{$.isError&&(F(!1),x.error($))},[T,$]),(0,l.useEffect)(()=>{const e=setTimeout(()=>{C(!0)},1e4);return()=>{clearTimeout(e)}},[]),(0,l.useEffect)(()=>{e.isNew&&!w&&N&&(Q(),C(!1))},[N,e,Q,w]),l.createElement(a.m_,{title:y(P?"Save by \u2318S":"Save by Ctrl+S"),placement:o?"right":"bottomRight"},l.createElement(a.$n,{type:"primary",block:o,className:"em-analytics__block-save",icon:l.createElement(i.A,{icon:"SaveOutlined"}),onClick:()=>{D({event:"click",action:"save_block"}),V(!0)},loading:G.isLoading\|\|X.isLoading\|\|$.isLoading\|\|O\|\|m},o\|\|B\|\|R?"":y("Save")))}},32638:(e,t,o)=>{o.d(t,{Ay:()=>L,QG:()=>P,Wv:()=>C});var l=o(1936),i=o(69622),a=o(6403),n=o(84075),r=o(71715),d=o(48155),s=o.n(d),m=o(47706),c=o(89591),u=o(72531),p=o(87796),g=o(15582),b=o(61062),h=o(52898),v=o(41244),f=o(942),E=o(91480),_=o(7314),S=o(36234),y=o(65185),k=o(2527),w=o(96040),B=o(93506),R=o(65893),T=o(51597),x=o(31345),A=o(98173);const I="NEXT_BUTTON",N="KEYBOARD",C=(e,t,o,l,i=!0,a=.8,n,r)=>{var d;const m=null!==(d=null!==l&&void 0!==l?l:r)&&void 0!==d?d:o;return`${window.location.host.indexOf("localhost"),"https://scr.emcdn.ru"}/screenshot?delay=1000&width=800${n?"":"&fullPage=true"}&deviceScaleFactor=${a}&format=jpg&clearCache=${i}${`&cacheControl=true&cache-hash=${s()(String(m))}`}&url=${encodeURIComponent(`https://app.emailmaker.ru/get${e}/${o}?secret_hash=${s()(`${t}${o}${B.KI}`)}&raw=true`)}${n?`&selector=${n}`:""}`},P=(e,t,o=!0,l=.8,i,a)=>{var n;let r=`https://racs.emcdn.ru/v3/file/${e}?resource=exportPngApi`;const d=null!==(n=null!==t&&void 0!==t?t:a)&&void 0!==n?n:e;return`${window.location.host.indexOf("localhost"),"https://scr.emcdn.ru"}/screenshot?delay=1000&width=800${i?"":"&fullPage=true"}&deviceScaleFactor=${l}&format=jpg&clearCache=${o}${`&cacheControl=true&cache-hash=${s()(String(d))}`}&url=${encodeURIComponent(`${r}`,`${r}`)}${i?`&selector=${i}`:""}`},L=({email:e=null,isEditableRights:t=null,autoSaveEmailResult:o,disabled:d})=>{var s,P;let L=(0,r.wA)(),O=(0,n.Zp)();const{__:F,_x:M}=(0,m.s9)(),{projectId:V,emailId:D}=(0,n.g)(),z=(0,k.p)(),W=(0,a.hN)(),H=(0,f.rD)(),j=(0,_.fn)(),G=(0,r.Pj)(),U=(0,r.d4)(h.rY),$=(0,r.d4)(h.UI),X=(0,r.d4)(A.C1),[q,K]=(0,l.useState)(!1),[Y,Q]=(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")&&Q(!0)},[]);const{data:J,refetch:Z}=(0,u.fo)(+V,{skip:!+V}),{data:ee,refetch:te}=(0,p.Jz)({parent:null===J\|\|void 0===J\|\|null===(s=J.folder)\|\|void 0===s?void 0:s[0]},{skip:!B.EW.isPlugin\|\|!(null!==J&&void 0!==J&&null!==(P=J.folder)&&void 0!==P&&P[0])}),[oe]=(0,c.Gr)(),[le]=(0,p.JI)(),[ie,ae]=(0,c.dN)(),[ne,re]=(0,c.Kh)(),[de]=(0,u.OD)(),[se,me]=(0,l.useState)(!1),[ce,ue]=(0,l.useState)(""),pe=`project_${V}`,ge=J&&(0,v._q)(J,B.zh).find(e=>e.name===pe),be=J&&(0,v.HT)(J,B.zh),he=(0,y.ml)(R.AZ.BEFORE_SAVE_EMAIL),ve=(0,E.u)(),fe=(0,l.useCallback)(o=>{var l,i;if(!t&&e.lock&&ce)return void W.error({id:"EMAIL_ACCESS_TO_LOCKED_ERROR",data:(0,a.Gy)(e),message:F("No access to edit the letter.")});if(((null===e\|\|void 0===e\|\|null===(l=e.tags)\|\|void 0===l?void 0:l.length)\|\|(null===(i=e.emailtags)\|\|void 0===i?void 0:i.length))>10&&ce)return void W.error({id:"EMAIL_TOO_MANY_TAGS_ERROR",data:(0,a.Gy)(e),message:F("Maximum 10 tags available.")});const n=async t=>{var l;const i=Object.entries(U).flatMap(([e,t])=>t.map(({value:t,label:o})=>({id:+t,name:o,parent:+e.split("_")[0]})));let n=[];$.length&&$.forEach(e=>{n.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===be\|\|void 0===be?void 0:be.find(t=>t.name===e);return o?o.id:oe({name:e,parent:t}).then(({error:t,data:o})=>{var l,i;return 400===(null===t\|\|void 0===t?void 0:t.status)?null===t\|\|void 0===t\|\|null===(l=t.data)\|\|void 0===l\|\|null===(i=l.data)\|\|void 0===i?void 0:i.term_id:o?o.id:void(t&&(W.fromError("TAG_CREATING_ERROR",e,t),me(!1)))})}))\|\|[],d=(null===i\|\|void 0===i?void 0:i.map(e=>{const t=null===n\|\|void 0===n?void 0:n.find(t=>t.id===e.id);return t?t.id:le({name:e.name,parent:e.parent}).then(({error:t,data:o})=>{var l,i;return 400===(null===t\|\|void 0===t?void 0:t.status)?null===t\|\|void 0===t\|\|null===(l=t.data)\|\|void 0===l\|\|null===(i=l.data)\|\|void 0===i?void 0:i.term_id:o?o.id:void(t&&(W.fromError("GROUP_CREATING_ERROR",e,t),me(!1)))})}))\|\|[],s=void 0!==e.tags,m=(null===i\|\|void 0===i?void 0:i.length)>0,c=(e,l=null,i=null,n=[])=>{var r,d,s;const m=(null===(r=e.title)\|\|void 0===r?void 0:r.trim())\|\|(null===(d=e.subject)\|\|void 0===d?void 0:d.trim())\|\|F("Untitled email."),c=o=>{if(G.dispatch(p.kE.endpoints.getTags.initiate({parent:t})),!B.EW.isPlugin&&Z)try{Z()}catch(l){}if(ce&&(W.success({id:"EMAIL_SAVING_SUCCESS",message:F("The email was successfully saved."),data:(0,a.Gy)(e)}),me(!1),!B.EW.isPlugin&&ee&&te))try{te()}catch(l){}B.EW.isPlugin\|\|fetch(C(B.Tm,V,o.id,o.modified),{mode:"no-cors"}).then(()=>{})},u=(0,v._q)(e,B.zh).filter(t=>(l\|\|e.emailtags).includes(t.id)).map(e=>e.name);var g,h,f,E,_;if(e.isNew){if(re.status!==B.eG){const t=z.get(B.A9.em_folder);ne({title:m,source:o,...void 0!==e.meta?{meta:e.meta}:{},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===j\|\|void 0===j?void 0:j.getValue())\|\|"",parent_email:e.parent_email\|\|B.iU,common_styles:e.common_styles\|\|"",emailtags:l?l.join(","):e.emailtags,tags:u,group:i\|\|e.group,is_template:e.is_template\|\|!1,is_inited:e.is_inited,renderGuid:e.renderGuid,folder:t!==B.y2&&t}).then(({data:t,error:l})=>{xe.current=!1,l?(o===I&&Ae(!1),ce&&W.fromError("EMAIL_CREATING_ERROR",{title:e.title,code:(null===j\|\|void 0===j?void 0:j.getValue())\|\|""},l),me(!1)):(L((0,b.aY)(null)),c(t),z.remove(B.A9.em_folder))})}}else ae.status!==B.eG&&ie({emailId:e.id,source:o,title:m,...void 0!==e.meta?{meta:e.meta}:{},project:e.project,preheader:e.preheader,subject:e.subject,utm_parameters:{utm_source:null===(g=e.utm_parameters)\|\|void 0===g?void 0:g.utm_source,utm_medium:null===(h=e.utm_parameters)\|\|void 0===h?void 0:h.utm_medium,utm_campaign:null===(f=e.utm_parameters)\|\|void 0===f?void 0:f.utm_campaign,utm_term:null===(E=e.utm_parameters)\|\|void 0===E?void 0:E.utm_term,utm_content:null===(_=e.utm_parameters)\|\|void 0===_?void 0:_.utm_content},description:e.description,html:(null===j\|\|void 0===j?void 0:j.getValue())\|\|"",common_styles:e.common_styles\|\|"",emailtags:l\|\|e.emailtags,tags:u,group:i\|\|e.group,is_template:e.is_template\|\|!1}).then(({error:t})=>{xe.current=!1,t?(o===I&&Ae(!1),ce&&W.fromError("EMAIL_EDITING_ERROR",(0,a.Gy)(e),t),me(!1)):c(e)});ve({event:"save",action:o?"save_email":"auto_save_email",email_id:e.id,project_id:V,subscription:null===X\|\|void 0===X\|\|null===(s=X.subscription)\|\|void 0===s?void 0:s.post_title})},u={...e};he.fire(u).finally(()=>{s\|\|m?Promise.all(r).then(e=>{Promise.all(d).then(t=>{c(u,s?e:null,m?t:null,[])})}):c(u,null,null,[])})};me(!0),ge?n(ge.id):oe({name:pe}).then(async({data:t,error:o})=>{if(o)W.fromError("FOLDER_CREATING_ERROR",pe,o),me(!1);else{const{data:o,error:l}=await de({projectId:V,emailtags:t.id});l?(W.fromError("EMAIL_CLONING_ERROR",(0,a.Gy)(e),l),me(!1)):o&&n(o.emailtags&&o.emailtags[0])}}).catch(e=>{})},[re.status,ne,ae.status,ie,e,t,oe,L,de,V,J,F,M,ce,j,be,he]);(0,S.D3)(T.Kp,(0,l.useCallback)(e=>fe(e\|\|"EXTERNAL"),[fe]));const Ee=(0,y.ml)(R.AZ.ON_NEXTBUTTON_CLICK_ID),_e=(0,y.ml)(R.AZ.ON_SAVEBUTTON_CLICK_ID);(0,l.useEffect)(()=>{ce&&(setTimeout(()=>fe(ce)),ue(""))},[ce]);const Se=(0,l.useCallback)(e=>{(e.ctrlKey\|\|e.metaKey)&&83===e.keyCode&&(e.preventDefault(),ue(N))},[fe]);(0,l.useEffect)(()=>(document.addEventListener("keydown",Se),()=>{document.removeEventListener("keydown",Se)}),[Se]);const ye=(0,l.useCallback)(e=>{const t=e.data.operation,o=e.data.action;t===B.Ru.APPLICATION_ACTION&&"save_email"===o&&ue(N)},[fe]);(0,g.A)(ye),(0,l.useEffect)(()=>{e.isNew&&re.isSuccess&&(me(!0),L(c.GY.util.upsertQueryData("getEmail",re.data.id,{...re.data,...void 0!==e.meta?{meta:e.meta}:{},lock:e.lock,isAmp:e.isAmp,subject:e.subject,preheader:e.preheader,description:e.description,html:(null===j\|\|void 0===j?void 0:j.getValue())\|\|"",project:e.project,tags:e.tags,utm_parameters:e.utm_parameters,parent_email:e.parent_email,common_styles:e.common_styles,renderGuid:e.renderGuid,is_inited:e.is_inited,isNew:!1})).then(()=>{O(`/projects/${re.data.project}/emails/${re.data.id}`),me(!1),ce&&W.success({id:"EMAIL_SAVING_SUCCESS",message:F("The email was successfully saved."),data:(0,a.Gy)(e)})}))},[O,L,re,e.isNew,F,M,ce,j]);const ke=(0,y._q)(R.AZ.ON_EMAIL_INIT_ID);(0,l.useEffect)(()=>{let e=0;const t=ke(()=>{e=setTimeout(()=>K(!0),1e4)});return()=>{e&&clearTimeout(e),t.dispose()}},[K,ke]),(0,l.useEffect)(()=>{e.isNew&&!D&&q&&(fe(),K(!1))},[q,e,fe,D]);const we=ae.isLoading\|\|(null===de\|\|void 0===de?void 0:de.isLoading)\|\|re.isLoading\|\|se\|\|o&&o.isLoading,Be=H.saveButtonEnabled&&l.createElement(i.m_,{key:"save-button",title:F(Y?"Save by \u2318S":"Save by Ctrl+S"),placement:"bottom"},l.createElement(i.$n,{disabled:d,type:H.nextButtonEnabled?"default":"primary",block:"false",className:"em-analytics__email-save",loading:we,icon:l.createElement(w.A,{icon:"SaveOutlined",size:16,strokeWidth:H.iconStrokeWidth}),onClick:async()=>{const t={...e,html:j.getValue()};try{!1!==await _e.fire(t)&&ue("SAVE_BUTTON")}catch(o){W.fromError("SAVE_BUTTON_CLICK_EVENT_ERROR",(0,a.Gy)(t),o,!0)}}},H.saveButtonText\|\|F("Save"))),Re=!1!==H.disableDoubleClickNextButton,Te=!1===H.activeNextButton,xe=(0,l.useRef)(!1),Ae=e=>{L((0,x.wj)(!e))},Ie=H.nextButtonEnabled&&l.createElement(i.$n,{disabled:d\|\|Te,key:"next-button",type:"primary",block:"false",className:"em-analytics__email-save",icon:H.primaryCommandButtonIcon,loading:we,onClick:async()=>{if(xe.current)return;xe.current=!0;const t={...e,html:j.getValue()};try{Re&&Ae(!0),(await Ee.fire(t)).every(e=>!1!==e)?ue(I):(Ae(!1),xe.current=!1)}catch(o){W.fromError("NEXT_BUTTON_CLICK_EVENT_ERROR",(0,a.Gy)(t),o,!0),Ae(!1),xe.current=!1}}},H.nextButtonText\|\|F("Continue"));return l.createElement(l.Fragment,null,H.saveButtonEnabled&&H.nextButtonEnabled?l.createElement(i.$x,null,[Be,Ie]):[Be,Ie])}},56315:(e,t,o)=>{o.d(t,{A:()=>s});var l=o(1936),i=o(69622),a=o(47706),n=o(93506),r=o(7714),d=o(942);const s=({form:e,elementSettings:t,imgParent:o=!1,name:s="align",setAlignStateHandle:m=()=>{},withHotKeys:c=!0})=>{const{__:u}=(0,a.s9)(),p=(0,r.XW)(),g=(0,d.rD)(),[b,h]=(0,l.useState)(null);(0,l.useEffect)(()=>{var e;null!==globalThis&&void 0!==globalThis&&null!==(e=globalThis.navigator)&&void 0!==e&&e.userAgent.includes("Macintosh")&&h(!0)},[]);const v={alignLeft:u("Text align left"),alignCenter:u("Text align center"),alignRight:u("Text align right"),alignJustify:u("Text align justify")},f={alignLeft:u("Text align left ( \u2318+Shift+L )"),alignCenter:u("Text align center ( \u2318+Shift+E )"),alignRight:u("Text align right ( \u2318+Shift+R )"),alignJustify:u("Text align justify ( \u2318+Shift+J )")},E={alignLeft:u("Text align left ( Ctrl+Shift+L )"),alignCenter:u("Text align center ( Ctrl+Shift+E )"),alignRight:u("Text align right ( Ctrl+Shift+R )"),alignJustify:u("Text align justify ( Ctrl+Shift+J )")};let _=v;c&&(_=b?f:E);const S=t[s],y="string"===typeof S?S:"";return l.createElement(i.lV.Item,{name:s},l.createElement(i.Qx,{value:y,onChange:o=>{m(o),e.setFieldsValue({[s]:o}),p({operation:n.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{[s]:o}})},disabled:o&&!t.parent,strokeWidth:null===g\|\|void 0===g?void 0:g.iconStrokeWidth,labels:_}))}},71461:(e,t,o)=>{o.d(t,{A:()=>d});var l=o(1936),i=o(69622),a=o(47706),n=o(71715),r=o(52898);const d=e=>{const{form:t,namePrefix:o="",typeOfForm:d="desktop"}=e,{__:s,_x:m}=(0,a.s9)(),c=(0,n.d4)(r.uJ).usedColors;return l.createElement(i.Ok,{form:t,namePrefix:o,typeOfForm:d,usedColors:c,labels:{color:s("Color"),width:m("Width","border"),none:s("None"),solid:s("Solid"),dashed:s("Dashed"),dotted:s("Dotted"),above:s("Above"),below:s("Below"),onLeft:s("On the left"),onRight:s("On the right"),around:s("Around"),usedColors:s("Used"),recommendedColors:s("Recommended")}})}},73847:(e,t,o)=>{o.d(t,{A:()=>m});var l=o(1936),i=o(69622),a=o(47706),n=o(7714),r=o(93506),d=o(57546);const s=({form:e,oneBorderRadiusValue:t,setOneBorderRadiusValue:o,elementSettings:s,namePrefix:m="",typeOfForm:c="desktop"})=>{const{__:u}=(0,a.s9)(),p=(0,n.XW)(),g="mobile"===c,b=g?"mobileBorderRadius":"borderRadius",h=g?"mobileBorderRadiusAll":"borderRadiusAll",v=g?"mobileBorderRadiusTopLeft":"borderRadiusTopLeft",f=g?"mobileBorderRadiusTopRight":"borderRadiusTopRight",E=g?"mobileBorderRadiusBottomRight":"borderRadiusBottomRight",_=g?"mobileBorderRadiusBottomLeft":"borderRadiusBottomLeft",S=g?d.NW:d.wF;return l.createElement(i.sQ,{namePrefix:m,typeOfForm:c,oneBorderRadiusValue:t,onToggle:()=>{const l=e.getFieldsValue(!0);let i;if(t)e.setFieldsValue({[v]:l[h]\|\|null,[_]:l[h]\|\|null,[f]:l[h]\|\|null,[E]:l[h]\|\|null}),i={[b]:{[S[v]]:l[h]\|\|0,[S[_]]:l[h]\|\|0,[S[f]]:l[h]\|\|0,[S[E]]:l[h]\|\|0}};else{l[v]===l[_]&&l[v]===l[f]&&l[v]===l[E]?(e.setFieldsValue({[h]:l[v]}),i={[b]:{[S[h]]:l[v]}}):(e.setFieldsValue({[v]:null,[_]:null,[f]:null,[E]:null}),i={[b]:{[S[h]]:0,[S[v]]:0,[S[_]]:0,[S[f]]:0,[S[E]]:0}})}const a=g?{mobileBorderRadius:{all:l.mobileBorderRadiusAll\|\|null,classNamePrefix:"em-mob-border_radius_all-"}}:{[`${m}${b}`]:{...s[`${m}${b}`],...i[`${m}${b}`]}};p({operation:r.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:s.type,settings:a}),o(e=>!e)},borderRadiusIcon:l.createElement(i.HQ,{icon:"BorderRadius",className:"selected-td-form__icon-radius"}),labels:{borderRadius:u("Border radius"),topLeft:u("Top left corner"),topRight:u("Top right corner"),bottomLeft:u("Bottom left corner"),bottomRight:u("Bottom right corner")}})};s.displayName="SelectedElementFormBorderRadius";const m=s},27468:(e,t,o)=>{o.d(t,{A:()=>s});var l=o(1936),i=o(69622),a=o(91113),n=o(41244),r=o(93506);const d=({form:e,label:t,name:o,disabled:d,elementSettings:s,previewReloadSignal:m})=>{var c;const{token:u}=(0,i.rd)(),[p,g]=(0,l.useState)("success"),b=i.lV.useWatch((null===s\|\|void 0===s?void 0:s.type)===r.bV.CAROUSEL?["images",o]:[o],e);return(0,l.useEffect)(()=>{b?(0,n.DI)(b).then(e=>{g(e)}).catch(e=>{g(e)}):g("")},[b]),l.createElement(i.lV.Item,{name:o,validateStatus:p,style:{marginBottom:u.formItemMarginBottomXS}},l.createElement(a.A,{validateStatus:p,placeholder:t,name:o,disabled:d,elementSettings:s,imageInfo:(null===s\|\|void 0===s?void 0:s.type)===r.bV.CAROUSEL?null===s\|\|void 0===s\|\|null===(c=s.carouselImages)\|\|void 0===c?void 0:c[o.split("_")[1]]:s,previewReloadSignal:m}))};d.defaulProps={disabled:!1,previewReloadSignal:null};const s=d},87826:(e,t,o)=>{o.d(t,{A:()=>S});var l=o(1936),i=o(71715),a=o(84075),n=o(96040),r=o(69622),d=o(6403),s=o(78443),m=o(98173),c=o(22817),u=o(72531),p=o(44004),g=o(47706),b=o(41244),h=o(942),v=(o(91480),o(93506)),f=o(7314),E=o(65185),_=o(65893);const S=({isModalVisible:e=!1,email:t=null})=>{const{__:o}=(0,g.s9)(),[S]=r.lV.useForm(),y=(0,i.wA)(),{emailId:k}=(0,a.g)(),w=(0,d.hN)(),B=(0,i.d4)(m.C1),R=(0,i.d4)(c.Rz),[T,x]=(0,p.lg)(),{token:A}=(0,r.rd)(),I=(0,i.Pj)(),[N,C]=(0,l.useState)(!1),P=((0,h.rD)(),t.project),[L,O]=(0,u.OD)(),{data:F}=u.Nq.endpoints.getProject.select(+P)(I.getState()),{testEmails:M}=(0,h.rD)(),[V,D]=(0,l.useState)([]),[z,W]=(0,l.useState)(!1),H=(0,E.ml)(_.AZ.ON_SEND_EMAIL_MODAL_ID);(0,l.useEffect)(()=>{v.EW.isPlugin&&e?H.fire(t).then(t=>{t.some(e=>!1===e)?y((0,s.Oo)()):C(e)}):C(e)},[e,y,C,t,H]),(0,l.useEffect)(()=>{if(F&&!v.EW.isPlugin){const{owner:e,admins:t,users:o,invited_users:l}=F.members;let i=[];const a=localStorage.getItem(v.V0.em_test_emails)?JSON.parse(localStorage.getItem(v.V0.em_test_emails)):[];if(a.length&&a[P]&&a[P].map(({prevLSEmail:e})=>i.push(e)),l&&l.map(({invited_user_email:e})=>i.push(e)),o&&o.map(({user_email:e})=>i.push(e)),e&&i.push(e.user_email),t&&t.map(({user_email:e})=>i.push(e)),F.projects_test_emails){const e=F.projects_test_emails.map(({projects_test_email:e})=>e);i.push(...e)}const n=Array.from(new Set(i));i.length&&D(n.map(e=>({value:e})))}},[F,P]),(0,l.useEffect)(()=>{v.EW.isPlugin&&D(M.map(e=>({value:e})))},[M]),(0,l.useEffect)(()=>{var e;const t=localStorage.getItem(v.V0.em_test_emails);if(t&&N&&0===(null===(e=S.getFieldValue("recipients"))\|\|void 0===e?void 0:e.length)){const e=JSON.parse(t);null!==e&&void 0!==e&&e[P]&&S.setFieldsValue({recipients:e[P]})}},[P,N,S]),(0,l.useEffect)(()=>{S.setFieldsValue({subject:t.subject})},[S,t.subject]);const j=(0,f.fn)(),G=l.useRef(R);return G.current=R,(0,l.useEffect)(()=>{const e=G.current;if(x.isSuccess&&z){var l;if(200===(null===(l=x.data)\|\|void 0===l?void 0:l.status)\|\|v.EW.isPlugin){const l=[...new Set([...V.map(e=>e.value),...S.getFieldValue("recipients")])].map(e=>({projects_test_email:e})),i=(e,t)=>{if(!e\|\|!t)return e===t;if(e.length!==t.length)return!1;const o=e.map(e=>e.projects_test_email).sort(),l=t.map(e=>e.projects_test_email).sort();return o.every((e,t)=>e===l[t])};i(l,e)\|\|L({projectId:P,projects_test_emails:l});const a=localStorage.getItem(v.V0.em_test_emails)?JSON.parse(localStorage.getItem(v.V0.em_test_emails)):[];let n=S.getFieldValue("recipients");localStorage.setItem(v.V0.em_test_emails,JSON.stringify({...a,[P]:[...new Set(n)]})),w.success(o("The email \u201c")+t.title+o("\u201d was successfully sent."))}else{var i,a;w.error({error:{data:{code:null===(i=x.data)\|\|void 0===i?void 0:i.code,message:null===(a=x.data)\|\|void 0===a?void 0:a.message}}})}W(!1),S.resetFields(),y((0,s.Oo)())}},[x,S,P,L,V,z,y,t.title,O,o]),(0,l.useEffect)(()=>{O.isError&&(w.error(O),W(!1),S.resetFields(),y((0,s.Oo)()))},[y,O,S]),(0,l.useEffect)(()=>{S.setFieldsValue({subject:t.subject\|\|t.title})},[t,S]),l.createElement(r.aF,{width:572,title:l.createElement("div",{style:{paddingBottom:8}},l.createElement(n.A,{icon:"SendOutlined",size:20,strokeWidth:2})," ",o("Send a test email")),open:N,onCancel:()=>{y((0,s.Oo)()),S.resetFields()},footer:[l.createElement(r.$n,{key:"submit",size:"large",className:"em-analytics__email-send-test",type:"primary",htmlType:"submit",form:"Send mail",loading:O.isLoading,icon:l.createElement(n.A,{icon:"SendOutlined",size:18,strokeWidth:2,className:"email-preview-menu__list-item-icon"}),onClick:()=>{S.validateFields().then(()=>{const e={user_id:B.id,project_id:P,email_id:k,subject:S.getFieldValue("subject"),email:S.getFieldValue("recipients").join(","),html:(t=(null===j\|\|void 0===j?void 0:j.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;T(e).unwrap().catch(e=>{var t,o;w.error({error:{data:{code:null===e\|\|void 0===e\|\|null===(t=e.data)\|\|void 0===t?void 0:t.code,message:null===e\|\|void 0===e\|\|null===(o=e.data)\|\|void 0===o?void 0:o.message}}})}),W(!0),pushToDataLayer({event:"submit",action:"send_test_email",entity_id:k,project_id:P,recipients_count:S.getFieldValue("recipients").length})}).catch(e=>{})},disabled:x.isLoading},o("Send"))],forceRender:!0},l.createElement(r.lV,{form:S,layout:"vertical",name:"send_mail_form",initialValues:{subject:t.subject\|\|t.title,recipients:[]},autoComplete:"off"},l.createElement(r.lV.Item,{label:o("Subject"),name:"subject",rules:[{required:!1,message:o("Please type subject")}]},l.createElement(r.pd,{size:"large",placeholder:o("Type subject")})),l.createElement(r.lV.Item,{label:o("Recipients"),name:"recipients",tooltip:{title:o("The test email will be sent to the specified addresses."),icon:l.createElement(n.A,{icon:"InfoCircleOutlined"})},rules:[{required:!0,validator:(e,t)=>t.length>10?Promise.reject(new Error(o("A test email can be sent to a maximum of 10 addresses."))):0!==t.length?t.every(e=>b.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(r.Select,{size:"large",mode:"tags",placeholder:o("Add up to 10 recipients"),tooltip:{title:"Tooltip with customize icon",icon:l.createElement(n.A,{icon:"InfoCircleOutlined"})},options:V,tagRender:e=>{const{label:t,closable:o,onClose:i}=e;return l.createElement(r.vw,{color:A.colorPrimary,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},closable:o,onClose:i,style:{borderRadius:6}},t)},getPopupContainer:()=>document.getElementById("send_mail_form")}))))}},73378:(e,t,o)=>{o.d(t,{A:()=>p});var l=o(1936),i=o(32544),a=o.n(i),n=o(47706),r=o(6403),d=o(89591),s=o(60791),m=o(91480),c=o(93506);const u=({element:e,context:t="list"})=>{const{__:o,_x:i}=(0,n.s9)(),[a]=(0,d.dN)(),[u]=(0,s.OZ)(),p=(0,r.hN)(),g=(0,m.u)(),b=(e.hasOwnProperty("type")?c.IE:c.Tm,(e,t)=>{if(e.error)return p.error(e),!1;p.success(o("The ")+(t.hasOwnProperty("type")?o("block"):i("email","letter"))+" "+o("\u201c")+e.data.title+o("\u201d")+o("was successfully")+" "+(t.lock?t.hasOwnProperty("type")?i("unlocked.","block"):i("unlocked.","email"):t.hasOwnProperty("type")?i("locked.","block"):i("locked.","email")))});return l.createElement("div",{className:e.hasOwnProperty("type")?"em-analytics__block-lock":"em-analytics__email-lock",onClick:()=>{const o=!e.lock,l=o?"lock_email":"unlock_email";e.hasOwnProperty("type")?u({blockId:e.id,lock:o}).then(l=>{b(l,e),l.error\|\|g({event:o?"lock":"unlock",action:o?"lock_block":"unlock_block",entity_type:"block",entity_id:e.id,project_id:e.project,context:t})}):a({emailId:e.id,lock:o}).then(i=>{b(i,e),i.error\|\|g({event:o?"lock":"unlock",action:l,entity_type:"email",entity_id:e.id,project_id:e.project,context:t})})}},e.lock?o("Unlock"):o("Lock"))};u.defaultProps={element:a().shape({lock:null,id:null})};const p=u},91113:(e,t,o)=>{o.d(t,{A:()=>E});var l=o(1936),i=o(69622),a=o(71715),n=o(6056),r=o.n(n),d=o(47706),s=o(96040),m=o(81644),c=o(60034),u=o(98173),p=o(22817),g=o(942),b=o(7714),h=o(32467),v=o(74397),f=o(93506);const E=({onChange:e,value:t,validateStatus:o,placeholder:n,disabled:E,name:_,elementSettings:S,imageInfo:y,previewReloadSignal:k})=>{var w,B;const R=(0,a.d4)(u.C1),T=(0,a.d4)(u.B$),x=(0,a.d4)(p.yN),A=(0,g.rD)(),{__:I}=(0,d.s9)(),N=(0,b.XW)(),{openImagePicker:C}=(0,v.p)(),[P,L]=(0,l.useState)({width:"",height:"",size:""}),[O,F]=(0,l.useState)(!1),[M,V]=(0,l.useState)(0),[D,z]=(0,l.useState)(""),W=(0,l.useRef)(""),H=(0,l.useRef)((null===k\|\|void 0===k?void 0:k.counter)\|\|0),[j]=(0,c.FQ)();let G=!T&&(null===(w=R.id)\|\|void 0===w?void 0:w.toString())===(null===x\|\|void 0===x\|\|null===(B=x.members)\|\|void 0===B?void 0:B.owner.ID);(0,l.useEffect)(()=>{t?j(t).then(({data:e})=>{L(e?{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}:{width:"",height:"",size:""})}).catch(()=>{L({width:"",height:"",size:""})}):L({width:"",height:"",size:""})},[t,j]),(0,l.useEffect)(()=>t?t.startsWith("data:")\|\|t.startsWith("blob:")?(W.current=t,void z(t)):(W.current=(0,h.xv)(t),void z(t)):(W.current="",void z("")),[t]);const U=()=>{const e=W.current;!e\|\|e.startsWith("data:")\|\|e.startsWith("blob:")\|\|z((0,h.J)((0,h.xv)(e)))};(0,l.useEffect)(()=>{null!==k&&void 0!==k&&k.counter&&k.name===_&&k.counter!==H.current&&(H.current=k.counter,U())},[_,k]);const $=async(o=null)=>{var l;const i=_.startsWith("src"),a=o\|\|(i?f.lx.UPLOAD_IMAGE_MODAL:f.lx.UPLOAD_BACKGROUND_MODAL),n=await C({kind:i?"img":"background",currentUrl:(0,h.xv)(t\|\|""),entryModal:a});if(null===n\|\|void 0===n\|\|!n.url)return;const r=(0,h.xv)(t\|\|"")===(0,h.xv)(n.url);r&&n.url===t\|\|e(n.url),"save"===(null===(l=n.meta)\|\|void 0===l?void 0:l.mode)&&r&&(U(),i&&N({operation:f.Ru.SANDBOX_CURRENT_IMAGE_RELOAD,src:n.url,forceReload:!0}))},X=[{label:I("Upload"),key:"Upload",onClick:()=>$(_.startsWith("src")?f.lx.UPLOAD_IMAGE_MODAL_UPLOAD:f.lx.UPLOAD_BACKGROUND_MODAL_UPLOAD)}];A.imageCenterStockEnabled&&X.push({label:I("Stock"),key:"Stock",onClick:()=>$(_.startsWith("src")?f.lx.UPLOAD_IMAGE_MODAL_STOCK:f.lx.UPLOAD_BACKGROUND_MODAL_STOCK)}),A.imageCenterGifEnabled&&X.push({label:I("GIF"),key:"GIF",onClick:()=>$(_.startsWith("src")?f.lx.UPLOAD_IMAGE_MODAL_GIF:f.lx.UPLOAD_BACKGROUND_MODAL_GIF)}),A.elementAIimageEnabled&&X.push({label:I("AI"),key:"AI",onClick:()=>$(_.startsWith("src")?f.lx.UPLOAD_IMAGE_MODAL_AI:f.lx.UPLOAD_BACKGROUND_MODAL_AI)});return l.createElement("div",{className:r()("upload-bg-image",{"upload-bg-image_disabled":E})},t?l.createElement("div",{className:"ant-input-file-uploader upload-bg-image__inner-wrap",onClick:e=>{var t,o,l,i;null!==(t=e.target)&&void 0!==t&&t.closest(".upload-bg-image__edit")\|\|null!==(o=e.target)&&void 0!==o&&o.closest(".upload-bg-image__edit-menu")\|\|null!==(l=e.target)&&void 0!==l&&l.closest(".upload-bg-image__menu")\|\|null!==(i=e.target)&&void 0!==i&&i.closest(".inputGroup")\|\|$(_.startsWith("src")?f.lx.UPLOAD_IMAGE_MODAL_UPLOAD:f.lx.UPLOAD_BACKGROUND_MODAL_UPLOAD)}},l.createElement(i.ms,{arrow:!0,dropdownRender:()=>A.imagePathDropdownEnabled?l.createElement("div",{className:"inputGroup"},l.createElement(i.pd,{prefix:l.createElement(s.A,{icon:"Image",size:20,strokeWidth:A.iconStrokeWidth,style:{verticalAlign:"text-top"}}),allowClear:!0,onChange:e,value:t,placeholder:n,name:_,disabled:E,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:D\|\|t,alt:""})),l.createElement("div",{className:"upload-bg-image__uploader-icons-wrap"},l.createElement("div",{className:"upload-bg-image__uploader-content"}))))),P.width&&P.height?l.createElement("div",{className:"image-size"},P.width," \xd7 ",P.height,!!S&&(S.type===f.bV.IMG\|\|S.type===f.bV.CAROUSEL)&&" \u2192 "+y.renderedWidth+" \xd7 "+y.renderedHeight,l.createElement("span",{className:"image-size-splitter"}," \xa0\u2022\xa0 "),l.createElement("span",null,P.size," ",I("kB")),P.format&&l.createElement(l.Fragment,null,l.createElement("span",{className:"image-size-splitter"}," \xa0\u2022\xa0 "),l.createElement("span",{className:"image-size-format"},P.format))):l.createElement(i.EY,{type:"secondary",className:"image-empty-text"},n))),l.createElement("div",{style:{flexGrow:1}}),"gif"!==P.format&&A.imageCenterEditorEnabled&&l.createElement(i.m_,{title:I("Edit")},l.createElement(i.EY,{type:"link",className:"upload-bg-image__edit"},l.createElement(s.A,{icon:"Edit",size:16,strokeWidth:A.iconStrokeWidth,onClick:()=>{G?(F(!0),V(5)):$(_.startsWith("src")?f.lx.UPLOAD_IMAGE_MODAL_EDIT:f.lx.UPLOAD_BACKGROUND_MODAL_EDIT)}}))),l.createElement(i.ms,{key:"Actions",arrow:{pointAtCenter:!0},placement:"bottom",menu:{items:X},overlayClassName:"upload-bg-image__menu"},l.createElement(i.EY,{type:"link",className:"upload-bg-image__edit-menu image-change"},t?l.createElement(s.A,{size:16,strokeWidth:A.iconStrokeWidth,icon:"SyncOutlined",onClick:()=>$(_.startsWith("src")?f.lx.UPLOAD_IMAGE_MODAL_UPLOAD:f.lx.UPLOAD_BACKGROUND_MODAL_UPLOAD)}):I("Upload")))):l.createElement(i.$n,{type:"default",block:!0,onClick:()=>$(_.startsWith("src")?f.lx.UPLOAD_IMAGE_MODAL_UPLOAD:f.lx.UPLOAD_BACKGROUND_MODAL_UPLOAD),icon:l.createElement(s.A,{icon:"Image",size:16,strokeWidth:A.iconStrokeWidth})},I("Add image")),l.createElement(m.A,{open:O,onCancel:()=>{F(!1)},initialSlide:M}))}},95085:(e,t,o)=>{o.d(t,{A:()=>J});var l=o(1936),i=o(61578),a=o(71715),n=o(84075),r=o(88260),d=o(69622),s=o(38496),m=o(12650),c=o(6056),u=o.n(c),p=o(47706),g=o(942),b=o(32495),h=o(86743),v=o(72153),f=o(96040),E=o(7959),_=o(25820),S=o(7714),y=o(65185),k=o(91480),w=o(93506),B=o(65893),R=o(61062),T=o(98173),x=o(22817),A=o(81644),I=o(40867),N=o(52898),C=o(68069),P=o(41244),L=o(26557);const O=({email:e,autoSaveEmailResult:t,isCollaborationEditor:o})=>{var i,r,s,m;const[c]=d.lV.useForm(),{__:O}=(0,p.s9)();let F=(0,a.wA)(),M=(0,n.Zp)();const V=(0,a.d4)(T.C1),D=(0,a.d4)(T.B$),z=(0,a.d4)(x.yN),W=(0,S.QC)(),H=(0,n.KC)(),j=null===H\|\|void 0===H?void 0:H.data,{owner:G,admin:U}=(0,E.A)(),{token:$}=(0,d.rd)(),X=(0,g.rD)(),q=(0,k.u)(),K=(0,l.useRef)(),Y=(0,l.useRef)(),Q=(0,l.useRef)(),J=(0,y.ml)(B.AZ.ON_PREVIOUSBUTTON_CLICK_ID),Z=(0,y.ml)(B.AZ.ON_PREHEADER_CHANGED_ID),ee=(0,y.ml)(B.AZ.ON_SUBJECT_CHANGED_ID),te=(0,a.d4)(I.yy),oe=e.hasOwnProperty("type")?w.IE:w.Tm,le=(0,a.d4)(N.qX),ie=(0,a.d4)(C.qX),ae=oe===w.Tm?le:ie,ne=(0,a.d4)(I.Fv),[re,de]=(0,l.useState)(!1),[se,me]=(0,l.useState)(!1),ce=!D&&(null===(i=V.id)\|\|void 0===i?void 0:i.toString())===(null===z\|\|void 0===z\|\|null===(r=z.members)\|\|void 0===r?void 0:r.owner.ID);(0,l.useEffect)(()=>{const e=!(null===ae\|\|void 0===ae\|\|!ae.type)&&((null===ae\|\|void 0===ae?void 0:ae.type)===w.bV.TEXT\|\|(null===ae\|\|void 0===ae?void 0:ae.type)===w.bV.LINK\|\|ae.type===w.bV.BUTTON)&&ne&&"bottom"!==te;de(e),F((0,I.oF)(e))},[ae,te,ne]);const ue=(0,l.useCallback)(()=>{if(q({event:"click",action:"click_back_button",entity_type:oe===w.IE?"block":"email",entity_id:null===e\|\|void 0===e?void 0:e.id,project_id:(null===e\|\|void 0===e?void 0:e.project)\|\|(null===j\|\|void 0===j?void 0:j.id),context:"editor"}),w.EW.isPlugin)J.fire(e);else{var t;const o=window.localStorage.getItem(w.V0.em_last_active_page);M(`/projects/${j.id}/emails?page=${o\|\|1}&folder=${(null===(t=e.folder)\|\|void 0===t?void 0:t[0])\|\|w.y2}`)}},[M,J,e,null===j\|\|void 0===j?void 0:j.id,q,oe]),[pe,ge]=(0,l.useState)(),be=(0,y._q)(B.AZ.WILL_EMAIL_INIT_ID),he=(0,y._q)(B.AZ.ON_EMAIL_INIT_ID);(0,L.ZC)(([t])=>{pe&&t!==e.subject&&ee.fire(e.subject)},[e.subject,pe]);const ve=(0,l.useCallback)(e=>{const t=e.target.value;ee.fire(t)},[ee]),fe=(0,l.useCallback)(e=>{const t=e.target.value;Z.fire(t)},[Z]);(0,L.ZC)(([t])=>{pe&&t!==e.preheader&&Z.fire(e.preheader)},[e.preheader,pe]),(0,l.useEffect)(()=>{const e=new P.jG;return e.addDisposable(be(()=>ge(!1))),e.addDisposable(he(e=>{ge(!0);const t=c.getFieldValue("subject");e.subject&&e.subject!==t&&c.setFieldValue("subject",e.subject);const o=c.getFieldValue("preheader");e.preheader&&e.preheader!==o&&c.setFieldValue("preheader",e.preheader)})),()=>e.dispose()},[ge,be,he,c]);const Ee=(0,l.useCallback)(t=>{const o=t.target.value.trim();e.isNew?F((0,R.TU)(o)):F((0,N.HO)(o)),W.send(w.Ru.SANDBOX_SUBJECT_UPDATE,{value:o,guid:e.renderGuid})},[W,e.renderGuid,F,e.isNew]),_e=(0,y._q)(B.AZ.BEFORE_SAVE_EMAIL),Se=(0,l.useCallback)(async e=>{var t,o;const l=null===(t=Y.current)\|\|void 0===t?void 0:t.input;if(document.activeElement===l){const t=l.value.trim();t!==e.subject&&(e.subject=t,e.isNew?F((0,R.TU)(t)):F((0,N.HO)(t)),await W.sendAsync(w.Ru.SANDBOX_SUBJECT_UPDATE,{value:t,guid:e.renderGuid}))}const i=null===(o=Q.current)\|\|void 0===o?void 0:o.input;if(document.activeElement===i){const t=i.value.trim();t!==e.preheader&&(e.preheader=t,e.isNew?F((0,R.x3)(t)):F((0,N.pl)(t)),await W.sendAsync(w.Ru.SANDBOX_PREHEADER_UPDATE,{value:t,guid:e.renderGuid}))}},[W,F]);(0,l.useEffect)(()=>{const e=_e(Se);return()=>e.dispose()},[_e,Se]);const ye=(0,l.useCallback)(t=>{const o=t.target.value.trim();e.isNew?F((0,R.x3)(o)):F((0,N.pl)(o)),W.send(w.Ru.SANDBOX_PREHEADER_UPDATE,{value:o,guid:e.renderGuid})},[W,e.renderGuid,F,e.isNew]),ke=e.isNew;(0,l.useEffect)(()=>{const t=new P.jG;return t.addDisposable(W.addListenerAsync(w.Ru.APPLICATION_SUBJECT_UPDATE,({guid:t,value:o})=>{if(t===e.renderGuid){const t=o!==(e.subject\|\|c.getFieldValue("subject")\|\|"")&&o;c.setFieldValue("subject",o),F(ke?(0,R.TU)(o):(0,N.HO)(o)),t&&q({event:"submit",action:"insert_generated_subject",entity_type:oe===w.IE?"block":"email",entity_id:null===e\|\|void 0===e?void 0:e.id,project_id:(null===e\|\|void 0===e?void 0:e.project)\|\|(null===j\|\|void 0===j?void 0:j.id),context:"editor"})}})),t.addDisposable(W.addListenerAsync(w.Ru.APPLICATION_PREHEADER_UPDATE,({guid:t,value:o})=>{if(t===e.renderGuid){const t=o!==(e.preheader\|\|c.getFieldValue("preheader")\|\|"")&&o;c.setFieldValue("preheader",o),F(ke?(0,R.x3)(o):(0,N.pl)(o)),t&&q({event:"submit",action:"insert_generated_preheader",entity_type:oe===w.IE?"block":"email",entity_id:null===e\|\|void 0===e?void 0:e.id,project_id:(null===e\|\|void 0===e?void 0:e.project)\|\|(null===j\|\|void 0===j?void 0:j.id),context:"editor"})}})),()=>t.dispose()},[W,F,ke,c,e.renderGuid,e.subject,e.preheader,q,oe,e,j]),(0,_.A)(null===e.title?O("New email title"):e.title);const we=(0,l.useCallback)(()=>{F((0,I.PM)(w.z$)),setTimeout(()=>{const e=document.querySelector('li.ai-response-change-context[role="theme-and-preheader-generator"]');e&&e.click()},100)},[F]),Be=(0,l.useCallback)(()=>{ce?me(!0):we()},[ce,we]),Re=l.createElement(l.Fragment,null,l.createElement(d.$x,{ref:K,size:10},X.headerArrowBackVisible&&l.createElement(d.m_,{title:O("Back"),placement:"left"},l.createElement(d.$n,{type:"text",icon:l.createElement(f.A,{icon:"ArrowLeftOutlined",size:22,strokeWidth:X.iconStrokeWidth}),onClick:ue,shape:"circle"})),l.createElement("div",null,(X.headerTitleVisible\|\|X.headerPreheaderVisible)&&l.createElement(d.lV,{form:c,layout:"vertical",name:"subject_preheader_form",autoComplete:"off",initialValues:{subject:"",preheader:""}},X.headerTitleVisible&&l.createElement("div",{style:{marginTop:pe?-3:0}},l.createElement(d.$x,{style:{width:"100%"},align:"baseline",size:12},l.createElement("div",{className:"subject_preheader_form__title"},O("Subject")),pe?l.createElement("div",{className:"ant-page-header-heading"},l.createElement(d.lV.Item,{name:"subject",style:{marginBottom:0}},l.createElement(d.pd,{className:"ant-page-header-heading-title",ref:Y,placeholder:O("Enter subject line here"),variant:"borderless",onChange:ve,onPressEnter:Ee,onBlur:e=>{Ee(e),document.querySelector(".ant-page-header-heading-title").closest(".ant-page-header-heading").classList.remove("focus")},onFocus:()=>{document.querySelector(".ant-page-header-heading-title").closest(".ant-page-header-heading").classList.add("focus")},disabled:X.lockPreheaderAndTitle})),X.aiAssistentEnabled&&l.createElement(d.m_,{title:O("Generate with AI")},l.createElement(f.A,{icon:"AI",size:12,strokeWidth:X.iconStrokeWidth,onClick:Be}))):l.createElement(d.EA.Input,{active:!0,size:16,style:{width:"40%",marginTop:3}}))),X.headerPreheaderVisible&&l.createElement("div",null,l.createElement(d.$x,{style:{width:"100%"},align:"baseline",size:12},l.createElement("div",{className:"subject_preheader_form__title"},O("Preheader")),pe?l.createElement("div",{className:"ant-page-header-heading ant-page-header-heading_preheader"},l.createElement(d.lV.Item,{name:"preheader",style:{marginBottom:0}},l.createElement(d.pd,{className:"ant-page-header-heading-preheader",ref:Q,placeholder:O("Enter preheader here"),variant:"borderless",onChange:fe,onPressEnter:ye,onBlur:e=>{ye(e),document.querySelector(".ant-page-header-heading-preheader").closest(".ant-page-header-heading").classList.remove("focus")},onFocus:()=>{document.querySelector(".ant-page-header-heading-preheader").closest(".ant-page-header-heading").classList.add("focus")},disabled:X.lockPreheaderAndTitle})),X.aiAssistentEnabled&&l.createElement(d.m_,{title:O("Generate with AI")},l.createElement(f.A,{icon:"AI",size:12,strokeWidth:X.iconStrokeWidth,onClick:Be}))):l.createElement(d.EA.Input,{active:!0,size:16,style:{width:"80%",marginTop:2}}))))))),Te=l.createElement(l.Fragment,null,X.emailIdShow&&!!e.id&&l.createElement(l.Fragment,null,l.createElement("div",{className:"email-page-header__email-id"},"ID"+e.id),l.createElement(d.cG,{type:"vertical"})),l.createElement(b.A,{emailElement:e,isCollaborationEditor:o}),X.commandButtonsEnabled&&l.createElement(l.Fragment,null,e.lock?l.createElement(f.A,{icon:"Lock",size:18,strokeWidth:X.iconStrokeWidth,key:"Lock",className:u()("lock-icon",{"lock-icon__disabled":!(G\|\|U\|\|(null===(s=V.id)\|\|void 0===s?void 0:s.toString())===(null===(m=e.author)\|\|void 0===m?void 0:m.toString()))}),style:{color:$.colorPrimary,verticalAlign:"sub"}}):null,l.createElement(h.A,{key:"Buttons",email:e,autoSaveEmailResult:t,isHeaderCodeMenuOpen:re})));return l.createElement(l.Fragment,null,l.createElement(v.A,{className:"email-pane__header",leftBlock:Re,rightBlock:Te,isHeaderCodeMenuOpen:re}),l.createElement(A.A,{open:se,onCancel:()=>me(!1),initialSlide:9}))};var F=o(5134),M=o(66034),V=o(89591),D=o(3758),z=o(38343),W=o(75354),H=o(74663),j=o(78443),G=o(3875),U=o(15582),$=o(7314),X=o(2527),q=o(49591),K=o(14109),Y=o(20387);const{Content:Q}=d.Layout,J=()=>{var e;const{__:t}=(0,p.s9)(),{owner:o}=(0,E.A)(),c=(0,a.wA)(),u=(0,n.Zp)(),b=(0,$.fn)(),{modal:h}=d.qw.useApp(),v=(0,g.rD)(),_=(0,G.cR)(),y=(0,X.p)(),k=(0,S.QC)(),B=(0,$.aD)(b),{emailId:x,projectId:A,preview:C}=(0,n.g)(),[P,L]=(0,r.ok)(),J=(0,a.d4)(N.Hs),Z=(0,a.d4)(I.Fv),ee=(0,a.d4)(I.cL),te=(0,a.d4)(T.C1),oe=(0,a.d4)(R.YG),le=(0,a.d4)(I.oG),[ie]=(0,D.on)(),{isSuccess:ae,data:ne}=(0,D.W5)(),[re,de]=(0,l.useState)(!1),[se,me]=(0,l.useState)(!1),[ce,ue]=(0,l.useState)(),[pe,ge]=(0,l.useState)(!1),[be,he]=(0,l.useState)(!1),[ve,fe]=(0,l.useState)(!1),[Ee,_e]=(0,l.useState)(!1),[Se,ye]=(0,l.useState)(!1),ke=(0,l.useRef)(),{confirm:we}=h,{counters:Be,subscription:Re}=te,Te=null===Be\|\|void 0===Be?void 0:Be.emails_counter,xe=y.get(w.A9.em_template_email),Ae=P.get("template")\|\|!se&&!x&&y.get(w.A9.em_new_email);(0,l.useEffect)(()=>{!se&&J.id&&me(!0)},[me,se,J.id]);const{isSuccess:Ie,isLoading:Ne,isError:Ce,error:Pe,data:Le}=(0,V.sl)(Ae,{skip:!Ae\|\|!!x}),Oe=Ae?Le:x?J:oe;(0,K.f)(Oe,void 0===x);const Fe=(0,q.r)(Oe),{isLoading:Me,isSuccess:Ve,isError:De,error:ze}=(0,V.sl)(x,{skip:!x}),We=Ae?Pe:ze,He=Ae?Ce:De,je=Ae?Ne:Me,Ge=Ae?Ie:Ve;(0,l.useEffect)(()=>{Ae&&Ie&&(c((0,R.MZ)(Le)),me(!0),L({}))},[Ae,Ie,c,Le,xe,L]),(0,l.useEffect)(()=>(c((0,I.mi)(!0)),()=>c((0,I.mi)(!0))),[c]);const Ue=(0,l.useCallback)(()=>{c((0,I.vs)()),c((0,z.rI)())},[c]);(0,l.useEffect)(()=>{C&&!Z&&Ue()},[Z,C,Ue]),(0,l.useEffect)(()=>{c((0,W.ff)()),document.body.classList.add("editor"),c((0,I.PM)(w.Bv))},[c]),(0,l.useEffect)(()=>{!re&&Te<3&&(ie(),de(!0))},[ie,Te,re]);const $e=(0,l.useCallback)(()=>{B.undo()},[B]),Xe=(0,l.useCallback)(()=>{B.redo()},[B]);(0,l.useEffect)(()=>{ke.current!==(null===Oe\|\|void 0===Oe?void 0:Oe.id)&&(B.clear(),ke.current=null===Oe\|\|void 0===Oe?void 0:Oe.id)},[Oe,B]);const qe=(0,l.useCallback)(e=>{(window.navigator.appVersion.indexOf("Mac")&&e.metaKey\|\|e.ctrlKey)&&"KeyZ"===e.code&&(e.preventDefault(),e.shiftKey?Xe():$e())},[$e,Xe]);(0,l.useEffect)(()=>()=>{c((0,z.rI)()),c((0,I.Oo)()),c((0,j.Oo)()),c((0,H.qX)())},[c]),(0,l.useEffect)(()=>{const e=k.addListener(w.Ru.APPLICATION_HAS_AMP,e=>{c(null!==Oe&&void 0!==Oe&&Oe.id?(0,N.VO)(e):(0,R.lg)(e))});return()=>e.dispose()},[k,c,null===Oe\|\|void 0===Oe?void 0:Oe.id]);const Ke=(0,l.useCallback)(e=>{const t=e.data.operation,o=e.data,l=e.data.action,i=_.querySelector("#iframe-scroll-top"),a=_.querySelector("#iframe-scroll-bottom");if(t===w.Ru.APPLICATION_EBLOCK_ADD&&(ue(o.data),c((0,I.qf)(w.lx.ADD_NEW_EBLOCK_MODAL))),t===w.Ru.APPLICATION_ACTION&&("undo"===l?$e():"redo"===l&&Xe()),t===w.Ru.APPLICATION_SCROLL_BLOCK_SHOW){const e=_.querySelector("#email_iframe"),t=document.body.getBoundingClientRect().height,o=e.getClientRects()[0];o.top<0&&(i.style.display="block"),o.top+o.height>t&&(a.style.display="block")}t===w.Ru.APPLICATION_SCROLL_BLOCK_HIDE&&(i.style.display="none",a.style.display="none")},[c,$e,Xe,_]);(0,U.A)(Ke);const Ye=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&&k.send({operation:w.Ru.SANDBOX_DRAG_CANCEL}),_.querySelectorAll(".em-dragging-element").forEach(e=>{e.classList.remove("em-dragging-element")}))};(0,l.useEffect)(()=>{const e=new i.j;return e.addDisposable((0,Y.a)(_,"drop",Ye)),e.addDisposable((0,Y.a)(_,"dragover",Qe)),e.addDisposable((0,Y.a)(_,"dragstart",Ze)),e.addDisposable((0,Y.a)(_,"dragend",Je)),()=>{e.dispose()}},[_]),(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 Qe=e=>{var t,o;if(e.preventDefault(),null!==(t=e.target)&&void 0!==t&&null!==(o=t.closest)&&void 0!==o&&o.call(t,".file-manager, .ant-modal.file-manager"))return;const l=_.querySelector("#iframe-scroll-top"),i=_.querySelector("#iframe-scroll-bottom"),a=v.sidePanelFloating?_.querySelector("#pane-content-wrapper"):_.querySelector(".email-pane__col_preview"),n=_.querySelector(".blocks-app").getBoundingClientRect().top,r=_.querySelector("#email_iframe"),{height:d,top:s}=r.getBoundingClientRect(),m=a.getBoundingClientRect().height;s>96?"block"===l.style.display&&(l.style.display="none"):"none"!==l.style.display&&""!==l.style.display\|\|(l.style.display="block"),d-m+s-n<44?"block"===i.style.display&&(i.style.display="none"):"none"===i.style.display&&(i.style.display="block"),e.target===l&&a.scrollBy(0,-15),e.target===i&&a.scrollBy(0,15)},Je=()=>{const e=_.querySelector("#iframe-scroll-top"),t=_.querySelector("#iframe-scroll-bottom");e&&t&&(e.style.display="none",t.style.display="none"),_.querySelectorAll(".em-dragging-element").forEach(e=>{e.classList.remove("em-dragging-element")})},Ze=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)},et=(0,l.useCallback)(()=>{we({title:t("You reached the plan limit"),icon:l.createElement(f.A,{icon:"ExclamationCircleOutlined"}),content:l.createElement("div",{style:{maxWidth:"330px"}},t("Switch to a different plan to save more emails.")),centered:!0,okText:t("Choose a plan"),cancelText:t("Continue without saving"),width:"unset",onOk(){u("/billing")},onCancel(){}})},[u,t,we]);return(0,l.useEffect)(()=>{if(ae&&ne){var e,t;const l=null===ne\|\|void 0===ne\|\|null===(e=ne.find(e=>{var t,o;return(null===(t=e.id)\|\|void 0===t?void 0:t.toString())===(null===Re\|\|void 0===Re\|\|null===(o=Re.ID)\|\|void 0===o?void 0:o.toString())}))\|\|void 0===e\|\|null===(t=e.limits)\|\|void 0===t?void 0:t.emails_limit;l&&Te>=l&&!pe&&!x&&o&&(et(),ge(!0))}},[ne,ae,Re,Te,pe,et,x,o]),(0,l.useEffect)(()=>{const e=k.onInit(()=>{k.send({operation:w.Ru.SANDBOX_LOCK_EDIT,data:!1})});return()=>e.dispose()},[k]),l.createElement(d.Layout,{className:"email-page"},je&&l.createElement(m.A,null),He&&We&&l.createElement(Q,{style:{paddingTop:"40px"}},l.createElement("div",{className:"container"},l.createElement(d.Q7,{status:null===We\|\|void 0===We?void 0:We.status,title:null===We\|\|void 0===We?void 0:We.status,subTitle:(null===We\|\|void 0===We\|\|null===(e=We.data)\|\|void 0===e?void 0:e.message)\|\|(null===We\|\|void 0===We?void 0:We.error)\|\|t("Unknown error"),extra:l.createElement(d.$n,{type:"primary",onClick:()=>{u(`/projects/${A}/emails`)}},t("Back To Project"))}))),(!x&&!Ae&&se\|\|Ve&&Oe)&&!je&&l.createElement(d.Layout,{className:"email-pane"},le&&l.createElement("div",{className:"email-pane__loader"},l.createElement(m.A,{small:!0})),l.createElement(O,{email:Oe,autoSaveEmailResult:Fe,isCollaborationEditor:be}),l.createElement(s.A,{emailElement:Oe,isSuccess:Ge,setIsCollaborationEditor:he,setIsShowAddAllBlocksModal:fe,triggerOpenSavedBlocksTab:Ee})),l.createElement(F.A,{isModalVisible:ee===w.lx.ADD_NEW_EBLOCK_MODAL,htmlContent:ce,projectId:A,setIsShowAddAllBlocksModal:fe,setIsShowAddAllBlocksModalForNewEmail:ye,currentEmail:Oe}),l.createElement(M.A,{isModalVisible:ve,currentEmail:Oe,setIsShowAddAllBlocksModal:fe,setTriggerOpenSavedBlocksTab:_e,autoStart:!Se,projectId:A}))}},94810:(e,t,o)=>{o.d(t,{A:()=>V});var l=o(69622),i=o(1936),a=o(71715),n=o(84075),r=o(96040),d=o(22817),s=o(52898),m=o(3758),c=o(47706),u=o(91480),p=o(7714),g=o(86457),b=o(93506);const h=()=>{var e;const{__:t}=(0,c.s9)(),o=(0,a.wA)(),{projectId:h}=(0,n.g)(),v=(0,a.d4)(d.yN),[f]=(0,m.b9)(),[E,_]=(0,i.useState)(null===(e=window)\|\|void 0===e?void 0:e.localStorage.getItem(b.V0.em_color_scheme)),S=(0,p.XW)(),y=(0,u.u)(),k=(0,i.useCallback)((e=null)=>{const t=e;(e=>{let t,l;if((0,g.Hk)(e),null===e){const e=matchMedia(b.F3).matches?b.nd:b.T;localStorage.removeItem(b.V0.em_color_scheme),t=e,l="auto"}else localStorage.setItem(b.V0.em_color_scheme,e),t=e,l=e;o((0,s.eX)(t===b.nd?`vs-${t}`:b.T)),(0,g.A5)(t),S({operation:b.Ru.UPDATE_PREVIEW,theme:t}),f({theme:e}),y({event:"change",action:"change_theme",theme_name:l,project_id:(null===v\|\|void 0===v?void 0:v.id)\|\|h})})(t),_(t)},[o,f,S,y,null===v\|\|void 0===v?void 0:v.id,h]);return(0,i.useEffect)(()=>{matchMedia(b.F3).onchange=()=>k()},[k]),i.createElement("div",{onClick:e=>e.stopPropagation()},i.createElement(l.$q,{className:"theme-switcher",style:{cursor:"pointer",color:"var(--colorText)"},value:E,options:[{label:i.createElement(l.m_,{title:t("Light theme")},i.createElement(r.A,{icon:"LightMode",size:18,strokeWidth:1.8})),value:b.T},{label:i.createElement(l.m_,{title:t("System theme")},i.createElement(r.A,{icon:"AutoMode",size:18,strokeWidth:1.8})),value:null},{label:i.createElement(l.m_,{title:t("Dark theme")},i.createElement(r.A,{icon:"DarkMode",size:16,strokeWidth:1.8})),value:b.nd}],onChange:e=>k(e)}))};var v=o(88260),f=o(6056),E=o.n(f),_=o(78443),S=o(98173),y=o(41244),k=o(2527),w=o(942);const B=({isMenuCollapsed:e,setIsMenuCollapsed:t,isLocked:o})=>{var s;const{__:p}=(0,c.s9)();let g=(0,a.wA)(),h=(0,n.Zp)();const{projectId:f,emailId:B,blockId:R}=(0,n.g)(),{pathname:T}=(0,n.zy)(),[x,A]=(0,i.useState)(""),I=(0,a.d4)(d.yN),N=(0,a.d4)(S.C1),C=(0,k.p)(),P=(0,u.u)(),L=(0,w.rD)(),O=(0,i.useCallback)(()=>{T.includes("blocks")?A("Blocks"):T.includes("emails")?A("Emails"):T.includes("members")&&A("Members"),!o&&t(!0)},[T,t,o]);(0,i.useEffect)(()=>{O()},[O]);let F=[],M=[];const V=(null===I\|\|void 0===I?void 0:I.title)\|\|"",D=()=>{try{P({event:"click",action:"editor_tour",project_id:(null===I\|\|void 0===I?void 0:I.id)\|\|f,location:"left_menu"}),window.LP_show(85420)}catch(e){}};let z=[{label:i.createElement("a",{href:"https://emailmaker.ru/help/",target:"_blank",rel:"noopener noreferrer",onClick:()=>{P({event:"click",action:"help_center",project_id:(null===I\|\|void 0===I?void 0:I.id)\|\|f,location:"left_menu"})}},p("Help")),key:"Help center",icon:i.createElement(r.A,{icon:"FileQuestion02Icon",size:18,strokeWidth:L.iconStrokeWidth}),className:"help-center"},{label:p("Chat support"),key:"Support chat",icon:i.createElement(r.A,{icon:"MessageChatSquareIcon",size:18,strokeWidth:L.iconStrokeWidth}),className:"open-support-chat",onClick:()=>{try{P({event:"click",action:"support_chat",project_id:(null===I\|\|void 0===I?void 0:I.id)\|\|f,location:"left_menu"}),window.carrotquest.open()}catch(e){}}}];(B\|\|R)&&z.push({label:p("Onboarding"),key:"Onboarding",icon:i.createElement(r.A,{icon:"LifeBuoy02Icon",size:18,strokeWidth:L.iconStrokeWidth}),className:"open-onboarding",onClick:D});let W=[{label:p("Account settings"),key:"Account settings",icon:i.createElement(r.A,{icon:"User03Icon",size:18,strokeWidth:L.iconStrokeWidth}),className:"em-analytics__account-settings",onClick:()=>{g((0,_.qf)(b.lx.EDIT_PROFILE_MODAL)),!o&&t(!0)}},{label:i.createElement(v.N_,{to:"/billing",state:{from:T}},p("Billing")),key:"Billing",icon:i.createElement(r.A,{icon:"CreditCard02Icon",size:18,strokeWidth:L.iconStrokeWidth}),className:"em-analytics__billing"},{label:p("Sign out"),icon:i.createElement(r.A,{icon:"LogOut01Icon",size:18,strokeWidth:L.iconStrokeWidth}),key:"Sign out",className:"em-analytics__sign-out",onClick:()=>{P({event:"logout",action:"logout",user_id:null===N\|\|void 0===N?void 0:N.id,user_email:null===N\|\|void 0===N?void 0:N.email,project_id:(null===I\|\|void 0===I?void 0:I.id)\|\|f}),(0,y.Id)(C),g(m.Q2.util.resetApiState()),h("/auth",{replace:!0})}}];const H="/projects"+(f?"/"+f+"/emails?page=1":""),j=[{label:i.createElement(v.N_,{style:{fontSize:16},to:H},V),key:"Project",popupOffset:[0,16],style:{fontWeight:500},icon:f?i.createElement(v.N_,{to:H,className:"project-menu__block",style:{fontSize:"18px",zIndex:99}},i.createElement(l.$n,{type:"primary",className:"project-menu__block-button"},null===V\|\|void 0===V?void 0:V.split(" ").slice(0,2).map(e=>Array.from(e)[0]))):i.createElement(v.N_,{to:H,rel:"noopener noreferrer",className:"project-menu__block"},!e\|\|o?i.createElement("div",{dangerouslySetInnerHTML:{__html:b.KN}}):i.createElement("div",{dangerouslySetInnerHTML:{__html:b.DS}})),className:E()("project-menu__list-item project-menu__list-item_project project-menu__list-item_project",{"project-menu__list-item_logo":!f,"project-menu__list-item_project":f}),children:f&&[{label:p("Project settings"),key:"Project settings",className:"em-analytics__account-settings",icon:i.createElement(r.A,{icon:"SettingOutlined",size:18,strokeWidth:L.iconStrokeWidth}),onClick:()=>{g((0,_.qf)(b.lx.EDIT_PROJECT_MODAL)),!o&&t(!0)}},{label:i.createElement(v.N_,{to:"/projects"},p("List of projects")),key:"List of projects",icon:i.createElement(r.A,{icon:"ElementListUL",size:18,strokeWidth:L.iconStrokeWidth}),className:"em-analytics__sign-out"}]},{type:"divider"}];return F.push({icon:i.createElement(r.A,{icon:"Email",size:22,strokeWidth:L.iconStrokeWidth}),label:i.createElement(v.N_,{to:`/projects/${f}/emails`,rel:"noopener noreferrer"},p("Emails")),key:"Emails",className:"project-menu__list-item em-analytics__project-menu-emails"},{icon:i.createElement(r.A,{icon:"Grid01Icon",size:22,strokeWidth:L.iconStrokeWidth}),label:i.createElement(v.N_,{to:`/projects/${f}/blocks`,rel:"noopener noreferrer"},p("Blocks")),key:"Blocks",className:"project-menu__list-item em-analytics__project-menu-blocks"},{icon:i.createElement(r.A,{icon:"Users02Icon",size:22,strokeWidth:L.iconStrokeWidth}),label:i.createElement(v.N_,{to:`/projects/${f}/members`,rel:"noopener noreferrer"},p("Members")),key:"Members",className:"project-menu__list-item em-analytics__project-menu-members"}),"community"===N.subscription.post_name&&f&&N.counters.emails_counter>2&&M.push({icon:i.createElement(r.A,{icon:"Rocket02Icon",size:22,strokeWidth:L.iconStrokeWidth}),label:i.createElement(v.N_,{to:"/billing",state:{from:T},rel:"noopener noreferrer",style:{fontSize:16,color:"white"}},p("Upgrade")),key:"Emails",className:"project-menu__list-item",onClick:()=>{P({event:"click",action:"upgrade_tariff"})}}),M.push({icon:i.createElement(r.A,{icon:"AnnotationQuestionIcon",size:22,strokeWidth:L.iconStrokeWidth}),label:p("Help menu"),key:"Help menu",className:"project-menu__list-item support-center-menu",children:z},{icon:i.createElement(r.A,{icon:"BellRinging04Icon",size:22,strokeWidth:L.iconStrokeWidth}),label:p("What's new"),key:"What's new",className:"project-menu__list-item ducalis-changelog-widget em-analytics__project-menu-ducalis",onClick:()=>{P({event:"click",action:"whats_new",project_id:(null===I\|\|void 0===I?void 0:I.id)\|\|f,location:"left_menu"})}},{icon:i.createElement("span",{style:{width:"22px",height:"22px",fontSize:"18px"},className:"user-profile__avatar anticon"},null!==N&&void 0!==N&&null!==(s=N.avatar_urls)&&void 0!==s&&s[48]?[i.createElement("img",{style:{width:"100%"},key:"img",src:null===N\|\|void 0===N?void 0:N.avatar_urls[48],alt:null!==N&&void 0!==N&&N.name?`${null===N\|\|void 0===N?void 0:N.name} avatar`:"User avatar",className:"user-profile__avatar-img"}),i.createElement(r.A,{icon:"User03Icon",size:22,strokeWidth:L.iconStrokeWidth,key:"UserOutlined",style:{position:"absolute",fontSize:22,borderRadius:100,overflow:"hidden",height:22,width:22,lineHeight:0,zIndex:-1}})]:i.createElement(r.A,{icon:"User03Icon",size:22,style:{color:"white"},strokeWidth:L.iconStrokeWidth})),label:(null===N\|\|void 0===N?void 0:N.name)\|\|null,key:"User profile",className:"project-menu__list-item user-profile",children:W}),i.createElement(i.Fragment,null,i.createElement("div",{className:"project-menu"},i.createElement("div",null,i.createElement(l.W1,{disabledOverflow:!0,className:"project-menu__list project-menu__list_top",style:{fontSize:16},items:j,triggerSubMenuAction:"hover",subMenuOpenDelay:.3,subMenuCloseDelay:.6,selectable:!1}),f&&i.createElement(l.W1,{disabledOverflow:!0,selectable:!0,selectedKeys:[x],className:"project-menu__list project-menu__list_second",style:{fontSize:16,marginTop:30},items:F,triggerSubMenuAction:"hover"})),i.createElement(l.W1,{disabledOverflow:!0,selectable:!0,selectedKeys:["Emails"],forceSubMenuRender:"true",className:"project-menu__list project-menu__list_bottom",style:{fontSize:14,marginBottom:6},subMenuOpenDelay:.3,subMenuCloseDelay:.6,items:M,triggerSubMenuAction:"hover"})))};var R=o(74516),T=o(11421),x=o(25413),A=o(68069),I=o(6403),N=o(12723),C=o(34972),P=o(30392),L=o(36234),O=o(7314),F=o(51597);const{Sider:M}=l.Layout,V=()=>{var e;const{token:t}=(0,l.rd)();let o=(0,n.zy)();const d=(0,a.wA)(),m=(0,n.Zp)(),{emailId:c,blockId:p,projectId:v}=(0,n.g)(),f=(0,a.d4)(_.cL),y=(0,a.d4)(S.C1),k=(0,i.useRef)(),V=(0,u.u)(),[D]=(0,x.bw)(),z=(0,I.hN)();k.current\|\|(k.current=(0,O.$Z)()),(0,i.useEffect)(()=>{(0,g.FN)(t)},[t]);const{data:W=[],isSuccess:H}=(0,x.I9)(null!==(e=null===y\|\|void 0===y?void 0:y.id)&&void 0!==e?e:"",{pollingInterval:3e5,skip:!!f\|\|!(null!==y&&void 0!==y&&y.id)});(0,i.useEffect)(()=>{const e=W.filter(e=>""===e.seen\|\|null===e.seen);setTimeout(()=>{e.length&&H&&e.forEach(e=>{var t,o;"subscription_payment"===e.event&&V({event:"payment",data:e.data}),z[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();D({id:e.id,datetime:l}).unwrap()})},5e3)},[H,D,W,z]),(0,N.A)(),(0,C.A)(),(0,P.A)(),(0,i.useEffect)(()=>{p\|\|d((0,A.nJ)()),c\|\|d((0,s.ss)())},[p,c,d,o.pathname]);let j=null;c\|\|p\|\|o.pathname.endsWith("/new")?j=k.current:k.current&&k.current.getValue()&&setTimeout(()=>k.current.setValue(""),1e3);const G=JSON.parse(localStorage.getItem(b.V0.em_menu_is_locked)),[U,$]=(0,i.useState)((null===G\|\|void 0===G?void 0:G.isLocked)\|\|!1),[X,q]=(0,i.useState)(!0);return(0,i.useEffect)(()=>{const e=()=>localStorage.setItem(b.V0.em_menu_is_locked,JSON.stringify({isLocked:U}));return e(),e()},[U]),(0,L.D3)(F._1,(0,i.useCallback)(e=>{const t=(0,w.Mu)(e);m(t)},[m])),i.createElement("div",{className:"main"},i.createElement(O.kx.Provider,{value:j},i.createElement("div",{className:"main__pane main__pane_main"},i.createElement("div",{className:"main__pane-content",id:"pane-content-iframe"},i.createElement(l.Layout,{className:"main__pane-layout",hasSider:!0},!b.EW.isPlugin&&i.createElement(M,{theme:"light",style:{borderColor:t.colorBorder,position:"fixed",overflow:"hidden"},collapsible:!0,collapsed:!U&&X,defaultCollapsed:!0,reverseArrow:!U&&!X\|\|U&&!X,trigger:i.createElement("div",{className:"main__pane-trigger"},U?i.createElement(r.A,{icon:"MenuFoldOutlined",style:{fontSize:18}}):i.createElement(i.Fragment,null,i.createElement(r.A,{icon:"MenuOutlined",style:{fontSize:18}}),i.createElement(r.A,{icon:"MenuUnfoldOutlined",style:{fontSize:18}})),i.createElement(h,null)),className:E()("main__menu",{main__menu_lock:U}),width:260,collapsedWidth:80,zeroWidthTriggerStyle:{},onCollapse:(e,t)=>{const o=!U;e?!U&&q(!0):q(!e),$(o),V({event:"toggle",action:"toggle_side_panel_lock",is_locked:o,project_id:v,location:"left_menu"})},onMouseEnter:()=>!U&&q(!1),onMouseLeave:()=>!U&&q(!0)},i.createElement(B,{isMenuCollapsed:X,setIsMenuCollapsed:q,isLocked:U})),i.createElement(R.A,{isModalVisible:f===b.lx.EDIT_PROJECT_MODAL}),i.createElement(T.A,{isModalVisible:f===b.lx.EDIT_PROFILE_MODAL}),i.createElement(n.sv,null))))))}},7331:(e,t,o)=>{o.d(t,{A:()=>s});var l=o(1936),i=o(84075),a=o(69622),n=o(41244),r=o(47706);const{Content:d}=a.Layout,s=()=>{const{__:e}=(0,r.s9)();let t=(0,i.Zp)();return l.createElement(a.Layout,null,l.createElement(d,{className:"container"},l.createElement(a.Q7,{status:"500",title:"404",subTitle:e("Sorry, the page you visited does not exist."),extra:l.createElement(a.$n,{type:"primary",onClick:()=>(0,n.XZ)(t,"/projects")},e("Back Home"))})))}},99466:(e,t,o)=>{o.d(t,{A:()=>g});var l=o(1936),i=o(71715),a=o(84075),n=o(72531),r=o(22817),d=o(69622),s=o(12650),m=o(93506),c=o(41244),u=o(47706);const{Content:p}=d.Layout,g=()=>{var e;const{__:t}=(0,u.s9)();let o=(0,a.Zp)(),g=(0,a.zy)();const b=(0,i.wA)(),{projectId:h}=(0,a.g)(),v=(0,n.fo)(+h,{skip:!h}),{isLoading:f,isError:E,error:_,isSuccess:S,data:y}=v;return(0,l.useEffect)(()=>{S&&(null===y\|\|void 0===y?void 0:y.id)!==h&&b((0,r.od)(y))},[S,y,b,h]),(0,l.useEffect)(()=>{S&&h&&g.pathname.endsWith(h)&&o(`${g.pathname}/emails`)},[S,g,o,h]),l.createElement(l.Fragment,null,f&&l.createElement(s.A,null),E&&_&&l.createElement(d.Layout,{className:"project-outlet"},l.createElement(p,{className:"project-outlet__container container"},l.createElement(d.Q7,{status:_.status,title:_.status,subTitle:null===(e=_.data)\|\|void 0===e?void 0:e.message,extra:l.createElement(d.$n,{type:"primary",onClick:()=>(0,c.XZ)(o,"/projects")},t("Back To Projects"))}))),(S\|\|m.EW.isPlugin)&&l.createElement(a.sv,{context:{...v}}))}},63873:(e,t,o)=>{o.d(t,{A:()=>b});var l=o(1936),i=o(84075),a=o(72153),n=o(96040),r=o(69622),d=o(32420),s=o(85986),m=o(41244),c=o(47706),u=o(2527),p=o(93506);const{Content:g}=r.Layout,b=()=>{const{__:e}=(0,c.s9)();let t=(0,i.Zp)();const o=(0,u.p)(),{projectId:b,emailId:h}=(0,i.g)(),v=o.get(p.A9.em_template_email)\|\|h;(0,l.useEffect)(()=>{document.body.classList.remove("editor")},[]);const f=l.createElement(l.Fragment,null,l.createElement(r.$x,{size:10},l.createElement(r.m_,{title:e("To emails"),placement:"left"},l.createElement(r.$n,{type:"text",icon:l.createElement(n.A,{icon:"ArrowLeftOutlined"}),onClick:()=>(0,m.XZ)(t,`/projects/${b}`),shape:"circle"})),l.createElement(r.fz,{className:"ant-page-header-heading-title"},e("Select email template")),l.createElement(s.A,{isBlocks:!1,templateEmailId:v}))),E=l.createElement(l.Fragment,null);return l.createElement(r.Layout,{className:"template-page"},l.createElement(a.A,{leftBlock:f,rightBlock:E}),l.createElement(g,{className:"template-page__container"},l.createElement("div",{className:"template-page__content container"},l.createElement(d.A,{projectId:p.p5,emailsView:p.Y$,templateEmailId:v}))))}},83231:(e,t,o)=>{o.d(t,{EQ:()=>d,YG:()=>m,Zs:()=>r,gb:()=>s});var l=o(94104),i=o(74778),a=o(26967);const n="Ai",r=(0,l.xP)({reducerPath:"AiApi",tagTypes:[n],baseQuery:(0,a.hI)({baseUrl:"https://app.emailmaker.ru/api/wp-json/save-file/v1/"}),endpoints:e=>({sendMessage:e.mutation({queryFn:({body:e},t)=>(0,a.KU)(t).saveFile.ai_create(e,{type:i.cM.FormData})}),getDialog:e.query({queryFn({entity_id:e,connection:t="chat"},o){var l,i;if(!1===(null===(l=o.getState().configSlice)\|\|void 0===l\|\|null===(i=l.config)\|\|void 0===i?void 0:i.aiAssistentEnabled))return Promise.resolve({data:{documents:[],totalCount:0}});return(0,a.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:n,id:e})),{type:n,id:"LIST"}]:[{type:n,id:"LIST"}]})})}),{useSendMessageMutation:d,useGetDialogQuery:s,useLazyGetDialogQuery:m}=r},82994:(e,t,o)=>{o.d(t,{Ll:()=>g,MN:()=>h,Uu:()=>c,y4:()=>b});var l=o(94104),i=o(27849),a=o(50548),n=o(90197),r=o(93506),d=o(20263),s=o(26967),m=o(39565);const c=(0,l.xP)({reducerPath:"AiApiGenerator",baseQuery:m.i,endpoints:e=>({generateIdForTask:e.mutation({queryFn:(e,t)=>(0,s.u$)(t).tasks.tasksControllerCreateTask(e).then(e=>e)}),clearAiChat:e.query({queryFn:(e,t)=>(0,s.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:m}=o,c=(0,s.KU)(o).baseUrl.indexOf("emailmaker")>=0?r.e3.maker:r.e3.blocks,u=r.EW.isPlugin?await d.di.getInstance(o,a.Y):i.A.get(r.A9.em_token),p=u?{Authorization:`Bearer ${u}`}:{},g=new n.EventSourcePolyfill(`${c}/tasks/${e}`,{headers:p});g.onmessage=e=>{const t=JSON.parse(e.data);l(e=>{e.push(t)})},g.onerror=e=>{t("Error connecting to EventSource"),g.close()},await m,g.close()}}),getAiGenerateStatus:e.mutation({query:e=>({url:"/constructor/v1/ai-save-task",method:"POST",body:e})})})}),{useGenerateIdForTaskMutation:u,useGetGeneratedContentQuery:p,useLazyClearAiChatQuery:g,useLazyGetGeneratedContentQuery:b,useGetAiGenerateStatusMutation:h}=c},83193:(e,t,o)=>{o.d(t,{lH:()=>r});var l=o(92079);function i(e){return`em_autosave_pending_${e}`}function a(e){try{sessionStorage.removeItem(i(e))}catch{}}function n(e,t){var o;return!(null===(o=e.slug)\|\|void 0===o\|\|!o.includes("autosave"))&&Date.parse(e.modified)>=t-5e3}const r=new class{constructor(){this.polls=new Map,this.processedEmails=new Set}onAutoSaveStarted(e,t){!function(e,t){try{sessionStorage.setItem(i(e),JSON.stringify(t))}catch{}}(e,t)}onAutoSaveCompleted(e){}onHistoryFetched(e,t,o,r){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),s=this.polls.get(e);if(s&&(s.triggerRefetch=r,s.dispatch=o),"fast"===(null===s\|\|void 0===s?void 0:s.phase)){return void(!(!d\|\|!n(d,s.pending.sentAt))&&(a(e),this.cancelPolling(e),o((0,l.H3)({emailId:e,payload:d,phase:"found"})),this.processedEmails.add(e)))}if("bg"===(null===s\|\|void 0===s?void 0:s.phase))return void(d&&n(d,s.pending.sentAt)&&(a(e),this.cancelPolling(e),o((0,l.H3)({emailId:e,payload:d,phase:"bg"}))));if(this.processedEmails.has(e))return;const m=function(e){try{const t=sessionStorage.getItem(i(e));if(!t)return null;const o=JSON.parse(t);return Date.now()-o.sentAt>6e4?(sessionStorage.removeItem(i(e)),null):o}catch{return null}}(e);var c;m?d&&n(d,m.sentAt)?(a(e),o((0,l.H3)({emailId:e,payload:d,phase:"found"})),this.processedEmails.add(e)):this.startFastPoll(e,m,o,r):(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,i){o((0,l.Bn)(!0));const a={phase:"fast",attempts:0,pending:t,timer:null,triggerRefetch:i,dispatch:o};this.polls.set(e,a),this.scheduleNextPoll(e)}scheduleNextPoll(e){const t=this.polls.get(e);if(!t)return;const o="fast"===t.phase,i=o?2e3:5e3,n=o?5:4;t.timer=setTimeout(()=>{const t=this.polls.get(e);if(t)if(t.attempts++,t.triggerRefetch(),o&&t.attempts>=n){const{pending:o,dispatch:i}=t;a(e),i((0,l.Bn)(!1)),i((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>=n?(a(e),this.cancelPolling(e)):this.scheduleNextPoll(e)},i)}}},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:()=>r});var l=o(27849),i=o(50548),a=o(93506),n=o(90308);async function r(e,t,o,r,d){const s={blocks:r,types:n.G,locale:t};o.current=s;try{const e=await async function(e){return a.EW.isPlugin?await e.getInstance(i.Y):l.A.get(a.A9.em_token)\|\|null}(d),t=await fetch(n.M,{method:"POST",headers:{"Content-Type":"application/json",...e?{Authorization:`Bearer ${e}`}:{}},body:JSON.stringify(s)});if(!t.ok\|\|200!==t.status)throw new Error(`${t.statusText}`);return await t.json()}catch(m){throw m}}},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:()=>m,z2:()=>u,HI:()=>p,vn:()=>b,kk:()=>g,Cf:()=>c});var l=o(94104),i=o(74778),a=o(47085);function n({id:e,post:t,parent:o,author:l,content:i,acf:{status:n,target_id:r},...d}){return{...d,id:(0,a.WY)(e),post:(0,a.WY)(t),parent:(0,a.WY)(o),author:(0,a.WY)(l),content:(0,a.vf)(i),target_id:r,comment_status:n}}var r=o(26967),d=o(72227);const s="Comments",m=(0,l.xP)({reducerPath:"commentsApi",tagTypes:[s],baseQuery:(0,r.hI)({baseUrl:"https://app.emailmaker.ru/api/wp-json/wp/v2/"}),endpoints:e=>({getComments:e.query({queryFn:function(e,t){return(0,r.KU)(t).wp.comments_list({post:[(0,a.mQ)(e)],per_page:50,order:"asc"}).then((0,d.Ih)(n))},providesTags:e=>e?[...e.map(({id:e})=>({type:s,id:e})),{type:s,id:"LIST"}]:[{type:s,id:"LIST"}]}),addComment:e.mutation({queryFn({subjectId:e,author:t,parent:o,content:l,author_name:s,author_email:m,targetId:c},u){const p=(0,r.KU)(u),g={post:(0,a.mQ)(e),author:(0,a.mQ)(t),author_name:s,author_email:m},b={};return l&&(g.content=l),o&&(g.parent=(0,a.mQ)(o)),c&&(b["acf[target_id]"]=c),p.wp.comments_create(g,{type:i.cM.UrlEncoded,extraQuery:b}).then((0,d.SC)(n))},invalidatesTags:[{type:s,id:"LIST"}]}),deleteComment:e.mutation({queryFn:(e,t)=>(0,r.KU)(t).wp.comments_delete({id:e},{}).then((0,d.PI)(n)),invalidatesTags:[{type:s,id:"LIST"}]}),editComment:e.mutation({queryFn({commentId:e,content:t,status:o,targetId:l},a){const s=(0,r.KU)(a),m={},c={};return t&&(m.content=t),o&&(c["acf[status]"]=o),l&&(c["acf[target_id]"]=l),s.wp.comments_update({id:e},m,{type:i.cM.UrlEncoded,extraQuery:c}).then((0,d.SC)(n))},invalidatesTags:[{type:s,id:"LIST"}]}),deleteTarget:e.mutation({queryFn:(e,t)=>(0,r.KU)(t).wp.comments_update({id:e},{},{type:i.cM.UrlEncoded,extraQuery:{"acf[target_id]":""}}).then((0,d.SC)(n)),invalidatesTags:[{type:s,id:"LIST"}]})})}),{useGetCommentsQuery:c,useAddCommentMutation:u,useDeleteCommentMutation:p,useEditCommentMutation:g,useDeleteTargetMutation:b}=m},3711:(e,t,o)=>{o.d(t,{C:()=>n,F:()=>a});var l=o(94104),i=o(53366);const a=(0,l.xP)({reducerPath:"confirmationMailApi",baseQuery:(0,i.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:n}=a},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:()=>g,Kh:()=>S,Gr:()=>B,LX:()=>R,dN:()=>y,YV:()=>E,sl:()=>v,Xw:()=>b,PX:()=>h,YE:()=>_,_3:()=>f});var l=o(94104),i=o(74778),a=o(45672),n=o(47085);function r({id:e,title:t,meta:o,acf:{html:l,common_styles:i},parent:a,excerpt:r,author:d,...s}){const m="object"===typeof(c=o)&&null!==c?c:void 0;var c;return{...s,...void 0!==m?{meta:m}:{},author:(0,n.WY)(d),id:(0,n.WY)(e),parent:(0,n.WY)(a),title:(0,n.vf)(t)\|\|"",html:l,common_styles:i,excerpt:(0,n.pT)(r)?r.rendered:r}}var d=o(72227),s=o(67630),m=o(26967),c=o(83193),u=o(31345),p=o(93506);const g=(0,l.xP)({reducerPath:"emailsApi",tagTypes:["Emails","Email","EmailAutosaves","TemplateEmail"],baseQuery:(0,m.hI)({baseUrl:"https://app.emailmaker.ru/api/wp-json/wp/v2/"}),endpoints:e=>({getEmails:e.query({queryFn(e,t){var o,l;const i=(0,m.KU)(t),n={order:"desc",orderby:"modified"},r={};if(e.notEmbed\|\|(r._embed=""),e.projectId&&(r._embed="author",r._fields="id,title,meta,emailtags,folder,group,modified,date,type,acf.lock,acf.project.ID,author,acf.is_template,_embedded",n["filter[meta_key]"]="project",n["filter[meta_value]"]=e.projectId),e.fields&&(r._fields=e.fields),e.page&&(n.page=e.page),e.order&&(n.order=e.order),e.orderby&&(n.orderby=e.orderby),e.folderTag&&e.folderTag!==p.y2?(n["filter[tax_query][relation]"]="AND",n["filter[tax_query][0][taxonomy]"]="folder",n["filter[tax_query][0][field]"]="id",n["filter[tax_query][0][terms]"]=e.folderTag,n["filter[tax_query][0][include_children]"]="0"):e.folderTag===p.y2&&("object"!==typeof e.folderTag\|\|null!==e.folderTag)\|\|null!==(o=e.tags)&&void 0!==o&&o.length\|\|!e.status\|\|"trash"===e.status\|\|(n["filter[tax_query][0][taxonomy]"]="folder",n["filter[tax_query][0][operator]"]="NOT EXISTS"),(null===(l=e.tags)\|\|void 0===l?void 0:l.length)>0&&"trash"!==e.status){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+1}][taxonomy]`]="emailtags",n[`filter[tax_query][${t+1}][field]`]="id",n[`filter[tax_query][${t+1}][terms]`]=o}}return e.name&&(n.search=e.name),e.pageSize&&(n.per_page=e.pageSize),"trash"===e.status&&(r.status="trash"),i.wp.email_list(n,{extraQuery:r}).then(e=>(0,d.Ih)(a.V)(e))},providesTags:(e,t,o,{response:l})=>{var i,a;const n=(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}_${n}`}}),{type:"Emails",id:`${o.folderTag\|\|(null===(i=o.tags)\|\|void 0===i?void 0:i[0])\|\|o.projectId}_${o.page}_${o.status}_${n}`}]:[{type:"Emails",id:`${o.folderTag\|\|(null===(a=o.tags)\|\|void 0===a?void 0:a[0])\|\|o.projectId}_${o.page}_${o.status}_${n}`}]},keepUnusedDataFor:0}),getTemplateEmails:e.query({queryFn(e,t){var o,l,i;const n=(0,m.KU)(t),r={"filter[meta_query][1][key]":"is_template","filter[meta_query][1][value]":"1","filter[meta_query][0][compare]":"LIKE",orderby:"modified",order:"desc"},s={_embed:"author,wp:term",_fields:"_embedded,id,title,meta,emailtags,folder,group,modified,date,type,acf.lock,acf.project.ID,acf.is_template"};if(e.emailId&&(r["filter[meta_query][0][key]"]="parent_email",r["filter[meta_query][0][value]"]=e.emailId),e.fields&&(s._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());r["filter[tax_query][relation]"]="AND",o.forEach((e,t)=>{r[`filter[tax_query][${t}][relation]`]="OR",e.forEach((e,o)=>{r[`filter[tax_query][${t}][${o}][taxonomy]`]="group",r[`filter[tax_query][${t}][${o}][field]`]="id",r[`filter[tax_query][${t}][${o}][terms]`]=e})})}if((null===(i=e.tags)\|\|void 0===i?void 0:i.length)>0){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}][taxonomy]`]="emailtags",r[`filter[tax_query][${t}][field]`]="id",r[`filter[tax_query][${t}][terms]`]=o}}if(e.type&&(r["filter[meta_query][2][key]"]="type",r["filter[meta_query][2][value]"]=e.type),e.name&&(r.search=e.name),e.pageSize&&(r.per_page=e.pageSize),e.page){var c,u;r.page=e.page;const o=t.getState(),{groupsTemplateProjectTotal:l,groupsTemplateProjectTotalPages:i}=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)&&i<e.page&&e.groupType===p.ti.ALL&&l&&i&&!e.projectId){const t=p.mU-l%p.mU+(e.page-(i+1))*p.mU;t&&(r.page=1,r.offset=t)}}return e.projectId&&(r["filter[meta_key]"]="project",r["filter[meta_value]"]=e.projectId),n.wp.email_list(r,{extraQuery:s}).then((0,d.Ih)(a.V))},keepUnusedDataFor:0}),getEmail:e.query({queryFn:(e,t)=>(0,m.KU)(t).wp.email_detail({id:(0,n.mQ)(e)},{extraQuery:{_embed:"wp:term",_fields:"_embedded,id,author,title,meta,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)(a.V)),providesTags:(e,t,o)=>[{type:"Email",id:o}],keepUnusedDataFor:0}),getTemplateEmail:e.query({queryFn:(e,t)=>(0,m.KU)(t).wp.email_detail({id:(0,n.mQ)(e)},{extraQuery:{_embed:"wp:term",_fields:"_embedded,id,author,title,meta,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)(a.V)),providesTags:(e,t,o)=>[{type:"TemplateEmail",id:o}],keepUnusedDataFor:0}),getEmailHistory:e.query({queryFn:({emailId:e,page:t=1},o)=>(0,m.KU)(o).wp.email_revisions_list({parent:e,per_page:20,page:t},{extraQuery:{_fields:"author,slug,date,modified,title,meta,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(r),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:i}=await t;(0,u.zg)(l()).revisionService&&c.lH.onHistoryFetched(e,i.data,o,()=>o(g.endpoints.getEmailHistory.initiate({emailId:e},{forceRefetch:!0})))}catch{}}}),addEmail:e.mutation({queryFn:(0,s.p)(e=>({source:t,...o})=>(0,m.KU)(e).wp.email_create({status:"publish",...(0,a.v)(o)},{type:i.cM.Json}).then((0,d.SC)(a.V))),invalidatesTags:[{type:"Emails",id:"LIST"}]}),editEmail:e.mutation({queryFn:(0,s.p)(e=>({emailId:t,source:o,...l})=>{const r=(0,m.KU)(e),s=(0,n.TB)((0,a.v)(l));return r.wp.email_partial_update({id:t},s,{type:i.cM.Json,extraQuery:{_embed:"wp:term",_fields:"_embedded,id,author,title,meta,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)(a.V))})}),deleteEmail:e.mutation({queryFn(e,t){const o=(0,m.KU)(t);let l,i;return"object"===typeof e?(l=e.id,i=e.force):(l=e,i=!1),o.wp.email_delete({id:l},{force:i}).then((0,d.PI)(a.V))},invalidatesTags:(e,t,o)=>[{type:"Emails",id:o}]}),addTag:e.mutation({queryFn:(e,t)=>(0,m.KU)(t).wp.emailtags_create({...e},{type:i.cM.Json})}),getDeletableTag:e.query({queryFn:([e,t],o)=>(0,m.KU)(o).wp.email_list({status:["private"],"filter[meta_key]":"project","filter[meta_value]":e,emailtags:[t]},{extraQuery:{"_fields[]":"emailtags"}}).then((0,d.Ih)(a.V))}),autoSaveEmail:e.mutation({queryFn({emailId:e,body:t},o){const l=(0,m.KU)(o),a=function({parent:e,title:t,html:o,project:l,subject:i,preheader:a,common_styles:r,author:d,parent_email:s,meta:m,...c}){return{...c,author:(0,n.mQ)(d),title:t,parent:(0,n.mQ)(e),"acf[html]":o,"acf[project]":(0,n.pT)(l)?l.id\|\|l.ID:l,"acf[parent_email]":s,"acf[common_styles]":r}}(t);return l.wp.email_autosaves_create({id:e},a,{type:i.cM.FormData}).then((0,d.SC)(r))},async onQueryStarted({emailId:e,body:t},{queryFulfilled:o,getState:l}){const i=(0,u.zg)(l()).revisionService;var a,n;i&&c.lH.onAutoSaveStarted(e,{sentAt:Date.now(),html:null!==(a=t.html)&&void 0!==a?a:"",common_styles:null!==(n=t.common_styles)&&void 0!==n?n:"",subject:t.subject,preheader:t.preheader});try{await o,i&&c.lH.onAutoSaveCompleted(e)}catch{i&&c.lH.onAutoSaveCompleted(e)}}})})}),{useGetEmailsQuery:b,useGetTemplateEmailsQuery:h,useGetEmailQuery:v,useLazyGetEmailQuery:f,useGetEmailHistoryQuery:E,useLazyGetEmailHistoryQuery:_,useAddEmailMutation:S,useEditEmailMutation:y,useDeleteEmailMutation:k,useGetDeletableTagQuery:w,useAddTagMutation:B,useAutoSaveEmailMutation:R}=g},7836:(e,t,o)=>{o.d(t,{u:()=>l.u});var l=o(69884)},28374:(e,t,o)=>{o.d(t,{U8:()=>i,cA:()=>n,ri:()=>a});var l=o(53366);const i=(0,o(94104).xP)({reducerPath:"exportPngApi",baseQuery:async(e,t,o)=>{try{const{notification:i,...a}=e,n=await(0,l.cw)({baseUrl:"https://racs.emcdn.ru/v3"})(a,t,o);if(n.error)throw new Error;return n}catch(i){return(null===e\|\|void 0===e?void 0:e.notification).error(i),{error:i}}},endpoints:e=>({makeTemporaryMailForPng:e.mutation({query:({file:e,title:t,notification:o})=>{const l=new Blob([e],{type:"text/html"}),i=new FormData;return i.append("file",l,"base.html"),i.append("contentType","text/html"),{url:"?resource=exportPngApi",method:"POST",body:i,notification:o}}}),deleteTemporaryMail:e.mutation({query:({id:e,notification:t})=>({url:`/${e}?resource=exportPngApi`,method:"DELETE",notification:t})})})}),{useMakeTemporaryMailForPngMutation:a,useDeleteTemporaryMailMutation:n}=i},6680:(e,t,o)=>{o.d(t,{C:()=>a,N:()=>n});var l=o(94104),i=o(53366);const a=(0,l.xP)({reducerPath:"webHookApi",baseQuery:(0,i.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:n}=a},8460:(e,t,o)=>{o.d(t,{u:()=>l.u});var l=o(96968)},5823:(e,t,o)=>{o.d(t,{N:()=>i,m:()=>a});var l=o(53366);const i=(0,o(94104).xP)({reducerPath:"htmlToPdfPlusApi",baseQuery:async(e,t,o)=>{try{const{notification:i,...a}=e,n=await(0,l.cw)({baseUrl:"https://html2pdf.emcdn.ru/convert/html-to-pdf"})(a,t,o);if(n.error)throw new Error;return n}catch(i){return(null===e\|\|void 0===e?void 0:e.notification).error(i),{error:i}}},endpoints:e=>({generateHtmlToPdf:e.mutation({query:({htmlContent:e,notification:t})=>({url:"",method:"POST",body:e,notification:t,responseHandler:e=>e.blob()})})})}),{useGenerateHtmlToPdfMutation:a}=i},85312:(e,t,o)=>{o.d(t,{m:()=>l.m});var l=o(44056)},60034:(e,t,o)=>{o.d(t,{CL:()=>p,FQ:()=>g,Jg:()=>k,Mv:()=>E,eo:()=>B,gg:()=>T,h4:()=>v});var l=o(94104),i=o(27849),a=o(26967),n=o(90197),r=o(74778),d=o(50548),s=o(93506),m=o(20263),c=o(70514),u=o(45092);const p=(0,l.xP)({reducerPath:"imageApi",baseQuery:void 0,endpoints:e=>({getImageInfo:e.query({queryFn:async function(e,t){try{var o,l;const i=(null===(o=t.getState().configSlice)\|\|void 0===o\|\|null===(l=o.config)\|\|void 0===l?void 0:l.imageInfoToolUrl)\|\|"https://scr.emcdn.ru/imageinfo",a=await fetch(`${i}?url=${encodeURIComponent(e)}`);return{data:await a.json()}}catch(i){}}}),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{const l=new URL("https://api.unsplash.com/search/photos");l.searchParams.set("client_id","S5iNcLqYgRBIOLQdluHdTsCJnjCvahzhG7JfYQOrV7o"),l.searchParams.set("lang","ru"),l.searchParams.set("per_page","18"),l.searchParams.set("query",o),l.searchParams.set("page",String(t)),""!==e.color&&l.searchParams.set("color",e.color),""!==e.orientation&&l.searchParams.set("orientation",e.orientation);const i=await fetch((0,c.W)(l.toString()));return{data:await i.json()}}catch(l){}}}),getUnsplashImage:e.query({queryFn:async function(e){try{const t=new URL(e);t.searchParams.set("client_id","S5iNcLqYgRBIOLQdluHdTsCJnjCvahzhG7JfYQOrV7o");const o=(0,c.W)(t.toString()),l=await fetch(o);return{data:await l.json()}}catch(t){}}}),sendAiImageRequest:e.query({queryFn:async function({body:e},t){try{const o=(0,a.KU)(t);return await o.saveFile.ai_create(e,{type:r.cM.FormData})}catch(o){throw new Error(o)}}}),getAiImage:e.query({queryFn:async function(e,t){try{const o=(0,a.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:r,cacheEntryRemoved:c}=l,p=(0,a.KU)(l).baseUrl\|\|(0,u.qT)("https://app.emailmaker.ru/api/"),g=s.EW.isPlugin?await m.di.getInstance(l,d.Y):i.A.get(s.A9.em_token),b=g?{Authorization:`Bearer ${g}`}:{},h=new n.EventSourcePolyfill(`${p}/ai-generator/v1/ai-status?entity_id=${t}&stream=1&task_id=${e}`,{headers:b});h.onmessage=e=>{const t=JSON.parse(e.data);r(e=>{e.push(t)}),100===t.progress&&h.close()},h.onerror=e=>{h.close()},await c,h.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=(0,c.W)(`https://api.giphy.com/v1/gifs/search?api_key=Nh77eBlPeMn1ed9MBAvL542NUGeNO26F&q=${encodeURIComponent(o)}&limit=25&offset=${t}&lang=en`),l=await fetch(e);return{data:await l.json()}}catch(l){}}})})}),{useLazyGetImageInfoQuery:g,useGetImageInfoQuery:b,useGetSearchImageQuery:h,useLazyGetSearchImageQuery:v,useSendAiImageRequestQuery:f,useLazySendAiImageRequestQuery:E,useGetAiImageQuery:_,useLazyGetAiImageQuery:S,useGetUnsplashImageQuery:y,useLazyGetUnsplashImageQuery:k,useGetSearchGifQuery:w,useLazyGetSearchGifQuery:B,useGetAiImageSSEQuery:R,useLazyGetAiImageSSEQuery:T}=p},28112:(e,t,o)=>{o.d(t,{W:()=>l.W});var l=o(16360)},27092:(e,t,o)=>{o.d(t,{Ad:()=>r,HO:()=>c,Yj:()=>m});var l=o(94104),i=o(53366),a=o(26967);const n="LOCALES",r=(0,l.xP)({reducerPath:"localesApi",tagTypes:[n],baseQuery:(0,i.cw)({baseUrl:"https://app.emailmaker.ru/api/wp-json/translations/v1"}),endpoints:e=>({getLocale:e.query({async queryFn({id:e},t){const o=(0,a.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:n,id:o}]}),getLocales:e.query({queryFn:function(e,t){return(0,a.KU)(t).translations.get_translations2({file:"react_app"})},providesTags:(e,t,o)=>[{type:n,id:"react_app"}]})})}),{useGetLocalesQuery:d,useGetLocaleQuery:s,useLazyGetLocaleQuery:m,useLazyGetLocalesQuery:c}=r},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:()=>n,Y:()=>a});var l=o(47085),i=o(28589);function a({id:e,type:t,title:o,excerpt:a,author:n,acf:{subject:r,description:d,html:s,project:m,related_email:c,tags:u,type:p,is_template:g,lock:b},...h}){return{...h,id:String(e),author:String(n),renderGuid:(0,i.l)(),description:d,html:s,excerpt:(0,l.vf)(o),project:(0,l.pT)(m)?m.ID:m,project_author:(0,l.pT)(m)?m.post_author:void 0,project_title:(0,l.pT)(m)?m.post_title:void 0,tags:u,is_template:g,type:p,related_email:(0,l.WY)((0,l.pT)(c)?c.ID:c),title:(0,l.vf)(o)\|\|"",lock:b}}function n({title:e,subject:t,description:o,renderGuid:i,html:a,project:n,tags:r,type:d,related_email:s,is_template:m,lock:c,author:u,...p}){return{...p,author:(0,l.mQ)(u),title:e,acf:{description:o,related_email:(0,l.mQ)(s),html:a,project:n,tags:r,type:d,is_template:m,lock:c}}}},43135:(e,t,o)=>{o.d(t,{n:()=>i});var l=o(47085);function i({parent:e,title:t,html:o,project:i,author:a,...n}){return{...n,author:(0,l.mQ)(a),parent:(0,l.mQ)(e),title:(0,l.vf)(t),"acf[html]":o,"acf[project]":(0,l.pT)(i)?i.id\|\|i.ID:i}}},14568:(e,t,o)=>{o.d(t,{H:()=>i});var l=o(47085);function i({id:e,title:t,acf:{html:o},excerpt:i,parent:a,author:n,...r}){return{...r,id:(0,l.WY)(e),author:(0,l.WY)(n),parent:(0,l.WY)(a),title:(0,l.vf)(t)\|\|"",html:o,excerpt:(0,l.pT)(i)?i.rendered:i}}},45672:(e,t,o)=>{o.d(t,{V:()=>a,v:()=>n});var l=o(28589),i=o(47085);function a({id:e,title:t,meta:o,type:a,guid:n,acf:{lock:r,subject:d,description:s,html:m,project:c,tags:u,utm_parameters:p,parent_email:g,common_styles:b,is_template:h},author:v,...f}){const E="object"===typeof(_=o)&&null!==_?_:void 0;var _;return{...f,...void 0!==E?{meta:E}:{},id:(0,i.WY)(e),author:(0,i.WY)(v),title:(0,i.vf)(t)\|\|"",lock:r,renderGuid:(0,l.l)(),description:s,html:m,project:(0,i.pT)(c)?c.ID:c,project_author:(0,i.pT)(c)?c.post_author:void 0,project_title:(0,i.pT)(c)?c.post_title:void 0,tags:u,utm_parameters:p,parent_email:(0,i.WY)(g instanceof Array&&g[0]?g[0].ID:g),common_styles:b,is_template:h}}function n({title:e,lock:t,subject:o,description:l,html:a,project:n,tags:r,renderGuid:d,utm_parameters:s,parent_email:m,common_styles:c,is_template:u,author:p,meta:g,...b}){return{...b,author:(0,i.mQ)(p),title:e,acf:{lock:t,description:l,html:a,project:n,tags:r,utm_parameters:s,parent_email:(0,i.mQ)(m),common_styles:c,is_template:u}}}},64961:(e,t,o)=>{o.d(t,{b:()=>a,d:()=>i});var l=o(47085);function i({title:e,acf:t,...o}){const{members:i,projects_test_emails:a,ftp_settings:n,emails:r,blocks:d,webhook:s,inbox_email:m,integrations:c}=t;return{...o,title:(0,l.vf)(e)\|\|"",members:(0,l.pT)(i)?{admins:i.admins&&i.admins.map(e=>({...e,ID:(0,l.WY)(e.ID)})),users:i.users&&i.users.map(e=>({...e,ID:(0,l.WY)(e.ID)})),invited_users:i.invited_users&&i.invited_users.map(e=>({...e,ID:(0,l.WY)(e.ID)})),owner:(0,l.pT)(i.owner)?{...i.owner,ID:(0,l.WY)(i.owner.ID)}:i.owner}:void 0,projects_test_emails:a,inbox_email:m,ftp_settings:n,webhook:s,integrations:c,emails:r,blocks:d}}function a({title:e,members:t,projects_test_emails:o,inbox_email:i,ftp_settings:a,webhook:n,integrations:r,emails:d,blocks:s,...m}){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{...m,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:n,projects_test_emails:o,inbox_email:i,ftp_settings:a,integrations:r,emails:d,blocks:s}}}},16309:(e,t,o)=>{o.d(t,{i:()=>i});var l=o(47085);function i({title:e,acf:{limits:t,price:o},...i}){return{...i,title:(0,l.vf)(e)\|\|"",limits:t,price:o}}},72961:(e,t,o)=>{o.d(t,{F:()=>i,L:()=>a});var l=o(47085);function i({acf:{autosaves:e,hide_mergetags:t,theme:o,newsletter_consent:i,code_editor:a,counters:n,subscription:r,subscription_end:d,recurring_payments:s,subscription_id:m,promocode:c,subscription_amount:u,enterprise_users_limit:p,enterprise_price:g,enterprise_12_price:b,privacy_policy_agreement:h,last_used_project:v,email_confirmation:f,email_builder_config:E},id:_,...S}){return{...S,id:(0,l.WY)(_),username:S.username\|\|"",email:S.email\|\|"",password:S.password\|\|"",autosaves:e,hide_mergetags:t,theme:o,newsletter_consent:i,code_editor:a?{...a,font_size:Number(a.font_size)}:void 0,counters:Object.keys(n).reduce((e,t)=>(e[t]=Number(n[t]),e),{}),subscription:r,subscription_end:d,recurring_payments:s,subscription_id:m,promocode:c,subscription_amount:u,enterprise_users_limit:p,enterprise_price:g,enterprise_12_price:b,privacy_policy_agreement:h,last_used_project:v,email_confirmation:f,email_builder_config:E}}function a({autosaves:e,theme:t,newsletter_consent:o,code_editor:i,counters:a,subscription:n,subscription_end:r,recurring_payments:d,subscription_id:s,promocode:m,subscription_amount:c,enterprise_users_limit:u,enterprise_price:p,enterprise_12_price:g,privacy_policy_agreement:b,locale:h,last_used_project:v,email_confirmation:f,email_builder_config:E,id:_,...S}){return{...S,id:(0,l.mQ)(_),locale:h,acf:{autosaves:e,theme:t,newsletter_consent:o,code_editor:i?{...i,font_size:String(i.font_size)}:void 0,counters:a,subscription:n,subscription_end:r,recurring_payments:d,subscription_id:s,promocode:m,subscription_amount:c,enterprise_users_limit:u,enterprise_price:p,enterprise_12_price:g,privacy_policy_agreement:b,last_used_project:v,email_confirmation:f,email_builder_config:E}}}},47085:(e,t,o)=>{function l(e,t=!1){const o={};for(const i of Object.keys(e)){let a=e[i];void 0===a\|\|"number"===typeof a&&Number.isNaN(a)\|\|(t&&"object"===typeof a&&null!==a&&(a=l(a)),o[i]=a)}return o}function i(e){return"object"===typeof e&&e}function a(e){const t=Number(e);return isNaN(t)?e:t}function n(e){return"number"===typeof e?String(e):e}function r(e){return"object"===typeof e?e.rendered:e}o.d(t,{TB:()=>l,WY:()=>n,mQ:()=>a,pT:()=>i,vf:()=>r})},25413:(e,t,o)=>{o.d(t,{vx:()=>m,I9:()=>c,bw:()=>u});var l=o(94104),i=o(74778),a=o(26967),n=o(47085);function r({title:e,content:t,acf:{seen:o,type:l,event:i,data:a},...r}){return{...r,seen:o,type:l,event:i,data:a,title:(0,n.vf)(e),content:t}}var d=o(72227);const s="Notifications",m=(0,l.xP)({reducerPath:"notificationsApi",tagTypes:[s],baseQuery:(0,a.hI)({baseUrl:"https://app.emailmaker.ru/api/wp-json/wp/v2/"}),endpoints:e=>({getNotifications:e.query({queryFn:(e,t)=>(0,a.KU)(t).wp.notification_list({author:[Number(e)]}).then((0,d.Ih)(r)),providesTags:e=>e?[...e.map(({id:e})=>({type:s,id:e})),{type:s,id:"LIST"}]:[{type:s,id:"LIST"}]}),notificationShown:e.mutation({queryFn:({id:e,datetime:t},o)=>(0,a.KU)(o).wp.notification_create2({id:e},{},{type:i.cM.Json,extraQuery:{"acf[seen]":t}}).then((0,d.SC)(r)),invalidatesTags:[{type:s,id:"LIST"}]})})}),{useGetNotificationsQuery:c,useNotificationShownMutation:u}=m},70339:(e,t,o)=>{o.d(t,{Ju:()=>d,Sr:()=>s,ku:()=>r,tO:()=>n});var l=o(94104),i=o(26967);const a="Optimise",n=(0,l.xP)({reducerPath:"optimiseApi",tagTypes:[a],baseQuery:async(e,t,o)=>{const l=(0,i.KU)(t).baseUrl.replaceAll(/[\\/]$/g,""),a=(0,i.hI)({baseUrl:`${l}/optimization/v1/validate`}),n=await a(e,t,o);if(n.error){let e=n.error;if("function"===typeof e.json)try{e=await e.json()}catch{e=await e}return{error:e}}return n},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:[a]}),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:r,useEditImagesMutation:d,useEditSpamMutation:s}=n},89600:(e,t,o)=>{o.d(t,{So:()=>a});var l=o(94104),i=o(26967);const a=(0,l.xP)({reducerPath:"promoApi",baseQuery:(0,i.hI)({baseUrl:"https://app.emailmaker.ru/api/wp-json/promo/v1/"}),endpoints:e=>({checkPromo:e.mutation({queryFn:({code:e,type:t},o)=>(0,i.KU)(o).promo.set_code_create({code:e,type:t})}),getPromoInfo:e.query({queryFn:({code:e},t)=>(0,i.KU)(t).promo.get_code_info_list({code:e})})})}),{useCheckPromoMutation:n,useGetPromoInfoQuery:r}=a},79613:(e,t,o)=>{o.d(t,{Z8:()=>a,mI:()=>r});var l=o(94104),i=o(26967);const a=(0,l.xP)({reducerPath:"proxyApi",tagTypes:["Proxy"],baseQuery:(0,i.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 a=(0,i.KU)(l),n=t?fetch(e):Promise.reject(),r=e=>(e=>{switch(o){case"json":return e.json();case"text":return e.text();default:return e.blob()}})(e).then(e=>({data:e}));return n.then(e=>r(e)).catch(()=>a.corsProxy.get_list({format:"blob",extraQuery:{url:encodeURIComponent(e)}}))}})})}),{useGetFileQuery:n,useLazyGetFileQuery:r}=a},37316:(e,t,o)=>{o.d(t,{W:()=>l.W});var l=o(20833)},44004:(e,t,o)=>{o.d(t,{Zf:()=>s,dS:()=>r,lg:()=>d,tb:()=>m,yH:()=>n});var l=o(94104),i=o(74778),a=o(26967);const n=(0,l.xP)({reducerPath:"saveFileApi",tagTypes:["Images"],baseQuery:(0,a.hI)({baseUrl:"https://app.emailmaker.ru/api/wp-json/save-file/v1/"}),endpoints:e=>({uploadImage:e.mutation({queryFn:(e,t)=>(0,a.KU)(t).saveFile.upload_create(e,{type:i.cM.FormData})}),sendTestEmail:e.mutation({queryFn:(e,t)=>(0,a.KU)(t).saveFile.send_email_create(e,{type:i.cM.FormData})}),sendLivePreview:e.mutation({queryFn:(e,t)=>(0,a.KU)(t).saveFile.get_link_create(e,{type:i.cM.FormData})}),sendShortLink:e.mutation({queryFn:(e,t)=>(0,a.KU)(t).saveFile.shortener_create(e,{type:i.cM.FormData})})})}),{useUploadImageMutation:r,useSendTestEmailMutation:d,useSendLivePreviewMutation:s,useSendShortLinkMutation:m}=n},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:()=>s,Ay:()=>p,Bn:()=>m,H3:()=>d,J3:()=>c,dA:()=>u});var l=o(65913),i=o(72227);const a="autosaveRecovery",n=(0,i.ur)({revisionToApply:null,isRecovering:!1}),r=(0,l.createSlice)({name:a,initialState:n,reducers:{setRevisionToApply:(e,{payload:t})=>{e.revisionToApply=t},clearRevisionToApply:e=>{e.revisionToApply=null},setIsRecovering:(e,{payload:t})=>{e.isRecovering=t}}}),{setRevisionToApply:d,clearRevisionToApply:s,setIsRecovering:m}=r.actions,c=e=>e[a].revisionToApply,u=e=>e[a].isRecovering,p=r},44450:(e,t,o)=>{o.d(t,{$:()=>i});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:""}}},i=e=>{const t=l[e];return t\|\|l.editor}},38343:(e,t,o)=>{o.d(t,{Ay:()=>m,M:()=>s,YT:()=>d,rI:()=>r});var l=o(65913);const i=(0,o(72227).ur)({isCollapsed:!0,isMonacoFocusing:!1}),a="defaultModePanesSlice",n=(0,l.createSlice)({name:a,initialState:i,reducers:{setMonacoFocusing:(e,t)=>{e.isMonacoFocusing=t.payload},resetPanes:()=>i}}),{resetPanes:r,setMonacoFocusing:d}=n.actions,s=e=>e[a].isMonacoFocusing,m=n},40867:(e,t,o)=>{o.d(t,{Ay:()=>W,B:()=>M,Bp:()=>B,CS:()=>O,Ct:()=>P,Fk:()=>h,Fv:()=>A,M7:()=>T,N6:()=>k,NQ:()=>I,Oo:()=>g,PM:()=>b,Tn:()=>V,Uf:()=>_,V$:()=>C,Wm:()=>z,Wv:()=>D,cL:()=>N,mi:()=>v,oF:()=>x,oG:()=>L,qf:()=>p,sy:()=>R,vc:()=>f,vs:()=>E,wW:()=>S,wr:()=>y,yy:()=>F});var l,i=o(65913),a=o(60791),n=o(93506),r=o(72227);const d=null===(l=window.localStorage)\|\|void 0===l?void 0:l.getItem(n.V0.em_code_mode_settings),s=d&&JSON.parse(d),m=(0,r.ur)({activeModal:"",lastActiveSettingsTab:n.Bv,activeSettingsTab:n.Bv,isPanelHistoryCollapsed:!0,monacoHeight:0,isCodeMode:(null===s\|\|void 0===s?void 0:s.isCodeMode)\|\|n.EW.isPlugin&&void 0===(null===s\|\|void 0===s?void 0:s.isCodeMode),codeModeDirection:(null===s\|\|void 0===s?void 0:s.codeModeDirection)\|\|"left",isHeaderCodeMenuOpen:{current:!1,switched:!1},emailWidth:"100%",emailViewType:n.Vp,mobileViewActive:{shutdown:!0,styles:!0},emailMaxWidthSize:425,propertiesPanelKey:n.WU,parentBlocks:[],isGlobalLoading:!1});localStorage.getItem(n.V0.em_code_mode_settings)\|\|window.localStorage.setItem(n.V0.em_code_mode_settings,JSON.stringify({codeModeDirection:m.codeModeDirection,isCodeMode:m.isCodeMode}));const c="emailPageSlice",u=(0,i.createSlice)({name:c,initialState:m,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!==n.Vv&&(e.isPanelHistoryCollapsed=!0)},resetToLastActiveSettingsTab:e=>{"Properties"===e.lastActiveSettingsTab?e.activeSettingsTab="Build":e.activeSettingsTab=e.lastActiveSettingsTab,e.lastActiveSettingsTab!==n.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?n.Vp:n.ND,window.localStorage.setItem(n.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(n.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(n.V0.em_code_mode_settings,JSON.stringify({codeModeDirection:e.codeModeDirection,isCodeMode:o})))},switchCodeModeDirection:(e,t)=>{e.codeModeDirection=t.payload,window.localStorage.setItem(n.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(a.VM.endpoints.getParentEmailBlocks.matchFulfilled,(e,t)=>{e.parentBlocks=t.payload})}}),{openModal:p,closeModal:g,setActiveSettingsTab:b,resetToLastActiveSettingsTab:h,switchIsPanelHistoryCollapsed:v,setEmailWidth:f,switchCodeMode:E,switchCodeModeDirection:_,setMobileViewActive:S,setEmailViewType:y,setCodeMode:k,setEmailMaxWidthSize:w,setPropertiesPanelKey:B,resetParentBlocks:R,setIsGlobalLoading:T,setHeaderCodeMenuOpen:x}=u.actions,A=e=>e[c].isCodeMode,I=e=>e[c].emailWidth,N=e=>e[c].activeModal,C=e=>e[c].parentBlocks,P=e=>e[c].emailViewType,L=e=>e[c].isGlobalLoading,O=e=>e[c].mobileViewActive,F=e=>e[c].codeModeDirection,M=e=>e[c].activeSettingsTab,V=e=>e[c].propertiesPanelKey,D=e=>e[c].isHeaderCodeMenuOpen,z=e=>e[c].isPanelHistoryCollapsed,W=u},75354:(e,t,o)=>{o.d(t,{Ay:()=>S,FC:()=>p,MY:()=>b,NK:()=>u,NP:()=>f,Ni:()=>h,X:()=>g,aO:()=>E,ff:()=>c,qM:()=>v,ux:()=>_});var l=o(65913),i=o(27849),a=o(89591),n=o(72227),r=o(93506);const d=(0,n.ur)({emailsTotal:0,elementsList:[],emailsTrashTotal:0,elementsTrashList:[],customFolders:{},elementsView:!r.EW.isPlugin&&i.A.get(r.A9.em_elements_view)\|\|r.Y$}),s="emailsPageSlice",m=(0,l.createSlice)({name:s,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!==r.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(a.GY.endpoints.getEmails.matchFulfilled,(e,{meta:t,payload:o})=>{var l,i,a,n,r,d,s,m;const c=+(null===(l=t.baseQueryMeta)\|\|void 0===l?void 0:l.response.headers.get("X-WP-Total"))\|\|0,u="trash"===(null===(i=t.arg.originalArgs)\|\|void 0===i?void 0:i.status),p=!(null===(a=t.arg.originalArgs)\|\|void 0===a\|\|null===(n=a.name)\|\|void 0===n\|\|!n.length),g=null===(r=t.arg.originalArgs)\|\|void 0===r?void 0:r.page,b=(null===(d=t.arg.originalArgs)\|\|void 0===d?void 0:d.folderTag)\|\|(null===(s=t.arg.originalArgs)\|\|void 0===s\|\|null===(m=s.tags)\|\|void 0===m?void 0:m[0]);u?(p\|\|(e.emailsTrashTotal=c),e.elementsTrashList=o):b?e.customFolders={...e.customFolders,[b]:{list:o,page:g,total:c}}:(e.emailsTotal=c,e.elementsList=o)}),e.addMatcher(a.GY.endpoints.getTemplateEmails.matchFulfilled,(e,{meta:t,payload:o})=>{var l;const i=+(null===(l=t.baseQueryMeta)\|\|void 0===l?void 0:l.response.headers.get("X-WP-Total"))\|\|0;e.elementsList=o,e.emailsTotal=i;const{projectGroup:a,projectId:n,tags:r}=t.arg.originalArgs;!(null!==a&&void 0!==a&&a.length&&n\|\|null!==r&&void 0!==r&&r.length)&&(null!==r&&void 0!==r&&r.length\|\|null!==a&&void 0!==a&&a.length)\|\|(e.emailsTotal=i)}),e.addMatcher(a.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:p,removeEmailFromList:g}=m.actions,b=e=>e[s].emailsTotal,h=e=>e[s].elementsView,v=e=>e[s].elementsList,f=e=>e[s].customFolders,E=e=>e[s].emailsTrashTotal,_=e=>e[s].elementsTrashList,S=m},22817:(e,t,o)=>{o.d(t,{AQ:()=>E,Ay:()=>_,BN:()=>c,GD:()=>b,RP:()=>h,Rw:()=>f,Rz:()=>v,es:()=>m,mb:()=>u,od:()=>s,qV:()=>p,yN:()=>g});var l=o(65913),i=o(72531),a=o(89591);const n=(0,o(72227).ur)({project:null,activeGroupsTags:[],activeProjectGroupsTags:[],groupsTemplateTotal:null,groupsTemplateProjectTotalPages:null,groupsTemplateProjectTotal:null}),r="projectSlice",d=(0,l.createSlice)({name:r,initialState:n,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(i.Nq.endpoints.getProject.matchFulfilled,(e,{payload:t})=>{e.project={...n.project,...t}}),e.addMatcher(i.Nq.endpoints.editProject.matchFulfilled,(e,{payload:t})=>{e.project={...n.project,...t}}),e.addMatcher(a.GY.endpoints.getTemplateEmails.matchFulfilled,(e,{payload:t,meta:o})=>{const{projectId:l}=o.arg.originalArgs;var i,a,n;l?(e.groupsTemplateProjectTotal=+(null===(i=o.baseQueryMeta)\|\|void 0===i?void 0:i.response.headers.get("X-WP-Total")),e.groupsTemplateProjectTotalPages=+(null===(a=o.baseQueryMeta)\|\|void 0===a?void 0:a.response.headers.get("X-WP-TotalPages"))):e.groupsTemplateTotal=+(null===(n=o.baseQueryMeta)\|\|void 0===n?void 0:n.response.headers.get("X-WP-Total"))})}}),{setProject:s,setActiveGroupsTags:m,setActiveProjectGroupsTags:c,resetAllTags:u}=d.actions,p=e=>e[r].groupsTemplateProjectTotalPages,g=e=>e[r].project,b=e=>e[r].activeGroupsTags,h=e=>e[r].groupsTemplateTotal,v=e=>{var t;return null===(t=e[r].project)\|\|void 0===t?void 0:t.projects_test_emails},f=e=>e[r].activeProjectGroupsTags,E=e=>e[r].groupsTemplateProjectTotal,_=d},74663:(e,t,o)=>{o.d(t,{Ay:()=>p,RL:()=>c,p1:()=>u,qX:()=>s});var l=o(65913),i=o(89591),a=o(60791);const n=(0,o(72227).ur)({historyData:[],elementHistoryTotalPages:1}),r="revisionHistorySlice",d=(0,l.createSlice)({name:r,initialState:n,reducers:{resetElementHistorySlice:()=>({...n}),setElementHistory:(e,t)=>{0!==t.payload.length&&(e.historyData=t.payload)}},extraReducers:e=>{e.addMatcher(i.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(a.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:s}=d.actions,{setElementHistory:m}=d.actions,c=e=>e[r].elementHistoryTotalPages,u=e=>e[r].historyData,p=d},98173:(e,t,o)=>{o.d(t,{Ay:()=>y,B:()=>_,B$:()=>S,C1:()=>v,hZ:()=>E,ko:()=>g,ku:()=>u,ww:()=>m,yf:()=>f});var l=o(65913),i=o(3758),a=o(93506),n=o(72227),r=o(41244);const d=(0,n.ur)({currentUser:{},currentSchema:{},monacoOptions:a.rW,monacoDidMount:!1}),s="userSlice",m=(0,l.createAsyncThunk)("user/setMonacoOptions",async(e,{getState:t})=>{const o=t()[s],l="string"===typeof e.font_family?`${e.font_family}, sans-serif`:void 0,i=void 0!==e.word_wrap?e.word_wrap?"on":"off":void 0;return l&&o.monacoOptions.fontFamily!==l&&await(0,r.iV)(e.font_family),{tabSize:e.tab_size,fontFamily:l,fontSize:e.font_size,wordWrap:i,insertSpaces:e.insert_spaces,minimap:{enabled:e.minimap}}}),c=(0,l.createSlice)({name:s,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(m.fulfilled,(e,t)=>{const o=t.payload;e.monacoOptions=(0,r.i0)({...e.monacoOptions},o)}),e.addMatcher(i.Q2.endpoints.editMe.matchFulfilled,(e,t)=>{e.currentUser=t.payload}),e.addMatcher(i.Q2.endpoints.getMe.matchFulfilled,(e,t)=>{e.currentUser=t.payload}),e.addMatcher(i.Q2.endpoints.getSchema.matchFulfilled,(e,t)=>{e.currentSchema=t.payload.schema})}}),{setMonacoDidMount:u,setTheme:p,setUserLocale:g,setUserAutosaves:b,setUser:h}=c.actions,v=e=>e[s].currentUser,f=e=>e[s].currentSchema,E=e=>e[s].monacoOptions,_=e=>{var t;return null===(t=e[s].currentUser)\|\|void 0===t?void 0:t.locale},S=e=>{var t;return 3891!==(null===(t=e[s].currentUser.subscription)\|\|void 0===t?void 0:t.ID)},y=c}}]);
2	+ //# sourceMappingURL=8013.e4dee415.js.map