✏️ Editing: email_editor.js Writable

(()=>{var e={838:e=>{"use strict";var t=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===n}(e)}(e)},n="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function o(e,t){return!1!==t.clone&&t.isMergeableObject(e)?l((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function i(e,t,n){return e.concat(t).map((function(e){return o(e,n)}))}function a(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return Object.propertyIsEnumerable.call(e,t)})):[]}(e))}function s(e,t){try{return t in e}catch(e){return!1}}function l(e,n,r){(r=r||{}).arrayMerge=r.arrayMerge||i,r.isMergeableObject=r.isMergeableObject||t,r.cloneUnlessOtherwiseSpecified=o;var c=Array.isArray(n);return c===Array.isArray(e)?c?r.arrayMerge(e,n,r):function(e,t,n){var i={};return n.isMergeableObject(e)&&a(e).forEach((function(t){i[t]=o(e[t],n)})),a(t).forEach((function(a){(function(e,t){return s(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,a)||(s(e,a)&&n.isMergeableObject(t[a])?i[a]=function(e,t){if(!t.customMerge)return l;var n=t.customMerge(e);return"function"==typeof n?n:l}(a,n)(e[a],t[a],n):i[a]=o(t[a],n))})),i}(e,n,r):o(n,r)}l.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return l(e,n,t)}),{})};var r=l;e.exports=r},538:(e,t,n)=>{"use strict";var o=n(609),i=Symbol.for("react.element"),a=Symbol.for("react.fragment"),s=Object.prototype.hasOwnProperty,l=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,r={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var o,a={},c=null,d=null;for(o in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(d=t.ref),t)s.call(t,o)&&!r.hasOwnProperty(o)&&(a[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===a[o]&&(a[o]=t[o]);return{$$typeof:i,type:e,key:c,ref:d,props:a,_owner:l.current}}t.Fragment=a,t.jsx=c,t.jsxs=c},106:(e,t,n)=>{"use strict";e.exports=n(538)},609:e=>{"use strict";e.exports=window.React},698:(e,t)=>{var n;!function(){"use strict";var o={}.hasOwnProperty;function i(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=s(e,a(n)))}return e}function a(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return i.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)o.call(e,n)&&e[n]&&(t=s(t,n));return t}function s(e,t){return t?e?e+" "+t:e+t:e}e.exports?(i.default=i,e.exports=i):void 0===(n=function(){return i}.apply(t,[]))||(e.exports=n)}()}},t={};function n(o){var i=t[o];if(void 0!==i)return i.exports;var a=t[o]={exports:{}};return e[o](a,a.exports,n),a.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{"use strict";var e={};n.r(e),n.d(e,{closeModal:()=>Te,disableComplementaryArea:()=>ve,enableComplementaryArea:()=>fe,openModal:()=>Ce,pinItem:()=>be,setDefaultComplementaryArea:()=>ye,setFeatureDefaults:()=>ke,setFeatureValue:()=>Se,toggleFeature:()=>je,unpinItem:()=>we});var t={};n.r(t),n.d(t,{getActiveComplementaryArea:()=>Ee,isComplementaryAreaLoading:()=>Ne,isFeatureActive:()=>Ie,isItemPinned:()=>Pe,isModalActive:()=>Me});var o={};n.r(o),n.d(o,{changePreviewDeviceType:()=>Co,closeSidebar:()=>Io,openSidebar:()=>Po,requestSendingNewsletterPreview:()=>Lo,revertAndSaveTemplate:()=>Ro,saveEditedEmail:()=>Bo,setIsFetchingPersonalizationTags:()=>Fo,setPersonalizationTagsList:()=>zo,setTemplateToPost:()=>Ao,toggleFeature:()=>ko,togglePersonalizationTagsModal:()=>Eo,togglePreviewModal:()=>To,toggleSettingsSidebarActiveTab:()=>Mo,updateSendPreviewEmail:()=>No});var i={};n.r(i),n.d(i,{getAutosaveInterval:()=>_i,getBlockPatternsForEmailTemplate:()=>Qo,getCurrentTemplate:()=>ti,getCurrentTemplateContent:()=>ni,getDeviceType:()=>mi,getEditedEmailContent:()=>Ko,getEditedPostTemplate:()=>ei,getEmailPostId:()=>ai,getEmailTemplates:()=>ii,getGlobalEmailStylesPost:()=>oi,getGlobalStylesPostId:()=>gi,getInitialEditorSettings:()=>li,getPaletteColors:()=>ri,getPersonalizationTagsList:()=>pi,getPersonalizationTagsState:()=>di,getPreviewState:()=>ci,getSentEmailEditorPosts:()=>Xo,getSettingsSidebarActiveTab:()=>si,getStyles:()=>ui,getTheme:()=>hi,getUrls:()=>xi,hasEdits:()=>Uo,hasEmptyContent:()=>Yo,isEmailLoaded:()=>Wo,isEmailSent:()=>Jo,isEmpty:()=>Zo,isFeatureActive:()=>Go,isSaving:()=>qo,isSidebarOpened:()=>$o});var a={};n.r(a),n.d(a,{getPersonalizationTagsList:()=>yi});const s=window.wp.data,l=window.wp.element,r=window.wp.hooks,c=(window.wp.formatLibrary,window.wp.blockLibrary),d=window.wp.blockEditor,p=window.wp.compose;var m=n(106);const u=(0,p.createHigherOrderComponent)((e=>function(t){return"core/columns"!==t.name?(0,m.jsx)(e,{...t}):(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(e,{...t}),(0,m.jsx)(d.InspectorControls,{children:(0,m.jsx)("style",{children:"\n      .components-panel__body .components-toggle-control .components-form-toggle { opacity: 0.3; }\n      .components-panel__body .components-toggle-control .components-form-toggle__input { pointer-events: none; }\n      .components-panel__body .components-toggle-control label { pointer-events: none; }\n    "})})]})}),"columnsEditCallback"),_=window.wp.i18n;function h({layoutClassNames:e}){const t=(0,d.useBlockProps)({className:e});return(0,m.jsxs)("div",{...t,children:[(0,m.jsx)("p",{children:(0,_.__)("This is the Content block.","mailpoet")}),(0,m.jsx)("p",{children:(0,_.__)("It will display all the blocks in the email content, which might be only simple text paragraphs. You can enrich your message with images, incorporate data through tables, explore different layout designs with columns, or use any other block type.","mailpoet")})]})}const g=(0,p.createHigherOrderComponent)((e=>function(t){return"core/image"!==t.name?(0,m.jsx)(e,{...t}):(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(e,{...t}),(0,m.jsx)(d.InspectorControls,{children:(0,m.jsx)("style",{children:"\n        .components-tools-panel .components-toggle-control { display: none; }\n      "})})]})}),"imageEditCallback"),x=window.wp.richText,y=window.wp.components,f=(e,t)=>{const n=e.current.ownerDocument.defaultView.getSelection();if(!n.rangeCount)return{start:0,end:0};const o=n.getRangeAt(0);if(null===n.anchorNode.previousSibling)return{start:n.anchorOffset,end:n.anchorOffset+o.toString().length};const i=(0,x.create)({html:t});let a=n.anchorNode.previousSibling;a=function(e){let t=e;for(;t&&t?.children?.length>0;)t=t.children[0];return t}(a);const s=function(e,t){let n=null;for(const[o,i]of t.entries())if(i)for(const t of i)t?.attributes&&e.tagName.toLowerCase()===t.tagName?.toLowerCase()&&e.getAttribute("data-link-href")===t?.attributes["data-link-href"]&&(n=o);return n}(a,i.formats);if(null!==s)return{start:s+n.anchorOffset+1,end:s+n.anchorOffset+o.toString().length};const l=function(e,t){for(const[n,o]of t.entries()){if(!o)continue;const{attributes:t}=o;if(e.getAttribute("data-rich-text-comment")===t["data-rich-text-comment"])return n}return null}(a,i.replacements);return null!==l?{start:l+n.anchorOffset+1,end:l+n.anchorOffset+o.toString().length}:{start:i.text.length,end:i.text.length+o.toString().length}},v=(e,t)=>(t.forEach((t=>{if(!e.includes(t.token.slice(0,t.token.length-1)))return;const n=t.token.substring(1,t.token.length-1).replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),o=new RegExp(`(?<!\x3c!--)(?<!["'])\\[(${n}(\\s[^\\]]*)?)\\](?!--\x3e)`,"g");e=e.replace(o,(e=>`\x3c!--${e}--\x3e`))})),e),b=({groupedTags:e,activeCategory:t,onCategorySelect:n})=>{const o=e=>e===t?"mailpoet-personalization-tags-modal__menu-item-active":"";return(0,m.jsxs)(y.MenuGroup,{className:"mailpoet-personalization-tags-modal__menu",children:[(0,m.jsx)(y.MenuItem,{onClick:()=>n(null),className:o(null),children:(0,_.__)("All","mailpoet")}),(0,m.jsx)("div",{className:"mailpoet-personalization-tags-modal__menu-separator","aria-hidden":"true"}),Object.keys(e).map(((e,t,i)=>(0,m.jsxs)(l.Fragment,{children:[(0,m.jsx)(y.MenuItem,{onClick:()=>n(e),className:o(e),children:e}),t<i.length-1&&(0,m.jsx)("div",{className:"mailpoet-personalization-tags-modal__menu-separator","aria-hidden":"true"})]},e)))]})},w=({groupedTags:e,activeCategory:t,onInsert:n,canInsertLink:o,closeCallback:i,openLinkModal:a})=>{const s=null===t?Object.entries(e):[[t,e[t]||[]]];return(0,m.jsx)(m.Fragment,{children:s.map((([e,t])=>(0,m.jsxs)("div",{children:[(0,m.jsx)("div",{className:"mailpoet-personalization-tags-modal__category",children:e}),(0,m.jsx)("div",{className:"mailpoet-personalization-tags-modal__category-group",children:t.map((t=>(0,m.jsxs)("div",{className:"mailpoet-personalization-tags-modal__category-group-item",children:[(0,m.jsxs)("div",{className:"mailpoet-personalization-tags-modal__item-text",children:[(0,m.jsx)("strong",{children:t.name}),t.valueToInsert]}),(0,m.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"flex-end"},children:[(0,m.jsx)(y.Button,{variant:"link",onClick:()=>{n&&n(t.valueToInsert,!1)},children:(0,_.__)("Insert","mailpoet")}),e===(0,_.__)("Link","mailpoet")&&o&&(0,m.jsx)(m.Fragment,{children:(0,m.jsx)(y.Button,{variant:"link",onClick:()=>{i(),a(t)},children:(0,_.__)("Insert as link","mailpoet")})})]})]},t.token)))})]},e)))})},j=({onInsert:e,isOpened:t,closeCallback:n,tag:o})=>{const[i,a]=(0,l.useState)((0,_.__)("Link","mailpoet"));return t?(0,m.jsxs)(y.Modal,{size:"small",title:(0,_.__)("Insert Link","mailpoet"),onRequestClose:n,className:"mailpoet-personalization-tags-modal",children:[(0,m.jsx)(y.TextControl,{label:(0,_.__)("Link Text","mailpoet"),value:i,onChange:a}),(0,m.jsx)(y.Button,{isPrimary:!0,onClick:()=>{e&&e(o.token,i)},children:(0,_.__)("Insert","mailpoet")})]}):null},S=window.lodash,k=(0,r.applyFilters)("mailpoet_email_editor_events_tracking_enabled",!1),C="email_editor_events",T=new EventTarget,E=(e,t={})=>{if(!k)return;const n={name:`${C}_${e}`,..."object"!=typeof t?{data:t}:t};T.dispatchEvent(new CustomEvent(C,{detail:n}))},N=function(){const e={};return(t,n={})=>{if(!k)return;const o=`${t}_${JSON.stringify(n).length}`;e[o]||(E(t,n),e[o]=!0)}}(),P=(0,S.debounce)(E,700),I="email-editor/editor",M="document",B="block",A=window.MailPoetEmailEditor.current_post_type,L=parseInt(window.MailPoetEmailEditor.current_post_id,10),R=({onInsert:e,isOpened:t,closeCallback:n,canInsertLink:o=!1,openedBy:i=""})=>{const[a,r]=(0,l.useState)(null),[c,d]=(0,l.useState)(""),[p,u]=(0,l.useState)(null),[h,g]=(0,l.useState)(!1),x=(0,s.useSelect)((e=>e(I).getPersonalizationTagsList()),[]);if(h)return(0,m.jsx)(j,{onInsert:(t,n)=>{e(t,n),g(!1)},isOpened:h,closeCallback:()=>g(!1),tag:p});if(!t)return null;N("personalization_tags_modal_opened",{openedBy:i});const f=x.reduce(((e,t)=>{const{category:n,name:o,token:i}=t;return(!c||o.toLowerCase().includes(c.toLowerCase())||i.toLowerCase().includes(c.toLowerCase()))&&(e[n]||(e[n]=[]),e[n].push(t)),e}),{});return(0,m.jsxs)(y.Modal,{size:"medium",title:(0,_.__)("Personalization Tags","mailpoet"),onRequestClose:()=>{n(),E("personalization_tags_modal_closed",{openedBy:i})},className:"mailpoet-personalization-tags-modal",children:[(0,m.jsxs)("p",{children:[(0,_.__)("Insert personalization tags to dynamically fill in information and personalize your emails.","mailpoet")," ",(0,m.jsx)(y.ExternalLink,{href:"https://kb.mailpoet.com/article/435-a-guide-to-personalisation-tags-for-tailored-newsletters#list",onClick:()=>E("personalization_tags_modal_learn_more_link_clicked",{openedBy:i}),children:(0,_.__)("Learn more","mailpoet")})]}),(0,m.jsx)(y.SearchControl,{onChange:e=>{d(e),N("personalization_tags_modal_search_control_input_updated",{openedBy:i})},value:c}),(0,m.jsx)(b,{groupedTags:f,activeCategory:a,onCategorySelect:e=>{r(e),E("personalization_tags_modal_category_menu_clicked",{category:e,openedBy:i})}}),(0,m.jsx)(w,{groupedTags:f,activeCategory:a,onInsert:t=>{e(t),E("personalization_tags_modal_tag_insert_button_clicked",{insertedTag:t,activeCategory:a,openedBy:i})},closeCallback:n,canInsertLink:o,openLinkModal:e=>{u(e),g(!0)}})]})},F=({contentRef:e,onUpdate:t})=>{const[n,o]=(0,l.useState)(!1),[i,a]=(0,l.useState)(null),[s,r]=(0,l.useState)(""),[c,d]=(0,l.useState)("");return(0,l.useEffect)((()=>{if(!e||!e.current)return;const t=e.current,n=e=>{const t=e.target.closest("span[data-rich-text-comment]");if(t){const e=t.innerText.replace(/^\[|\]$/g,"");d(e),r(e),a(t),o(!0)}};return t.addEventListener("click",n),()=>{t.removeEventListener("click",n)}}),[e]),(0,m.jsx)(m.Fragment,{children:n&&i&&(0,m.jsx)(y.Popover,{position:"bottom right",onClose:()=>o(!1),anchor:i,className:"mailpoet-personalization-tag-popover",children:(0,m.jsxs)("div",{className:"mailpoet-personalization-tag-popover__content",children:[(0,m.jsx)(y.TextControl,{label:(0,_.__)("Personalization Tag","mailpoet"),value:s,onChange:e=>r(e),__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0}),(0,m.jsxs)("div",{className:"mailpoet-personalization-tag-popover__content-buttons",children:[(0,m.jsx)(y.Button,{isTertiary:!0,onClick:()=>{o(!1)},children:(0,_.__)("Cancel","mailpoet")}),(0,m.jsx)(y.Button,{isPrimary:!0,onClick:()=>{t(c,s),o(!1)},children:(0,_.__)("Update","mailpoet")})]})]})})})},z=({contentRef:e,onUpdate:t})=>{const[n,o]=(0,l.useState)(!1),[i,a]=(0,l.useState)(null),[r,c]=(0,l.useState)(""),[d,p]=(0,l.useState)(""),u=(0,s.useSelect)((e=>e(I).getPersonalizationTagsList()),[]);return(0,l.useEffect)((()=>{if(!e||!e.current)return;const t=e.current,n=e=>{const t=e.target.closest("a[data-link-href]");t&&(a(t),p(t.getAttribute("data-link-href")||""),c(t.textContent||""),o(!0))};return t.addEventListener("click",n),()=>{t.removeEventListener("click",n)}}),[e]),(0,m.jsx)(m.Fragment,{children:n&&i&&(0,m.jsx)(y.Popover,{position:"bottom left",onClose:()=>o(!1),anchor:i,className:"mailpoet-personalization-tag-popover",children:(0,m.jsxs)("div",{className:"mailpoet-personalization-tag-popover__content",children:[(0,m.jsx)(y.TextControl,{label:(0,_.__)("Link Text","mailpoet"),value:r,onChange:e=>c(e),__nextHasNoMarginBottom:!0,__next40pxDefaultSize:!0,autoComplete:"off"}),(0,m.jsx)(y.SelectControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,_.__)("Link tag","mailpoet"),value:d,onChange:e=>{p(e)},options:u.filter((e=>e.category===(0,_.__)("Link","mailpoet"))).map((e=>({label:e.name,value:e.token})))}),(0,m.jsxs)("div",{className:"mailpoet-personalization-tag-popover__content-buttons",children:[(0,m.jsx)(y.Button,{isTertiary:!0,onClick:()=>{o(!1)},children:(0,_.__)("Cancel","mailpoet")}),(0,m.jsx)(y.Button,{isPrimary:!0,onClick:()=>{o(!1),t(i,d,r)},children:(0,_.__)("Update link","mailpoet")})]})]})})})};function D({contentRef:e}){const[t,n]=(0,l.useState)(!1),o=(0,s.useSelect)((e=>e("core/block-editor").getSelectedBlockClientId())),{updateBlockAttributes:i}=(0,s.useDispatch)("core/block-editor"),a=(0,s.useSelect)((e=>{const t=e("core/block-editor").getBlockAttributes(o);return t?.content?.originalHTML||t?.content||""})),r=(0,l.useCallback)(((t,n)=>{let{start:s,end:l}=f(e,a),r="";if(n){let e=(0,x.create)({html:a});e=(0,x.insert)(e,n,s,l),l=s+n.length,e=(0,x.applyFormat)(e,{type:"mailpoet-email-editor/link-shortcode",attributes:{"data-link-href":t,contenteditable:"false",style:"text-decoration: underline;"}},s,l),r=(0,x.toHTMLString)({value:e})}else{let e=(0,x.create)({html:a});e=(0,x.insert)(e,(0,x.create)({html:`\x3c!--${t}--\x3e&nbsp;`}),s,l),r=(0,x.toHTMLString)({value:e})}i(o,{content:r})}),[a,e,o,i]);return(0,m.jsx)(d.BlockControls,{children:(0,m.jsxs)(y.ToolbarGroup,{children:[(0,m.jsx)(y.ToolbarButton,{icon:"shortcode",title:(0,_.__)("Personalization Tags","mailpoet"),onClick:()=>{n(!0),E("block_controls_personalization_tags_button_clicked")}}),(0,m.jsx)(F,{contentRef:e,onUpdate:(e,t)=>{const n=a.replace(`\x3c!--[${e}]--\x3e`,`\x3c!--[${t}]--\x3e`);i(o,{content:n})}}),(0,m.jsx)(z,{contentRef:e,onUpdate:(e,t,n)=>{const s=e.getAttribute("data-link-href").replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),l=new RegExp(`<a([^>]*?)data-link-href="${s}"([^>]*?)>${e.textContent}</a>`,"gi"),r=a.replace(l,((e,o,i)=>`<a${o}data-link-href="${t}"${i}>${n}</a>`));i(o,{content:r})}}),(0,m.jsx)(R,{isOpened:t,onInsert:(e,t)=>{r(e,t),n(!1)},closeCallback:()=>n(!1),canInsertLink:!0,openedBy:"block-controls"})]})})}const O=(0,p.createHigherOrderComponent)((e=>t=>{const{attributes:n,setAttributes:o,name:i}=t,{content:a}=n,r=(0,s.useSelect)((e=>e(I).getPersonalizationTagsList()),[]),c=(0,l.useCallback)((()=>a?v(a,r):""),[a,r]),d=(0,l.useCallback)((e=>{if(void 0!==e.content){const t=v(e.content,r);o({...e,content:t})}else o(e)}),[r,o]);return"core/paragraph"===i||"core/heading"===i||"core/list-item"===i?(0,m.jsx)(e,{...t,attributes:{...n,content:c()},setAttributes:d}):(0,m.jsx)(e,{...t})}),"personalizationTagsLiveContentUpdate");var V=n(698),H=n.n(V);const G=window.wp.blocks,$=window.wp.primitives,U=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M9 9v6h11V9H9zM4 20h1.5V4H4v16z"})}),W=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M12.5 15v5H11v-5H4V9h7V4h1.5v5h7v6h-7Z"})}),q=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M4 15h11V9H4v6zM18.5 4v16H20V4h-1.5z"})}),Z="__experimentalEmailFlexLayout";function Y(e){return(0,G.hasBlockSupport)(e,Z)}function J({justificationValue:e,onChange:t,isToolbar:n=!1}){const o=[{value:"left",icon:U,label:(0,_.__)("Justify items left","mailpoet")},{value:"center",icon:W,label:(0,_.__)("Justify items center","mailpoet")},{value:"right",icon:q,label:(0,_.__)("Justify items right","mailpoet")}];if(n){const n=o.map((e=>e.value));return(0,m.jsx)(d.JustifyContentControl,{value:e,onChange:t,allowedControls:n,popoverProps:{placement:"bottom-start"}})}return(0,m.jsx)(y.__experimentalToggleGroupControl,{__nextHasNoMarginBottom:!0,label:(0,_.__)("Justification","mailpoet"),value:e,onChange:t,className:"block-editor-hooks__flex-layout-justification-controls",children:o.map((({value:e,icon:t,label:n})=>(0,m.jsx)(y.__experimentalToggleGroupControlOptionIcon,{value:e,icon:t,label:n},e)))})}function K({setAttributes:e,attributes:t,name:n}){if(!(0,G.getBlockSupport)(n,Z,{}))return null;const{justifyContent:o="left"}=t.layout||{},i=n=>{e({layout:{...t.layout,justifyContent:n}})};return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(d.InspectorControls,{children:(0,m.jsx)(y.PanelBody,{title:(0,_.__)("Layout","mailpoet"),children:(0,m.jsx)(y.Flex,{children:(0,m.jsx)(y.FlexItem,{children:(0,m.jsx)(J,{justificationValue:o,onChange:i})})})})}),(0,m.jsx)(d.BlockControls,{group:"block",__experimentalShareWithChildBlocks:!0,children:(0,m.jsx)(J,{justificationValue:o,onChange:i,isToolbar:!0})})]})}function X(e){return Y(e.name)?{...e,attributes:{...e.attributes,layout:{type:"object"}}}:e}const Q=(0,p.createHigherOrderComponent)((e=>t=>[Y(t.name)&&(0,m.jsx)(K,{...t},"layout"),(0,m.jsx)(e,{...t},"edit")]),"withLayoutControls");function ee({block:e,props:t}){const{attributes:n}=t,{layout:o}=n,i=`is-content-justification-${o?.justifyContent||"left"}`,a=H()(i,"is-layout-email-flex is-layout-flex");return(0,m.jsx)(e,{...t,className:a})}const te=(0,p.createHigherOrderComponent)((e=>function(t){return Y(t.name)?(0,m.jsx)(ee,{block:e,props:t}):(0,m.jsx)(e,{...t})}),"withLayoutStyles"),ne=window.wp.editor,oe=window.wp.coreData,ie=window.wp.mediaUtils;function ae(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(n=ae(e[t]))&&(o&&(o+=" "),o+=n)}else for(n in e)e[n]&&(o&&(o+=" "),o+=n);return o}const se=function(){for(var e,t,n=0,o="",i=arguments.length;n<i;n++)(e=arguments[n])&&(t=ae(e))&&(o&&(o+=" "),o+=t);return o},le=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"})}),re=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M11.776 4.454a.25.25 0 01.448 0l2.069 4.192a.25.25 0 00.188.137l4.626.672a.25.25 0 01.139.426l-3.348 3.263a.25.25 0 00-.072.222l.79 4.607a.25.25 0 01-.362.263l-4.138-2.175a.25.25 0 00-.232 0l-4.138 2.175a.25.25 0 01-.363-.263l.79-4.607a.25.25 0 00-.071-.222L4.754 9.881a.25.25 0 01.139-.426l4.626-.672a.25.25 0 00.188-.137l2.069-4.192z"})}),ce=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{fillRule:"evenodd",d:"M9.706 8.646a.25.25 0 01-.188.137l-4.626.672a.25.25 0 00-.139.427l3.348 3.262a.25.25 0 01.072.222l-.79 4.607a.25.25 0 00.362.264l4.138-2.176a.25.25 0 01.233 0l4.137 2.175a.25.25 0 00.363-.263l-.79-4.607a.25.25 0 01.072-.222l3.347-3.262a.25.25 0 00-.139-.427l-4.626-.672a.25.25 0 01-.188-.137l-2.069-4.192a.25.25 0 00-.448 0L9.706 8.646zM12 7.39l-.948 1.921a1.75 1.75 0 01-1.317.957l-2.12.308 1.534 1.495c.412.402.6.982.503 1.55l-.362 2.11 1.896-.997a1.75 1.75 0 011.629 0l1.895.997-.362-2.11a1.75 1.75 0 01.504-1.55l1.533-1.495-2.12-.308a1.75 1.75 0 01-1.317-.957L12 7.39z",clipRule:"evenodd"})}),de=window.wp.viewport,pe=window.wp.preferences,me=window.wp.plugins,ue=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"})}),_e=window.wp.deprecated;var he=n.n(_e);function ge(e){return["core/edit-post","core/edit-site"].includes(e)?(he()(`${e} interface scope`,{alternative:"core interface scope",hint:"core/edit-post and core/edit-site are merging.",version:"6.6"}),"core"):e}function xe(e,t){return"core"===e&&"edit-site/template"===t?(he()("edit-site/template sidebar",{alternative:"edit-post/document",version:"6.6"}),"edit-post/document"):"core"===e&&"edit-site/block-inspector"===t?(he()("edit-site/block-inspector sidebar",{alternative:"edit-post/block",version:"6.6"}),"edit-post/block"):t}const ye=(e,t)=>({type:"SET_DEFAULT_COMPLEMENTARY_AREA",scope:e=ge(e),area:t=xe(e,t)}),fe=(e,t)=>({registry:n,dispatch:o})=>{t&&(e=ge(e),t=xe(e,t),n.select(pe.store).get(e,"isComplementaryAreaVisible")||n.dispatch(pe.store).set(e,"isComplementaryAreaVisible",!0),o({type:"ENABLE_COMPLEMENTARY_AREA",scope:e,area:t}))},ve=e=>({registry:t})=>{e=ge(e),t.select(pe.store).get(e,"isComplementaryAreaVisible")&&t.dispatch(pe.store).set(e,"isComplementaryAreaVisible",!1)},be=(e,t)=>({registry:n})=>{if(!t)return;e=ge(e),t=xe(e,t);const o=n.select(pe.store).get(e,"pinnedItems");!0!==o?.[t]&&n.dispatch(pe.store).set(e,"pinnedItems",{...o,[t]:!0})},we=(e,t)=>({registry:n})=>{if(!t)return;e=ge(e),t=xe(e,t);const o=n.select(pe.store).get(e,"pinnedItems");n.dispatch(pe.store).set(e,"pinnedItems",{...o,[t]:!1})};function je(e,t){return function({registry:n}){he()("dispatch( 'core/interface' ).toggleFeature",{since:"6.0",alternative:"dispatch( 'core/preferences' ).toggle"}),n.dispatch(pe.store).toggle(e,t)}}function Se(e,t,n){return function({registry:o}){he()("dispatch( 'core/interface' ).setFeatureValue",{since:"6.0",alternative:"dispatch( 'core/preferences' ).set"}),o.dispatch(pe.store).set(e,t,!!n)}}function ke(e,t){return function({registry:n}){he()("dispatch( 'core/interface' ).setFeatureDefaults",{since:"6.0",alternative:"dispatch( 'core/preferences' ).setDefaults"}),n.dispatch(pe.store).setDefaults(e,t)}}function Ce(e){return{type:"OPEN_MODAL",name:e}}function Te(){return{type:"CLOSE_MODAL"}}const Ee=(0,s.createRegistrySelector)((e=>(t,n)=>{n=ge(n);const o=e(pe.store).get(n,"isComplementaryAreaVisible");if(void 0!==o)return!1===o?null:t?.complementaryAreas?.[n]})),Ne=(0,s.createRegistrySelector)((e=>(t,n)=>{n=ge(n);const o=e(pe.store).get(n,"isComplementaryAreaVisible"),i=t?.complementaryAreas?.[n];return o&&void 0===i})),Pe=(0,s.createRegistrySelector)((e=>(t,n,o)=>{var i;o=xe(n=ge(n),o);const a=e(pe.store).get(n,"pinnedItems");return null===(i=a?.[o])||void 0===i||i})),Ie=(0,s.createRegistrySelector)((e=>(t,n,o)=>(he()("select( 'core/interface' ).isFeatureActive( scope, featureName )",{since:"6.0",alternative:"select( 'core/preferences' ).get( scope, featureName )"}),!!e(pe.store).get(n,o))));function Me(e,t){return e.activeModal===t}const Be=(0,s.combineReducers)({complementaryAreas:function(e={},t){switch(t.type){case"SET_DEFAULT_COMPLEMENTARY_AREA":{const{scope:n,area:o}=t;return e[n]?e:{...e,[n]:o}}case"ENABLE_COMPLEMENTARY_AREA":{const{scope:n,area:o}=t;return{...e,[n]:o}}}return e},activeModal:function(e=null,t){switch(t.type){case"OPEN_MODAL":return t.name;case"CLOSE_MODAL":return null}return e}}),Ae=(0,s.createReduxStore)("core/interface",{reducer:Be,actions:e,selectors:t});function Le({as:e=y.Button,scope:t,identifier:n,icon:o,selectedIcon:i,name:a,shortcut:l,...r}){const c=e,d=(0,me.usePluginContext)(),p=o||d.icon,u=n||`${d.name}/${a}`,_=(0,s.useSelect)((e=>e(Ae).getActiveComplementaryArea(t)===u),[u,t]),{enableComplementaryArea:h,disableComplementaryArea:g}=(0,s.useDispatch)(Ae);return(0,m.jsx)(c,{icon:i&&_?i:p,"aria-controls":u.replace("/",":"),"aria-checked":(x=r.role,["checkbox","option","radio","switch","menuitemcheckbox","menuitemradio","treeitem"].includes(x)?_:void 0),onClick:()=>{_?g(t):h(t,u)},shortcut:l,...r});var x}(0,s.register)(Ae);const Re=({children:e,className:t,toggleButtonProps:n})=>{const o=(0,m.jsx)(Le,{icon:ue,...n});return(0,m.jsxs)("div",{className:se("components-panel__header","interface-complementary-area-header",t),tabIndex:-1,children:[e,o]})},Fe=()=>{};function ze({name:e,as:t=y.Button,onClick:n,...o}){return(0,m.jsx)(y.Fill,{name:e,children:({onClick:e})=>(0,m.jsx)(t,{onClick:n||e?(...t)=>{(n||Fe)(...t),(e||Fe)(...t)}:void 0,...o})})}ze.Slot=function({name:e,as:t=y.ButtonGroup,fillProps:n={},bubblesVirtually:o,...i}){return(0,m.jsx)(y.Slot,{name:e,bubblesVirtually:o,fillProps:n,children:e=>{if(!l.Children.toArray(e).length)return null;const n=[];l.Children.forEach(e,(({props:{__unstableExplicitMenuItem:e,__unstableTarget:t}})=>{t&&e&&n.push(t)}));const o=l.Children.map(e,(e=>!e.props.__unstableExplicitMenuItem&&n.includes(e.props.__unstableTarget)?null:e));return(0,m.jsx)(t,{...i,children:o})}})};const De=ze,Oe=({__unstableExplicitMenuItem:e,__unstableTarget:t,...n})=>(0,m.jsx)(y.MenuItem,{...n});function Ve({scope:e,target:t,__unstableExplicitMenuItem:n,...o}){return(0,m.jsx)(Le,{as:o=>(0,m.jsx)(De,{__unstableExplicitMenuItem:n,__unstableTarget:`${e}/${t}`,as:Oe,name:`${e}/plugin-more-menu`,...o}),role:"menuitemcheckbox",selectedIcon:le,name:t,scope:e,...o})}function He({scope:e,...t}){return(0,m.jsx)(y.Fill,{name:`PinnedItems/${e}`,...t})}He.Slot=function({scope:e,className:t,...n}){return(0,m.jsx)(y.Slot,{name:`PinnedItems/${e}`,...n,children:e=>e?.length>0&&(0,m.jsx)("div",{className:se(t,"interface-pinned-items"),children:e})})};const Ge=He,$e=.3,Ue=280,We={open:{width:Ue},closed:{width:0},mobileOpen:{width:"100vw"}};function qe({activeArea:e,isActive:t,scope:n,children:o,className:i,id:a}){const s=(0,p.useReducedMotion)(),r=(0,p.useViewportMatch)("medium","<"),c=(0,p.usePrevious)(e),d=(0,p.usePrevious)(t),[,u]=(0,l.useState)({});(0,l.useEffect)((()=>{u({})}),[t]);const _={type:"tween",duration:s||r||c&&e&&e!==c?0:$e,ease:[.6,0,.4,1]};return(0,m.jsx)(y.Fill,{name:`ComplementaryArea/${n}`,children:(0,m.jsx)(y.__unstableAnimatePresence,{initial:!1,children:(d||t)&&(0,m.jsx)(y.__unstableMotion.div,{variants:We,initial:"closed",animate:r?"mobileOpen":"open",exit:"closed",transition:_,className:"interface-complementary-area__fill",children:(0,m.jsx)("div",{id:a,className:i,style:{width:r?"100vw":Ue},children:o})})})})}function Ze({children:e,className:t,closeLabel:n=(0,_.__)("Close plugin"),identifier:o,header:i,headerClassName:a,icon:r,isPinnable:c=!0,panelClassName:d,scope:u,name:h,title:g,toggleShortcut:x,isActiveByDefault:f}){const v=(0,me.usePluginContext)(),b=r||v.icon,w=o||`${v.name}/${h}`,[j,S]=(0,l.useState)(!1),{isLoading:k,isActive:C,isPinned:T,activeArea:E,isSmall:N,isLarge:P,showIconLabels:I}=(0,s.useSelect)((e=>{const{getActiveComplementaryArea:t,isComplementaryAreaLoading:n,isItemPinned:o}=e(Ae),{get:i}=e(pe.store),a=t(u);return{isLoading:n(u),isActive:a===w,isPinned:o(u,w),activeArea:a,isSmall:e(de.store).isViewportMatch("< medium"),isLarge:e(de.store).isViewportMatch("large"),showIconLabels:i("core","showIconLabels")}}),[w,u]),M=(0,p.useViewportMatch)("medium","<");!function(e,t,n,o,i){const a=(0,l.useRef)(!1),r=(0,l.useRef)(!1),{enableComplementaryArea:c,disableComplementaryArea:d}=(0,s.useDispatch)(Ae);(0,l.useEffect)((()=>{o&&i&&!a.current?(d(e),r.current=!0):r.current&&!i&&a.current?(r.current=!1,c(e,t)):r.current&&n&&n!==t&&(r.current=!1),i!==a.current&&(a.current=i)}),[o,i,e,t,n,d,c])}(u,w,E,C,N);const{enableComplementaryArea:B,disableComplementaryArea:A,pinItem:L,unpinItem:R}=(0,s.useDispatch)(Ae);if((0,l.useEffect)((()=>{f&&void 0===E&&!N?B(u,w):void 0===E&&N&&A(u,w),S(!0)}),[E,f,u,w,N,B,A]),j)return(0,m.jsxs)(m.Fragment,{children:[c&&(0,m.jsx)(Ge,{scope:u,children:T&&(0,m.jsx)(Le,{scope:u,identifier:w,isPressed:C&&(!I||P),"aria-expanded":C,"aria-disabled":k,label:g,icon:I?le:b,showTooltip:!I,variant:I?"tertiary":void 0,size:"compact",shortcut:x})}),h&&c&&(0,m.jsx)(Ve,{target:h,scope:u,icon:b,children:g}),(0,m.jsxs)(qe,{activeArea:E,isActive:C,className:se("interface-complementary-area",t),scope:u,id:w.replace("/",":"),children:[(0,m.jsx)(Re,{className:a,closeLabel:n,onClose:()=>A(u),toggleButtonProps:{label:n,size:"compact",shortcut:x,scope:u,identifier:w},children:i||(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)("h2",{className:"interface-complementary-area-header__title",children:g}),c&&!M&&(0,m.jsx)(y.Button,{className:"interface-complementary-area__pin-unpin-item",icon:T?re:ce,label:T?(0,_.__)("Unpin from toolbar"):(0,_.__)("Pin to toolbar"),onClick:()=>(T?R:L)(u,w),isPressed:T,"aria-expanded":T,size:"compact"})]})}),(0,m.jsx)(y.Panel,{className:d,children:e})]})]})}Ze.Slot=function({scope:e,...t}){return(0,m.jsx)(y.Slot,{name:`ComplementaryArea/${e}`,...t})};const Ye=Ze,Je=({isActive:e})=>((0,l.useEffect)((()=>{let e=!1;return document.body.classList.contains("sticky-menu")&&(e=!0,document.body.classList.remove("sticky-menu")),()=>{e&&document.body.classList.add("sticky-menu")}}),[]),(0,l.useEffect)((()=>(e?document.body.classList.add("is-fullscreen-mode"):document.body.classList.remove("is-fullscreen-mode"),()=>{e&&document.body.classList.remove("is-fullscreen-mode")})),[e]),null),Ke=(0,l.forwardRef)((({children:e,className:t,ariaLabel:n,as:o="div",...i},a)=>(0,m.jsx)(o,{ref:a,className:se("interface-navigable-region",t),"aria-label":n,role:"region",tabIndex:"-1",...i,children:e})));Ke.displayName="NavigableRegion";const Xe=Ke,Qe={type:"tween",duration:.25,ease:[.6,0,.4,1]},et={hidden:{opacity:1,marginTop:-60},visible:{opacity:1,marginTop:0},distractionFreeHover:{opacity:1,marginTop:0,transition:{...Qe,delay:.2,delayChildren:.2}},distractionFreeHidden:{opacity:0,marginTop:-60},distractionFreeDisabled:{opacity:0,marginTop:0,transition:{...Qe,delay:.8,delayChildren:.8}}},tt=(0,l.forwardRef)((function({isDistractionFree:e,footer:t,header:n,editorNotices:o,sidebar:i,secondarySidebar:a,content:s,actions:r,labels:c,className:d},u){const[h,g]=(0,p.useResizeObserver)(),x=(0,p.useViewportMatch)("medium","<"),f={type:"tween",duration:(0,p.useReducedMotion)()?0:.25,ease:[.6,0,.4,1]};!function(e){(0,l.useEffect)((()=>{const t=document&&document.querySelector(`html:not(.${e})`);if(t)return t.classList.toggle(e),()=>{t.classList.toggle(e)}}),[e])}("interface-interface-skeleton__html-container");const v={
/* translators: accessibility text for the top bar landmark region. */
header:(0,_._x)("Header","header landmark area"),
/* translators: accessibility text for the content landmark region. */
body:(0,_.__)("Content"),
/* translators: accessibility text for the secondary sidebar landmark region. */
secondarySidebar:(0,_.__)("Block Library"),
/* translators: accessibility text for the settings landmark region. */
sidebar:(0,_._x)("Settings","settings landmark area"),
/* translators: accessibility text for the publish landmark region. */
actions:(0,_.__)("Publish"),
/* translators: accessibility text for the footer landmark region. */
footer:(0,_.__)("Footer"),...c};return(0,m.jsxs)("div",{ref:u,className:se(d,"interface-interface-skeleton",!!t&&"has-footer"),children:[(0,m.jsxs)("div",{className:"interface-interface-skeleton__editor",children:[(0,m.jsx)(y.__unstableAnimatePresence,{initial:!1,children:!!n&&(0,m.jsx)(Xe,{as:y.__unstableMotion.div,className:"interface-interface-skeleton__header","aria-label":v.header,initial:e&&!x?"distractionFreeHidden":"hidden",whileHover:e&&!x?"distractionFreeHover":"visible",animate:e&&!x?"distractionFreeDisabled":"visible",exit:e&&!x?"distractionFreeHidden":"hidden",variants:et,transition:f,children:n})}),e&&(0,m.jsx)("div",{className:"interface-interface-skeleton__header",children:o}),(0,m.jsxs)("div",{className:"interface-interface-skeleton__body",children:[(0,m.jsx)(y.__unstableAnimatePresence,{initial:!1,children:!!a&&(0,m.jsx)(Xe,{className:"interface-interface-skeleton__secondary-sidebar",ariaLabel:v.secondarySidebar,as:y.__unstableMotion.div,initial:"closed",animate:"open",exit:"closed",variants:{open:{width:g.width},closed:{width:0}},transition:f,children:(0,m.jsxs)(y.__unstableMotion.div,{style:{position:"absolute",width:x?"100vw":"fit-content",height:"100%",left:0},variants:{open:{x:0},closed:{x:"-100%"}},transition:f,children:[h,a]})})}),(0,m.jsx)(Xe,{className:"interface-interface-skeleton__content",ariaLabel:v.body,children:s}),!!i&&(0,m.jsx)(Xe,{className:"interface-interface-skeleton__sidebar",ariaLabel:v.sidebar,children:i}),!!r&&(0,m.jsx)(Xe,{className:"interface-interface-skeleton__actions",ariaLabel:v.actions,children:r})]})]}),!!t&&(0,m.jsx)(Xe,{className:"interface-interface-skeleton__footer",ariaLabel:v.footer,children:t})]})}));var nt=n(838),ot=n.n(nt);function it(){const{globalStylePost:e}=(0,s.useSelect)((e=>({globalStylePost:e(I).getGlobalEmailStylesPost()})),[]),t=(0,l.useCallback)((t=>{e&&(0,s.dispatch)(oe.store).editEntityRecord("postType","wp_global_styles",e.id,{styles:t.styles,settings:t.settings})}),[e]);return{userTheme:{settings:e?.settings,styles:e?.styles},updateUserTheme:t}}const at=window.wp.privateApis,{unlock:st}=(0,at.__dangerousOptInToUnstableAPIsOnlyForCoreModules)("I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.","@wordpress/edit-site"),{ExperimentalBlockCanvas:lt}=st(d.privateApis),{Tabs:rt}=st(y.privateApis),ct=e=>{const{getEnabledClientIdsTree:t}=st(e);return t},{ColorPanel:dt}=st(d.privateApis),{useGlobalStylesOutputWithConfig:pt}=st(d.privateApis);function mt(){const{userTheme:e}=it(),{editorTheme:t}=(0,s.useSelect)((e=>({editorTheme:e(I).getTheme()})),[]),n=(0,l.useMemo)((()=>ot().all([{},t||{},e||{}])),[t,e]),[o]=pt(n);return[o||[]]}function ut(){const{hasEdits:e,autosaveInterval:t}=(0,s.useSelect)((e=>({hasEdits:e(I).hasEdits(),autosaveInterval:e(I).getAutosaveInterval()})),[]),{saveEditedEmail:n}=(0,s.useDispatch)(I);return(0,l.useEffect)((()=>{let o;return e&&t>0&&(o=setTimeout((()=>{n(),E("editor_content_auto_saved")}),1e3*t)),()=>{o&&clearTimeout(o)}}),[e,t,n]),null}const _t=(0,m.jsx)($.SVG,{width:"24",height:"24",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M18 4H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-4 14.5H6c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h8v13zm4.5-.5c0 .3-.2.5-.5.5h-2.5v-13H18c.3 0 .5.2.5.5v12z"})});function ht(){const{isEditingTemplate:e}=(0,s.useSelect)((e=>({isEditingTemplate:"wp_template"===e(ne.store).getCurrentPostType()})),[]);return[e?"template":"email"]}const gt=l.forwardRef((function(e,t){const[n]=ht();return(0,m.jsxs)(rt.TabList,{ref:t,children:[(0,m.jsx)(rt.Tab,{tabId:M,children:"template"===n?(0,_.__)("Template","mailpoet"):(0,_.__)("Email","mailpoet")}),(0,m.jsx)(rt.Tab,{tabId:B,children:(0,_.__)("Block","mailpoet")})]})})),xt=(0,r.applyFilters)("mailpoet_email_editor_setting_sidebar_extension_component",(function({label:e,labelSuffix:t,help:n,placeholder:o,attributeName:i,attributeValue:a,updateProperty:r=(()=>{})}){const[c,p]=(0,l.useState)(null),[u,h]=(0,l.useState)(!1),g=(0,s.useSelect)((e=>e(I).getPersonalizationTagsList()),[]),b=(0,l.useRef)(null),w=(0,l.useCallback)(((e,t,n)=>{var o,a;const s=null!==(o=n?.start)&&void 0!==o?o:t.length,l=null!==(a=n?.end)&&void 0!==a?a:t.length;let c=(0,x.create)({html:t});c=(0,x.insert)(c,(0,x.create)({html:`\x3c!--${e}--\x3e`}),s,l);const d=(0,x.toHTMLString)({value:c});r(i,d),p(null)}),[i,r]),j=(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)("span",{children:e}),(0,m.jsx)(y.Button,{className:"mailpoet-settings-panel__personalization-tags-button",icon:"shortcode",title:(0,_.__)("Personalization Tags","mailpoet"),onClick:()=>{h(!0),E("rich_text_with_button_personalization_tags_shortcode_icon_clicked",{attributeName:i,label:e})}}),t]});return i?(0,m.jsxs)(y.BaseControl,{id:"",label:j,className:`mailpoet-settings-panel__${i}-text`,help:n,__nextHasNoMarginBottom:!0,children:[(0,m.jsx)(R,{isOpened:u,onInsert:e=>{w(e,null!=a?a:"",c),h(!1),E("rich_text_with_button_personalization_tags_inserted",{attributeName:i,value:e})},closeCallback:()=>h(!1),openedBy:"RichTextWithButton-BaseControl"}),(0,m.jsx)(F,{contentRef:b,onUpdate:(e,t)=>{const n=(null!=a?a:"").replace(`\x3c!--[${e}]--\x3e`,`\x3c!--[${t}]--\x3e`);r(i,n)}}),(0,m.jsx)(d.RichText,{ref:b,className:"mailpoet-settings-panel__richtext",placeholder:o,onFocus:()=>{p(f(b,null!=a?a:""))},onKeyUp:()=>{p(f(b,null!=a?a:""))},onClick:()=>{p(f(b,null!=a?a:""))},onChange:e=>{var t;e=v(null!==(t=e)&&void 0!==t?t:"",g),r(i,e),N("rich_text_with_button_input_field_updated",{attributeName:i})},value:null!=a?a:"","data-automation-id":`email_${i}`})]}):null}));function yt(){return(0,m.jsx)(y.PanelBody,{title:(0,_.__)("Details","mailpoet"),className:"mailpoet-email-editor__settings-panel",onToggle:e=>E("details_panel_body_toggle",{opened:e}),children:(0,m.jsx)(m.Fragment,{children:(0,m.jsx)(xt,{})})})}const ft=(0,l.forwardRef)((function({icon:e,size:t=24,...n},o){return(0,l.cloneElement)(e,{width:t,height:t,...n,ref:o})})),vt=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{fillRule:"evenodd",d:"M6.863 13.644L5 13.25h-.5a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5H5L18 6.5h2V16h-2l-3.854-.815.026.008a3.75 3.75 0 01-7.31-1.549zm1.477.313a2.251 2.251 0 004.356.921l-4.356-.921zm-2.84-3.28L18.157 8h.343v6.5h-.343L5.5 11.823v-1.146z",clipRule:"evenodd"})});function bt({close:e}){N("edit_template_modal_opened");const{onNavigateToEntityRecord:t,template:n}=(0,s.useSelect)((e=>{const{getEditorSettings:t}=e(ne.store);return{onNavigateToEntityRecord:t().onNavigateToEntityRecord,template:e(I).getCurrentTemplate()}}),[]);return(0,m.jsxs)(y.Modal,{size:"medium",onRequestClose:e,__experimentalHideHeader:!0,children:[(0,m.jsx)("p",{children:(0,_.__)("Note that the same template can be used by multiple emails, so any changes made here may affect other emails on the site. To switch back to editing the page content click the ‘Back’ button in the toolbar.","mailpoet")}),(0,m.jsxs)(y.Flex,{justify:"end",children:[(0,m.jsx)(y.FlexItem,{children:(0,m.jsx)(y.Button,{variant:"tertiary",onClick:()=>{E("edit_template_modal_cancel_button_clicked"),e()},children:(0,_.__)("Cancel","mailpoet")})}),(0,m.jsx)(y.FlexItem,{children:(0,m.jsx)(y.Button,{variant:"primary",onClick:()=>{E("edit_template_modal_continue_button_clicked",{templateId:n.id}),t({postId:n.id,postType:"wp_template"})},disabled:!n.id,children:(0,_.__)("Continue","mailpoet")})})]})]})}const wt=[];function jt(e,t){return e.map((e=>"core/post-content"===e.name?{...e,name:"core/group",innerBlocks:t}:e.innerBlocks?.length?{...e,innerBlocks:jt(e.innerBlocks,t)}:e))}const St={};const kt=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M19 8h-1V6h-5v2h-2V6H6v2H5c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2zm.5 10c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5v-8c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v8z"})}),Ct=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M12 3.2c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8 0-4.8-4-8.8-8.8-8.8zm0 16c-4 0-7.2-3.3-7.2-7.2C4.8 8 8 4.8 12 4.8s7.2 3.3 7.2 7.2c0 4-3.2 7.2-7.2 7.2zM11 17h2v-6h-2v6zm0-8h2V7h-2v2z"})}),Tt=(0,window.wp.priorityQueue.createQueue)();function Et({children:e,placeholder:t}){const[n,o]=(0,l.useState)(!1);return(0,l.useEffect)((()=>{const e={};return Tt.add(e,(()=>{(0,l.flushSync)((()=>{o(!0)}))})),()=>{Tt.cancel(e)}}),[]),n?e:t}function Nt(){return(0,m.jsxs)("div",{className:"block-editor-inserter__no-results",children:[(0,m.jsx)(ft,{className:"block-editor-inserter__no-results-icon",icon:kt}),(0,m.jsx)("p",{children:(0,_.__)("No recent templates.","mailpoet")}),(0,m.jsx)("p",{children:(0,_.__)("Your recent creations will appear here as soon as you begin.","mailpoet")})]})}const Pt=(0,l.memo)((function({templates:e,onTemplateSelection:t,selectedCategory:n}){const{layout:o}=(0,s.useSelect)((e=>{const{getEditorSettings:t}=e(ne.store);return{layout:t().__experimentalFeatures.layout}})),[i]=mt(),a=i.reduce(((e,t)=>{var n;return e+(null!==(n=t.css)&&void 0!==n?n:"")}),"")+`.is-root-container { width: ${o.contentSize}; margin: 0 auto; }`;return"recent"===n&&0===e.length?(0,m.jsx)(Nt,{}):(0,m.jsx)("div",{className:"block-editor-block-patterns-list",role:"listbox",children:e.map((e=>(0,m.jsx)("div",{className:"block-editor-block-patterns-list__list-item email-editor-pattern__list-item",children:(0,m.jsx)("div",{className:"block-editor-block-patterns-list__item",role:"button",tabIndex:0,onClick:()=>{t(e)},onKeyPress:n=>{"Enter"!==n.key&&" "!==n.key||t(e)},children:(0,m.jsxs)(Et,{placeholder:(0,m.jsx)("p",{children:(0,_.__)("rendering template","mailpoet")}),children:[(0,m.jsx)(d.BlockPreview,{blocks:e.previewContentParsed,viewportWidth:900,minHeight:300,additionalStyles:[{css:a}]}),(0,m.jsx)(y.__experimentalHStack,{className:"block-editor-patterns__pattern-details",children:(0,m.jsx)("h4",{className:"block-editor-block-patterns-list__item-title",children:e.displayName})})]})})},`${e.slug}_${e.displayName}_${e.id}`)))})}),((e,t)=>e.templates.length===t.templates.length&&e.selectedCategory===t.selectedCategory));function It({templates:e,onTemplateSelection:t,selectedCategory:n}){const o=(0,l.useMemo)((()=>e.filter((e=>e.category===n))),[n,e]);return(0,m.jsxs)("div",{className:"block-editor-block-patterns-explorer__list",children:["recent"===n&&(0,m.jsx)("div",{className:"email-editor-recent-templates-info",children:(0,m.jsxs)(y.__experimentalHStack,{spacing:1,expanded:!1,justify:"start",children:[(0,m.jsx)(ft,{icon:Ct}),(0,m.jsx)("p",{children:(0,_.__)("Templates created on the legacy editor will not appear here.","mailpoet")})]})}),(0,m.jsx)(Pt,{templates:o,onTemplateSelection:t,selectedCategory:n})]})}function Mt({selectedCategory:e,templateCategories:t,onClickCategory:n}){const o="block-editor-block-patterns-explorer__sidebar";return(0,m.jsx)("div",{className:o,children:(0,m.jsx)("div",{className:`${o}__categories-list`,children:t.map((({name:t,label:i})=>(0,m.jsx)(y.Button,{label:i,className:`${o}__categories-list__item`,isPressed:e===t,onClick:()=>{n(t)},children:i},t)))})})}const Bt=[{name:"recent",label:"Recent"},{name:"basic",label:"Basic"}],At=(0,l.memo)((function({hasEmailPosts:e,templates:t,handleTemplateSelection:n,templateSelectMode:o}){const[i,a]=(0,l.useState)(Bt[1].name),s="swap"===o,r=Bt.filter((({name:e})=>"recent"!==e||!s));return(0,l.useEffect)((()=>{setTimeout((()=>{e&&!s&&a(Bt[0].name)}),1e3)}),[e,s]),(0,m.jsxs)("div",{className:"block-editor-block-patterns-explorer",children:[(0,m.jsx)(Mt,{templateCategories:r,selectedCategory:i,onClickCategory:e=>{E("template_select_modal_category_change",{category:e}),a(e)}}),(0,m.jsx)(It,{templates:t,onTemplateSelection:n,selectedCategory:i})]})}));function Lt({onSelectCallback:e,closeCallback:t=null,previewContent:n=""}){const o=n?"swap":"new";N("template_select_modal_opened",{templateSelectMode:o});const[i,a,c]=function(e=""){const{templates:t,patterns:n,emailPosts:o,hasEmailPosts:i}=(0,s.useSelect)((e=>{const t=e(I).getSentEmailEditorPosts();return{templates:e(I).getEmailTemplates(),patterns:e(I).getBlockPatternsForEmailTemplate(),emailPosts:t,hasEmailPosts:!(!t||!t?.length)}}),[]),a=(0,l.useMemo)((()=>{let o=[];const i=e&&(0,G.parse)(e);if(o=i?[{blocks:i}]:n,!o||!t)return wt;const a=[];return t?.filter((e=>"email-general"!==e.slug))?.forEach((e=>{o?.forEach((t=>{let n=(0,G.parse)(e.content?.raw);n=jt(n,t.blocks),a.push({id:e.id,slug:e.slug,previewContentParsed:n,emailParsed:t.blocks,template:e,category:"basic",type:e.type,displayName:t.title?`${e.title.rendered} - ${t.title}`:e.title.rendered})}))})),a}),[t,n,e]),c=(0,l.useMemo)((()=>o?.map((e=>{const t=(0,r.applyFilters)("mailpoet_email_editor_preferred_template_title","",e),{postTemplateContent:n}=function(e,t=[]){const n=e.template,o={postTemplateContent:null};if(!n)return o;if(St[n])return St[n];const i=t.find((e=>e.slug===n));if(!i)return o;const a={postTemplateContent:i?.template};return St[n]=a,a}(e,a),o=(0,G.parse)(e.content?.raw);let i=o;n?.content?.raw&&(i=jt((0,G.parse)(n?.content?.raw),o));const s={...e,title:{raw:e.title.raw,rendered:t||e.title.rendered}};return{id:e.id,slug:e.slug,previewContentParsed:i,emailParsed:o,category:"recent",type:e.type,displayName:s.title.rendered,template:s}}))),[o,a]);return[a||wt,c||wt,i]}(n),d=i?.length>0,p=t=>{const i=t.type===A,a=t.template;E("template_select_modal_template_selected",{templateSlug:t.slug,templateSelectMode:o,templateType:t.type}),n||(0,s.dispatch)(ne.store).resetEditorBlocks(t.emailParsed),(0,s.dispatch)(I).setTemplateToPost(i?a.template:t.slug),e()},u=()=>{var e;const t=null!==(e=i[0])&&void 0!==e?e:null;t&&(E("template_select_modal_handle_close_without_template_selected"),p(t))};return(0,m.jsxs)(y.Modal,{title:"new"===o?(0,_.__)("Start with an email preset","mailpoet"):(0,_.__)("Select a template","mailpoet"),onRequestClose:()=>(E("template_select_modal_closed",{templateSelectMode:o}),t?t():u()),isFullScreen:!0,children:[(0,m.jsx)(At,{hasEmailPosts:c,templates:[...i,...a],handleTemplateSelection:p,templateSelectMode:o}),(0,m.jsx)(y.Flex,{className:"email-editor-modal-footer",justify:"flex-end",children:(0,m.jsx)(y.FlexItem,{children:(0,m.jsx)(y.Button,{variant:"tertiary",className:"email-editor-start_from_scratch_button",onClick:()=>(E("template_select_modal_start_from_scratch_clicked"),u()),isBusy:!d,children:(0,_.__)("Start from scratch","mailpoet")})})})]})}function Rt(){const{template:e,currentEmailContent:t}=(0,s.useSelect)((e=>({template:e(I).getCurrentTemplate(),currentEmailContent:e(I).getEditedEmailContent()})),[]),[n,o]=(0,l.useState)(!1),[i,a]=(0,l.useState)(!1);return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(y.Panel,{className:"mailpoet-email-sidebar__email-type-info",children:(0,m.jsxs)(y.PanelBody,{children:[(0,m.jsxs)(y.PanelRow,{children:[(0,m.jsx)("span",{className:"mailpoet-email-type-info__icon",children:(0,m.jsx)(ft,{icon:vt})}),(0,m.jsxs)("div",{className:"mailpoet-email-type-info__content",children:[(0,m.jsx)("h2",{children:(0,_.__)("Newsletter","mailpoet")}),(0,m.jsx)("span",{children:(0,_.__)("Send or schedule a newsletter to connect with your subscribers.","mailpoet")})]})]}),e&&(0,m.jsx)(y.PanelRow,{children:(0,m.jsxs)(y.Flex,{justify:"start",children:[(0,m.jsx)(y.FlexItem,{className:"editor-post-panel__row-label",children:(0,_.__)("Template","mailpoet")}),(0,m.jsx)(y.FlexItem,{children:(0,m.jsx)(y.DropdownMenu,{icon:null,text:e?.title,toggleProps:{variant:"tertiary"},label:(0,_.__)("Template actions","mailpoet"),onToggle:t=>E("sidebar_template_actions_clicked",{currentTemplate:e?.title,isOpen:t}),children:({onClose:e})=>(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(y.MenuItem,{onClick:()=>{E("sidebar_template_actions_edit_template_clicked"),o(!0),e()},children:(0,_.__)("Edit template","mailpoet")}),(0,m.jsx)(y.MenuItem,{onClick:()=>{E("sidebar_template_actions_swap_template_clicked"),a(!0),e()},children:(0,_.__)("Swap template","mailpoet")})]})})})]})})]})}),n&&(0,m.jsx)(bt,{close:()=>(E("edit_template_modal_closed"),o(!1))}),i&&(0,m.jsx)(Lt,{onSelectCallback:()=>a(!1),closeCallback:()=>a(!1),previewContent:t})]})}function Ft(){return(0,m.jsxs)(y.Panel,{children:[(0,m.jsx)(Rt,{}),(0,m.jsx)(yt,{})]})}const zt=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z"})}),Dt=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z"})});function Ot({close:e}){const t=(0,s.useSelect)((e=>e(I).getCurrentTemplate()),[]),{revertAndSaveTemplate:n}=(0,s.useDispatch)(I);return(0,m.jsxs)(y.Modal,{size:"medium",onRequestClose:e,__experimentalHideHeader:!0,children:[(0,m.jsx)("p",{children:(0,_.__)("This will clear ANY and ALL template customization. All updates made to the template will be lost. Do you want to proceed?","mailpoet")}),(0,m.jsxs)(y.Flex,{justify:"end",children:[(0,m.jsx)(y.FlexItem,{children:(0,m.jsx)(y.Button,{variant:"tertiary",onClick:e,children:(0,_.__)("Cancel","mailpoet")})}),(0,m.jsx)(y.FlexItem,{children:(0,m.jsx)(y.Button,{variant:"primary",onClick:async()=>{await n(t),e()},children:(0,_.__)("Reset","mailpoet")})})]})]})}function Vt(){const e=(0,s.useSelect)((e=>e(I).getCurrentTemplate()),[]),[t,n]=(0,l.useState)(!1),o=e?.description||"";return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(y.Panel,{className:"mailpoet-email-sidebar__email-type-info",children:(0,m.jsx)(y.PanelBody,{children:(0,m.jsxs)(y.PanelRow,{children:[(0,m.jsx)("span",{className:"mailpoet-email-type-info__icon",children:(0,m.jsx)(ft,{icon:zt})}),(0,m.jsxs)("div",{className:"mailpoet-email-type-info__content",children:[(0,m.jsxs)("div",{className:"mailpoet-email-type-info__content_heading",children:[(0,m.jsx)("h2",{children:e?.title||(0,_.__)("Template","mailpoet")}),(0,m.jsx)(y.DropdownMenu,{icon:Dt,label:(0,_.__)("Template actions","mailpoet"),children:({onClose:e})=>(0,m.jsx)(y.MenuItem,{onClick:()=>{n(!0),e()},info:(0,_.__)("Reset to default to clear all customizations","mailpoet"),children:(0,_.__)("Reset","mailpoet")})})]}),o&&(0,m.jsx)("p",{children:o||""}),(0,m.jsx)("p",{children:(0,_.__)("Edit this template to be used across multiple emails.","mailpoet")})]})]})})}),t&&(0,m.jsx)(Ot,{close:()=>{n(!1)}})]})}function Ht(){return(0,m.jsx)(y.Panel,{children:(0,m.jsx)(Vt,{})})}function Gt(e){const[t]=ht(),n=(0,l.useRef)(null),o=(0,l.useContext)(rt.Context);return(0,m.jsx)(Ye,{identifier:"email-editor/editor/main",closeLabel:(0,_.__)("Close sidebar","mailpoet"),headerClassName:"editor-sidebar__panel-tabs",className:"edit-post-sidebar",header:(0,m.jsx)(rt.Context.Provider,{value:o,children:(0,m.jsx)(gt,{ref:n})}),icon:_t,scope:I,smallScreenTitle:(0,_.__)("No title","mailpoet"),isActiveByDefault:!0,...e,children:(0,m.jsxs)(rt.Context.Provider,{value:o,children:[(0,m.jsx)(rt.TabPanel,{tabId:M,children:"template"===t?(0,m.jsx)(Ht,{}):(0,m.jsx)(Ft,{})}),(0,m.jsx)(rt.TabPanel,{tabId:B,children:(0,m.jsx)(d.BlockInspector,{})})]})})}const $t=(0,l.memo)((function(e){const{toggleSettingsSidebarActiveTab:t}=(0,s.useDispatch)(I),{activeTab:n,selectedBlockId:o}=(0,s.useSelect)((e=>({activeTab:e(I).getSettingsSidebarActiveTab(),selectedBlockId:e(d.store).getSelectedBlockClientId()})),[]);return(0,l.useEffect)((()=>{t(o?B:M)}),[o,t]),(0,m.jsx)(rt,{selectedTabId:n||M,onSelect:e=>(E("sidebar_tab_selected",{tabKey:e}),t(e)),children:(0,m.jsx)(Gt,{...e})})})),Ut=e=>{const t=(0,G.getBlockSupport)(e,"background");return t&&!1!==t?.backgroundImage};function Wt(){const e=(0,s.useSelect)((e=>e("core/block-editor").getSelectedBlock()),[]),t=(0,G.hasBlockSupport)(e?.name,"border",!1)||(0,G.hasBlockSupport)(e?.name,"__experimentalBorder",!1);return(0,m.jsxs)(m.Fragment,{children:[t&&(0,m.jsx)(y.Fill,{name:"InspectorControlsBorder",children:(0,m.jsx)(y.Notice,{className:"mailpoet__grid-full-width",status:"warning",isDismissible:!1,children:(0,_.__)("Border display may vary or be unsupported in some email clients.","mailpoet")})}),Ut(e?.name)&&(0,m.jsx)(y.Fill,{name:"InspectorControlsBackground",children:(0,m.jsx)(y.Notice,{className:"mailpoet__grid-full-width",status:"warning",isDismissible:!1,children:(0,_.__)("Select a background color for email clients that do not support background images.","mailpoet")})})]})}const qt=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M11 12.5V17.5H12.5V12.5H17.5V11H12.5V6H11V11H6V12.5H11Z"})}),Zt=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M18.3 11.7c-.6-.6-1.4-.9-2.3-.9H6.7l2.9-3.3-1.1-1-4.5 5L8.5 16l1-1-2.7-2.7H16c.5 0 .9.2 1.3.5 1 1 1 3.4 1 4.5v.3h1.5v-.2c0-1.5 0-4.3-1.5-5.7z"})}),Yt=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M15.6 6.5l-1.1 1 2.9 3.3H8c-.9 0-1.7.3-2.3.9-1.4 1.5-1.4 4.2-1.4 5.6v.2h1.5v-.3c0-1.1 0-3.5 1-4.5.3-.3.7-.5 1.3-.5h9.2L14.5 15l1.1 1.1 4.6-4.6-4.6-5z"})}),Jt=(0,m.jsx)($.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,m.jsx)($.Path,{d:"M3 6h11v1.5H3V6Zm3.5 5.5h11V13h-11v-1.5ZM21 17H10v1.5h11V17Z"})}),Kt=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M6.6 6L5.4 7l4.5 5-4.5 5 1.1 1 5.5-6-5.4-6zm6 0l-1.1 1 4.5 5-4.5 5 1.1 1 5.5-6-5.5-6z"})}),Xt=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M11.6 7l-1.1-1L5 12l5.5 6 1.1-1L7 12l4.6-5zm6 0l-1.1-1-5.5 6 5.5 6 1.1-1-4.6-5 4.6-5z"})}),Qt=window.wp.keycodes,en=window.wp.notices;function tn({onClose:e,onRemove:t,postId:n}){const{getLastEntityDeleteError:o}=(0,s.useSelect)(oe.store),{deleteEntityRecord:i}=(0,s.useDispatch)(oe.store),{createErrorNotice:a}=(0,s.useDispatch)(en.store),l=()=>{e()};return(0,m.jsxs)(y.Modal,{className:"mailpoet-move-to-trash-modal",title:(0,_.__)("Move to trash","mailpoet"),onRequestClose:()=>{l(),E("trash_modal_closed")},focusOnMount:!0,children:[(0,m.jsx)("p",{children:(0,_.__)("Are you sure you want to move this email to trash?","mailpoet")}),(0,m.jsxs)("div",{className:"mailpoet-send-preview-modal-footer",children:[(0,m.jsx)(y.Button,{variant:"tertiary",onClick:()=>{l(),E("trash_modal_cancel_button_clicked")},children:(0,_.__)("Cancel","mailpoet")}),(0,m.jsx)(y.Button,{variant:"primary",onClick:async()=>{if(E("trash_modal_move_to_trash_button_clicked"),await i("postType",A,n,{},{throwOnError:!1}))t();else{const e=o("postType",A,n);if(410===e?.code)t();else{const t=e?.message?e.message:(0,_.__)("An error occurred while moving the email to the trash.","mailpoet");E("trash_modal_move_to_trash_error",{errorMessage:t}),await a(t,{type:"snackbar",isDismissible:!0,context:"email-editor"})}}},children:(0,_.__)("Move to trash","mailpoet")})]})]})}function nn(){const[e,t]=(0,l.useState)(!1),{urls:n,postId:o}=(0,s.useSelect)((e=>({urls:e(I).getUrls(),postId:e(I).getEmailPostId()})),[]),[i,a]=(0,oe.useEntityProp)("postType",A,"status"),{saveEditedEmail:r}=(0,s.useDispatch)(I);return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(y.DropdownMenu,{className:"edit-site-more-menu",popoverProps:{className:"edit-site-more-menu__content"},icon:Dt,label:(0,_.__)("More","mailpoet"),onToggle:e=>E("header_more_menu_dropdown_toggle",{isOpened:e}),children:({onClose:e})=>(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(y.MenuGroup,{label:(0,_._x)("View","noun","mailpoet"),children:[(0,m.jsx)(pe.PreferenceToggleMenuItem,{scope:"core",name:"fixedToolbar",label:(0,_.__)("Top toolbar","mailpoet"),info:(0,_.__)("Access all block and document tools in a single place","mailpoet"),messageActivated:(0,_.__)("Top toolbar activated","mailpoet"),messageDeactivated:(0,_.__)("Top toolbar deactivated","mailpoet"),onToggle:()=>E("header_more_menu_fixed_toolbar_toggle")}),(0,m.jsx)(pe.PreferenceToggleMenuItem,{scope:"core",name:"focusMode",label:(0,_.__)("Spotlight mode","mailpoet"),info:(0,_.__)("Focus at one block at a time","mailpoet"),messageActivated:(0,_.__)("Spotlight mode activated","mailpoet"),messageDeactivated:(0,_.__)("Spotlight mode deactivated","mailpoet"),onToggle:()=>E("header_more_menu_focus_mode_toggle")}),(0,m.jsx)(pe.PreferenceToggleMenuItem,{scope:I,name:"fullscreenMode",label:(0,_.__)("Fullscreen mode","mailpoet"),info:(0,_.__)("Work without distraction","mailpoet"),messageActivated:(0,_.__)("Fullscreen mode activated","mailpoet"),messageDeactivated:(0,_.__)("Fullscreen mode deactivated","mailpoet"),shortcut:Qt.displayShortcut.secondary("f"),onToggle:()=>E("header_more_menu_fullscreen_mode_toggle")})]}),(0,m.jsx)(y.MenuGroup,{children:"trash"===i?(0,m.jsx)(y.MenuItem,{onClick:async()=>{await a("draft"),await r(),E("header_more_menu_restore_from_trash_button_clicked")},children:(0,_.__)("Restore from trash","mailpoet")}):(0,m.jsx)(y.MenuItem,{onClick:()=>{t(!0),E("header_more_menu_move_to_trash_button_clicked"),e()},isDestructive:!0,children:(0,_.__)("Move to trash","mailpoet")})})]})}),e&&(0,m.jsx)(tn,{onClose:()=>t(!1),onRemove:()=>{window.location.href=n.listings},postId:o})]})}const on=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M15 4H9c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h6c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H9c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h6c.3 0 .5.2.5.5v12zm-4.5-.5h2V16h-2v1.5z"})}),an=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})}),sn=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M19.5 4.5h-7V6h4.44l-5.97 5.97 1.06 1.06L18 7.06v4.44h1.5v-7Zm-13 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-3H17v3a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h3V5.5h-3Z"})}),ln=window.wp.url;let rn=function(e){return e.SUCCESS="success",e.ERROR="error",e}({});const cn=(0,r.applyFilters)("mailpoet_email_editor_check_sending_method_configuration_link","admin.php?page=mailpoet-settings#mta"),dn=(0,l.memo)((function(){const e=(0,l.useRef)(null),{requestSendingNewsletterPreview:t,togglePreviewModal:n,updateSendPreviewEmail:o}=(0,s.useDispatch)(I),{toEmail:i,isSendingPreviewEmail:a,sendingPreviewStatus:r,isModalOpened:c,errorMessage:d}=(0,s.useSelect)((e=>e(I).getPreviewState()),[]),p=()=>{t(i)},u=()=>{E("send_preview_email_modal_closed"),n(!1)};return(0,l.useEffect)((()=>{c&&(e.current?.focus(),E("send_preview_email_modal_opened"))}),[c]),c?(0,m.jsxs)(y.Modal,{className:"mailpoet-send-preview-email",title:(0,_.__)("Send a test email","mailpoet"),onRequestClose:u,focusOnMount:!1,children:[r===rn.ERROR?(0,m.jsxs)("div",{className:"mailpoet-send-preview-modal-notice-error",children:[(0,m.jsx)("p",{children:(0,_.__)("Sorry, we were unable to send this email.","mailpoet")}),(0,m.jsx)("strong",{children:d&&(0,_.sprintf)(
// translators: %s is an error message.
// translators: %s is an error message.
(0,_.__)("Error: %s","mailpoet"),d)}),(0,m.jsxs)("ul",{children:[(0,m.jsx)("li",{children:cn&&(0,l.createInterpolateElement)((0,_.__)("Please check your <link>sending method configuration</link> with your hosting provider.","mailpoet"),{link:(0,m.jsx)("a",{href:cn,target:"_blank",rel:"noopener noreferrer",onClick:()=>E("send_preview_email_modal_check_sending_method_configuration_link_clicked")})})}),(0,m.jsx)("li",{children:(0,l.createInterpolateElement)((0,_.__)("Or, sign up for MailPoet Sending Service to easily send emails. <link>Sign up for free</link>","mailpoet"),{link:(0,m.jsx)("a",{href:`https://account.mailpoet.com/?s=1&g=1&utm_source=mailpoet_email_editor&utm_medium=plugin&utm_source_platform=${A}`,target:"_blank",rel:"noopener noreferrer",onClick:()=>E("send_preview_email_modal_sign_up_for_mailpoet_sending_service_link_clicked")},"sign-up-for-free")})})]})]}):null,(0,m.jsx)("p",{children:(0,l.createInterpolateElement)((0,_.__)("Send yourself a test email to test how your email would look like in different email apps. You can also test your spam score by sending a test email to <link1>{$serviceName}</link1>. <link2>Learn more</link2>.","mailpoet").replace("{$serviceName}","Mail Tester"),{link1:(0,m.jsx)("a",{href:"https://www.mail-tester.com/",target:"_blank",rel:"noopener noreferrer",onClick:()=>E("send_preview_email_modal_send_test_email_to_mail_tester_link_clicked")}),link2:(0,m.jsx)("a",{href:"https://kb.mailpoet.com/article/147-test-your-spam-score-with-mail-tester",target:"_blank",rel:"noopener noreferrer",onClick:()=>E("send_preview_email_modal_learn_more_about_mail_tester_link_clicked")})})}),(0,m.jsx)(y.TextControl,{label:(0,_.__)("Send to","mailpoet"),onChange:e=>{o(e),N("send_preview_email_modal_send_to_field_updated")},onKeyDown:e=>{const{keyCode:t}=e;t===Qt.ENTER&&(e.preventDefault(),p(),E("send_preview_email_modal_send_to_field_key_code_enter"))},value:i,type:"email",ref:e,required:!0}),r===rn.SUCCESS?(0,m.jsxs)("p",{className:"mailpoet-send-preview-modal-notice-success",children:[(0,m.jsx)(ft,{icon:le,style:{fill:"#4AB866"}}),(0,_.__)("Test email sent successfully!","mailpoet")]}):null,(0,m.jsxs)("div",{className:"mailpoet-send-preview-modal-footer",children:[(0,m.jsx)(y.Button,{variant:"tertiary",onClick:()=>{E("send_preview_email_modal_close_button_clicked"),u()},children:(0,_.__)("Close","mailpoet")}),(0,m.jsx)(y.Button,{variant:"primary",onClick:()=>{p(),E("send_preview_email_modal_send_test_email_button_clicked")},disabled:a||!(0,ln.isEmail)(i),children:a?(0,_.__)("Sending…","mailpoet"):(0,_.__)("Send test email","mailpoet")})]})]}):null}));function pn(){const e=(0,s.useSelect)((e=>e(I).getDeviceType()),[]),{changePreviewDeviceType:t,togglePreviewModal:n}=(0,s.useDispatch)(I),o=e=>{t(e)},i={mobile:on,desktop:an};return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(y.DropdownMenu,{className:"mailpoet-preview-dropdown",label:(0,_.__)("Preview","mailpoet"),icon:i[e.toLowerCase()],onToggle:e=>E("header_preview_dropdown_clicked",{isOpened:e}),children:({onClose:t})=>(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(y.MenuGroup,{children:[(0,m.jsx)(y.MenuItem,{className:"block-editor-post-preview__button-resize",onClick:()=>{o("Desktop"),E("header_preview_dropdown_desktop_selected")},icon:"Desktop"===e&&le,children:(0,_.__)("Desktop","mailpoet")}),(0,m.jsx)(y.MenuItem,{className:"block-editor-post-preview__button-resize",onClick:()=>{o("Mobile"),E("header_preview_dropdown_mobile_selected")},icon:"Mobile"===e&&le,children:(0,_.__)("Mobile","mailpoet")})]}),(0,m.jsx)(y.MenuGroup,{children:(0,m.jsx)(y.MenuItem,{className:"block-editor-post-preview__button-resize",onClick:()=>{n(!0),E("header_preview_dropdown_send_test_email_selected"),t()},children:(0,_.__)("Send a test email","mailpoet")})}),(0,m.jsx)(y.MenuGroup,{children:(0,m.jsx)("div",{className:"edit-post-header-preview__grouping-external",children:(0,m.jsx)(ne.PostPreviewButton,{role:"menuitem",forceIsAutosaveable:!0,"aria-label":(0,_.__)("Preview in new tab","mailpoet"),textContent:(0,m.jsxs)(m.Fragment,{children:[(0,_.__)("Preview in new tab","mailpoet"),(0,m.jsx)(ft,{icon:sn})]}),onPreview:()=>{E("header_preview_dropdown_preview_in_new_tab_selected"),t()}})})})]})}),(0,m.jsx)(dn,{})]})}const mn=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M17.3 10.1c0-2.5-2.1-4.4-4.8-4.4-2.2 0-4.1 1.4-4.6 3.3h-.2C5.7 9 4 10.7 4 12.8c0 2.1 1.7 3.8 3.7 3.8h9c1.8 0 3.2-1.5 3.2-3.3.1-1.6-1.1-2.9-2.6-3.2zm-.5 5.1h-9c-1.2 0-2.2-1.1-2.2-2.3s1-2.4 2.2-2.4h1.3l.3-1.1c.4-1.3 1.7-2.2 3.2-2.2 1.8 0 3.3 1.3 3.3 2.9v1.3l1.3.2c.8.1 1.4.9 1.4 1.8-.1 1-.9 1.8-1.8 1.8z"})});function un(){const{saveEditedEmail:e}=(0,s.useDispatch)(I),{hasEdits:t,isEmpty:n,isSaving:o}=(0,s.useSelect)((e=>({hasEdits:e(I).hasEdits(),isEmpty:e(I).isEmpty(),isSaving:e(I).isSaving()})),[]),i=!n&&!o&&!t,a=n||o||i;let l=(0,_.__)("Save Draft","mailpoet");return i?l=(0,_.__)("Saved","mailpoet"):o&&(l=(0,_.__)("Saving","mailpoet")),(0,m.jsxs)(y.Button,{variant:"tertiary",disabled:a,onClick:()=>{e(),E("header_save_email_button_clicked",{label:l,isSaving:o,isSaved:i})},children:[o&&(0,m.jsx)(ft,{icon:mn}),i&&(0,m.jsx)(ft,{icon:le}),l]})}const hn=(0,m.jsx)($.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,m.jsx)($.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"})});function gn(){const{showIconLabels:e}=(0,s.useSelect)((e=>({showIconLabels:e(I).isFeatureActive("showIconLabels"),postId:e(I).getEmailPostId()})),[]),[t="",n]=(0,oe.useEntityProp)("postType",A,"title"),o=(0,l.useRef)(null);return(0,m.jsx)("div",{ref:o,className:"mailpoet-email-editor-campaign-name",children:(0,m.jsx)(y.Dropdown,{popoverProps:{placement:"bottom",anchor:o.current},contentClassName:"mailpoet-email-editor-campaign-name__dropdown",renderToggle:({isOpen:n,onToggle:o})=>(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(y.Button,{onClick:()=>{o(),E("header_campaign_name_email_title_clicked",{isOpen:n})},className:"mailpoet-email-campaign-name__link",children:(0,m.jsxs)(y.__experimentalText,{size:"body",as:"h1",children:[(0,m.jsx)(y.VisuallyHidden,{as:"span",children:(0,_.__)("Editing email:","mailpoet")}),t]})}),(0,m.jsx)(y.Button,{className:"mailpoet-email-campaign-name__toggle",icon:hn,"aria-expanded":n,"aria-haspopup":"true",onClick:()=>{o(),E("header_campaign_name_toggle_icon_clicked",{isOpen:n})},label:(0,_.__)("Change campaign name","mailpoet"),children:e&&(0,_.__)("Rename","mailpoet")})]}),renderContent:()=>(0,m.jsx)("div",{className:"mailpoet-email-editor-email-title-edit",children:(0,m.jsx)(y.TextControl,{label:(0,_.__)("Campaign name","mailpoet"),value:t,onChange:e=>{n(e),N("header_campaign_name_title_updated")},name:"campaign_name",help:(0,_.__)("Name your email campaign to indicate its purpose. This would only be visible to you and not shown to your subscribers.","mailpoet")})})})})}function xn({validateContent:e,isContentInvalid:t}){const{isDirty:n}=(0,ne.useEntitiesSavedStatesIsDirty)(),{hasEmptyContent:o,isEmailSent:i,urls:a}=(0,s.useSelect)((e=>({hasEmptyContent:e(I).hasEmptyContent(),isEmailSent:e(I).isEmailSent(),urls:e(I).getUrls()})),[]);function l(){a.send&&(window.location.href=a.send)}const[c]=ht(),d="template"===c||o||i||t||n,p=(0,r.applyFilters)("mailpoet_email_editor_send_button_label",(0,_.__)("Send","mailpoet"));return(0,m.jsx)(y.Button,{variant:"primary",onClick:()=>{E("header_send_button_clicked"),e()&&(0,r.applyFilters)("mailpoet_email_editor_send_action_callback",l)()},disabled:d,"data-automation-id":"email_editor_send_button",children:p})}const yn=({onToggle:e})=>((0,l.useEffect)((()=>{document.querySelectorAll(".mailpoet-email-editor-save-button__dropdown  .components-panel__body").forEach((e=>{const t=e.querySelector(".components-panel__body-title button");if(t&&t.textContent.trim()===(0,_.__)("Templates","mailpoet")){const t=e.querySelectorAll(".components-panel__row");t.length&&(t[0].textContent=(0,_.__)("This change will affect emails that use this template.","mailpoet"))}}))}),[]),(0,m.jsx)(ne.EntitiesSavedStates,{close:e}));function fn(){const{isSaving:e}=(0,s.useSelect)((e=>({isSaving:e(I).isSaving()})),[]),t=(0,l.useRef)(null);let n=(0,_.__)("Save","mailpoet");return e&&(n=(0,_.__)("Saving","mailpoet")),(0,m.jsx)("div",{ref:t,children:(0,m.jsx)(y.Dropdown,{popoverProps:{placement:"bottom",anchor:t.current},contentClassName:"mailpoet-email-editor-save-button__dropdown",renderToggle:({onToggle:t})=>(0,m.jsx)(y.Button,{onClick:()=>{E("header_save_all_button_save_button_clicked"),t()},variant:"primary",disabled:e,children:n}),renderContent:({onToggle:e})=>(0,m.jsx)(yn,{onToggle:e})})})}const vn=window.wp.isShallowEqual;var bn=n.n(vn);function wn(e){const t=(0,l.useRef)(e);return bn()(e,t.current)||(t.current=e),t.current}const jn=()=>{const e="email-validation",t=(0,s.useSelect)((t=>t(en.store).getNotices(e)));return{notices:t,hasValidationNotice:(0,l.useCallback)((e=>e?void 0!==t.find((t=>t.id===e)):t?.length>0),[t]),addValidationNotice:(0,l.useCallback)(((t,n,o=[])=>{(0,s.dispatch)(en.store).createNotice("error",n,{id:t,isDismissible:!1,actions:o,context:e})}),[e]),removeValidationNotice:(0,l.useCallback)((t=>{(0,s.dispatch)(en.store).removeNotice(t,e)}),[e])}},Sn=[],kn=()=>{const{addValidationNotice:e,hasValidationNotice:t,removeValidationNotice:n}=jn(),{editedContent:o,editedTemplateContent:i}=(0,s.useSelect)((e=>({editedContent:e(I).getEditedEmailContent(),editedTemplateContent:e(I).getCurrentTemplateContent()}))),a=(0,r.applyFilters)("mailpoet_email_editor_content_validation_rules",Sn),c=wn(o),d=wn(i),p=(0,l.useCallback)((()=>{let o=!0;return a.forEach((({id:i,test:a,message:s,actions:l})=>{a(c+d)?(e(i,s,l),o=!1):t(i)&&n(i)})),o}),[c,d,e,n,t,a]);return(0,s.subscribe)((()=>{t()&&p()}),oe.store),{isInvalid:t(),validateContent:p}},Cn=y.ToolbarItem,Tn=d.BlockToolbar;function En(){const e=(0,l.useRef)(),t=(0,l.useRef)(),n=(0,l.useRef)(),o=(0,l.useRef)(),[i,a]=(0,l.useState)(!1),{undo:r,redo:c}=(0,s.useDispatch)(oe.store),{setIsInserterOpened:p,setIsListViewOpened:u}=(0,s.useDispatch)(ne.store),{isInserterSidebarOpened:h,isListviewSidebarOpened:g,isFixedToolbarActive:x,isBlockSelected:f,hasUndo:v,hasRedo:b}=(0,s.useSelect)((e=>({isInserterSidebarOpened:e(ne.store).isInserterOpened(),isListviewSidebarOpened:e(ne.store).isListViewOpened(),isFixedToolbarActive:e(pe.store).get("core","fixedToolbar"),isBlockSelected:!!e(d.store).getBlockSelectionStart(),hasUndo:e(oe.store).hasUndo(),hasRedo:e(oe.store).hasRedo()})),[]),[w]=ht(),{validateContent:j,isInvalid:S}=kn(),{dirtyEntityRecords:k}=(0,ne.useEntitiesSavedStatesIsDirty)(),C=k.some((e=>e.name!==A)),T=e=>{e.preventDefault()},N=h?(0,_.__)("Close","mailpoet"):(0,_.__)("Add","mailpoet");return(0,m.jsxs)("div",{className:"editor-header edit-post-header",children:[(0,m.jsxs)("div",{className:"editor-header__toolbar",children:[(0,m.jsx)(d.NavigableToolbar,{className:"editor-document-tools edit-post-header-toolbar is-unstyled","aria-label":(0,_.__)("Email document tools","mailpoet"),children:(0,m.jsxs)("div",{className:"editor-document-tools__left",children:[(0,m.jsx)(Cn,{ref:e,as:y.Button,className:"editor-header-toolbar__inserter-toggle edit-post-header-toolbar__inserter-toggle",variant:"primary",isPressed:h,onMouseDown:T,onClick:()=>h?(E("header_inserter_sidebar_closed"),p(!1)):(E("header_inserter_sidebar_opened"),p(!0)),disabled:!1,icon:qt,label:N,showTooltip:!0,"aria-expanded":h}),(0,m.jsx)(Cn,{ref:n,as:y.Button,className:"editor-history__undo",isPressed:!1,onMouseDown:T,onClick:()=>{r(),E("header_undo_icon_clicked")},disabled:!v,icon:Zt,label:(0,_.__)("Undo","mailpoet"),showTooltip:!0}),(0,m.jsx)(Cn,{ref:o,as:y.Button,className:"editor-history__redo",isPressed:!1,onMouseDown:T,onClick:()=>{c(),E("header_redo_icon_clicked")},disabled:!b,icon:Yt,label:(0,_.__)("Redo","mailpoet"),showTooltip:!0}),(0,m.jsx)(Cn,{ref:t,as:y.Button,className:"editor-header-toolbar__document-overview-toggle edit-post-header-toolbar__document-overview-toggle",isPressed:g,onMouseDown:T,onClick:()=>g?(E("header_listview_sidebar_closed"),u(!1)):(E("header_listview_sidebar_opened"),u(!0)),disabled:!1,icon:Jt,label:(0,_.__)("List view","mailpoet"),showTooltip:!0,"aria-expanded":h})]})}),x&&f&&(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)("div",{className:H()("editor-collapsible-block-toolbar",{"is-collapsed":i}),children:(0,m.jsx)(Tn,{hideDragHandle:!0})}),(0,m.jsx)(y.Button,{className:"editor-header__block-tools-toggle edit-post-header__block-tools-toggle",icon:i?Kt:Xt,onClick:()=>{a((e=>!e)),E("header_blocks_tool_button_clicked",{isBlockToolsCollapsed:i})},label:i?(0,_.__)("Show block tools","mailpoet"):(0,_.__)("Hide block tools","mailpoet")})]})]}),(!x||!f||i)&&(0,m.jsx)("div",{className:"editor-header__center edit-post-header__center",children:"template"===w?(0,m.jsx)(ne.DocumentBar,{}):(0,m.jsx)(gn,{})}),(0,m.jsxs)("div",{className:"editor-header__settings edit-post-header__settings",children:[(0,m.jsx)(un,{}),(0,m.jsx)(pn,{}),C?(0,m.jsx)(fn,{}):(0,m.jsx)(xn,{validateContent:j,isContentInvalid:S}),(0,m.jsx)(Ge.Slot,{scope:I}),(0,m.jsx)(nn,{})]})]})}function Nn(){return(0,m.jsx)("div",{className:"editor-list-view-sidebar",children:(0,m.jsx)(d.__experimentalListView,{})})}function Pn(){const{postContentId:e}=(0,s.useSelect)((e=>{const t=e(d.store).getBlocks();return{postContentId:t.find((e=>"core/post-content"===e.name))?.clientId}})),[t]=ht(),{setIsInserterOpened:n}=(0,s.useDispatch)(ne.store);return(0,m.jsx)("div",{className:"editor-inserter-sidebar",children:(0,m.jsx)("div",{className:"editor-inserter-sidebar__content",children:(0,m.jsx)(d.__experimentalLibrary,{showMostUsedBlocks:!0,showInserterHelpPanel:!1,rootClientId:"email"===t?e:null,onClose:()=>{n(!1),E("inserter_sidebar_library_close_icon_clicked",{editorMode:t})},onSelect:e=>{E("inserter_sidebar_library_block_selected",{editorMode:t,blockName:e?.name})}})})})}function In(){const{isEmailSent:e}=(0,s.useSelect)((e=>({isEmailSent:e(I).isEmailSent()})),[]);return(0,l.useEffect)((()=>{e&&((0,s.dispatch)(en.store).createNotice("warning",(0,_.__)("This email has already been sent. It can be edited, but not sent again. Duplicate this email if you want to send it again.","mailpoet"),{id:"email-sent",isDismissible:!1,context:"email-editor"}),E("editor_showed_email_sent_notice"))}),[e]),null}function Mn(){const{notices:e}=jn();return 0===e.length?null:(0,m.jsx)(y.Notice,{status:"error",className:"mailpoet-email-editor-validation-errors components-editor-notices__pinned",isDismissible:!1,children:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)("strong",{children:(0,_.__)("Fix errors to continue:","mailpoet")}),(0,m.jsx)("ul",{children:e.map((({id:e,content:t,actions:n})=>(0,m.jsxs)("li",{children:[t,n.length>0?n.map((({label:e,onClick:t})=>(0,m.jsx)(y.Button,{onClick:t,variant:"link",children:e},e))):null]},e)))})]})})}function Bn({context:e="email-editor"}){const{notices:t}=(0,s.useSelect)((t=>({notices:t(en.store).getNotices(e)})),[e]),n=(0,l.useMemo)((()=>({"site-editor-save-success":{content:(0,_.__)("Email design updated.","mailpoet"),removeActions:!0}})),[]),{removeNotice:o}=(0,s.useDispatch)(en.store),i=t.filter((({type:e})=>"snackbar"===e)).map((e=>n[e.id]?{...e,content:n[e.id].content,actions:n[e.id].removeActions?[]:e.actions}:e));return(0,m.jsx)(y.SnackbarList,{notices:i,className:"components-editor-notices__snackbar",onRemove:t=>o(t,e)})}function An(){const{notices:e}=(0,s.useSelect)((e=>({notices:e(en.store).getNotices("email-editor")})),[]),{removeNotice:t}=(0,s.useDispatch)(en.store),n=e.filter((({isDismissible:e,type:t})=>e&&"default"===t)),o=e.filter((({isDismissible:e,type:t})=>!e&&"default"===t));return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(y.NoticeList,{notices:o,className:"components-editor-notices__pinned"}),(0,m.jsx)(y.NoticeList,{notices:n,className:"components-editor-notices__dismissible",onRemove:e=>t(e,"email-editor")}),(0,m.jsx)(Mn,{}),(0,m.jsx)(Bn,{context:"global"}),(0,m.jsx)(Bn,{context:"email-editor"})]})}const Ln=(0,m.jsx)($.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,m.jsx)($.Path,{d:"M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z"})}),Rn=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M6.9 7L3 17.8h1.7l1-2.8h4.1l1 2.8h1.7L8.6 7H6.9zm-.7 6.6l1.5-4.3 1.5 4.3h-3zM21.6 17c-.1.1-.2.2-.3.2-.1.1-.2.1-.4.1s-.3-.1-.4-.2c-.1-.1-.1-.3-.1-.6V12c0-.5 0-1-.1-1.4-.1-.4-.3-.7-.5-1-.2-.2-.5-.4-.9-.5-.4 0-.8-.1-1.3-.1s-1 .1-1.4.2c-.4.1-.7.3-1 .4-.2.2-.4.3-.6.5-.1.2-.2.4-.2.7 0 .3.1.5.2.8.2.2.4.3.8.3.3 0 .6-.1.8-.3.2-.2.3-.4.3-.7 0-.3-.1-.5-.2-.7-.2-.2-.4-.3-.6-.4.2-.2.4-.3.7-.4.3-.1.6-.1.8-.1.3 0 .6 0 .8.1.2.1.4.3.5.5.1.2.2.5.2.9v1.1c0 .3-.1.5-.3.6-.2.2-.5.3-.9.4-.3.1-.7.3-1.1.4-.4.1-.8.3-1.1.5-.3.2-.6.4-.8.7-.2.3-.3.7-.3 1.2 0 .6.2 1.1.5 1.4.3.4.9.5 1.6.5.5 0 1-.1 1.4-.3.4-.2.8-.6 1.1-1.1 0 .4.1.7.3 1 .2.3.6.4 1.2.4.4 0 .7-.1.9-.2.2-.1.5-.3.7-.4h-.3zm-3-.9c-.2.4-.5.7-.8.8-.3.2-.6.2-.8.2-.4 0-.6-.1-.9-.3-.2-.2-.3-.6-.3-1.1 0-.5.1-.9.3-1.2s.5-.5.8-.7c.3-.2.7-.3 1-.5.3-.1.6-.3.7-.6v3.4z"})}),Fn=(0,m.jsx)($.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,m.jsx)($.Path,{d:"M17.2 10.9c-.5-1-1.2-2.1-2.1-3.2-.6-.9-1.3-1.7-2.1-2.6L12 4l-1 1.1c-.6.9-1.3 1.7-2 2.6-.8 1.2-1.5 2.3-2 3.2-.6 1.2-1 2.2-1 3 0 3.4 2.7 6.1 6.1 6.1s6.1-2.7 6.1-6.1c0-.8-.3-1.8-1-3zm-5.1 7.6c-2.5 0-4.6-2.1-4.6-4.6 0-.3.1-1 .8-2.3.5-.9 1.1-1.9 2-3.1.7-.9 1.3-1.7 1.8-2.3.7.8 1.3 1.6 1.8 2.3.8 1.1 1.5 2.2 2 3.1.7 1.3.8 2 .8 2.3 0 2.5-2.1 4.6-4.6 4.6z"})}),zn={start:{scale:1,opacity:1},hover:{scale:0,opacity:0}},Dn={hover:{opacity:1},start:{opacity:.5}},On={hover:{scale:1,opacity:1},start:{scale:0,opacity:0}},Vn=152,Hn=32;function Gn({label:e,isFocused:t,withHoverView:n}){const{styles:o,colors:i}=(0,s.useSelect)((e=>({styles:e(I).getStyles(),colors:e(I).getPaletteColors()})),[]),a=o?.color?.background||"#ffffff",r=o?.elements?.heading?.typography?.fontFamily||"inherit",c=o?.elements?.heading?.color?.text||"inherit",d=o?.elements?.heading?.typography?.fontWeight||"inherit",p=i.theme.concat(i.theme),u=p.filter((({color:e})=>e.toLowerCase()!==a.toLowerCase()&&e.toLowerCase()!==c.toLowerCase())).slice(0,2),[_,h]=(0,l.useState)(!1);return(0,m.jsx)("div",{onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),children:(0,m.jsxs)(y.__unstableMotion.div,{style:{height:1*Vn,width:"100%",background:a,cursor:n?"pointer":void 0},initial:"start",animate:(_||t)&&e?"hover":"start",children:[(0,m.jsx)(y.__unstableMotion.div,{variants:zn,style:{height:"100%",overflow:"hidden"},children:(0,m.jsxs)(y.__experimentalHStack,{spacing:10,justify:"center",style:{height:"100%",overflow:"hidden"},children:[(0,m.jsx)(y.__unstableMotion.div,{style:{fontFamily:r,fontSize:65,color:c,fontWeight:d},animate:{scale:1,opacity:1},initial:{scale:.1,opacity:0},transition:{delay:.3,type:"tween"},children:"Aa"}),(0,m.jsx)(y.__experimentalVStack,{spacing:4,children:u.map((({slug:e,color:t},n)=>(0,m.jsx)(y.__unstableMotion.div,{style:{height:1*Hn,width:1*Hn,background:t,borderRadius:1*Hn/2},animate:{scale:1,opacity:1},initial:{scale:.1,opacity:0},transition:{delay:1===n?.2:.1}},e)))})]})}),(0,m.jsx)(y.__unstableMotion.div,{variants:n&&Dn,style:{height:"100%",width:"100%",position:"absolute",top:0,overflow:"hidden",filter:"blur(60px)",opacity:.1},children:(0,m.jsx)(y.__experimentalHStack,{spacing:0,justify:"flex-start",style:{height:"100%",overflow:"hidden"},children:p.slice(0,4).map((({color:e})=>(0,m.jsx)("div",{style:{height:"100%",background:e,flexGrow:1}},e)))})}),(0,m.jsx)(y.__unstableMotion.div,{variants:On,style:{height:"100%",width:"100%",overflow:"hidden",position:"absolute",top:0},children:(0,m.jsx)(y.__experimentalVStack,{spacing:3,justify:"center",style:{height:"100%",overflow:"hidden",padding:10,boxSizing:"border-box"},children:e&&(0,m.jsx)("div",{style:{fontSize:40,fontFamily:r,color:c,fontWeight:d,lineHeight:"1em",textAlign:"center"},children:e})})})]})})}function $n(){return(0,m.jsx)(y.Card,{size:"small",className:"edit-site-global-styles-screen-root",variant:"primary",children:(0,m.jsx)(y.CardBody,{children:(0,m.jsxs)(y.__experimentalVStack,{spacing:4,children:[(0,m.jsx)(y.Card,{children:(0,m.jsx)(y.CardMedia,{children:(0,m.jsx)(Gn,{})})}),(0,m.jsxs)(y.__experimentalItemGroup,{children:[(0,m.jsx)(y.__experimentalNavigatorButton,{path:"/typography",onClick:()=>E("styles_sidebar_navigation_click",{path:"typography"}),children:(0,m.jsx)(y.__experimentalItem,{children:(0,m.jsxs)(y.__experimentalHStack,{justify:"flex-start",children:[(0,m.jsx)(y.Icon,{icon:Rn,size:24}),(0,m.jsx)(y.FlexItem,{children:(0,_.__)("Typography","mailpoet")})]})})}),(0,m.jsx)(y.__experimentalNavigatorButton,{path:"/colors",onClick:()=>E("styles_sidebar_navigation_click",{path:"colors"}),children:(0,m.jsx)(y.__experimentalItem,{children:(0,m.jsxs)(y.__experimentalHStack,{justify:"flex-start",children:[(0,m.jsx)(y.Icon,{icon:Fn,size:24}),(0,m.jsx)(y.FlexItem,{children:(0,_.__)("Colors","mailpoet")})]})})}),(0,m.jsx)(y.__experimentalNavigatorButton,{path:"/layout",onClick:()=>E("styles_sidebar_navigation_click",{path:"layout"}),children:(0,m.jsx)(y.__experimentalItem,{children:(0,m.jsxs)(y.__experimentalHStack,{justify:"flex-start",children:[(0,m.jsx)(y.Icon,{icon:zt,size:24}),(0,m.jsx)(y.FlexItem,{children:(0,_.__)("Layout","mailpoet")})]})})})]})]})})})}function Un(e){const t=e=>{if("object"==typeof e&&null!==e||void 0===e){if(Array.isArray(e)&&0===e.length)return;for(const n in e)if(e.hasOwnProperty(n)){const o=t(e[n]);void 0===o?delete e[n]:e[n]=o}}return e};return t(e)}const Wn=()=>{const{userTheme:e,updateUserTheme:t}=it(),n=(0,l.useMemo)((()=>Un(function(e){const t=e=>{if("object"==typeof e&&null!==e)for(const n in e)e.hasOwnProperty(n)&&(e[n]=t(e[n]));else if("string"==typeof e)return e.replace(/var$--([a-z]+)--([a-z]+(?:--[a-z0-9]+(?:-[a-z0-9]+)*)*)--([a-z0-9-]+)$/g,((e,t,n,o)=>`var:${n.split("--").concat(o).join("|")}`));return e};return t(e)}(e?.styles))),[e]),{styles:o}=(0,s.useSelect)((e=>({styles:e(I).getStyles()}))),i=(0,l.useCallback)((n=>{const o={...e,styles:Un(n)};t(o)}),[t,e]),a=(0,l.useCallback)(((n,o)=>{const i=function(e,t,n){const o=Array.isArray(t)?[...t]:[t],i=Array.isArray(e)?[...e]:{...e},a=o.pop();let s=i;return o.forEach((e=>{const t=s[e];s[e]=Array.isArray(t)?[...t]:{...t},s=s[e]})),s[a]=n,i}(e,["styles",...n],o);t(i)}),[t,e]);return{styles:ot().all([o||{},n||{}]),userStyles:e?.styles,defaultStyles:o,updateStyleProp:a,updateStyles:i}},qn={typography:{},color:{}},Zn=(e,t,n="heading",o=!1)=>{switch(t){case"text":return{typography:e.typography,color:e.color};case"heading":return((e,t="heading",n=!1)=>n?ot().all([qn,e.elements.heading||{},e.elements[t]||{}]):{...qn,...e.elements.heading||{},...e.elements[t]||{}})(e,null!=n?n:"heading",o);default:return e.elements[t]||qn}};function Yn({element:e,label:t}){const{styles:n}=Wn(),o=Zn(n,e,null,!0),{fontFamily:i,fontStyle:a,fontWeight:s,letterSpacing:l,textDecoration:r,textTransform:c}=o.typography,d=o.color?.text||"inherit",p=o.color?.background||"#f0f0f0",u=(0,_.sprintf)(
// translators: %s: is a subset of Typography, e.g., 'text' or 'links'.
// translators: %s: is a subset of Typography, e.g., 'text' or 'links'.
(0,_.__)("Typography %s styles","mailpoet"),t);return(0,m.jsx)(y.__experimentalItem,{children:(0,m.jsx)(y.__experimentalNavigatorButton,{path:`/typography/${e}`,"aria-label":u,onClick:()=>E("styles_sidebar_screen_typography_button_click",{element:e,label:t,path:`typography/${e}`}),children:(0,m.jsxs)(y.__experimentalHStack,{justify:"flex-start",children:[(0,m.jsx)(y.FlexItem,{className:"edit-site-global-styles-screen-typography__indicator",style:{fontFamily:null!=i?i:"serif",background:p,color:d,fontStyle:null!=a?a:"normal",fontWeight:null!=s?s:"normal",letterSpacing:null!=l?l:"normal",textDecoration:null!=r?r:"link"===e?"underline":"none",textTransform:null!=c?c:"none"},children:"Aa"}),(0,m.jsx)(y.FlexItem,{children:t})]})})})}const Jn=function(){return(0,m.jsx)(y.Card,{size:"small",variant:"primary",isBorderless:!0,children:(0,m.jsx)(y.CardBody,{children:(0,m.jsxs)(y.__experimentalVStack,{spacing:3,children:[(0,m.jsx)(y.__experimentalHeading,{level:3,className:"edit-site-global-styles-subtitle",children:(0,_.__)("Elements","mailpoet")}),(0,m.jsxs)(y.__experimentalItemGroup,{isBordered:!0,isSeparated:!0,size:"small",children:[(0,m.jsx)(Yn,{element:"text",label:(0,_.__)("Text","mailpoet")}),(0,m.jsx)(Yn,{element:"link",label:(0,_.__)("Links","mailpoet")}),(0,m.jsx)(Yn,{element:"heading",label:(0,_.__)("Headings","mailpoet")}),(0,m.jsx)(Yn,{element:"button",label:(0,_.__)("Buttons","mailpoet")})]})]})})})},Kn=(0,m.jsx)($.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,m.jsx)($.Path,{d:"M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z"})});function Xn({title:e,description:t,onBack:n}){return(0,m.jsxs)(y.__experimentalVStack,{spacing:0,children:[(0,m.jsx)(y.__experimentalView,{children:(0,m.jsx)(y.__experimentalSpacer,{marginBottom:0,paddingX:4,paddingY:3,children:(0,m.jsxs)(y.__experimentalHStack,{spacing:2,children:[(0,m.jsx)(y.__experimentalNavigatorToParentButton,{style:{minWidth:24,padding:0},icon:Kn,size:"small","aria-label":(0,_.__)("Navigate to the previous view","mailpoet"),onClick:n}),(0,m.jsx)(y.__experimentalSpacer,{children:(0,m.jsx)(y.__experimentalHeading,{className:"mailpoet-email-editor__styles-header",level:2,size:13,children:e})})]})})}),t&&(0,m.jsx)("p",{className:"mailpoet-email-editor__styles-header-description",children:t})]})}const Qn=Xn;function eo(){return N("styles_sidebar_screen_typography_opened"),(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(Qn,{title:(0,_.__)("Typography","mailpoet"),description:(0,_.__)("Manage the typography settings for different elements.","mailpoet")}),(0,m.jsx)(Jn,{})]})}const to={fontFamily:!0,fontSize:!0,fontAppearance:!0,lineHeight:!0,letterSpacing:!1,textTransform:!1,textDecoration:!1,writingMode:!0,textColumns:!0},no=function({element:e,headingLevel:t,defaultControls:n=to}){const[o,i]=(0,d.useSettings)("typography.fontSizes","typography.fontFamilies"),a=i?.default||[],{styles:s,defaultStyles:r,updateStyleProp:c}=Wn(),p=Zn(s,e,t),u=Zn(r,e,t),{fontFamily:h,fontSize:g,fontStyle:x,fontWeight:f,lineHeight:v,letterSpacing:b,textDecoration:w,textTransform:j}=p.typography,{fontFamily:S,fontSize:k,fontStyle:C,fontWeight:T,lineHeight:N,letterSpacing:I,textDecoration:M,textTransform:B}=u.typography,A="heading"!==e||"heading"!==t,L=(0,l.useCallback)(((n,o)=>{c("heading"===e?["elements",t,...n]:"text"===e?[...n]:["elements",e,...n],o)}),[e,c,t]),R=t=>{L(["typography","letterSpacing"],t),P("styles_sidebar_screen_typography_element_panel_set_letter_spacing",{element:e,newValue:t,selectedDefaultLetterSpacing:t===I})},F=t=>{L(["typography","lineHeight"],t),P("styles_sidebar_screen_typography_element_panel_set_line_height",{element:e,newValue:t,selectedDefaultLineHeight:t===N})},z=n=>{L(["typography","fontSize"],n),P("styles_sidebar_screen_typography_element_panel_set_font_size",{element:e,headingLevel:t,newValue:n,selectedDefaultFontSize:n===k})},D=t=>{L(["typography","fontFamily"],t),P("styles_sidebar_screen_typography_element_panel_set_font_family",{element:e,newValue:t,selectedDefaultFontFamily:t===S})},O=t=>{L(["typography","textDecoration"],t),P("styles_sidebar_screen_typography_element_panel_set_text_decoration",{element:e,newValue:t,selectedDefaultTextDecoration:t===M})},V=t=>{L(["typography","textTransform"],t),P("styles_sidebar_screen_typography_element_panel_set_text_transform",{element:e,newValue:t,selectedDefaultTextTransform:t===B})},H=({fontStyle:t,fontWeight:n})=>{L(["typography","fontStyle"],t),L(["typography","fontWeight"],n),P("styles_sidebar_screen_typography_element_panel_set_font_appearance",{element:e,newFontStyle:t,newFontWeight:n,selectedDefaultFontStyle:t===C,selectedDefaultFontWeight:n===T})};return(0,m.jsxs)(y.__experimentalToolsPanel,{label:(0,_.__)("Typography","mailpoet"),resetAll:()=>{L(["typography"],u.typography),E("styles_sidebar_screen_typography_element_panel_reset_all_styles_selected",{element:e,headingLevel:t})},children:[(0,m.jsx)(y.__experimentalToolsPanelItem,{label:(0,_.__)("Font family","mailpoet"),hasValue:()=>h!==S,onDeselect:()=>D(S),isShownByDefault:n.fontFamily,children:(0,m.jsx)(d.__experimentalFontFamilyControl,{value:h,onChange:D,size:"__unstable-large",fontFamilies:a,__nextHasNoMarginBottom:!0})}),A&&(0,m.jsx)(y.__experimentalToolsPanelItem,{label:(0,_.__)("Font size","mailpoet"),hasValue:()=>g!==k,onDeselect:()=>z(k),isShownByDefault:n.fontSize,children:(0,m.jsx)(y.FontSizePicker,{value:g,onChange:z,fontSizes:o,disableCustomFontSizes:!1,withReset:!1,withSlider:!0,size:"__unstable-large",__nextHasNoMarginBottom:!0})}),(0,m.jsx)(y.__experimentalToolsPanelItem,{className:"single-column",label:(0,_.__)("Appearance","mailpoet"),hasValue:()=>f!==T||x!==C,onDeselect:()=>{H({fontStyle:C,fontWeight:T})},isShownByDefault:n.fontAppearance,children:(0,m.jsx)(d.__experimentalFontAppearanceControl,{value:{fontStyle:x,fontWeight:f},onChange:H,hasFontStyles:!0,hasFontWeights:!0,size:"__unstable-large"})}),(0,m.jsx)(y.__experimentalToolsPanelItem,{className:"single-column",label:(0,_.__)("Line height","mailpoet"),hasValue:()=>v!==N,onDeselect:()=>F(N),isShownByDefault:n.lineHeight,children:(0,m.jsx)(d.LineHeightControl,{__nextHasNoMarginBottom:!0,__unstableInputWidth:"auto",value:v,onChange:F,size:"__unstable-large"})}),(0,m.jsx)(y.__experimentalToolsPanelItem,{className:"single-column",label:(0,_.__)("Letter spacing","mailpoet"),hasValue:()=>b!==I,onDeselect:()=>R(I),isShownByDefault:n.letterSpacing,children:(0,m.jsx)(d.__experimentalLetterSpacingControl,{value:b,onChange:R,size:"__unstable-large",__unstableInputWidth:"auto"})}),(0,m.jsx)(y.__experimentalToolsPanelItem,{className:"single-column",label:(0,_.__)("Text decoration","mailpoet"),hasValue:()=>w!==M,onDeselect:()=>O(M),isShownByDefault:n.textDecoration,children:(0,m.jsx)(d.__experimentalTextDecorationControl,{value:w,onChange:O,size:"__unstable-large",__unstableInputWidth:"auto"})}),(0,m.jsx)(y.__experimentalToolsPanelItem,{label:(0,_.__)("Letter case","mailpoet"),hasValue:()=>j!==B,onDeselect:()=>V(B),isShownByDefault:n.textTransform,children:(0,m.jsx)(d.__experimentalTextTransformControl,{value:j,onChange:V,showNone:!0,isBlock:!0,size:"__unstable-large",__nextHasNoMarginBottom:!0})})]})};function oo({element:e,headingLevel:t}){const{styles:n}=Wn(),o=Zn(n,e,t,!0),{fontFamily:i,fontSize:a,fontStyle:s,fontWeight:l,lineHeight:r,letterSpacing:c,textDecoration:d,textTransform:p}=o.typography,u=o.color?.text||"inherit",_=o.color?.background||"#f0f0f0",h="link"===e?{textDecoration:null!=d?d:"underline"}:{};return(0,m.jsx)("div",{className:"edit-site-typography-preview",style:{fontFamily:null!=i?i:"serif",background:_,color:u,lineHeight:r,fontSize:a,fontStyle:s,fontWeight:l,letterSpacing:c,textDecoration:d,textTransform:p,...h},children:"Aa"})}const io={text:{title:(0,_.__)("Text","mailpoet"),description:(0,_.__)("Manage the fonts and typography used on text.","mailpoet"),defaultControls:to},link:{title:(0,_.__)("Links","mailpoet"),description:(0,_.__)("Manage the fonts and typography used on links.","mailpoet"),defaultControls:{...to,textDecoration:!0}},heading:{title:(0,_.__)("Headings","mailpoet"),description:(0,_.__)("Manage the fonts and typography used on headings.","mailpoet"),defaultControls:{...to,textTransform:!0}},button:{title:(0,_.__)("Buttons","mailpoet"),description:(0,_.__)("Manage the fonts and typography used on buttons.","mailpoet"),defaultControls:to}};function ao({element:e}){N("styles_sidebar_screen_typography_element_opened",{element:e});const[t,n]=(0,l.useState)("heading");return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(Qn,{title:io[e].title,description:io[e].description}),(0,m.jsx)(y.__experimentalSpacer,{marginX:4,children:(0,m.jsx)(oo,{element:e,headingLevel:t})}),"heading"===e&&(0,m.jsx)(y.__experimentalSpacer,{marginX:4,marginBottom:"1em",children:(0,m.jsxs)(y.__experimentalToggleGroupControl,{label:(0,_.__)("Select heading level","mailpoet"),hideLabelFromVision:!0,value:t,onChange:e=>{n(e.toString()),E("styles_sidebar_screen_typography_element_heading_level_selected",{value:e})},isBlock:!0,size:"__unstable-large",__nextHasNoMarginBottom:!0,children:[(0,m.jsx)(y.__experimentalToggleGroupControlOption,{value:"heading",label:(0,_._x)("All","heading levels","mailpoet")}),(0,m.jsx)(y.__experimentalToggleGroupControlOption,{value:"h1",label:(0,_._x)("H1","Heading Level","mailpoet")}),(0,m.jsx)(y.__experimentalToggleGroupControlOption,{value:"h2",label:(0,_._x)("H2","Heading Level","mailpoet")}),(0,m.jsx)(y.__experimentalToggleGroupControlOption,{value:"h3",label:(0,_._x)("H3","Heading Level","mailpoet")}),(0,m.jsx)(y.__experimentalToggleGroupControlOption,{value:"h4",label:(0,_._x)("H4","Heading Level","mailpoet")}),(0,m.jsx)(y.__experimentalToggleGroupControlOption,{value:"h5",label:(0,_._x)("H5","Heading Level","mailpoet")}),(0,m.jsx)(y.__experimentalToggleGroupControlOption,{value:"h6",label:(0,_._x)("H6","Heading Level","mailpoet")})]})}),(0,m.jsx)(no,{element:e,headingLevel:t,defaultControls:io[e].defaultControls})]})}function so(){N("styles_sidebar_screen_colors_opened");const{userStyles:e,styles:t,updateStyles:n}=Wn(),o=(0,s.useSelect)((e=>e(I).getTheme()),[]);return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(Qn,{title:(0,_.__)("Colors","mailpoet"),description:(0,_.__)("Manage palettes and the default color of different global elements.","mailpoet")}),(0,m.jsx)(dt,{value:e,inheritedValue:t,onChange:e=>{n(e),E("styles_sidebar_screen_colors_styles_updated")},settings:o?.settings,panelId:"colors"})]})}function lo(){const[e]=(0,d.useSettings)("spacing.units"),t=(0,y.__experimentalUseCustomUnits)({availableUnits:e}),{styles:n,defaultStyles:o,updateStyleProp:i}=Wn();return(0,m.jsxs)(y.__experimentalToolsPanel,{label:(0,_.__)("Dimensions","mailpoet"),resetAll:()=>{i(["spacing"],o.spacing),E("styles_sidebar_screen_layout_dimensions_reset_all_selected")},children:[(0,m.jsx)(y.__experimentalToolsPanelItem,{isShownByDefault:!0,hasValue:()=>!(0,S.isEqual)(n.spacing.padding,o.spacing.padding),label:(0,_.__)("Padding","mailpoet"),onDeselect:()=>{i(["spacing","padding"],o.spacing.padding),E("styles_sidebar_screen_layout_dimensions_padding_reset_clicked")},className:"tools-panel-item-spacing",children:(0,m.jsx)(d.__experimentalSpacingSizesControl,{allowReset:!0,values:n.spacing.padding,onChange:e=>{i(["spacing","padding"],e),P("styles_sidebar_screen_layout_dimensions_padding_updated",{value:e})},label:(0,_.__)("Padding","mailpoet"),sides:["horizontal","vertical","top","left","right","bottom"],units:t})}),(0,m.jsx)(y.__experimentalToolsPanelItem,{isShownByDefault:!0,label:(0,_.__)("Block spacing","mailpoet"),hasValue:()=>n.spacing.blockGap!==o.spacing.blockGap,onDeselect:()=>{i(["spacing","blockGap"],o.spacing.blockGap),E("styles_sidebar_screen_layout_dimensions_block_spacing_reset_clicked")},className:"tools-panel-item-spacing",children:(0,m.jsx)(d.__experimentalSpacingSizesControl,{label:(0,_.__)("Block spacing","mailpoet"),min:0,onChange:e=>{i(["spacing","blockGap"],e.top),P("styles_sidebar_screen_layout_dimensions_block_spacing_updated",{value:e})},showSideInLabel:!1,sides:["top"],values:{top:n.spacing.blockGap},allowReset:!0})})]})}function ro(){return N("styles_sidebar_screen_layout_opened"),(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(Xn,{title:(0,_.__)("Layout","mailpoet")}),(0,m.jsx)(lo,{})]})}const co=(0,l.memo)((function(e){return(0,m.jsx)(Ye,{identifier:"email-editor/editor/styles",className:"mailpoet-email-editor__styles-panel",header:(0,_.__)("Styles","mailpoet"),closeLabel:(0,_.__)("Close styles sidebar","mailpoet"),icon:Ln,scope:I,smallScreenTitle:(0,_.__)("No title","mailpoet"),...e,children:(0,m.jsxs)(y.__experimentalNavigatorProvider,{initialPath:"/",children:[(0,m.jsx)(y.__experimentalNavigatorScreen,{path:"/",children:(0,m.jsx)($n,{})}),(0,m.jsx)(y.__experimentalNavigatorScreen,{path:"/typography",children:(0,m.jsx)(eo,{})}),(0,m.jsx)(y.__experimentalNavigatorScreen,{path:"/typography/text",children:(0,m.jsx)(ao,{element:"text"})}),(0,m.jsx)(y.__experimentalNavigatorScreen,{path:"/typography/link",children:(0,m.jsx)(ao,{element:"link"})}),(0,m.jsx)(y.__experimentalNavigatorScreen,{path:"/typography/heading",children:(0,m.jsx)(ao,{element:"heading"})}),(0,m.jsx)(y.__experimentalNavigatorScreen,{path:"/typography/button",children:(0,m.jsx)(ao,{element:"button"})}),(0,m.jsx)(y.__experimentalNavigatorScreen,{path:"/colors",children:(0,m.jsx)(so,{})}),(0,m.jsx)(y.__experimentalNavigatorScreen,{path:"/layout",children:(0,m.jsx)(ro,{})})]})})}));function po({contentRef:e}){const{onNavigateToEntityRecord:t,templateId:n}=(0,s.useSelect)((e=>{const{getEditorSettings:t,getCurrentTemplateId:n}=e(ne.store);return{onNavigateToEntityRecord:t().onNavigateToEntityRecord,templateId:n()}}),[]),[o,i]=(0,l.useState)(!1);return(0,l.useEffect)((()=>{const t=e=>{e.target.classList.contains("is-root-container")&&(i(!0),N("edit_template_blocks_notification_opened"))},n=e.current;return n?.addEventListener("dblclick",t),()=>{n?.removeEventListener("dblclick",t)}}),[e]),(0,m.jsx)(y.__experimentalConfirmDialog,{isOpen:o,confirmButtonText:(0,_.__)("Edit template","mailpoet"),onConfirm:()=>{i(!1),t({postId:n,postType:"wp_template"}),E("edit_template_blocks_notification_edit_template_button_clicked",{templateId:n})},onCancel:()=>{i(!1),E("edit_template_blocks_notification_cancel_button_clicked",{templateId:n})},size:"medium",children:(0,_.__)("The block you’ve selected is part of a template that might be used in other emails. Are you sure you want to edit the template?","mailpoet")})}const mo=500;function uo(e,t,n){return Math.min(Math.max(e,t),n)}function _o({isEnabled:e=!0}={}){const t=ct((0,s.useSelect)(d.store)),{getBlockName:n,getBlockOrder:o}=(0,s.useSelect)(d.store),{selectBlock:i}=(0,s.useDispatch)(d.store);return(0,p.useRefEffect)((a=>{if(!e)return null;const s=e=>{(e.target===a||e.target.classList.contains("is-root-container"))&&((e,s)=>{const l=t().flatMap((({clientId:e})=>{const t=n(e);if("core/template-part"===t)return[];if("core/post-content"===t){const t=o(e);if(t.length)return t}return[e]})).reduce(((t,n)=>{const o=a.querySelector(`[data-block="${n}"]`);if(!o)return t;const i=o.getBoundingClientRect(),l=function(e,t,n){const o=e-uo(e,Number(n.left),Number(n.right)),i=t-uo(t,Number(n.top),Number(n.bottom));return Math.sqrt(o*o+i*i)}(Number(e),Number(s),i);return l<t.distance&&l<mo?{clientId:n,distance:l}:t}),{clientId:null,distance:Number.POSITIVE_INFINITY}),r=l?.clientId||"";r&&i(r)})(e.clientX,e.clientY)};return a.addEventListener("click",s),()=>a.removeEventListener("click",s)}),[e])}const ho="wp_block",go=[ho,"wp_template","wp_navigation","wp_template_part"];function xo({styles:e,disableIframe:t=!1,iframeProps:n,contentRef:o,className:i}){var a;const{renderingMode:r,wrapperBlockName:c,wrapperUniqueId:u,deviceType:_,isFocusedEntity:h,layout:g}=(0,s.useSelect)((e=>{const{getCurrentPostId:t,getCurrentPostType:n,getEditorSettings:o,getRenderingMode:i,getDeviceType:a}=e(ne.store),s=n(),l=i();let r;s===ho?r="core/block":"post-only"===l&&(r="core/post-content");const c=o();return{renderingMode:l,isDesignPostType:go.includes(s),wrapperBlockName:r,wrapperUniqueId:t(),deviceType:a(),isFocusedEntity:!!c.onNavigateToPreviousEntityRecord,postType:s,isPreview:c.__unstableIsPreviewMode,layout:c.__experimentalFeatures.layout}}),[]),x=(0,d.__experimentalUseResizeCanvas)(_),y=g,f=(0,l.useRef)(),v=(0,d.__unstableUseTypewriter)(),b=(0,p.useMergeRefs)([f,o,"post-only"===r?v:null,_o({isEnabled:"template-locked"===r})]),w=!t||["Tablet","Mobile"].includes(_),j=[...null!==(a=e)&&void 0!==a?a:[],{css:`.is-root-container{display:flow-root; width:${"Desktop"===_?g.contentSize:"100%"}; margin: 0 auto;box-sizing: border-box;}`}];return(0,m.jsx)("div",{className:H()("editor-visual-editor","edit-post-visual-editor",i,{"has-padding":h,"is-iframed":w}),children:(0,m.jsx)(lt,{shouldIframe:w,contentRef:b,styles:j,height:"100%",iframeProps:{...n,style:{...n?.style,...x}},children:(0,m.jsxs)(d.RecursionProvider,{blockName:c,uniqueId:u,children:[(0,m.jsx)(d.BlockList,{className:H()(`is-${_.toLowerCase()}-preview`,"has-global-padding"),layout:y,dropZoneElement:t?f.current:f.current?.parentNode,__unstableDisableDropZone:"template-locked"===r}),"template-locked"===r&&(0,m.jsx)(po,{contentRef:f})]})})})}function yo(){const[e,t]=(0,l.useState)(!1),{emailContentIsEmpty:n,emailHasEdits:o}=(0,s.useSelect)((e=>({emailContentIsEmpty:e(I).hasEmptyContent(),emailHasEdits:e(I).hasEdits()})),[]);return!n||o||e?null:(0,m.jsx)(Lt,{onSelectCallback:()=>t(!0)})}function fo(){N("editor_layout_loaded");const{isFullscreenActive:e,isSidebarOpened:t,initialSettings:n,previewDeviceType:o,isInserterSidebarOpened:i,isListviewSidebarOpened:a,canUserEditMedia:r,hasFixedToolbar:c,focusMode:p,styles:u}=(0,s.useSelect)((e=>({isFullscreenActive:e(I).isFeatureActive("fullscreenMode"),isSidebarOpened:e(I).isSidebarOpened(),isInserterSidebarOpened:e(ne.store).isInserterOpened(),isListviewSidebarOpened:e(ne.store).isListViewOpened(),initialSettings:e(I).getInitialEditorSettings(),previewDeviceType:e(I).getDeviceType(),canUserEditMedia:e(oe.store).canUser("create","media"),hasFixedToolbar:e(I).isFeatureActive("fixedToolbar"),focusMode:e(I).isFeatureActive("focusMode"),styles:e(I).getStyles()})),[]),{setIsInserterOpened:_}=(0,s.useDispatch)(ne.store),[h]=mt(),g=H()("edit-post-layout",{"is-sidebar-opened":t}),x=(0,l.useRef)(null),y={background:"Desktop"===o?u.color.background:"transparent",fontFamily:u.typography.fontFamily,transition:"all 0.3s ease 0s"},f={...n,mediaUpload:r?ie.uploadMedia:null,hasFixedToolbar:c,focusMode:p};return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(Je,{isActive:e}),(0,m.jsx)(ne.UnsavedChangesWarning,{}),(0,m.jsx)(ut,{}),(0,m.jsx)(In,{}),(0,m.jsx)($t,{}),(0,m.jsx)(co,{}),(0,m.jsx)(yo,{}),(0,m.jsx)(tt,{className:g,header:(0,m.jsx)(En,{}),editorNotices:(0,m.jsx)(An,{}),content:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(An,{}),(0,m.jsx)(d.BlockSelectionClearer,{className:"edit-post-visual-editor",style:y,onClick:()=>{i&&_(!1)},children:(0,m.jsx)("div",{className:"visual-editor__email_content_wrapper",children:(0,m.jsx)(xo,{disableIframe:!1,styles:[...f.styles,...h],className:"has-global-padding",contentRef:x,iframeProps:{}})})})]}),sidebar:(0,m.jsx)(Ye.Slot,{scope:I}),secondarySidebar:i&&(0,m.jsx)(Pn,{})||a&&(0,m.jsx)(Nn,{})}),(0,m.jsx)(Wt,{})]})}function vo({postId:e,postType:t,settings:n,initialEdits:o,...i}){const{currentPost:a,onNavigateToEntityRecord:r,onNavigateToPreviousEntityRecord:c}=function(e,t,n){const[o,i]=(0,l.useReducer)(((e,{type:t,post:n,previousRenderingMode:o})=>"push"===t?[...e,{post:n,previousRenderingMode:o}]:"pop"===t&&e.length>1?e.slice(0,-1):e),[{post:{postId:e,postType:t}}]),{post:a,previousRenderingMode:r}=o[o.length-1],{getRenderingMode:c}=(0,s.useSelect)(ne.store),{setRenderingMode:d}=(0,s.useDispatch)(ne.store),p=(0,l.useCallback)((e=>{i({type:"push",post:{postId:e.postId,postType:e.postType},previousRenderingMode:c()}),d(n)}),[c,d,n]),m=(0,l.useCallback)((()=>{i({type:"pop"}),r&&d(r)}),[d,r]);return{currentPost:a,onNavigateToEntityRecord:p,onNavigateToPreviousEntityRecord:o.length>1?m:void 0}}(e,t,"post-only"),{post:d,template:p}=(0,s.useSelect)((e=>{const{getEntityRecord:t}=e(oe.store),{getEditedPostTemplate:n}=e(I),o=t("postType",a.postType,a.postId);return{template:"wp_template"!==a.postType?n():null,post:o}}),[a.postType,a.postId]),u=(0,s.useSelect)((e=>{const{hasFinishedResolution:t,getBlockPatternsForPostType:n}=(e=>{const{hasFinishedResolution:t,getBlockPatternsForPostType:n}=st(e(oe.store));return{hasFinishedResolution:t,getBlockPatternsForPostType:n}})(e),o=n(a.postType);return t("getBlockPatterns")?o:void 0}),[a.postType]),_=(0,l.useMemo)((()=>({...n,onNavigateToEntityRecord:r,onNavigateToPreviousEntityRecord:c,defaultRenderingMode:"template-locked",supportsTemplateMode:!0,__experimentalBlockPatterns:u})),[n,r,c,u]);return!d||"wp_template"!==a.postType&&!p?(0,m.jsx)("div",{className:"spinner-container",children:(0,m.jsx)(y.Spinner,{style:{width:"80px",height:"80px"}})}):(0,m.jsx)(y.SlotFillProvider,{children:(0,m.jsx)(ne.EditorProvider,{settings:_,post:d,initialEdits:o,useSubRegistry:!1,__unstableTemplate:p,...i,children:(0,m.jsxs)(ne.ErrorBoundary,{children:[(0,m.jsx)(fo,{}),(0,m.jsx)(ne.PostLockedModal,{})]})})})}const bo=window.wp.dataControls,wo=window.wp.apiFetch;var jo=n.n(wo);const So=window.wp.htmlEntities,ko=e=>({registry:t})=>t.dispatch(pe.store).toggle(I,e),Co=e=>({registry:t})=>{t.dispatch(ne.store).setDeviceType(e)};function To(e){return{type:"CHANGE_PREVIEW_STATE",state:{isModalOpened:e}}}function Eo(e,t={}){return{type:"CHANGE_PERSONALIZATION_TAGS_STATE",state:{isModalOpened:e,...t}}}function No(e){return{type:"CHANGE_PREVIEW_STATE",state:{toEmail:e}}}const Po=(e=M)=>({registry:t})=>t.dispatch(Ae).enableComplementaryArea(I,e),Io=()=>({registry:e})=>e.dispatch(Ae).disableComplementaryArea(I);function Mo(e){return{type:"TOGGLE_SETTINGS_SIDEBAR_ACTIVE_TAB",state:{activeTab:e}}}function*Bo(){const e=(0,s.select)(I).getEmailPostId(),t=yield(0,s.dispatch)(oe.store).saveEditedEntityRecord("postType",A,e,{throwOnError:!0});t.then((()=>{(0,s.dispatch)(en.store).createErrorNotice((0,_.__)("Email saved!","mailpoet"),{type:"snackbar",isDismissible:!0,context:"email-editor"})})),t.catch((()=>{(0,s.dispatch)(en.store).createErrorNotice((0,_.__)("The email could not be saved. Please, clear browser cache and reload the page. If the problem persists, duplicate the email and try again.","mailpoet"),{type:"default",isDismissible:!0,context:"email-editor"})}))}const Ao=e=>async({registry:t})=>{const n=t.select(I).getEmailPostId();t.dispatch(oe.store).editEntityRecord("postType",A,n,{template:e})};function*Lo(e){if(!(0,s.select)(I).getPreviewState().isSendingPreviewEmail){yield{type:"CHANGE_PREVIEW_STATE",state:{sendingPreviewStatus:null,isSendingPreviewEmail:!0}};try{const t=(0,s.select)(I).getEmailPostId();yield(0,bo.apiFetch)({path:"/mailpoet-email-editor/v1/send_preview_email",method:"POST",data:{email:e,postId:t}}),yield{type:"CHANGE_PREVIEW_STATE",state:{sendingPreviewStatus:rn.SUCCESS,isSendingPreviewEmail:!1}},E("sent_preview_email",{postId:t,email:e})}catch(t){E("sent_preview_email_error",{email:e}),yield{type:"CHANGE_PREVIEW_STATE",state:{sendingPreviewStatus:rn.ERROR,isSendingPreviewEmail:!1,errorMessage:JSON.stringify(t?.error)}}}}}function Ro(e){return async({registry:t})=>{try{const n=t.select(oe.store).getEntityConfig("postType",e.type),o=(0,ln.addQueryArgs)(`${n.baseURL}/${e.id}`,{context:"edit",source:"theme"}),i=await jo()({path:o}),a=({blocks:e=[]})=>(0,G.__unstableSerializeAndClean)(e),s=(0,G.parse)(i?.content?.raw);await t.dispatch(oe.store).editEntityRecord("postType",e.type,i.id,{content:a,blocks:s,source:"theme"}),await t.dispatch(oe.store).saveEditedEntityRecord("postType",e.type,e.id,{}),t.dispatch(en.store).createSuccessNotice((0,_.sprintf)(/* translators: The template/part's name. */ /* translators: The template/part's name. */
(0,_.__)('"%s" reset.',"mailpoet"),(0,So.decodeEntities)(e.title)),{type:"snackbar",id:"edit-site-template-reverted"})}catch(e){t.dispatch(en.store).createErrorNotice((0,_.__)("An error occurred while reverting the template.","mailpoet"),{type:"snackbar"})}}}function Fo(e){return{type:"SET_IS_FETCHING_PERSONALIZATION_TAGS",state:{isFetching:e}}}function zo(e){return{type:"SET_PERSONALIZATION_TAGS_LIST",state:{list:e}}}function Do(e,t){switch(t.type){case"CHANGE_PREVIEW_STATE":return{...e,preview:{...e.preview,...t.state}};case"CHANGE_PERSONALIZATION_TAGS_STATE":case"SET_IS_FETCHING_PERSONALIZATION_TAGS":case"SET_PERSONALIZATION_TAGS_LIST":return{...e,personalizationTags:{...e.personalizationTags,...t.state}};case"TOGGLE_SETTINGS_SIDEBAR_ACTIVE_TAB":return{...e,settingsSidebar:{...e.settingsSidebar,activeTab:t.state.activeTab}};case"SET_PERSONALIZATION_TAGS":return{...e,personalizationTags:{...e.personalizationTags,list:t.personalizationTags}};default:return e}}function Oo(e){return e?.content&&"function"==typeof e.content?e.content(e):e?.blocks?(0,G.serialize)(e.blocks):e?.content?e.content:""}const Vo=new WeakMap;function Ho(e){let t=Vo.get(e);return t||(t={...e,get blocks(){return(0,G.parse)(e.content)}},Vo.set(e,t)),t}const Go=(0,s.createRegistrySelector)((e=>(t,n)=>!!e(pe.store).get(I,n))),$o=(0,s.createRegistrySelector)((e=>()=>!!e(Ae).getActiveComplementaryArea(I))),Uo=(0,s.createRegistrySelector)((e=>()=>{const t=e(I).getEmailPostId();return!!e(oe.store).hasEditsForEntityRecord("postType",A,t)})),Wo=(0,s.createRegistrySelector)((e=>()=>{const t=e(I).getEmailPostId();return!!e(oe.store).getEntityRecord("postType",A,t)})),qo=(0,s.createRegistrySelector)((e=>()=>{const t=e(I).getEmailPostId();return!!e(oe.store).isSavingEntityRecord("postType",A,t)})),Zo=(0,s.createRegistrySelector)((e=>()=>{const t=e(I).getEmailPostId(),n=e(oe.store).getEntityRecord("postType",A,t);if(!n)return!0;const{content:o,title:i}=n;return!o.raw&&!i.raw})),Yo=(0,s.createRegistrySelector)((e=>()=>{const t=e(I).getEmailPostId(),n=e(oe.store).getEntityRecord("postType",A,t);if(!n)return!0;const{content:o}=n;return!o.raw})),Jo=(0,s.createRegistrySelector)((e=>()=>{const t=e(I).getEmailPostId(),n=e(oe.store).getEntityRecord("postType",A,t);return!!n&&"sent"===n.status})),Ko=(0,s.createRegistrySelector)((e=>()=>{const t=e(I).getEmailPostId(),n=e(oe.store).getEditedEntityRecord("postType",A,t);return n?Oo(n):""})),Xo=(0,s.createRegistrySelector)((e=>()=>e(oe.store).getEntityRecords("postType",A,{per_page:30,status:"publish,sent"})?.filter((e=>""!==e?.content?.raw))||[])),Qo=(0,s.createRegistrySelector)((e=>(0,s.createSelector)((()=>e(oe.store).getBlockPatterns().filter((({templateTypes:e})=>Array.isArray(e)&&e.includes("email-template"))).map(Ho)),(()=>[e(oe.store).getBlockPatterns()])))),ei=(0,s.createRegistrySelector)((e=>()=>{const t=e(ne.store).getEditedPostAttribute("template");if(t){const n=e(oe.store).getEntityRecords("postType","wp_template",{per_page:-1})?.find((e=>e.slug===t));return n?e(oe.store).getEditedEntityRecord("postType","wp_template",n.id):n}const n=e(oe.store).getDefaultTemplateId({slug:"email-general"});return e(oe.store).getEditedEntityRecord("postType","wp_template",n)})),ti=(0,s.createRegistrySelector)((e=>()=>{if("wp_template"===e(ne.store).getCurrentPostType()){const t=e(ne.store).getCurrentPostId();return e(oe.store).getEditedEntityRecord("postType","wp_template",t)}return ei()})),ni=()=>{const e=ti();return e?Oo(e):""},oi=(0,s.createRegistrySelector)((e=>()=>{const t=e(I).getGlobalStylesPostId();return t?e(oe.store).getEditedEntityRecord("postType","wp_global_styles",t):ei()})),ii=(0,s.createRegistrySelector)((e=>()=>e(oe.store).getEntityRecords("postType","wp_template",{per_page:-1,post_type:A})?.filter((e=>e.post_types.includes(A)))));function ai(e){return e.postId}function si(e){return e.settingsSidebar.activeTab}function li(e){return e.editorSettings}function ri(e){return e.editorSettings.__experimentalFeatures.color.palette}function ci(e){return e.preview}function di(e){return e.personalizationTags}function pi(e){return e.personalizationTags.list}const mi=(0,s.createRegistrySelector)((e=>()=>e(ne.store).getDeviceType()));function ui(e){return e.theme.styles}function _i(e){return e.autosaveInterval}function hi(e){return e.theme}function gi(e){return e.styles.globalStylesPostId}function xi(e){return e.urls}function*yi(){const e=yield(0,s.select)(I),t=e.personalizationTags?.isFetching;if(!t){yield Fo(!0);try{const e=yield(0,bo.apiFetch)({path:"/mailpoet-email-editor/v1/get_personalization_tags",method:"GET"});yield zo(e.result)}finally{yield Fo(!1)}}}const fi=window.wp.keyboardShortcuts;function vi(){const{undo:e,redo:t}=(0,s.useDispatch)(oe.store),{isSidebarOpened:n,hasEdits:o,isSaving:i}=(0,s.useSelect)((e=>({isSidebarOpened:e(I).isSidebarOpened(),isSaving:e(I).isSaving(),hasEdits:e(I).hasEdits()}))),{openSidebar:a,closeSidebar:r,saveEditedEmail:c,toggleFeature:d}=(0,s.useDispatch)(I),{registerShortcut:p}=(0,s.useDispatch)(fi.store);return(0,l.useEffect)((()=>{p({name:"mailpoet/email-editor/toggle-fullscreen",category:"global",description:(0,_.__)("Toggle fullscreen mode.","mailpoet"),keyCombination:{modifier:"secondary",character:"f"}}),p({name:"mailpoet/email-editor/toggle-sidebar",category:"global",description:(0,_.__)("Show or hide the settings sidebar.","mailpoet"),keyCombination:{modifier:"primaryShift",character:","}}),p({name:"mailpoet/email-editor/save",category:"global",description:(0,_.__)("Save your changes.","mailpoet"),keyCombination:{modifier:"primary",character:"s"}}),p({name:"mailpoet/email-editor/undo",category:"block",description:(0,_.__)("Undo your last changes.","mailpoet"),keyCombination:{modifier:"primary",character:"z"}}),p({name:"mailpoet/email-editor/redo",category:"block",description:(0,_.__)("Redo your last undo.","mailpoet"),keyCombination:{modifier:"primaryShift",character:"z"}})}),[p]),(0,fi.useShortcut)("mailpoet/email-editor/toggle-fullscreen",(()=>{E("keyboard_shortcuts_toggle_fullscreen"),d("fullscreenMode")})),(0,fi.useShortcut)("mailpoet/email-editor/toggle-sidebar",(e=>{E("keyboard_shortcuts_toggle_sidebar"),e.preventDefault(),n?r():a()})),(0,fi.useShortcut)("mailpoet/email-editor/save",(e=>{E("keyboard_shortcuts_save"),e.preventDefault(),o&&!i&&c()})),(0,fi.useShortcut)("mailpoet/email-editor/undo",(t=>{e(),t.preventDefault()})),(0,fi.useShortcut)("mailpoet/email-editor/redo",(e=>{t(),e.preventDefault()})),null}const bi=e=>{(0,r.doAction)("mailpoet_email_editor_events",e.detail)};window.addEventListener("unload",(function(){k&&T.removeEventListener(C,bi)}));const wi=(0,r.applyFilters)("mailpoet_email_editor_wrap_editor_component",(function(){const{postId:e,settings:t}=(0,s.useSelect)((e=>({postId:e(I).getEmailPostId(),settings:e(I).getInitialEditorSettings()})),[]);return(0,m.jsxs)(l.StrictMode,{children:[(0,m.jsx)(vi,{}),(0,m.jsx)(vo,{initialEdits:[],postId:e,postType:A,settings:t})]})}));function ji(e){const t=document.getElementById(e);t&&(k&&T.addEventListener(C,bi),(()=>{const e=(0,s.createReduxStore)(I,{actions:o,controls:bo.controls,selectors:i,resolvers:a,reducer:Do,initialState:{inserterSidebar:{isOpened:!1},listviewSidebar:{isOpened:!1},settingsSidebar:{activeTab:M},postId:L,editorSettings:window.MailPoetEmailEditor.editor_settings,theme:window.MailPoetEmailEditor.editor_theme,styles:{globalStylesPostId:window.MailPoetEmailEditor.user_theme_post_id},autosaveInterval:60,urls:window.MailPoetEmailEditor.urls,preview:{deviceType:"Desktop",toEmail:window.MailPoetEmailEditor.current_wp_user_email,isModalOpened:!1,isSendingPreviewEmail:!1,sendingPreviewStatus:null},personalizationTags:{list:[],isFetching:!1}}});(0,s.register)(e)})(),(0,r.addFilter)("blocks.registerBlockType","mailpoet-email-editor/layout/addAttribute",X),(0,r.addFilter)("editor.BlockListBlock","mailpoet-email-editor/with-layout-styles",te),(0,r.addFilter)("editor.BlockEdit","mailpoet-email-editor/with-inspector-controls",Q),(0,r.addFilter)("editor.BlockEdit","mailpoet-email-editor/deactivate-stack-on-mobile",u),(0,r.addFilter)("editor.BlockEdit","mailpoet-email-editor/hide-expand-on-click",g),(0,r.addFilter)("blocks.registerBlockType","mailpoet-email-editor/deactivate-image-filter",((e,t)=>"core/image"===t?{...e,supports:{...e.supports,filter:{duetone:!1}}}:e)),(0,x.unregisterFormatType)("core/image"),(0,x.unregisterFormatType)("core/code"),(0,x.unregisterFormatType)("core/language"),(0,r.addFilter)("blocks.registerBlockType","mailpoet-email-editor/disable-columns-layout",((e,t)=>"core/columns"===t||"core/column"===t?{...e,supports:{...e.supports,layout:!1}}:e)),(0,r.addFilter)("blocks.registerBlockType","mailpoet-email-editor/disable-group-variations",((e,t)=>"core/group"===t?{...e,variations:e.variations.filter((e=>"group"===e.name)),supports:{...e.supports,layout:!1}}:e)),(0,r.addFilter)("blocks.registerBlockType","mailpoet-email-editor/change-button",((e,t)=>"core/button"===t?{...e,styles:[]}:e)),(0,r.addFilter)("blocks.registerBlockType","mailpoet-email-editor/change-buttons",((e,t)=>"core/buttons"===t?{...e,supports:{...e.supports,layout:!1,__experimentalEmailFlexLayout:!0}}:e)),(0,r.addFilter)("blocks.registerBlockType","mailpoet-email-editor/change-column",((e,t)=>"core/column"===t?{...e,supports:{...e.supports,background:{backgroundImage:!0}}}:e)),(0,r.addFilter)("blocks.registerBlockType","mailpoet-email-editor/change-columns",((e,t)=>"core/columns"===t?{...e,supports:{...e.supports,background:{backgroundImage:!0}}}:e)),(0,r.addFilter)("blocks.registerBlockType","mailpoet-email-editor/change-post-content",((e,t)=>{return"core/post-content"===t?{...e,edit:(n=e.edit,function({context:e,__unstableLayoutClassNames:t}){const{postId:o,postType:i}=e;return o&&i?(0,m.jsx)(n,{context:e,__unstableLayoutClassNames:t}):(0,m.jsx)(h,{layoutClassNames:t})})}:e;var n})),(0,x.registerFormatType)("mailpoet-email-editor/shortcode",{name:"mailpoet-email-editor/shortcode",title:(0,_.__)("Personalization Tags","mailpoet"),className:"mailpoet-email-editor-personalization-tags",tagName:"span",attributes:{},edit:D}),(0,x.registerFormatType)("mailpoet-email-editor/link-shortcode",{name:"mailpoet-email-editor/link-shortcode",title:(0,_.__)("Personalization Tags Link","mailpoet"),className:"mailpoet-email-editor__personalization-tags-link",tagName:"a",attributes:{"data-link-href":"data-link-href",contenteditable:"contenteditable",style:"style"},edit:null}),(0,r.addFilter)("editor.BlockEdit","mailpoet-email-editor/with-live-content-update",O),(0,r.addFilter)("blocks.registerBlockType","mailpoet-email-editor/block-support",(e=>e.supports?.shadow?{...e,supports:{...e.supports,shadow:!1}}:e)),(0,c.registerCoreBlocks)(),(0,r.addFilter)("editor.MediaUpload","mailpoet/email-editor/replace-media-upload",(()=>ie.MediaUpload)),(0,l.createRoot)(t).render((0,m.jsx)(wi,{})))}window.addEventListener("DOMContentLoaded",(()=>{ji("mailpoet-email-editor")}))})()})();

🔐 Sid Gifari File Manager Pro