diff --git a/assets/css/src/components-plugin/_newsletter-types.scss b/assets/css/src/components-plugin/_newsletter-types.scss index 071255dd32..8cd4218f83 100644 --- a/assets/css/src/components-plugin/_newsletter-types.scss +++ b/assets/css/src/components-plugin/_newsletter-types.scss @@ -85,6 +85,10 @@ } } +[data-type='re_engagement'] .mailpoet-newsletter-type-image { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 178.78 177.29'%3E%3Cpath fill='%23fb8959' d='M147 35.1a.15.15 0 00-.05-.28l-2.28-.5a4.12 4.12 0 00-.68-1 4.34 4.34 0 00-.72-.62c-.1-.08-.2-.14-.29-.2l-.11-.07a4.3 4.3 0 00-.57-.28 3.82 3.82 0 00-2-.16c1.76-6.91-1.65-14.3-1.65-14.3L130 33l-14.63-11.19a21 21 0 00-.57 7v.38a14.93 14.93 0 003.95 8.81s.22.22.59.56a16 16 0 001.58 1.28 13.83 13.83 0 002.56 1.55c-1.16.86-2 1.55-2.51 1.92l-1.56 1.17-3 2.3-4.37 3.3s2.22.4 3.28-.51c0 0-1.36 1.45-1 2.86l4.17-3.37 4.55-3.67a20.58 20.58 0 002.85 1.67q.39.2.78.36h.1c.51.21 1 .39 1.49.54h.09a13.41 13.41 0 001.43.34h.08a9.48 9.48 0 001.36.16h.08a10.9 10.9 0 001.28 0h.08a9.77 9.77 0 001.21-.16h.07c.39-.08.77-.17 1.14-.28h.07a11.07 11.07 0 001.06-.4h.07q.53-.22 1-.48h.07l.47-.27.43-.28h.07l.43-.3.39-.3.06-.05c.14-.1.27-.21.4-.32l.35-.32.37-.34c.12-.1.22-.21.33-.32l.33-.35.29-.33.3-.35.43-.61.27-.34c.57-.74 1-1.4 1.34-1.9a8.91 8.91 0 001.39-3.58 2.47 2.47 0 00.07-.61 1.09 1.09 0 000-.18z'/%3E%3Cpath fill='%23a73e27' d='M76.9 67.52l23.39-41.74s22.9 49.52-21.93 65.53z'/%3E%3Cpath fill='%23fb8959' d='M86.34 74.31l-49-37.48S25.82 76.07 61.74 90.9z'/%3E%3Cpath fill='%23f86937' d='M84 73.17s-21.38 11.94-37.62 7.58c0 0 7.81 7.81 15.36 10.15z'/%3E%3Cpath fill='%23fb8959' d='M51.39 95.92s45.69-36.64 58.83-31c9.41 4 9.37 14.38 3.64 23.23s-26.35 38.28-62.47 7.77z'/%3E%3Cpath fill='%23fb8959' d='M55.52 92.76L28 113.55s6 1.09 8.88-1.4c0 0-3.68 3.95-2.66 7.77l26.83-21.69z'/%3E%3Cpath fill='%23a73e27' d='M115.62 70.48l7.19 1.6a.42.42 0 01.15.76l-5.57 3.78a5.27 5.27 0 00-1.77-6.14z'/%3E%3Cpath fill='%237e9ffc' d='M117.7 78.41s-10.67 10-18.61 5.21c-3.67-2.23-4.47-10.94 2.09-10.81 8.17.17 9-7.87 9-7.87s9.22 3.45 7.52 13.47z'/%3E%3Ccircle fill='%230a0851' cx='111.39' cy='72.88' r='1.46'/%3E%3Cpath fill='%23f86937' d='M57.78 100.81s-6-4.2-6.39-4.89l-3.32 2.47z'/%3E%3Cpath fill='%23f5a278' opacity='.55' d='M114.54 134.69l-2.43-1.4a1.73 1.73 0 000-.68 3 3 0 00-1.61-1.67 13.58 13.58 0 00-4.09-1.21 26.84 26.84 0 00-4.4-.23c4-3.54 7.92-7.83 0-10.86-5.93 2.78-13.18 5.3-16.88 8.58l-3.35 2.26-1.34.91-30.95-9s-8.56 11 17.13 15.62c-2.5.7-4.4 1.26-5.4 1.55l-19 5.43s4.69.32 6.92-.41c0 0-2.87 1.17-2.07 2.29l18.38-5.62c25 6.5 39.47-1.28 43.66-3.73a10.79 10.79 0 001.78-1.28z'/%3E%3Cpath fill='%23a73e27' d='M35.76 55.86s6.46 6 14.46 5.21c0 0-7.75 1.91-14.17-3.09zM37.16 63.77s7.24 5.67 15.37 3.14a17 17 0 01-14.68-1z'/%3E%3Cpath fill='%23f86937' d='M94.88 95.61c-4.4 8.61-22.37 9.68-29.33 9.77 24.07 11.66 39.33-4.57 46-13.85-1.29-4.35-11.76-5.53-16.67 4.08z'/%3E%3Cpath fill='%23a73e27' d='M45.51 110.79l-11.29 9.13c-1-3.82 2.66-7.77 2.66-7.77-2.86 2.49-8.88 1.4-8.88 1.4l11.83-8.94s-1.08 5.94 5.68 6.18z'/%3E%3Cpath fill='%230a0851' d='M117.89 76.75S107 87 99.09 82.14a6.8 6.8 0 01-2.76-5.07c-.26 2.51.86 5.39 2.76 6.55 7.94 4.81 18.61-5.21 18.61-5.21a7.87 7.87 0 00.19-1.66z'/%3E%3Cpath fill='%23fb8959' d='M73 34.31c.25-.08.49-.17.73-.27.24-.11.47-.22.69-.34l.33-.19.3-.19.3-.21.27-.21.28-.22.24-.22.2-.19c5.15 3.35 12.35.38 12.35.38l-9.08-5.59v-.15a2.19 2.19 0 000-.43v-.13l1.32-.9a.11.11 0 000-.19l-1.6-.36A3.14 3.14 0 0078 23.28c-1.3-.56-3.84.5-6.48 2a2.46 2.46 0 00-3.08.88l-1.29 1.94C64.76 29.76 63 31.2 63 31.2h.05l-6.55 1.16a3.29 3.29 0 002.19.73s-1.3.46-1.52 1.45l6.59-1.37-2.65 4s6.66 2.16 11.15-2.66l.68-.17zm6.92-8.44a3.82 3.82 0 00-.12-.66 1.43 1.43 0 01.12.66z'/%3E%3C/svg%3E%0A"); +} + [data-type='notification'] .mailpoet-newsletter-type-image { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='700' height='700'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h700v700H0z'/%3E%3C/defs%3E%3CclipPath id='b'%3E%3Cuse xlink:href='%23a' overflow='visible'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23b)'%3E%3Cdefs%3E%3Cpath id='c' d='M0 0h700v700H0z'/%3E%3C/defs%3E%3CclipPath id='d'%3E%3Cuse xlink:href='%23c' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23d)' fill='%23FFA383' d='M271.378 294.631l-133.817-50.267s46.958 130.565 125.984 130.565l7.833-80.298z'/%3E%3Cpath clip-path='url(%23d)' fill='%231C174D' d='M460.268 175.056l-26.435-2.685c-2.298-.233-3.545 2.619-1.812 4.147l25.894 22.857 2.353-24.319z'/%3E%3Cpath clip-path='url(%23d)' fill='%23A73E27' d='M535.448 269.739s27.034-12.616 21.928 17.722c-5.106 30.339-72.553 106.818-126.322 117.932-53.767 11.114 104.394-135.654 104.394-135.654'/%3E%3Cpath clip-path='url(%23d)' fill='%23F05822' d='M421.576 235.909s28.928-18.382 36.144-53.946c7.552-37.222 69.841-38.153 89.009-15.104 18.617 22.383 51.788 108.72-90.089 206.362l-35.064-137.312z'/%3E%3Cpath clip-path='url(%23d)' fill='%23FFA383' d='M457.72 181.963s59.524-37.128 79.964 14.578c14.192 35.904-33.57 73.893-80.503 76.051l-26.379-47.986s23.681-15.13 26.918-42.643'/%3E%3Cpath clip-path='url(%23d)' fill='%23A73E27' d='M303.686 416.392c136.487-36.253 235.361-90.694 192.757-157.397-42.266-66.173-192.714 39.622-192.714 39.622'/%3E%3Cpath clip-path='url(%23d)' fill='%23F05822' d='M65.857 319.55s17.192 36.658 59.018 36.658c0 0-12.408 38.842 73.906 35.064 0 0-9.502 46.783 121.586 13.337 131.088-33.447 209.1-86.703 168.64-151.437-40.459-64.735-187.729 36.682-187.729 36.682s-48.445 31.88-235.421 29.696'/%3E%3Cg opacity='.18' clip-path='url(%23d)'%3E%3Cdefs%3E%3Cpath id='e' d='M228.117 296.065h112.054v120.351H228.117z'/%3E%3C/defs%3E%3CclipPath id='f'%3E%3Cuse xlink:href='%23e' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23f)' fill='%231C174D' d='M257.158 305.075c-.299 14.239.085 27.575.632 37.967.88 16.714-15.107 41.617-27.106 57.813-3.664 4.945-3.19 11 .054 15.378l17.597.183 91.836-120.351-66.256 4.613-16.757 4.397z'/%3E%3C/g%3E%3Cg opacity='.18' clip-path='url(%23d)'%3E%3Cdefs%3E%3Cpath id='g' d='M188.558 534.092h360.2v41.582h-360.2z'/%3E%3C/defs%3E%3CclipPath id='h'%3E%3Cuse xlink:href='%23g' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23h)' fill='%231C174D' d='M548.758 554.884c0 11.481-80.634 20.791-180.101 20.791-99.465 0-180.1-9.31-180.1-20.791 0-11.483 80.634-20.792 180.1-20.792 99.467 0 180.101 9.308 180.101 20.792'/%3E%3C/g%3E%3Cpath clip-path='url(%23d)' fill='%231C174D' d='M511.604 191.564a8.411 8.411 0 1 1-16.82 0 8.411 8.411 0 0 1 16.82 0'/%3E%3C/g%3E%3Cg clip-path='url(%23b)'%3E%3Cdefs%3E%3Cpath id='i' d='M109.723 326.57c-4.27.042-6.638 5.004-3.944 8.318 6.713 8.258 20.983 19.213 48.024 15.178l-1.534-23.913-42.546.417z'/%3E%3C/defs%3E%3CclipPath id='k'%3E%3Cuse xlink:href='%23i' overflow='visible'/%3E%3C/clipPath%3E%3Cdefs%3E%3Cfilter id='j' filterUnits='userSpaceOnUse' x='103.085' y='326.153' width='50.718' height='27.949'%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3C/defs%3E%3Cmask maskUnits='userSpaceOnUse' x='103.085' y='326.153' width='50.718' height='27.949' id='m'%3E%3Cg filter='url(%23j)'%3E%3ClinearGradient id='l' gradientUnits='userSpaceOnUse' x1='0' y1='699.968' x2='1' y2='699.968' gradientTransform='matrix(49.1668 0 0 -49.1668 104.625 34755.258)'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.041' stop-color='%23fff'/%3E%3Cstop offset='.999'/%3E%3Cstop offset='1'/%3E%3C/linearGradient%3E%3Cpath clip-path='url(%23k)' fill='url(%23l)' d='M103.085 326.153h50.718v27.949h-50.718z'/%3E%3C/g%3E%3C/mask%3E%3ClinearGradient id='n' gradientUnits='userSpaceOnUse' x1='0' y1='699.968' x2='1' y2='699.968' gradientTransform='matrix(49.1668 0 0 -49.1668 104.625 34755.258)'%3E%3Cstop offset='0' stop-color='%23fcc38a'/%3E%3Cstop offset='.041' stop-color='%23fcc38a'/%3E%3Cstop offset='.999' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3Cpath clip-path='url(%23k)' mask='url(%23m)' fill='url(%23n)' d='M103.085 326.153h50.718v27.949h-50.718z'/%3E%3C/g%3E%3Cg clip-path='url(%23b)'%3E%3Cdefs%3E%3Cpath id='o' d='M143.929 368.585c16.347 18.449 64.689 1.167 64.689 1.167l-21.251-21.953s-59.786 2.336-43.438 20.786'/%3E%3C/defs%3E%3CclipPath id='q'%3E%3Cuse xlink:href='%23o' overflow='visible'/%3E%3C/clipPath%3E%3Cdefs%3E%3Cfilter id='p' filterUnits='userSpaceOnUse' x='127.581' y='347.799' width='81.037' height='39.235'%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3C/defs%3E%3Cmask maskUnits='userSpaceOnUse' x='127.581' y='347.799' width='81.037' height='39.235' id='s'%3E%3Cg filter='url(%23p)'%3E%3ClinearGradient id='r' gradientUnits='userSpaceOnUse' x1='0' y1='699.928' x2='1' y2='699.928' gradientTransform='matrix(67.5211 0 0 -67.5211 114.5 47627.2)'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.041' stop-color='%23fff'/%3E%3Cstop offset='.999'/%3E%3Cstop offset='1'/%3E%3C/linearGradient%3E%3Cpath clip-path='url(%23q)' fill='url(%23r)' d='M127.581 347.799h81.037v39.235h-81.037z'/%3E%3C/g%3E%3C/mask%3E%3ClinearGradient id='t' gradientUnits='userSpaceOnUse' x1='0' y1='699.928' x2='1' y2='699.928' gradientTransform='matrix(67.5211 0 0 -67.5211 114.5 47627.2)'%3E%3Cstop offset='0' stop-color='%23fcc38a'/%3E%3Cstop offset='.041' stop-color='%23fcc38a'/%3E%3Cstop offset='.999' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3Cpath clip-path='url(%23q)' mask='url(%23s)' fill='url(%23t)' d='M127.581 347.799h81.037v39.235h-81.037z'/%3E%3C/g%3E%3Cg clip-path='url(%23b)'%3E%3Cdefs%3E%3Cpath id='u' d='M0 0h700v700H0z'/%3E%3C/defs%3E%3CclipPath id='v'%3E%3Cuse xlink:href='%23u' overflow='visible'/%3E%3C/clipPath%3E%3Cg opacity='.36' clip-path='url(%23v)'%3E%3Cdefs%3E%3Cpath id='w' d='M193.131 358.397h67.917v31.145h-67.917z'/%3E%3C/defs%3E%3CclipPath id='x'%3E%3Cuse xlink:href='%23w' overflow='visible'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23x)'%3E%3Cdefs%3E%3Cpath id='y' d='M237.845 358.397s-59.309 7.891-41.315 24.737c17.995 16.849 64.518-4.859 64.518-4.859'/%3E%3C/defs%3E%3CclipPath id='A'%3E%3Cuse xlink:href='%23y' overflow='visible'/%3E%3C/clipPath%3E%3Cdefs%3E%3Cfilter id='z' filterUnits='userSpaceOnUse' x='174.681' y='350.748' width='90.222' height='56.884'%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3C/defs%3E%3Cmask maskUnits='userSpaceOnUse' x='174.681' y='350.748' width='90.222' height='56.884' id='C'%3E%3Cg filter='url(%23z)'%3E%3ClinearGradient id='B' gradientUnits='userSpaceOnUse' x1='0' y1='699.936' x2='1' y2='699.936' gradientTransform='scale(67.5211 -67.5211) rotate(5.342 7563.514 373.635)'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.041' stop-color='%23fff'/%3E%3Cstop offset='.999'/%3E%3Cstop offset='1'/%3E%3C/linearGradient%3E%3Cpath clip-path='url(%23A)' fill='url(%23B)' d='M174.681 358.758l85.652-8.01 4.57 48.875-85.652 8.009z'/%3E%3C/g%3E%3C/mask%3E%3ClinearGradient id='D' gradientUnits='userSpaceOnUse' x1='0' y1='699.935' x2='1' y2='699.935' gradientTransform='scale(67.5211 -67.5211) rotate(5.342 7563.514 373.635)'%3E%3Cstop offset='0' stop-color='%23fcc38a'/%3E%3Cstop offset='.041' stop-color='%23fcc38a'/%3E%3Cstop offset='.999' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3Cpath clip-path='url(%23A)' mask='url(%23C)' fill='url(%23D)' d='M174.681 358.758l85.652-8.01 4.57 48.874-85.652 8.01z'/%3E%3C/g%3E%3C/g%3E%3Cg opacity='.6' clip-path='url(%23v)'%3E%3Cdefs%3E%3Cpath id='E' d='M175.689 326.551h67.917v31.146h-67.917z'/%3E%3C/defs%3E%3CclipPath id='F'%3E%3Cuse xlink:href='%23E' overflow='visible'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23F)'%3E%3Cdefs%3E%3Cpath id='G' d='M220.403 326.551s-59.308 7.891-41.314 24.739c17.994 16.847 64.517-4.861 64.517-4.861'/%3E%3C/defs%3E%3CclipPath id='I'%3E%3Cuse xlink:href='%23G' overflow='visible'/%3E%3C/clipPath%3E%3Cdefs%3E%3Cfilter id='H' filterUnits='userSpaceOnUse' x='157.24' y='318.902' width='90.221' height='56.884'%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3C/defs%3E%3Cmask maskUnits='userSpaceOnUse' x='157.24' y='318.902' width='90.221' height='56.884' id='K'%3E%3Cg filter='url(%23H)'%3E%3ClinearGradient id='J' gradientUnits='userSpaceOnUse' x1='0' y1='699.936' x2='1' y2='699.936' gradientTransform='scale(67.5211 -67.5211) rotate(5.342 7558.335 371.103)'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.041' stop-color='%23fff'/%3E%3Cstop offset='.999'/%3E%3Cstop offset='1'/%3E%3C/linearGradient%3E%3Cpath clip-path='url(%23I)' fill='url(%23J)' d='M157.24 326.912l85.651-8.01 4.57 48.874-85.651 8.01z'/%3E%3C/g%3E%3C/mask%3E%3ClinearGradient id='L' gradientUnits='userSpaceOnUse' x1='0' y1='699.936' x2='1' y2='699.936' gradientTransform='scale(67.5211 -67.5211) rotate(5.342 7558.336 371.103)'%3E%3Cstop offset='0' stop-color='%23fcc38a'/%3E%3Cstop offset='.041' stop-color='%23fcc38a'/%3E%3Cstop offset='.999' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3Cpath clip-path='url(%23I)' mask='url(%23K)' fill='url(%23L)' d='M157.24 326.912l85.651-8.01 4.57 48.874-85.651 8.01z'/%3E%3C/g%3E%3C/g%3E%3Cpath clip-path='url(%23v)' fill='%233D60F2' d='M406.515 427.448c0 21.945-17.79 39.734-39.734 39.734-21.945 0-39.735-17.789-39.735-39.734 0-21.944 17.79-39.734 39.735-39.734 21.944 0 39.734 17.79 39.734 39.734'/%3E%3Cpath clip-path='url(%23v)' fill='%231C174D' d='M483.459 421.8c9.789-1.866 13.954-13.621 7.562-21.268-13.545-16.202-31.86-40.887-33.379-57.491-3.107-33.99 1.671-99.845-18.187-125.24-.25-.319-.483-.646-.7-.988-15.825-25.047-43.754-35.242-75.572-35.242-33.396 0-62.505 11.883-77.835 39.024-17.985 27.139-17.895 89.549-16.163 122.446.879 16.715-15.107 41.618-27.106 57.814-5.74 7.748-1.47 18.853 7.993 20.698 40.193 7.837 80.428 9.861 116.101 9.104 36.487.749 77.238-1.224 117.286-8.857'/%3E%3Cpath clip-path='url(%23v)' fill='%231C174D' d='M326.751 430.747l79.764-3.298s-.019 11.89-4.583 17.26l-75.181-13.962zM365.17 194.3c-12.411 0-22.508-10.932-22.508-24.37s10.097-24.37 22.508-24.37c12.409 0 22.506 10.932 22.506 24.37s-10.097 24.37-22.506 24.37m0-36.528c-5.677 0-10.294 5.454-10.294 12.158s4.617 12.158 10.294 12.158c5.675 0 10.293-5.454 10.293-12.158s-4.618-12.158-10.293-12.158'/%3E%3Cpath clip-path='url(%23v)' fill='%233D60F2' d='M479.317 423.104c-54.685 12.081-186.427 9.827-229.245-1.551-9.318-2.476-13.734-12.95-7.993-20.698 11.999-16.196 27.985-41.1 27.105-57.814-1.731-32.897-1.821-95.307 16.163-122.446 15.33-27.141 55.361-37.751 77.749-7.303 27.768 37.765-35.113 67.38 116.221 209.812M365.994 184.286c5.675 0 10.293-5.454 10.293-12.158 0-2.172-.491-4.208-1.34-5.975a14.09 14.09 0 0 1 .516 3.777c0 6.704-4.618 12.158-10.293 12.158-3.838 0-7.186-2.497-8.955-6.183 1.347 4.859 5.219 8.381 9.779 8.381'/%3E%3Cpath clip-path='url(%23v)' fill='%233D60F2' d='M343.486 172.127c0-13.438 10.097-24.37 22.508-24.37 9.037 0 16.843 5.801 20.421 14.143-3.074-9.504-11.434-16.341-21.245-16.341-12.412 0-22.508 10.932-22.508 24.37 0 3.652.751 7.115 2.086 10.228a26.052 26.052 0 0 1-1.262-8.03'/%3E%3C/g%3E%3Cg clip-path='url(%23b)'%3E%3Cdefs%3E%3Cpath id='M' d='M298.298 216.612c-17.985 27.138-17.895 89.548-16.163 122.445.88 16.714-15.107 41.618-27.106 57.814-5.74 7.747-1.325 18.221 7.994 20.698 10.068 2.675 25.057 4.846 42.801 6.444-11.062-1.352-20.479-2.97-27.497-4.834-9.318-2.477-13.733-12.951-7.993-20.697 11.999-16.196 27.985-41.101 27.105-57.814-1.731-32.897-1.821-95.307 16.163-122.446 8.245-14.598 23.637-24.408 39.585-25.626a41.554 41.554 0 0 0-11.97-1.738c-17.106-.001-34.1 10.138-42.919 25.754'/%3E%3C/defs%3E%3CclipPath id='O'%3E%3Cuse xlink:href='%23M' overflow='visible'/%3E%3C/clipPath%3E%3Cdefs%3E%3Cfilter id='N' filterUnits='userSpaceOnUse' x='249.289' y='190.857' width='103.898' height='233.157'%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3C/defs%3E%3Cmask maskUnits='userSpaceOnUse' x='249.289' y='190.857' width='103.898' height='233.157' id='Q'%3E%3Cg filter='url(%23N)'%3E%3ClinearGradient id='P' gradientUnits='userSpaceOnUse' x1='0' y1='700' x2='1' y2='700' gradientTransform='matrix(100.7252 0 0 -100.7252 252.438 70815.094)'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.041' stop-color='%23fff'/%3E%3Cstop offset='.405' stop-color='%23434343'/%3E%3Cstop offset='.999'/%3E%3Cstop offset='1'/%3E%3C/linearGradient%3E%3Cpath clip-path='url(%23O)' fill='url(%23P)' d='M249.289 190.857h103.898v233.157H249.289z'/%3E%3C/g%3E%3C/mask%3E%3ClinearGradient id='R' gradientUnits='userSpaceOnUse' x1='0' y1='700' x2='1' y2='700' gradientTransform='matrix(100.7252 0 0 -100.7252 252.438 70815.094)'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.041' stop-color='%23fff'/%3E%3Cstop offset='.405' stop-color='%23feefdf'/%3E%3Cstop offset='.999' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3Cpath clip-path='url(%23O)' mask='url(%23Q)' fill='url(%23R)' d='M249.289 190.857h103.898v233.157H249.289z'/%3E%3C/g%3E%3Cg clip-path='url(%23b)'%3E%3Cdefs%3E%3Cpath id='S' d='M0 0h700v700H0z'/%3E%3C/defs%3E%3CclipPath id='T'%3E%3Cuse xlink:href='%23S' overflow='visible'/%3E%3C/clipPath%3E%3Cg opacity='.31' clip-path='url(%23T)'%3E%3Cdefs%3E%3Cpath id='U' d='M-46.118-86.558h779.385v779.385H-46.118z'/%3E%3C/defs%3E%3C/g%3E%3Cg opacity='.31' clip-path='url(%23T)'%3E%3Cdefs%3E%3Cpath id='V' d='M-793.355-104.513H12.847V701.69h-806.202z'/%3E%3C/defs%3E%3C/g%3E%3Cg opacity='.31' clip-path='url(%23T)'%3E%3Cdefs%3E%3Cpath id='W' d='M599.668-66.718h848.062v848.062H599.668z'/%3E%3C/defs%3E%3CclipPath id='X'%3E%3Cuse xlink:href='%23W' overflow='visible'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23X)'%3E%3Cdefs%3E%3Cpath id='Y' d='M599.667-66.718h848.062v848.062H599.667z'/%3E%3C/defs%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } diff --git a/assets/js/src/newsletters/types.tsx b/assets/js/src/newsletters/types.tsx index f0bac7e2ac..469f5a209a 100644 --- a/assets/js/src/newsletters/types.tsx +++ b/assets/js/src/newsletters/types.tsx @@ -11,6 +11,7 @@ import Heading from 'common/typography/heading/heading'; import ModalCloseIcon from 'common/modal/close_icon'; import HideScreenOptions from 'common/hide_screen_options/hide_screen_options'; import APIErrorsNotice from '../notices/api_errors_notice'; +import { GlobalContext } from '../context'; interface Props { filter?: () => void; @@ -35,6 +36,9 @@ const NewsletterTypes: React.FunctionComponent = ({ hideScreenOptions = true, }: Props) => { const [isCreating, setIsCreating] = useState(false); + // this is here temporarily and the global context isn't in typescript yet + // eslint-disable-next-line @typescript-eslint/no-explicit-any + const { features } = React.useContext(GlobalContext); const setupNewsletter = (type): void => { if (type !== undefined) { @@ -195,6 +199,7 @@ const NewsletterTypes: React.FunctionComponent = ({ const createStandardNewsletter = _.partial(createNewsletter, 'standard'); const createNotificationNewsletter = _.partial(setupNewsletter, 'notification'); const createWelcomeNewsletter = _.partial(setupNewsletter, 'welcome'); + const createReEngagementNewsletter = _.partial(setupNewsletter, 're-engagement'); const defaultTypes = [ { @@ -268,6 +273,30 @@ const NewsletterTypes: React.FunctionComponent = ({ ), }, ]; + if (features.isSupported('re-engagement-email')) { + defaultTypes.push({ + slug: 're_engagement', + title: MailPoet.I18n.t('tabReEngagementTitle'), + description: MailPoet.I18n.t('reEngagementDescription'), + action: ( + + ), + }); + } let types = Hooks.applyFilters('mailpoet_newsletters_types', [ ...defaultTypes, diff --git a/views/newsletters.html b/views/newsletters.html index d101b2d66e..f2ba93ad0a 100644 --- a/views/newsletters.html +++ b/views/newsletters.html @@ -95,6 +95,7 @@ 'dismissButton': __('Dismiss this notice.'), + 'tabReEngagementTitle': __('Re-engagement Email'), 'tabStandardTitle': __('Newsletters'), 'tabWelcomeTitle': __('Welcome Emails'), 'tabNotificationTitle': __('Post Notifications'), @@ -213,6 +214,7 @@ 'learnMore': __('Learn more'), 'regularNewsletterTypeTitle': __('Newsletter'), 'regularNewsletterTypeDescription': __('Send a newsletter with images, buttons, dividers, and social bookmarks. Or, just send a basic text email.'), + 'reEngagementDescription': __('Automatically email and win back subscribers who have recently lost interest and stopped engaging with your emails.'), 'create': __('Create'), 'wooCommerceCustomizerTypeTitle': __('WooCommerce Emails Customizer'), 'wooCommerceCustomizerTypeDescription': __("Customize the template used for your WooCommerce emails using MailPoet's editor. Example of WooCommerce email: Order processing notification, Order failed notification, ..."),