Plugin Directory

Changeset 2874525


Ignore:
Timestamp:
03/04/2023 12:12:19 AM (3 years ago)
Author:
orchestrated
Message:

Improvements to UI

Location:
campaignpress
Files:
252 added
9 edited

Legend:

Unmodified
Added
Removed
  • campaignpress/trunk/dist/css/tailwind.css

    r2874515 r2874525  
    776776}
    777777
     778.tw-mr-3 {
     779  margin-right: 0.75rem !important;
     780}
     781
    778782.tw-ml-5 {
    779783  margin-left: 1.25rem !important;
    780784}
    781785
    782 .tw-mr-3 {
    783   margin-right: 0.75rem !important;
    784 }
    785 
    786786.tw-mr-1 {
    787787  margin-right: 0.25rem !important;
     
    868868}
    869869
    870 .tw-h-96 {
    871   height: 24rem !important;
    872 }
    873 
    874870.tw-h-64 {
    875871  height: 16rem !important;
     
    904900}
    905901
     902.tw-min-h-\[100px\] {
     903  min-height: 100px !important;
     904}
     905
     906.tw-min-h-\[120px\] {
     907  min-height: 120px !important;
     908}
     909
    906910.tw-min-h-\[46vh\] {
    907911  min-height: 46vh !important;
    908912}
    909913
    910 .tw-min-h-\[120px\] {
    911   min-height: 120px !important;
    912 }
    913 
    914 .tw-min-h-\[200px\] {
    915   min-height: 200px !important;
    916 }
    917 
    918 .tw-min-h-\[300px\] {
    919   min-height: 300px !important;
    920 }
    921 
    922 .tw-min-h-\[100px\] {
    923   min-height: 100px !important;
    924 }
    925 
    926914.tw-w-full {
    927915  width: 100% !important;
     
    984972}
    985973
     974.tw-w-2\/12 {
     975  width: 16.666667% !important;
     976}
     977
     978.tw-w-5\/12 {
     979  width: 41.666667% !important;
     980}
     981
    986982.tw-w-6\/12 {
    987983  width: 50% !important;
    988 }
    989 
    990 .tw-w-2\/12 {
    991   width: 16.666667% !important;
    992 }
    993 
    994 .tw-w-5\/12 {
    995   width: 41.666667% !important;
    996984}
    997985
     
    11911179}
    11921180
     1181.tw-whitespace-pre {
     1182  white-space: pre !important;
     1183}
     1184
     1185.tw-whitespace-pre-line {
     1186  white-space: pre-line !important;
     1187}
     1188
     1189.tw-whitespace-pre-wrap {
     1190  white-space: pre-wrap !important;
     1191}
     1192
    11931193.tw-rounded-lg {
    11941194  border-radius: 0.5rem !important;
     
    18321832.tw-opacity-0 {
    18331833  opacity: 0 !important;
    1834 }
    1835 
    1836 .tw-opacity-60 {
    1837   opacity: 0.6 !important;
    18381834}
    18391835
  • campaignpress/trunk/js/dist/app.css

    r2874515 r2874525  
    1 .fade-enter-active[data-v-e72e1f77],.fade-leave-active[data-v-e72e1f77]{transition:opacity 1s ease}.fade-enter-from[data-v-e72e1f77],.fade-leave-to[data-v-e72e1f77]{opacity:0}.fade-enter-active[data-v-07c25029],.fade-leave-active[data-v-07c25029]{transition:opacity 1s ease}.fade-enter-from[data-v-07c25029],.fade-leave-to[data-v-07c25029]{opacity:0}.fade-enter-active[data-v-dc11cba1],.fade-leave-active[data-v-dc11cba1]{transition:opacity 1s ease}.fade-enter-from[data-v-dc11cba1],.fade-leave-to[data-v-dc11cba1]{opacity:0}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.tw-pointer-events-none{pointer-events:none!important}.tw-absolute{position:absolute!important}.tw-relative{position:relative!important}.tw-top-0{top:0px!important}.tw-right-1{right:.25rem!important}.tw-top-1{top:.25rem!important}.tw-bottom-0{bottom:0px!important}.tw-left-0{left:0px!important}.tw-right-0{right:0px!important}.tw-right-3{right:.75rem!important}.tw-top-3{top:.75rem!important}.-tw-top-\[0px\]{top:-0px!important}.tw-top-4{top:1rem!important}.tw-right-4{right:1rem!important}.tw-top-\[1px\]{top:1px!important}.tw-top-2{top:.5rem!important}.-tw-left-\[2px\]{left:-2px!important}.tw-top-6{top:1.5rem!important}.tw-z-20{z-index:20!important}.tw-z-10{z-index:10!important}.tw-order-last{order:9999!important}.tw-col-span-1{grid-column:span 1 / span 1!important}.tw-col-span-2{grid-column:span 2 / span 2!important}.tw-col-span-3{grid-column:span 3 / span 3!important}.tw-col-span-4{grid-column:span 4 / span 4!important}.tw-col-span-6{grid-column:span 6 / span 6!important}.tw-m-4{margin:1rem!important}.tw-m-0{margin:0!important}.tw-m-auto{margin:auto!important}.tw-mx-4{margin-left:1rem!important;margin-right:1rem!important}.tw-my-10{margin-top:2.5rem!important;margin-bottom:2.5rem!important}.tw-mx-auto{margin-left:auto!important;margin-right:auto!important}.tw-mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.tw-my-3{margin-top:.75rem!important;margin-bottom:.75rem!important}.tw-my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.tw-my-4{margin-top:1rem!important;margin-bottom:1rem!important}.tw-my-6{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.tw-my-0{margin-top:0!important;margin-bottom:0!important}.tw-mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.-tw-mt-\[1px\]{margin-top:-1px!important}.tw-ml-3{margin-left:.75rem!important}.tw-mb-2{margin-bottom:.5rem!important}.tw-mt-2{margin-top:.5rem!important}.tw-mt-4{margin-top:1rem!important}.tw-mb-3{margin-bottom:.75rem!important}.tw-mt-3{margin-top:.75rem!important}.tw-ml-8{margin-left:2rem!important}.tw-mr-4{margin-right:1rem!important}.tw-mt-\[20vh\]{margin-top:20vh!important}.tw-mr-2{margin-right:.5rem!important}.-tw-ml-2{margin-left:-.5rem!important}.tw-mt-8{margin-top:2rem!important}.tw-ml-6{margin-left:1.5rem!important}.tw-mb-0{margin-bottom:0!important}.tw-mt-1{margin-top:.25rem!important}.tw-mt-6{margin-top:1.5rem!important}.tw-ml-2{margin-left:.5rem!important}.tw-mb-4{margin-bottom:1rem!important}.tw-ml-4{margin-left:1rem!important}.tw-ml-1{margin-left:.25rem!important}.tw-mb-1{margin-bottom:.25rem!important}.tw-mb-5{margin-bottom:1.25rem!important}.tw-mb-8{margin-bottom:2rem!important}.tw-ml-5{margin-left:1.25rem!important}.tw-mr-3{margin-right:.75rem!important}.tw-mr-1{margin-right:.25rem!important}.tw-mt-10{margin-top:2.5rem!important}.tw-block{display:block!important}.tw-inline{display:inline!important}.tw-flex{display:flex!important}.tw-grid{display:grid!important}.tw-hidden{display:none!important}.tw-h-12{height:3rem!important}.tw-h-10{height:2.5rem!important}.tw-h-full{height:100%!important}.tw-h-14{height:3.5rem!important}.tw-h-8{height:2rem!important}.tw-h-11{height:2.75rem!important}.tw-h-6{height:1.5rem!important}.tw-h-16{height:4rem!important}.tw-h-60{height:15rem!important}.tw-h-7{height:1.75rem!important}.tw-h-28{height:7rem!important}.tw-h-24{height:6rem!important}.tw-h-\[20px\]{height:20px!important}.tw-h-32{height:8rem!important}.tw-h-96{height:24rem!important}.tw-h-64{height:16rem!important}.tw-h-auto{height:auto!important}.tw-h-0{height:0px!important}.tw-h-48{height:12rem!important}.tw-h-80{height:20rem!important}.tw-h-\[200px\]{height:200px!important}.tw-max-h-\[210px\]{max-height:210px!important}.tw-max-h-96{max-height:24rem!important}.tw-min-h-\[46vh\]{min-height:46vh!important}.tw-min-h-\[120px\]{min-height:120px!important}.tw-min-h-\[200px\]{min-height:200px!important}.tw-min-h-\[300px\]{min-height:300px!important}.tw-min-h-\[100px\]{min-height:100px!important}.tw-w-full{width:100%!important}.tw-w-8\/12{width:66.666667%!important}.tw-w-3\/12{width:25%!important}.tw-w-8{width:2rem!important}.tw-w-10{width:2.5rem!important}.tw-w-10\/12{width:83.333333%!important}.tw-w-11\/12{width:91.666667%!important}.tw-w-4\/12{width:33.333333%!important}.tw-w-9\/12{width:75%!important}.tw-w-6{width:1.5rem!important}.tw-w-7\/12{width:58.333333%!important}.tw-w-24{width:6rem!important}.tw-w-16{width:4rem!important}.tw-w-32{width:8rem!important}.tw-w-20{width:5rem!important}.tw-w-6\/12{width:50%!important}.tw-w-2\/12{width:16.666667%!important}.tw-w-5\/12{width:41.666667%!important}.tw-w-\[10\%\]{width:10%!important}.tw-w-\[90\%\]{width:90%!important}.tw-w-60{width:15rem!important}.tw-w-auto{width:auto!important}.tw-min-w-\[200px\]{min-width:200px!important}.tw-min-w-\[120px\]{min-width:120px!important}.tw-min-w-\[80px\]{min-width:80px!important}.tw-min-w-\[110px\]{min-width:110px!important}.tw-rotate-180{--tw-rotate: 180deg !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-tw-rotate-90{--tw-rotate: -90deg !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}@keyframes tw-spin{to{transform:rotate(360deg)}}.tw-animate-spin{animation:tw-spin 1s linear infinite!important}@keyframes tw-ping{75%,to{transform:scale(2);opacity:0}}.tw-animate-ping{animation:tw-ping 1s cubic-bezier(0,0,.2,1) infinite!important}.tw-cursor-pointer{cursor:pointer!important}.tw-cursor-move{cursor:move!important}.tw-cursor-default{cursor:default!important}.tw-touch-none{touch-action:none!important}.tw-list-disc{list-style-type:disc!important}.tw-list-none{list-style-type:none!important}.tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tw-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.tw-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.tw-flex-col{flex-direction:column!important}.tw-items-start{align-items:flex-start!important}.tw-items-end{align-items:flex-end!important}.tw-items-center{align-items:center!important}.tw-justify-start{justify-content:flex-start!important}.tw-justify-end{justify-content:flex-end!important}.tw-justify-center{justify-content:center!important}.tw-gap-2{gap:.5rem!important}.tw-gap-3{gap:.75rem!important}.tw-gap-4{gap:1rem!important}.tw-gap-1{gap:.25rem!important}.tw-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0 !important;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))!important;border-bottom-width:calc(1px * var(--tw-divide-y-reverse))!important}.tw-divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0 !important;border-right-width:calc(1px * var(--tw-divide-x-reverse))!important;border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))!important}.tw-divide-white>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1 !important;border-color:rgb(255 255 255 / var(--tw-divide-opacity))!important}.tw-divide-gray-300>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1 !important;border-color:rgb(209 213 219 / var(--tw-divide-opacity))!important}.tw-self-start{align-self:flex-start!important}.tw-self-end{align-self:flex-end!important}.tw-self-center{align-self:center!important}.tw-overflow-hidden{overflow:hidden!important}.tw-overflow-scroll{overflow:scroll!important}.tw-truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.tw-text-ellipsis{text-overflow:ellipsis!important}.tw-rounded-lg{border-radius:.5rem!important}.tw-rounded-xl{border-radius:.75rem!important}.tw-rounded-md{border-radius:.375rem!important}.tw-rounded-sm{border-radius:.125rem!important}.tw-rounded-full{border-radius:9999px!important}.tw-rounded-2xl{border-radius:1rem!important}.tw-rounded-none{border-radius:0!important}.tw-rounded-t-none{border-top-left-radius:0!important;border-top-right-radius:0!important}.tw-rounded-b-none{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.tw-rounded-tl-md{border-top-left-radius:.375rem!important}.tw-rounded-tr-md{border-top-right-radius:.375rem!important}.tw-rounded-tl-xl{border-top-left-radius:.75rem!important}.tw-rounded-tr-xl{border-top-right-radius:.75rem!important}.tw-border{border-width:1px!important}.tw-border-2{border-width:2px!important}.tw-border-x{border-left-width:1px!important;border-right-width:1px!important}.tw-border-x-0{border-left-width:0px!important;border-right-width:0px!important}.tw-border-b-2{border-bottom-width:2px!important}.tw-border-b{border-bottom-width:1px!important}.tw-border-t{border-top-width:1px!important}.tw-border-r{border-right-width:1px!important}.tw-border-l{border-left-width:1px!important}.tw-border-b-0{border-bottom-width:0px!important}.tw-border-r-0{border-right-width:0px!important}.tw-border-t-0{border-top-width:0px!important}.tw-border-none{border-style:none!important}.tw-border-amber-500{--tw-border-opacity: 1 !important;border-color:rgb(245 158 11 / var(--tw-border-opacity))!important}.tw-border-gray-500{--tw-border-opacity: 1 !important;border-color:rgb(107 114 128 / var(--tw-border-opacity))!important}.tw-border-green-700{--tw-border-opacity: 1 !important;border-color:rgb(21 128 61 / var(--tw-border-opacity))!important}.tw-border-red-700{--tw-border-opacity: 1 !important;border-color:rgb(185 28 28 / var(--tw-border-opacity))!important}.tw-border-gray-400{--tw-border-opacity: 1 !important;border-color:rgb(156 163 175 / var(--tw-border-opacity))!important}.tw-border-gray-300{--tw-border-opacity: 1 !important;border-color:rgb(209 213 219 / var(--tw-border-opacity))!important}.tw-border-black{--tw-border-opacity: 1 !important;border-color:rgb(0 0 0 / var(--tw-border-opacity))!important}.tw-border-gray-200{--tw-border-opacity: 1 !important;border-color:rgb(229 231 235 / var(--tw-border-opacity))!important}.tw-border-transparent{border-color:transparent!important}.tw-border-gray-600{--tw-border-opacity: 1 !important;border-color:rgb(75 85 99 / var(--tw-border-opacity))!important}.tw-border-amber-600{--tw-border-opacity: 1 !important;border-color:rgb(217 119 6 / var(--tw-border-opacity))!important}.tw-border-white{--tw-border-opacity: 1 !important;border-color:rgb(255 255 255 / var(--tw-border-opacity))!important}.tw-border-gray-900{--tw-border-opacity: 1 !important;border-color:rgb(17 24 39 / var(--tw-border-opacity))!important}.tw-border-red-600{--tw-border-opacity: 1 !important;border-color:rgb(220 38 38 / var(--tw-border-opacity))!important}.tw-border-gray-700{--tw-border-opacity: 1 !important;border-color:rgb(55 65 81 / var(--tw-border-opacity))!important}.tw-border-blue-600{--tw-border-opacity: 1 !important;border-color:rgb(37 99 235 / var(--tw-border-opacity))!important}.tw-border-yellow-400{--tw-border-opacity: 1 !important;border-color:rgb(250 204 21 / var(--tw-border-opacity))!important}.tw-border-green-600{--tw-border-opacity: 1 !important;border-color:rgb(22 163 74 / var(--tw-border-opacity))!important}.tw-border-b-gray-200{--tw-border-opacity: 1 !important;border-bottom-color:rgb(229 231 235 / var(--tw-border-opacity))!important}.tw-bg-amber-400{--tw-bg-opacity: 1 !important;background-color:rgb(251 191 36 / var(--tw-bg-opacity))!important}.tw-bg-amber-500{--tw-bg-opacity: 1 !important;background-color:rgb(245 158 11 / var(--tw-bg-opacity))!important}.tw-bg-gray-400{--tw-bg-opacity: 1 !important;background-color:rgb(156 163 175 / var(--tw-bg-opacity))!important}.tw-bg-gray-500{--tw-bg-opacity: 1 !important;background-color:rgb(107 114 128 / var(--tw-bg-opacity))!important}.tw-bg-green-600{--tw-bg-opacity: 1 !important;background-color:rgb(22 163 74 / var(--tw-bg-opacity))!important}.tw-bg-green-800{--tw-bg-opacity: 1 !important;background-color:rgb(22 101 52 / var(--tw-bg-opacity))!important}.tw-bg-red-600{--tw-bg-opacity: 1 !important;background-color:rgb(220 38 38 / var(--tw-bg-opacity))!important}.tw-bg-red-800{--tw-bg-opacity: 1 !important;background-color:rgb(153 27 27 / var(--tw-bg-opacity))!important}.tw-bg-white{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}.tw-bg-white\/80{background-color:#fffc!important}.tw-bg-gray-50{--tw-bg-opacity: 1 !important;background-color:rgb(249 250 251 / var(--tw-bg-opacity))!important}.tw-bg-gray-100{--tw-bg-opacity: 1 !important;background-color:rgb(243 244 246 / var(--tw-bg-opacity))!important}.tw-bg-slate-200{--tw-bg-opacity: 1 !important;background-color:rgb(226 232 240 / var(--tw-bg-opacity))!important}.tw-bg-slate-400{--tw-bg-opacity: 1 !important;background-color:rgb(148 163 184 / var(--tw-bg-opacity))!important}.tw-bg-white\/60{background-color:#fff9!important}.tw-bg-gray-800{--tw-bg-opacity: 1 !important;background-color:rgb(31 41 55 / var(--tw-bg-opacity))!important}.tw-bg-gray-300{--tw-bg-opacity: 1 !important;background-color:rgb(209 213 219 / var(--tw-bg-opacity))!important}.tw-p-4{padding:1rem!important}.tw-p-2{padding:.5rem!important}.tw-p-0\.5{padding:.125rem!important}.tw-p-8{padding:2rem!important}.tw-p-0{padding:0!important}.tw-px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.tw-py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.tw-px-3{padding-left:.75rem!important;padding-right:.75rem!important}.tw-px-4{padding-left:1rem!important;padding-right:1rem!important}.tw-py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.tw-px-8{padding-left:2rem!important;padding-right:2rem!important}.tw-py-6{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.tw-px-2{padding-left:.5rem!important;padding-right:.5rem!important}.tw-py-0\.5{padding-top:.125rem!important;padding-bottom:.125rem!important}.tw-px-0{padding-left:0!important;padding-right:0!important}.tw-py-5{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.tw-py-10{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.tw-py-4{padding-top:1rem!important;padding-bottom:1rem!important}.tw-py-1\.5{padding-top:.375rem!important;padding-bottom:.375rem!important}.tw-px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.tw-py-0{padding-top:0!important;padding-bottom:0!important}.tw-px-7{padding-left:1.75rem!important;padding-right:1.75rem!important}.tw-py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.tw-px-1{padding-left:.25rem!important;padding-right:.25rem!important}.tw-pt-0{padding-top:0!important}.tw-pt-0\.5{padding-top:.125rem!important}.tw-pb-1{padding-bottom:.25rem!important}.tw-pr-2{padding-right:.5rem!important}.tw-pl-3{padding-left:.75rem!important}.tw-pr-1{padding-right:.25rem!important}.tw-pr-3{padding-right:.75rem!important}.tw-pt-4{padding-top:1rem!important}.tw-pb-3{padding-bottom:.75rem!important}.tw-pt-2{padding-top:.5rem!important}.tw-pb-4{padding-bottom:1rem!important}.tw-pt-1{padding-top:.25rem!important}.tw-pt-3{padding-top:.75rem!important}.tw-pl-1{padding-left:.25rem!important}.tw-text-center{text-align:center!important}.tw-align-text-top{vertical-align:text-top!important}.tw-text-sm{font-size:.875rem!important;line-height:1.25rem!important}.tw-text-\[10px\]{font-size:10px!important}.tw-text-\[20px\]{font-size:20px!important}.tw-text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.tw-text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.tw-text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.tw-text-2xl{font-size:1.5rem!important;line-height:2rem!important}.tw-text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.tw-text-xs{font-size:.75rem!important;line-height:1rem!important}.tw-text-base{font-size:1rem!important;line-height:1.5rem!important}.tw-text-\[30px\]{font-size:30px!important}.tw-text-\[18px\]{font-size:18px!important}.tw-text-\[40px\]{font-size:40px!important}.tw-text-\[24px\]{font-size:24px!important}.tw-text-\[16px\]{font-size:16px!important}.tw-text-\[12px\]{font-size:12px!important}.tw-font-semibold{font-weight:600!important}.tw-font-bold{font-weight:700!important}.tw-font-medium{font-weight:500!important}.tw-font-normal{font-weight:400!important}.tw-uppercase{text-transform:uppercase!important}.tw-italic{font-style:italic!important}.tw-leading-tight{line-height:1.25!important}.tw-leading-none{line-height:1!important}.tw-tracking-wider{letter-spacing:.05em!important}.tw-text-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.tw-text-gray-400{--tw-text-opacity: 1 !important;color:rgb(156 163 175 / var(--tw-text-opacity))!important}.tw-text-gray-800{--tw-text-opacity: 1 !important;color:rgb(31 41 55 / var(--tw-text-opacity))!important}.tw-text-gray-500{--tw-text-opacity: 1 !important;color:rgb(107 114 128 / var(--tw-text-opacity))!important}.tw-text-blue-600{--tw-text-opacity: 1 !important;color:rgb(37 99 235 / var(--tw-text-opacity))!important}.tw-text-green-600{--tw-text-opacity: 1 !important;color:rgb(22 163 74 / var(--tw-text-opacity))!important}.tw-text-red-600{--tw-text-opacity: 1 !important;color:rgb(220 38 38 / var(--tw-text-opacity))!important}.tw-text-green-500{--tw-text-opacity: 1 !important;color:rgb(34 197 94 / var(--tw-text-opacity))!important}.tw-text-gray-900{--tw-text-opacity: 1 !important;color:rgb(17 24 39 / var(--tw-text-opacity))!important}.tw-text-yellow-400{--tw-text-opacity: 1 !important;color:rgb(250 204 21 / var(--tw-text-opacity))!important}.tw-text-gray-200{--tw-text-opacity: 1 !important;color:rgb(229 231 235 / var(--tw-text-opacity))!important}.tw-opacity-30{opacity:.3!important}.tw-opacity-70{opacity:.7!important}.tw-opacity-50{opacity:.5!important}.tw-opacity-0{opacity:0!important}.tw-opacity-60{opacity:.6!important}.tw-shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.tw-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05) !important;--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.tw-shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05) !important;--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.tw-shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.tw-shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.tw-shadow-slate-200{--tw-shadow-color: #e2e8f0 !important;--tw-shadow: var(--tw-shadow-colored) !important}.tw-outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.tw-outline-0{outline-width:0px!important}.tw-ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}.tw-drop-shadow-md{--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06)) !important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.tw-transition-all{transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.\[a-zA-Z-\:\#\]{a-z-a--z-:#}.\[vite\:html\]{vite:html}.\[vite\:css\]{vite:css}.first\:tw-mt-0:first-child{margin-top:0!important}.first\:tw-divide-none:first-child>:not([hidden])~:not([hidden]){border-style:none!important}.first\:tw-pt-0:first-child{padding-top:0!important}.last\:tw-mb-4:last-child{margin-bottom:1rem!important}.last\:tw-border-r:last-child{border-right-width:1px!important}.hover\:tw-border-gray-900:hover{--tw-border-opacity: 1 !important;border-color:rgb(17 24 39 / var(--tw-border-opacity))!important}.hover\:tw-bg-gray-300:hover{--tw-bg-opacity: 1 !important;background-color:rgb(209 213 219 / var(--tw-bg-opacity))!important}.focus\:tw-border-none:focus{border-style:none!important}.focus\:tw-shadow-none:focus{--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.focus\:tw-drop-shadow-none:focus{--tw-drop-shadow: drop-shadow(0 0 #0000) !important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
     1.fade-enter-active[data-v-669c61ab],.fade-leave-active[data-v-669c61ab]{transition:opacity 1s ease}.fade-enter-from[data-v-669c61ab],.fade-leave-to[data-v-669c61ab]{opacity:0}.fade-enter-active[data-v-07c25029],.fade-leave-active[data-v-07c25029]{transition:opacity 1s ease}.fade-enter-from[data-v-07c25029],.fade-leave-to[data-v-07c25029]{opacity:0}.fade-enter-active[data-v-dc11cba1],.fade-leave-active[data-v-dc11cba1]{transition:opacity 1s ease}.fade-enter-from[data-v-dc11cba1],.fade-leave-to[data-v-dc11cba1]{opacity:0}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.tw-pointer-events-none{pointer-events:none!important}.tw-absolute{position:absolute!important}.tw-relative{position:relative!important}.tw-top-0{top:0px!important}.tw-right-1{right:.25rem!important}.tw-top-1{top:.25rem!important}.tw-bottom-0{bottom:0px!important}.tw-left-0{left:0px!important}.tw-right-0{right:0px!important}.tw-right-3{right:.75rem!important}.tw-top-3{top:.75rem!important}.-tw-top-\[0px\]{top:-0px!important}.tw-top-4{top:1rem!important}.tw-right-4{right:1rem!important}.tw-top-\[1px\]{top:1px!important}.tw-top-2{top:.5rem!important}.-tw-left-\[2px\]{left:-2px!important}.tw-top-6{top:1.5rem!important}.tw-z-20{z-index:20!important}.tw-z-10{z-index:10!important}.tw-order-last{order:9999!important}.tw-col-span-1{grid-column:span 1 / span 1!important}.tw-col-span-2{grid-column:span 2 / span 2!important}.tw-col-span-3{grid-column:span 3 / span 3!important}.tw-col-span-4{grid-column:span 4 / span 4!important}.tw-col-span-6{grid-column:span 6 / span 6!important}.tw-m-4{margin:1rem!important}.tw-m-0{margin:0!important}.tw-m-auto{margin:auto!important}.tw-mx-4{margin-left:1rem!important;margin-right:1rem!important}.tw-my-10{margin-top:2.5rem!important;margin-bottom:2.5rem!important}.tw-mx-auto{margin-left:auto!important;margin-right:auto!important}.tw-mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.tw-my-3{margin-top:.75rem!important;margin-bottom:.75rem!important}.tw-my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.tw-my-4{margin-top:1rem!important;margin-bottom:1rem!important}.tw-my-6{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.tw-my-0{margin-top:0!important;margin-bottom:0!important}.tw-mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.-tw-mt-\[1px\]{margin-top:-1px!important}.tw-ml-3{margin-left:.75rem!important}.tw-mb-2{margin-bottom:.5rem!important}.tw-mt-2{margin-top:.5rem!important}.tw-mt-4{margin-top:1rem!important}.tw-mb-3{margin-bottom:.75rem!important}.tw-mt-3{margin-top:.75rem!important}.tw-ml-8{margin-left:2rem!important}.tw-mr-4{margin-right:1rem!important}.tw-mt-\[20vh\]{margin-top:20vh!important}.tw-mr-2{margin-right:.5rem!important}.-tw-ml-2{margin-left:-.5rem!important}.tw-mt-8{margin-top:2rem!important}.tw-ml-6{margin-left:1.5rem!important}.tw-mb-0{margin-bottom:0!important}.tw-mt-1{margin-top:.25rem!important}.tw-mt-6{margin-top:1.5rem!important}.tw-ml-2{margin-left:.5rem!important}.tw-mb-4{margin-bottom:1rem!important}.tw-ml-4{margin-left:1rem!important}.tw-ml-1{margin-left:.25rem!important}.tw-mb-1{margin-bottom:.25rem!important}.tw-mb-5{margin-bottom:1.25rem!important}.tw-mb-8{margin-bottom:2rem!important}.tw-mr-3{margin-right:.75rem!important}.tw-ml-5{margin-left:1.25rem!important}.tw-mr-1{margin-right:.25rem!important}.tw-mt-10{margin-top:2.5rem!important}.tw-block{display:block!important}.tw-inline{display:inline!important}.tw-flex{display:flex!important}.tw-grid{display:grid!important}.tw-hidden{display:none!important}.tw-h-12{height:3rem!important}.tw-h-10{height:2.5rem!important}.tw-h-full{height:100%!important}.tw-h-14{height:3.5rem!important}.tw-h-8{height:2rem!important}.tw-h-11{height:2.75rem!important}.tw-h-6{height:1.5rem!important}.tw-h-16{height:4rem!important}.tw-h-60{height:15rem!important}.tw-h-7{height:1.75rem!important}.tw-h-28{height:7rem!important}.tw-h-24{height:6rem!important}.tw-h-\[20px\]{height:20px!important}.tw-h-32{height:8rem!important}.tw-h-64{height:16rem!important}.tw-h-auto{height:auto!important}.tw-h-0{height:0px!important}.tw-h-48{height:12rem!important}.tw-h-80{height:20rem!important}.tw-h-\[200px\]{height:200px!important}.tw-max-h-\[210px\]{max-height:210px!important}.tw-max-h-96{max-height:24rem!important}.tw-min-h-\[100px\]{min-height:100px!important}.tw-min-h-\[120px\]{min-height:120px!important}.tw-min-h-\[46vh\]{min-height:46vh!important}.tw-w-full{width:100%!important}.tw-w-8\/12{width:66.666667%!important}.tw-w-3\/12{width:25%!important}.tw-w-8{width:2rem!important}.tw-w-10{width:2.5rem!important}.tw-w-10\/12{width:83.333333%!important}.tw-w-11\/12{width:91.666667%!important}.tw-w-4\/12{width:33.333333%!important}.tw-w-9\/12{width:75%!important}.tw-w-6{width:1.5rem!important}.tw-w-7\/12{width:58.333333%!important}.tw-w-24{width:6rem!important}.tw-w-16{width:4rem!important}.tw-w-32{width:8rem!important}.tw-w-20{width:5rem!important}.tw-w-2\/12{width:16.666667%!important}.tw-w-5\/12{width:41.666667%!important}.tw-w-6\/12{width:50%!important}.tw-w-\[10\%\]{width:10%!important}.tw-w-\[90\%\]{width:90%!important}.tw-w-60{width:15rem!important}.tw-w-auto{width:auto!important}.tw-min-w-\[200px\]{min-width:200px!important}.tw-min-w-\[120px\]{min-width:120px!important}.tw-min-w-\[80px\]{min-width:80px!important}.tw-min-w-\[110px\]{min-width:110px!important}.tw-rotate-180{--tw-rotate: 180deg !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-tw-rotate-90{--tw-rotate: -90deg !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}@keyframes tw-spin{to{transform:rotate(360deg)}}.tw-animate-spin{animation:tw-spin 1s linear infinite!important}@keyframes tw-ping{75%,to{transform:scale(2);opacity:0}}.tw-animate-ping{animation:tw-ping 1s cubic-bezier(0,0,.2,1) infinite!important}.tw-cursor-pointer{cursor:pointer!important}.tw-cursor-move{cursor:move!important}.tw-cursor-default{cursor:default!important}.tw-touch-none{touch-action:none!important}.tw-list-disc{list-style-type:disc!important}.tw-list-none{list-style-type:none!important}.tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tw-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.tw-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.tw-flex-col{flex-direction:column!important}.tw-items-start{align-items:flex-start!important}.tw-items-end{align-items:flex-end!important}.tw-items-center{align-items:center!important}.tw-justify-start{justify-content:flex-start!important}.tw-justify-end{justify-content:flex-end!important}.tw-justify-center{justify-content:center!important}.tw-gap-2{gap:.5rem!important}.tw-gap-3{gap:.75rem!important}.tw-gap-4{gap:1rem!important}.tw-gap-1{gap:.25rem!important}.tw-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0 !important;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))!important;border-bottom-width:calc(1px * var(--tw-divide-y-reverse))!important}.tw-divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0 !important;border-right-width:calc(1px * var(--tw-divide-x-reverse))!important;border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))!important}.tw-divide-white>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1 !important;border-color:rgb(255 255 255 / var(--tw-divide-opacity))!important}.tw-divide-gray-300>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1 !important;border-color:rgb(209 213 219 / var(--tw-divide-opacity))!important}.tw-self-start{align-self:flex-start!important}.tw-self-end{align-self:flex-end!important}.tw-self-center{align-self:center!important}.tw-overflow-hidden{overflow:hidden!important}.tw-overflow-scroll{overflow:scroll!important}.tw-truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.tw-text-ellipsis{text-overflow:ellipsis!important}.tw-whitespace-pre{white-space:pre!important}.tw-whitespace-pre-line{white-space:pre-line!important}.tw-rounded-lg{border-radius:.5rem!important}.tw-rounded-xl{border-radius:.75rem!important}.tw-rounded-md{border-radius:.375rem!important}.tw-rounded-sm{border-radius:.125rem!important}.tw-rounded-full{border-radius:9999px!important}.tw-rounded-2xl{border-radius:1rem!important}.tw-rounded-none{border-radius:0!important}.tw-rounded-t-none{border-top-left-radius:0!important;border-top-right-radius:0!important}.tw-rounded-b-none{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.tw-rounded-tl-md{border-top-left-radius:.375rem!important}.tw-rounded-tr-md{border-top-right-radius:.375rem!important}.tw-rounded-tl-xl{border-top-left-radius:.75rem!important}.tw-rounded-tr-xl{border-top-right-radius:.75rem!important}.tw-border{border-width:1px!important}.tw-border-2{border-width:2px!important}.tw-border-x{border-left-width:1px!important;border-right-width:1px!important}.tw-border-x-0{border-left-width:0px!important;border-right-width:0px!important}.tw-border-b-2{border-bottom-width:2px!important}.tw-border-b{border-bottom-width:1px!important}.tw-border-t{border-top-width:1px!important}.tw-border-r{border-right-width:1px!important}.tw-border-l{border-left-width:1px!important}.tw-border-b-0{border-bottom-width:0px!important}.tw-border-r-0{border-right-width:0px!important}.tw-border-t-0{border-top-width:0px!important}.tw-border-none{border-style:none!important}.tw-border-amber-500{--tw-border-opacity: 1 !important;border-color:rgb(245 158 11 / var(--tw-border-opacity))!important}.tw-border-gray-500{--tw-border-opacity: 1 !important;border-color:rgb(107 114 128 / var(--tw-border-opacity))!important}.tw-border-green-700{--tw-border-opacity: 1 !important;border-color:rgb(21 128 61 / var(--tw-border-opacity))!important}.tw-border-red-700{--tw-border-opacity: 1 !important;border-color:rgb(185 28 28 / var(--tw-border-opacity))!important}.tw-border-gray-400{--tw-border-opacity: 1 !important;border-color:rgb(156 163 175 / var(--tw-border-opacity))!important}.tw-border-gray-300{--tw-border-opacity: 1 !important;border-color:rgb(209 213 219 / var(--tw-border-opacity))!important}.tw-border-black{--tw-border-opacity: 1 !important;border-color:rgb(0 0 0 / var(--tw-border-opacity))!important}.tw-border-gray-200{--tw-border-opacity: 1 !important;border-color:rgb(229 231 235 / var(--tw-border-opacity))!important}.tw-border-transparent{border-color:transparent!important}.tw-border-gray-600{--tw-border-opacity: 1 !important;border-color:rgb(75 85 99 / var(--tw-border-opacity))!important}.tw-border-amber-600{--tw-border-opacity: 1 !important;border-color:rgb(217 119 6 / var(--tw-border-opacity))!important}.tw-border-white{--tw-border-opacity: 1 !important;border-color:rgb(255 255 255 / var(--tw-border-opacity))!important}.tw-border-gray-900{--tw-border-opacity: 1 !important;border-color:rgb(17 24 39 / var(--tw-border-opacity))!important}.tw-border-red-600{--tw-border-opacity: 1 !important;border-color:rgb(220 38 38 / var(--tw-border-opacity))!important}.tw-border-gray-700{--tw-border-opacity: 1 !important;border-color:rgb(55 65 81 / var(--tw-border-opacity))!important}.tw-border-blue-600{--tw-border-opacity: 1 !important;border-color:rgb(37 99 235 / var(--tw-border-opacity))!important}.tw-border-yellow-400{--tw-border-opacity: 1 !important;border-color:rgb(250 204 21 / var(--tw-border-opacity))!important}.tw-border-green-600{--tw-border-opacity: 1 !important;border-color:rgb(22 163 74 / var(--tw-border-opacity))!important}.tw-border-b-gray-200{--tw-border-opacity: 1 !important;border-bottom-color:rgb(229 231 235 / var(--tw-border-opacity))!important}.tw-bg-amber-400{--tw-bg-opacity: 1 !important;background-color:rgb(251 191 36 / var(--tw-bg-opacity))!important}.tw-bg-amber-500{--tw-bg-opacity: 1 !important;background-color:rgb(245 158 11 / var(--tw-bg-opacity))!important}.tw-bg-gray-400{--tw-bg-opacity: 1 !important;background-color:rgb(156 163 175 / var(--tw-bg-opacity))!important}.tw-bg-gray-500{--tw-bg-opacity: 1 !important;background-color:rgb(107 114 128 / var(--tw-bg-opacity))!important}.tw-bg-green-600{--tw-bg-opacity: 1 !important;background-color:rgb(22 163 74 / var(--tw-bg-opacity))!important}.tw-bg-green-800{--tw-bg-opacity: 1 !important;background-color:rgb(22 101 52 / var(--tw-bg-opacity))!important}.tw-bg-red-600{--tw-bg-opacity: 1 !important;background-color:rgb(220 38 38 / var(--tw-bg-opacity))!important}.tw-bg-red-800{--tw-bg-opacity: 1 !important;background-color:rgb(153 27 27 / var(--tw-bg-opacity))!important}.tw-bg-white{--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}.tw-bg-white\/80{background-color:#fffc!important}.tw-bg-gray-50{--tw-bg-opacity: 1 !important;background-color:rgb(249 250 251 / var(--tw-bg-opacity))!important}.tw-bg-gray-100{--tw-bg-opacity: 1 !important;background-color:rgb(243 244 246 / var(--tw-bg-opacity))!important}.tw-bg-slate-200{--tw-bg-opacity: 1 !important;background-color:rgb(226 232 240 / var(--tw-bg-opacity))!important}.tw-bg-slate-400{--tw-bg-opacity: 1 !important;background-color:rgb(148 163 184 / var(--tw-bg-opacity))!important}.tw-bg-white\/60{background-color:#fff9!important}.tw-bg-gray-800{--tw-bg-opacity: 1 !important;background-color:rgb(31 41 55 / var(--tw-bg-opacity))!important}.tw-bg-gray-300{--tw-bg-opacity: 1 !important;background-color:rgb(209 213 219 / var(--tw-bg-opacity))!important}.tw-p-4{padding:1rem!important}.tw-p-2{padding:.5rem!important}.tw-p-0\.5{padding:.125rem!important}.tw-p-8{padding:2rem!important}.tw-p-0{padding:0!important}.tw-px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.tw-py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.tw-px-3{padding-left:.75rem!important;padding-right:.75rem!important}.tw-px-4{padding-left:1rem!important;padding-right:1rem!important}.tw-py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.tw-px-8{padding-left:2rem!important;padding-right:2rem!important}.tw-py-6{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.tw-px-2{padding-left:.5rem!important;padding-right:.5rem!important}.tw-py-0\.5{padding-top:.125rem!important;padding-bottom:.125rem!important}.tw-px-0{padding-left:0!important;padding-right:0!important}.tw-py-5{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.tw-py-10{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.tw-py-4{padding-top:1rem!important;padding-bottom:1rem!important}.tw-py-1\.5{padding-top:.375rem!important;padding-bottom:.375rem!important}.tw-px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.tw-py-0{padding-top:0!important;padding-bottom:0!important}.tw-px-7{padding-left:1.75rem!important;padding-right:1.75rem!important}.tw-py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.tw-px-1{padding-left:.25rem!important;padding-right:.25rem!important}.tw-pt-0{padding-top:0!important}.tw-pt-0\.5{padding-top:.125rem!important}.tw-pb-1{padding-bottom:.25rem!important}.tw-pr-2{padding-right:.5rem!important}.tw-pl-3{padding-left:.75rem!important}.tw-pr-1{padding-right:.25rem!important}.tw-pr-3{padding-right:.75rem!important}.tw-pt-4{padding-top:1rem!important}.tw-pb-3{padding-bottom:.75rem!important}.tw-pt-2{padding-top:.5rem!important}.tw-pb-4{padding-bottom:1rem!important}.tw-pt-1{padding-top:.25rem!important}.tw-pt-3{padding-top:.75rem!important}.tw-pl-1{padding-left:.25rem!important}.tw-text-center{text-align:center!important}.tw-align-text-top{vertical-align:text-top!important}.tw-text-sm{font-size:.875rem!important;line-height:1.25rem!important}.tw-text-\[10px\]{font-size:10px!important}.tw-text-\[20px\]{font-size:20px!important}.tw-text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.tw-text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.tw-text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.tw-text-2xl{font-size:1.5rem!important;line-height:2rem!important}.tw-text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.tw-text-xs{font-size:.75rem!important;line-height:1rem!important}.tw-text-base{font-size:1rem!important;line-height:1.5rem!important}.tw-text-\[30px\]{font-size:30px!important}.tw-text-\[18px\]{font-size:18px!important}.tw-text-\[40px\]{font-size:40px!important}.tw-text-\[24px\]{font-size:24px!important}.tw-text-\[16px\]{font-size:16px!important}.tw-text-\[12px\]{font-size:12px!important}.tw-font-semibold{font-weight:600!important}.tw-font-bold{font-weight:700!important}.tw-font-medium{font-weight:500!important}.tw-font-normal{font-weight:400!important}.tw-uppercase{text-transform:uppercase!important}.tw-italic{font-style:italic!important}.tw-leading-tight{line-height:1.25!important}.tw-leading-none{line-height:1!important}.tw-tracking-wider{letter-spacing:.05em!important}.tw-text-white{--tw-text-opacity: 1 !important;color:rgb(255 255 255 / var(--tw-text-opacity))!important}.tw-text-gray-400{--tw-text-opacity: 1 !important;color:rgb(156 163 175 / var(--tw-text-opacity))!important}.tw-text-gray-800{--tw-text-opacity: 1 !important;color:rgb(31 41 55 / var(--tw-text-opacity))!important}.tw-text-gray-500{--tw-text-opacity: 1 !important;color:rgb(107 114 128 / var(--tw-text-opacity))!important}.tw-text-blue-600{--tw-text-opacity: 1 !important;color:rgb(37 99 235 / var(--tw-text-opacity))!important}.tw-text-green-600{--tw-text-opacity: 1 !important;color:rgb(22 163 74 / var(--tw-text-opacity))!important}.tw-text-red-600{--tw-text-opacity: 1 !important;color:rgb(220 38 38 / var(--tw-text-opacity))!important}.tw-text-green-500{--tw-text-opacity: 1 !important;color:rgb(34 197 94 / var(--tw-text-opacity))!important}.tw-text-gray-900{--tw-text-opacity: 1 !important;color:rgb(17 24 39 / var(--tw-text-opacity))!important}.tw-text-yellow-400{--tw-text-opacity: 1 !important;color:rgb(250 204 21 / var(--tw-text-opacity))!important}.tw-text-gray-200{--tw-text-opacity: 1 !important;color:rgb(229 231 235 / var(--tw-text-opacity))!important}.tw-opacity-30{opacity:.3!important}.tw-opacity-70{opacity:.7!important}.tw-opacity-50{opacity:.5!important}.tw-opacity-0{opacity:0!important}.tw-shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.tw-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05) !important;--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.tw-shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05) !important;--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.tw-shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.tw-shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.tw-shadow-slate-200{--tw-shadow-color: #e2e8f0 !important;--tw-shadow: var(--tw-shadow-colored) !important}.tw-outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.tw-outline-0{outline-width:0px!important}.tw-ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}.tw-drop-shadow-md{--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06)) !important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.tw-transition-all{transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.\[a-zA-Z-\:\#\]{a-z-a--z-:#}.\[vite\:html\]{vite:html}.\[vite\:css\]{vite:css}.first\:tw-mt-0:first-child{margin-top:0!important}.first\:tw-divide-none:first-child>:not([hidden])~:not([hidden]){border-style:none!important}.first\:tw-pt-0:first-child{padding-top:0!important}.last\:tw-mb-4:last-child{margin-bottom:1rem!important}.last\:tw-border-r:last-child{border-right-width:1px!important}.hover\:tw-border-gray-900:hover{--tw-border-opacity: 1 !important;border-color:rgb(17 24 39 / var(--tw-border-opacity))!important}.hover\:tw-bg-gray-300:hover{--tw-bg-opacity: 1 !important;background-color:rgb(209 213 219 / var(--tw-bg-opacity))!important}.focus\:tw-border-none:focus{border-style:none!important}.focus\:tw-shadow-none:focus{--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.focus\:tw-drop-shadow-none:focus{--tw-drop-shadow: drop-shadow(0 0 #0000) !important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
  • campaignpress/trunk/js/dist/app.js

    r2874515 r2874525  
    2323`)&&(D="(?: "+D+")",$=" "+$,L++),_=new RegExp("^(?:"+D+")",P)),p&&(_=new RegExp("^"+D+"$(?!\\s)",P)),f&&(b=g.lastIndex),E=c.call(N?_:g,$),N?E?(E.input=E.input.slice(L),E[0]=E[0].slice(L),E.index=g.lastIndex,g.lastIndex+=E[0].length):g.lastIndex=0:f&&E&&(g.lastIndex=g.global?E.index+E[0].length:b),p&&E&&E.length>1&&d.call(E[0],_,function(){for(T=1;T<arguments.length-2;T++)arguments[T]===void 0&&(E[T]=void 0)}),E}),s.exports=u},"94ca":function(s,o,r){var a=r("d039"),l=/#|\.prototype\./,c=function(p,w){var v=u[d(p)];return v==m?!0:v==f?!1:typeof w=="function"?a(w):!!w},d=c.normalize=function(p){return String(p).replace(l,".").toLowerCase()},u=c.data={},f=c.NATIVE="N",m=c.POLYFILL="P";s.exports=c},"99af":function(s,o,r){var a=r("23e7"),l=r("d039"),c=r("e8b5"),d=r("861d"),u=r("7b0b"),f=r("50c4"),m=r("8418"),p=r("65f0"),w=r("1dde"),v=r("b622"),y=r("2d00"),g=v("isConcatSpreadable"),b=9007199254740991,_="Maximum allowed index exceeded",E=y>=51||!l(function(){var D=[];return D[g]=!1,D.concat()[0]!==D}),T=w("concat"),N=function(D){if(!d(D))return!1;var L=D[g];return L!==void 0?!!L:c(D)},P=!E||!T;a({target:"Array",proto:!0,forced:P},{concat:function(L){var $=u(this),Y=p($,0),j=0,R,ue,V,te,fe;for(R=-1,V=arguments.length;R<V;R++)if(fe=R===-1?$:arguments[R],N(fe)){if(te=f(fe.length),j+te>b)throw TypeError(_);for(ue=0;ue<te;ue++,j++)ue in fe&&m(Y,j,fe[ue])}else{if(j>=b)throw TypeError(_);m(Y,j++,fe)}return Y.length=j,Y}})},"9bdd":function(s,o,r){var a=r("825a");s.exports=function(l,c,d,u){try{return u?c(a(d)[0],d[1]):c(d)}catch(m){var f=l.return;throw f!==void 0&&a(f.call(l)),m}}},"9bf2":function(s,o,r){var a=r("83ab"),l=r("0cfb"),c=r("825a"),d=r("c04e"),u=Object.defineProperty;o.f=a?u:function(m,p,w){if(c(m),p=d(p,!0),c(w),l)try{return u(m,p,w)}catch{}if("get"in w||"set"in w)throw TypeError("Accessors not supported");return"value"in w&&(m[p]=w.value),m}},"9ed3":function(s,o,r){var a=r("ae93").IteratorPrototype,l=r("7c73"),c=r("5c6c"),d=r("d44e"),u=r("3f8c"),f=function(){return this};s.exports=function(m,p,w){var v=p+" Iterator";return m.prototype=l(a,{next:c(1,w)}),d(m,v,!1,!0),u[v]=f,m}},"9f7f":function(s,o,r){var a=r("d039");function l(c,d){return RegExp(c,d)}o.UNSUPPORTED_Y=a(function(){var c=l("a","y");return c.lastIndex=2,c.exec("abcd")!=null}),o.BROKEN_CARET=a(function(){var c=l("^r","gy");return c.lastIndex=2,c.exec("str")!=null})},a2bf:function(s,o,r){var a=r("e8b5"),l=r("50c4"),c=r("0366"),d=function(u,f,m,p,w,v,y,g){for(var b=w,_=0,E=y?c(y,g,3):!1,T;_<p;){if(_ in m){if(T=E?E(m[_],_,f):m[_],v>0&&a(T))b=d(u,f,T,l(T.length),b,v-1)-1;else{if(b>=9007199254740991)throw TypeError("Exceed the acceptable array length");u[b]=T}b++}_++}return b};s.exports=d},a352:function(s,o){s.exports=i},a434:function(s,o,r){var a=r("23e7"),l=r("23cb"),c=r("a691"),d=r("50c4"),u=r("7b0b"),f=r("65f0"),m=r("8418"),p=r("1dde"),w=r("ae40"),v=p("splice"),y=w("splice",{ACCESSORS:!0,0:0,1:2}),g=Math.max,b=Math.min,_=9007199254740991,E="Maximum allowed length exceeded";a({target:"Array",proto:!0,forced:!v||!y},{splice:function(N,P){var D=u(this),L=d(D.length),$=l(N,L),Y=arguments.length,j,R,ue,V,te,fe;if(Y===0?j=R=0:Y===1?(j=0,R=L-$):(j=Y-2,R=b(g(c(P),0),L-$)),L+j-R>_)throw TypeError(E);for(ue=f(D,R),V=0;V<R;V++)te=$+V,te in D&&m(ue,V,D[te]);if(ue.length=R,j<R){for(V=$;V<L-R;V++)te=V+R,fe=V+j,te in D?D[fe]=D[te]:delete D[fe];for(V=L;V>L-R+j;V--)delete D[V-1]}else if(j>R)for(V=L-R;V>$;V--)te=V+R-1,fe=V+j-1,te in D?D[fe]=D[te]:delete D[fe];for(V=0;V<j;V++)D[V+$]=arguments[V+2];return D.length=L-R+j,ue}})},a4d3:function(s,o,r){var a=r("23e7"),l=r("da84"),c=r("d066"),d=r("c430"),u=r("83ab"),f=r("4930"),m=r("fdbf"),p=r("d039"),w=r("5135"),v=r("e8b5"),y=r("861d"),g=r("825a"),b=r("7b0b"),_=r("fc6a"),E=r("c04e"),T=r("5c6c"),N=r("7c73"),P=r("df75"),D=r("241c"),L=r("057f"),$=r("7418"),Y=r("06cf"),j=r("9bf2"),R=r("d1e7"),ue=r("9112"),V=r("6eeb"),te=r("5692"),fe=r("f772"),He=r("d012"),ut=r("90e3"),ze=r("b622"),$e=r("e538"),ft=r("746f"),_t=r("d44e"),ht=r("69f3"),Le=r("b727").forEach,Xe=fe("hidden"),It="Symbol",pt="prototype",Jt=ze("toPrimitive"),fn=ht.set,x=ht.getterFor(It),C=Object[pt],I=l.Symbol,W=c("JSON","stringify"),B=Y.f,z=j.f,ne=L.f,q=R.f,X=te("symbols"),H=te("op-symbols"),ce=te("string-to-symbol-registry"),re=te("symbol-to-string-registry"),he=te("wks"),ge=l.QObject,ke=!ge||!ge[pt]||!ge[pt].findChild,Ke=u&&p(function(){return N(z({},"a",{get:function(){return z(this,"a",{value:7}).a}})).a!=7})?function(Se,pe,ve){var Fe=B(C,pe);Fe&&delete C[pe],z(Se,pe,ve),Fe&&Se!==C&&z(C,pe,Fe)}:z,je=function(Se,pe){var ve=X[Se]=N(I[pt]);return fn(ve,{type:It,tag:Se,description:pe}),u||(ve.description=pe),ve},O=m?function(Se){return typeof Se=="symbol"}:function(Se){return Object(Se)instanceof I},A=function(pe,ve,Fe){pe===C&&A(H,ve,Fe),g(pe);var Be=E(ve,!0);return g(Fe),w(X,Be)?(Fe.enumerable?(w(pe,Xe)&&pe[Xe][Be]&&(pe[Xe][Be]=!1),Fe=N(Fe,{enumerable:T(0,!1)})):(w(pe,Xe)||z(pe,Xe,T(1,{})),pe[Xe][Be]=!0),Ke(pe,Be,Fe)):z(pe,Be,Fe)},M=function(pe,ve){g(pe);var Fe=_(ve),Be=P(Fe).concat(Te(Fe));return Le(Be,function(Wt){(!u||se.call(Fe,Wt))&&A(pe,Wt,Fe[Wt])}),pe},G=function(pe,ve){return ve===void 0?N(pe):M(N(pe),ve)},se=function(pe){var ve=E(pe,!0),Fe=q.call(this,ve);return this===C&&w(X,ve)&&!w(H,ve)?!1:Fe||!w(this,ve)||!w(X,ve)||w(this,Xe)&&this[Xe][ve]?Fe:!0},ye=function(pe,ve){var Fe=_(pe),Be=E(ve,!0);if(!(Fe===C&&w(X,Be)&&!w(H,Be))){var Wt=B(Fe,Be);return Wt&&w(X,Be)&&!(w(Fe,Xe)&&Fe[Xe][Be])&&(Wt.enumerable=!0),Wt}},me=function(pe){var ve=ne(_(pe)),Fe=[];return Le(ve,function(Be){!w(X,Be)&&!w(He,Be)&&Fe.push(Be)}),Fe},Te=function(pe){var ve=pe===C,Fe=ne(ve?H:_(pe)),Be=[];return Le(Fe,function(Wt){w(X,Wt)&&(!ve||w(C,Wt))&&Be.push(X[Wt])}),Be};if(f||(I=function(){if(this instanceof I)throw TypeError("Symbol is not a constructor");var pe=!arguments.length||arguments[0]===void 0?void 0:String(arguments[0]),ve=ut(pe),Fe=function(Be){this===C&&Fe.call(H,Be),w(this,Xe)&&w(this[Xe],ve)&&(this[Xe][ve]=!1),Ke(this,ve,T(1,Be))};return u&&ke&&Ke(C,ve,{configurable:!0,set:Fe}),je(ve,pe)},V(I[pt],"toString",function(){return x(this).tag}),V(I,"withoutSetter",function(Se){return je(ut(Se),Se)}),R.f=se,j.f=A,Y.f=ye,D.f=L.f=me,$.f=Te,$e.f=function(Se){return je(ze(Se),Se)},u&&(z(I[pt],"description",{configurable:!0,get:function(){return x(this).description}}),d||V(C,"propertyIsEnumerable",se,{unsafe:!0}))),a({global:!0,wrap:!0,forced:!f,sham:!f},{Symbol:I}),Le(P(he),function(Se){ft(Se)}),a({target:It,stat:!0,forced:!f},{for:function(Se){var pe=String(Se);if(w(ce,pe))return ce[pe];var ve=I(pe);return ce[pe]=ve,re[ve]=pe,ve},keyFor:function(pe){if(!O(pe))throw TypeError(pe+" is not a symbol");if(w(re,pe))return re[pe]},useSetter:function(){ke=!0},useSimple:function(){ke=!1}}),a({target:"Object",stat:!0,forced:!f,sham:!u},{create:G,defineProperty:A,defineProperties:M,getOwnPropertyDescriptor:ye}),a({target:"Object",stat:!0,forced:!f},{getOwnPropertyNames:me,getOwnPropertySymbols:Te}),a({target:"Object",stat:!0,forced:p(function(){$.f(1)})},{getOwnPropertySymbols:function(pe){return $.f(b(pe))}}),W){var st=!f||p(function(){var Se=I();return W([Se])!="[null]"||W({a:Se})!="{}"||W(Object(Se))!="{}"});a({target:"JSON",stat:!0,forced:st},{stringify:function(pe,ve,Fe){for(var Be=[pe],Wt=1,wa;arguments.length>Wt;)Be.push(arguments[Wt++]);if(wa=ve,!(!y(ve)&&pe===void 0||O(pe)))return v(ve)||(ve=function(up,Ar){if(typeof wa=="function"&&(Ar=wa.call(this,up,Ar)),!O(Ar))return Ar}),Be[1]=ve,W.apply(null,Be)}})}I[pt][Jt]||ue(I[pt],Jt,I[pt].valueOf),_t(I,It),He[Xe]=!0},a630:function(s,o,r){var a=r("23e7"),l=r("4df4"),c=r("1c7e"),d=!c(function(u){Array.from(u)});a({target:"Array",stat:!0,forced:d},{from:l})},a640:function(s,o,r){var a=r("d039");s.exports=function(l,c){var d=[][l];return!!d&&a(function(){d.call(null,c||function(){throw 1},1)})}},a691:function(s,o){var r=Math.ceil,a=Math.floor;s.exports=function(l){return isNaN(l=+l)?0:(l>0?a:r)(l)}},ab13:function(s,o,r){var a=r("b622"),l=a("match");s.exports=function(c){var d=/./;try{"/./"[c](d)}catch{try{return d[l]=!1,"/./"[c](d)}catch{}}return!1}},ac1f:function(s,o,r){var a=r("23e7"),l=r("9263");a({target:"RegExp",proto:!0,forced:/./.exec!==l},{exec:l})},ad6d:function(s,o,r){var a=r("825a");s.exports=function(){var l=a(this),c="";return l.global&&(c+="g"),l.ignoreCase&&(c+="i"),l.multiline&&(c+="m"),l.dotAll&&(c+="s"),l.unicode&&(c+="u"),l.sticky&&(c+="y"),c}},ae40:function(s,o,r){var a=r("83ab"),l=r("d039"),c=r("5135"),d=Object.defineProperty,u={},f=function(m){throw m};s.exports=function(m,p){if(c(u,m))return u[m];p||(p={});var w=[][m],v=c(p,"ACCESSORS")?p.ACCESSORS:!1,y=c(p,0)?p[0]:f,g=c(p,1)?p[1]:void 0;return u[m]=!!w&&!l(function(){if(v&&!a)return!0;var b={length:-1};v?d(b,1,{enumerable:!0,get:f}):b[1]=1,w.call(b,y,g)})}},ae93:function(s,o,r){var a=r("e163"),l=r("9112"),c=r("5135"),d=r("b622"),u=r("c430"),f=d("iterator"),m=!1,p=function(){return this},w,v,y;[].keys&&(y=[].keys(),"next"in y?(v=a(a(y)),v!==Object.prototype&&(w=v)):m=!0),w==null&&(w={}),!u&&!c(w,f)&&l(w,f,p),s.exports={IteratorPrototype:w,BUGGY_SAFARI_ITERATORS:m}},b041:function(s,o,r){var a=r("00ee"),l=r("f5df");s.exports=a?{}.toString:function(){return"[object "+l(this)+"]"}},b0c0:function(s,o,r){var a=r("83ab"),l=r("9bf2").f,c=Function.prototype,d=c.toString,u=/^\s*function ([^ (]*)/,f="name";a&&!(f in c)&&l(c,f,{configurable:!0,get:function(){try{return d.call(this).match(u)[1]}catch{return""}}})},b622:function(s,o,r){var a=r("da84"),l=r("5692"),c=r("5135"),d=r("90e3"),u=r("4930"),f=r("fdbf"),m=l("wks"),p=a.Symbol,w=f?p:p&&p.withoutSetter||d;s.exports=function(v){return c(m,v)||(u&&c(p,v)?m[v]=p[v]:m[v]=w("Symbol."+v)),m[v]}},b64b:function(s,o,r){var a=r("23e7"),l=r("7b0b"),c=r("df75"),d=r("d039"),u=d(function(){c(1)});a({target:"Object",stat:!0,forced:u},{keys:function(m){return c(l(m))}})},b727:function(s,o,r){var a=r("0366"),l=r("44ad"),c=r("7b0b"),d=r("50c4"),u=r("65f0"),f=[].push,m=function(p){var w=p==1,v=p==2,y=p==3,g=p==4,b=p==6,_=p==5||b;return function(E,T,N,P){for(var D=c(E),L=l(D),$=a(T,N,3),Y=d(L.length),j=0,R=P||u,ue=w?R(E,Y):v?R(E,0):void 0,V,te;Y>j;j++)if((_||j in L)&&(V=L[j],te=$(V,j,D),p)){if(w)ue[j]=te;else if(te)switch(p){case 3:return!0;case 5:return V;case 6:return j;case 2:f.call(ue,V)}else if(g)return!1}return b?-1:y||g?g:ue}};s.exports={forEach:m(0),map:m(1),filter:m(2),some:m(3),every:m(4),find:m(5),findIndex:m(6)}},c04e:function(s,o,r){var a=r("861d");s.exports=function(l,c){if(!a(l))return l;var d,u;if(c&&typeof(d=l.toString)=="function"&&!a(u=d.call(l))||typeof(d=l.valueOf)=="function"&&!a(u=d.call(l))||!c&&typeof(d=l.toString)=="function"&&!a(u=d.call(l)))return u;throw TypeError("Can't convert object to primitive value")}},c430:function(s,o){s.exports=!1},c6b6:function(s,o){var r={}.toString;s.exports=function(a){return r.call(a).slice(8,-1)}},c6cd:function(s,o,r){var a=r("da84"),l=r("ce4e"),c="__core-js_shared__",d=a[c]||l(c,{});s.exports=d},c740:function(s,o,r){var a=r("23e7"),l=r("b727").findIndex,c=r("44d2"),d=r("ae40"),u="findIndex",f=!0,m=d(u);u in[]&&Array(1)[u](function(){f=!1}),a({target:"Array",proto:!0,forced:f||!m},{findIndex:function(w){return l(this,w,arguments.length>1?arguments[1]:void 0)}}),c(u)},c8ba:function(s,o){var r;r=function(){return this}();try{r=r||new Function("return this")()}catch{typeof window=="object"&&(r=window)}s.exports=r},c975:function(s,o,r){var a=r("23e7"),l=r("4d64").indexOf,c=r("a640"),d=r("ae40"),u=[].indexOf,f=!!u&&1/[1].indexOf(1,-0)<0,m=c("indexOf"),p=d("indexOf",{ACCESSORS:!0,1:0});a({target:"Array",proto:!0,forced:f||!m||!p},{indexOf:function(v){return f?u.apply(this,arguments)||0:l(this,v,arguments.length>1?arguments[1]:void 0)}})},ca84:function(s,o,r){var a=r("5135"),l=r("fc6a"),c=r("4d64").indexOf,d=r("d012");s.exports=function(u,f){var m=l(u),p=0,w=[],v;for(v in m)!a(d,v)&&a(m,v)&&w.push(v);for(;f.length>p;)a(m,v=f[p++])&&(~c(w,v)||w.push(v));return w}},caad:function(s,o,r){var a=r("23e7"),l=r("4d64").includes,c=r("44d2"),d=r("ae40"),u=d("indexOf",{ACCESSORS:!0,1:0});a({target:"Array",proto:!0,forced:!u},{includes:function(m){return l(this,m,arguments.length>1?arguments[1]:void 0)}}),c("includes")},cc12:function(s,o,r){var a=r("da84"),l=r("861d"),c=a.document,d=l(c)&&l(c.createElement);s.exports=function(u){return d?c.createElement(u):{}}},ce4e:function(s,o,r){var a=r("da84"),l=r("9112");s.exports=function(c,d){try{l(a,c,d)}catch{a[c]=d}return d}},d012:function(s,o){s.exports={}},d039:function(s,o){s.exports=function(r){try{return!!r()}catch{return!0}}},d066:function(s,o,r){var a=r("428f"),l=r("da84"),c=function(d){return typeof d=="function"?d:void 0};s.exports=function(d,u){return arguments.length<2?c(a[d])||c(l[d]):a[d]&&a[d][u]||l[d]&&l[d][u]}},d1e7:function(s,o,r){var a={}.propertyIsEnumerable,l=Object.getOwnPropertyDescriptor,c=l&&!a.call({1:2},1);o.f=c?function(u){var f=l(this,u);return!!f&&f.enumerable}:a},d28b:function(s,o,r){var a=r("746f");a("iterator")},d2bb:function(s,o,r){var a=r("825a"),l=r("3bbe");s.exports=Object.setPrototypeOf||("__proto__"in{}?function(){var c=!1,d={},u;try{u=Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set,u.call(d,[]),c=d instanceof Array}catch{}return function(m,p){return a(m),l(p),c?u.call(m,p):m.__proto__=p,m}}():void 0)},d3b7:function(s,o,r){var a=r("00ee"),l=r("6eeb"),c=r("b041");a||l(Object.prototype,"toString",c,{unsafe:!0})},d44e:function(s,o,r){var a=r("9bf2").f,l=r("5135"),c=r("b622"),d=c("toStringTag");s.exports=function(u,f,m){u&&!l(u=m?u:u.prototype,d)&&a(u,d,{configurable:!0,value:f})}},d58f:function(s,o,r){var a=r("1c0b"),l=r("7b0b"),c=r("44ad"),d=r("50c4"),u=function(f){return function(m,p,w,v){a(p);var y=l(m),g=c(y),b=d(y.length),_=f?b-1:0,E=f?-1:1;if(w<2)for(;;){if(_ in g){v=g[_],_+=E;break}if(_+=E,f?_<0:b<=_)throw TypeError("Reduce of empty array with no initial value")}for(;f?_>=0:b>_;_+=E)_ in g&&(v=p(v,g[_],_,y));return v}};s.exports={left:u(!1),right:u(!0)}},d784:function(s,o,r){r("ac1f");var a=r("6eeb"),l=r("d039"),c=r("b622"),d=r("9263"),u=r("9112"),f=c("species"),m=!l(function(){var g=/./;return g.exec=function(){var b=[];return b.groups={a:"7"},b},"".replace(g,"$<a>")!=="7"}),p=function(){return"a".replace(/./,"$0")==="$0"}(),w=c("replace"),v=function(){return/./[w]?/./[w]("a","$0")==="":!1}(),y=!l(function(){var g=/(?:)/,b=g.exec;g.exec=function(){return b.apply(this,arguments)};var _="ab".split(g);return _.length!==2||_[0]!=="a"||_[1]!=="b"});s.exports=function(g,b,_,E){var T=c(g),N=!l(function(){var j={};return j[T]=function(){return 7},""[g](j)!=7}),P=N&&!l(function(){var j=!1,R=/a/;return g==="split"&&(R={},R.constructor={},R.constructor[f]=function(){return R},R.flags="",R[T]=/./[T]),R.exec=function(){return j=!0,null},R[T](""),!j});if(!N||!P||g==="replace"&&!(m&&p&&!v)||g==="split"&&!y){var D=/./[T],L=_(T,""[g],function(j,R,ue,V,te){return R.exec===d?N&&!te?{done:!0,value:D.call(R,ue,V)}:{done:!0,value:j.call(ue,R,V)}:{done:!1}},{REPLACE_KEEPS_$0:p,REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE:v}),$=L[0],Y=L[1];a(String.prototype,g,$),a(RegExp.prototype,T,b==2?function(j,R){return Y.call(j,this,R)}:function(j){return Y.call(j,this)})}E&&u(RegExp.prototype[T],"sham",!0)}},d81d:function(s,o,r){var a=r("23e7"),l=r("b727").map,c=r("1dde"),d=r("ae40"),u=c("map"),f=d("map");a({target:"Array",proto:!0,forced:!u||!f},{map:function(p){return l(this,p,arguments.length>1?arguments[1]:void 0)}})},da84:function(s,o,r){(function(a){var l=function(c){return c&&c.Math==Math&&c};s.exports=l(typeof globalThis=="object"&&globalThis)||l(typeof window=="object"&&window)||l(typeof self=="object"&&self)||l(typeof a=="object"&&a)||Function("return this")()}).call(this,r("c8ba"))},dbb4:function(s,o,r){var a=r("23e7"),l=r("83ab"),c=r("56ef"),d=r("fc6a"),u=r("06cf"),f=r("8418");a({target:"Object",stat:!0,sham:!l},{getOwnPropertyDescriptors:function(p){for(var w=d(p),v=u.f,y=c(w),g={},b=0,_,E;y.length>b;)E=v(w,_=y[b++]),E!==void 0&&f(g,_,E);return g}})},dbf1:function(s,o,r){(function(a){r.d(o,"a",function(){return c});function l(){return typeof window<"u"?window.console:a.console}var c=l()}).call(this,r("c8ba"))},ddb0:function(s,o,r){var a=r("da84"),l=r("fdbc"),c=r("e260"),d=r("9112"),u=r("b622"),f=u("iterator"),m=u("toStringTag"),p=c.values;for(var w in l){var v=a[w],y=v&&v.prototype;if(y){if(y[f]!==p)try{d(y,f,p)}catch{y[f]=p}if(y[m]||d(y,m,w),l[w]){for(var g in c)if(y[g]!==c[g])try{d(y,g,c[g])}catch{y[g]=c[g]}}}}},df75:function(s,o,r){var a=r("ca84"),l=r("7839");s.exports=Object.keys||function(d){return a(d,l)}},e01a:function(s,o,r){var a=r("23e7"),l=r("83ab"),c=r("da84"),d=r("5135"),u=r("861d"),f=r("9bf2").f,m=r("e893"),p=c.Symbol;if(l&&typeof p=="function"&&(!("description"in p.prototype)||p().description!==void 0)){var w={},v=function(){var T=arguments.length<1||arguments[0]===void 0?void 0:String(arguments[0]),N=this instanceof v?new p(T):T===void 0?p():p(T);return T===""&&(w[N]=!0),N};m(v,p);var y=v.prototype=p.prototype;y.constructor=v;var g=y.toString,b=String(p("test"))=="Symbol(test)",_=/^Symbol\((.*)\)[^)]+$/;f(y,"description",{configurable:!0,get:function(){var T=u(this)?this.valueOf():this,N=g.call(T);if(d(w,T))return"";var P=b?N.slice(7,-1):N.replace(_,"$1");return P===""?void 0:P}}),a({global:!0,forced:!0},{Symbol:v})}},e163:function(s,o,r){var a=r("5135"),l=r("7b0b"),c=r("f772"),d=r("e177"),u=c("IE_PROTO"),f=Object.prototype;s.exports=d?Object.getPrototypeOf:function(m){return m=l(m),a(m,u)?m[u]:typeof m.constructor=="function"&&m instanceof m.constructor?m.constructor.prototype:m instanceof Object?f:null}},e177:function(s,o,r){var a=r("d039");s.exports=!a(function(){function l(){}return l.prototype.constructor=null,Object.getPrototypeOf(new l)!==l.prototype})},e260:function(s,o,r){var a=r("fc6a"),l=r("44d2"),c=r("3f8c"),d=r("69f3"),u=r("7dd0"),f="Array Iterator",m=d.set,p=d.getterFor(f);s.exports=u(Array,"Array",function(w,v){m(this,{type:f,target:a(w),index:0,kind:v})},function(){var w=p(this),v=w.target,y=w.kind,g=w.index++;return!v||g>=v.length?(w.target=void 0,{value:void 0,done:!0}):y=="keys"?{value:g,done:!1}:y=="values"?{value:v[g],done:!1}:{value:[g,v[g]],done:!1}},"values"),c.Arguments=c.Array,l("keys"),l("values"),l("entries")},e439:function(s,o,r){var a=r("23e7"),l=r("d039"),c=r("fc6a"),d=r("06cf").f,u=r("83ab"),f=l(function(){d(1)}),m=!u||f;a({target:"Object",stat:!0,forced:m,sham:!u},{getOwnPropertyDescriptor:function(w,v){return d(c(w),v)}})},e538:function(s,o,r){var a=r("b622");o.f=a},e893:function(s,o,r){var a=r("5135"),l=r("56ef"),c=r("06cf"),d=r("9bf2");s.exports=function(u,f){for(var m=l(f),p=d.f,w=c.f,v=0;v<m.length;v++){var y=m[v];a(u,y)||p(u,y,w(f,y))}}},e8b5:function(s,o,r){var a=r("c6b6");s.exports=Array.isArray||function(c){return a(c)=="Array"}},e95a:function(s,o,r){var a=r("b622"),l=r("3f8c"),c=a("iterator"),d=Array.prototype;s.exports=function(u){return u!==void 0&&(l.Array===u||d[c]===u)}},f5df:function(s,o,r){var a=r("00ee"),l=r("c6b6"),c=r("b622"),d=c("toStringTag"),u=l(function(){return arguments}())=="Arguments",f=function(m,p){try{return m[p]}catch{}};s.exports=a?l:function(m){var p,w,v;return m===void 0?"Undefined":m===null?"Null":typeof(w=f(p=Object(m),d))=="string"?w:u?l(p):(v=l(p))=="Object"&&typeof p.callee=="function"?"Arguments":v}},f772:function(s,o,r){var a=r("5692"),l=r("90e3"),c=a("keys");s.exports=function(d){return c[d]||(c[d]=l(d))}},fb15:function(s,o,r){if(r.r(o),typeof window<"u"){var a=window.document.currentScript;{var l=r("8875");a=l(),"currentScript"in document||Object.defineProperty(document,"currentScript",{get:l})}var c=a&&a.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);c&&(r.p=c[1])}r("99af"),r("4de4"),r("4160"),r("c975"),r("d81d"),r("a434"),r("159b"),r("a4d3"),r("e439"),r("dbb4"),r("b64b");function d(O,A,M){return A in O?Object.defineProperty(O,A,{value:M,enumerable:!0,configurable:!0,writable:!0}):O[A]=M,O}function u(O,A){var M=Object.keys(O);if(Object.getOwnPropertySymbols){var G=Object.getOwnPropertySymbols(O);A&&(G=G.filter(function(se){return Object.getOwnPropertyDescriptor(O,se).enumerable})),M.push.apply(M,G)}return M}function f(O){for(var A=1;A<arguments.length;A++){var M=arguments[A]!=null?arguments[A]:{};A%2?u(Object(M),!0).forEach(function(G){d(O,G,M[G])}):Object.getOwnPropertyDescriptors?Object.defineProperties(O,Object.getOwnPropertyDescriptors(M)):u(Object(M)).forEach(function(G){Object.defineProperty(O,G,Object.getOwnPropertyDescriptor(M,G))})}return O}function m(O){if(Array.isArray(O))return O}r("e01a"),r("d28b"),r("e260"),r("d3b7"),r("3ca3"),r("ddb0");function p(O,A){if(!(typeof Symbol>"u"||!(Symbol.iterator in Object(O)))){var M=[],G=!0,se=!1,ye=void 0;try{for(var me=O[Symbol.iterator](),Te;!(G=(Te=me.next()).done)&&(M.push(Te.value),!(A&&M.length===A));G=!0);}catch(st){se=!0,ye=st}finally{try{!G&&me.return!=null&&me.return()}finally{if(se)throw ye}}return M}}r("a630"),r("fb6a"),r("b0c0"),r("25f0");function w(O,A){(A==null||A>O.length)&&(A=O.length);for(var M=0,G=new Array(A);M<A;M++)G[M]=O[M];return G}function v(O,A){if(!!O){if(typeof O=="string")return w(O,A);var M=Object.prototype.toString.call(O).slice(8,-1);if(M==="Object"&&O.constructor&&(M=O.constructor.name),M==="Map"||M==="Set")return Array.from(O);if(M==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(M))return w(O,A)}}function y(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
    2424In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function g(O,A){return m(O)||p(O,A)||v(O,A)||y()}function b(O){if(Array.isArray(O))return w(O)}function _(O){if(typeof Symbol<"u"&&Symbol.iterator in Object(O))return Array.from(O)}function E(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
    25 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function T(O){return b(O)||_(O)||v(O)||E()}var N=r("a352"),P=r.n(N);function D(O){O.parentElement!==null&&O.parentElement.removeChild(O)}function L(O,A,M){var G=M===0?O.children[0]:O.children[M-1].nextSibling;O.insertBefore(A,G)}var $=r("dbf1");r("13d5"),r("4fad"),r("ac1f"),r("5319");function Y(O){var A=Object.create(null);return function(G){var se=A[G];return se||(A[G]=O(G))}}var j=/-(\w)/g,R=Y(function(O){return O.replace(j,function(A,M){return M.toUpperCase()})});r("5db7"),r("73d9");var ue=["Start","Add","Remove","Update","End"],V=["Choose","Unchoose","Sort","Filter","Clone"],te=["Move"],fe=[te,ue,V].flatMap(function(O){return O}).map(function(O){return"on".concat(O)}),He={manage:te,manageAndEmit:ue,emit:V};function ut(O){return fe.indexOf(O)!==-1}r("caad"),r("2ca0");var ze=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","label","legend","li","link","main","map","mark","math","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rb","rp","rt","rtc","ruby","s","samp","script","section","select","slot","small","source","span","strong","style","sub","summary","sup","svg","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr"];function $e(O){return ze.includes(O)}function ft(O){return["transition-group","TransitionGroup"].includes(O)}function _t(O){return["id","class","role","style"].includes(O)||O.startsWith("data-")||O.startsWith("aria-")||O.startsWith("on")}function ht(O){return O.reduce(function(A,M){var G=g(M,2),se=G[0],ye=G[1];return A[se]=ye,A},{})}function Le(O){var A=O.$attrs,M=O.componentData,G=M===void 0?{}:M,se=ht(Object.entries(A).filter(function(ye){var me=g(ye,2),Te=me[0];return me[1],_t(Te)}));return f(f({},se),G)}function Xe(O){var A=O.$attrs,M=O.callBackBuilder,G=ht(It(A));Object.entries(M).forEach(function(ye){var me=g(ye,2),Te=me[0],st=me[1];He[Te].forEach(function(Se){G["on".concat(Se)]=st(Se)})});var se="[data-draggable]".concat(G.draggable||"");return f(f({},G),{},{draggable:se})}function It(O){return Object.entries(O).filter(function(A){var M=g(A,2),G=M[0];return M[1],!_t(G)}).map(function(A){var M=g(A,2),G=M[0],se=M[1];return[R(G),se]}).filter(function(A){var M=g(A,2),G=M[0];return M[1],!ut(G)})}r("c740");function pt(O,A){if(!(O instanceof A))throw new TypeError("Cannot call a class as a function")}function Jt(O,A){for(var M=0;M<A.length;M++){var G=A[M];G.enumerable=G.enumerable||!1,G.configurable=!0,"value"in G&&(G.writable=!0),Object.defineProperty(O,G.key,G)}}function fn(O,A,M){return A&&Jt(O.prototype,A),M&&Jt(O,M),O}var x=function(A){var M=A.el;return M},C=function(A,M){return A.__draggable_context=M},I=function(A){return A.__draggable_context},W=function(){function O(A){var M=A.nodes,G=M.header,se=M.default,ye=M.footer,me=A.root,Te=A.realList;pt(this,O),this.defaultNodes=se,this.children=[].concat(T(G),T(se),T(ye)),this.externalComponent=me.externalComponent,this.rootTransition=me.transition,this.tag=me.tag,this.realList=Te}return fn(O,[{key:"render",value:function(M,G){var se=this.tag,ye=this.children,me=this._isRootComponent,Te=me?{default:function(){return ye}}:ye;return M(se,G,Te)}},{key:"updated",value:function(){var M=this.defaultNodes,G=this.realList;M.forEach(function(se,ye){C(x(se),{element:G[ye],index:ye})})}},{key:"getUnderlyingVm",value:function(M){return I(M)}},{key:"getVmIndexFromDomIndex",value:function(M,G){var se=this.defaultNodes,ye=se.length,me=G.children,Te=me.item(M);if(Te===null)return ye;var st=I(Te);if(st)return st.index;if(ye===0)return 0;var Se=x(se[0]),pe=T(me).findIndex(function(ve){return ve===Se});return M<pe?0:ye}},{key:"_isRootComponent",get:function(){return this.externalComponent||this.rootTransition}}]),O}(),B=r("8bbf");function z(O,A){var M=O[A];return M?M():[]}function ne(O){var A=O.$slots,M=O.realList,G=O.getKey,se=M||[],ye=["header","footer"].map(function(ve){return z(A,ve)}),me=g(ye,2),Te=me[0],st=me[1],Se=A.item;if(!Se)throw new Error("draggable element must have an item slot");var pe=se.flatMap(function(ve,Fe){return Se({element:ve,index:Fe}).map(function(Be){return Be.key=G(ve),Be.props=f(f({},Be.props||{}),{},{"data-draggable":!0}),Be})});if(pe.length!==se.length)throw new Error("Item slot must have only one child");return{header:Te,footer:st,default:pe}}function q(O){var A=ft(O),M=!$e(O)&&!A;return{transition:A,externalComponent:M,tag:M?Object(B.resolveComponent)(O):A?B.TransitionGroup:O}}function X(O){var A=O.$slots,M=O.tag,G=O.realList,se=O.getKey,ye=ne({$slots:A,realList:G,getKey:se}),me=q(M);return new W({nodes:ye,root:me,realList:G})}function H(O,A){var M=this;Object(B.nextTick)(function(){return M.$emit(O.toLowerCase(),A)})}function ce(O){var A=this;return function(M,G){if(A.realList!==null)return A["onDrag".concat(O)](M,G)}}function re(O){var A=this,M=ce.call(this,O);return function(G,se){M.call(A,G,se),H.call(A,O,G)}}var he=null,ge={list:{type:Array,required:!1,default:null},modelValue:{type:Array,required:!1,default:null},itemKey:{type:[String,Function],required:!0},clone:{type:Function,default:function(A){return A}},tag:{type:String,default:"div"},move:{type:Function,default:null},componentData:{type:Object,required:!1,default:null}},ke=["update:modelValue","change"].concat(T([].concat(T(He.manageAndEmit),T(He.emit)).map(function(O){return O.toLowerCase()}))),Ke=Object(B.defineComponent)({name:"draggable",inheritAttrs:!1,props:ge,emits:ke,data:function(){return{error:!1}},render:function(){try{this.error=!1;var A=this.$slots,M=this.$attrs,G=this.tag,se=this.componentData,ye=this.realList,me=this.getKey,Te=X({$slots:A,tag:G,realList:ye,getKey:me});this.componentStructure=Te;var st=Le({$attrs:M,componentData:se});return Te.render(B.h,st)}catch(Se){return this.error=!0,Object(B.h)("pre",{style:{color:"red"}},Se.stack)}},created:function(){this.list!==null&&this.modelValue!==null&&$.a.error("modelValue and list props are mutually exclusive! Please set one or another.")},mounted:function(){var A=this;if(!this.error){var M=this.$attrs,G=this.$el,se=this.componentStructure;se.updated();var ye=Xe({$attrs:M,callBackBuilder:{manageAndEmit:function(st){return re.call(A,st)},emit:function(st){return H.bind(A,st)},manage:function(st){return ce.call(A,st)}}}),me=G.nodeType===1?G:G.parentElement;this._sortable=new P.a(me,ye),this.targetDomElement=me,me.__draggable_component__=this}},updated:function(){this.componentStructure.updated()},beforeUnmount:function(){this._sortable!==void 0&&this._sortable.destroy()},computed:{realList:function(){var A=this.list;return A||this.modelValue},getKey:function(){var A=this.itemKey;return typeof A=="function"?A:function(M){return M[A]}}},watch:{$attrs:{handler:function(A){var M=this._sortable;!M||It(A).forEach(function(G){var se=g(G,2),ye=se[0],me=se[1];M.option(ye,me)})},deep:!0}},methods:{getUnderlyingVm:function(A){return this.componentStructure.getUnderlyingVm(A)||null},getUnderlyingPotencialDraggableComponent:function(A){return A.__draggable_component__},emitChanges:function(A){var M=this;Object(B.nextTick)(function(){return M.$emit("change",A)})},alterList:function(A){if(this.list){A(this.list);return}var M=T(this.modelValue);A(M),this.$emit("update:modelValue",M)},spliceList:function(){var A=arguments,M=function(se){return se.splice.apply(se,T(A))};this.alterList(M)},updatePosition:function(A,M){var G=function(ye){return ye.splice(M,0,ye.splice(A,1)[0])};this.alterList(G)},getRelatedContextFromMoveEvent:function(A){var M=A.to,G=A.related,se=this.getUnderlyingPotencialDraggableComponent(M);if(!se)return{component:se};var ye=se.realList,me={list:ye,component:se};if(M!==G&&ye){var Te=se.getUnderlyingVm(G)||{};return f(f({},Te),me)}return me},getVmIndexFromDomIndex:function(A){return this.componentStructure.getVmIndexFromDomIndex(A,this.targetDomElement)},onDragStart:function(A){this.context=this.getUnderlyingVm(A.item),A.item._underlying_vm_=this.clone(this.context.element),he=A.item},onDragAdd:function(A){var M=A.item._underlying_vm_;if(M!==void 0){D(A.item);var G=this.getVmIndexFromDomIndex(A.newIndex);this.spliceList(G,0,M);var se={element:M,newIndex:G};this.emitChanges({added:se})}},onDragRemove:function(A){if(L(this.$el,A.item,A.oldIndex),A.pullMode==="clone"){D(A.clone);return}var M=this.context,G=M.index,se=M.element;this.spliceList(G,1);var ye={element:se,oldIndex:G};this.emitChanges({removed:ye})},onDragUpdate:function(A){D(A.item),L(A.from,A.item,A.oldIndex);var M=this.context.index,G=this.getVmIndexFromDomIndex(A.newIndex);this.updatePosition(M,G);var se={element:this.context.element,oldIndex:M,newIndex:G};this.emitChanges({moved:se})},computeFutureIndex:function(A,M){if(!A.element)return 0;var G=T(M.to.children).filter(function(Te){return Te.style.display!=="none"}),se=G.indexOf(M.related),ye=A.component.getVmIndexFromDomIndex(se),me=G.indexOf(he)!==-1;return me||!M.willInsertAfter?ye:ye+1},onDragMove:function(A,M){var G=this.move,se=this.realList;if(!G||!se)return!0;var ye=this.getRelatedContextFromMoveEvent(A),me=this.computeFutureIndex(ye,A),Te=f(f({},this.context),{},{futureIndex:me}),st=f(f({},A),{},{relatedContext:ye,draggedContext:Te});return G(st,M)},onDragEnd:function(){he=null}}}),je=Ke;o.default=je},fb6a:function(s,o,r){var a=r("23e7"),l=r("861d"),c=r("e8b5"),d=r("23cb"),u=r("50c4"),f=r("fc6a"),m=r("8418"),p=r("b622"),w=r("1dde"),v=r("ae40"),y=w("slice"),g=v("slice",{ACCESSORS:!0,0:0,1:2}),b=p("species"),_=[].slice,E=Math.max;a({target:"Array",proto:!0,forced:!y||!g},{slice:function(N,P){var D=f(this),L=u(D.length),$=d(N,L),Y=d(P===void 0?L:P,L),j,R,ue;if(c(D)&&(j=D.constructor,typeof j=="function"&&(j===Array||c(j.prototype))?j=void 0:l(j)&&(j=j[b],j===null&&(j=void 0)),j===Array||j===void 0))return _.call(D,$,Y);for(R=new(j===void 0?Array:j)(E(Y-$,0)),ue=0;$<Y;$++,ue++)$ in D&&m(R,ue,D[$]);return R.length=ue,R}})},fc6a:function(s,o,r){var a=r("44ad"),l=r("1d80");s.exports=function(c){return a(l(c))}},fdbc:function(s,o){s.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},fdbf:function(s,o,r){var a=r("4930");s.exports=a&&!Symbol.sham&&typeof Symbol.iterator=="symbol"}}).default})})($h);const Oc=Cg($h.exports),p1={name:"QueueSection",components:{},data(){return{}},methods:{}},m1={class:"tw-mt-4 first:tw-mt-0 tw-border tw-border-gray-400 tw-bg-gray-50 section"},w1={class:"tw-flex tw-items-start tw-mb-3 tw-relative"},g1=h("div",{class:"tw-cursor-move tw-w-8 tw-mt-4 tw-px-6 tw-text-4xl tw-flex tw-justify-center tw-text-gray-400 material-symbols-outlined big-handle"},"drag_indicator",-1),y1={class:"tw-relative tw-leading-none -tw-top-[0px]"},v1=h("div",{class:"tw-bg-white tw-z-2 tw-font-semibold tw-text-[10px] tw-uppercase tw-border-b tw-border-x tw-border-gray-400 tw-text-gray-400 tw-px-2 tw-py-0.5 tw-rounded-md tw-rounded-t-none tw-inline tw-leading-none tw-tracking-wider tw-shadow-sm tw-shadow-slate-200"},"Section",-1),b1={class:"tw-mt-3 tw-text-xl tw-leading-none"},x1={class:"tw-absolute tw-top-4 tw-right-4 tw-bg-gray-100 tw-rounded-md tw-px-3 tw-flex tw-justify-center tw-items-center tw-gap-2 tw-py-1"},S1=h("div",{class:"tw-cursor-pointer tw-pointer-events-none material-symbols-outlined tw-text-xl"},"delete",-1),_1=[S1],C1=h("div",{class:"tw-cursor-pointer tw-pointer-events-none material-symbols-outlined tw-text-xl"},"edit",-1),k1=[C1],T1=h("div",{class:"tw-cursor-pointer tw-pointer-events-none material-symbols-outlined tw-text-2xl"},"playlist_add",-1),E1=[T1],O1={class:"tw-w-full tw-p-4 tw-pt-0"},D1=h("div",{class:"tw-relative tw-top-[1px] tw-bg-white tw-font-semibold tw-ml-8 tw-text-[10px] tw-uppercase tw-border-t tw-border-x tw-border-gray-400 tw-text-gray-400 tw-px-2 tw-pt-0.5 tw-pb-1 tw-rounded-md tw-rounded-b-none tw-inline tw-leading-none tw-tracking-wider"},"Content Items",-1),A1={class:"tw-border tw-border-gray-400 tw-rounded-md"};function P1(e,t,n,i,s,o){return S(),k("div",m1,[h("div",w1,[g1,h("div",y1,[v1,h("div",b1,[Dn(e.$slots,"title")])]),h("div",x1,[h("div",{class:"tw-border-r tw-border-gray-300 tw-pr-2 tw-divide-x tw-opacity-70 tw-cursor-pointer",onClick:t[0]||(t[0]=r=>e.$emit("remove",r))},_1),h("div",{class:"tw-border-r tw-border-gray-300 tw-pr-2 tw-divide-x tw-opacity-70 tw-cursor-pointer",onClick:t[1]||(t[1]=r=>e.$emit("edit",r))},k1),h("div",{class:"tw-opacity-70 tw-cursor-pointer",onClick:t[2]||(t[2]=r=>e.$emit("add",r))},E1)])]),h("div",O1,[D1,h("div",A1,[Dn(e.$slots,"items")])])])}const I1=Pe(p1,[["render",P1]]),M1={name:"QueueItem",props:{editing:{type:Boolean,default:!1},keepInQueue:{type:Boolean,default:!1}},components:{},data(){return{}},methods:{}},R1={class:"tw-flex tw-items-top tw-w-full tw-bg-white"},F1=h("div",{class:"tw-w-10 tw-cursor-move tw-pl-3 tw-pr-1 tw-text-2xl tw-flex tw-justify-center tw-text-gray-400 tw-mt-2 material-symbols-outlined handle"},"drag_indicator",-1),N1={class:"tw-w-full tw-mr-4"},L1={class:"tw-text-lg tw-leading-tight tw-mt-3 tw-mb-2 tw-relative"},j1={key:0,class:"tw-absolute tw-top-2 tw-right-1 tw-bg-gray-100 tw-rounded-md tw-px-3 tw-flex tw-justify-center tw-items-center tw-gap-2 tw-py-1"},U1={key:0,class:"tw-border-r tw-border-gray-300 tw-pr-3 tw-divide-x tw-cursor-pointer tw-text-gray-800"},$1=h("div",{class:"tw-cursor-pointer tw-pointer-events-none material-symbols-outlined tw-text-xl"},"lock",-1),B1=[$1],Y1=h("div",{class:"tw-cursor-pointer tw-pointer-events-none material-symbols-outlined tw-text-xl"},"delete",-1),W1=[Y1],H1=h("div",{class:"tw-cursor-pointer tw-pointer-events-none material-symbols-outlined tw-text-xl"},"edit",-1),K1=[H1],V1={key:1,class:"tw-absolute tw-top-2 tw-right-1 tw-bg-gray-100 tw-rounded-md tw-px-3 tw-flex tw-justify-center tw-items-center tw-gap-2 tw-py-1"},G1=h("div",{class:"tw-cursor-pointer tw-pointer-events-none material-symbols-outlined tw-text-xl"},"save",-1),z1=[G1],J1={class:"tw-text-md tw-leading-tight tw-mb-2 last:tw-mb-4 tw-w-10/12"},X1={class:"tw-text-xs tw-text-gray-400 tw-leading-tight tw-mb-2 last:tw-mb-4"};function Z1(e,t,n,i,s,o){return S(),k("div",R1,[F1,h("div",N1,[h("div",L1,[Dn(e.$slots,"title"),n.editing?(S(),k("div",V1,[h("div",{class:"tw-cursor-pointer tw-text-gray-500",onClick:t[2]||(t[2]=r=>e.$emit("save",r))},z1)])):(S(),k("div",j1,[n.keepInQueue?(S(),k("div",U1,B1)):Q("",!0),h("div",{class:"tw-border-r tw-border-gray-300 tw-pr-2 tw-divide-x tw-cursor-pointer tw-text-gray-500",onClick:t[0]||(t[0]=r=>e.$emit("remove",r))},W1),h("div",{class:"tw-cursor-pointer tw-text-gray-500",onClick:t[1]||(t[1]=r=>e.$emit("edit",r))},K1)]))]),h("div",J1,[Dn(e.$slots,"excerpt")]),h("div",X1,[Dn(e.$slots,"link")])])])}const Q1=Pe(M1,[["render",Z1]]),q1={name:"PanelLabelInput",props:{label:{default:"",type:String},value:{required:!0,default:"",type:String},compact:{default:!1,type:Boolean},size:{default:"medium",type:String},selectAll:{default:!1,type:Boolean},placeholder:{default:"",type:String}},data(){return{isFocused:!1}},computed:{inputVal:{get(){return this.value},set(e){this.$emit("input-change",e)}},isCompactMode(){return this.isFocused&&!this.value?!1:!!(this.value&&this.value.toString().length>0)},labelClasses(){return{"tw-text-xs":this.isCompactMode&&this.size==="small","tw-text-sm":this.isCompactMode&&this.size==="medium","tw-text-lg":!this.isCompactMode&&this.size==="small","tw-text-xl":!this.isCompactMode&&this.size==="medium","tw-font-bold":this.isCompactMode,"tw-bottom-0":!this.isCompactMode}}},watch:{value(e){this.isFocused=!0},isFocused(e){this.selectAll&&e&&this.$refs.field.select()}},methods:{inputFocus(){this.isFocused=!0},inputBlur(){this.isFocused=!1}}},e_={key:0,class:""},t_={class:"tw-font-bold tw-text-base"},n_={class:"tw-w-full tw-border-b tw-border-gray-300"},s_=["placeholder"],i_=["placeholder"];function r_(e,t,n,i,s,o){return n.compact?(S(),k("div",{key:1,class:F(["tw-relative tw-flex tw-items-end",{"tw-h-14":n.size==="medium","tw-h-12":n.size==="small"}])},[h("div",{class:"tw-w-full tw-border-b tw-border-gray-300",onClick:t[6]||(t[6]=(...r)=>o.inputFocus&&o.inputFocus(...r))},[h("div",{class:F(["tw-transition-all tw-absolute tw-left-0 tw-top-0 tw-flex tw-items-center",o.labelClasses])},ae(n.label),3),yt(h("input",{type:"text",class:F(["tw-border-none tw-border-black tw-border-b tw-w-full tw-ring-0 tw-px-0 tw-py-1 tw-font-normal",{"tw-text-base":n.size==="small","tw-text-2xl":n.size==="medium"}]),"onUpdate:modelValue":t[3]||(t[3]=r=>o.inputVal=r),onFocus:t[4]||(t[4]=(...r)=>o.inputFocus&&o.inputFocus(...r)),onBlur:t[5]||(t[5]=(...r)=>o.inputBlur&&o.inputBlur(...r)),placeholder:n.placeholder,ref:"field"},null,42,i_),[[St,o.inputVal]])])],2)):(S(),k("div",e_,[h("div",t_,ae(n.label),1),h("div",n_,[yt(h("input",{type:"text",class:"tw-border-none tw-border-black tw-border-b tw-w-full tw-ring-0 tw-px-0 tw-py-1 tw-text-2xl tw-font-normal","onUpdate:modelValue":t[0]||(t[0]=r=>o.inputVal=r),placeholder:n.placeholder,onFocus:t[1]||(t[1]=(...r)=>o.inputFocus&&o.inputFocus(...r)),onBlur:t[2]||(t[2]=(...r)=>o.inputBlur&&o.inputBlur(...r)),ref:"field"},null,40,s_),[[St,o.inputVal]])])]))}const _i=Pe(q1,[["render",r_]]),o_={name:"LoadingIndicator",props:{},data(){return{}},computed:{},watch:{},methods:{}},a_={class:"tw-absolute tw-left-0 tw-right-0 tw-bottom-0 tw-top-0 tw-flex tw-items-start tw-justify-center tw-z-10"},l_=h("div",{class:"tw-mt-[20vh]"},[h("div",{class:"tw-px-8 tw-py-5 tw-bg-white tw-rounded-xl tw-shadow-sm tw-border tw-border-gray-200 tw-flex tw-items-center"},[h("span",{class:"material-symbols-outlined tw-text-[30px] tw-animate-spin"},"cached")])],-1),c_=[l_];function d_(e,t,n,i,s,o){return S(),k("div",a_,c_)}const Dc=Pe(o_,[["render",d_]]),u_={name:"GeneralPanelQueue",components:{"queue-section":I1,"queue-item":Q1,"panel-button":Sn,"panel-dialog":Uh,"panel-label-input":_i,"loading-indicator":Dc,draggable:Oc},props:{audienceSettings:{required:!0,type:Object},promptSectionAdd:{required:!1,type:Boolean,default:!1},loading:{default:!1}},data(){return{search:null,dialogSectionOpen:!1,dialogContentOpen:!1,sectionDialogTitle:"",searchContentTerms:"",searchContentResults:[],sectionDialogIssue:null,isSectionDragging:!1,isItemDragging:!1,sectionDragging:null,sectionActive:null,itemDragging:null,sectionItemDragging:null,sections:[],sectionItemEditing:null}},watch:{sections(){this.update()},audienceSettings(e){this.sections=e.queue.sections},promptSectionAdd(e){this.dialogSectionOpen=e},dialogContentOpen(e){this.searchForContent("")}},computed:{searchContentStatus(){return this.searchContentResults.length==0&&this.searchContentTerms.length<3||this.searchContentResults.length>0&&this.searchContentTerms.length<3?"Please enter at least 3 characters to begin":this.searchContentResults.length>0?this.searchContentResults.length<=10?`Found ${this.searchContentResults.length} items`:`Found more than ${this.searchContentResults.length} items, refine search to narrow results`:"Searching..."}},methods:{async searchForContent(e){let t=encodeURIComponent(e);await lt.get(`/wp-json/campaignpress/v1/content?terms=${t}`).then(n=>{let s=JSON.parse(n.data).data.posts;return this.searchContentResults=s,s}).catch(n=>(console.log(n),!1))},sectionClasses(e){return{"tw-bg-white":this.sectionItemDragging!=e.id,"tw-border tw-border-transparent tw-bg-white tw-drop-shadow-md":this.sectionItemDragging==e.id}},itemClasses(e){return{"tw-border-transparent tw-rounded-xl":this.itemDragging!=e.id,"tw-opacity-30 tw-border-gray-600 tw-rounded-xl":this.itemDragging==e.id,"first:tw-divide-none tw-divide-y":!this.itemDragging&&!this.sectionDragging,"tw-divide-y tw-divide-white":this.itemDragging||this.sectionDragging,"tw-hidden":this.sectionItemDragging!=e.id&&this.isSectionDragging}},insertIntoSection(e,t){this.sections.filter(i=>i.id==e.id).pop().items.push({id:t.id,title:t.title,excerpt:t.excerpt,link_to_content:t.link_to_content,keep_in_queue:t.keep_in_queue}),this.update()},update(){this.$emit("update",this.sections)},postIsInAudience(e){for(let t=0;t<this.sections.length;t++){let i=this.sections[t].items;for(let s=0;s<i.length;s++)if(i[s].id==e.id)return!0}return!1},sectionDragStarted(e){let t=e.item.dataset.sectionId;this.sectionDragging=t,this.isSectionDragging=!0},sectionDragEnded(e){this.sectionDragging=null,this.isSectionDragging=!1},sectionMoved(e){this.update()},itemDragStarted(e){this.itemDragging=e.item.dataset.itemId,this.sectionItemDragging=e.item.parentNode.parentNode.parentNode.dataset.sectionId,this.isItemDragging=!0},itemDragEnded(e){this.itemDragging=null,this.sectionItemDragging=null,this.isItemDragging=!1},itemMoved(e){this.update()},searchForPostClicked(e){this.dialogContentOpen=!0,this.sectionActive=e},dialogCanceled(){this.dialogSectionOpen=!1,this.dialogContentOpen=!1,this.sectionActive=null,this.searchContentTerms="",this.searchContentResults=[],this.sectionDialogTitle=""},searchContentTermsChanged(e){e.length>=3?this.search(e):this.search(""),this.searchContentTerms=e},insertIntoSectionClicked(e,t){this.insertIntoSection(e,t)},queueSectionAddClicked(e){this.sectionActive=e,this.dialogContentOpen=!0},queueSectionEditClicked(e){this.dialogSectionOpen=!0,this.sectionActive=e,this.sectionDialogTitle=e.title},queueSectionRemoveClicked(e){!confirm("Are you sure you want to remove this entire Section and all of the Content Items?")||(this.sections=this.sections.filter(t=>t.id!==e.id),this.sectionActive=null,this.update())},queueItemRemoveClicked(e,t){if(!confirm("Are you sure you want to remove this Content Item?"))return;let i=e.target.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.dataset.sectionId,s=this.sections.filter(o=>o.id===i).pop();s.items=s.items.filter(o=>o.id!==t.id),this.update()},queueItemEditClicked(e,t){let i=e.target.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.dataset.sectionId,s=this.sections.filter(o=>o.id===i).pop();this.sectionActive=s,this.sectionItemEditing=t.id},queueItemSaveClicked(e,t){this.sectionItemEditing=null,this.update()},sectionDialogTitleChanged(e){this.sectionDialogTitle=e},sectionDialogSaveClicked(){let e=bs.slugify(this.sectionDialogTitle);if(this.sections&&!this.sectionActive)if(!this.sections.find(t=>t.id==e||t.title==this.sectionDialogTitle))this.sections.reverse().push({id:e,title:this.sectionDialogTitle,items:[]}),this.sections.reverse();else{this.sectionDialogIssue={id:"existing",description:"This Section name was previously used or currently exists. Please enter another name."};return}else if(this.sections&&this.sectionActive)if(this.sections.find(t=>t.id==e||t.title==this.sectionDialogTitle)){this.sectionDialogIssue={id:"existing",description:"This Section name was previously used or currently exists. Please enter another name."};return}else{let t=this.sections.filter(n=>n.id==this.sectionActive.id).pop();t.title=this.sectionDialogTitle}this.sectionActive=null,this.sectionDialogTitle="",this.dialogSectionOpen=!1,this.$emit("section-add-cancel"),this.update(),this.sectionDialogIssue=null}},mounted(){this.audienceSettings&&(this.sections=this.audienceSettings.queue.sections),this.search=xt(this.searchForContent,250)}},f_={class:"tw-flex tw-items-center"},h_={class:"tw-flex tw-items-center"},p_={key:0,class:"tw-w-11/12 tw-flex tw-items-center"},m_=["onUpdate:modelValue"],w_={key:1,class:"tw-flex"},g_={key:0,class:"tw-w-full tw-flex tw-items-center"},y_=["onUpdate:modelValue"],v_={key:1,class:"tw-flex"},b_=["innerHTML"],x_={key:1,class:"tw-text-gray-400"},S_={key:0,class:"tw-w-11/12"},__={class:"tw-w-full tw-flex tw-items-center"},C_={class:"tw-w-8/12"},k_=["onUpdate:modelValue"],T_={class:"tw-w-4/12"},E_={class:"tw-px-4"},O_=["onUpdate:modelValue"],D_=h("span",{class:""},"Keep forever",-1),A_={key:1,class:"tw-flex"},P_={key:0},I_={key:1,class:"tw-text-gray-400"},M_={key:1,class:"tw-px-6 tw-py-10 tw-text-center"},R_=h("div",{class:"tw-text-base"},"There are no Content Items in this Section",-1),F_={class:"tw-py-4"},N_=["onClick"],L_=h("div",{class:""},"Tip: While editing a post, you'll notice an area that allows you to add the post to this Section of your next newsletter. ",-1),j_={key:2,class:""},U_=h("div",{class:"tw-border tw-border-gray-200 tw-p-2 tw-py-1 tw-rounded-xl tw-shadow-inner"},[h("div",{class:"tw-text-base"},"Loading...")],-1),$_=[U_],B_={key:3,class:""},Y_=h("div",{class:"tw-w-full tw-mt-2 tw-border tw-border-gray-400 tw-bg-gray-100 tw-p-4 tw-rounded-md tw-items-center tw-justify-center tw-flex"},[xe("You have no Sections. Tap "),h("span",{class:"tw-mx-1 tw-bg-gray-400 tw-border-b-2 tw-border-gray-500 tw-text-white tw-text-xs tw-rounded-md tw-px-2 tw-py-1"},[h("span",{class:"material-symbols-outlined tw-relative -tw-left-[2px] tw-text-[18px] tw-align-text-top"},"add"),xe(" Add Section")]),xe(" button to add one now.")],-1),W_=[Y_],H_={class:F(["tw-text-center tw-my-3 tw-text-xs"])},K_={key:0,class:"tw-border tw-border-gray-200 tw-p-2 tw-py-1 tw-rounded-xl tw-shadow-inner"},V_={class:"tw-flex tw-w-full tw-p-2 first:tw-pt-0 tw-border-b tw-border-b-gray-200 tw-h-8"},G_={class:"tw-w-3/12 tw-flex tw-justify-end"},z_=["onClick"],J_={key:1,class:"tw-px-2 tw-py-1 tw-bg-slate-200 tw-rounded-lg tw-font-semibold tw-text-xs tw-text-white"},X_={key:0,class:""},Z_={key:1,class:""},Q_={key:0,class:"tw-flex tw-justify-center"},q_={class:"tw-flex"},eC={class:"tw-m-4 tw-w-9/12"},tC={class:"tw-w-3/12 tw-flex tw-items-center tw-justify-center"};function nC(e,t,n,i,s,o){const r=oe("loading-indicator"),a=oe("queue-item"),l=oe("draggable"),c=oe("queue-section"),d=oe("panel-label-input"),u=oe("panel-dialog"),f=oe("panel-button");return S(),k("div",null,[n.loading?(S(),Qe(r,{key:0})):Q("",!0),s.sections.length?(S(),Qe(l,{key:1,id:"sections",modelValue:s.sections,"onUpdate:modelValue":t[0]||(t[0]=m=>s.sections=m),handle:".big-handle",class:"tw-w-full","item-key":"id","ghost-class":"tw-opacity-30",onStart:o.sectionDragStarted,onEnd:o.sectionDragEnded,move:o.sectionMoved},{item:De(({element:m})=>[K(c,{class:F(["tw-mt-4 tw-px-0 first:tw-mt-0 tw-w-full tw-rounded-xl",{"tw-opacity-30 tw-pointer-events-none":n.loading},o.sectionClasses(m)]),"data-section-id":m.id,onRemove:p=>o.queueSectionRemoveClicked(m),onEdit:p=>o.queueSectionEditClicked(m),onAdd:p=>o.queueSectionAddClicked(m)},{title:De(()=>[h("div",f_,[h("div",h_,ae(m.title),1)])]),items:De(()=>[m.items&&m.items.length?(S(),Qe(l,{key:0,id:"section-items-"+m.id,modelValue:m.items,"onUpdate:modelValue":p=>m.items=p,handle:".handle",class:F(["transition-all w-full"]),"item-key":"id","ghost-class":"opacity-30",onStart:o.itemDragStarted,onEnd:o.itemDragEnded,move:o.itemMoved},{item:De(({element:p})=>[K(a,{class:F([o.itemClasses(p)]),"data-item-id":p.id,"keep-in-queue":p.keep_in_queue,editing:s.sectionItemEditing==p.id,onEdit:w=>o.queueItemEditClicked(w,p),onRemove:w=>o.queueItemRemoveClicked(w,p),onSave:w=>o.queueItemSaveClicked(w,p)},{title:De(()=>[s.sectionItemEditing==p.id?(S(),k("div",p_,[yt(h("input",{type:"text","onUpdate:modelValue":w=>p.title=w,class:"tw-w-full tw-border-gray-400 tw-rounded-md"},null,8,m_),[[St,p.title]])])):(S(),k("div",w_,ae(p.title),1))]),excerpt:De(()=>[s.sectionItemEditing==p.id?(S(),k("div",g_,[yt(h("textarea",{"onUpdate:modelValue":w=>p.excerpt=w,class:"tw-w-full tw-p-2 tw-border tw-border-gray-400 tw-rounded-md"},null,8,y_),[[St,p.excerpt]])])):(S(),k("div",v_,[p.excerpt?(S(),k("span",{key:0,innerHTML:p.excerpt},null,8,b_)):(S(),k("span",x_,"(No excerpt)"))]))]),link:De(()=>[s.sectionItemEditing==p.id?(S(),k("div",S_,[h("div",__,[h("div",C_,[yt(h("input",{type:"text","onUpdate:modelValue":w=>p.link_to_content=w,class:"tw-w-full tw-border-gray-400 tw-rounded-md"},null,8,k_),[[St,p.link_to_content]])]),h("div",T_,[h("label",E_,[yt(h("input",{type:"checkbox","onUpdate:modelValue":w=>p.keep_in_queue=w},null,8,O_),[[vr,p.keep_in_queue]]),xe(),D_])])])])):(S(),k("div",A_,[p.link_to_content.length>0?(S(),k("span",P_,ae(p.link_to_content),1)):(S(),k("span",I_,"(No link)"))]))]),_:2},1032,["class","data-item-id","keep-in-queue","editing","onEdit","onRemove","onSave"])]),_:2},1032,["id","modelValue","onUpdate:modelValue","onStart","onEnd","move"])):(S(),k("div",M_,[R_,h("div",F_,[h("span",{class:"tw-text-blue-600 tw-font-bold tw-cursor-pointer",onClick:p=>o.searchForPostClicked(m)},"Search for content to add to this Section",8,N_),xe(".")]),L_]))]),_:2},1032,["class","data-section-id","onRemove","onEdit","onAdd"])]),_:1},8,["modelValue","onStart","onEnd","move"])):n.loading?(S(),k("div",j_,$_)):(S(),k("div",B_,W_)),s.sectionActive&&s.dialogContentOpen?(S(),Qe(u,{key:4,onCancel:o.dialogCanceled},{title:De(()=>[xe("Search for content to add to "+ae(s.sectionActive.title),1)]),content:De(()=>[K(d,{label:"",onInputChange:o.searchContentTermsChanged,value:s.searchContentTerms,class:"tw-w-full",compact:!1,size:"small","select-all":!0,placeholder:"Enter titles of posts, pages, etc."},null,8,["onInputChange","value"]),h("div",H_,ae(o.searchContentStatus),1),s.searchContentResults.length>0?(S(),k("div",K_,[(S(!0),k(Oe,null,Ot(s.searchContentResults,m=>(S(),k("div",{class:F(["tw-flex tw-my-2",{"tw-cursor-pointer":!o.postIsInAudience(m)}])},[h("div",V_,[h("div",{class:F(["tw-w-9/12 tw-text-ellipsis tw-overflow-hidden",{"tw-opacity-30":o.postIsInAudience(m)}])},ae(m.title),3),h("div",G_,[o.postIsInAudience(m)?(S(),k("div",J_,"Inserted!")):(S(),k("div",{key:0,class:"tw-px-2 tw-py-1 tw-bg-slate-400 tw-rounded-lg tw-font-semibold tw-text-xs tw-text-white",onClick:p=>o.insertIntoSectionClicked(s.sectionActive,m)},"Insert",8,z_))])])],2))),256))])):Q("",!0)]),_:1},8,["onCancel"])):Q("",!0),s.dialogSectionOpen?(S(),Qe(u,{key:5,onCancel:t[1]||(t[1]=m=>{o.dialogCanceled(),e.$emit("section-add-cancel")})},{title:De(()=>[s.sectionActive?(S(),k("div",X_,"Edit Section")):(S(),k("div",Z_,"Add Section"))]),content:De(()=>[s.sectionDialogIssue?(S(),k("div",Q_,ae(s.sectionDialogIssue.description),1)):Q("",!0),h("div",q_,[h("div",eC,[K(d,{label:"",onInputChange:o.sectionDialogTitleChanged,value:s.sectionDialogTitle,class:"tw-w-full",compact:!1,size:"small","select-all":!0,placeholder:"Enter a title for this Section"},null,8,["onInputChange","value"])]),h("div",tC,[K(f,{onClick:o.sectionDialogSaveClicked,color:"lightgray",class:"tw-w-full"},{default:De(()=>[xe("Save")]),_:1},8,["onClick"])])])]),_:1})):Q("",!0)])}const sC=Pe(u_,[["render",nC]]),iC={name:"DaySelect",props:{value:{required:!0,type:Object},to:{type:Number},disabled:{default:!1}},data(){return{selectOpen:!1,selected:null}},computed:{dayId(){return this.selected?this.selected.id:null},daysOfTheWeek(){return bs.daysOfTheWeek()}},watch:{value(e){this.selected=e}},methods:{itemClicked(e){this.$emit("day-select",e),this.selected=e,this.selectOpen=!1},toggleClicked(){this.selectOpen=!this.selectOpen}},mounted(){this.selected=this.value}},rC={class:"tw-relative tw-flex tw-h-11 tw-min-w-[120px]"},oC={key:0,class:"tw-pointer-events-none"},aC={key:1,class:"tw-pointer-events-none"},lC=["onClick"],cC={class:"tw-px-3 tw-py-2"},dC=h("div",null,null,-1),uC=["onClick"],fC={class:"tw-px-3 tw-py-2"},hC=h("div",null,null,-1);function pC(e,t,n,i,s,o){return S(),k("div",rC,[h("div",{class:F(["tw-bg-white tw-border tw-border-gray-400 tw-rounded-lg tw-overflow-hidden",{"hover:tw-border-gray-900":!n.disabled,"tw-overflow-scroll tw-absolute tw-z-20 tw-top-0 tw-max-h-[210px]":s.selectOpen&&!n.disabled}])},[h("div",{class:F(["tw-cursor-pointer tw-flex tw-items-center tw-py-1 tw-px-3",{"tw-pointer-events-none":n.disabled}]),onClick:t[0]||(t[0]=(...r)=>o.toggleClicked&&o.toggleClicked(...r))},[s.selected&&!n.to?(S(),k("div",oC,ae(s.selected.title),1)):Q("",!0),s.selected&&n.to?(S(),k("div",aC,ae(s.selected),1)):Q("",!0),h("div",{class:F(["tw-pointer-events-none tw-transition-all tw-cursor-pointer material-symbols-outlined tw-ml-3 tw-text-3xl",{"tw-rotate-180":s.selectOpen}])},"expand_more",2)],2),s.selectOpen?(S(),k("div",{key:0,class:F(["tw-border-t tw-border-gray-400 hover:tw-border-gray-900",{"tw-pointer-events-none":n.disabled}])},[n.to?(S(!0),k(Oe,{key:0},Ot(parseInt(n.to),r=>(S(),k("div",{class:"tw-divide-y tw-cursor-pointer hover:tw-bg-gray-300",onClick:a=>o.itemClicked(r)},[h("div",cC,ae(r),1),dC],8,lC))),256)):Q("",!0),n.to?Q("",!0):(S(!0),k(Oe,{key:1},Ot(o.daysOfTheWeek,r=>(S(),k("div",{class:"tw-divide-y tw-cursor-pointer hover:tw-bg-gray-300",onClick:a=>o.itemClicked(r)},[h("div",fC,ae(r.title),1),hC],8,uC))),256))],2)):Q("",!0)],2)])}const mC=Pe(iC,[["render",pC]]),wC={name:"TimeSelect",props:{value:{required:!0,type:Object},disabled:{default:!1}},data(){return{selectHourOpen:!1,selectMinuteOpen:!1,selectedHour:null,selectedMinute:null}},computed:{hourId(){return this.selectedHour?this.selectedHour:null},minuteId(){return this.selectedMinute?this.selectedMinute:null},hours(){return["00","01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16","17","18","19","20","21","22","23"]},minutes(){return["00","15","30","45"]},time(){return`${this.selectedHour}:${this.selectedMinute}`}},watch:{value(e){this.processTime(e)}},methods:{processTime(e){let t=e.split(":")[0],n=e.split(":")[1];this.selectedHour=t,this.selectedMinute=n},hourClicked(e){this.selectedHour=e,this.selectHourOpen=!1,this.$emit("time-select",this.time)},minuteClicked(e){this.selectedMinute=e,this.selectMinuteOpen=!1,this.$emit("time-select",this.time)},toggleHourClicked(){this.selectHourOpen=!this.selectHourOpen},toggleMinuteClicked(){this.selectMinuteOpen=!this.selectMinuteOpen}},mounted(){this.processTime(this.value)}},gC={class:"tw-relative tw-flex tw-h-11 tw-min-w-[80px]"},yC={key:0,class:"tw-pointer-events-none"},vC=["onClick"],bC={class:"tw-px-3 tw-py-2 tw-flex tw-items-start tw-justify-start"},xC={key:0,class:"tw-text-[20px] material-symbols-outlined tw-px-4"},SC=h("div",null,null,-1),_C=h("div",{class:"tw-text-2xl"},":",-1),CC={class:"tw-relative tw-flex tw-h-11 tw-min-w-[110px]"},kC={key:0,class:"tw-pointer-events-none"},TC=["onClick"],EC={class:"tw-px-3 tw-py-2 tw-flex tw-items-start tw-justify-start"},OC={key:0,class:"tw-text-[20px] material-symbols-outlined tw-px-4"},DC=h("div",null,null,-1);function AC(e,t,n,i,s,o){return S(),k(Oe,null,[h("div",gC,[h("div",{class:F(["tw-bg-white tw-border tw-border-gray-400 tw-rounded-lg tw-overflow-hidden tw-w-full",{"hover:tw-border-gray-900":!n.disabled,"tw-overflow-scroll tw-absolute tw-z-20 tw-top-0 tw-max-h-[210px]":s.selectHourOpen}])},[h("div",{class:F(["tw-h-11 tw-cursor-pointer tw-flex tw-items-center tw-py-1 tw-px-3",{"tw-pointer-events-none":n.disabled}]),onClick:t[0]||(t[0]=(...r)=>o.toggleHourClicked&&o.toggleHourClicked(...r))},[s.selectedHour?(S(),k("div",yC,ae(s.selectedHour),1)):Q("",!0),h("div",{class:F(["tw-pointer-events-none tw-absolute tw-right-1 tw-top-1 tw-transition-all tw-cursor-pointer material-symbols-outlined tw-ml-3 tw-text-3xl",{"tw-rotate-180":s.selectHourOpen}])},"expand_more",2)],2),s.selectHourOpen?(S(),k("div",{key:0,class:F(["tw-w-full tw-h-full tw-border-t tw-border-gray-400",{"hover:tw-border-gray-900":!n.disabled,"tw-pointer-events-none":n.disabled}])},[(S(!0),k(Oe,null,Ot(o.hours,r=>(S(),k("div",{class:"tw-h-full tw-divide-y tw-cursor-pointer hover:tw-bg-gray-300",onClick:a=>o.hourClicked(r)},[h("div",bC,[xe(ae(r)+" ",1),s.selectedHour==r?(S(),k("span",xC,"done")):Q("",!0)]),SC],8,vC))),256))],2)):Q("",!0)],2)]),_C,h("div",CC,[h("div",{class:F(["tw-bg-white tw-border tw-border-gray-400 tw-rounded-lg tw-overflow-hidden tw-w-full",{"hover:tw-border-gray-900":!n.disabled,"tw-overflow-scroll tw-absolute tw-z-20 tw-top-0 tw-max-h-[210px]":s.selectMinuteOpen}])},[h("div",{class:F(["tw-h-11 tw-cursor-pointer tw-flex tw-items-center tw-py-1 tw-px-3",{"tw-pointer-events-none":n.disabled}]),onClick:t[1]||(t[1]=(...r)=>o.toggleMinuteClicked&&o.toggleMinuteClicked(...r))},[s.selectedMinute?(S(),k("div",kC,ae(s.selectedMinute),1)):Q("",!0),h("div",{class:F(["tw-pointer-events-none tw-absolute tw-right-1 tw-top-1 tw-transition-all tw-cursor-pointer material-symbols-outlined tw-ml-3 tw-text-3xl",{"tw-rotate-180":s.selectMinuteOpen}])},"expand_more",2)],2),s.selectMinuteOpen?(S(),k("div",{key:0,class:F(["tw-w-full tw-h-full tw-border-t tw-border-gray-400",{"hover:tw-border-gray-900":!n.disabled,"tw-pointer-events-none":n.disabled}])},[(S(!0),k(Oe,null,Ot(o.minutes,r=>(S(),k("div",{class:"tw-divide-y tw-cursor-pointer hover:tw-bg-gray-300",onClick:a=>o.minuteClicked(r)},[h("div",EC,[xe(ae(r)+" ",1),s.selectedMinute==r?(S(),k("span",OC,"done")):Q("",!0)]),DC],8,TC))),256))],2)):Q("",!0)],2)])],64)}const PC=Pe(wC,[["render",AC]]),IC={name:"PanelCheckbox",props:{name:{default:""},color:{default:"amber"},value:{default:""},checked:{default:!1},disabled:{default:!1}},data(){return{}},computed:{checkClasses(){let e="tw-cursor-pointer tw-rounded-md tw-border-2 tw-w-6 tw-h-6 tw-outline-0 tw-ring-0 tw-p-0.5";switch(this.color){case"amber":return[e,{"tw-border-amber-600":this.checked,"tw-border-amber-500":!this.checked}];case"lightgray":return[e,{"tw-border-white":this.checked,"tw-border-gray-500":!this.checked}]}},checkIndicatorClasses(){let e="tw-w-full tw-h-full tw-rounded-sm";switch(this.color){case"amber":return[e,{"tw-bg-amber-400":this.checked,"tw-bg-white":!this.checked}];case"lightgray":return[e,{"tw-bg-gray-400":this.checked,"tw-bg-white":!this.checked}]}},inputVal:{get(){return this.value},set(e){this.$emit("input",e)}}},watch:{},methods:{checkClicked(e){this.$emit("input",!this.checked)}}},MC=["data-checked"],RC=["value"];function FC(e,t,n,i,s,o){return S(),k("div",{"data-checked":o.inputVal?"true":"false"},[h("div",{class:F(o.checkClasses),onClick:t[0]||(t[0]=(...r)=>o.checkClicked&&o.checkClicked(...r))},[h("div",{class:F(o.checkIndicatorClasses)},null,2)],2),Dn(e.$slots,"default"),h("input",{type:"hidden",value:o.inputVal},null,8,RC)],8,MC)}const Qh=Pe(IC,[["render",FC]]),NC={name:"PanelPurchase",components:{"panel-button":Sn},props:{},data(){return{}},computed:{},watch:{},methods:{purchaseNowClicked(){window.open("https://campaignpress.ca","campaignpress")}},mounted(){}},LC={class:"tw-absolute tw-top-0 tw-bottom-0 tw-left-0 tw-right-0 tw-z-10 tw-bg-white/60"},jC={class:"tw-relative tw-flex tw-flex-col tw-w-8/12 tw-px-8 tw-py-6 tw-my-10 tw-mx-auto tw-items-center tw-justify-center tw-bg-white tw-rounded-xl tw-border-gray-400 tw-border tw-shadow-lg"},UC={class:""},$C={class:"tw-flex tw-flex-col tw-items-center"},BC=h("div",{class:"tw-font-semibold tw-text-lg"},"This is a Premium Feature",-1),YC=h("div",{class:"tw-text-base"},"Experience all of the great features of CampaignPress Premium",-1),WC={class:"tw-pt-4 tw-text-base"};function HC(e,t,n,i,s,o){const r=oe("panel-button");return S(),k("div",LC,[h("div",jC,[h("div",UC,[h("div",$C,[BC,YC,h("div",WC,[K(r,{onClick:o.purchaseNowClicked},{default:De(()=>[xe("Purchase now")]),_:1},8,["onClick"])])])])])])}const KC=Pe(NC,[["render",HC]]),VC={name:"PanelState",components:{"panel-button":Sn},props:{},data(){return{}},computed:{},watch:{},methods:{pauseClicked(){this.$emit("pause")}},mounted(){}},GC={class:"tw-absolute tw-top-6 tw-bottom-0 tw-left-0 tw-right-0 tw-z-10 tw-bg-white/60"},zC={class:"tw-relative tw-flex tw-flex-col tw-w-7/12 tw-px-8 tw-py-6 tw-my-10 tw-mx-auto tw-items-center tw-justify-center tw-bg-white tw-rounded-xl tw-border-gray-400 tw-border tw-shadow-lg"},JC={class:""},XC={class:"tw-flex tw-flex-col tw-items-center"},ZC=h("div",{class:"tw-font-semibold tw-text-lg"},"Your Campaign is running",-1),QC=h("div",{class:"tw-text-base tw-text-center"},"To change your frequency, pause your campaign first.",-1),qC={class:"tw-pt-4"},e2=h("span",{class:"material-symbols-outlined tw-text-base tw-mr-2 -tw-ml-2"},"pause",-1);function t2(e,t,n,i,s,o){const r=oe("panel-button");return S(),k("div",GC,[h("div",zC,[h("div",JC,[h("div",XC,[ZC,QC,h("div",qC,[K(r,{class:"tw-flex tw-items-center",onClick:o.pauseClicked},{default:De(()=>[e2,xe(" Pause")]),_:1},8,["onClick"])])])])])])}const n2=Pe(VC,[["render",t2]]),s2={name:"GeneralPanelCampaignFree",components:{"panel-button":Sn,"panel-checkbox":Qh,"panel-purchase":KC,"panel-state":n2,"day-select":mC,"time-select":PC,"loading-indicator":Dc,draggable:Oc},props:{audienceSettings:{required:!0,type:Object},loading:{default:!1}},data(){return{copiedToClipboard:null,activeFrequencyTab:"weekly",frequencyTabs:[{id:"weekly",title:"Weekly"},{id:"biweekly",title:"Bi-Weekly"},{id:"monthly",title:"Monthly"},{id:"daily",title:"Daily"}],scheduleWeeklyDaySelected:{id:"monday",title:"Monday"},scheduleWeeklyTimeSelected:"12:30",scheduleBiWeeklyDateSelected:1,scheduleBiWeeklyDaySelected:{id:"monday",title:"Monday"},scheduleBiWeeklyTimeSelected:"12:30",scheduleMonthlyDateSelected:1,scheduleMonthlyTimeSelected:"12:30",scheduleDailyDaysSelected:{sunday:!1,monday:!1,tuesday:!1,wednesday:!1,thursday:!1,friday:!1,saturday:!1},scheduleDailyDayTimeSelected:{sunday:"12:30",monday:"12:30",tuesday:"12:30",wednesday:"12:30",thursday:"12:30",friday:"12:30",saturday:"12:30"},emailSubject:"",emailHeadline:"",emailFrequency:"weekly",subjectShortcuts:[{id:"date_today",title:"Today's Date"},{id:"audience_title",title:"Audience Title"},{id:"total_content_items",title:"Total # of Content Items"}]}},watch:{audienceSettings(e){this.campaign=e.campaign,this.setup()},scheduleWeeklyDaySelected(){this.update()},scheduleWeeklyTimeSelected(){this.update()}},computed:{scheduleBiWeeklyDateDifferential(){let e=this.scheduleBiWeeklyDateSelected-1+15;return e>28?"last day":e},nextScheduledSendLabel(){if(!!this.audienceSettings&&!!this.audienceSettings.campaign&&!!this.audienceSettings.campaign.email_frequency_settings)switch(this.emailFrequency){case"weekly":return this.displayNextScheduledSend("weekly",this.audienceSettings.campaign.email_frequency_settings,this.audienceSettings.timezone)}},timezoneLabel(){return this.audienceSettings?`${this.audienceSettings.timezone.label} (${this.audienceSettings.timezone.offset})`:"-"},daysOfTheWeek(){return bs.daysOfTheWeek()},activeFrequencyTabLabel(){return this.activeFrequencyTab?this.frequencyTabs.find(e=>e.id==this.activeFrequencyTab).title:""},campaignState(){return this.audienceSettings?this.audienceSettings.state:0}},methods:{update(){this.campaign.email_frequency_settings={days:[this.scheduleWeeklyDaySelected],times:[this.scheduleWeeklyTimeSelected]},this.$emit("update",this.campaign)},setup(){switch(this.emailSubject=this.campaign.email_subject,this.emailHeadline=this.campaign.email_headline,this.emailFrequency=this.campaign.email_frequency,this.emailFrequency){case"weekly":this.scheduleWeeklyDaySelected=this.campaign.email_frequency_settings.days[0],this.scheduleWeeklyTimeSelected=this.campaign.email_frequency_settings.times[0];break}},displayNextScheduledSend(e,t,n){return bs.displayNextScheduledSend(e,t,n)},frequencyTabClicked(e){this.activeFrequencyTab=e,this.campaign.email_frequency=e,this.update()},copyToClipboard(e,t){this.copiedToClipboard=e,navigator.clipboard.writeText("{"+t.id+"}"),setTimeout(()=>this.copiedToClipboard=null,1e3)},emailSubjectChanged(){this.campaign.email_subject=this.emailSubject,this.update()},emailHeadlineChanged(){this.emailHeadline.length>0&&(this.campaign.email_headline=this.emailHeadline,this.update())},emailFrequencyChanged(){this.emailFrequency.length>0&&(this.campaign.email_frequency=this.emailFrequency,this.update())}},mounted(){this.activeFrequencyTab=this.frequencyTabs[0].id,this.audienceSettings&&(this.campaign=this.audienceSettings.campaign,this.setup())}},i2={class:"tw-w-full"},r2={class:"tw-w-full"},o2=h("div",{class:"tw-font-bold tw-text-base"},"Email Subject",-1),a2={class:"tw-w-full tw-border-b tw-border-gray-300"},l2=["disabled"],c2={class:"tw-w-full tw-flex tw-gap-3 tw-py-4 tw-items-center"},d2=["onClick"],u2=h("span",{class:"material-symbols-outlined tw-text-[18px] tw-mr-2"},"content_copy",-1),f2=h("strong",null,"at least an hour before",-1),h2={class:"tw-w-full tw-mt-8"},p2={class:"tw-font-bold tw-text-base"},m2={class:"tw-flex tw-w-full"},w2={class:"tw-w-full tw-text-sm tw-m-0 tw-ml-6 tw-flex tw-items-end tw-h-16"},g2=["onClick"],y2={class:"tw-flex tw-w-full tw-border tw-p-8 tw-border-gray-300 tw-rounded-md tw-bg-white"},v2={key:0,class:F(["tw-divide-y tw-w-full"])},b2=h("div",{class:"tw-py-2"},"Sending to your list weekly means CampaignPress will send once per week.",-1),x2={class:"tw-py-2 tw-font-bold"},S2={class:"tw-relative"},_2=h("div",{class:""},"Every",-1),C2=h("div",{class:""},"At",-1),k2={key:1,class:"tw-divide-y tw-w-full"},T2=h("div",{class:"tw-py-2"},"Sending to your list bi-weekly means CampaignPress will send twice per month.",-1),E2={class:"tw-relative"},O2={class:"tw-py-4 tw-flex-col tw-gap-3 tw-items-center"},D2={class:"tw-flex tw-gap-3 tw-items-center tw-mb-3"},A2=h("div",{class:""},"Every two weeks, on",-1),P2=h("div",null,"and 15 of every month",-1),I2={class:"tw-flex tw-gap-3 tw-items-center"},M2=h("div",{class:""},"Every other",-1),R2={class:"tw-py-4 tw-flex tw-gap-3 tw-items-center"},F2=h("div",{class:""},"At",-1),N2={key:2,class:"tw-divide-y tw-w-full tw-h-60"},L2=h("div",{class:"tw-py-2"},"Sending to your list monthly means CampaignPress will send once per month.",-1),j2={class:"tw-relative"},U2={class:"tw-py-4 tw-flex-col tw-gap-3 tw-items-center"},$2={class:"tw-flex tw-gap-3 tw-items-center"},B2=h("div",null,"of every month",-1),Y2={class:"tw-py-4 tw-flex tw-gap-3 tw-items-center"},W2=h("div",{class:""},"At",-1),H2={key:3,class:"tw-divide-y tw-w-full"},K2=h("div",{class:"tw-py-2"},"Sending to your list daily means CampaignPress will send on specific days of the week, at specific times.",-1),V2={class:"tw-py-2 tw-w-full tw-divide-y tw-relative"},G2={class:"tw-w-full tw-flex tw-items-center tw-opacity-50"},z2={class:"tw-flex tw-items-center tw-w-full"},J2={class:F(["tw-w-24"])},X2=h("div",{class:F(["tw-w-16 tw-text-center"])},"at",-1),Z2={class:F(["tw-py-2 tw-flex tw-text-center"])};function Q2(e,t,n,i,s,o){const r=oe("loading-indicator"),a=oe("panel-state"),l=oe("day-select"),c=oe("time-select"),d=oe("panel-purchase"),u=oe("panel-checkbox");return S(),k("div",i2,[n.loading?(S(),Qe(r,{key:0})):Q("",!0),h("div",r2,[o2,h("div",a2,[yt(h("input",{type:"text",class:"tw-border-none tw-border-black tw-border-b tw-w-full tw-ring-0 tw-p-0 tw-text-2xl tw-font-normal tw-py-2","onUpdate:modelValue":t[0]||(t[0]=f=>s.emailSubject=f),onChange:t[1]||(t[1]=(...f)=>o.emailSubjectChanged&&o.emailSubjectChanged(...f)),onFocus:t[2]||(t[2]=f=>f.target.select()),disabled:n.loading},null,40,l2),[[St,s.emailSubject]])])]),h("div",c2,[(S(!0),k(Oe,null,Ot(s.subjectShortcuts,f=>(S(),k("div",{class:"tw-flex tw-items-center tw-cursor-pointer tw-rounded-full tw-px-4 tw-py-2 tw-text-gray-500 tw-border tw-border-gray-300",onClick:m=>o.copyToClipboard("subject",f)},[u2,xe(" "+ae(f.title),1)],8,d2))),256)),h("div",{class:F(["tw-rounded-full tw-px-3 tw-h-7 tw-py-1.5 tw-bg-gray-800 tw-text-white tw-text-xs",{"tw-opacity-0":s.copiedToClipboard!=="subject","tw-animate-duration-600 tw-animate-ping":s.copiedToClipboard=="subject"}])},"Copied!",2)]),h("div",{class:F(["tw-w-full tw-mt-2 tw-border tw-border-gray-400 tw-bg-gray-100 tw-p-4 tw-rounded-md",{"tw-opacity-50":n.loading}])},[xe("Update your Email Subject "),f2,xe(" your next scheduled send.")],2),h("div",h2,[h("div",p2,"Frequency: "+ae(o.activeFrequencyTabLabel),1)]),h("div",{class:F(["tw-w-full tw-drop-shadow-md",{"tw-opacity-50 tw-pointer-events-none":n.loading}])},[h("div",m2,[h("div",w2,[(S(!0),k(Oe,null,Ot(s.frequencyTabs,f=>(S(),k("div",{onClick:m=>o.frequencyTabClicked(f.id),style:Ws({marginBottom:f.id===s.activeFrequencyTab?"-2px !important":"0 !important"}),class:F(["tw-transition-all tw-bg-white",{"tw-cursor-pointer tw-mt-3 tw-px-6 tw-py-2 tw-rounded-tl-md tw-rounded-tr-md tw-mb-0 tw-border-t tw-border-l last:tw-border-r tw-border-gray-300 tw-border-b-0":f.id!==s.activeFrequencyTab,"tw-cursor-default tw-touch-none tw-mt-1 tw-mb-0 tw-pb-3 tw-px-8 tw-py-2 tw-rounded-tl-xl tw-rounded-tr-xl tw-relative tw-z-10 tw-border tw-border-b-0 tw-border-r-0 last:tw-border-r tw-border-gray-300":f.id===s.activeFrequencyTab}])},[h("div",{class:F(["tw-transition-all tw-touch-none",{"tw-px-2 tw-text-gray-500 tw-text-xs":f.id!==s.activeFrequencyTab,"":f.id===s.activeFrequencyTab}])},ae(f.title),3)],14,g2))),256))])]),h("div",y2,[s.activeFrequencyTab==="weekly"?(S(),k("div",v2,[o.campaignState===1?(S(),Qe(a,{key:0,onPause:t[3]||(t[3]=f=>e.$emit("pause"))})):Q("",!0),h("div",{class:F(["",{"tw-opacity-30":o.campaignState===1}])},[b2,h("div",x2,"Based on your settings, the next send will occur on: "+ae(o.nextScheduledSendLabel),1)],2),h("div",S2,[h("div",{class:F(["tw-py-4 tw-flex tw-gap-3 tw-items-center",{"tw-opacity-30":o.campaignState===1}])},[_2,K(l,{value:s.scheduleWeeklyDaySelected,onDaySelect:t[4]||(t[4]=f=>{s.scheduleWeeklyDaySelected=f}),disabled:o.campaignState},null,8,["value","disabled"]),C2,K(c,{value:s.scheduleWeeklyTimeSelected,onTimeSelect:t[5]||(t[5]=f=>{s.scheduleWeeklyTimeSelected=f}),disabled:o.campaignState},null,8,["value","disabled"])],2)]),h("div",{class:F(["tw-py-4 tw-flex tw-items-center",{"tw-opacity-30":o.campaignState===1}])}," Send times are based on your timezone of "+ae(o.timezoneLabel)+". ",3)])):Q("",!0),s.activeFrequencyTab==="biweekly"?(S(),k("div",k2,[T2,h("div",E2,[K(d),h("div",O2,[h("div",D2,[A2,K(l,{value:1,to:"15"}),P2]),h("div",I2,[M2,K(l,{value:s.scheduleBiWeeklyDaySelected},null,8,["value"])])]),h("div",R2,[F2,K(c,{value:s.scheduleBiWeeklyTimeSelected},null,8,["value"])])])])):Q("",!0),s.activeFrequencyTab==="monthly"?(S(),k("div",N2,[L2,h("div",j2,[K(d),h("div",U2,[h("div",$2,[K(l,{value:s.scheduleMonthlyDateSelected,to:"15"},null,8,["value"]),B2])]),h("div",Y2,[W2,K(c,{value:s.scheduleMonthlyTimeSelected},null,8,["value"])])])])):Q("",!0),s.activeFrequencyTab==="daily"?(S(),k("div",H2,[K2,h("div",V2,[K(d),(S(!0),k(Oe,null,Ot(o.daysOfTheWeek,f=>(S(),k("div",G2,[K(u,{value:!1,class:"tw-mr-3"}),h("div",z2,[h("div",J2,ae(f.title),1),X2,h("div",Z2,[K(c,{value:s.scheduleDailyDayTimeSelected[f.id]},null,8,["value"])])])]))),256))])])):Q("",!0)])],2)])}const q2=Pe(s2,[["render",Q2]]),ek={},tk={width:"53px",height:"53px",viewBox:"0 0 53 53",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},nk=vi('<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="AddContentSection" transform="translate(-424.000000, 1.000000)" fill="#FFFFFF" stroke="#747474"><g id="Group-4" transform="translate(346.000000, 0.000000)"><g id="Group-2" transform="translate(79.000000, 0.000000)"><path d="M30.5,0 C33.2614237,-5.07265313e-16 35.5,2.23857625 35.5,5 L35.5,15.5 L46,15.5 C48.7614237,15.5 51,17.7385763 51,20.5 L51,30.5 C51,33.2614237 48.7614237,35.5 46,35.5 L35.5,35.5 L35.5,46 C35.5,48.7614237 33.2614237,51 30.5,51 L20.5,51 C17.7385763,51 15.5,48.7614237 15.5,46 L15.5,35.5 L5,35.5 C2.23857625,35.5 0,33.2614237 0,30.5 L0,20.5 C0,17.7385763 2.23857625,15.5 5,15.5 L15.5,15.5 L15.5,5 C15.5,2.23857625 17.7385763,-3.80913106e-16 20.5,0 L30.5,0 Z" id="Rectangle-2"></path></g></g></g></g>',1),sk=[nk];function ik(e,t){return S(),k("svg",tk,sk)}const Ac=Pe(ek,[["render",ik]]),rk={props:["type"]},ok={key:0,class:"material-symbols-outlined tw-text-[40px]"},ak={key:1,class:"material-symbols-outlined tw-text-[40px]"},lk={key:2,class:"material-symbols-outlined tw-text-[40px]"},ck={key:3,class:"material-symbols-outlined tw-text-[40px]"},dk={key:4,class:"material-symbols-outlined tw-text-[40px]"},uk={key:5,class:"material-symbols-outlined tw-text-[40px]"};function fk(e,t,n,i,s,o){return S(),k(Oe,null,[n.type==="two_col"?(S(),k("span",ok,"view_column_2")):Q("",!0),n.type==="code"?(S(),k("span",ak,"code")):Q("",!0),n.type==="image"?(S(),k("span",lk,"image")):Q("",!0),n.type==="section"?(S(),k("span",ck,"dns")):Q("",!0),n.type==="spacer"?(S(),k("span",dk,"crop_16_9")):Q("",!0),n.type==="text"?(S(),k("span",uk,"notes")):Q("",!0)],64)}const ma=Pe(rk,[["render",fk]]),hk={name:"TemplateDesignerBlockSelect",components:{"icon-plus":Ac,"icon-block":ma},props:{blocks:{required:!0},row:{required:!0},position:{required:!0,default:"left"}},data(){return{blockClicked:null}},methods:{blockClick(e,t,n){this.$emit("select",{row:e,block:t,position:n})}},created(){this.blockClicked=xt(this.blockClick,500)}},pk={class:"tw-grid tw-grid-cols-2 tw-items-center tw-justify-center tw-gap-2"},mk=["onClick"],wk={class:"tw-cursor-pointer tw-px-3 tw-py-4 tw-border tw-border-gray-300 tw-rounded-xl tw-w-32 tw-h-28 tw-flex tw-flex-col tw-items-center tw-justify-center"},gk={class:"tw-h-24 tw-flex tw-items-center tw-justify-center"},yk={class:"tw-text-sm tw-pt-2"};function vk(e,t,n,i,s,o){const r=oe("icon-block");return S(),k("div",pk,[(S(!0),k(Oe,null,Ot(n.blocks,a=>(S(),k("div",{class:F(["tw-col-span-1 tw-flex tw-items-center tw-justify-center"]),onClick:l=>s.blockClicked(n.row,a,n.position),key:a.id+n.position},[h("div",wk,[h("div",gk,[K(r,{type:a.type},null,8,["type"])]),h("div",yk,ae(a.title),1)])],8,mk))),128))])}const qh=Pe(hk,[["render",vk]]),bk={name:"SectionSelect",props:{sections:{required:!0,type:Array},selected:{required:!0,type:Object},prompt:{type:String}},data(){return{listOpen:!1,sectionSelected:null}},computed:{},watch:{selected(e){this.sectionSelected=e}},methods:{sectionItemClicked(e){this.$emit("section-change",e),this.sectionSelected=e,this.listOpen=!1},listToggleClicked(){this.listOpen=!this.listOpen}},mounted(){this.sectionSelected=this.selected}},xk={class:"tw-relative tw-flex tw-h-11 tw-min-w-[200px]"},Sk={key:0,class:"pointer-events-none"},_k={key:0,class:F(["tw-w-full tw-h-full tw-border-t tw-border-gray-400 hover:tw-border-gray-900",{}])},Ck={key:0,class:"tw-border-b tw-border-gray-400 tw-px-3 tw-py-2 tw-pointer-events-none tw-font-semibold"},kk=["onClick"],Tk={class:"tw-px-3 tw-py-2 tw-flex tw-items-start tw-justify-start"},Ek={key:0,class:"tw-text-[20px] material-symbols-outlined tw-px-4"},Ok=h("div",null,null,-1);function Dk(e,t,n,i,s,o){return S(),k("div",xk,[h("div",{class:F(["tw-bg-white tw-border tw-border-gray-400 hover:tw-border-gray-900 tw-rounded-lg tw-overflow-hidden tw-w-full",{"tw-overflow-scroll tw-absolute tw-z-20 tw-top-0 tw-max-h-[210px]":s.listOpen}])},[h("div",{class:"tw-h-11 tw-cursor-pointer tw-flex tw-items-center tw-py-1 tw-px-3",onClick:t[0]||(t[0]=(...r)=>o.listToggleClicked&&o.listToggleClicked(...r))},[s.sectionSelected?(S(),k("div",Sk,ae(s.sectionSelected.title),1)):Q("",!0),h("div",{class:F(["tw-absolute tw-right-1 tw-top-1 tw-transition-all tw-cursor-pointer pointer-events-none material-symbols-outlined tw-ml-3 tw-text-3xl",{"tw-rotate-180":s.listOpen}])},"expand_more",2)]),s.listOpen?(S(),k("div",_k,[n.prompt?(S(),k("div",Ck,ae(n.prompt),1)):Q("",!0),(S(!0),k(Oe,null,Ot(n.sections,r=>(S(),k("div",{class:"tw-h-full tw-divide-y tw-cursor-pointer hover:tw-bg-gray-300",onClick:a=>o.sectionItemClicked(r)},[h("div",Tk,[xe(ae(r.title)+" ",1),s.sectionSelected&&s.sectionSelected.id==r.id?(S(),k("span",Ek,"done")):Q("",!0)]),Ok],8,kk))),256))])):Q("",!0)],2)])}const ep=Pe(bk,[["render",Dk]]),Ak={name:"TemplateDesignerBlockSection",components:{"section-select":ep,"panel-label-input":_i},props:{block:{required:!0},availableSections:{required:!0},singleMode:{required:!0,default:!1}},data(){return{sectionChanged:null,labelChanged:null,rangeChanged:null,sectionSelected:null}},watch:{block(e){e.section&&(this.sectionSelected={id:e.section.id,title:e.section.title})}},computed:{label(){return this.block&&this.block.label?this.block.label:""},rangeFrom(){return this.block&&this.block.range_from?this.block.range_from:"0"},rangeTo(){return this.block&&this.block.range_to?this.block.range_to:"9999"},availableSectionItems(){return this.availableSections.isArray?this.availableSections.map(e=>({id:e.id,title:e.title})):[]}},methods:{sectionChange(e){let t=this.block;t.section=e,this.$emit("section-change",t)},labelChange(e){let t=this.block;t.label=e,this.$emit("section-change",t)},rangeChange(e,t){let n=this.block,i=t.target.value;e=="from"?(n.range_from=i,n.range_to=this.block.range_to):(n.range_from=this.block.range_from,n.range_to=i),this.$emit("section-change",n)}},mounted(){this.block.section&&(this.sectionSelected={id:this.block.section.id,title:this.block.section.title}),this.sectionChanged=xt(this.sectionChange,500),this.labelChanged=xt(this.labelChange,500),this.rangeChanged=xt(this.rangeChange,500)}},Pk={class:"tw-flex tw-flex-col tw-items-center tw-justify-center tw-w-full tw-mt-4"};function Ik(e,t,n,i,s,o){const r=oe("panel-label-input"),a=oe("section-select");return S(),k("div",Pk,[K(r,{label:"Label",onInputChange:s.labelChanged,value:o.label,class:"tw-w-full",compact:!0,size:"small","select-all":!0},null,8,["onInputChange","value"]),h("div",{class:F(["tw-h-full tw-flex tw-gap-2 tw-w-full",{"tw-flex-col tw-mt-4":n.singleMode,"tw-justify-start tw-mt-6 tw-items-center":!n.singleMode}])},[h("div",{class:F(["tw-flex tw-items-center",{"tw-ml-6":!1,"tw-my-2":n.singleMode}])},[h("div",{class:F(["",{"-tw-rotate-90 tw-h-[20px]":!n.singleMode,"tw-mr-4":n.singleMode,"tw-opacity-30":!1}])},"Section",2),K(a,{selected:s.sectionSelected,sections:n.availableSections,onSectionChange:s.sectionChanged,prompt:"Section to Display"},null,8,["selected","sections","onSectionChange"])],2),h("div",{class:F(["tw-flex tw-items-center",{"tw-ml-2":!n.singleMode,"tw-my-2":n.singleMode}])},[h("div",{class:F(["",{"-tw-rotate-90 tw-h-[20px]":!n.singleMode,"tw-mr-4":n.singleMode,"tw-opacity-30":!1}])},"No. shown",2),yt(h("input",{type:"number",from:"1",step:"1","onUpdate:modelValue":t[0]||(t[0]=l=>o.rangeTo=l),class:"tw-w-20 tw-h-10",onChange:t[1]||(t[1]=l=>s.rangeChanged("to",l))},null,544),[[St,o.rangeTo]])],2)],2)])}const tp=Pe(Ak,[["render",Ik]]),Mk={name:"TemplateDesignerBlockCode",components:{"panel-label-input":_i},props:{block:{required:!0},singleMode:{required:!0,default:!1}},data(){return{labelChanged:null,codeChanged:null,code:"",placeholder:"e.g. <style> tags or other HTML code"}},watch:{block(e){this.code=e.code}},computed:{label(){return this.block&&this.block.label?this.block.label:""}},methods:{codeChange(){let e=this.block;e.code=this.code,e.label=this.label,this.$emit("code-change",e)},labelChange(e){let t=this.block;t.code=this.code,t.label=e,this.$emit("code-change",t)}},mounted(){this.block.code&&(this.code=this.block.code),this.codeChanged=xt(this.codeChange,500),this.labelChanged=xt(this.labelChange,500)}},Rk={class:"tw-mt-4 tw-w-full"},Fk={class:"tw-flex tw-items-center tw-justify-center"},Nk=["placeholder"];function Lk(e,t,n,i,s,o){const r=oe("panel-label-input");return S(),k("div",Rk,[K(r,{label:"Label",onInputChange:s.labelChanged,value:o.label,class:"tw-w-full",compact:!0,size:"small","select-all":!0},null,8,["onInputChange","value"]),h("div",Fk,[yt(h("textarea",{class:"tw-my-4 tw-w-full tw-h-32 tw-border tw-border-gray-500 tw-rounded-xl tw-p-2 tw-outline-none tw-ring-0",onKeyup:t[0]||(t[0]=(...a)=>s.codeChanged&&s.codeChanged(...a)),"onUpdate:modelValue":t[1]||(t[1]=a=>s.code=a),placeholder:s.placeholder},ae(s.code),41,Nk),[[St,s.code]])])])}const np=Pe(Mk,[["render",Lk]]),jk={name:"TemplateDesignerBlockText",components:{"panel-label-input":_i},props:{block:{required:!0},singleMode:{required:!0,default:!1}},data(){return{labelChanged:null,textChanged:null,editorInitialized:!1,text:"",placeholder:""}},watch:{block(e){this.text=e.text,this.createEditor()}},computed:{label(){return this.block&&this.block.label?this.block.label:""}},methods:{createEditor(){if(this.block&&!this.editorInitialized){let e="editor_"+this.block.id,t=this.textChanged;tinymce.init({selector:`#${e}`,height:"150px",setup:function(n){n.on("change",function(i){t(n.getContent())}),n.on("blur",function(i){t(n.getContent())}),n.on("keypress",function(i){t(n.getContent())})}}),this.editorInitialized=!0}},textChange(e){let t=this.block;t.text=e,t.label=this.label,this.$emit("text-change",t)},labelChange(e){let t=this.block;t.text=this.text,t.label=e,this.$emit("text-change",t)}},mounted(){if(this.block){this.text=this.block.text;let e=this;setTimeout(function(){e.createEditor()},10)}this.textChanged=xt(this.textChange,500),this.labelChanged=xt(this.labelChange,500)}},Uk={class:"tw-mt-4"},$k={key:0,class:"tw-flex tw-items-center tw-justify-center tw-overflow-hidden tw-border tw-border-gray-200 tw-rounded-2xl"},Bk=["id","placeholder"];function Yk(e,t,n,i,s,o){const r=oe("panel-label-input");return S(),k("div",Uk,[K(r,{label:"Label",onInputChange:s.labelChanged,value:o.label,class:"tw-w-full tw-mb-4",compact:!0,size:"small","select-all":!0},null,8,["onInputChange","value"]),n.block?(S(),k("div",$k,[yt(h("textarea",{id:"editor_"+n.block.id,class:"tw-w-full tw-h-full tw-outline-none tw-ring-0",onChange:t[0]||(t[0]=(...a)=>s.textChanged&&s.textChanged(...a)),"onUpdate:modelValue":t[1]||(t[1]=a=>s.text=a),placeholder:s.placeholder},ae(s.text),41,Bk),[[St,s.text]])])):Q("",!0)])}const sp=Pe(jk,[["render",Yk]]),Wk={name:"PanelSelect",props:{items:{required:!0,type:Array},value:{required:!0,type:Object},prompt:{type:String},disabled:{type:Boolean,default:!1}},data(){return{selectOpen:!1,itemSelected:null}},computed:{},watch:{value(e){this.itemSelected=e}},methods:{itemClicked(e){this.$emit("change",e),this.itemSelected=e,this.selectOpen=!1},selectToggleClicked(){this.selectOpen=!this.selectOpen}}},Hk={class:"tw-relative tw-flex tw-h-11 tw-min-w-[200px]"},Kk={key:0,class:"tw-py-2 tw-pointer-events-none"},Vk={key:1,class:"tw-pointer-events-none"},Gk={key:0,class:"tw-border-b tw-border-gray-400 tw-px-3 tw-py-2 tw-pointer-events-none tw-font-semibold"},zk=["onClick"],Jk={class:"tw-px-3 tw-py-2 tw-flex tw-items-start tw-justify-start"},Xk={key:0,class:"tw-text-[20px] material-symbols-outlined tw-px-4"},Zk=h("div",null,null,-1);function Qk(e,t,n,i,s,o){return S(),k("div",Hk,[h("div",{class:F(["tw-bg-white tw-border tw-border-gray-400 hover:tw-border-gray-900 tw-rounded-lg tw-overflow-hidden tw-w-full",{"tw-absolute tw-z-20 tw-top-0":s.selectOpen,"tw-opacity-30 tw-pointer-events-none":n.disabled}])},[h("div",{class:"tw-h-11 tw-cursor-pointer tw-flex tw-items-center tw-py-1 tw-px-3",onClick:t[0]||(t[0]=(...r)=>o.selectToggleClicked&&o.selectToggleClicked(...r))},[n.prompt&&!s.itemSelected?(S(),k("div",Kk,ae(n.prompt),1)):Q("",!0),s.itemSelected?(S(),k("div",Vk,ae(s.itemSelected.title),1)):Q("",!0),h("div",{class:F(["tw-pointer-events-none tw-absolute tw-right-1 tw-top-1 tw-transition-all tw-cursor-pointer material-symbols-outlined tw-ml-3 tw-text-3xl",{"tw-rotate-180":s.selectOpen}])},"expand_more",2)]),s.selectOpen?(S(),k("div",{key:0,class:F(["tw-w-full tw-h-full tw-border-t tw-border-gray-400 hover:tw-border-gray-900",{"tw-opacity-30 tw-pointer-events-none":n.disabled}])},[n.prompt?(S(),k("div",Gk,ae(n.prompt),1)):Q("",!0),(S(!0),k(Oe,null,Ot(n.items,r=>(S(),k("div",{class:"tw-h-full tw-divide-y tw-cursor-pointer hover:tw-bg-gray-300",onClick:a=>o.itemClicked(r)},[h("div",Jk,[xe(ae(r.title)+" ",1),s.itemSelected&&s.itemSelected.id==r.id?(S(),k("span",Xk,"done")):Q("",!0)]),Zk],8,zk))),256))],2)):Q("",!0)],2)])}const ip=Pe(Wk,[["render",Qk]]),qk={name:"PanelAlignSelect",props:{value:{required:!0,type:Object},disabled:{default:!1,type:Boolean},type:{required:!0,type:String,default:"vertical"}},data(){return{itemSelected:null,vAlignItems:[{id:"tw-self-start",title:"Top"},{id:"tw-self-center",title:"Middle"},{id:"tw-self-end",title:"Bottom"}],hAlignItems:[{id:"tw-justify-start",title:"Left"},{id:"tw-justify-center",title:"Center"},{id:"tw-justify-end",title:"Right"}]}},computed:{},watch:{value(e){this.itemSelected=e}},methods:{itemClicked(e){this.itemSelected=e,this.$emit("change",e)}},mounted(){this.value&&(this.itemSelected=this.value)}},eT={class:"tw-relative tw-flex tw-h-11 tw-gap-2"},tT=["onClick"],nT=["onClick"];function sT(e,t,n,i,s,o){return S(),k("div",eT,[s.itemSelected&&n.type=="vertical"?(S(!0),k(Oe,{key:0},Ot(s.vAlignItems,r=>(S(),k("div",{onClick:a=>o.itemClicked(r),class:F(["tw-flex tw-items-center tw-px-2 tw-py-1 tw-bg-white tw-cursor-pointer tw-border tw-border-gray-400 hover:tw-border-gray-900 tw-rounded-lg tw-overflow-hidden",{"tw-font-bold tw-border-black tw-border-2":s.itemSelected.id==r.id}])},ae(r.title),11,tT))),256)):Q("",!0),s.itemSelected&&n.type=="horizontal"?(S(!0),k(Oe,{key:1},Ot(s.hAlignItems,r=>(S(),k("div",{onClick:a=>o.itemClicked(r),class:F(["tw-flex tw-items-center tw-px-2 tw-py-1 tw-bg-white tw-cursor-pointer tw-border tw-border-gray-400 hover:tw-border-gray-900 tw-rounded-lg tw-overflow-hidden",{"tw-font-bold tw-border-black tw-border-2":s.itemSelected.id==r.id}])},ae(r.title),11,nT))),256)):Q("",!0)])}const iT=Pe(qk,[["render",sT]]),rT={name:"TemplateDesignerBlockImage",components:{"panel-label-input":_i,"panel-button":Sn,"panel-select":ip,"panel-align-select":iT},props:{block:{required:!0},singleMode:{required:!0,default:!1}},data(){return{labelChanged:null,vAlignChanged:null,hAlignChanged:null,imageWidthChanged:null,imageLinkChanged:null,imageWidthItems:[{id:"tw-w-2/12",title:"Extra Small"},{id:"tw-w-5/12",title:"Small"},{id:"tw-w-7/12",title:"Medium"},{id:"tw-w-10/12",title:"Large"}],imageVAlignItems:[{id:"tw-self-start",title:"Top"},{id:"tw-self-center",title:"Middle"},{id:"tw-self-end",title:"Bottom"}],imageHAlignItems:[{id:"tw-justify-start",title:"Left"},{id:"tw-justify-center",title:"Center"},{id:"tw-justify-end",title:"Right"}],uploadedAttachment:null,label:null,placeholder:"e.g. <script>, <style> tags or other HTML code",imageVAlign:null,imageHAlign:null,imageLink:null}},watch:{},computed:{hasSelectedImage(){return!!(this.uploadedAttachment&&this.uploadedAttachment.url)}},methods:{updateBlock(){let e=this.block;e.image=this.uploadedAttachment,e.image_alignment={v:this.imageVAlign,h:this.imageHAlign},e.image_width=this.imageWidth,e.image_link=this.imageLink,e.label=this.label,this.$emit("image-change",e)},openMediaLibrarySelectDialog(){let e=this,t=wp.media({title:"Select Image",library:{type:["image/png","image/jpg","image/jpeg"]},multiple:!1,button:{text:"Add image to Template"}});t.on("select",function(){var n=t.state().get("selection").first();e.uploadedAttachment=n.attributes,e.updateBlock()}),t.open()},selectImageClicked(){this.openMediaLibrarySelectDialog()},labelChange(e){this.label=e,this.updateBlock()},vAlignChange(e){this.imageVAlign=e,this.updateBlock()},hAlignChange(e){this.imageHAlign=e,this.updateBlock()},imageWidthChange(e){this.imageWidth=e,this.$forceUpdate(),this.updateBlock()},imageLinkChange(e){this.imageLink=e.target.value,this.updateBlock()}},mounted(){this.block?(this.label=this.block.label.length>0?this.block.label:"Unnamed image",this.imageVAlign=this.block.image_alignment?this.block.image_alignment.v:this.imageVAlignItems[1],this.imageHAlign=this.block.image_alignment?this.block.image_alignment.h:this.imageHAlignItems[1],this.imageWidth=this.block.image_width?this.block.image_width:this.imageWidthItems[1],this.imageLink=this.block.image_link?this.block.image_link:"",this.uploadedAttachment=this.block.image?this.block.image:null):(this.label="Unnamed image",this.imageVAlign=this.imageVAlignItems[1],this.imageHAlign=this.imageHAlignItems[1],this.imageWidth=this.imageWidthItems[1]),this.labelChanged=xt(this.labelChange,500),this.vAlignChanged=xt(this.vAlignChange,500),this.hAlignChanged=xt(this.hAlignChange,500),this.imageWidthChanged=xt(this.imageWidthChange,500),this.imageLinkChanged=xt(this.imageLinkChange,500)}},oT={class:"tw-flex tw-w-full tw-gap-4 tw-mt-4"},aT=["placeholder"],lT={class:"tw-w-full tw-mt-4 tw-min-h-[100px] tw-flex tw-justify-center tw-items-center tw-rounded-xl tw-bg-gray-50"},cT={key:0,class:"tw-flex tw-justify-center tw-items-center"},dT=["src","alt"];function uT(e,t,n,i,s,o){const r=oe("panel-label-input"),a=oe("panel-button"),l=oe("panel-align-select"),c=oe("panel-select");return S(),k(Oe,null,[h("div",oT,[K(r,{label:"Label",onInputChange:s.labelChanged,value:s.label,class:"tw-w-8/12",compact:!0,size:"small","select-all":!0},null,8,["onInputChange","value"]),o.hasSelectedImage?Q("",!0):(S(),Qe(a,{key:0,onClick:o.selectImageClicked,class:"tw-w-4/12"},{default:De(()=>[xe("Select...")]),_:1},8,["onClick"])),o.hasSelectedImage?(S(),Qe(a,{key:1,onClick:o.selectImageClicked,class:"tw-w-4/12",color:"lightgray"},{default:De(()=>[xe("Update...")]),_:1},8,["onClick"])):Q("",!0)]),h("div",{class:F(["tw-h-full tw-flex tw-gap-2",{"tw-flex-col tw-w-full tw-mt-4":n.singleMode,"tw-justify-start tw-mt-6 tw-items-center":!n.singleMode}])},[h("div",{class:F(["tw-flex tw-items-center",{"tw-ml-6":!1,"tw-my-2":n.singleMode}])},[h("div",{class:F(["-tw-rotate-90",{"tw-opacity-30":!s.uploadedAttachment}])},"Align",2),K(l,{value:s.imageHAlign,disabled:!s.uploadedAttachment,type:"horizontal",onChange:s.hAlignChanged},null,8,["value","disabled","onChange"])],2),h("div",{class:F(["tw-flex tw-items-center",{"tw-ml-6":!1,"tw-my-2":n.singleMode}])},[h("div",{class:F(["-tw-rotate-90",{"tw-ml-4":!n.singleMode,"tw-opacity-30":!s.uploadedAttachment}])},"Size",2),K(c,{onChange:s.imageWidthChanged,items:s.imageWidthItems,value:e.imageWidth,disabled:!s.uploadedAttachment,prompt:"Size"},null,8,["onChange","items","value","disabled"])],2),h("div",{class:F(["tw-flex tw-items-center",{"tw-ml-6":!1,"tw-my-2":n.singleMode}])},[h("div",{class:F(["-tw-rotate-90",{"tw-ml-4":!n.singleMode,"tw-opacity-30":!s.uploadedAttachment}])},"Link",2),yt(h("input",{type:"text",class:F(["tw-border-black tw-border-t-0 tw-border-x-0 tw-rounded-none tw-border-b tw-w-full tw-ring-0 tw-px-2 tw-py-1 tw-font-normal",{}]),"onUpdate:modelValue":t[0]||(t[0]=d=>s.imageLink=d),onChange:t[1]||(t[1]=(...d)=>s.imageLinkChanged&&s.imageLinkChanged(...d)),placeholder:"http://www.domain.com"},null,40,aT),[[St,s.imageLink]])],2)],2),h("div",{class:F(["tw-flex tw-flex-col tw-w-full tw-my-4 tw-border-t tw-border-gray-200",{"tw-min-h-[100px]":!n.singleMode,"tw-h-64":n.singleMode}])},[h("div",lT,[s.uploadedAttachment?(S(),k("div",{key:1,class:F(["tw-flex tw-m-4",s.imageVAlign.id,s.imageHAlign.id])},[h("img",{src:s.uploadedAttachment.url,class:F(["tw-h-auto tw-max-h-96 tw-rounded-md",e.imageWidth.id]),alt:s.uploadedAttachment.title},null,10,dT)],2)):(S(),k("div",cT,"No image selected"))])],2)],64)}const rp=Pe(rT,[["render",uT]]),fT={name:"TemplateDesignerBlockEdit",components:{"icon-plus":Ac,"icon-block":ma,"section-select":ep,"template-designer-block-section":tp,"template-designer-block-code":np,"template-designer-block-text":sp,"template-designer-block-image":rp},props:{block:{required:!0},availableSections:{required:!0}},data(){return{sectionSelected:null}},computed:{blockType(){return this.block.type},blockTitle(){return this.block.title}},methods:{blockClicked(e,t,n){this.$emit("select",{row:e,block:t,position:n})},sectionBlockChanged(e){this.$emit("section-change",e)},codeBlockChanged(e){this.$emit("code-change",e)},imageBlockChanged(e){this.$emit("image-change",e)},textBlockChanged(e){this.$emit("text-change",e)}},mounted(){}},hT={key:0,class:F(["tw-w-11/12 tw-mt-2"])},pT={class:"tw-px-5 tw-py-1 tw-mb-3 tw-border tw-border-gray-300 tw-rounded-full tw-font-bold tw-text-center"},mT={key:1,class:F(["tw-w-11/12 tw-mt-2"])},wT={class:"tw-px-5 tw-py-1 tw-mb-3 tw-border tw-border-gray-300 tw-rounded-full tw-font-bold tw-text-center"},gT={key:2,class:F(["tw-w-11/12 tw-mt-2"])},yT={class:"tw-px-5 tw-py-1 tw-mb-3 tw-border tw-border-gray-300 tw-rounded-full tw-font-bold tw-text-center"},vT={key:3,class:F(["tw-w-10/12 tw-mt-2"])},bT={class:"tw-px-5 tw-py-1 tw-mb-3 tw-border tw-border-gray-300 tw-rounded-full tw-font-bold tw-text-center"};function xT(e,t,n,i,s,o){const r=oe("template-designer-block-section"),a=oe("template-designer-block-code"),l=oe("template-designer-block-image"),c=oe("template-designer-block-text");return S(),k(Oe,null,[o.blockType==="section"?(S(),k("div",hT,[h("div",pT,ae(n.block.title),1),K(r,{block:n.block,onSectionChange:o.sectionBlockChanged,"available-sections":n.availableSections,"single-mode":!0},null,8,["block","onSectionChange","available-sections"])])):Q("",!0),o.blockType==="code"?(S(),k("div",mT,[h("div",wT,ae(n.block.title),1),K(a,{block:n.block,onCodeChange:o.codeBlockChanged,"single-mode":!0},null,8,["block","onCodeChange"])])):Q("",!0),o.blockType==="image"?(S(),k("div",gT,[h("div",yT,ae(n.block.title),1),K(l,{block:n.block,onImageChange:o.imageBlockChanged,"single-mode":!0},null,8,["block","onImageChange"])])):Q("",!0),o.blockType==="text"?(S(),k("div",vT,[h("div",bT,ae(n.block.title),1),K(c,{block:n.block,onTextChange:o.textBlockChanged,"single-mode":!0},null,8,["block","onTextChange"])])):Q("",!0)],64)}const ST=Pe(fT,[["render",xT]]),_T={name:"TemplateDesignerBlockColumns",components:{"template-designer-block-select":qh,"template-designer-block-edit":ST},props:{row:{required:!0},availableSections:{required:!0},availableBlocks:{required:!0}},data(){return{}},computed:{columns(){return this.row.columns}},methods:{blockSelected(e){this.$emit("block-select",e)},sectionBlockChanged(e){this.$emit("section-change",e)},codeBlockChanged(e){this.$emit("code-change",e)},imageBlockChanged(e){this.$emit("image-change",e)},textBlockChanged(e){this.$emit("text-change",e)}},mounted(){}},CT={class:F(["tw-flex tw-w-full tw-mb-4 tw-mt-1"])},kT={class:"tw-w-6/12 tw-flex tw-h-full tw-items-center tw-justify-center tw-border-r tw-border-gray-300"},TT={class:"tw-w-6/12 tw-flex tw-h-full tw-items-center tw-justify-center"};function ET(e,t,n,i,s,o){const r=oe("template-designer-block-select"),a=oe("template-designer-block-edit");return S(),k("div",CT,[h("div",kT,[o.columns.left?(S(),Qe(a,{key:1,block:o.columns.left,"available-sections":n.availableSections,onSectionChange:o.sectionBlockChanged,onCodeChange:o.codeBlockChanged,onImageChange:o.imageBlockChanged,onTextChange:o.textBlockChanged},null,8,["block","available-sections","onSectionChange","onCodeChange","onImageChange","onTextChange"])):(S(),Qe(r,{key:0,blocks:n.availableBlocks,row:n.row,position:"left",onSelect:o.blockSelected},null,8,["blocks","row","onSelect"]))]),h("div",TT,[o.columns.right?(S(),Qe(a,{key:1,block:o.columns.right,"available-sections":n.availableSections,onSectionChange:o.sectionBlockChanged,onCodeChange:o.codeBlockChanged,onImageChange:o.imageBlockChanged,onTextChange:o.textBlockChanged},null,8,["block","available-sections","onSectionChange","onCodeChange","onImageChange","onTextChange"])):(S(),Qe(r,{key:0,blocks:n.availableBlocks,row:n.row,position:"right",onSelect:o.blockSelected},null,8,["blocks","row","onSelect"]))])])}const OT=Pe(_T,[["render",ET]]),DT={name:"TemplateDesignerBlockSpacer",components:{"panel-label-input":_i},props:{block:{required:!0},singleMode:{required:!0,default:!1}},data(){return{heightChanged:null,spacerHeight:null}},methods:{updateBlock(){let e=this.block;e.height=this.spacerHeight,this.$emit("spacer-change",e)},heightChange(e){if(e.target){let t=parseInt(e.target.attributes.min.value),n=parseInt(e.target.attributes.max.value),i=parseInt(e.target.value);i<t&&(i=t),i>n&&(i=n),this.spacerHeight=i,this.updateBlock()}}},mounted(){this.heightChanged=xt(this.heightChange,500),this.heightChanged(this.block.height)}},AT={class:"tw-mt-4 tw-flex tw-flex-col tw-w-full tw-my-4 tw-border-t tw-justify-center tw-items-center tw-border-gray-200 tw-min-h-[120px]"},PT={class:F(["tw-w-full tw-h-full tw-mt-4 tw-flex tw-justify-center tw-items-center tw-rounded-xl tw-p-4 tw-bg-gray-50"])},IT=h("div",null,"px",-1);function MT(e,t,n,i,s,o){return S(),k("div",AT,[h("div",PT,[h("div",{class:F(["tw-rounded-xl tw-border tw-border-gray-300 tw-p-2 tw-flex tw-items-center tw-justify-center tw-gap-2 tw-w-10/12"]),style:Ws({height:n.block.height+"px"})},[yt(h("input",{type:"number",min:"40",max:"400","onUpdate:modelValue":t[0]||(t[0]=r=>n.block.height=r),onChange:t[1]||(t[1]=(...r)=>s.heightChanged&&s.heightChanged(...r)),class:"w-20"},null,544),[[St,n.block.height]]),IT],4)])])}const RT=Pe(DT,[["render",MT]]),FT={name:"TemplateDesignerRowHeader",components:{},props:{title:{required:!0},trash:{default:!0},drag:{default:!0},expanded:{default:!0}},data(){return{}},watch:{},methods:{expandClicked(e){this.$emit("row-expanded",!0)},contractClicked(e){this.$emit("row-expanded",!1)}},mounted(){}},NT={class:"tw-grid tw-grid-cols-4 tw-w-full tw-items-center tw-justify-center"},LT={key:0,class:"tw-col-span-1 tw-flex tw-items-center"},jT=h("div",{class:"material-symbols-outlined tw-pr-1 tw-cursor-move tw-text-[30px] big-handle"},"drag_indicator",-1),UT=[jT],$T={class:"tw-px-5 tw-py-1 tw-border tw-border-gray-300 tw-rounded-full tw-text-ellipsis tw-overflow-hidden tw-truncate"},BT={key:1,class:"tw-col-span-1 tw-flex tw-justify-end tw-gap-2"},YT=h("div",{class:"material-symbols-outlined tw-p-2 tw-cursor-pointer tw-border tw-border-gray-300 tw-rounded-full"},"open_in_full",-1),WT=[YT],HT=h("div",{class:"material-symbols-outlined tw-p-2 tw-cursor-pointer tw-border tw-border-gray-300 tw-rounded-full"},"close_fullscreen",-1),KT=[HT];function VT(e,t,n,i,s,o){return S(),k("div",NT,[n.drag?(S(),k("div",LT,UT)):Q("",!0),h("div",{class:F(["tw-font-bold tw-text-center tw-text-base",{"tw-col-span-2":n.drag&&n.trash,"tw-col-span-3":!n.drag&&n.trash||n.drag&&!n.trash,"tw-col-span-4":!n.drag&&!n.trash}])},[h("div",$T,ae(n.title),1)],2),n.trash?(S(),k("div",BT,[h("div",{class:"material-symbols-outlined tw-p-2 tw-cursor-pointer tw-border tw-border-gray-300 tw-rounded-full",onClick:t[0]||(t[0]=()=>e.$emit("delete"))},"delete"),n.expanded?(S(),k("div",{key:1,class:"tw-flex tw-justify-end",onClick:t[2]||(t[2]=(...r)=>o.contractClicked&&o.contractClicked(...r))},KT)):(S(),k("div",{key:0,class:"tw-flex tw-justify-end",onClick:t[1]||(t[1]=(...r)=>o.expandClicked&&o.expandClicked(...r))},WT))])):Q("",!0)])}const op=Pe(FT,[["render",VT]]),GT={name:"TemplateDesignerBlockCode",components:{"icon-block":ma,"template-designer-row-header":op},props:{availableBlocks:{required:!0}},data(){return{}},watch:{},computed:{},methods:{rowBackClicked(){this.$emit("back")}},mounted(){}},zT={class:"tw-bg-white tw-w-full tw-h-full tw-p-4 tw-rounded-xl tw-border tw-border-gray-300 tw-shadow-sm"},JT={class:"tw-w-full tw-h-14 tw-flex tw-items-center tw-justify-center tw-gap-4 tw-pb-4"},XT={class:"tw-text-base tw-w-full tw-items-center tw-justify-center"},ZT=h("div",{class:"tw-w-10"},null,-1),QT={class:"tw-w-full tw-grid tw-grid-cols-6 tw-items-center tw-justify-center tw-gap-1"},qT=["onClick"],eE={class:"tw-cursor-pointer tw-px-3 tw-py-4 tw-border tw-border-gray-300 tw-rounded-xl tw-w-32 tw-h-28 tw-flex tw-flex-col tw-items-center tw-justify-center"},tE={class:"tw-h-24 tw-flex tw-items-center tw-justify-center"},nE={class:"tw-text-sm tw-pt-2"};function sE(e,t,n,i,s,o){const r=oe("template-designer-row-header"),a=oe("icon-block");return S(),k("div",zT,[h("div",JT,[h("div",{class:"tw-w-10 material-symbols-outlined tw-text-3xl tw-cursor-pointer",onClick:t[0]||(t[0]=(...l)=>o.rowBackClicked&&o.rowBackClicked(...l))},"undo"),h("div",XT,[K(r,{title:"Select the type of content to add",drag:!1,trash:!1})]),ZT]),h("div",QT,[(S(!0),k(Oe,null,Ot(n.availableBlocks,l=>(S(),k("div",{class:F(["tw-col-span-1 tw-flex tw-items-center tw-justify-center"]),onClick:c=>e.$emit("block-select",l)},[h("div",eE,[h("div",tE,[K(a,{type:l.type},null,8,["type"])]),h("div",nE,ae(l.title),1)])],8,qT))),256))])])}const iE=Pe(GT,[["render",sE]]),rE={name:"TemplateDesigner",components:{"icon-plus":Ac,"icon-block":ma,"template-designer-block-select":qh,"template-designer-block-section":tp,"template-designer-block-columns":OT,"template-designer-block-code":np,"template-designer-block-image":rp,"template-designer-block-spacer":RT,"template-designer-block-text":sp,"template-designer-row-header":op,"template-designer-row-type-select":iE,draggable:Oc},props:{audienceSettings:{required:!0},loading:{default:!1}},data(){return{update:null,templateContent:[],isAddingRow:!1,availableBlocks:[{type:"two_col",title:"Columns",single:!1},{type:"text",title:"Text",single:!0},{type:"section",title:"Section",single:!0},{type:"code",title:"Code",single:!0},{type:"image",title:"Image",single:!0},{type:"spacer",title:"Spacer",single:!1}]}},computed:{availableBlocksForSingle(){return this.availableBlocks.filter(e=>e.single)},availableSections(){return JSON.parse(JSON.stringify(this.audienceSettings.queue.sections))}},watch:{audienceSettings(e){this.templateContent=e.campaign.email_template.template_content},templateContent(e){this.audienceSettings.campaign.email_template.template_content=e}},methods:{uuid(){return bs.uuid()},rowHeaderTitle(e){if(e.expanded){if(e.label.length>0)return`${e.label}`;switch(e.type){case"spacer":return`${e.title}: ${e.height}px`;default:return"(No title)"}}else if(e.label.length==0||e.label==`Unnamed ${e.type}`)switch(e.type){case"section":return`${e.title}: ${e.section.title}`;case"spacer":return`${e.title}: ${e.height}px`;default:return e.label.length?`${e.title}: ${e.label}`:`${e.title}: (No title)`}else{if(e.label.length>0)return`${e.title}: ${e.label}`;switch(e.type){case"spacer":return`${e.title}: ${e.height}px`;default:return"(No title)"}}},findBlockPosition(e){if(this.templateContent.length>0){let t=this.templateContent.filter(n=>n.id==e).pop();return t?this.templateContent.indexOf(t):null}return null},makeRowFromBlock(e){let t={...e,label:"",id:this.uuid(),expanded:!0};switch(e.type){case"two_col":t.columns={left:null,right:null};break;case"section":t.label="Unnamed section",t.section=null;break;case"code":t.label="Unnamed code",t.code="";break;case"image":t.label="Unnamed image",t.image={};break;case"spacer":t.height=40;break;case"text":t.label="Unnamed text",t.text="";break}return t},collapseBlocks(){for(let e in this.templateContent){let t=this.templateContent[e];t.expanded=!1}},addRowClicked(){this.isAddingRow=!0,this.collapseBlocks()},blockClicked(e){this.collapseBlocks();let t=this.makeRowFromBlock(e);this.templateContent.push(t),this.isAddingRow=!1,this.update()},blockForColumnClicked(e){let t=e.row,n=e.block,i=e.position;t.columns[i]=this.makeRowFromBlock(n),this.update()},blockBackClicked(){this.isAddingRow=!1},sectionBlockChanged(e){this.update()},codeBlockChanged(e){this.update()},imageBlockChanged(e){this.update()},spacerBlockChanged(e){let t=this.findBlockPosition(e.id);this.templateContent[t]=e,this.update()},textBlockChanged(e){let t=this.findBlockPosition(e.id);this.templateContent[t]=e,this.update()},rowDeleteClicked(e){this.templateContent.splice(e,1),this.update()},rowExpanded(e,t){e.expanded=t,this.update()},sectionDragStarted(e){},sectionDragEnded(e){this.update()},sectionMoved(e){}},created(){this.update=xt(()=>this.$emit("update-content",this.templateContent),500)},mounted(){!this.audienceSettings||this.audienceSettings.campaign.email_template.template_content.length>0&&(this.templateContent=this.audienceSettings.campaign.email_template.template_content)}},oE={class:F(["tw-shadow-sm tw-border tw-border-gray-300 tw-px-4 tw-py-1 tw-rounded-xl tw-bg-white tw-mb-2"])},aE={key:0,class:F(["tw-py-2"])},lE={key:1,class:F(["tw-py-2"])},cE={key:2,class:F(["tw-py-2"])},dE={key:3,class:F(["tw-py-2"])},uE={key:4,class:F(["tw-py-2"])},fE={key:5,class:F(["tw-py-2"])},hE=h("div",{class:"material-symbols-outlined tw-text-[40px]"},"add_box",-1),pE=h("div",{class:"tw-mt-2 tw-font-semibold"},"Add a content row",-1),mE=[hE,pE];function wE(e,t,n,i,s,o){const r=oe("template-designer-row-header"),a=oe("template-designer-block-columns"),l=oe("template-designer-block-section"),c=oe("template-designer-block-code"),d=oe("template-designer-block-image"),u=oe("template-designer-block-spacer"),f=oe("template-designer-block-text"),m=oe("draggable"),p=oe("template-designer-row-type-select");return S(),k("div",{class:F(["tw-flex tw-flex-col",{"tw-opacity-30 tw-pointer-events-none":n.loading}])},[K(m,{id:"template-sections",modelValue:s.templateContent,"onUpdate:modelValue":t[0]||(t[0]=w=>s.templateContent=w),handle:".big-handle",class:"tw-w-full","item-key":"id","ghost-class":"tw-opacity-30",onStart:o.sectionDragStarted,onEnd:o.sectionDragEnded,move:o.sectionMoved},{item:De(({element:w,index:v})=>[h("div",oE,[w.type==="two_col"?(S(),k("div",aE,[K(r,{title:w.expanded?w.label:`${w.title}: ${w.columns.left.title} / ${w.columns.right.title}`,onDelete:y=>o.rowDeleteClicked(v),expanded:w.expanded,onRowExpanded:y=>o.rowExpanded(w,y)},null,8,["title","onDelete","expanded","onRowExpanded"]),h("div",{class:F(["tw-transition-all tw-mt-4",{"tw-h-0 tw-overflow-hidden":!w.expanded,"":w.expanded}])},[w.expanded?(S(),Qe(a,{key:0,row:w,"available-blocks":o.availableBlocksForSingle,"available-sections":o.availableSections,onTextChange:o.textBlockChanged,onImageChange:o.imageBlockChanged,onCodeChange:o.codeBlockChanged,onSectionChange:o.sectionBlockChanged,onBlockSelect:o.blockForColumnClicked},null,8,["row","available-blocks","available-sections","onTextChange","onImageChange","onCodeChange","onSectionChange","onBlockSelect"])):Q("",!0)],2)])):Q("",!0),w.type==="section"?(S(),k("div",lE,[K(r,{title:o.rowHeaderTitle(w),onDelete:y=>o.rowDeleteClicked(v),expanded:w.expanded,onRowExpanded:y=>o.rowExpanded(w,y)},null,8,["title","onDelete","expanded","onRowExpanded"]),h("div",{class:F(["tw-transition-all",{"tw-h-0 tw-overflow-hidden":!w.expanded,"tw-h-32":w.expanded}])},[K(l,{block:w,onSectionChange:o.sectionBlockChanged,"available-sections":o.availableSections},null,8,["block","onSectionChange","available-sections"])],2)])):Q("",!0),w.type==="code"?(S(),k("div",cE,[K(r,{title:o.rowHeaderTitle(w),onDelete:y=>o.rowDeleteClicked(v),expanded:w.expanded,onRowExpanded:y=>o.rowExpanded(w,y)},null,8,["title","onDelete","expanded","onRowExpanded"]),h("div",{class:F(["tw-transition-all",{"tw-h-0 tw-overflow-hidden":!w.expanded,"tw-h-48":w.expanded}])},[K(c,{block:w,onCodeChange:o.codeBlockChanged},null,8,["block","onCodeChange"])],2)])):Q("",!0),w.type==="image"?(S(),k("div",dE,[K(r,{title:o.rowHeaderTitle(w),onDelete:y=>o.rowDeleteClicked(v),expanded:w.expanded,onRowExpanded:y=>o.rowExpanded(w,y)},null,8,["title","onDelete","expanded","onRowExpanded"]),h("div",{class:F(["tw-transition-all",{"tw-h-0 tw-overflow-hidden":!w.expanded,"tw-min-h-32":w.expanded}])},[K(d,{block:w,onImageChange:o.imageBlockChanged},null,8,["block","onImageChange"])],2)])):Q("",!0),w.type==="spacer"?(S(),k("div",uE,[K(r,{title:o.rowHeaderTitle(w),onDelete:y=>o.rowDeleteClicked(v),expanded:w.expanded,onRowExpanded:y=>o.rowExpanded(w,y)},null,8,["title","onDelete","expanded","onRowExpanded"]),h("div",{class:F(["tw-transition-all",{"tw-h-0 tw-overflow-hidden":!w.expanded,"tw-min-h-32":w.expanded}])},[K(u,{block:w,onSpacerChange:o.spacerBlockChanged},null,8,["block","onSpacerChange"])],2)])):Q("",!0),w.type==="text"?(S(),k("div",fE,[K(r,{title:o.rowHeaderTitle(w),onDelete:y=>o.rowDeleteClicked(v),expanded:w.expanded,onRowExpanded:y=>o.rowExpanded(w,y)},null,8,["title","onDelete","expanded","onRowExpanded"]),h("div",{class:F(["tw-transition-all",{"tw-h-0 tw-overflow-hidden":!w.expanded,"tw-h-80":w.expanded}])},[K(f,{block:w,onTextChange:o.textBlockChanged},null,8,["block","onTextChange"])],2)])):Q("",!0)])]),_:1},8,["modelValue","onStart","onEnd","move"]),s.isAddingRow?(S(),Qe(p,{key:0,"available-blocks":s.availableBlocks,onBlockSelect:o.blockClicked,onBack:o.blockBackClicked},null,8,["available-blocks","onBlockSelect","onBack"])):Q("",!0),h("div",{class:F(["tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-my-6",{"tw-cursor-pointer":!s.isAddingRow,"tw-opacity-30":s.isAddingRow}]),onClick:t[1]||(t[1]=(...w)=>o.addRowClicked&&o.addRowClicked(...w))},mE,2)],2)}const gE=Pe(rE,[["render",wE]]),yE={name:"GeneralPanelTemplateFree",components:{"template-designer":gE,"loading-indicator":Dc},props:{audienceSettings:{required:!0,type:Object},loading:{default:!1}},data(){return{templateWidthClicked:null,campaign:null,templateWidthType:"fixed",templateContent:[]}},watch:{audienceSettings(e){this.campaign=e.campaign,this.setup()}},computed:{},methods:{update(){this.$emit("update-content",this.campaign.email_template)},setup(){this.templateContent=this.campaign.email_template.template_content,this.templateWidthType=this.campaign.email_template.width_type},templateWidthClick(e){this.templateWidthType=e,this.campaign.email_template.width_type=e,this.update()},templateContentUpdated(e){this.templateContent=e,this.campaign.email_template.template_content=e,this.update()}},mounted(){this.audienceSettings&&(this.campaign=this.audienceSettings.campaign,this.setup()),this.templateWidthClicked=xt(this.templateWidthClick,700)}},vE=h("div",{class:"tw-w-10/12 tw-flex tw-items-start tw-justify-start tw-ml-1 tw-text-xl"},"Template Designer",-1),bE={class:"tw-w-2/12 tw-flex tw-items-end tw-justify-end tw-text-xs tw-ml-4"},xE=h("div",{class:"tw-text-sm"},"Fixed",-1),SE=h("div",{class:"tw-uppercase tw-text-[10px] tw-mb-1"},"Width",-1),_E=[xE,SE],CE=h("div",{class:"tw-text-sm"},"Fluid",-1),kE=h("div",{class:"tw-uppercase tw-text-[10px] tw-mb-1"},"Width",-1),TE=[CE,kE],EE={class:F(["tw-w-full tw-flex tw-mt-2"])},OE={class:"tw-w-full tw-flex"},DE={class:F(["tw-relative tw-w-full tw-border tw-border-gray-300 tw-px-4 tw-rounded-xl tw-flex tw-flex-col tw-min-h-[46vh] tw-bg-gray-100 tw-p-4 tw-gap-2"])};function AE(e,t,n,i,s,o){const r=oe("loading-indicator"),a=oe("template-designer");return S(),k("div",null,[h("div",{class:F(["tw-w-full tw-flex",{"tw-opacity-30 tw-pointer-events-none":n.loading}])},[vE,h("div",bE,[h("div",{class:F(["tw-cursor-pointer tw-leading-none tw-mx-1 tw-px-4 tw-py-2 tw-flex tw-flex-col tw-items-center tw-justify-center tw-rounded-xl",{"tw-border tw-border-gray-300":s.templateWidthType!=="fixed","tw-border tw-border-gray-500":s.templateWidthType==="fixed"}]),onClick:t[0]||(t[0]=l=>s.templateWidthClicked("fixed"))},_E,2),h("div",{class:F(["tw-cursor-pointer tw-leading-none tw-mx-1 tw-px-4 tw-py-2 tw-flex tw-flex-col tw-items-center tw-justify-center tw-rounded-xl",{"tw-border tw-border-gray-300":s.templateWidthType!=="fluid","tw-border tw-border-gray-500":s.templateWidthType==="fluid"}]),onClick:t[1]||(t[1]=l=>s.templateWidthClicked("fluid"))},TE,2)])],2),h("div",EE,[h("div",OE,[h("div",DE,[n.loading?(S(),Qe(r,{key:0})):Q("",!0),K(a,{onUpdateContent:t[2]||(t[2]=l=>o.templateContentUpdated(l)),"audience-settings":n.audienceSettings,loading:n.loading},null,8,["audience-settings","loading"])])])])])}const PE=Pe(yE,[["render",AE]]),IE={name:"GeneralPanelContextHelp",components:{},props:{tab:{type:String,default:""},audienceSettings:{required:!0,type:Object}},data(){return{}},computed:{lastSendDateDisplay(){return this.audienceSettings&&this.audienceSettings.last_send_date?bs.displayDate(this.audienceSettings.last_send_date):"Never"}},methods:{}},ME={key:0},RE=vi('<div class="tw-tw-font-base tw-font-semibold tw-bg-white tw-px-2 tw-py-1 tw-gray-600 tw-rounded-md tw-mb-5">Glossary</div><div class="tw-divide-y tw-divide-gray-300"><div class="tw-mt-1"><span class="tw-font-bold">Sections</span> allow you to specify groups of <span class="tw-font-semibold tw-italic">Content Items</span>, that you will be able to position within your <span class="tw-font-semibold tw-italic">Template</span>. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Content Items</span> is an all-encompassing term to define WordPress posts, pages and other content that is added to a <span class="tw-font-semibold tw-italic">Section</span>. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Lockdown</span> prevents changes to email content, so that your email template is reliably up-to-date on Mailchimp before sending your email. Lockdown prevents you from adding or changing <span class="tw-font-semibold tw-italic">Content Items</span>, <span class="tw-font-semibold tw-italic">Email Subject</span> or other important aspects of your email. This occurs an hour before your <span class="tw-font-semibold tw-italic">Next Scheduled Send</span>, and is lifted once the email has been delivered to your <span class="tw-font-semibold tw-italic">Audience</span>. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Next Scheduled Send</span> is the time and date that CampaignPress will send your email via Mailchimp and the selected <span class="tw-font-semibold tw-italic">Audience</span>. You define the schedule on the <span class="tw-font-semibold tw-italic">Campaign</span> tab. Each time your email is sent, the <span class="tw-font-semibold tw-italic">Content Items</span> here are cleared unless the <span class="tw-font-semibold tw-italic">Keep forever</span> option is checked on those <span class="tw-font-semibold tw-italic">Content Items</span>. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Keep forever</span> allows you to maintain specific <span class="tw-font-semibold tw-italic">Content Items</span> for future emails sent to the selected <span class="tw-font-semibold tw-italic">Audience</span>. After each email is sent, <span class="tw-font-semibold tw-italic">Content Items</span> specified here are cleared unless <span class="tw-font-semibold tw-italic">Keep forever</span> is checked. </div></div><div class="tw-mb-8"></div><div class="tw-tw-font-base tw-font-semibold tw-bg-white tw-px-2 tw-py-1 tw-gray-600 tw-rounded-md tw-mb-5">Interface</div><div class="tw-divide-y tw-divide-gray-300"><div class="tw-mt-1"><div class="tw-font-semibold">Re-arranging the order of Sections or Content Items</div><div class="tw-mb-2">Grab the <span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">drag_indicator</span> to move <span class="tw-font-semibold tw-italic">Sections</span> or <span class="tw-font-semibold tw-italic">Content Items</span> up or down the list. The order displayed here is the order that will be used in your email.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Editing a Content Item title or excerpt</div><div class="tw-mb-2">Tap the <span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">edit</span> icon to update the title or excerpt of the <span class="tw-font-semibold tw-italic">Content Item</span>. To keep a <span class="tw-font-semibold tw-italic">Content Item</span> from being cleared after a send has been completed, check <span class="tw-font-semibold tw-italic">Keep forever</span>. Updating the title or excerpt here does not update or change your original WordPress post or page.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Removing a Content Item from a Section</div><div class="tw-mb-2">To remove a <span class="tw-font-semibold tw-italic">Content Item</span> from a <span class="tw-font-semibold tw-italic">Section</span>, tap the <span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">delete</span> icon inside the <span class="tw-font-semibold tw-italic">Content Item</span> you want to remove.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Keeping Content Items for every email</div><div class="tw-mb-2">Each time your email is sent to your <span class="tw-font-semibold tw-italic">Audience</span> CampaignPress will reset your <span class="tw-font-semibold tw-italic">Content Items</span> so that you can create a fresh email for next send. To prevent this from happening, tap the <span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">edit</span> icon on the <span class="tw-font-semibold tw-italic">Content Item</span> you want to keep, and check <span class="tw-font-semibold tw-italic">Keep forever</span>, then <span class="tw-font-semibold tw-italic">Save</span>.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Adding a Section</div><div class="tw-mb-2">To create a new <span class="tw-font-semibold tw-italic">Section</span>, tap the <span class="tw-bg-gray-400 tw-border-b-2 tw-border-gray-500 tw-text-white tw-text-xs tw-rounded-md tw-px-2 tw-py-1"><span class="material-symbols-outlined tw-relative -tw-left-[2px] tw-text-[18px] tw-align-text-top">add</span> Add Section</span> button.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Editing a Section title</div><div class="tw-mb-2">Tap the <span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">edit</span> icon to update the title of the <span class="tw-font-semibold tw-italic">Section</span>.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Adding Content Items to a Section</div><div class="tw-mb-2">To add WordPress content to a <span class="tw-font-semibold tw-italic">Section</span>, tap the <span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">playlist_add</span> icon inside the <span class="tw-font-semibold tw-italic">Section</span> you want to add content to.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Removing a Section</div><div class="tw-mb-2">To remove a <span class="tw-font-semibold tw-italic">Section</span> and all <span class="tw-font-semibold tw-italic">Content Items</span> within it, tap the <span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">delete</span> icon inside the <span class="tw-font-semibold tw-italic">Section</span> you want to remove.</div></div></div>',5),FE=[RE],NE={key:1},LE=h("div",{class:"tw-tw-font-base tw-font-semibold tw-bg-white tw-px-2 tw-py-1 tw-gray-600 tw-rounded-md tw-mb-5"},"Stats",-1),jE={class:"tw-divide-y tw-divide-gray-300"},UE={class:"tw-mt-1"},$E=h("div",{class:"tw-font-semibold"},"Last Send",-1),BE={class:"tw-mb-2"},YE=vi('<div class="tw-mb-8"></div><div class="tw-tw-font-base tw-font-semibold tw-bg-white tw-px-2 tw-py-1 tw-gray-600 tw-rounded-md tw-mb-5">Glossary</div><div class="tw-divide-y tw-divide-gray-300"><div class="tw-mt-1"><span class="tw-font-bold">Email Subject</span> is the subject that appears in the email that will be sent out to your <span class="tw-font-semibold tw-italic">Audience</span>. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Frequency</span> sets the dates and times that your email will be sent out to your <span class="tw-font-semibold tw-italic">Audience</span>. </div></div><div class="tw-mb-8"></div><div class="tw-tw-font-base tw-font-semibold tw-bg-white tw-px-2 tw-py-1 tw-gray-600 tw-rounded-md tw-mb-5">Interface</div><div class="tw-divide-y tw-divide-gray-300"><div class="tw-mt-1"><div class="tw-font-semibold">Using variables in Email Subject</div><div class="tw-mb-2">Often you may want to add text to the <span class="tw-font-semibold tw-italic">Email Subject</span> that changes with each email, such as a date or the number of <span class="tw-font-semibold tw-italic">Content Items</span> that will appear in your email. Tap <span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">content_copy</span> under <span class="tw-font-semibold tw-italic">Email Subject</span> to copy variables to your clipboard. From there, you can paste them into your subject. When your email goes out to your <span class="tw-font-semibold tw-italic">Audience</span>, these variables are replaced with actual values.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Defining your Schedule</div><div class="tw-mb-2">Within the <span class="tw-font-semibold tw-italic">Frequency</span> area, select the tab that best represents the schedule you would like for this <span class="tw-font-semibold tw-italic">Audience</span>. Each tab gives you a different way to schedule your email.</div></div></div>',6),WE={key:2},HE=vi('<div class="tw-tw-font-base tw-font-semibold tw-bg-white tw-px-2 tw-py-1 tw-gray-600 tw-rounded-md tw-mb-5">Glossary</div><div class="tw-divide-y tw-divide-gray-300"><div class="tw-mt-1"><span class="tw-font-bold">Fixed Width</span> will set your email to a 600px width, which is standard, often recommended size for sending emails. Fixed Width emails are easier to maintain and more predictable. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Fluid Width</span> will set your email to a fluid, flexible width, which allows to display emails that span entire screens - mobile or desktop. Fluid Width emails are slightly harder to maintain and a bit less predictable. </div></div><div class="tw-mb-8"></div><div class="tw-tw-font-base tw-font-semibold tw-bg-white tw-px-2 tw-py-1 tw-gray-600 tw-rounded-md tw-mb-5">Template Rows</div><div class="tw-divide-y tw-divide-gray-300"><div class="tw-mt-2"><span class="tw-font-bold">Columns</span> allow you to enter two other types of content within two columns. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Text</span> allow you to enter formatted text in your email. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Section</span> allow you to grab posts from WordPress and display them within your email. These posts are defined in the <span class="tw-font-semibold tw-italic">Content</span> tab. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Code</span> allow you to enter &lt;style&gt; tags to further customize the look of your email. Certain advertising networks will allow you to embed tracking code, which can be added as code. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Image</span> allows you to add images uploaded to the WordPress library and display them in your email. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Spacer</span> allows you to break up your email, or add space around content or images. </div></div><div class="tw-mb-8"></div><div class="tw-tw-font-base tw-font-semibold tw-bg-white tw-px-2 tw-py-1 tw-gray-600 tw-rounded-md tw-mb-5">Interface</div><div class="tw-divide-y tw-divide-gray-300"><div class="tw-mt-1"><div class="tw-font-semibold">Adding Columns</div><div class="tw-mb-2">Tap <span class="tw-font-semibold tw-italic"><span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">add_box</span> Add a content row</span> to create a new row. Select <span class="tw-font-semibold tw-italic">Columns</span>. Due to restrictions of email clients, columns are limited to two. Select the type of content you&#39;d like to display on the left and right column. For more information, read the descriptions of each type of content below.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Adding Posts</div><div class="tw-mb-2">Tap <span class="tw-font-semibold tw-italic"><span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">add_box</span> Add a content row</span> to create a new row. Select <span class="tw-font-semibold tw-italic">Section</span>. Optionally enter <span class="tw-font-semibold tw-italic">Label</span> to help you identify this row later on. Select the <span class="tw-font-semibold tw-italic">Section</span> that you defined in the <span class="tw-font-semibold tw-italic">Content</span> tab. Each <span class="tw-font-semibold tw-italic">Section</span> contains individual posts that are grouped together so that you can add them in your <span class="tw-font-semibold tw-italic">Template</span>.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Adding an Image</div><div class="tw-mb-2">Tap <span class="tw-font-semibold tw-italic"><span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">add_box</span> Add a content row</span> to create a new row. Select <span class="tw-font-semibold tw-italic">Image</span>. Optionally enter <span class="tw-font-semibold tw-italic">Label</span> to help you identify this row later on. Tap <span class="tw-font-semibold tw-italic">Select...</span> to choose an image from the WordPress library. You can also <span class="tw-font-semibold tw-italic">Align</span> the image, and specify a <span class="tw-font-semibold tw-italic">Size</span>. If you would like your image to link to another website or page, enter the full URL (http://www.domain.com/page) in <span class="tw-font-semibold tw-italic">Link</span>.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Adding Text</div><div class="tw-mb-2">Tap <span class="tw-font-semibold tw-italic"><span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">add_box</span> Add a content row</span> to create a new row. Select <span class="tw-font-semibold tw-italic">Text</span>. Optionally enter <span class="tw-font-semibold tw-italic">Label</span> to help you identify this row later on. Use the rich text editor to define the text you would like to display.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Adding Code</div><div class="tw-mb-2">Tap <span class="tw-font-semibold tw-italic"><span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">add_box</span> Add a content row</span> to create a new row. Select <span class="tw-font-semibold tw-italic">Code</span>. Optionally enter <span class="tw-font-semibold tw-italic">Label</span> to help you identify this row later on. Supply &lt;style&gt; tags or other code to help further customize the <span class="tw-font-semibold tw-italic">Template</span>, or integrate with a marketing platform.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Adding a Spacer</div><div class="tw-mb-2">Tap <span class="tw-font-semibold tw-italic"><span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">add_box</span> Add a content row</span> to create a new row. Select <span class="tw-font-semibold tw-italic">Spacer</span>. Optionally enter <span class="tw-font-semibold tw-italic">Label</span> to help you identify this row later on. Enter the height of the <span class="tw-font-semibold tw-italic">Spacer</span> in pixels.</div></div></div>',8),KE=[HE];function VE(e,t,n,i,s,o){return S(),k(Oe,null,[this.tab=="content"?(S(),k("div",ME,FE)):Q("",!0),this.tab=="campaign"?(S(),k("div",NE,[LE,h("div",jE,[h("div",UE,[$E,h("div",BE,ae(o.lastSendDateDisplay),1)])]),YE])):Q("",!0),this.tab=="template"?(S(),k("div",WE,KE)):Q("",!0)],64)}const ap=Pe(IE,[["render",VE]]),GE={name:"GeneralPanelContextActions",components:{"panel-button":Sn},props:{tab:{type:String,default:""},loading:{default:!1}},data(){return{labelDisplayStateClass:"tw-block"}},computed:{},methods:{windowResized(){window.innerWidth<1600?this.labelDisplayStateClass="tw-hidden":this.labelDisplayStateClass="tw-block"}},mounted(){window.addEventListener("resize",this.windowResized),this.windowResized()},unmounted(){window.removeEventListener("resize",this.windowResized)}},zE={key:0,class:"tw-flex tw-gap-2"},JE={key:0,class:"tw-flex tw-items-center material-symbols-outlined tw-animate-spin tw-mr-3"},XE={key:1,class:"tw-flex tw-gap-2"},ZE={key:0,class:"tw-flex tw-items-center material-symbols-outlined tw-animate-spin tw-mr-3"},QE={key:2,class:"tw-flex tw-gap-2"},qE={key:0,class:"tw-flex tw-items-center material-symbols-outlined tw-animate-spin tw-mr-3"};function eO(e,t,n,i,s,o){const r=oe("panel-button");return S(),k(Oe,null,[n.tab=="campaign"?(S(),k("div",zE,[n.loading?(S(),k("div",JE,"cached")):Q("",!0)])):Q("",!0),n.tab=="content"?(S(),k("div",XE,[n.loading?(S(),k("div",ZE,"cached")):Q("",!0),K(r,{onClick:t[0]||(t[0]=a=>this.$emit("click","section-add")),color:"lightgray",class:"tw-flex tw-items-center",disabled:n.loading},{default:De(()=>[h("span",{class:F(["material-symbols-outlined",{"tw-text-base tw-mr-2 -tw-ml-2":s.labelDisplayStateClass!=="tw-hidden","tw-text-[24px]":s.labelDisplayStateClass==="tw-hidden"}])},"add",2),xe(),h("span",{class:F(s.labelDisplayStateClass)},"Add Section",2)]),_:1},8,["disabled"])])):Q("",!0),n.tab=="template"?(S(),k("div",QE,[n.loading?(S(),k("div",qE,"cached")):Q("",!0),K(r,{onClick:t[1]||(t[1]=a=>this.$emit("click","screen-preview")),color:"lightgray",class:"tw-flex tw-items-center",disabled:n.loading},{default:De(()=>[h("span",{class:F(["material-symbols-outlined",{"tw-text-base tw-mr-2 -tw-ml-2":s.labelDisplayStateClass!=="tw-hidden","tw-text-[24px]":s.labelDisplayStateClass==="tw-hidden"}])},"preview",2),xe(),h("span",{class:F(s.labelDisplayStateClass)},"View Preview",2)]),_:1},8,["disabled"]),K(r,{onClick:t[2]||(t[2]=a=>this.$emit("click","email-preview")),color:"lightgray",class:"tw-flex tw-items-center",disabled:n.loading},{default:De(()=>[h("span",{class:F(["material-symbols-outlined",{"tw-text-base tw-mr-2 -tw-ml-2":s.labelDisplayStateClass!=="tw-hidden","tw-text-[24px]":s.labelDisplayStateClass==="tw-hidden"}])},"forward_to_inbox",2),xe(),h("span",{class:F(s.labelDisplayStateClass)},"Email Preview",2)]),_:1},8,["disabled"])])):Q("",!0)],64)}const tO=Pe(GE,[["render",eO]]),nO={name:"GeneralViewFree",components:{"panel-button":Sn,"panel-dialog":Uh,"icon-refresh":rS,"list-select":Tr,"general-panel-queue":sC,"general-panel-campaign":q2,"general-panel-template":PE,"general-panel-context-help":ap,"general-panel-context-actions":tO},data(){return{storeAudienceSettings:null,loadAudienceSettings:null,tabs:[{id:"campaign",title:"General"},{id:"content",title:"Content"},{id:"template",title:"Design"}],isLoading:!1,isSaving:!1,activeTab:"campaign",isGettingAudiences:!1,isSendingPreview:!1,audiences:[],audienceSelected:null,audienceSelectedSettings:null,isAddingSection:!1,dialogPauseResumePromptOpen:!1,dialogEmailPreviewPromptOpen:!1,emailsToSendTo:"",labelDisplayStateClass:"tw-block"}},watch:{},computed:{nextScheduledSendLabel(){return this.displayNextScheduledSend},nextLockdownLabel(){return this.nextLockdown},requirementsFulfilled(){return!(!this.audienceSelectedSettings||!this.audienceSelectedSettings.campaign.email_template||!(this.audienceSelectedSettings.campaign.email_subject.length>0)||!(this.audienceSelectedSettings.campaign.email_template.template_content.length>0)||!this.audienceSelectedSettings.queue.sections||!(this.audienceSelectedSettings.queue.sections.length>0)||!(this.audienceSelectedSettings.queue.sections[0].items.length>0))},requirementErrors(){let e=[];if(!this.requirementsFulfilled){if(!this.audienceSelectedSettings)return e.push({id:"",message:"Audience has not loaded, or there is no Audience settings"}),e;this.audienceSelectedSettings.campaign.email_subject.length>0||e.push({id:"",message:"Subject is missing"}),this.audienceSelectedSettings.campaign.email_subject.length>5||e.push({id:"",message:"Subject is too short"}),this.audienceSelectedSettings.campaign.email_template.template_content.length>0||e.push({id:"",message:"Template is empty"}),this.audienceSelectedSettings.queue.sections.length>0||e.push({id:"",message:"Content has no Sections"}),this.audienceSelectedSettings.queue.sections[0].items.length>0||e.push({id:"",message:"Section is empty"})}return e},audienceState(){return this.audienceSelectedSettings&&this.requirementsFulfilled?this.audienceSelectedSettings.state:-1},audienceStateLabel(){return this.audienceSelectedSettings&&this.audienceState==-1?"Issues":this.audienceState?"Pause":"Resume"},audienceStateConfirmLabel(){return this.audienceState==-1?"Fix Issues":"Confirm"},audienceStateIcon(){return this.audienceSelectedSettings&&this.audienceState==-1?"dangerous":this.audienceState?"pause":"play_arrow"},audienceSelectItems(){return this.audiences?this.audiences.map(e=>({id:e.id,title:e.label})):[]},audienceStateButtonColor(){return this.audienceSelectedSettings&&this.audienceState==-1?"ruby":this.audienceState?"amber":"green"},errorDisplay(){let e="<ul class='tw-my-4 tw-list-disc tw-ml-5'>";for(let t in this.requirementErrors)e+="<li class='tw-my-0 tw-py-0'>"+this.requirementErrors[t].message+"</li>";return e+="</ul>",e},displayNextScheduledSend(){return!this.audienceSelectedSettings||!this.requirementsFulfilled?"\u2013":bs.displayNextScheduledSend(this.audienceSelectedSettings.campaign.email_frequency,this.audienceSelectedSettings.campaign.email_frequency_settings,this.audienceSelectedSettings.timezone,!0)},nextLockdown(){return!this.audienceSelectedSettings||!this.requirementsFulfilled||this.audienceState!==1?"\u2013":bs.nextLockdown(this.audienceSelectedSettings.campaign.email_frequency,this.audienceSelectedSettings.campaign.email_frequency_settings,this.audienceSelectedSettings.timezone)}},methods:{async load(){this.isLoading=!0,await lt.get("/wp-json/campaignpress/v1/settings").then(e=>{let t=JSON.parse(e.data).data;return this.audienceSelected=t.mailchimp_active_audience,this.audiences=t.mailchimp_audiences,this.isLoading=!1,t}).catch(e=>(console.log(e),!1))},async update(){let e={active_audience:this.audienceSelected};this.isSaving=!0,await lt.post("/wp-json/campaignpress/v1/settings",e).then(t=>{let n=JSON.parse(t.data).data;return this.isSaving=!1,n}).catch(t=>(console.log(t),!1))},async getAudienceSettings(){this.isLoading=!0,await lt.get(`/wp-json/campaignpress/v1/audiences/${this.audienceSelected.id}`).then(e=>{this.isLoading=!1;let t=JSON.parse(e.data).data;return this.audienceSelectedSettings=t.audience_settings,this.emailsToSendTo=this.audienceSelectedSettings.preview_email_addresses?this.audienceSelectedSettings.preview_email_addresses:"",this.activeTab=this.audienceSelectedSettings.active_editor_tab?this.audienceSelectedSettings.active_editor_tab:"content",this.audienceSelectedSettings}).catch(e=>(console.log(e),!1))},async saveAudienceSettings(){this.requirementsFulfilled?this.requirementsFulfilled&&this.audienceSelectedSettings.state==-1&&(this.audienceSelectedSettings.state=0):this.audienceSelectedSettings.state=-1,this.isSaving=!0,await lt.post(`/wp-json/campaignpress/v1/audiences/${this.audienceSelected.id}`,this.audienceSelectedSettings).then(e=>{let t=JSON.parse(e.data).data;return this.isSaving=!1,t}).catch(e=>(console.log(e),!1))},async sendPreview(){this.isSendingPreview=!0,this.audienceSelectedSettings.preview_email_addresses!==this.emailsToSendTo&&(this.audienceSelectedSettings.preview_email_addresses=this.emailsToSendTo),await lt.post(`/wp-json/campaignpress/v1/audiences/${this.audienceSelected.id}/preview`,this.audienceSelectedSettings).then(e=>{let t=JSON.parse(e.data).data;return this.isSendingPreview=!1,this.dialogEmailPreviewPromptOpen=!1,t}).catch(e=>(console.log(e),this.isSendingPreview=!1,!1))},async refreshAudiences(){this.isGettingAudiences=!0,await lt.get("/wp-json/campaignpress/v1/audiences").then(e=>{let t=JSON.parse(e.data).data;return this.audiences=t.audiences,this.isGettingAudiences=!1,this.audiences}).catch(e=>(console.log(e),!1))},queuePanelUpdated(e){e&&!e.type&&(this.audienceSelectedSettings.queue.sections=e,this.storeAudienceSettings())},campaignPanelUpdated(e){e&&(this.audienceSelectedSettings.campaign=e,this.storeAudienceSettings())},campaignPanelPaused(){this.audienceSelectedSettings.state=0,this.storeAudienceSettings()},templatePanelUpdated(e){e&&(this.audienceSelectedSettings.campaign.email_template=e,this.storeAudienceSettings())},tabClicked(e){this.audienceSelectedSettings&&(this.activeTab=e,this.audienceSelectedSettings.active_editor_tab=this.activeTab,this.storeAudienceSettings())},audienceChanged(e){this.audienceSelected=e,this.update().then(()=>this.load()).then(()=>this.loadAudienceSettings())},actionsClicked(e){switch(e){case"section-add":this.isAddingSection=!0;break;case"screen-preview":window.open(`/campaignpress/preview?audience_id=${this.audienceSelected.id}`,"campaignpress_preview");break;case"email-preview":this.dialogEmailPreviewPromptOpen=!0;break}},refreshAudiencesClicked(){this.refreshAudiences()},toggleAudienceStateClicked(){this.dialogPauseResumePromptOpen=!0},dialogPauseResumeCancelClicked(){this.dialogPauseResumePromptOpen=!1},dialogEmailPreviewCancelClicked(){this.dialogEmailPreviewPromptOpen=!1},dialogPauseResumeConfirmClicked(){this.audienceSelectedSettings&&(this.audienceSelectedSettings.state=this.audienceSelectedSettings.state===1?0:1,this.dialogPauseResumePromptOpen=!1,this.storeAudienceSettings())},dialogEmailPreviewConfirmClicked(){this.sendPreview()},dialogCanceled(){this.dialogPauseResumePromptOpen=!1,this.dialogEmailPreviewPromptOpen=!1},windowResized(){window.innerWidth<1600?this.labelDisplayStateClass="tw-hidden":this.labelDisplayStateClass="tw-block"}},unmounted(){window.removeEventListener("resize",this.windowResized)},mounted(){this.load().then(()=>this.getAudienceSettings()),window.addEventListener("resize",this.windowResized),this.windowResized(),this.storeAudienceSettings=xt(this.saveAudienceSettings,500),this.loadAudienceSettings=xt(this.getAudienceSettings,500)}},Dr=e=>(Yo("data-v-e72e1f77"),e=e(),Wo(),e),sO={class:"tw-py-4"},iO=Dr(()=>h("h1",{class:"tw-text-xl tw-ml-1 tw-mb-5"},"CampaignPress",-1)),rO={class:"tw-flex tw-w-10/12"},oO={class:"tw-grid tw-grid-cols-6 tw-w-8/12 tw-items-center tw-px-4 tw-py-4 tw-mx-2 tw-mb-8 tw-rounded-xl tw-bg-white/80 tw-shadow-sm"},aO={class:"tw-flex tw-items-center"},lO={class:"tw-w-6/12 tw-text-center tw-border-r tw-border-gray-300"},cO=Dr(()=>h("div",{class:"tw-text-xs tw-font-bold"},"Next Scheduled Send",-1)),dO={class:"tw-text-xs"},uO={class:"tw-w-6/12 tw-text-center"},fO=Dr(()=>h("div",{class:"tw-text-xs tw-font-bold tw-leading-none tw-ml-2"},[xe("Lockdown begins "),h("span",{class:"material-symbols-outlined tw-cursor-pointer tw-text-[16px] tw-align-text-top tw-text-gray-500",title:"You must have all of your content defined with your template before lockdown. After lockdown, you will not be able to change it until your email has been sent."},"help")],-1)),hO={class:"tw-text-xs tw-font-bold tw-leading-none tw-text-green-600 tw-mt-1"},pO={class:"tw-flex tw-w-10/12"},mO={class:"tw-flex tw-w-8/12"},wO={class:"tw-w-6/12 tw-text-lg tw-flex tw-m-0 tw-ml-5 tw-list-none"},gO=["onClick"],yO={class:"tw-w-6/12 tw-flex tw-justify-end tw-items-end tw-relative tw-pb-3"},vO={class:"tw-flex tw-w-10/12"},bO={class:"tw-bg-white tw-w-8/12 tw-p-8 tw-rounded-lg tw-relative tw-z-10 tw-shadow-md tw-border tw-border-t-0 tw-border-gray-300"},xO={class:"tw-w-4/12 tw-px-7 tw-py-2 tw-relative tw-z-10"},SO={key:0},_O={key:1},CO={key:2},kO={class:"tw-mb-8 tw-pb-4"},TO=["innerHTML"],EO={key:1},OO={key:2},DO={class:"tw-absolute tw-bottom-0 tw-left-0 tw-right-0 tw-m-4 tw-flex"},AO={class:"tw-w-6/12"},PO={class:"tw-w-6/12 tw-flex tw-justify-end"},IO=Dr(()=>h("span",null,[xe(" Send a preview of this Campaign"),h("br"),xe("to an email address ")],-1)),MO={class:"tw-mb-8 tw-pb-4 tw-flex tw-flex-col tw-items-center"},RO=["disabled"],FO=Dr(()=>h("div",{class:"tw-text-[10px] tw-italic tw-pt-1"},"For multiple email addresses, separate by commas",-1)),NO={class:"tw-absolute tw-bottom-0 tw-left-0 tw-right-0 tw-m-4 tw-flex"},LO={class:"tw-w-6/12"},jO={class:"tw-w-6/12 tw-flex tw-justify-end"};function UO(e,t,n,i,s,o){const r=oe("list-select"),a=oe("panel-button"),l=oe("general-panel-context-actions"),c=oe("general-panel-campaign"),d=oe("general-panel-queue"),u=oe("general-panel-template"),f=oe("general-panel-context-help"),m=oe("panel-dialog"),p=Yl("scroll");return S(),k("main",sO,[iO,h("div",rO,[h("div",oO,[h("div",{class:F(["",{"tw-col-span-3":s.labelDisplayStateClass=="tw-hidden","tw-col-span-2":s.labelDisplayStateClass!=="tw-hidden"}])},[h("div",aO,[K(r,{value:s.audienceSelected,onListChange:o.audienceChanged,lists:o.audienceSelectItems,disabled:!0,prompt:"Audiences",label:"Active Audience"},null,8,["value","onListChange","lists"])])],2),h("div",{class:F(["tw-flex tw-justify-center",{"tw-order-last tw-col-span-6 tw-mt-3 tw-pt-3 tw-border-gray-300 tw-border-t":s.labelDisplayStateClass=="tw-hidden","tw-col-span-3":s.labelDisplayStateClass!=="tw-hidden"}])},[h("div",lO,[cO,h("div",dO,ae(o.nextScheduledSendLabel),1)]),h("div",uO,[fO,h("div",hO,ae(o.nextLockdownLabel),1)])],2),h("div",{class:F(["tw-justify-end tw-gap-2 tw-flex",{"tw-col-span-3":s.labelDisplayStateClass=="tw-hidden","tw-col-span-1":s.labelDisplayStateClass!=="tw-hidden"}])},[K(a,{disabled:s.isLoading||s.isSaving,onClick:o.toggleAudienceStateClicked,class:"tw-flex tw-items-center",color:o.audienceStateButtonColor},{default:De(()=>[h("span",{class:F(["material-symbols-outlined",{"tw-text-base tw-mr-2 -tw-ml-2":s.labelDisplayStateClass!=="tw-hidden","tw-text-[30px]":s.labelDisplayStateClass==="tw-hidden"}])},ae(o.audienceStateIcon),3),xe(),h("span",{class:F(s.labelDisplayStateClass)},ae(o.audienceStateLabel),3)]),_:1},8,["disabled","onClick","color"])],2)])]),h("div",pO,[h("div",mO,[h("ul",wO,[(S(!0),k(Oe,null,Ot(s.tabs,w=>(S(),k("li",{onClick:v=>o.tabClicked(w.id),class:F(["tw-transition-all",{"tw-cursor-pointer tw-mt-3 tw-px-3 tw-py-3 tw-bg-gray-50 tw-rounded-tl-md tw-rounded-tr-md tw-mb-0 tw-border-r tw-border-gray-300":w.id!==s.activeTab,"tw-cursor-default tw-touch-none tw-mt-1 tw-mb-0 tw-pb-3 tw-px-4 tw-py-2 tw-bg-white tw-rounded-tl-xl tw-rounded-tr-xl tw-shadow-xl tw-relative tw-z-10 tw-border-r tw-border-gray-300":w.id===s.activeTab}])},[h("div",{class:F(["tw-transition-all tw-touch-none",{"tw-px-4 tw-text-gray-500 tw-text-base":w.id!==s.activeTab,"tw-pt-2 tw-px-2":w.id===s.activeTab}])},ae(w.title),3)],10,gO))),256))]),h("div",yO,[K(l,{tab:s.activeTab,onClick:o.actionsClicked,loading:s.isSaving||s.isLoading},null,8,["tab","onClick","loading"])])])]),h("div",vO,[yt((S(),k("div",bO,[K(c,{class:F([{"tw-hidden":s.activeTab!=="campaign"}]),onUpdate:o.campaignPanelUpdated,onPause:o.campaignPanelPaused,"audience-settings":s.audienceSelectedSettings,loading:s.isLoading},null,8,["class","onUpdate","onPause","audience-settings","loading"]),K(d,{class:F([{"tw-hidden":s.activeTab!=="content"}]),onUpdate:o.queuePanelUpdated,onSectionAddCancel:t[0]||(t[0]=w=>s.isAddingSection=!1),"audience-settings":s.audienceSelectedSettings,"prompt-section-add":s.isAddingSection,loading:s.isLoading},null,8,["class","onUpdate","audience-settings","prompt-section-add","loading"]),K(u,{class:F([{"tw-hidden":s.activeTab!=="template"}]),onUpdateContent:o.templatePanelUpdated,"audience-settings":s.audienceSelectedSettings,loading:s.isLoading},null,8,["class","onUpdateContent","audience-settings","loading"])])),[[p,e.panelScrolled]]),h("div",xO,[K(f,{tab:s.activeTab,"audience-settings":s.audienceSelectedSettings},null,8,["tab","audience-settings"])])]),s.dialogPauseResumePromptOpen?(S(),Qe(m,{key:0,onCancel:o.dialogCanceled,size:"small"},{title:De(()=>[h("span",null,[o.audienceState==-1?(S(),k("span",SO,"There are some issues that must be fixed before you can send.")):o.audienceState?(S(),k("span",_O,"Are you sure you want to pause future sends to "+ae(s.audienceSelected.title)+"?",1)):(S(),k("span",CO,"Are you sure you want to resume your sends to "+ae(s.audienceSelected.title)+"?",1))])]),content:De(()=>[h("div",kO,[o.audienceState==-1?(S(),k("p",{key:0,innerHTML:o.errorDisplay},null,8,TO)):o.audienceState==0?(S(),k("p",EO,"This will re-start your sends to "+ae(s.audienceSelected.title)+". Your send won't happen until your next scheduled time.",1)):(S(),k("p",OO,"This will stop future sends to "+ae(s.audienceSelected.title)+". No further emails will be sent to this audience from CampaignPress.",1))]),h("div",DO,[h("div",AO,[K(a,{onClick:o.dialogPauseResumeCancelClicked,class:"tw-flex tw-items-center",color:"ruby"},{default:De(()=>[xe("Cancel")]),_:1},8,["onClick"])]),h("div",PO,[K(a,{onClick:o.dialogPauseResumeConfirmClicked,class:"tw-flex tw-items-center",color:"green"},{default:De(()=>[xe(ae(o.audienceStateConfirmLabel),1)]),_:1},8,["onClick"])])])]),_:1},8,["onCancel"])):Q("",!0),s.dialogEmailPreviewPromptOpen?(S(),Qe(m,{key:1,onCancel:o.dialogCanceled,size:"small"},{title:De(()=>[IO]),content:De(()=>[h("div",MO,[yt(h("input",{type:"text",class:F(["tw-border tw-border-black tw-border-b tw-w-full tw-ring-0 tw-px-2 tw-py-1 tw-font-normal"]),"onUpdate:modelValue":t[1]||(t[1]=w=>s.emailsToSendTo=w),placeholder:"Enter email addresses",disabled:s.isSendingPreview},null,8,RO),[[St,s.emailsToSendTo]]),FO]),h("div",NO,[h("div",LO,[K(a,{onClick:o.dialogEmailPreviewCancelClicked,class:"tw-flex tw-items-center",color:"ruby",disabled:s.isSendingPreview},{default:De(()=>[xe("Cancel")]),_:1},8,["onClick","disabled"])]),h("div",jO,[K(a,{onClick:o.dialogEmailPreviewConfirmClicked,class:"tw-flex tw-items-center",color:"green",disabled:s.isSendingPreview||s.emailsToSendTo.length==0},{default:De(()=>[xe("Send")]),_:1},8,["onClick","disabled"])])])]),_:1},8,["onCancel"])):Q("",!0)])}const $O=Pe(nO,[["render",UO],["__scopeId","data-v-e72e1f77"]]),BO={name:"SettingsPanelGeneral",components:{"panel-button":Sn,"panel-checkbox":Qh,"list-select":Tr},props:{settings:{required:!0,type:Object},loading:{default:!1}},data(){return{updatedSettings:null,mailchimpKeyLocked:!0,apiKeyValidated:!1,apiKeyFailed:!1,apiKeyStatus:"",isGettingAudiences:!1,isAPIKeyValidating:!1,audiences:[],audienceSelected:null}},watch:{settings(e){this.updatedSettings=e},updatedSettings(e){this.audienceSelected=e.mailchimp_active_audience,this.audiences=e.mailchimp_audiences,this.validateAPIKey().then(()=>this.update())}},computed:{audienceSelectItems(){return this.audiences?this.audiences.map(e=>({id:e.id,title:e.label})):[]}},methods:{update(){this.$emit("update",this.updatedSettings)},async validateAPIKey(){this.isAPIKeyValidating=!0;let e={mailchimp_api_key:this.updatedSettings.mailchimp_api_key};await lt.post("/wp-json/campaignpress/v1/validate-mailchimp-api-key",e).then(t=>{let n=JSON.parse(t.data).data;return console.log(n),this.isAPIKeyValidating=!1,n.api_key?(this.apiKeyFailed=!1,this.apiKeyStatus="Mailchimp API key was validated",this.apiKeyValidated=!0):(this.apiKeyFailed=!0,this.apiKeyStatus="Mailchimp API key is not valid",this.apiKeyValidated=!1),!0}).catch(t=>(console.log(t),!1))},async removeAPIKey(){this.isAPIKeyValidating=!0,await lt.post("/wp-json/campaignpress/v1/remove-mailchimp-api-key",{}).then(e=>(JSON.parse(e.data).data,this.isAPIKeyValidating=!1,this.apiKeyValidated=!1,this.apiKeyFailed=!1,this.apiKeySlot="",!0)).catch(e=>(console.log(e),!1))},settingUpdated(e,t){this.updatedSettings[e]=t==!0?1:0,this.update(),(e=="toast_show_scheduled_campaigns"||e=="use_top_level_menu")&&location.reload()},resetAudienceSettingsClicked(){confirm("Are you sure you want to reset CampaignPress audience data?")&&this.$emit("reset-audiences",null)},removeCampaignsClicked(){confirm("Are you sure you want to remove Campaigns created by CampaignPress?")&&this.$emit("remove-campaigns",null)},removeTemplatesClicked(){confirm("Are you sure you want to remove Templates created by CampaignPress?")&&this.$emit("remove-templates",null)},resetCampaignPressClicked(){confirm("Are you sure you want to completely reset CampaignPress?")&&this.$emit("reset-campaignpress",null)},updateMailchimpApiKeyClicked(){this.validateAPIKey(),this.mailchimpKeyLocked=!1},saveMailchimpApiKeyClicked(){this.validateAPIKey(),this.mailchimpKeyLocked=!0},audienceChanged(e){!confirm(`Are you sure you want to delete your active Campaign, Template and content for the active Audience, and begin using ${e.title} going forward?
     25In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function T(O){return b(O)||_(O)||v(O)||E()}var N=r("a352"),P=r.n(N);function D(O){O.parentElement!==null&&O.parentElement.removeChild(O)}function L(O,A,M){var G=M===0?O.children[0]:O.children[M-1].nextSibling;O.insertBefore(A,G)}var $=r("dbf1");r("13d5"),r("4fad"),r("ac1f"),r("5319");function Y(O){var A=Object.create(null);return function(G){var se=A[G];return se||(A[G]=O(G))}}var j=/-(\w)/g,R=Y(function(O){return O.replace(j,function(A,M){return M.toUpperCase()})});r("5db7"),r("73d9");var ue=["Start","Add","Remove","Update","End"],V=["Choose","Unchoose","Sort","Filter","Clone"],te=["Move"],fe=[te,ue,V].flatMap(function(O){return O}).map(function(O){return"on".concat(O)}),He={manage:te,manageAndEmit:ue,emit:V};function ut(O){return fe.indexOf(O)!==-1}r("caad"),r("2ca0");var ze=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","label","legend","li","link","main","map","mark","math","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rb","rp","rt","rtc","ruby","s","samp","script","section","select","slot","small","source","span","strong","style","sub","summary","sup","svg","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr"];function $e(O){return ze.includes(O)}function ft(O){return["transition-group","TransitionGroup"].includes(O)}function _t(O){return["id","class","role","style"].includes(O)||O.startsWith("data-")||O.startsWith("aria-")||O.startsWith("on")}function ht(O){return O.reduce(function(A,M){var G=g(M,2),se=G[0],ye=G[1];return A[se]=ye,A},{})}function Le(O){var A=O.$attrs,M=O.componentData,G=M===void 0?{}:M,se=ht(Object.entries(A).filter(function(ye){var me=g(ye,2),Te=me[0];return me[1],_t(Te)}));return f(f({},se),G)}function Xe(O){var A=O.$attrs,M=O.callBackBuilder,G=ht(It(A));Object.entries(M).forEach(function(ye){var me=g(ye,2),Te=me[0],st=me[1];He[Te].forEach(function(Se){G["on".concat(Se)]=st(Se)})});var se="[data-draggable]".concat(G.draggable||"");return f(f({},G),{},{draggable:se})}function It(O){return Object.entries(O).filter(function(A){var M=g(A,2),G=M[0];return M[1],!_t(G)}).map(function(A){var M=g(A,2),G=M[0],se=M[1];return[R(G),se]}).filter(function(A){var M=g(A,2),G=M[0];return M[1],!ut(G)})}r("c740");function pt(O,A){if(!(O instanceof A))throw new TypeError("Cannot call a class as a function")}function Jt(O,A){for(var M=0;M<A.length;M++){var G=A[M];G.enumerable=G.enumerable||!1,G.configurable=!0,"value"in G&&(G.writable=!0),Object.defineProperty(O,G.key,G)}}function fn(O,A,M){return A&&Jt(O.prototype,A),M&&Jt(O,M),O}var x=function(A){var M=A.el;return M},C=function(A,M){return A.__draggable_context=M},I=function(A){return A.__draggable_context},W=function(){function O(A){var M=A.nodes,G=M.header,se=M.default,ye=M.footer,me=A.root,Te=A.realList;pt(this,O),this.defaultNodes=se,this.children=[].concat(T(G),T(se),T(ye)),this.externalComponent=me.externalComponent,this.rootTransition=me.transition,this.tag=me.tag,this.realList=Te}return fn(O,[{key:"render",value:function(M,G){var se=this.tag,ye=this.children,me=this._isRootComponent,Te=me?{default:function(){return ye}}:ye;return M(se,G,Te)}},{key:"updated",value:function(){var M=this.defaultNodes,G=this.realList;M.forEach(function(se,ye){C(x(se),{element:G[ye],index:ye})})}},{key:"getUnderlyingVm",value:function(M){return I(M)}},{key:"getVmIndexFromDomIndex",value:function(M,G){var se=this.defaultNodes,ye=se.length,me=G.children,Te=me.item(M);if(Te===null)return ye;var st=I(Te);if(st)return st.index;if(ye===0)return 0;var Se=x(se[0]),pe=T(me).findIndex(function(ve){return ve===Se});return M<pe?0:ye}},{key:"_isRootComponent",get:function(){return this.externalComponent||this.rootTransition}}]),O}(),B=r("8bbf");function z(O,A){var M=O[A];return M?M():[]}function ne(O){var A=O.$slots,M=O.realList,G=O.getKey,se=M||[],ye=["header","footer"].map(function(ve){return z(A,ve)}),me=g(ye,2),Te=me[0],st=me[1],Se=A.item;if(!Se)throw new Error("draggable element must have an item slot");var pe=se.flatMap(function(ve,Fe){return Se({element:ve,index:Fe}).map(function(Be){return Be.key=G(ve),Be.props=f(f({},Be.props||{}),{},{"data-draggable":!0}),Be})});if(pe.length!==se.length)throw new Error("Item slot must have only one child");return{header:Te,footer:st,default:pe}}function q(O){var A=ft(O),M=!$e(O)&&!A;return{transition:A,externalComponent:M,tag:M?Object(B.resolveComponent)(O):A?B.TransitionGroup:O}}function X(O){var A=O.$slots,M=O.tag,G=O.realList,se=O.getKey,ye=ne({$slots:A,realList:G,getKey:se}),me=q(M);return new W({nodes:ye,root:me,realList:G})}function H(O,A){var M=this;Object(B.nextTick)(function(){return M.$emit(O.toLowerCase(),A)})}function ce(O){var A=this;return function(M,G){if(A.realList!==null)return A["onDrag".concat(O)](M,G)}}function re(O){var A=this,M=ce.call(this,O);return function(G,se){M.call(A,G,se),H.call(A,O,G)}}var he=null,ge={list:{type:Array,required:!1,default:null},modelValue:{type:Array,required:!1,default:null},itemKey:{type:[String,Function],required:!0},clone:{type:Function,default:function(A){return A}},tag:{type:String,default:"div"},move:{type:Function,default:null},componentData:{type:Object,required:!1,default:null}},ke=["update:modelValue","change"].concat(T([].concat(T(He.manageAndEmit),T(He.emit)).map(function(O){return O.toLowerCase()}))),Ke=Object(B.defineComponent)({name:"draggable",inheritAttrs:!1,props:ge,emits:ke,data:function(){return{error:!1}},render:function(){try{this.error=!1;var A=this.$slots,M=this.$attrs,G=this.tag,se=this.componentData,ye=this.realList,me=this.getKey,Te=X({$slots:A,tag:G,realList:ye,getKey:me});this.componentStructure=Te;var st=Le({$attrs:M,componentData:se});return Te.render(B.h,st)}catch(Se){return this.error=!0,Object(B.h)("pre",{style:{color:"red"}},Se.stack)}},created:function(){this.list!==null&&this.modelValue!==null&&$.a.error("modelValue and list props are mutually exclusive! Please set one or another.")},mounted:function(){var A=this;if(!this.error){var M=this.$attrs,G=this.$el,se=this.componentStructure;se.updated();var ye=Xe({$attrs:M,callBackBuilder:{manageAndEmit:function(st){return re.call(A,st)},emit:function(st){return H.bind(A,st)},manage:function(st){return ce.call(A,st)}}}),me=G.nodeType===1?G:G.parentElement;this._sortable=new P.a(me,ye),this.targetDomElement=me,me.__draggable_component__=this}},updated:function(){this.componentStructure.updated()},beforeUnmount:function(){this._sortable!==void 0&&this._sortable.destroy()},computed:{realList:function(){var A=this.list;return A||this.modelValue},getKey:function(){var A=this.itemKey;return typeof A=="function"?A:function(M){return M[A]}}},watch:{$attrs:{handler:function(A){var M=this._sortable;!M||It(A).forEach(function(G){var se=g(G,2),ye=se[0],me=se[1];M.option(ye,me)})},deep:!0}},methods:{getUnderlyingVm:function(A){return this.componentStructure.getUnderlyingVm(A)||null},getUnderlyingPotencialDraggableComponent:function(A){return A.__draggable_component__},emitChanges:function(A){var M=this;Object(B.nextTick)(function(){return M.$emit("change",A)})},alterList:function(A){if(this.list){A(this.list);return}var M=T(this.modelValue);A(M),this.$emit("update:modelValue",M)},spliceList:function(){var A=arguments,M=function(se){return se.splice.apply(se,T(A))};this.alterList(M)},updatePosition:function(A,M){var G=function(ye){return ye.splice(M,0,ye.splice(A,1)[0])};this.alterList(G)},getRelatedContextFromMoveEvent:function(A){var M=A.to,G=A.related,se=this.getUnderlyingPotencialDraggableComponent(M);if(!se)return{component:se};var ye=se.realList,me={list:ye,component:se};if(M!==G&&ye){var Te=se.getUnderlyingVm(G)||{};return f(f({},Te),me)}return me},getVmIndexFromDomIndex:function(A){return this.componentStructure.getVmIndexFromDomIndex(A,this.targetDomElement)},onDragStart:function(A){this.context=this.getUnderlyingVm(A.item),A.item._underlying_vm_=this.clone(this.context.element),he=A.item},onDragAdd:function(A){var M=A.item._underlying_vm_;if(M!==void 0){D(A.item);var G=this.getVmIndexFromDomIndex(A.newIndex);this.spliceList(G,0,M);var se={element:M,newIndex:G};this.emitChanges({added:se})}},onDragRemove:function(A){if(L(this.$el,A.item,A.oldIndex),A.pullMode==="clone"){D(A.clone);return}var M=this.context,G=M.index,se=M.element;this.spliceList(G,1);var ye={element:se,oldIndex:G};this.emitChanges({removed:ye})},onDragUpdate:function(A){D(A.item),L(A.from,A.item,A.oldIndex);var M=this.context.index,G=this.getVmIndexFromDomIndex(A.newIndex);this.updatePosition(M,G);var se={element:this.context.element,oldIndex:M,newIndex:G};this.emitChanges({moved:se})},computeFutureIndex:function(A,M){if(!A.element)return 0;var G=T(M.to.children).filter(function(Te){return Te.style.display!=="none"}),se=G.indexOf(M.related),ye=A.component.getVmIndexFromDomIndex(se),me=G.indexOf(he)!==-1;return me||!M.willInsertAfter?ye:ye+1},onDragMove:function(A,M){var G=this.move,se=this.realList;if(!G||!se)return!0;var ye=this.getRelatedContextFromMoveEvent(A),me=this.computeFutureIndex(ye,A),Te=f(f({},this.context),{},{futureIndex:me}),st=f(f({},A),{},{relatedContext:ye,draggedContext:Te});return G(st,M)},onDragEnd:function(){he=null}}}),je=Ke;o.default=je},fb6a:function(s,o,r){var a=r("23e7"),l=r("861d"),c=r("e8b5"),d=r("23cb"),u=r("50c4"),f=r("fc6a"),m=r("8418"),p=r("b622"),w=r("1dde"),v=r("ae40"),y=w("slice"),g=v("slice",{ACCESSORS:!0,0:0,1:2}),b=p("species"),_=[].slice,E=Math.max;a({target:"Array",proto:!0,forced:!y||!g},{slice:function(N,P){var D=f(this),L=u(D.length),$=d(N,L),Y=d(P===void 0?L:P,L),j,R,ue;if(c(D)&&(j=D.constructor,typeof j=="function"&&(j===Array||c(j.prototype))?j=void 0:l(j)&&(j=j[b],j===null&&(j=void 0)),j===Array||j===void 0))return _.call(D,$,Y);for(R=new(j===void 0?Array:j)(E(Y-$,0)),ue=0;$<Y;$++,ue++)$ in D&&m(R,ue,D[$]);return R.length=ue,R}})},fc6a:function(s,o,r){var a=r("44ad"),l=r("1d80");s.exports=function(c){return a(l(c))}},fdbc:function(s,o){s.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},fdbf:function(s,o,r){var a=r("4930");s.exports=a&&!Symbol.sham&&typeof Symbol.iterator=="symbol"}}).default})})($h);const Oc=Cg($h.exports),p1={name:"QueueSection",components:{},data(){return{}},methods:{}},m1={class:"tw-mt-4 first:tw-mt-0 tw-border tw-border-gray-400 tw-bg-gray-50 section"},w1={class:"tw-flex tw-items-start tw-mb-3 tw-relative"},g1=h("div",{class:"tw-cursor-move tw-w-8 tw-mt-4 tw-px-6 tw-text-4xl tw-flex tw-justify-center tw-text-gray-400 material-symbols-outlined big-handle"},"drag_indicator",-1),y1={class:"tw-relative tw-leading-none -tw-top-[0px]"},v1=h("div",{class:"tw-bg-white tw-z-2 tw-font-semibold tw-text-[10px] tw-uppercase tw-border-b tw-border-x tw-border-gray-400 tw-text-gray-400 tw-px-2 tw-py-0.5 tw-rounded-md tw-rounded-t-none tw-inline tw-leading-none tw-tracking-wider tw-shadow-sm tw-shadow-slate-200"},"Section",-1),b1={class:"tw-mt-3 tw-text-xl tw-leading-none"},x1={class:"tw-absolute tw-top-4 tw-right-4 tw-bg-gray-100 tw-rounded-md tw-px-3 tw-flex tw-justify-center tw-items-center tw-gap-2 tw-py-1"},S1=h("div",{class:"tw-cursor-pointer tw-pointer-events-none material-symbols-outlined tw-text-xl"},"delete",-1),_1=[S1],C1=h("div",{class:"tw-cursor-pointer tw-pointer-events-none material-symbols-outlined tw-text-xl"},"edit",-1),k1=[C1],T1=h("div",{class:"tw-cursor-pointer tw-pointer-events-none material-symbols-outlined tw-text-2xl"},"playlist_add",-1),E1=[T1],O1={class:"tw-w-full tw-p-4 tw-pt-0"},D1=h("div",{class:"tw-relative tw-top-[1px] tw-bg-white tw-font-semibold tw-ml-8 tw-text-[10px] tw-uppercase tw-border-t tw-border-x tw-border-gray-400 tw-text-gray-400 tw-px-2 tw-pt-0.5 tw-pb-1 tw-rounded-md tw-rounded-b-none tw-inline tw-leading-none tw-tracking-wider"},"Content Items",-1),A1={class:"tw-border tw-border-gray-400 tw-rounded-md"};function P1(e,t,n,i,s,o){return S(),k("div",m1,[h("div",w1,[g1,h("div",y1,[v1,h("div",b1,[Dn(e.$slots,"title")])]),h("div",x1,[h("div",{class:"tw-border-r tw-border-gray-300 tw-pr-2 tw-divide-x tw-opacity-70 tw-cursor-pointer",onClick:t[0]||(t[0]=r=>e.$emit("remove",r))},_1),h("div",{class:"tw-border-r tw-border-gray-300 tw-pr-2 tw-divide-x tw-opacity-70 tw-cursor-pointer",onClick:t[1]||(t[1]=r=>e.$emit("edit",r))},k1),h("div",{class:"tw-opacity-70 tw-cursor-pointer",onClick:t[2]||(t[2]=r=>e.$emit("add",r))},E1)])]),h("div",O1,[D1,h("div",A1,[Dn(e.$slots,"items")])])])}const I1=Pe(p1,[["render",P1]]),M1={name:"QueueItem",props:{editing:{type:Boolean,default:!1},keepInQueue:{type:Boolean,default:!1}},components:{},data(){return{}},methods:{}},R1={class:"tw-flex tw-items-top tw-w-full tw-bg-white"},F1=h("div",{class:"tw-w-10 tw-cursor-move tw-pl-3 tw-pr-1 tw-text-2xl tw-flex tw-justify-center tw-text-gray-400 tw-mt-2 material-symbols-outlined handle"},"drag_indicator",-1),N1={class:"tw-w-full tw-mr-4"},L1={class:"tw-text-lg tw-leading-tight tw-mt-3 tw-mb-2 tw-relative"},j1={key:0,class:"tw-absolute tw-top-2 tw-right-1 tw-bg-gray-100 tw-rounded-md tw-px-3 tw-flex tw-justify-center tw-items-center tw-gap-2 tw-py-1"},U1={key:0,class:"tw-border-r tw-border-gray-300 tw-pr-3 tw-divide-x tw-cursor-pointer tw-text-gray-800"},$1=h("div",{class:"tw-cursor-pointer tw-pointer-events-none material-symbols-outlined tw-text-xl"},"lock",-1),B1=[$1],Y1=h("div",{class:"tw-cursor-pointer tw-pointer-events-none material-symbols-outlined tw-text-xl"},"delete",-1),W1=[Y1],H1=h("div",{class:"tw-cursor-pointer tw-pointer-events-none material-symbols-outlined tw-text-xl"},"edit",-1),K1=[H1],V1={key:1,class:"tw-absolute tw-top-2 tw-right-1 tw-bg-gray-100 tw-rounded-md tw-px-3 tw-flex tw-justify-center tw-items-center tw-gap-2 tw-py-1"},G1=h("div",{class:"tw-cursor-pointer tw-pointer-events-none material-symbols-outlined tw-text-xl"},"save",-1),z1=[G1],J1={class:"tw-text-md tw-leading-tight tw-mb-2 last:tw-mb-4 tw-w-10/12"},X1={class:"tw-text-xs tw-text-gray-400 tw-leading-tight tw-mb-2 last:tw-mb-4"};function Z1(e,t,n,i,s,o){return S(),k("div",R1,[F1,h("div",N1,[h("div",L1,[Dn(e.$slots,"title"),n.editing?(S(),k("div",V1,[h("div",{class:"tw-cursor-pointer tw-text-gray-500",onClick:t[2]||(t[2]=r=>e.$emit("save",r))},z1)])):(S(),k("div",j1,[n.keepInQueue?(S(),k("div",U1,B1)):Q("",!0),h("div",{class:"tw-border-r tw-border-gray-300 tw-pr-2 tw-divide-x tw-cursor-pointer tw-text-gray-500",onClick:t[0]||(t[0]=r=>e.$emit("remove",r))},W1),h("div",{class:"tw-cursor-pointer tw-text-gray-500",onClick:t[1]||(t[1]=r=>e.$emit("edit",r))},K1)]))]),h("div",J1,[Dn(e.$slots,"excerpt")]),h("div",X1,[Dn(e.$slots,"link")])])])}const Q1=Pe(M1,[["render",Z1]]),q1={name:"PanelLabelInput",props:{label:{default:"",type:String},value:{required:!0,default:"",type:String},compact:{default:!1,type:Boolean},size:{default:"medium",type:String},selectAll:{default:!1,type:Boolean},placeholder:{default:"",type:String}},data(){return{isFocused:!1}},computed:{inputVal:{get(){return this.value},set(e){this.$emit("input-change",e)}},isCompactMode(){return this.isFocused&&!this.value?!1:!!(this.value&&this.value.toString().length>0)},labelClasses(){return{"tw-text-xs":this.isCompactMode&&this.size==="small","tw-text-sm":this.isCompactMode&&this.size==="medium","tw-text-lg":!this.isCompactMode&&this.size==="small","tw-text-xl":!this.isCompactMode&&this.size==="medium","tw-font-bold":this.isCompactMode,"tw-bottom-0":!this.isCompactMode}}},watch:{value(e){this.isFocused=!0},isFocused(e){this.selectAll&&e&&this.$refs.field.select()}},methods:{inputFocus(){this.isFocused=!0},inputBlur(){this.isFocused=!1}}},e_={key:0,class:""},t_={class:"tw-font-bold tw-text-base"},n_={class:"tw-w-full tw-border-b tw-border-gray-300"},s_=["placeholder"],i_=["placeholder"];function r_(e,t,n,i,s,o){return n.compact?(S(),k("div",{key:1,class:F(["tw-relative tw-flex tw-items-end",{"tw-h-14":n.size==="medium","tw-h-12":n.size==="small"}])},[h("div",{class:"tw-w-full tw-border-b tw-border-gray-300",onClick:t[6]||(t[6]=(...r)=>o.inputFocus&&o.inputFocus(...r))},[h("div",{class:F(["tw-transition-all tw-absolute tw-left-0 tw-top-0 tw-flex tw-items-center",o.labelClasses])},ae(n.label),3),yt(h("input",{type:"text",class:F(["tw-border-none tw-border-black tw-border-b tw-w-full tw-ring-0 tw-px-0 tw-py-1 tw-font-normal",{"tw-text-base":n.size==="small","tw-text-2xl":n.size==="medium"}]),"onUpdate:modelValue":t[3]||(t[3]=r=>o.inputVal=r),onFocus:t[4]||(t[4]=(...r)=>o.inputFocus&&o.inputFocus(...r)),onBlur:t[5]||(t[5]=(...r)=>o.inputBlur&&o.inputBlur(...r)),placeholder:n.placeholder,ref:"field"},null,42,i_),[[St,o.inputVal]])])],2)):(S(),k("div",e_,[h("div",t_,ae(n.label),1),h("div",n_,[yt(h("input",{type:"text",class:"tw-border-none tw-border-black tw-border-b tw-w-full tw-ring-0 tw-px-0 tw-py-1 tw-text-2xl tw-font-normal","onUpdate:modelValue":t[0]||(t[0]=r=>o.inputVal=r),placeholder:n.placeholder,onFocus:t[1]||(t[1]=(...r)=>o.inputFocus&&o.inputFocus(...r)),onBlur:t[2]||(t[2]=(...r)=>o.inputBlur&&o.inputBlur(...r)),ref:"field"},null,40,s_),[[St,o.inputVal]])])]))}const _i=Pe(q1,[["render",r_]]),o_={name:"LoadingIndicator",props:{},data(){return{}},computed:{},watch:{},methods:{}},a_={class:"tw-absolute tw-left-0 tw-right-0 tw-bottom-0 tw-top-0 tw-flex tw-items-start tw-justify-center tw-z-10"},l_=h("div",{class:"tw-mt-[20vh]"},[h("div",{class:"tw-px-8 tw-py-5 tw-bg-white tw-rounded-xl tw-shadow-sm tw-border tw-border-gray-200 tw-flex tw-items-center"},[h("span",{class:"material-symbols-outlined tw-text-[30px] tw-animate-spin"},"cached")])],-1),c_=[l_];function d_(e,t,n,i,s,o){return S(),k("div",a_,c_)}const Dc=Pe(o_,[["render",d_]]),u_={name:"GeneralPanelQueue",components:{"queue-section":I1,"queue-item":Q1,"panel-button":Sn,"panel-dialog":Uh,"panel-label-input":_i,"loading-indicator":Dc,draggable:Oc},props:{audienceSettings:{required:!0,type:Object},promptSectionAdd:{required:!1,type:Boolean,default:!1},loading:{default:!1}},data(){return{search:null,dialogSectionOpen:!1,dialogContentOpen:!1,sectionDialogTitle:"",searchContentTerms:"",searchContentResults:[],sectionDialogIssue:null,isSectionDragging:!1,isItemDragging:!1,sectionDragging:null,sectionActive:null,itemDragging:null,sectionItemDragging:null,sections:[],sectionItemEditing:null}},watch:{sections(){this.update()},audienceSettings(e){this.sections=e.queue.sections},promptSectionAdd(e){this.dialogSectionOpen=e},dialogContentOpen(e){this.searchForContent("")}},computed:{searchContentStatus(){return this.searchContentResults.length==0&&this.searchContentTerms.length<3||this.searchContentResults.length>0&&this.searchContentTerms.length<3?"Please enter at least 3 characters to begin":this.searchContentResults.length>0?this.searchContentResults.length<=10?`Found ${this.searchContentResults.length} items`:`Found more than ${this.searchContentResults.length} items, refine search to narrow results`:"Searching..."}},methods:{async searchForContent(e){let t=encodeURIComponent(e);await lt.get(`/wp-json/campaignpress/v1/content?terms=${t}`).then(n=>{let s=JSON.parse(n.data).data.posts;return this.searchContentResults=s,s}).catch(n=>(console.log(n),!1))},sectionClasses(e){return{"tw-bg-white":this.sectionItemDragging!=e.id,"tw-border tw-border-transparent tw-bg-white tw-drop-shadow-md":this.sectionItemDragging==e.id}},itemClasses(e){return{"tw-border-transparent tw-rounded-xl":this.itemDragging!=e.id,"tw-opacity-30 tw-border-gray-600 tw-rounded-xl":this.itemDragging==e.id,"first:tw-divide-none tw-divide-y":!this.itemDragging&&!this.sectionDragging,"tw-divide-y tw-divide-white":this.itemDragging||this.sectionDragging,"tw-hidden":this.sectionItemDragging!=e.id&&this.isSectionDragging}},insertIntoSection(e,t){this.sections.filter(i=>i.id==e.id).pop().items.push({id:t.id,title:t.title,excerpt:t.excerpt,link_to_content:t.link_to_content,keep_in_queue:t.keep_in_queue}),this.update()},update(){this.$emit("update",this.sections)},postIsInAudience(e){for(let t=0;t<this.sections.length;t++){let i=this.sections[t].items;for(let s=0;s<i.length;s++)if(i[s].id==e.id)return!0}return!1},sectionDragStarted(e){let t=e.item.dataset.sectionId;this.sectionDragging=t,this.isSectionDragging=!0},sectionDragEnded(e){this.sectionDragging=null,this.isSectionDragging=!1},sectionMoved(e){this.update()},itemDragStarted(e){this.itemDragging=e.item.dataset.itemId,this.sectionItemDragging=e.item.parentNode.parentNode.parentNode.dataset.sectionId,this.isItemDragging=!0},itemDragEnded(e){this.itemDragging=null,this.sectionItemDragging=null,this.isItemDragging=!1},itemMoved(e){this.update()},searchForPostClicked(e){this.dialogContentOpen=!0,this.sectionActive=e},dialogCanceled(){this.dialogSectionOpen=!1,this.dialogContentOpen=!1,this.sectionActive=null,this.searchContentTerms="",this.searchContentResults=[],this.sectionDialogTitle=""},searchContentTermsChanged(e){e.length>=3?this.search(e):this.search(""),this.searchContentTerms=e},insertIntoSectionClicked(e,t){this.insertIntoSection(e,t)},queueSectionAddClicked(e){this.sectionActive=e,this.dialogContentOpen=!0},queueSectionEditClicked(e){this.dialogSectionOpen=!0,this.sectionActive=e,this.sectionDialogTitle=e.title},queueSectionRemoveClicked(e){!confirm("Are you sure you want to remove this entire Section and all of the Content Items?")||(this.sections=this.sections.filter(t=>t.id!==e.id),this.sectionActive=null,this.update())},queueItemRemoveClicked(e,t){if(!confirm("Are you sure you want to remove this Content Item?"))return;let i=e.target.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.dataset.sectionId,s=this.sections.filter(o=>o.id===i).pop();s.items=s.items.filter(o=>o.id!==t.id),this.update()},queueItemEditClicked(e,t){let i=e.target.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.dataset.sectionId,s=this.sections.filter(o=>o.id===i).pop();this.sectionActive=s,this.sectionItemEditing=t.id},queueItemSaveClicked(e,t){this.sectionItemEditing=null,this.update()},sectionDialogTitleChanged(e){this.sectionDialogTitle=e},sectionDialogSaveClicked(){let e=bs.slugify(this.sectionDialogTitle);if(this.sections&&!this.sectionActive)if(!this.sections.find(t=>t.id==e||t.title==this.sectionDialogTitle))this.sections.reverse().push({id:e,title:this.sectionDialogTitle,items:[]}),this.sections.reverse();else{this.sectionDialogIssue={id:"existing",description:"This Section name was previously used or currently exists. Please enter another name."};return}else if(this.sections&&this.sectionActive)if(this.sections.find(t=>t.id==e||t.title==this.sectionDialogTitle)){this.sectionDialogIssue={id:"existing",description:"This Section name was previously used or currently exists. Please enter another name."};return}else{let t=this.sections.filter(n=>n.id==this.sectionActive.id).pop();t.title=this.sectionDialogTitle}this.sectionActive=null,this.sectionDialogTitle="",this.dialogSectionOpen=!1,this.$emit("section-add-cancel"),this.update(),this.sectionDialogIssue=null}},mounted(){this.audienceSettings&&(this.sections=this.audienceSettings.queue.sections),this.search=xt(this.searchForContent,250)}},f_={class:"tw-flex tw-items-center"},h_={class:"tw-flex tw-items-center"},p_={key:0,class:"tw-w-11/12 tw-flex tw-items-center"},m_=["onUpdate:modelValue"],w_={key:1,class:"tw-flex"},g_={key:0,class:"tw-w-full tw-flex tw-items-center"},y_=["onUpdate:modelValue"],v_={key:1,class:"tw-flex"},b_=["innerHTML"],x_={key:1,class:"tw-text-gray-400"},S_={key:0,class:"tw-w-11/12"},__={class:"tw-w-full tw-flex tw-items-center"},C_={class:"tw-w-8/12"},k_=["onUpdate:modelValue"],T_={class:"tw-w-4/12"},E_={class:"tw-px-4"},O_=["onUpdate:modelValue"],D_=h("span",{class:""},"Keep forever",-1),A_={key:1,class:"tw-flex"},P_={key:0},I_={key:1,class:"tw-text-gray-400"},M_={key:1,class:"tw-px-6 tw-py-10 tw-text-center"},R_=h("div",{class:"tw-text-base"},"There are no Content Items in this Section",-1),F_={class:"tw-py-4"},N_=["onClick"],L_=h("div",{class:""},"Tip: While editing a post, you'll notice an area that allows you to add the post to this Section of your next newsletter. ",-1),j_={key:2,class:""},U_=h("div",{class:"tw-border tw-border-gray-200 tw-p-2 tw-py-1 tw-rounded-xl tw-shadow-inner"},[h("div",{class:"tw-text-base"},"Loading...")],-1),$_=[U_],B_={key:3,class:""},Y_=h("div",{class:"tw-w-full tw-mt-2 tw-border tw-border-gray-400 tw-bg-gray-100 tw-p-4 tw-rounded-md tw-items-center tw-justify-center tw-flex"},[xe("You have no Sections. Tap "),h("span",{class:"tw-mx-1 tw-bg-gray-400 tw-border-b-2 tw-border-gray-500 tw-text-white tw-text-xs tw-rounded-md tw-px-2 tw-py-1"},[h("span",{class:"material-symbols-outlined tw-relative -tw-left-[2px] tw-text-[18px] tw-align-text-top"},"add"),xe(" Add Section")]),xe(" button to add one now.")],-1),W_=[Y_],H_={class:F(["tw-text-center tw-my-3 tw-text-xs"])},K_={key:0,class:"tw-border tw-border-gray-200 tw-p-2 tw-py-1 tw-rounded-xl tw-shadow-inner"},V_={class:"tw-flex tw-w-full tw-p-2 first:tw-pt-0 tw-border-b tw-border-b-gray-200 tw-h-8"},G_={class:"tw-w-3/12 tw-flex tw-justify-end"},z_=["onClick"],J_={key:1,class:"tw-px-2 tw-py-1 tw-bg-slate-200 tw-rounded-lg tw-font-semibold tw-text-xs tw-text-white"},X_={key:0,class:""},Z_={key:1,class:""},Q_={key:0,class:"tw-flex tw-justify-center"},q_={class:"tw-flex"},eC={class:"tw-m-4 tw-w-9/12"},tC={class:"tw-w-3/12 tw-flex tw-items-center tw-justify-center"};function nC(e,t,n,i,s,o){const r=oe("loading-indicator"),a=oe("queue-item"),l=oe("draggable"),c=oe("queue-section"),d=oe("panel-label-input"),u=oe("panel-dialog"),f=oe("panel-button");return S(),k("div",null,[n.loading?(S(),Qe(r,{key:0})):Q("",!0),s.sections.length?(S(),Qe(l,{key:1,id:"sections",modelValue:s.sections,"onUpdate:modelValue":t[0]||(t[0]=m=>s.sections=m),handle:".big-handle",class:"tw-w-full","item-key":"id","ghost-class":"tw-opacity-30",onStart:o.sectionDragStarted,onEnd:o.sectionDragEnded,move:o.sectionMoved},{item:De(({element:m})=>[K(c,{class:F(["tw-mt-4 tw-px-0 first:tw-mt-0 tw-w-full tw-rounded-xl",{"tw-opacity-30 tw-pointer-events-none":n.loading},o.sectionClasses(m)]),"data-section-id":m.id,onRemove:p=>o.queueSectionRemoveClicked(m),onEdit:p=>o.queueSectionEditClicked(m),onAdd:p=>o.queueSectionAddClicked(m)},{title:De(()=>[h("div",f_,[h("div",h_,ae(m.title),1)])]),items:De(()=>[m.items&&m.items.length?(S(),Qe(l,{key:0,id:"section-items-"+m.id,modelValue:m.items,"onUpdate:modelValue":p=>m.items=p,handle:".handle",class:F(["transition-all w-full"]),"item-key":"id","ghost-class":"opacity-30",onStart:o.itemDragStarted,onEnd:o.itemDragEnded,move:o.itemMoved},{item:De(({element:p})=>[K(a,{class:F([o.itemClasses(p)]),"data-item-id":p.id,"keep-in-queue":p.keep_in_queue,editing:s.sectionItemEditing==p.id,onEdit:w=>o.queueItemEditClicked(w,p),onRemove:w=>o.queueItemRemoveClicked(w,p),onSave:w=>o.queueItemSaveClicked(w,p)},{title:De(()=>[s.sectionItemEditing==p.id?(S(),k("div",p_,[yt(h("input",{type:"text","onUpdate:modelValue":w=>p.title=w,class:"tw-w-full tw-border-gray-400 tw-rounded-md"},null,8,m_),[[St,p.title]])])):(S(),k("div",w_,ae(p.title),1))]),excerpt:De(()=>[s.sectionItemEditing==p.id?(S(),k("div",g_,[yt(h("textarea",{"onUpdate:modelValue":w=>p.excerpt=w,class:"tw-w-full tw-p-2 tw-border tw-border-gray-400 tw-rounded-md"},null,8,y_),[[St,p.excerpt]])])):(S(),k("div",v_,[p.excerpt?(S(),k("span",{key:0,innerHTML:p.excerpt},null,8,b_)):(S(),k("span",x_,"(No excerpt)"))]))]),link:De(()=>[s.sectionItemEditing==p.id?(S(),k("div",S_,[h("div",__,[h("div",C_,[yt(h("input",{type:"text","onUpdate:modelValue":w=>p.link_to_content=w,class:"tw-w-full tw-border-gray-400 tw-rounded-md"},null,8,k_),[[St,p.link_to_content]])]),h("div",T_,[h("label",E_,[yt(h("input",{type:"checkbox","onUpdate:modelValue":w=>p.keep_in_queue=w},null,8,O_),[[vr,p.keep_in_queue]]),xe(),D_])])])])):(S(),k("div",A_,[p.link_to_content.length>0?(S(),k("span",P_,ae(p.link_to_content),1)):(S(),k("span",I_,"(No link)"))]))]),_:2},1032,["class","data-item-id","keep-in-queue","editing","onEdit","onRemove","onSave"])]),_:2},1032,["id","modelValue","onUpdate:modelValue","onStart","onEnd","move"])):(S(),k("div",M_,[R_,h("div",F_,[h("span",{class:"tw-text-blue-600 tw-font-bold tw-cursor-pointer",onClick:p=>o.searchForPostClicked(m)},"Search for content to add to this Section",8,N_),xe(".")]),L_]))]),_:2},1032,["class","data-section-id","onRemove","onEdit","onAdd"])]),_:1},8,["modelValue","onStart","onEnd","move"])):n.loading?(S(),k("div",j_,$_)):(S(),k("div",B_,W_)),s.sectionActive&&s.dialogContentOpen?(S(),Qe(u,{key:4,onCancel:o.dialogCanceled},{title:De(()=>[xe("Search for content to add to "+ae(s.sectionActive.title),1)]),content:De(()=>[K(d,{label:"",onInputChange:o.searchContentTermsChanged,value:s.searchContentTerms,class:"tw-w-full",compact:!1,size:"small","select-all":!0,placeholder:"Enter titles of posts, pages, etc."},null,8,["onInputChange","value"]),h("div",H_,ae(o.searchContentStatus),1),s.searchContentResults.length>0?(S(),k("div",K_,[(S(!0),k(Oe,null,Ot(s.searchContentResults,m=>(S(),k("div",{class:F(["tw-flex tw-my-2",{"tw-cursor-pointer":!o.postIsInAudience(m)}])},[h("div",V_,[h("div",{class:F(["tw-w-9/12 tw-text-ellipsis tw-overflow-hidden",{"tw-opacity-30":o.postIsInAudience(m)}])},ae(m.title),3),h("div",G_,[o.postIsInAudience(m)?(S(),k("div",J_,"Inserted!")):(S(),k("div",{key:0,class:"tw-px-2 tw-py-1 tw-bg-slate-400 tw-rounded-lg tw-font-semibold tw-text-xs tw-text-white",onClick:p=>o.insertIntoSectionClicked(s.sectionActive,m)},"Insert",8,z_))])])],2))),256))])):Q("",!0)]),_:1},8,["onCancel"])):Q("",!0),s.dialogSectionOpen?(S(),Qe(u,{key:5,onCancel:t[1]||(t[1]=m=>{o.dialogCanceled(),e.$emit("section-add-cancel")})},{title:De(()=>[s.sectionActive?(S(),k("div",X_,"Edit Section")):(S(),k("div",Z_,"Add Section"))]),content:De(()=>[s.sectionDialogIssue?(S(),k("div",Q_,ae(s.sectionDialogIssue.description),1)):Q("",!0),h("div",q_,[h("div",eC,[K(d,{label:"",onInputChange:o.sectionDialogTitleChanged,value:s.sectionDialogTitle,class:"tw-w-full",compact:!1,size:"small","select-all":!0,placeholder:"Enter a title for this Section"},null,8,["onInputChange","value"])]),h("div",tC,[K(f,{onClick:o.sectionDialogSaveClicked,color:"lightgray",class:"tw-w-full"},{default:De(()=>[xe("Save")]),_:1},8,["onClick"])])])]),_:1})):Q("",!0)])}const sC=Pe(u_,[["render",nC]]),iC={name:"DaySelect",props:{value:{required:!0,type:Object},to:{type:Number},disabled:{default:!1}},data(){return{selectOpen:!1,selected:null}},computed:{dayId(){return this.selected?this.selected.id:null},daysOfTheWeek(){return bs.daysOfTheWeek()}},watch:{value(e){this.selected=e}},methods:{itemClicked(e){this.$emit("day-select",e),this.selected=e,this.selectOpen=!1},toggleClicked(){this.selectOpen=!this.selectOpen}},mounted(){this.selected=this.value}},rC={class:"tw-relative tw-flex tw-h-11 tw-min-w-[120px]"},oC={key:0,class:"tw-pointer-events-none"},aC={key:1,class:"tw-pointer-events-none"},lC=["onClick"],cC={class:"tw-px-3 tw-py-2"},dC=h("div",null,null,-1),uC=["onClick"],fC={class:"tw-px-3 tw-py-2"},hC=h("div",null,null,-1);function pC(e,t,n,i,s,o){return S(),k("div",rC,[h("div",{class:F(["tw-bg-white tw-border tw-border-gray-400 tw-rounded-lg tw-overflow-hidden",{"hover:tw-border-gray-900":!n.disabled,"tw-overflow-scroll tw-absolute tw-z-20 tw-top-0 tw-max-h-[210px]":s.selectOpen&&!n.disabled}])},[h("div",{class:F(["tw-cursor-pointer tw-flex tw-items-center tw-py-1 tw-px-3",{"tw-pointer-events-none":n.disabled}]),onClick:t[0]||(t[0]=(...r)=>o.toggleClicked&&o.toggleClicked(...r))},[s.selected&&!n.to?(S(),k("div",oC,ae(s.selected.title),1)):Q("",!0),s.selected&&n.to?(S(),k("div",aC,ae(s.selected),1)):Q("",!0),h("div",{class:F(["tw-pointer-events-none tw-transition-all tw-cursor-pointer material-symbols-outlined tw-ml-3 tw-text-3xl",{"tw-rotate-180":s.selectOpen}])},"expand_more",2)],2),s.selectOpen?(S(),k("div",{key:0,class:F(["tw-border-t tw-border-gray-400 hover:tw-border-gray-900",{"tw-pointer-events-none":n.disabled}])},[n.to?(S(!0),k(Oe,{key:0},Ot(parseInt(n.to),r=>(S(),k("div",{class:"tw-divide-y tw-cursor-pointer hover:tw-bg-gray-300",onClick:a=>o.itemClicked(r)},[h("div",cC,ae(r),1),dC],8,lC))),256)):Q("",!0),n.to?Q("",!0):(S(!0),k(Oe,{key:1},Ot(o.daysOfTheWeek,r=>(S(),k("div",{class:"tw-divide-y tw-cursor-pointer hover:tw-bg-gray-300",onClick:a=>o.itemClicked(r)},[h("div",fC,ae(r.title),1),hC],8,uC))),256))],2)):Q("",!0)],2)])}const mC=Pe(iC,[["render",pC]]),wC={name:"TimeSelect",props:{value:{required:!0,type:Object},disabled:{default:!1}},data(){return{selectHourOpen:!1,selectMinuteOpen:!1,selectedHour:null,selectedMinute:null}},computed:{hourId(){return this.selectedHour?this.selectedHour:null},minuteId(){return this.selectedMinute?this.selectedMinute:null},hours(){return["00","01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16","17","18","19","20","21","22","23"]},minutes(){return["00","15","30","45"]},time(){return`${this.selectedHour}:${this.selectedMinute}`}},watch:{value(e){this.processTime(e)}},methods:{processTime(e){let t=e.split(":")[0],n=e.split(":")[1];this.selectedHour=t,this.selectedMinute=n},hourClicked(e){this.selectedHour=e,this.selectHourOpen=!1,this.$emit("time-select",this.time)},minuteClicked(e){this.selectedMinute=e,this.selectMinuteOpen=!1,this.$emit("time-select",this.time)},toggleHourClicked(){this.selectHourOpen=!this.selectHourOpen},toggleMinuteClicked(){this.selectMinuteOpen=!this.selectMinuteOpen}},mounted(){this.processTime(this.value)}},gC={class:"tw-relative tw-flex tw-h-11 tw-min-w-[80px]"},yC={key:0,class:"tw-pointer-events-none"},vC=["onClick"],bC={class:"tw-px-3 tw-py-2 tw-flex tw-items-start tw-justify-start"},xC={key:0,class:"tw-text-[20px] material-symbols-outlined tw-px-4"},SC=h("div",null,null,-1),_C=h("div",{class:"tw-text-2xl"},":",-1),CC={class:"tw-relative tw-flex tw-h-11 tw-min-w-[110px]"},kC={key:0,class:"tw-pointer-events-none"},TC=["onClick"],EC={class:"tw-px-3 tw-py-2 tw-flex tw-items-start tw-justify-start"},OC={key:0,class:"tw-text-[20px] material-symbols-outlined tw-px-4"},DC=h("div",null,null,-1);function AC(e,t,n,i,s,o){return S(),k(Oe,null,[h("div",gC,[h("div",{class:F(["tw-bg-white tw-border tw-border-gray-400 tw-rounded-lg tw-overflow-hidden tw-w-full",{"hover:tw-border-gray-900":!n.disabled,"tw-overflow-scroll tw-absolute tw-z-20 tw-top-0 tw-max-h-[210px]":s.selectHourOpen}])},[h("div",{class:F(["tw-h-11 tw-cursor-pointer tw-flex tw-items-center tw-py-1 tw-px-3",{"tw-pointer-events-none":n.disabled}]),onClick:t[0]||(t[0]=(...r)=>o.toggleHourClicked&&o.toggleHourClicked(...r))},[s.selectedHour?(S(),k("div",yC,ae(s.selectedHour),1)):Q("",!0),h("div",{class:F(["tw-pointer-events-none tw-absolute tw-right-1 tw-top-1 tw-transition-all tw-cursor-pointer material-symbols-outlined tw-ml-3 tw-text-3xl",{"tw-rotate-180":s.selectHourOpen}])},"expand_more",2)],2),s.selectHourOpen?(S(),k("div",{key:0,class:F(["tw-w-full tw-h-full tw-border-t tw-border-gray-400",{"hover:tw-border-gray-900":!n.disabled,"tw-pointer-events-none":n.disabled}])},[(S(!0),k(Oe,null,Ot(o.hours,r=>(S(),k("div",{class:"tw-h-full tw-divide-y tw-cursor-pointer hover:tw-bg-gray-300",onClick:a=>o.hourClicked(r)},[h("div",bC,[xe(ae(r)+" ",1),s.selectedHour==r?(S(),k("span",xC,"done")):Q("",!0)]),SC],8,vC))),256))],2)):Q("",!0)],2)]),_C,h("div",CC,[h("div",{class:F(["tw-bg-white tw-border tw-border-gray-400 tw-rounded-lg tw-overflow-hidden tw-w-full",{"hover:tw-border-gray-900":!n.disabled,"tw-overflow-scroll tw-absolute tw-z-20 tw-top-0 tw-max-h-[210px]":s.selectMinuteOpen}])},[h("div",{class:F(["tw-h-11 tw-cursor-pointer tw-flex tw-items-center tw-py-1 tw-px-3",{"tw-pointer-events-none":n.disabled}]),onClick:t[1]||(t[1]=(...r)=>o.toggleMinuteClicked&&o.toggleMinuteClicked(...r))},[s.selectedMinute?(S(),k("div",kC,ae(s.selectedMinute),1)):Q("",!0),h("div",{class:F(["tw-pointer-events-none tw-absolute tw-right-1 tw-top-1 tw-transition-all tw-cursor-pointer material-symbols-outlined tw-ml-3 tw-text-3xl",{"tw-rotate-180":s.selectMinuteOpen}])},"expand_more",2)],2),s.selectMinuteOpen?(S(),k("div",{key:0,class:F(["tw-w-full tw-h-full tw-border-t tw-border-gray-400",{"hover:tw-border-gray-900":!n.disabled,"tw-pointer-events-none":n.disabled}])},[(S(!0),k(Oe,null,Ot(o.minutes,r=>(S(),k("div",{class:"tw-divide-y tw-cursor-pointer hover:tw-bg-gray-300",onClick:a=>o.minuteClicked(r)},[h("div",EC,[xe(ae(r)+" ",1),s.selectedMinute==r?(S(),k("span",OC,"done")):Q("",!0)]),DC],8,TC))),256))],2)):Q("",!0)],2)])],64)}const PC=Pe(wC,[["render",AC]]),IC={name:"PanelCheckbox",props:{name:{default:""},color:{default:"amber"},value:{default:""},checked:{default:!1},disabled:{default:!1}},data(){return{}},computed:{checkClasses(){let e="tw-cursor-pointer tw-rounded-md tw-border-2 tw-w-6 tw-h-6 tw-outline-0 tw-ring-0 tw-p-0.5";switch(this.color){case"amber":return[e,{"tw-border-amber-600":this.checked,"tw-border-amber-500":!this.checked}];case"lightgray":return[e,{"tw-border-white":this.checked,"tw-border-gray-500":!this.checked}]}},checkIndicatorClasses(){let e="tw-w-full tw-h-full tw-rounded-sm";switch(this.color){case"amber":return[e,{"tw-bg-amber-400":this.checked,"tw-bg-white":!this.checked}];case"lightgray":return[e,{"tw-bg-gray-400":this.checked,"tw-bg-white":!this.checked}]}},inputVal:{get(){return this.value},set(e){this.$emit("input",e)}}},watch:{},methods:{checkClicked(e){this.$emit("input",!this.checked)}}},MC=["data-checked"],RC=["value"];function FC(e,t,n,i,s,o){return S(),k("div",{"data-checked":o.inputVal?"true":"false"},[h("div",{class:F(o.checkClasses),onClick:t[0]||(t[0]=(...r)=>o.checkClicked&&o.checkClicked(...r))},[h("div",{class:F(o.checkIndicatorClasses)},null,2)],2),Dn(e.$slots,"default"),h("input",{type:"hidden",value:o.inputVal},null,8,RC)],8,MC)}const Qh=Pe(IC,[["render",FC]]),NC={name:"PanelPurchase",components:{"panel-button":Sn},props:{},data(){return{}},computed:{},watch:{},methods:{purchaseNowClicked(){window.open("https://campaignpress.ca","campaignpress")}},mounted(){}},LC={class:"tw-absolute tw-top-0 tw-bottom-0 tw-left-0 tw-right-0 tw-z-10 tw-bg-white/60"},jC={class:"tw-relative tw-flex tw-flex-col tw-w-8/12 tw-px-8 tw-py-6 tw-my-10 tw-mx-auto tw-items-center tw-justify-center tw-bg-white tw-rounded-xl tw-border-gray-400 tw-border tw-shadow-lg"},UC={class:""},$C={class:"tw-flex tw-flex-col tw-items-center"},BC=h("div",{class:"tw-font-semibold tw-text-lg"},"This is a Premium Feature",-1),YC=h("div",{class:"tw-text-base"},"Experience all of the great features of CampaignPress Premium",-1),WC={class:"tw-pt-4 tw-text-base"};function HC(e,t,n,i,s,o){const r=oe("panel-button");return S(),k("div",LC,[h("div",jC,[h("div",UC,[h("div",$C,[BC,YC,h("div",WC,[K(r,{onClick:o.purchaseNowClicked},{default:De(()=>[xe("Purchase now")]),_:1},8,["onClick"])])])])])])}const KC=Pe(NC,[["render",HC]]),VC={name:"PanelState",components:{"panel-button":Sn},props:{},data(){return{}},computed:{},watch:{},methods:{pauseClicked(){this.$emit("pause")}},mounted(){}},GC={class:"tw-absolute tw-top-6 tw-bottom-0 tw-left-0 tw-right-0 tw-z-10 tw-bg-white/60"},zC={class:"tw-relative tw-flex tw-flex-col tw-w-7/12 tw-px-8 tw-py-6 tw-my-10 tw-mx-auto tw-items-center tw-justify-center tw-bg-white tw-rounded-xl tw-border-gray-400 tw-border tw-shadow-lg"},JC={class:""},XC={class:"tw-flex tw-flex-col tw-items-center"},ZC=h("div",{class:"tw-font-semibold tw-text-lg"},"Your Campaign is running",-1),QC=h("div",{class:"tw-text-base tw-text-center"},"To change your frequency, pause your campaign first.",-1),qC={class:"tw-pt-4"},ek=h("span",{class:"material-symbols-outlined tw-text-base tw-mr-2 -tw-ml-2"},"pause",-1);function tk(e,t,n,i,s,o){const r=oe("panel-button");return S(),k("div",GC,[h("div",zC,[h("div",JC,[h("div",XC,[ZC,QC,h("div",qC,[K(r,{class:"tw-flex tw-items-center",onClick:o.pauseClicked},{default:De(()=>[ek,xe(" Pause")]),_:1},8,["onClick"])])])])])])}const nk=Pe(VC,[["render",tk]]),sk={name:"GeneralPanelCampaignFree",components:{"panel-button":Sn,"panel-checkbox":Qh,"panel-purchase":KC,"panel-state":nk,"day-select":mC,"time-select":PC,"loading-indicator":Dc,draggable:Oc},props:{audienceSettings:{required:!0,type:Object},loading:{default:!1}},data(){return{copiedToClipboard:null,activeFrequencyTab:"weekly",frequencyTabs:[{id:"weekly",title:"Weekly"},{id:"biweekly",title:"Bi-Weekly"},{id:"monthly",title:"Monthly"},{id:"daily",title:"Daily"}],scheduleWeeklyDaySelected:{id:"monday",title:"Monday"},scheduleWeeklyTimeSelected:"12:30",scheduleBiWeeklyDateSelected:1,scheduleBiWeeklyDaySelected:{id:"monday",title:"Monday"},scheduleBiWeeklyTimeSelected:"12:30",scheduleMonthlyDateSelected:1,scheduleMonthlyTimeSelected:"12:30",scheduleDailyDaysSelected:{sunday:!1,monday:!1,tuesday:!1,wednesday:!1,thursday:!1,friday:!1,saturday:!1},scheduleDailyDayTimeSelected:{sunday:"12:30",monday:"12:30",tuesday:"12:30",wednesday:"12:30",thursday:"12:30",friday:"12:30",saturday:"12:30"},emailSubject:"",emailHeadline:"",emailFrequency:"weekly",subjectShortcuts:[{id:"date_today",title:"Today's Date"},{id:"audience_title",title:"Audience Title"},{id:"total_content_items",title:"Total # of Content Items"}]}},watch:{audienceSettings(e){this.campaign=e.campaign,this.setup()},scheduleWeeklyDaySelected(){this.update()},scheduleWeeklyTimeSelected(){this.update()}},computed:{scheduleBiWeeklyDateDifferential(){let e=this.scheduleBiWeeklyDateSelected-1+15;return e>28?"last day":e},nextScheduledSendLabel(){if(!!this.audienceSettings&&!!this.audienceSettings.campaign&&!!this.audienceSettings.campaign.email_frequency_settings)switch(this.emailFrequency){case"weekly":return this.displayNextScheduledSend("weekly",this.audienceSettings.campaign.email_frequency_settings,this.audienceSettings.timezone)}},timezoneLabel(){return this.audienceSettings?`${this.audienceSettings.timezone.label} (${this.audienceSettings.timezone.offset})`:"-"},daysOfTheWeek(){return bs.daysOfTheWeek()},activeFrequencyTabLabel(){return this.activeFrequencyTab?this.frequencyTabs.find(e=>e.id==this.activeFrequencyTab).title:""},campaignState(){return this.audienceSettings?this.audienceSettings.state:0}},methods:{update(){this.campaign.email_frequency_settings={days:[this.scheduleWeeklyDaySelected],times:[this.scheduleWeeklyTimeSelected]},this.$emit("update",this.campaign)},setup(){switch(this.emailSubject=this.campaign.email_subject,this.emailHeadline=this.campaign.email_headline,this.emailFrequency=this.campaign.email_frequency,this.emailFrequency){case"weekly":this.scheduleWeeklyDaySelected=this.campaign.email_frequency_settings.days[0],this.scheduleWeeklyTimeSelected=this.campaign.email_frequency_settings.times[0];break}},displayNextScheduledSend(e,t,n){return bs.displayNextScheduledSend(e,t,n)},frequencyTabClicked(e){this.activeFrequencyTab=e,this.campaign.email_frequency=e,this.update()},copyToClipboard(e,t){this.copiedToClipboard=e,navigator.clipboard.writeText("{"+t.id+"}"),setTimeout(()=>this.copiedToClipboard=null,1e3)},emailSubjectChanged(){this.campaign.email_subject=this.emailSubject,this.update()},emailHeadlineChanged(){this.emailHeadline.length>0&&(this.campaign.email_headline=this.emailHeadline,this.update())},emailFrequencyChanged(){this.emailFrequency.length>0&&(this.campaign.email_frequency=this.emailFrequency,this.update())}},mounted(){this.activeFrequencyTab=this.frequencyTabs[0].id,this.audienceSettings&&(this.campaign=this.audienceSettings.campaign,this.setup())}},ik={class:"tw-w-full"},rk={class:"tw-w-full"},ok=h("div",{class:"tw-font-bold tw-text-base"},"Email Subject",-1),ak={class:"tw-w-full tw-border-b tw-border-gray-300"},lk=["disabled"],ck={class:"tw-w-full tw-flex tw-gap-3 tw-py-4 tw-items-center"},dk=["onClick"],uk=h("span",{class:"material-symbols-outlined tw-text-[18px] tw-mr-2"},"content_copy",-1),fk=h("strong",null,"at least an hour before",-1),hk={class:"tw-w-full tw-mt-8"},pk={class:"tw-font-bold tw-text-base"},mk={class:"tw-flex tw-w-full"},wk={class:"tw-w-full tw-text-sm tw-m-0 tw-ml-6 tw-flex tw-items-end tw-h-16"},gk=["onClick"],yk={class:"tw-flex tw-w-full tw-border tw-p-8 tw-border-gray-300 tw-rounded-md tw-bg-white"},vk={key:0,class:F(["tw-divide-y tw-w-full"])},bk=h("div",{class:"tw-py-2"},"Sending to your list weekly means CampaignPress will send once per week.",-1),xk={class:"tw-py-2 tw-font-bold"},Sk={class:"tw-relative"},_k=h("div",{class:""},"Every",-1),Ck=h("div",{class:""},"At",-1),kk={key:1,class:"tw-divide-y tw-w-full"},Tk=h("div",{class:"tw-py-2"},"Sending to your list bi-weekly means CampaignPress will send twice per month.",-1),Ek={class:"tw-relative"},Ok={class:"tw-py-4 tw-flex-col tw-gap-3 tw-items-center"},Dk={class:"tw-flex tw-gap-3 tw-items-center tw-mb-3"},Ak=h("div",{class:""},"Every two weeks, on",-1),Pk=h("div",null,"and 15 of every month",-1),Ik={class:"tw-flex tw-gap-3 tw-items-center"},Mk=h("div",{class:""},"Every other",-1),Rk={class:"tw-py-4 tw-flex tw-gap-3 tw-items-center"},Fk=h("div",{class:""},"At",-1),Nk={key:2,class:"tw-divide-y tw-w-full tw-h-60"},Lk=h("div",{class:"tw-py-2"},"Sending to your list monthly means CampaignPress will send once per month.",-1),jk={class:"tw-relative"},Uk={class:"tw-py-4 tw-flex-col tw-gap-3 tw-items-center"},$k={class:"tw-flex tw-gap-3 tw-items-center"},Bk=h("div",null,"of every month",-1),Yk={class:"tw-py-4 tw-flex tw-gap-3 tw-items-center"},Wk=h("div",{class:""},"At",-1),Hk={key:3,class:"tw-divide-y tw-w-full"},Kk=h("div",{class:"tw-py-2"},"Sending to your list daily means CampaignPress will send on specific days of the week, at specific times.",-1),Vk={class:"tw-py-2 tw-w-full tw-divide-y tw-relative"},Gk={class:"tw-w-full tw-flex tw-items-center tw-opacity-50"},zk={class:"tw-flex tw-items-center tw-w-full"},Jk={class:F(["tw-w-24"])},Xk=h("div",{class:F(["tw-w-16 tw-text-center"])},"at",-1),Zk={class:F(["tw-py-2 tw-flex tw-text-center"])};function Qk(e,t,n,i,s,o){const r=oe("loading-indicator"),a=oe("panel-state"),l=oe("day-select"),c=oe("time-select"),d=oe("panel-purchase"),u=oe("panel-checkbox");return S(),k("div",ik,[n.loading?(S(),Qe(r,{key:0})):Q("",!0),h("div",rk,[ok,h("div",ak,[yt(h("input",{type:"text",class:"tw-border-none tw-border-black tw-border-b tw-w-full tw-ring-0 tw-p-0 tw-text-2xl tw-font-normal tw-py-2","onUpdate:modelValue":t[0]||(t[0]=f=>s.emailSubject=f),onChange:t[1]||(t[1]=(...f)=>o.emailSubjectChanged&&o.emailSubjectChanged(...f)),onFocus:t[2]||(t[2]=f=>f.target.select()),disabled:n.loading},null,40,lk),[[St,s.emailSubject]])])]),h("div",ck,[(S(!0),k(Oe,null,Ot(s.subjectShortcuts,f=>(S(),k("div",{class:"tw-flex tw-items-center tw-cursor-pointer tw-rounded-full tw-px-4 tw-py-2 tw-text-gray-500 tw-border tw-border-gray-300",onClick:m=>o.copyToClipboard("subject",f)},[uk,xe(" "+ae(f.title),1)],8,dk))),256)),h("div",{class:F(["tw-rounded-full tw-px-3 tw-h-7 tw-py-1.5 tw-bg-gray-800 tw-text-white tw-text-xs",{"tw-opacity-0":s.copiedToClipboard!=="subject","tw-animate-duration-600 tw-animate-ping":s.copiedToClipboard=="subject"}])},"Copied!",2)]),h("div",{class:F(["tw-w-full tw-mt-2 tw-border tw-border-gray-400 tw-bg-gray-100 tw-p-4 tw-rounded-md",{"tw-opacity-50":n.loading}])},[xe("Update your Email Subject "),fk,xe(" your next scheduled send.")],2),h("div",hk,[h("div",pk,"Frequency: "+ae(o.activeFrequencyTabLabel),1)]),h("div",{class:F(["tw-w-full tw-drop-shadow-md",{"tw-opacity-50 tw-pointer-events-none":n.loading}])},[h("div",mk,[h("div",wk,[(S(!0),k(Oe,null,Ot(s.frequencyTabs,f=>(S(),k("div",{onClick:m=>o.frequencyTabClicked(f.id),style:Ws({marginBottom:f.id===s.activeFrequencyTab?"-2px !important":"0 !important"}),class:F(["tw-transition-all tw-bg-white",{"tw-cursor-pointer tw-mt-3 tw-px-6 tw-py-2 tw-rounded-tl-md tw-rounded-tr-md tw-mb-0 tw-border-t tw-border-l last:tw-border-r tw-border-gray-300 tw-border-b-0":f.id!==s.activeFrequencyTab,"tw-cursor-default tw-touch-none tw-mt-1 tw-mb-0 tw-pb-3 tw-px-8 tw-py-2 tw-rounded-tl-xl tw-rounded-tr-xl tw-relative tw-z-10 tw-border tw-border-b-0 tw-border-r-0 last:tw-border-r tw-border-gray-300":f.id===s.activeFrequencyTab}])},[h("div",{class:F(["tw-transition-all tw-touch-none",{"tw-px-2 tw-text-gray-500 tw-text-xs":f.id!==s.activeFrequencyTab,"":f.id===s.activeFrequencyTab}])},ae(f.title),3)],14,gk))),256))])]),h("div",yk,[s.activeFrequencyTab==="weekly"?(S(),k("div",vk,[o.campaignState===1?(S(),Qe(a,{key:0,onPause:t[3]||(t[3]=f=>e.$emit("pause"))})):Q("",!0),h("div",{class:F(["",{"tw-opacity-30":o.campaignState===1}])},[bk,h("div",xk,"Based on your settings, the next send will occur on: "+ae(o.nextScheduledSendLabel),1)],2),h("div",Sk,[h("div",{class:F(["tw-py-4 tw-flex tw-gap-3 tw-items-center",{"tw-opacity-30":o.campaignState===1}])},[_k,K(l,{value:s.scheduleWeeklyDaySelected,onDaySelect:t[4]||(t[4]=f=>{s.scheduleWeeklyDaySelected=f}),disabled:o.campaignState},null,8,["value","disabled"]),Ck,K(c,{value:s.scheduleWeeklyTimeSelected,onTimeSelect:t[5]||(t[5]=f=>{s.scheduleWeeklyTimeSelected=f}),disabled:o.campaignState},null,8,["value","disabled"])],2)]),h("div",{class:F(["tw-py-4 tw-flex tw-items-center",{"tw-opacity-30":o.campaignState===1}])}," Send times are based on your timezone of "+ae(o.timezoneLabel)+". ",3)])):Q("",!0),s.activeFrequencyTab==="biweekly"?(S(),k("div",kk,[Tk,h("div",Ek,[K(d),h("div",Ok,[h("div",Dk,[Ak,K(l,{value:1,to:"15"}),Pk]),h("div",Ik,[Mk,K(l,{value:s.scheduleBiWeeklyDaySelected},null,8,["value"])])]),h("div",Rk,[Fk,K(c,{value:s.scheduleBiWeeklyTimeSelected},null,8,["value"])])])])):Q("",!0),s.activeFrequencyTab==="monthly"?(S(),k("div",Nk,[Lk,h("div",jk,[K(d),h("div",Uk,[h("div",$k,[K(l,{value:s.scheduleMonthlyDateSelected,to:"15"},null,8,["value"]),Bk])]),h("div",Yk,[Wk,K(c,{value:s.scheduleMonthlyTimeSelected},null,8,["value"])])])])):Q("",!0),s.activeFrequencyTab==="daily"?(S(),k("div",Hk,[Kk,h("div",Vk,[K(d),(S(!0),k(Oe,null,Ot(o.daysOfTheWeek,f=>(S(),k("div",Gk,[K(u,{value:!1,class:"tw-mr-3"}),h("div",zk,[h("div",Jk,ae(f.title),1),Xk,h("div",Zk,[K(c,{value:s.scheduleDailyDayTimeSelected[f.id]},null,8,["value"])])])]))),256))])])):Q("",!0)])],2)])}const qk=Pe(sk,[["render",Qk]]),e2={},t2={width:"53px",height:"53px",viewBox:"0 0 53 53",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},n2=vi('<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="AddContentSection" transform="translate(-424.000000, 1.000000)" fill="#FFFFFF" stroke="#747474"><g id="Group-4" transform="translate(346.000000, 0.000000)"><g id="Group-2" transform="translate(79.000000, 0.000000)"><path d="M30.5,0 C33.2614237,-5.07265313e-16 35.5,2.23857625 35.5,5 L35.5,15.5 L46,15.5 C48.7614237,15.5 51,17.7385763 51,20.5 L51,30.5 C51,33.2614237 48.7614237,35.5 46,35.5 L35.5,35.5 L35.5,46 C35.5,48.7614237 33.2614237,51 30.5,51 L20.5,51 C17.7385763,51 15.5,48.7614237 15.5,46 L15.5,35.5 L5,35.5 C2.23857625,35.5 0,33.2614237 0,30.5 L0,20.5 C0,17.7385763 2.23857625,15.5 5,15.5 L15.5,15.5 L15.5,5 C15.5,2.23857625 17.7385763,-3.80913106e-16 20.5,0 L30.5,0 Z" id="Rectangle-2"></path></g></g></g></g>',1),s2=[n2];function i2(e,t){return S(),k("svg",t2,s2)}const Ac=Pe(e2,[["render",i2]]),r2={props:["type"]},o2={key:0,class:"material-symbols-outlined tw-text-[40px]"},a2={key:1,class:"material-symbols-outlined tw-text-[40px]"},l2={key:2,class:"material-symbols-outlined tw-text-[40px]"},c2={key:3,class:"material-symbols-outlined tw-text-[40px]"},d2={key:4,class:"material-symbols-outlined tw-text-[40px]"},u2={key:5,class:"material-symbols-outlined tw-text-[40px]"};function f2(e,t,n,i,s,o){return S(),k(Oe,null,[n.type==="two_col"?(S(),k("span",o2,"view_column_2")):Q("",!0),n.type==="code"?(S(),k("span",a2,"code")):Q("",!0),n.type==="image"?(S(),k("span",l2,"image")):Q("",!0),n.type==="section"?(S(),k("span",c2,"dns")):Q("",!0),n.type==="spacer"?(S(),k("span",d2,"crop_16_9")):Q("",!0),n.type==="text"?(S(),k("span",u2,"notes")):Q("",!0)],64)}const ma=Pe(r2,[["render",f2]]),h2={name:"TemplateDesignerBlockSelect",components:{"icon-plus":Ac,"icon-block":ma},props:{blocks:{required:!0},row:{required:!0},position:{required:!0,default:"left"}},data(){return{blockClicked:null}},methods:{blockClick(e,t,n){this.$emit("select",{row:e,block:t,position:n})}},created(){this.blockClicked=xt(this.blockClick,500)}},p2={class:"tw-grid tw-grid-cols-2 tw-items-center tw-justify-center tw-gap-2"},m2=["onClick"],w2={class:"tw-cursor-pointer tw-px-3 tw-py-4 tw-border tw-border-gray-300 tw-rounded-xl tw-w-32 tw-h-28 tw-flex tw-flex-col tw-items-center tw-justify-center"},g2={class:"tw-h-24 tw-flex tw-items-center tw-justify-center"},y2={class:"tw-text-sm tw-pt-2"};function v2(e,t,n,i,s,o){const r=oe("icon-block");return S(),k("div",p2,[(S(!0),k(Oe,null,Ot(n.blocks,a=>(S(),k("div",{class:F(["tw-col-span-1 tw-flex tw-items-center tw-justify-center"]),onClick:l=>s.blockClicked(n.row,a,n.position),key:a.id+n.position},[h("div",w2,[h("div",g2,[K(r,{type:a.type},null,8,["type"])]),h("div",y2,ae(a.title),1)])],8,m2))),128))])}const qh=Pe(h2,[["render",v2]]),b2={name:"SectionSelect",props:{sections:{required:!0,type:Array},selected:{required:!0,type:Object},prompt:{type:String}},data(){return{listOpen:!1,sectionSelected:null}},computed:{},watch:{selected(e){this.sectionSelected=e}},methods:{sectionItemClicked(e){this.$emit("section-change",e),this.sectionSelected=e,this.listOpen=!1},listToggleClicked(){this.listOpen=!this.listOpen}},mounted(){this.sectionSelected=this.selected}},x2={class:"tw-relative tw-flex tw-h-11 tw-min-w-[200px]"},S2={key:0,class:"pointer-events-none"},_2={key:0,class:F(["tw-w-full tw-h-full tw-border-t tw-border-gray-400 hover:tw-border-gray-900",{}])},C2={key:0,class:"tw-border-b tw-border-gray-400 tw-px-3 tw-py-2 tw-pointer-events-none tw-font-semibold"},k2=["onClick"],T2={class:"tw-px-3 tw-py-2 tw-flex tw-items-start tw-justify-start"},E2={key:0,class:"tw-text-[20px] material-symbols-outlined tw-px-4"},O2=h("div",null,null,-1);function D2(e,t,n,i,s,o){return S(),k("div",x2,[h("div",{class:F(["tw-bg-white tw-border tw-border-gray-400 hover:tw-border-gray-900 tw-rounded-lg tw-overflow-hidden tw-w-full",{"tw-overflow-scroll tw-absolute tw-z-20 tw-top-0 tw-max-h-[210px]":s.listOpen}])},[h("div",{class:"tw-h-11 tw-cursor-pointer tw-flex tw-items-center tw-py-1 tw-px-3",onClick:t[0]||(t[0]=(...r)=>o.listToggleClicked&&o.listToggleClicked(...r))},[s.sectionSelected?(S(),k("div",S2,ae(s.sectionSelected.title),1)):Q("",!0),h("div",{class:F(["tw-absolute tw-right-1 tw-top-1 tw-transition-all tw-cursor-pointer pointer-events-none material-symbols-outlined tw-ml-3 tw-text-3xl",{"tw-rotate-180":s.listOpen}])},"expand_more",2)]),s.listOpen?(S(),k("div",_2,[n.prompt?(S(),k("div",C2,ae(n.prompt),1)):Q("",!0),(S(!0),k(Oe,null,Ot(n.sections,r=>(S(),k("div",{class:"tw-h-full tw-divide-y tw-cursor-pointer hover:tw-bg-gray-300",onClick:a=>o.sectionItemClicked(r)},[h("div",T2,[xe(ae(r.title)+" ",1),s.sectionSelected&&s.sectionSelected.id==r.id?(S(),k("span",E2,"done")):Q("",!0)]),O2],8,k2))),256))])):Q("",!0)],2)])}const ep=Pe(b2,[["render",D2]]),A2={name:"TemplateDesignerBlockSection",components:{"section-select":ep,"panel-label-input":_i},props:{block:{required:!0},availableSections:{required:!0},singleMode:{required:!0,default:!1}},data(){return{sectionChanged:null,labelChanged:null,rangeChanged:null,sectionSelected:null}},watch:{block(e){e.section&&(this.sectionSelected={id:e.section.id,title:e.section.title})}},computed:{label(){return this.block&&this.block.label?this.block.label:""},rangeFrom(){return this.block&&this.block.range_from?this.block.range_from:"0"},rangeTo(){return this.block&&this.block.range_to?this.block.range_to:"9999"},availableSectionItems(){return this.availableSections.isArray?this.availableSections.map(e=>({id:e.id,title:e.title})):[]}},methods:{sectionChange(e){let t=this.block;t.section=e,this.$emit("section-change",t)},labelChange(e){let t=this.block;t.label=e,this.$emit("section-change",t)},rangeChange(e,t){let n=this.block,i=t.target.value;e=="from"?(n.range_from=i,n.range_to=this.block.range_to):(n.range_from=this.block.range_from,n.range_to=i),this.$emit("section-change",n)}},mounted(){this.block.section&&(this.sectionSelected={id:this.block.section.id,title:this.block.section.title}),this.sectionChanged=xt(this.sectionChange,500),this.labelChanged=xt(this.labelChange,500),this.rangeChanged=xt(this.rangeChange,500)}},P2={class:"tw-flex tw-flex-col tw-items-center tw-justify-center tw-w-full tw-mt-4"};function I2(e,t,n,i,s,o){const r=oe("panel-label-input"),a=oe("section-select");return S(),k("div",P2,[K(r,{label:"Label",onInputChange:s.labelChanged,value:o.label,class:"tw-w-full",compact:!0,size:"small","select-all":!0},null,8,["onInputChange","value"]),h("div",{class:F(["tw-h-full tw-flex tw-gap-2 tw-w-full",{"tw-flex-col tw-mt-4":n.singleMode,"tw-justify-start tw-mt-6 tw-items-center":!n.singleMode}])},[h("div",{class:F(["tw-flex tw-items-center",{"tw-ml-6":!1,"tw-my-2":n.singleMode}])},[h("div",{class:F(["",{"-tw-rotate-90 tw-h-[20px]":!n.singleMode,"tw-mr-4":n.singleMode,"tw-opacity-30":!1}])},"Section",2),K(a,{selected:s.sectionSelected,sections:n.availableSections,onSectionChange:s.sectionChanged,prompt:"Section to Display"},null,8,["selected","sections","onSectionChange"])],2),h("div",{class:F(["tw-flex tw-items-center",{"tw-ml-2":!n.singleMode,"tw-my-2":n.singleMode}])},[h("div",{class:F(["",{"-tw-rotate-90 tw-h-[20px]":!n.singleMode,"tw-mr-4":n.singleMode,"tw-opacity-30":!1}])},"No. shown",2),yt(h("input",{type:"number",from:"1",step:"1","onUpdate:modelValue":t[0]||(t[0]=l=>o.rangeTo=l),class:"tw-w-20 tw-h-10",onChange:t[1]||(t[1]=l=>s.rangeChanged("to",l))},null,544),[[St,o.rangeTo]])],2)],2)])}const tp=Pe(A2,[["render",I2]]),M2={name:"TemplateDesignerBlockCode",components:{"panel-label-input":_i},props:{block:{required:!0},singleMode:{required:!0,default:!1}},data(){return{labelChanged:null,codeChanged:null,code:"",placeholder:"e.g. <style> tags or other HTML code"}},watch:{block(e){this.code=e.code}},computed:{label(){return this.block&&this.block.label?this.block.label:""}},methods:{codeChange(){let e=this.block;e.code=this.code,e.label=this.label,this.$emit("code-change",e)},labelChange(e){let t=this.block;t.code=this.code,t.label=e,this.$emit("code-change",t)}},mounted(){this.block.code&&(this.code=this.block.code),this.codeChanged=xt(this.codeChange,500),this.labelChanged=xt(this.labelChange,500)}},R2={class:"tw-mt-4 tw-w-full"},F2={class:"tw-flex tw-items-center tw-justify-center"},N2=["placeholder"];function L2(e,t,n,i,s,o){const r=oe("panel-label-input");return S(),k("div",R2,[K(r,{label:"Label",onInputChange:s.labelChanged,value:o.label,class:"tw-w-full",compact:!0,size:"small","select-all":!0},null,8,["onInputChange","value"]),h("div",F2,[yt(h("textarea",{class:"tw-my-4 tw-w-full tw-h-32 tw-border tw-border-gray-500 tw-rounded-xl tw-p-2 tw-outline-none tw-ring-0",onKeyup:t[0]||(t[0]=(...a)=>s.codeChanged&&s.codeChanged(...a)),"onUpdate:modelValue":t[1]||(t[1]=a=>s.code=a),placeholder:s.placeholder},ae(s.code),41,N2),[[St,s.code]])])])}const np=Pe(M2,[["render",L2]]),j2={name:"TemplateDesignerBlockText",components:{"panel-label-input":_i},props:{block:{required:!0},singleMode:{required:!0,default:!1}},data(){return{labelChanged:null,textChanged:null,editorInitialized:!1,text:"",placeholder:""}},watch:{block(e){this.text=e.text,this.createEditor()}},computed:{label(){return this.block&&this.block.label?this.block.label:""}},methods:{createEditor(){if(this.block&&!this.editorInitialized){let e="editor_"+this.block.id,t=this.textChanged;tinymce.init({selector:`#${e}`,height:"150px",setup:function(n){n.on("change",function(i){t(n.getContent())}),n.on("blur",function(i){t(n.getContent())}),n.on("keypress",function(i){t(n.getContent())})}}),this.editorInitialized=!0}},textChange(e){let t=this.block;t.text=e,t.label=this.label,this.$emit("text-change",t)},labelChange(e){let t=this.block;t.text=this.text,t.label=e,this.$emit("text-change",t)}},mounted(){if(this.block){this.text=this.block.text;let e=this;setTimeout(function(){e.createEditor()},10)}this.textChanged=xt(this.textChange,500),this.labelChanged=xt(this.labelChange,500)}},U2={class:"tw-mt-4"},$2={key:0,class:"tw-flex tw-items-center tw-justify-center tw-overflow-hidden tw-border tw-border-gray-200 tw-rounded-2xl"},B2=["id","placeholder"];function Y2(e,t,n,i,s,o){const r=oe("panel-label-input");return S(),k("div",U2,[K(r,{label:"Label",onInputChange:s.labelChanged,value:o.label,class:"tw-w-full tw-mb-4",compact:!0,size:"small","select-all":!0},null,8,["onInputChange","value"]),n.block?(S(),k("div",$2,[yt(h("textarea",{id:"editor_"+n.block.id,class:"tw-w-full tw-h-full tw-outline-none tw-ring-0",onChange:t[0]||(t[0]=(...a)=>s.textChanged&&s.textChanged(...a)),"onUpdate:modelValue":t[1]||(t[1]=a=>s.text=a),placeholder:s.placeholder},ae(s.text),41,B2),[[St,s.text]])])):Q("",!0)])}const sp=Pe(j2,[["render",Y2]]),W2={name:"PanelSelect",props:{items:{required:!0,type:Array},value:{required:!0,type:Object},prompt:{type:String},disabled:{type:Boolean,default:!1}},data(){return{selectOpen:!1,itemSelected:null}},computed:{},watch:{value(e){this.itemSelected=e}},methods:{itemClicked(e){this.$emit("change",e),this.itemSelected=e,this.selectOpen=!1},selectToggleClicked(){this.selectOpen=!this.selectOpen}}},H2={class:"tw-relative tw-flex tw-h-11 tw-min-w-[200px]"},K2={key:0,class:"tw-py-2 tw-pointer-events-none"},V2={key:1,class:"tw-pointer-events-none"},G2={key:0,class:"tw-border-b tw-border-gray-400 tw-px-3 tw-py-2 tw-pointer-events-none tw-font-semibold"},z2=["onClick"],J2={class:"tw-px-3 tw-py-2 tw-flex tw-items-start tw-justify-start"},X2={key:0,class:"tw-text-[20px] material-symbols-outlined tw-px-4"},Z2=h("div",null,null,-1);function Q2(e,t,n,i,s,o){return S(),k("div",H2,[h("div",{class:F(["tw-bg-white tw-border tw-border-gray-400 hover:tw-border-gray-900 tw-rounded-lg tw-overflow-hidden tw-w-full",{"tw-absolute tw-z-20 tw-top-0":s.selectOpen,"tw-opacity-30 tw-pointer-events-none":n.disabled}])},[h("div",{class:"tw-h-11 tw-cursor-pointer tw-flex tw-items-center tw-py-1 tw-px-3",onClick:t[0]||(t[0]=(...r)=>o.selectToggleClicked&&o.selectToggleClicked(...r))},[n.prompt&&!s.itemSelected?(S(),k("div",K2,ae(n.prompt),1)):Q("",!0),s.itemSelected?(S(),k("div",V2,ae(s.itemSelected.title),1)):Q("",!0),h("div",{class:F(["tw-pointer-events-none tw-absolute tw-right-1 tw-top-1 tw-transition-all tw-cursor-pointer material-symbols-outlined tw-ml-3 tw-text-3xl",{"tw-rotate-180":s.selectOpen}])},"expand_more",2)]),s.selectOpen?(S(),k("div",{key:0,class:F(["tw-w-full tw-h-full tw-border-t tw-border-gray-400 hover:tw-border-gray-900",{"tw-opacity-30 tw-pointer-events-none":n.disabled}])},[n.prompt?(S(),k("div",G2,ae(n.prompt),1)):Q("",!0),(S(!0),k(Oe,null,Ot(n.items,r=>(S(),k("div",{class:"tw-h-full tw-divide-y tw-cursor-pointer hover:tw-bg-gray-300",onClick:a=>o.itemClicked(r)},[h("div",J2,[xe(ae(r.title)+" ",1),s.itemSelected&&s.itemSelected.id==r.id?(S(),k("span",X2,"done")):Q("",!0)]),Z2],8,z2))),256))],2)):Q("",!0)],2)])}const ip=Pe(W2,[["render",Q2]]),q2={name:"PanelAlignSelect",props:{value:{required:!0,type:Object},disabled:{default:!1,type:Boolean},type:{required:!0,type:String,default:"vertical"}},data(){return{itemSelected:null,vAlignItems:[{id:"tw-self-start",title:"Top"},{id:"tw-self-center",title:"Middle"},{id:"tw-self-end",title:"Bottom"}],hAlignItems:[{id:"tw-justify-start",title:"Left"},{id:"tw-justify-center",title:"Center"},{id:"tw-justify-end",title:"Right"}]}},computed:{},watch:{value(e){this.itemSelected=e}},methods:{itemClicked(e){this.itemSelected=e,this.$emit("change",e)}},mounted(){this.value&&(this.itemSelected=this.value)}},eT={class:"tw-relative tw-flex tw-h-11 tw-gap-2"},tT=["onClick"],nT=["onClick"];function sT(e,t,n,i,s,o){return S(),k("div",eT,[s.itemSelected&&n.type=="vertical"?(S(!0),k(Oe,{key:0},Ot(s.vAlignItems,r=>(S(),k("div",{onClick:a=>o.itemClicked(r),class:F(["tw-flex tw-items-center tw-px-2 tw-py-1 tw-bg-white tw-cursor-pointer tw-border tw-border-gray-400 hover:tw-border-gray-900 tw-rounded-lg tw-overflow-hidden",{"tw-font-bold tw-border-black tw-border-2":s.itemSelected.id==r.id}])},ae(r.title),11,tT))),256)):Q("",!0),s.itemSelected&&n.type=="horizontal"?(S(!0),k(Oe,{key:1},Ot(s.hAlignItems,r=>(S(),k("div",{onClick:a=>o.itemClicked(r),class:F(["tw-flex tw-items-center tw-px-2 tw-py-1 tw-bg-white tw-cursor-pointer tw-border tw-border-gray-400 hover:tw-border-gray-900 tw-rounded-lg tw-overflow-hidden",{"tw-font-bold tw-border-black tw-border-2":s.itemSelected.id==r.id}])},ae(r.title),11,nT))),256)):Q("",!0)])}const iT=Pe(q2,[["render",sT]]),rT={name:"TemplateDesignerBlockImage",components:{"panel-label-input":_i,"panel-button":Sn,"panel-select":ip,"panel-align-select":iT},props:{block:{required:!0},singleMode:{required:!0,default:!1}},data(){return{labelChanged:null,vAlignChanged:null,hAlignChanged:null,imageWidthChanged:null,imageLinkChanged:null,imageWidthItems:[{id:"tw-w-2/12",title:"Extra Small"},{id:"tw-w-5/12",title:"Small"},{id:"tw-w-7/12",title:"Medium"},{id:"tw-w-10/12",title:"Large"}],imageVAlignItems:[{id:"tw-self-start",title:"Top"},{id:"tw-self-center",title:"Middle"},{id:"tw-self-end",title:"Bottom"}],imageHAlignItems:[{id:"tw-justify-start",title:"Left"},{id:"tw-justify-center",title:"Center"},{id:"tw-justify-end",title:"Right"}],uploadedAttachment:null,label:null,placeholder:"e.g. <script>, <style> tags or other HTML code",imageVAlign:null,imageHAlign:null,imageLink:null}},watch:{},computed:{hasSelectedImage(){return!!(this.uploadedAttachment&&this.uploadedAttachment.url)}},methods:{updateBlock(){let e=this.block;e.image=this.uploadedAttachment,e.image_alignment={v:this.imageVAlign,h:this.imageHAlign},e.image_width=this.imageWidth,e.image_link=this.imageLink,e.label=this.label,this.$emit("image-change",e)},openMediaLibrarySelectDialog(){let e=this,t=wp.media({title:"Select Image",library:{type:["image/png","image/jpg","image/jpeg"]},multiple:!1,button:{text:"Add image to Template"}});t.on("select",function(){var n=t.state().get("selection").first();e.uploadedAttachment=n.attributes,e.updateBlock()}),t.open()},selectImageClicked(){this.openMediaLibrarySelectDialog()},labelChange(e){this.label=e,this.updateBlock()},vAlignChange(e){this.imageVAlign=e,this.updateBlock()},hAlignChange(e){this.imageHAlign=e,this.updateBlock()},imageWidthChange(e){this.imageWidth=e,this.$forceUpdate(),this.updateBlock()},imageLinkChange(e){this.imageLink=e.target.value,this.updateBlock()}},mounted(){this.block?(this.label=this.block.label.length>0?this.block.label:"Unnamed image",this.imageVAlign=this.block.image_alignment?this.block.image_alignment.v:this.imageVAlignItems[1],this.imageHAlign=this.block.image_alignment?this.block.image_alignment.h:this.imageHAlignItems[1],this.imageWidth=this.block.image_width?this.block.image_width:this.imageWidthItems[1],this.imageLink=this.block.image_link?this.block.image_link:"",this.uploadedAttachment=this.block.image?this.block.image:null):(this.label="Unnamed image",this.imageVAlign=this.imageVAlignItems[1],this.imageHAlign=this.imageHAlignItems[1],this.imageWidth=this.imageWidthItems[1]),this.labelChanged=xt(this.labelChange,500),this.vAlignChanged=xt(this.vAlignChange,500),this.hAlignChanged=xt(this.hAlignChange,500),this.imageWidthChanged=xt(this.imageWidthChange,500),this.imageLinkChanged=xt(this.imageLinkChange,500)}},oT={class:"tw-flex tw-w-full tw-gap-4 tw-mt-4"},aT=["placeholder"],lT={class:"tw-w-full tw-mt-4 tw-min-h-[100px] tw-flex tw-justify-center tw-items-center tw-rounded-xl tw-bg-gray-50"},cT={key:0,class:"tw-flex tw-justify-center tw-items-center"},dT=["src","alt"];function uT(e,t,n,i,s,o){const r=oe("panel-label-input"),a=oe("panel-button"),l=oe("panel-align-select"),c=oe("panel-select");return S(),k(Oe,null,[h("div",oT,[K(r,{label:"Label",onInputChange:s.labelChanged,value:s.label,class:"tw-w-8/12",compact:!0,size:"small","select-all":!0},null,8,["onInputChange","value"]),o.hasSelectedImage?Q("",!0):(S(),Qe(a,{key:0,onClick:o.selectImageClicked,class:"tw-w-4/12"},{default:De(()=>[xe("Select...")]),_:1},8,["onClick"])),o.hasSelectedImage?(S(),Qe(a,{key:1,onClick:o.selectImageClicked,class:"tw-w-4/12",color:"lightgray"},{default:De(()=>[xe("Update...")]),_:1},8,["onClick"])):Q("",!0)]),h("div",{class:F(["tw-h-full tw-flex tw-gap-2",{"tw-flex-col tw-w-full tw-mt-4":n.singleMode,"tw-justify-start tw-mt-6 tw-items-center":!n.singleMode}])},[h("div",{class:F(["tw-flex tw-items-center",{"tw-ml-6":!1,"tw-my-2":n.singleMode}])},[h("div",{class:F(["-tw-rotate-90",{"tw-opacity-30":!s.uploadedAttachment}])},"Align",2),K(l,{value:s.imageHAlign,disabled:!s.uploadedAttachment,type:"horizontal",onChange:s.hAlignChanged},null,8,["value","disabled","onChange"])],2),h("div",{class:F(["tw-flex tw-items-center",{"tw-ml-6":!1,"tw-my-2":n.singleMode}])},[h("div",{class:F(["-tw-rotate-90",{"tw-ml-4":!n.singleMode,"tw-opacity-30":!s.uploadedAttachment}])},"Size",2),K(c,{onChange:s.imageWidthChanged,items:s.imageWidthItems,value:e.imageWidth,disabled:!s.uploadedAttachment,prompt:"Size"},null,8,["onChange","items","value","disabled"])],2),h("div",{class:F(["tw-flex tw-items-center",{"tw-ml-6":!1,"tw-my-2":n.singleMode}])},[h("div",{class:F(["-tw-rotate-90",{"tw-ml-4":!n.singleMode,"tw-opacity-30":!s.uploadedAttachment}])},"Link",2),yt(h("input",{type:"text",class:F(["tw-border-black tw-border-t-0 tw-border-x-0 tw-rounded-none tw-border-b tw-w-full tw-ring-0 tw-px-2 tw-py-1 tw-font-normal",{}]),"onUpdate:modelValue":t[0]||(t[0]=d=>s.imageLink=d),onChange:t[1]||(t[1]=(...d)=>s.imageLinkChanged&&s.imageLinkChanged(...d)),placeholder:"http://www.domain.com"},null,40,aT),[[St,s.imageLink]])],2)],2),h("div",{class:F(["tw-flex tw-flex-col tw-w-full tw-my-4 tw-border-t tw-border-gray-200",{"tw-min-h-[100px]":!n.singleMode,"tw-h-64":n.singleMode}])},[h("div",lT,[s.uploadedAttachment?(S(),k("div",{key:1,class:F(["tw-flex tw-m-4",s.imageVAlign.id,s.imageHAlign.id])},[h("img",{src:s.uploadedAttachment.url,class:F(["tw-h-auto tw-max-h-96 tw-rounded-md",e.imageWidth.id]),alt:s.uploadedAttachment.title},null,10,dT)],2)):(S(),k("div",cT,"No image selected"))])],2)],64)}const rp=Pe(rT,[["render",uT]]),fT={name:"TemplateDesignerBlockEdit",components:{"icon-plus":Ac,"icon-block":ma,"section-select":ep,"template-designer-block-section":tp,"template-designer-block-code":np,"template-designer-block-text":sp,"template-designer-block-image":rp},props:{block:{required:!0},availableSections:{required:!0}},data(){return{sectionSelected:null}},computed:{blockType(){return this.block.type},blockTitle(){return this.block.title}},methods:{blockClicked(e,t,n){this.$emit("select",{row:e,block:t,position:n})},sectionBlockChanged(e){this.$emit("section-change",e)},codeBlockChanged(e){this.$emit("code-change",e)},imageBlockChanged(e){this.$emit("image-change",e)},textBlockChanged(e){this.$emit("text-change",e)}},mounted(){}},hT={key:0,class:F(["tw-w-11/12 tw-mt-2"])},pT={class:"tw-px-5 tw-py-1 tw-mb-3 tw-border tw-border-gray-300 tw-rounded-full tw-font-bold tw-text-center"},mT={key:1,class:F(["tw-w-11/12 tw-mt-2"])},wT={class:"tw-px-5 tw-py-1 tw-mb-3 tw-border tw-border-gray-300 tw-rounded-full tw-font-bold tw-text-center"},gT={key:2,class:F(["tw-w-11/12 tw-mt-2"])},yT={class:"tw-px-5 tw-py-1 tw-mb-3 tw-border tw-border-gray-300 tw-rounded-full tw-font-bold tw-text-center"},vT={key:3,class:F(["tw-w-10/12 tw-mt-2"])},bT={class:"tw-px-5 tw-py-1 tw-mb-3 tw-border tw-border-gray-300 tw-rounded-full tw-font-bold tw-text-center"};function xT(e,t,n,i,s,o){const r=oe("template-designer-block-section"),a=oe("template-designer-block-code"),l=oe("template-designer-block-image"),c=oe("template-designer-block-text");return S(),k(Oe,null,[o.blockType==="section"?(S(),k("div",hT,[h("div",pT,ae(n.block.title),1),K(r,{block:n.block,onSectionChange:o.sectionBlockChanged,"available-sections":n.availableSections,"single-mode":!0},null,8,["block","onSectionChange","available-sections"])])):Q("",!0),o.blockType==="code"?(S(),k("div",mT,[h("div",wT,ae(n.block.title),1),K(a,{block:n.block,onCodeChange:o.codeBlockChanged,"single-mode":!0},null,8,["block","onCodeChange"])])):Q("",!0),o.blockType==="image"?(S(),k("div",gT,[h("div",yT,ae(n.block.title),1),K(l,{block:n.block,onImageChange:o.imageBlockChanged,"single-mode":!0},null,8,["block","onImageChange"])])):Q("",!0),o.blockType==="text"?(S(),k("div",vT,[h("div",bT,ae(n.block.title),1),K(c,{block:n.block,onTextChange:o.textBlockChanged,"single-mode":!0},null,8,["block","onTextChange"])])):Q("",!0)],64)}const ST=Pe(fT,[["render",xT]]),_T={name:"TemplateDesignerBlockColumns",components:{"template-designer-block-select":qh,"template-designer-block-edit":ST},props:{row:{required:!0},availableSections:{required:!0},availableBlocks:{required:!0}},data(){return{}},computed:{columns(){return this.row.columns}},methods:{blockSelected(e){this.$emit("block-select",e)},sectionBlockChanged(e){this.$emit("section-change",e)},codeBlockChanged(e){this.$emit("code-change",e)},imageBlockChanged(e){this.$emit("image-change",e)},textBlockChanged(e){this.$emit("text-change",e)}},mounted(){}},CT={class:F(["tw-flex tw-w-full tw-mb-4 tw-mt-1"])},kT={class:"tw-w-6/12 tw-flex tw-h-full tw-items-center tw-justify-center tw-border-r tw-border-gray-300"},TT={class:"tw-w-6/12 tw-flex tw-h-full tw-items-center tw-justify-center"};function ET(e,t,n,i,s,o){const r=oe("template-designer-block-select"),a=oe("template-designer-block-edit");return S(),k("div",CT,[h("div",kT,[o.columns.left?(S(),Qe(a,{key:1,block:o.columns.left,"available-sections":n.availableSections,onSectionChange:o.sectionBlockChanged,onCodeChange:o.codeBlockChanged,onImageChange:o.imageBlockChanged,onTextChange:o.textBlockChanged},null,8,["block","available-sections","onSectionChange","onCodeChange","onImageChange","onTextChange"])):(S(),Qe(r,{key:0,blocks:n.availableBlocks,row:n.row,position:"left",onSelect:o.blockSelected},null,8,["blocks","row","onSelect"]))]),h("div",TT,[o.columns.right?(S(),Qe(a,{key:1,block:o.columns.right,"available-sections":n.availableSections,onSectionChange:o.sectionBlockChanged,onCodeChange:o.codeBlockChanged,onImageChange:o.imageBlockChanged,onTextChange:o.textBlockChanged},null,8,["block","available-sections","onSectionChange","onCodeChange","onImageChange","onTextChange"])):(S(),Qe(r,{key:0,blocks:n.availableBlocks,row:n.row,position:"right",onSelect:o.blockSelected},null,8,["blocks","row","onSelect"]))])])}const OT=Pe(_T,[["render",ET]]),DT={name:"TemplateDesignerBlockSpacer",components:{"panel-label-input":_i},props:{block:{required:!0},singleMode:{required:!0,default:!1}},data(){return{heightChanged:null,spacerHeight:null}},methods:{updateBlock(){let e=this.block;e.height=this.spacerHeight,this.$emit("spacer-change",e)},heightChange(e){if(e.target){let t=parseInt(e.target.attributes.min.value),n=parseInt(e.target.attributes.max.value),i=parseInt(e.target.value);i<t&&(i=t),i>n&&(i=n),this.spacerHeight=i,this.updateBlock()}}},mounted(){this.heightChanged=xt(this.heightChange,500),this.heightChanged(this.block.height)}},AT={class:"tw-mt-4 tw-flex tw-flex-col tw-w-full tw-my-4 tw-border-t tw-justify-center tw-items-center tw-border-gray-200 tw-min-h-[120px]"},PT={class:F(["tw-w-full tw-h-full tw-mt-4 tw-flex tw-justify-center tw-items-center tw-rounded-xl tw-p-4 tw-bg-gray-50"])},IT=h("div",null,"px",-1);function MT(e,t,n,i,s,o){return S(),k("div",AT,[h("div",PT,[h("div",{class:F(["tw-rounded-xl tw-border tw-border-gray-300 tw-p-2 tw-flex tw-items-center tw-justify-center tw-gap-2 tw-w-10/12"]),style:Ws({height:n.block.height+"px"})},[yt(h("input",{type:"number",min:"40",max:"400","onUpdate:modelValue":t[0]||(t[0]=r=>n.block.height=r),onChange:t[1]||(t[1]=(...r)=>s.heightChanged&&s.heightChanged(...r)),class:"w-20"},null,544),[[St,n.block.height]]),IT],4)])])}const RT=Pe(DT,[["render",MT]]),FT={name:"TemplateDesignerRowHeader",components:{},props:{title:{required:!0},trash:{default:!0},drag:{default:!0},expanded:{default:!0}},data(){return{}},watch:{},methods:{expandClicked(e){this.$emit("row-expanded",!0)},contractClicked(e){this.$emit("row-expanded",!1)}},mounted(){}},NT={class:"tw-grid tw-grid-cols-4 tw-w-full tw-items-center tw-justify-center"},LT={key:0,class:"tw-col-span-1 tw-flex tw-items-center"},jT=h("div",{class:"material-symbols-outlined tw-pr-1 tw-cursor-move tw-text-[30px] big-handle"},"drag_indicator",-1),UT=[jT],$T={class:"tw-px-5 tw-py-1 tw-border tw-border-gray-300 tw-rounded-full tw-text-ellipsis tw-overflow-hidden tw-truncate"},BT={key:1,class:"tw-col-span-1 tw-flex tw-justify-end tw-gap-2"},YT=h("div",{class:"material-symbols-outlined tw-p-2 tw-cursor-pointer tw-border tw-border-gray-300 tw-rounded-full"},"open_in_full",-1),WT=[YT],HT=h("div",{class:"material-symbols-outlined tw-p-2 tw-cursor-pointer tw-border tw-border-gray-300 tw-rounded-full"},"close_fullscreen",-1),KT=[HT];function VT(e,t,n,i,s,o){return S(),k("div",NT,[n.drag?(S(),k("div",LT,UT)):Q("",!0),h("div",{class:F(["tw-font-bold tw-text-center tw-text-base",{"tw-col-span-2":n.drag&&n.trash,"tw-col-span-3":!n.drag&&n.trash||n.drag&&!n.trash,"tw-col-span-4":!n.drag&&!n.trash}])},[h("div",$T,ae(n.title),1)],2),n.trash?(S(),k("div",BT,[h("div",{class:"material-symbols-outlined tw-p-2 tw-cursor-pointer tw-border tw-border-gray-300 tw-rounded-full",onClick:t[0]||(t[0]=()=>e.$emit("delete"))},"delete"),n.expanded?(S(),k("div",{key:1,class:"tw-flex tw-justify-end",onClick:t[2]||(t[2]=(...r)=>o.contractClicked&&o.contractClicked(...r))},KT)):(S(),k("div",{key:0,class:"tw-flex tw-justify-end",onClick:t[1]||(t[1]=(...r)=>o.expandClicked&&o.expandClicked(...r))},WT))])):Q("",!0)])}const op=Pe(FT,[["render",VT]]),GT={name:"TemplateDesignerBlockCode",components:{"icon-block":ma,"template-designer-row-header":op},props:{availableBlocks:{required:!0}},data(){return{}},watch:{},computed:{},methods:{rowBackClicked(){this.$emit("back")}},mounted(){}},zT={class:"tw-bg-white tw-w-full tw-h-full tw-p-4 tw-rounded-xl tw-border tw-border-gray-300 tw-shadow-sm"},JT={class:"tw-w-full tw-h-14 tw-flex tw-items-center tw-justify-center tw-gap-4 tw-pb-4"},XT={class:"tw-text-base tw-w-full tw-items-center tw-justify-center"},ZT=h("div",{class:"tw-w-10"},null,-1),QT={class:"tw-w-full tw-grid tw-grid-cols-6 tw-items-center tw-justify-center tw-gap-1"},qT=["onClick"],eE={class:"tw-cursor-pointer tw-px-3 tw-py-4 tw-border tw-border-gray-300 tw-rounded-xl tw-w-32 tw-h-28 tw-flex tw-flex-col tw-items-center tw-justify-center"},tE={class:"tw-h-24 tw-flex tw-items-center tw-justify-center"},nE={class:"tw-text-sm tw-pt-2"};function sE(e,t,n,i,s,o){const r=oe("template-designer-row-header"),a=oe("icon-block");return S(),k("div",zT,[h("div",JT,[h("div",{class:"tw-w-10 material-symbols-outlined tw-text-3xl tw-cursor-pointer",onClick:t[0]||(t[0]=(...l)=>o.rowBackClicked&&o.rowBackClicked(...l))},"undo"),h("div",XT,[K(r,{title:"Select the type of content to add",drag:!1,trash:!1})]),ZT]),h("div",QT,[(S(!0),k(Oe,null,Ot(n.availableBlocks,l=>(S(),k("div",{class:F(["tw-col-span-1 tw-flex tw-items-center tw-justify-center"]),onClick:c=>e.$emit("block-select",l)},[h("div",eE,[h("div",tE,[K(a,{type:l.type},null,8,["type"])]),h("div",nE,ae(l.title),1)])],8,qT))),256))])])}const iE=Pe(GT,[["render",sE]]),rE={name:"TemplateDesigner",components:{"icon-plus":Ac,"icon-block":ma,"template-designer-block-select":qh,"template-designer-block-section":tp,"template-designer-block-columns":OT,"template-designer-block-code":np,"template-designer-block-image":rp,"template-designer-block-spacer":RT,"template-designer-block-text":sp,"template-designer-row-header":op,"template-designer-row-type-select":iE,draggable:Oc},props:{audienceSettings:{required:!0},loading:{default:!1}},data(){return{update:null,templateContent:[],isAddingRow:!1,availableBlocks:[{type:"two_col",title:"Columns",single:!1},{type:"text",title:"Text",single:!0},{type:"section",title:"Section",single:!0},{type:"code",title:"Code",single:!0},{type:"image",title:"Image",single:!0},{type:"spacer",title:"Spacer",single:!1}]}},computed:{availableBlocksForSingle(){return this.availableBlocks.filter(e=>e.single)},availableSections(){return JSON.parse(JSON.stringify(this.audienceSettings.queue.sections))}},watch:{audienceSettings(e){this.templateContent=e.campaign.email_template.template_content},templateContent(e){this.audienceSettings.campaign.email_template.template_content=e}},methods:{uuid(){return bs.uuid()},rowHeaderTitle(e){if(e.expanded){if(e.label.length>0)return`${e.label}`;switch(e.type){case"spacer":return`${e.title}: ${e.height}px`;default:return"(No title)"}}else if(e.label.length==0||e.label==`Unnamed ${e.type}`)switch(e.type){case"section":return`${e.title}: ${e.section.title}`;case"spacer":return`${e.title}: ${e.height}px`;default:return e.label.length?`${e.title}: ${e.label}`:`${e.title}: (No title)`}else{if(e.label.length>0)return`${e.title}: ${e.label}`;switch(e.type){case"spacer":return`${e.title}: ${e.height}px`;default:return"(No title)"}}},findBlockPosition(e){if(this.templateContent.length>0){let t=this.templateContent.filter(n=>n.id==e).pop();return t?this.templateContent.indexOf(t):null}return null},makeRowFromBlock(e){let t={...e,label:"",id:this.uuid(),expanded:!0};switch(e.type){case"two_col":t.columns={left:null,right:null};break;case"section":t.label="Unnamed section",t.section=null;break;case"code":t.label="Unnamed code",t.code="";break;case"image":t.label="Unnamed image",t.image={};break;case"spacer":t.height=40;break;case"text":t.label="Unnamed text",t.text="";break}return t},collapseBlocks(){for(let e in this.templateContent){let t=this.templateContent[e];t.expanded=!1}},addRowClicked(){this.isAddingRow=!0,this.collapseBlocks()},blockClicked(e){this.collapseBlocks();let t=this.makeRowFromBlock(e);this.templateContent.push(t),this.isAddingRow=!1,this.update()},blockForColumnClicked(e){let t=e.row,n=e.block,i=e.position;t.columns[i]=this.makeRowFromBlock(n),this.update()},blockBackClicked(){this.isAddingRow=!1},sectionBlockChanged(e){this.update()},codeBlockChanged(e){this.update()},imageBlockChanged(e){this.update()},spacerBlockChanged(e){let t=this.findBlockPosition(e.id);this.templateContent[t]=e,this.update()},textBlockChanged(e){let t=this.findBlockPosition(e.id);this.templateContent[t]=e,this.update()},rowDeleteClicked(e){this.templateContent.splice(e,1),this.update()},rowExpanded(e,t){e.expanded=t,this.update()},sectionDragStarted(e){},sectionDragEnded(e){this.update()},sectionMoved(e){}},created(){this.update=xt(()=>this.$emit("update-content",this.templateContent),500)},mounted(){!this.audienceSettings||this.audienceSettings.campaign.email_template.template_content.length>0&&(this.templateContent=this.audienceSettings.campaign.email_template.template_content)}},oE={class:F(["tw-shadow-sm tw-border tw-border-gray-300 tw-px-4 tw-py-1 tw-rounded-xl tw-bg-white tw-mb-2"])},aE={key:0,class:F(["tw-py-2"])},lE={key:1,class:F(["tw-py-2"])},cE={key:2,class:F(["tw-py-2"])},dE={key:3,class:F(["tw-py-2"])},uE={key:4,class:F(["tw-py-2"])},fE={key:5,class:F(["tw-py-2"])},hE=h("div",{class:"material-symbols-outlined tw-text-[40px]"},"add_box",-1),pE=h("div",{class:"tw-mt-2 tw-font-semibold"},"Add a content row",-1),mE=[hE,pE];function wE(e,t,n,i,s,o){const r=oe("template-designer-row-header"),a=oe("template-designer-block-columns"),l=oe("template-designer-block-section"),c=oe("template-designer-block-code"),d=oe("template-designer-block-image"),u=oe("template-designer-block-spacer"),f=oe("template-designer-block-text"),m=oe("draggable"),p=oe("template-designer-row-type-select");return S(),k("div",{class:F(["tw-flex tw-flex-col",{"tw-opacity-30 tw-pointer-events-none":n.loading}])},[K(m,{id:"template-sections",modelValue:s.templateContent,"onUpdate:modelValue":t[0]||(t[0]=w=>s.templateContent=w),handle:".big-handle",class:"tw-w-full","item-key":"id","ghost-class":"tw-opacity-30",onStart:o.sectionDragStarted,onEnd:o.sectionDragEnded,move:o.sectionMoved},{item:De(({element:w,index:v})=>[h("div",oE,[w.type==="two_col"?(S(),k("div",aE,[K(r,{title:w.expanded?w.label:`${w.title}: ${w.columns.left.title} / ${w.columns.right.title}`,onDelete:y=>o.rowDeleteClicked(v),expanded:w.expanded,onRowExpanded:y=>o.rowExpanded(w,y)},null,8,["title","onDelete","expanded","onRowExpanded"]),h("div",{class:F(["tw-transition-all tw-mt-4",{"tw-h-0 tw-overflow-hidden":!w.expanded,"":w.expanded}])},[w.expanded?(S(),Qe(a,{key:0,row:w,"available-blocks":o.availableBlocksForSingle,"available-sections":o.availableSections,onTextChange:o.textBlockChanged,onImageChange:o.imageBlockChanged,onCodeChange:o.codeBlockChanged,onSectionChange:o.sectionBlockChanged,onBlockSelect:o.blockForColumnClicked},null,8,["row","available-blocks","available-sections","onTextChange","onImageChange","onCodeChange","onSectionChange","onBlockSelect"])):Q("",!0)],2)])):Q("",!0),w.type==="section"?(S(),k("div",lE,[K(r,{title:o.rowHeaderTitle(w),onDelete:y=>o.rowDeleteClicked(v),expanded:w.expanded,onRowExpanded:y=>o.rowExpanded(w,y)},null,8,["title","onDelete","expanded","onRowExpanded"]),h("div",{class:F(["tw-transition-all",{"tw-h-0 tw-overflow-hidden":!w.expanded,"tw-h-32":w.expanded}])},[K(l,{block:w,onSectionChange:o.sectionBlockChanged,"available-sections":o.availableSections},null,8,["block","onSectionChange","available-sections"])],2)])):Q("",!0),w.type==="code"?(S(),k("div",cE,[K(r,{title:o.rowHeaderTitle(w),onDelete:y=>o.rowDeleteClicked(v),expanded:w.expanded,onRowExpanded:y=>o.rowExpanded(w,y)},null,8,["title","onDelete","expanded","onRowExpanded"]),h("div",{class:F(["tw-transition-all",{"tw-h-0 tw-overflow-hidden":!w.expanded,"tw-h-48":w.expanded}])},[K(c,{block:w,onCodeChange:o.codeBlockChanged},null,8,["block","onCodeChange"])],2)])):Q("",!0),w.type==="image"?(S(),k("div",dE,[K(r,{title:o.rowHeaderTitle(w),onDelete:y=>o.rowDeleteClicked(v),expanded:w.expanded,onRowExpanded:y=>o.rowExpanded(w,y)},null,8,["title","onDelete","expanded","onRowExpanded"]),h("div",{class:F(["tw-transition-all",{"tw-h-0 tw-overflow-hidden":!w.expanded,"tw-min-h-32":w.expanded}])},[K(d,{block:w,onImageChange:o.imageBlockChanged},null,8,["block","onImageChange"])],2)])):Q("",!0),w.type==="spacer"?(S(),k("div",uE,[K(r,{title:o.rowHeaderTitle(w),onDelete:y=>o.rowDeleteClicked(v),expanded:w.expanded,onRowExpanded:y=>o.rowExpanded(w,y)},null,8,["title","onDelete","expanded","onRowExpanded"]),h("div",{class:F(["tw-transition-all",{"tw-h-0 tw-overflow-hidden":!w.expanded,"tw-min-h-32":w.expanded}])},[K(u,{block:w,onSpacerChange:o.spacerBlockChanged},null,8,["block","onSpacerChange"])],2)])):Q("",!0),w.type==="text"?(S(),k("div",fE,[K(r,{title:o.rowHeaderTitle(w),onDelete:y=>o.rowDeleteClicked(v),expanded:w.expanded,onRowExpanded:y=>o.rowExpanded(w,y)},null,8,["title","onDelete","expanded","onRowExpanded"]),h("div",{class:F(["tw-transition-all",{"tw-h-0 tw-overflow-hidden":!w.expanded,"tw-h-80":w.expanded}])},[K(f,{block:w,onTextChange:o.textBlockChanged},null,8,["block","onTextChange"])],2)])):Q("",!0)])]),_:1},8,["modelValue","onStart","onEnd","move"]),s.isAddingRow?(S(),Qe(p,{key:0,"available-blocks":s.availableBlocks,onBlockSelect:o.blockClicked,onBack:o.blockBackClicked},null,8,["available-blocks","onBlockSelect","onBack"])):Q("",!0),h("div",{class:F(["tw-w-full tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-my-6",{"tw-cursor-pointer":!s.isAddingRow,"tw-opacity-30":s.isAddingRow}]),onClick:t[1]||(t[1]=(...w)=>o.addRowClicked&&o.addRowClicked(...w))},mE,2)],2)}const gE=Pe(rE,[["render",wE]]),yE={name:"GeneralPanelTemplateFree",components:{"template-designer":gE,"loading-indicator":Dc},props:{audienceSettings:{required:!0,type:Object},loading:{default:!1}},data(){return{templateWidthClicked:null,campaign:null,templateWidthType:"fixed",templateContent:[]}},watch:{audienceSettings(e){this.campaign=e.campaign,this.setup()}},computed:{},methods:{update(){this.$emit("update-content",this.campaign.email_template)},setup(){this.templateContent=this.campaign.email_template.template_content,this.templateWidthType=this.campaign.email_template.width_type},templateWidthClick(e){this.templateWidthType=e,this.campaign.email_template.width_type=e,this.update()},templateContentUpdated(e){this.templateContent=e,this.campaign.email_template.template_content=e,this.update()}},mounted(){this.audienceSettings&&(this.campaign=this.audienceSettings.campaign,this.setup()),this.templateWidthClicked=xt(this.templateWidthClick,700)}},vE=h("div",{class:"tw-w-10/12 tw-flex tw-items-start tw-justify-start tw-ml-1 tw-text-xl"},"Template Designer",-1),bE={class:"tw-w-2/12 tw-flex tw-items-end tw-justify-end tw-text-xs tw-ml-4"},xE=h("div",{class:"tw-text-sm"},"Fixed",-1),SE=h("div",{class:"tw-uppercase tw-text-[10px] tw-mb-1"},"Width",-1),_E=[xE,SE],CE=h("div",{class:"tw-text-sm"},"Fluid",-1),kE=h("div",{class:"tw-uppercase tw-text-[10px] tw-mb-1"},"Width",-1),TE=[CE,kE],EE={class:F(["tw-w-full tw-flex tw-mt-2"])},OE={class:"tw-w-full tw-flex"},DE={class:F(["tw-relative tw-w-full tw-border tw-border-gray-300 tw-px-4 tw-rounded-xl tw-flex tw-flex-col tw-min-h-[46vh] tw-bg-gray-100 tw-p-4 tw-gap-2"])};function AE(e,t,n,i,s,o){const r=oe("loading-indicator"),a=oe("template-designer");return S(),k("div",null,[h("div",{class:F(["tw-w-full tw-flex",{"tw-opacity-30 tw-pointer-events-none":n.loading}])},[vE,h("div",bE,[h("div",{class:F(["tw-cursor-pointer tw-leading-none tw-mx-1 tw-px-4 tw-py-2 tw-flex tw-flex-col tw-items-center tw-justify-center tw-rounded-xl",{"tw-border tw-border-gray-300":s.templateWidthType!=="fixed","tw-border tw-border-gray-500":s.templateWidthType==="fixed"}]),onClick:t[0]||(t[0]=l=>s.templateWidthClicked("fixed"))},_E,2),h("div",{class:F(["tw-cursor-pointer tw-leading-none tw-mx-1 tw-px-4 tw-py-2 tw-flex tw-flex-col tw-items-center tw-justify-center tw-rounded-xl",{"tw-border tw-border-gray-300":s.templateWidthType!=="fluid","tw-border tw-border-gray-500":s.templateWidthType==="fluid"}]),onClick:t[1]||(t[1]=l=>s.templateWidthClicked("fluid"))},TE,2)])],2),h("div",EE,[h("div",OE,[h("div",DE,[n.loading?(S(),Qe(r,{key:0})):Q("",!0),K(a,{onUpdateContent:t[2]||(t[2]=l=>o.templateContentUpdated(l)),"audience-settings":n.audienceSettings,loading:n.loading},null,8,["audience-settings","loading"])])])])])}const PE=Pe(yE,[["render",AE]]),IE={name:"GeneralPanelContextHelp",components:{},props:{tab:{type:String,default:""},audienceSettings:{required:!0,type:Object}},data(){return{}},computed:{lastSendDateDisplay(){return this.audienceSettings&&this.audienceSettings.last_send_date?bs.displayDate(this.audienceSettings.last_send_date):"Never"}},methods:{}},ME={key:0},RE=vi('<div class="tw-tw-font-base tw-font-semibold tw-bg-white tw-px-2 tw-py-1 tw-gray-600 tw-rounded-md tw-mb-5">Glossary</div><div class="tw-divide-y tw-divide-gray-300"><div class="tw-mt-1"><span class="tw-font-bold">Sections</span> allow you to specify groups of <span class="tw-font-semibold tw-italic">Content Items</span>, that you will be able to position within your <span class="tw-font-semibold tw-italic">Template</span>. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Content Items</span> is an all-encompassing term to define WordPress posts, pages and other content that is added to a <span class="tw-font-semibold tw-italic">Section</span>. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Lockdown</span> prevents changes to email content, so that your email template is reliably up-to-date on Mailchimp before sending your email. Lockdown prevents you from adding or changing <span class="tw-font-semibold tw-italic">Content Items</span>, <span class="tw-font-semibold tw-italic">Email Subject</span> or other important aspects of your email. This occurs an hour before your <span class="tw-font-semibold tw-italic">Next Send Date</span>, and is lifted once the email has been delivered to your <span class="tw-font-semibold tw-italic">Audience</span>. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Next Send Date</span> is the time and date that CampaignPress will send your email via Mailchimp and the selected <span class="tw-font-semibold tw-italic">Audience</span>. You define the schedule on the <span class="tw-font-semibold tw-italic">Campaign</span> tab. Each time your email is sent, the <span class="tw-font-semibold tw-italic">Content Items</span> here are cleared unless the <span class="tw-font-semibold tw-italic">Keep forever</span> option is checked on those <span class="tw-font-semibold tw-italic">Content Items</span>. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Keep forever</span> allows you to maintain specific <span class="tw-font-semibold tw-italic">Content Items</span> for future emails sent to the selected <span class="tw-font-semibold tw-italic">Audience</span>. After each email is sent, <span class="tw-font-semibold tw-italic">Content Items</span> specified here are cleared unless <span class="tw-font-semibold tw-italic">Keep forever</span> is checked. </div></div><div class="tw-mb-8"></div><div class="tw-tw-font-base tw-font-semibold tw-bg-white tw-px-2 tw-py-1 tw-gray-600 tw-rounded-md tw-mb-5">Interface</div><div class="tw-divide-y tw-divide-gray-300"><div class="tw-mt-1"><div class="tw-font-semibold">Re-arranging the order of Sections or Content Items</div><div class="tw-mb-2">Grab the <span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">drag_indicator</span> to move <span class="tw-font-semibold tw-italic">Sections</span> or <span class="tw-font-semibold tw-italic">Content Items</span> up or down the list. The order displayed here is the order that will be used in your email.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Editing a Content Item title or excerpt</div><div class="tw-mb-2">Tap the <span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">edit</span> icon to update the title or excerpt of the <span class="tw-font-semibold tw-italic">Content Item</span>. To keep a <span class="tw-font-semibold tw-italic">Content Item</span> from being cleared after a send has been completed, check <span class="tw-font-semibold tw-italic">Keep forever</span>. Updating the title or excerpt here does not update or change your original WordPress post or page.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Removing a Content Item from a Section</div><div class="tw-mb-2">To remove a <span class="tw-font-semibold tw-italic">Content Item</span> from a <span class="tw-font-semibold tw-italic">Section</span>, tap the <span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">delete</span> icon inside the <span class="tw-font-semibold tw-italic">Content Item</span> you want to remove.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Keeping Content Items for every email</div><div class="tw-mb-2">Each time your email is sent to your <span class="tw-font-semibold tw-italic">Audience</span> CampaignPress will reset your <span class="tw-font-semibold tw-italic">Content Items</span> so that you can create a fresh email for next send. To prevent this from happening, tap the <span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">edit</span> icon on the <span class="tw-font-semibold tw-italic">Content Item</span> you want to keep, and check <span class="tw-font-semibold tw-italic">Keep forever</span>, then <span class="tw-font-semibold tw-italic">Save</span>.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Adding a Section</div><div class="tw-mb-2">To create a new <span class="tw-font-semibold tw-italic">Section</span>, tap the <span class="tw-bg-gray-400 tw-border-b-2 tw-border-gray-500 tw-text-white tw-text-xs tw-rounded-md tw-px-2 tw-py-1"><span class="material-symbols-outlined tw-relative -tw-left-[2px] tw-text-[18px] tw-align-text-top">add</span> Add Section</span> button.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Editing a Section title</div><div class="tw-mb-2">Tap the <span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">edit</span> icon to update the title of the <span class="tw-font-semibold tw-italic">Section</span>.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Adding Content Items to a Section</div><div class="tw-mb-2">To add WordPress content to a <span class="tw-font-semibold tw-italic">Section</span>, tap the <span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">playlist_add</span> icon inside the <span class="tw-font-semibold tw-italic">Section</span> you want to add content to.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Removing a Section</div><div class="tw-mb-2">To remove a <span class="tw-font-semibold tw-italic">Section</span> and all <span class="tw-font-semibold tw-italic">Content Items</span> within it, tap the <span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">delete</span> icon inside the <span class="tw-font-semibold tw-italic">Section</span> you want to remove.</div></div></div>',5),FE=[RE],NE={key:1},LE=h("div",{class:"tw-tw-font-base tw-font-semibold tw-bg-white tw-px-2 tw-py-1 tw-gray-600 tw-rounded-md tw-mb-5"},"Stats",-1),jE={class:"tw-divide-y tw-divide-gray-300"},UE={class:"tw-mt-1"},$E=h("div",{class:"tw-font-semibold"},"Last Send",-1),BE={class:"tw-mb-2"},YE=vi('<div class="tw-mb-8"></div><div class="tw-tw-font-base tw-font-semibold tw-bg-white tw-px-2 tw-py-1 tw-gray-600 tw-rounded-md tw-mb-5">Glossary</div><div class="tw-divide-y tw-divide-gray-300"><div class="tw-mt-1"><span class="tw-font-bold">Email Subject</span> is the subject that appears in the email that will be sent out to your <span class="tw-font-semibold tw-italic">Audience</span>. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Frequency</span> sets the dates and times that your email will be sent out to your <span class="tw-font-semibold tw-italic">Audience</span>. </div></div><div class="tw-mb-8"></div><div class="tw-tw-font-base tw-font-semibold tw-bg-white tw-px-2 tw-py-1 tw-gray-600 tw-rounded-md tw-mb-5">Interface</div><div class="tw-divide-y tw-divide-gray-300"><div class="tw-mt-1"><div class="tw-font-semibold">Using variables in Email Subject</div><div class="tw-mb-2">Often you may want to add text to the <span class="tw-font-semibold tw-italic">Email Subject</span> that changes with each email, such as a date or the number of <span class="tw-font-semibold tw-italic">Content Items</span> that will appear in your email. Tap <span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">content_copy</span> under <span class="tw-font-semibold tw-italic">Email Subject</span> to copy variables to your clipboard. From there, you can paste them into your subject. When your email goes out to your <span class="tw-font-semibold tw-italic">Audience</span>, these variables are replaced with actual values.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Defining your Schedule</div><div class="tw-mb-2">Within the <span class="tw-font-semibold tw-italic">Frequency</span> area, select the tab that best represents the schedule you would like for this <span class="tw-font-semibold tw-italic">Audience</span>. Each tab gives you a different way to schedule your email.</div></div></div>',6),WE={key:2},HE=vi('<div class="tw-tw-font-base tw-font-semibold tw-bg-white tw-px-2 tw-py-1 tw-gray-600 tw-rounded-md tw-mb-5">Glossary</div><div class="tw-divide-y tw-divide-gray-300"><div class="tw-mt-1"><span class="tw-font-bold">Fixed Width</span> will set your email to a 600px width, which is standard, often recommended size for sending emails. Fixed Width emails are easier to maintain and more predictable. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Fluid Width</span> will set your email to a fluid, flexible width, which allows to display emails that span entire screens - mobile or desktop. Fluid Width emails are slightly harder to maintain and a bit less predictable. </div></div><div class="tw-mb-8"></div><div class="tw-tw-font-base tw-font-semibold tw-bg-white tw-px-2 tw-py-1 tw-gray-600 tw-rounded-md tw-mb-5">Template Rows</div><div class="tw-divide-y tw-divide-gray-300"><div class="tw-mt-2"><span class="tw-font-bold">Columns</span> allow you to enter two other types of content within two columns. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Text</span> allow you to enter formatted text in your email. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Section</span> allow you to grab posts from WordPress and display them within your email. These posts are defined in the <span class="tw-font-semibold tw-italic">Content</span> tab. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Code</span> allow you to enter &lt;style&gt; tags to further customize the look of your email. Certain advertising networks will allow you to embed tracking code, which can be added as code. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Image</span> allows you to add images uploaded to the WordPress library and display them in your email. </div><div class="tw-mt-2 tw-pt-2"><span class="tw-font-bold">Spacer</span> allows you to break up your email, or add space around content or images. </div></div><div class="tw-mb-8"></div><div class="tw-tw-font-base tw-font-semibold tw-bg-white tw-px-2 tw-py-1 tw-gray-600 tw-rounded-md tw-mb-5">Interface</div><div class="tw-divide-y tw-divide-gray-300"><div class="tw-mt-1"><div class="tw-font-semibold">Adding Columns</div><div class="tw-mb-2">Tap <span class="tw-font-semibold tw-italic"><span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">add_box</span> Add a content row</span> to create a new row. Select <span class="tw-font-semibold tw-italic">Columns</span>. Due to restrictions of email clients, columns are limited to two. Select the type of content you&#39;d like to display on the left and right column. For more information, read the descriptions of each type of content below.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Adding Posts</div><div class="tw-mb-2">Tap <span class="tw-font-semibold tw-italic"><span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">add_box</span> Add a content row</span> to create a new row. Select <span class="tw-font-semibold tw-italic">Section</span>. Optionally enter <span class="tw-font-semibold tw-italic">Label</span> to help you identify this row later on. Select the <span class="tw-font-semibold tw-italic">Section</span> that you defined in the <span class="tw-font-semibold tw-italic">Content</span> tab. Each <span class="tw-font-semibold tw-italic">Section</span> contains individual posts that are grouped together so that you can add them in your <span class="tw-font-semibold tw-italic">Template</span>.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Adding an Image</div><div class="tw-mb-2">Tap <span class="tw-font-semibold tw-italic"><span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">add_box</span> Add a content row</span> to create a new row. Select <span class="tw-font-semibold tw-italic">Image</span>. Optionally enter <span class="tw-font-semibold tw-italic">Label</span> to help you identify this row later on. Tap <span class="tw-font-semibold tw-italic">Select...</span> to choose an image from the WordPress library. You can also <span class="tw-font-semibold tw-italic">Align</span> the image, and specify a <span class="tw-font-semibold tw-italic">Size</span>. If you would like your image to link to another website or page, enter the full URL (http://www.domain.com/page) in <span class="tw-font-semibold tw-italic">Link</span>.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Adding Text</div><div class="tw-mb-2">Tap <span class="tw-font-semibold tw-italic"><span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">add_box</span> Add a content row</span> to create a new row. Select <span class="tw-font-semibold tw-italic">Text</span>. Optionally enter <span class="tw-font-semibold tw-italic">Label</span> to help you identify this row later on. Use the rich text editor to define the text you would like to display.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Adding Code</div><div class="tw-mb-2">Tap <span class="tw-font-semibold tw-italic"><span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">add_box</span> Add a content row</span> to create a new row. Select <span class="tw-font-semibold tw-italic">Code</span>. Optionally enter <span class="tw-font-semibold tw-italic">Label</span> to help you identify this row later on. Supply &lt;style&gt; tags or other code to help further customize the <span class="tw-font-semibold tw-italic">Template</span>, or integrate with a marketing platform.</div></div><div class="tw-mt-2 tw-pt-2"><div class="tw-font-semibold">Adding a Spacer</div><div class="tw-mb-2">Tap <span class="tw-font-semibold tw-italic"><span class="material-symbols-outlined tw-text-[20px] tw-align-text-top">add_box</span> Add a content row</span> to create a new row. Select <span class="tw-font-semibold tw-italic">Spacer</span>. Optionally enter <span class="tw-font-semibold tw-italic">Label</span> to help you identify this row later on. Enter the height of the <span class="tw-font-semibold tw-italic">Spacer</span> in pixels.</div></div></div>',8),KE=[HE];function VE(e,t,n,i,s,o){return S(),k(Oe,null,[this.tab=="content"?(S(),k("div",ME,FE)):Q("",!0),this.tab=="campaign"?(S(),k("div",NE,[LE,h("div",jE,[h("div",UE,[$E,h("div",BE,ae(o.lastSendDateDisplay),1)])]),YE])):Q("",!0),this.tab=="template"?(S(),k("div",WE,KE)):Q("",!0)],64)}const ap=Pe(IE,[["render",VE]]),GE={name:"GeneralPanelContextActions",components:{"panel-button":Sn},props:{tab:{type:String,default:""},loading:{default:!1}},data(){return{labelDisplayStateClass:"tw-block"}},computed:{},methods:{windowResized(){window.innerWidth<1600?this.labelDisplayStateClass="tw-hidden":this.labelDisplayStateClass="tw-block"}},mounted(){window.addEventListener("resize",this.windowResized),this.windowResized()},unmounted(){window.removeEventListener("resize",this.windowResized)}},zE={key:0,class:"tw-flex tw-gap-2"},JE={key:0,class:"tw-flex tw-items-center material-symbols-outlined tw-animate-spin tw-mr-3"},XE={key:1,class:"tw-flex tw-gap-2"},ZE={key:0,class:"tw-flex tw-items-center material-symbols-outlined tw-animate-spin tw-mr-3"},QE={key:2,class:"tw-flex tw-gap-2"},qE={key:0,class:"tw-flex tw-items-center material-symbols-outlined tw-animate-spin tw-mr-3"};function eO(e,t,n,i,s,o){const r=oe("panel-button");return S(),k(Oe,null,[n.tab=="campaign"?(S(),k("div",zE,[n.loading?(S(),k("div",JE,"cached")):Q("",!0)])):Q("",!0),n.tab=="content"?(S(),k("div",XE,[n.loading?(S(),k("div",ZE,"cached")):Q("",!0),K(r,{onClick:t[0]||(t[0]=a=>this.$emit("click","section-add")),color:"lightgray",class:"tw-flex tw-items-center",disabled:n.loading},{default:De(()=>[h("span",{class:F(["material-symbols-outlined",{"tw-text-base tw-mr-2 -tw-ml-2":s.labelDisplayStateClass!=="tw-hidden","tw-text-[24px]":s.labelDisplayStateClass==="tw-hidden"}])},"add",2),xe(),h("span",{class:F(s.labelDisplayStateClass)},"Add Section",2)]),_:1},8,["disabled"])])):Q("",!0),n.tab=="template"?(S(),k("div",QE,[n.loading?(S(),k("div",qE,"cached")):Q("",!0),K(r,{onClick:t[1]||(t[1]=a=>this.$emit("click","screen-preview")),color:"lightgray",class:"tw-flex tw-items-center",disabled:n.loading},{default:De(()=>[h("span",{class:F(["material-symbols-outlined",{"tw-text-base tw-mr-2 -tw-ml-2":s.labelDisplayStateClass!=="tw-hidden","tw-text-[24px]":s.labelDisplayStateClass==="tw-hidden"}])},"preview",2),xe(),h("span",{class:F(s.labelDisplayStateClass)},"View Preview",2)]),_:1},8,["disabled"]),K(r,{onClick:t[2]||(t[2]=a=>this.$emit("click","email-preview")),color:"lightgray",class:"tw-flex tw-items-center",disabled:n.loading},{default:De(()=>[h("span",{class:F(["material-symbols-outlined",{"tw-text-base tw-mr-2 -tw-ml-2":s.labelDisplayStateClass!=="tw-hidden","tw-text-[24px]":s.labelDisplayStateClass==="tw-hidden"}])},"forward_to_inbox",2),xe(),h("span",{class:F(s.labelDisplayStateClass)},"Email Preview",2)]),_:1},8,["disabled"])])):Q("",!0)],64)}const tO=Pe(GE,[["render",eO]]),nO={name:"GeneralViewFree",components:{"panel-button":Sn,"panel-dialog":Uh,"icon-refresh":rS,"list-select":Tr,"general-panel-queue":sC,"general-panel-campaign":qk,"general-panel-template":PE,"general-panel-context-help":ap,"general-panel-context-actions":tO},data(){return{storeAudienceSettings:null,loadAudienceSettings:null,tabs:[{id:"campaign",title:"General"},{id:"content",title:"Content"},{id:"template",title:"Design"}],isLoading:!1,isSaving:!1,activeTab:"campaign",isGettingAudiences:!1,isSendingPreview:!1,audiences:[],audienceSelected:null,audienceSelectedSettings:null,isAddingSection:!1,dialogPauseResumePromptOpen:!1,dialogEmailPreviewPromptOpen:!1,emailsToSendTo:"",labelDisplayStateClass:"tw-block"}},watch:{},computed:{nextScheduledSendLabel(){return this.displayNextScheduledSend},nextLockdownLabel(){return this.nextLockdown},requirementsFulfilled(){return!(!this.audienceSelectedSettings||!this.audienceSelectedSettings.campaign.email_template||!(this.audienceSelectedSettings.campaign.email_subject.length>0)||!(this.audienceSelectedSettings.campaign.email_template.template_content.length>0)||!this.audienceSelectedSettings.queue.sections||!(this.audienceSelectedSettings.queue.sections.length>0)||!(this.audienceSelectedSettings.queue.sections[0].items.length>0))},requirementErrors(){let e=[];if(!this.requirementsFulfilled){if(!this.audienceSelectedSettings)return e.push({id:"",message:"Audience has not loaded, or there is no Audience settings"}),e;this.audienceSelectedSettings.campaign.email_subject.length>0||e.push({id:"",message:"Subject is missing"}),this.audienceSelectedSettings.campaign.email_subject.length>5||e.push({id:"",message:"Subject is too short"}),this.audienceSelectedSettings.campaign.email_template.template_content.length>0||e.push({id:"",message:"Template is empty"}),this.audienceSelectedSettings.queue.sections.length>0||e.push({id:"",message:"Content has no Sections"}),this.audienceSelectedSettings.queue.sections[0].items.length>0||e.push({id:"",message:"Section is empty"})}return e},audienceState(){return this.audienceSelectedSettings&&this.requirementsFulfilled?this.audienceSelectedSettings.state:-1},audienceStateLabel(){return this.audienceSelectedSettings&&this.audienceState==-1?"Issues":this.audienceState?"Pause":"Resume"},audienceStateConfirmLabel(){return this.audienceState==-1?"Fix Issues":"Confirm"},audienceStateIcon(){return this.audienceSelectedSettings&&this.audienceState==-1?"dangerous":this.audienceState?"pause":"play_arrow"},audienceSelectItems(){return this.audiences?this.audiences.map(e=>({id:e.id,title:e.label})):[]},audienceStateButtonColor(){return this.audienceSelectedSettings&&this.audienceState==-1?"ruby":this.audienceState?"amber":"green"},errorDisplay(){let e="<ul class='tw-my-4 tw-list-disc tw-ml-5'>";for(let t in this.requirementErrors)e+="<li class='tw-my-0 tw-py-0'>"+this.requirementErrors[t].message+"</li>";return e+="</ul>",e},displayNextScheduledSend(){return!this.audienceSelectedSettings||!this.requirementsFulfilled?"\u2013":bs.displayNextScheduledSend(this.audienceSelectedSettings.campaign.email_frequency,this.audienceSelectedSettings.campaign.email_frequency_settings,this.audienceSelectedSettings.timezone,!0)},nextLockdown(){return!this.audienceSelectedSettings||!this.requirementsFulfilled||this.audienceState!==1?"\u2013":bs.nextLockdown(this.audienceSelectedSettings.campaign.email_frequency,this.audienceSelectedSettings.campaign.email_frequency_settings,this.audienceSelectedSettings.timezone)}},methods:{async load(){this.isLoading=!0,await lt.get("/wp-json/campaignpress/v1/settings").then(e=>{let t=JSON.parse(e.data).data;return this.audienceSelected=t.mailchimp_active_audience,this.audiences=t.mailchimp_audiences,this.isLoading=!1,t}).catch(e=>(console.log(e),!1))},async update(){let e={active_audience:this.audienceSelected};this.isSaving=!0,await lt.post("/wp-json/campaignpress/v1/settings",e).then(t=>{let n=JSON.parse(t.data).data;return this.isSaving=!1,n}).catch(t=>(console.log(t),!1))},async getAudienceSettings(){this.isLoading=!0,await lt.get(`/wp-json/campaignpress/v1/audiences/${this.audienceSelected.id}`).then(e=>{this.isLoading=!1;let t=JSON.parse(e.data).data;return this.audienceSelectedSettings=t.audience_settings,this.emailsToSendTo=this.audienceSelectedSettings.preview_email_addresses?this.audienceSelectedSettings.preview_email_addresses:"",this.activeTab=this.audienceSelectedSettings.active_editor_tab?this.audienceSelectedSettings.active_editor_tab:"content",this.audienceSelectedSettings}).catch(e=>(console.log(e),!1))},async saveAudienceSettings(){this.requirementsFulfilled?this.requirementsFulfilled&&this.audienceSelectedSettings.state==-1&&(this.audienceSelectedSettings.state=0):this.audienceSelectedSettings.state=-1,this.isSaving=!0,await lt.post(`/wp-json/campaignpress/v1/audiences/${this.audienceSelected.id}`,this.audienceSelectedSettings).then(e=>{let t=JSON.parse(e.data).data;return this.isSaving=!1,t}).catch(e=>(console.log(e),!1))},async sendPreview(){this.isSendingPreview=!0,this.audienceSelectedSettings.preview_email_addresses!==this.emailsToSendTo&&(this.audienceSelectedSettings.preview_email_addresses=this.emailsToSendTo),await lt.post(`/wp-json/campaignpress/v1/audiences/${this.audienceSelected.id}/preview`,this.audienceSelectedSettings).then(e=>{let t=JSON.parse(e.data).data;return this.isSendingPreview=!1,this.dialogEmailPreviewPromptOpen=!1,t}).catch(e=>(console.log(e),this.isSendingPreview=!1,!1))},async refreshAudiences(){this.isGettingAudiences=!0,await lt.get("/wp-json/campaignpress/v1/audiences").then(e=>{let t=JSON.parse(e.data).data;return this.audiences=t.audiences,this.isGettingAudiences=!1,this.audiences}).catch(e=>(console.log(e),!1))},queuePanelUpdated(e){e&&!e.type&&(this.audienceSelectedSettings.queue.sections=e,this.storeAudienceSettings())},campaignPanelUpdated(e){e&&(this.audienceSelectedSettings.campaign=e,this.storeAudienceSettings())},campaignPanelPaused(){this.audienceSelectedSettings.state=0,this.storeAudienceSettings()},templatePanelUpdated(e){e&&(this.audienceSelectedSettings.campaign.email_template=e,this.storeAudienceSettings())},tabClicked(e){this.audienceSelectedSettings&&(this.activeTab=e,this.audienceSelectedSettings.active_editor_tab=this.activeTab,this.storeAudienceSettings())},audienceChanged(e){this.audienceSelected=e,this.update().then(()=>this.load()).then(()=>this.loadAudienceSettings())},actionsClicked(e){switch(e){case"section-add":this.isAddingSection=!0;break;case"screen-preview":window.open(`/campaignpress/preview?audience_id=${this.audienceSelected.id}`,"campaignpress_preview");break;case"email-preview":this.dialogEmailPreviewPromptOpen=!0;break}},refreshAudiencesClicked(){this.refreshAudiences()},toggleAudienceStateClicked(){this.dialogPauseResumePromptOpen=!0},dialogPauseResumeCancelClicked(){this.dialogPauseResumePromptOpen=!1},dialogEmailPreviewCancelClicked(){this.dialogEmailPreviewPromptOpen=!1},dialogPauseResumeConfirmClicked(){this.audienceSelectedSettings&&(this.audienceSelectedSettings.state=this.audienceSelectedSettings.state===1?0:1,this.dialogPauseResumePromptOpen=!1,this.storeAudienceSettings())},dialogEmailPreviewConfirmClicked(){this.sendPreview()},dialogCanceled(){this.dialogPauseResumePromptOpen=!1,this.dialogEmailPreviewPromptOpen=!1},windowResized(){window.innerWidth<1600?this.labelDisplayStateClass="tw-hidden":this.labelDisplayStateClass="tw-block"}},unmounted(){window.removeEventListener("resize",this.windowResized)},mounted(){this.load().then(()=>this.getAudienceSettings()),window.addEventListener("resize",this.windowResized),this.windowResized(),this.storeAudienceSettings=xt(this.saveAudienceSettings,500),this.loadAudienceSettings=xt(this.getAudienceSettings,500)}},Dr=e=>(Yo("data-v-669c61ab"),e=e(),Wo(),e),sO={class:"tw-py-4"},iO=Dr(()=>h("h1",{class:"tw-text-xl tw-ml-1 tw-mb-5"},"CampaignPress",-1)),rO={class:"tw-flex tw-w-10/12"},oO={class:"tw-grid tw-grid-cols-6 tw-w-8/12 tw-items-center tw-px-4 tw-py-4 tw-mx-2 tw-mb-8 tw-rounded-xl tw-bg-white/80 tw-shadow-sm"},aO={class:"tw-flex tw-items-center"},lO={class:"tw-w-6/12 tw-text-center tw-border-r tw-border-gray-300"},cO=Dr(()=>h("div",{class:"tw-text-xs tw-font-bold"},"Next Send Date",-1)),dO={class:"tw-text-xs"},uO={class:"tw-w-6/12 tw-text-center"},fO=Dr(()=>h("div",{class:"tw-text-xs tw-font-bold tw-leading-none tw-ml-2"},[xe("Lockdown begins "),h("span",{class:"material-symbols-outlined tw-cursor-pointer tw-text-[16px] tw-align-text-top tw-text-gray-500",title:"You must have all of your content defined with your template before lockdown. After lockdown, you will not be able to change it until your email has been sent."},"help")],-1)),hO={class:"tw-text-xs tw-font-bold tw-leading-none tw-text-green-600 tw-mt-1"},pO={class:"tw-flex tw-w-10/12"},mO={class:"tw-flex tw-w-8/12"},wO={class:"tw-w-6/12 tw-text-lg tw-flex tw-m-0 tw-ml-5 tw-list-none"},gO=["onClick"],yO={class:"tw-w-6/12 tw-flex tw-justify-end tw-items-end tw-relative tw-pb-3"},vO={class:"tw-flex tw-w-10/12"},bO={class:"tw-bg-white tw-w-8/12 tw-p-8 tw-rounded-lg tw-relative tw-z-10 tw-shadow-md tw-border tw-border-t-0 tw-border-gray-300"},xO={class:"tw-w-4/12 tw-px-7 tw-py-2 tw-relative tw-z-10"},SO={key:0},_O={key:1},CO={key:2},kO={class:"tw-mb-8 tw-pb-4"},TO=["innerHTML"],EO={key:1},OO={key:2},DO={class:"tw-absolute tw-bottom-0 tw-left-0 tw-right-0 tw-m-4 tw-flex"},AO={class:"tw-w-6/12"},PO={class:"tw-w-6/12 tw-flex tw-justify-end"},IO=Dr(()=>h("span",null,[xe(" Send a preview of this Campaign"),h("br"),xe("to an email address ")],-1)),MO={class:"tw-mb-8 tw-pb-4 tw-flex tw-flex-col tw-items-center"},RO=["disabled"],FO=Dr(()=>h("div",{class:"tw-text-[10px] tw-italic tw-pt-1"},"For multiple email addresses, separate by commas",-1)),NO={class:"tw-absolute tw-bottom-0 tw-left-0 tw-right-0 tw-m-4 tw-flex"},LO={class:"tw-w-6/12"},jO={class:"tw-w-6/12 tw-flex tw-justify-end"};function UO(e,t,n,i,s,o){const r=oe("list-select"),a=oe("panel-button"),l=oe("general-panel-context-actions"),c=oe("general-panel-campaign"),d=oe("general-panel-queue"),u=oe("general-panel-template"),f=oe("general-panel-context-help"),m=oe("panel-dialog"),p=Yl("scroll");return S(),k("main",sO,[iO,h("div",rO,[h("div",oO,[h("div",{class:F(["",{"tw-col-span-3":s.labelDisplayStateClass=="tw-hidden","tw-col-span-2":s.labelDisplayStateClass!=="tw-hidden"}])},[h("div",aO,[K(r,{value:s.audienceSelected,onListChange:o.audienceChanged,lists:o.audienceSelectItems,disabled:!0,prompt:"Audiences",label:"Active Audience"},null,8,["value","onListChange","lists"])])],2),h("div",{class:F(["tw-flex tw-justify-center",{"tw-order-last tw-col-span-6 tw-mt-3 tw-pt-3 tw-border-gray-300 tw-border-t":s.labelDisplayStateClass=="tw-hidden","tw-col-span-3":s.labelDisplayStateClass!=="tw-hidden"}])},[h("div",lO,[cO,h("div",dO,ae(o.nextScheduledSendLabel),1)]),h("div",uO,[fO,h("div",hO,ae(o.nextLockdownLabel),1)])],2),h("div",{class:F(["tw-justify-end tw-gap-2 tw-flex",{"tw-col-span-3":s.labelDisplayStateClass=="tw-hidden","tw-col-span-1":s.labelDisplayStateClass!=="tw-hidden"}])},[K(a,{disabled:s.isLoading||s.isSaving,onClick:o.toggleAudienceStateClicked,class:"tw-flex tw-items-center",color:o.audienceStateButtonColor},{default:De(()=>[h("span",{class:F(["material-symbols-outlined",{"tw-text-base tw-mr-2 -tw-ml-2":s.labelDisplayStateClass!=="tw-hidden","tw-text-[30px]":s.labelDisplayStateClass==="tw-hidden"}])},ae(o.audienceStateIcon),3),xe(),h("span",{class:F(s.labelDisplayStateClass)},ae(o.audienceStateLabel),3)]),_:1},8,["disabled","onClick","color"])],2)])]),h("div",pO,[h("div",mO,[h("ul",wO,[(S(!0),k(Oe,null,Ot(s.tabs,w=>(S(),k("li",{onClick:v=>o.tabClicked(w.id),class:F(["tw-transition-all",{"tw-cursor-pointer tw-mt-3 tw-px-3 tw-py-3 tw-bg-gray-50 tw-rounded-tl-md tw-rounded-tr-md tw-mb-0 tw-border-r tw-border-gray-300":w.id!==s.activeTab,"tw-cursor-default tw-touch-none tw-mt-1 tw-mb-0 tw-pb-3 tw-px-4 tw-py-2 tw-bg-white tw-rounded-tl-xl tw-rounded-tr-xl tw-shadow-xl tw-relative tw-z-10 tw-border-r tw-border-gray-300":w.id===s.activeTab}])},[h("div",{class:F(["tw-transition-all tw-touch-none",{"tw-px-4 tw-text-gray-500 tw-text-base":w.id!==s.activeTab,"tw-pt-2 tw-px-2":w.id===s.activeTab}])},ae(w.title),3)],10,gO))),256))]),h("div",yO,[K(l,{tab:s.activeTab,onClick:o.actionsClicked,loading:s.isSaving||s.isLoading},null,8,["tab","onClick","loading"])])])]),h("div",vO,[yt((S(),k("div",bO,[K(c,{class:F([{"tw-hidden":s.activeTab!=="campaign"}]),onUpdate:o.campaignPanelUpdated,onPause:o.campaignPanelPaused,"audience-settings":s.audienceSelectedSettings,loading:s.isLoading},null,8,["class","onUpdate","onPause","audience-settings","loading"]),K(d,{class:F([{"tw-hidden":s.activeTab!=="content"}]),onUpdate:o.queuePanelUpdated,onSectionAddCancel:t[0]||(t[0]=w=>s.isAddingSection=!1),"audience-settings":s.audienceSelectedSettings,"prompt-section-add":s.isAddingSection,loading:s.isLoading},null,8,["class","onUpdate","audience-settings","prompt-section-add","loading"]),K(u,{class:F([{"tw-hidden":s.activeTab!=="template"}]),onUpdateContent:o.templatePanelUpdated,"audience-settings":s.audienceSelectedSettings,loading:s.isLoading},null,8,["class","onUpdateContent","audience-settings","loading"])])),[[p,e.panelScrolled]]),h("div",xO,[K(f,{tab:s.activeTab,"audience-settings":s.audienceSelectedSettings},null,8,["tab","audience-settings"])])]),s.dialogPauseResumePromptOpen?(S(),Qe(m,{key:0,onCancel:o.dialogCanceled,size:"small"},{title:De(()=>[h("span",null,[o.audienceState==-1?(S(),k("span",SO,"There are some issues that must be fixed before you can send.")):o.audienceState?(S(),k("span",_O,"Are you sure you want to pause future sends to "+ae(s.audienceSelected.title)+"?",1)):(S(),k("span",CO,"Are you sure you want to resume your sends to "+ae(s.audienceSelected.title)+"?",1))])]),content:De(()=>[h("div",kO,[o.audienceState==-1?(S(),k("p",{key:0,innerHTML:o.errorDisplay},null,8,TO)):o.audienceState==0?(S(),k("p",EO,"This will re-start your sends to "+ae(s.audienceSelected.title)+". Your send won't happen until your next scheduled time.",1)):(S(),k("p",OO,"This will stop future sends to "+ae(s.audienceSelected.title)+". No further emails will be sent to this audience from CampaignPress.",1))]),h("div",DO,[h("div",AO,[K(a,{onClick:o.dialogPauseResumeCancelClicked,class:"tw-flex tw-items-center",color:"ruby"},{default:De(()=>[xe("Cancel")]),_:1},8,["onClick"])]),h("div",PO,[K(a,{onClick:o.dialogPauseResumeConfirmClicked,class:"tw-flex tw-items-center",color:"green"},{default:De(()=>[xe(ae(o.audienceStateConfirmLabel),1)]),_:1},8,["onClick"])])])]),_:1},8,["onCancel"])):Q("",!0),s.dialogEmailPreviewPromptOpen?(S(),Qe(m,{key:1,onCancel:o.dialogCanceled,size:"small"},{title:De(()=>[IO]),content:De(()=>[h("div",MO,[yt(h("input",{type:"text",class:F(["tw-border tw-border-black tw-border-b tw-w-full tw-ring-0 tw-px-2 tw-py-1 tw-font-normal"]),"onUpdate:modelValue":t[1]||(t[1]=w=>s.emailsToSendTo=w),placeholder:"Enter email addresses",disabled:s.isSendingPreview},null,8,RO),[[St,s.emailsToSendTo]]),FO]),h("div",NO,[h("div",LO,[K(a,{onClick:o.dialogEmailPreviewCancelClicked,class:"tw-flex tw-items-center",color:"ruby",disabled:s.isSendingPreview},{default:De(()=>[xe("Cancel")]),_:1},8,["onClick","disabled"])]),h("div",jO,[K(a,{onClick:o.dialogEmailPreviewConfirmClicked,class:"tw-flex tw-items-center",color:"green",disabled:s.isSendingPreview||s.emailsToSendTo.length==0},{default:De(()=>[xe("Send")]),_:1},8,["onClick","disabled"])])])]),_:1},8,["onCancel"])):Q("",!0)])}const $O=Pe(nO,[["render",UO],["__scopeId","data-v-669c61ab"]]),BO={name:"SettingsPanelGeneral",components:{"panel-button":Sn,"panel-checkbox":Qh,"list-select":Tr},props:{settings:{required:!0,type:Object},loading:{default:!1}},data(){return{updatedSettings:null,mailchimpKeyLocked:!0,apiKeyValidated:!1,apiKeyFailed:!1,apiKeyStatus:"",isGettingAudiences:!1,isAPIKeyValidating:!1,audiences:[],audienceSelected:null}},watch:{settings(e){this.updatedSettings=e},updatedSettings(e){this.audienceSelected=e.mailchimp_active_audience,this.audiences=e.mailchimp_audiences,this.validateAPIKey().then(()=>this.update())}},computed:{audienceSelectItems(){return this.audiences?this.audiences.map(e=>({id:e.id,title:e.title})):[]}},methods:{update(){this.$emit("update",this.updatedSettings)},async validateAPIKey(){this.isAPIKeyValidating=!0;let e={mailchimp_api_key:this.updatedSettings.mailchimp_api_key};await lt.post("/wp-json/campaignpress/v1/validate-mailchimp-api-key",e).then(t=>{let n=JSON.parse(t.data).data;return console.log(n),this.isAPIKeyValidating=!1,n.api_key?(this.apiKeyFailed=!1,this.apiKeyStatus="Mailchimp API key was validated",this.apiKeyValidated=!0):(this.apiKeyFailed=!0,this.apiKeyStatus="Mailchimp API key is not valid",this.apiKeyValidated=!1),!0}).catch(t=>(console.log(t),!1))},async removeAPIKey(){this.isAPIKeyValidating=!0,await lt.post("/wp-json/campaignpress/v1/remove-mailchimp-api-key",{}).then(e=>(JSON.parse(e.data).data,this.isAPIKeyValidating=!1,this.apiKeyValidated=!1,this.apiKeyFailed=!1,this.apiKeySlot="",!0)).catch(e=>(console.log(e),!1))},settingUpdated(e,t){this.updatedSettings[e]=t==!0?1:0,this.update(),(e=="toast_show_scheduled_campaigns"||e=="use_top_level_menu")&&location.reload()},resetAudienceSettingsClicked(){confirm("Are you sure you want to reset CampaignPress audience data?")&&this.$emit("reset-audiences",null)},removeCampaignsClicked(){confirm("Are you sure you want to remove Campaigns created by CampaignPress?")&&this.$emit("remove-campaigns",null)},removeTemplatesClicked(){confirm("Are you sure you want to remove Templates created by CampaignPress?")&&this.$emit("remove-templates",null)},resetCampaignPressClicked(){confirm("Are you sure you want to completely reset CampaignPress?")&&this.$emit("reset-campaignpress",null)},updateMailchimpApiKeyClicked(){this.validateAPIKey(),this.mailchimpKeyLocked=!1},saveMailchimpApiKeyClicked(){this.validateAPIKey(),this.mailchimpKeyLocked=!0},audienceChanged(e){!confirm(`Are you sure you want to delete your active Campaign, Template and content for the active Audience, and begin using ${e.title} going forward?
    2626
    2727 Please note: In the Premium version of CampaignPress, you can work on multiple active Campaigns.`)||(this.audienceSelected=e,this.updatedSettings.mailchimp_active_audience=e,this.update())}},mounted(){}},YO={class:"tw-w-full"},WO={key:1,class:"tw-w-full"},HO=h("div",{class:"tw-font-semibold tw-text-base"},"Interface",-1),KO={class:"tw-w-full tw-border-b tw-border-gray-300 tw-py-4 tw-flex tw-items-center tw-gap-4"},VO=h("div",{class:""},[h("div",{class:"tw-text-base"},"Hide CampaignPress in the Settings menu"),h("div",{class:"tw-text-xs"},"Move CampaignPress from the main menu on the left, and instead place CampaignPress within the Settings menu.")],-1),GO={class:"tw-w-full tw-border-b tw-border-gray-300 tw-py-4 tw-flex tw-items-center tw-gap-4"},zO=h("div",{class:""},[h("div",{class:"tw-text-base"},"Show your scheduled Campaigns"),h("div",{class:"tw-text-xs"},"Display your scheduled Campaigns on every page within the WordPress Admin.")],-1),JO=h("div",{class:"tw-font-semibold tw-text-base tw-mt-6"},"Mailchimp",-1),XO={class:"tw-w-full tw-border-b tw-border-gray-300 tw-py-4 tw-flex tw-flex-col tw-gap-4"},ZO=h("div",{class:""},[h("div",{class:"tw-text-base"},"Active Audience"),h("div",{class:"tw-text-xs"},"In the free version of CampaignPress, you can only have 1 active Audience running a Campaign. Changing the active Audience will remove and delete currently scheduled Campaigns, and delete your Template.")],-1),QO={class:"tw-flex tw-gap-4"},qO={class:"tw-w-full tw-border-b tw-border-gray-300 tw-py-4 tw-flex tw-flex-col tw-gap-4"},eD=h("div",{class:""},[h("div",{class:"tw-text-base"},"API Key"),h("div",{class:"tw-text-xs"},"Update the Mailchimp API key, if needed.")],-1),tD={class:"tw-flex tw-gap-4"},nD=["disabled","readonly"],sD={class:"tw-flex tw-items-center tw-justify-end tw-w-[10%]"},iD={key:0,class:"material-symbols-outlined tw-bg-green-600 tw-text-white tw-rounded-md tw-p-2 tw-mr-1"},rD={key:1,class:"material-symbols-outlined tw-bg-red-600 tw-text-white tw-rounded-md tw-p-2 tw-mr-1"},oD={class:"tw-w-[10%] tw-flex tw-justify-end"},aD={key:0,class:F(["tw-font-bold tw-text-red-600"])},lD={key:1,class:F(["tw-font-bold tw-text-gray-400"])},cD={key:2,class:F(["tw-font-bold tw-text-green-500"])},dD=h("div",{class:"tw-font-semibold tw-text-base tw-mt-6"},"Advanced",-1),uD={class:"tw-w-full tw-border-b tw-border-gray-300 tw-py-4 tw-flex tw-flex-col tw-gap-4"},fD=h("div",{class:"tw-w-9/12"},[h("div",{class:"tw-text-base"},"Reset Audiences"),h("div",{class:"tw-text-xs"},"Use extreme caution: Completely resets Audience data, template and content, and disables the associated Campaign. This will not delete data or otherwise effect data on Mailchimp. ")],-1),hD={class:"tw-w-3/12 tw-flex"},pD=h("div",{class:"tw-w-9/12 tw-mt-6"},[h("div",{class:"tw-text-base"},"Remove CampaignPress Campaigns from Mailchimp"),h("div",{class:"tw-text-xs"},"Use extreme caution: Completely removes all Campaigns within Mailchimp that were created by CampaignPress.")],-1),mD={class:"tw-w-3/12 tw-flex"},wD=h("div",{class:"tw-w-9/12 tw-mt-6"},[h("div",{class:"tw-text-base"},"Remove CampaignPress Templates from Mailchimp"),h("div",{class:"tw-text-xs"},"Use extreme caution: Completely removes all Templates within Mailchimp that were created by CampaignPress.")],-1),gD={class:"tw-w-3/12 tw-flex"},yD=h("div",{class:"tw-w-9/12 tw-mt-6"},[h("div",{class:"tw-text-base"},"Reset CampaignPress"),h("div",{class:"tw-text-xs"},"Use extreme caution: Completely resets all CampaignPress settings.")],-1),vD={class:"tw-w-3/12 tw-flex"},bD={key:2},xD=h("div",{class:"tw-text-base tw-w-full tw-flex tw-items-center tw-justify-center"}," Loading settings... ",-1),SD=[xD];function _D(e,t,n,i,s,o){const r=oe("loading-indicator"),a=oe("panel-checkbox"),l=oe("list-select"),c=oe("panel-button");return S(),k("div",YO,[n.loading?(S(),Qe(r,{key:0})):Q("",!0),s.updatedSettings?(S(),k("div",WO,[HO,h("div",KO,[K(a,{value:"use_top_level_menu",checked:s.updatedSettings.use_top_level_menu,onInput:t[0]||(t[0]=d=>o.settingUpdated("use_top_level_menu",d))},null,8,["checked"]),VO]),h("div",GO,[K(a,{value:"use_top_level_menu",checked:s.updatedSettings.toast_show_scheduled_campaigns,onInput:t[1]||(t[1]=d=>o.settingUpdated("toast_show_scheduled_campaigns",d))},null,8,["checked"]),zO]),JO,h("div",XO,[ZO,h("div",QO,[K(l,{value:s.audienceSelected,onListChange:o.audienceChanged,lists:o.audienceSelectItems,disabled:s.isGettingAudiences,prompt:"Audiences",label:"Active Audience"},null,8,["value","onListChange","lists","disabled"])])]),h("div",qO,[eD,h("div",tD,[h("div",{class:F(["tw-w-[90%] tw-border-2 tw-flex tw-gap-4 tw-rounded-lg",{"tw-border-red-600":!s.apiKeyValidated&&!s.isAPIKeyValidating,"tw-border-amber-500":s.apiKeyValidated,"tw-border-gray-400":s.isAPIKeyValidating}])},[yt(h("input",{type:"text","onUpdate:modelValue":t[2]||(t[2]=d=>s.updatedSettings.mailchimp_api_key=d),class:F(["tw-border-none tw-w-[90%] tw-ring-0 tw-px-2 tw-py-2 tw-text-2xl tw-font-normal"]),disabled:n.loading||s.mailchimpKeyLocked,readonly:n.loading||s.mailchimpKeyLocked},null,8,nD),[[St,s.updatedSettings.mailchimp_api_key]]),h("div",sD,[s.apiKeyValidated&&s.mailchimpKeyLocked?(S(),k("div",iD,"check")):s.mailchimpKeyLocked&&!s.isAPIKeyValidating?(S(),k("div",rD,"close")):Q("",!0)])],2),h("div",oD,[s.mailchimpKeyLocked?(S(),Qe(c,{key:0,onClick:o.updateMailchimpApiKeyClicked,color:"lightgray",class:"tw-flex tw-items-center",disabled:n.loading},{default:De(()=>[xe("Update")]),_:1},8,["onClick","disabled"])):(S(),Qe(c,{key:1,onClick:o.saveMailchimpApiKeyClicked,color:"green",class:"tw-flex tw-items-center",disabled:n.loading},{default:De(()=>[xe("Save")]),_:1},8,["onClick","disabled"]))])]),!s.apiKeyValidated&&!s.isAPIKeyValidating?(S(),k("div",aD,'There seems to be an issue validating this API key. Tap "Update" to fix the issue.')):!s.apiKeyValidated&&s.isAPIKeyValidating?(S(),k("div",lD,"Checking API key...")):(S(),k("div",cD,"Your API key is working."))]),dD,h("div",uD,[fD,h("div",hD,[K(c,{onClick:o.resetAudienceSettingsClicked,color:"ruby",class:"tw-flex tw-items-center",disabled:n.loading},{default:De(()=>[xe("Reset Audience Data")]),_:1},8,["onClick","disabled"])]),pD,h("div",mD,[K(c,{onClick:o.removeCampaignsClicked,color:"ruby",class:"tw-flex tw-items-center",disabled:n.loading},{default:De(()=>[xe("Remove Campaigns")]),_:1},8,["onClick","disabled"])]),wD,h("div",gD,[K(c,{onClick:o.removeTemplatesClicked,color:"ruby",class:"tw-flex tw-items-center",disabled:n.loading},{default:De(()=>[xe("Remove Templates")]),_:1},8,["onClick","disabled"])]),yD,h("div",vD,[K(c,{onClick:o.resetCampaignPressClicked,color:"ruby",class:"tw-flex tw-items-center",disabled:n.loading},{default:De(()=>[xe("Reset")]),_:1},8,["onClick","disabled"])])])])):(S(),k("div",bD,SD))])}const CD=Pe(BO,[["render",_D]]),kD={name:"SettingsViewFree",components:{"panel-button":Sn,"list-select":Tr,"settings-panel-general":CD},data(){return{tabs:[{id:"general",title:"General"}],settings:null,isLoading:!1,activeTab:"general",dialogPromptOpen:!1}},computed:{},methods:{async load(){this.isLoading=!0,await lt.get("/wp-json/campaignpress/v1/settings").then(e=>{let t=JSON.parse(e.data).data;return this.settings=t,this.isLoading=!1,t}).catch(e=>(console.log(e),!1))},async update(){let e=this.settings;await lt.post("/wp-json/campaignpress/v1/settings",e).then(t=>JSON.parse(t.data).data).catch(t=>(console.log(t),!1))},async resetAudiences(){await lt.post("/wp-json/campaignpress/v1/audiences/reset",{}).then(e=>(alert("Audience data has been reset"),JSON.parse(e.data).data)).catch(e=>(console.log(e),!1))},async resetCampaignPress(){await lt.post("/wp-json/campaignpress/v1/reset",{}).then(e=>{let t=JSON.parse(e.data).data;return alert("CampaignPress has been reset"),location.reload(),t}).catch(e=>(console.log(e),!1))},async removeMailchimpCampaigns(){await lt.post("/wp-json/campaignpress/v1/campaigns/remove",{}).then(e=>(alert("Campaigns created by CampaignPress have been removed"),JSON.parse(e.data).data)).catch(e=>(console.log(e),!1))},async removeMailchimpTemplates(){await lt.post("/wp-json/campaignpress/v1/templates/remove",{}).then(e=>(alert("Templates created by CampaignPress have been removed"),JSON.parse(e.data).data)).catch(e=>(console.log(e),!1))},panelGeneralResetAudiencesClicked(){this.resetAudiences()},panelGeneralResetCampaignPressClicked(){this.resetCampaignPress()},panelGeneralRemoveCampaignsClicked(){this.removeMailchimpCampaigns()},panelGeneralRemoveTemplatesClicked(){this.removeMailchimpTemplates()},panelGeneralUpdated(e){this.settings=e,this.update()},tabClicked(e){this.activeTab=e}},unmounted(){},mounted(){this.load()}},lp=e=>(Yo("data-v-07c25029"),e=e(),Wo(),e),TD={class:"tw-py-4"},ED=lp(()=>h("h1",{class:"tw-text-xl tw-ml-1 tw-mb-5"},"CampaignPress Settings",-1)),OD={class:"tw-flex tw-w-10/12"},DD={class:"tw-flex tw-w-8/12"},AD={class:"tw-w-6/12 tw-text-lg tw-flex tw-m-0 tw-ml-5 tw-list-none"},PD=["onClick"],ID=lp(()=>h("div",{class:"tw-w-6/12 tw-flex tw-justify-end tw-items-end tw-relative tw-pb-3"},null,-1)),MD={class:"tw-flex tw-w-10/12"},RD={class:"tw-bg-white tw-w-8/12 tw-p-8 tw-rounded-lg tw-relative tw-z-10 tw-shadow-md tw-border tw-border-t-0 tw-border-gray-300"};function FD(e,t,n,i,s,o){const r=oe("settings-panel-general"),a=Yl("scroll");return S(),k("main",TD,[ED,h("div",OD,[h("div",DD,[h("ul",AD,[(S(!0),k(Oe,null,Ot(s.tabs,l=>(S(),k("li",{onClick:c=>o.tabClicked(l.id),class:F(["tw-transition-all",{"tw-cursor-pointer tw-mt-3 tw-px-3 tw-py-3 tw-bg-gray-50 tw-rounded-tl-md tw-rounded-tr-md tw-mb-0 tw-border-r tw-border-gray-300":l.id!==s.activeTab,"tw-cursor-default tw-touch-none tw-mt-1 tw-mb-0 tw-pb-3 tw-px-4 tw-py-2 tw-bg-white tw-rounded-tl-xl tw-rounded-tr-xl tw-shadow-xl tw-relative tw-z-10 tw-border-r tw-border-gray-300":l.id===s.activeTab}])},[h("div",{class:F(["tw-transition-all tw-touch-none",{"tw-px-4 tw-text-gray-500 tw-text-base":l.id!==s.activeTab,"tw-pt-2 tw-px-2":l.id===s.activeTab}])},ae(l.title),3)],10,PD))),256))]),ID])]),h("div",MD,[yt((S(),k("div",RD,[K(r,{class:F([{"tw-hidden":s.activeTab!=="general"}]),onUpdate:o.panelGeneralUpdated,onRemoveTemplates:o.panelGeneralRemoveTemplatesClicked,onRemoveCampaigns:o.panelGeneralRemoveCampaignsClicked,onResetAudiences:o.panelGeneralResetAudiencesClicked,onResetCampaignpress:o.panelGeneralResetCampaignPressClicked,loading:s.isLoading,settings:s.settings},null,8,["class","onUpdate","onRemoveTemplates","onRemoveCampaigns","onResetAudiences","onResetCampaignpress","loading","settings"])])),[[a,e.panelScrolled]])])])}const ND=Pe(kD,[["render",FD],["__scopeId","data-v-07c25029"]]),LD={},jD={width:"15px",height:"15px",viewBox:"0 0 15 15",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},UD=vi('<g id="UX" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Settings-&gt;-First-Time-&gt;-Version" transform="translate(-391.000000, -586.000000)" fill="#2022FF" fill-rule="nonzero"><g id="Step" transform="translate(59.000000, 356.000000)"><g id="Options" transform="translate(101.000000, 77.000000)"><g id="Group" transform="translate(42.000000, 33.000000)"><g id="Group-3" transform="translate(0.000000, 103.000000)"><g id="New-Window" transform="translate(189.000000, 17.000000)"><path d="M1.25,15 C0.916666667,15 0.625,14.875 0.375,14.625 C0.125,14.375 0,14.0833333 0,13.75 L0,1.25 C0,0.916666667 0.125,0.625 0.375,0.375 C0.625,0.125 0.916666667,0 1.25,0 L7.0625,0 L7.0625,1.25 L1.25,1.25 L1.25,13.75 L13.75,13.75 L13.75,7.9375 L15,7.9375 L15,13.75 C15,14.0833333 14.875,14.375 14.625,14.625 C14.375,14.875 14.0833333,15 13.75,15 L1.25,15 Z M5.45833333,10.4375 L4.58333333,9.54166667 L12.875,1.25 L8.3125,1.25 L8.3125,0 L15,0 L15,6.6875 L13.75,6.6875 L13.75,2.14583333 L5.45833333,10.4375 Z" id="Shape"></path></g></g></g></g></g></g></g>',1),$D=[UD];function BD(e,t){return S(),k("svg",jD,$D)}const YD=Pe(LD,[["render",BD]]),WD={name:"GuidedSetupViewFree",components:{"panel-select":ip,"panel-button":Sn,"list-select":Tr,"icon-leave-site":YD,"settings-panel-context-help":ap},data(){return{isSetup:!1,activeStep:"step_intro_1",agencyOrIndividual:"individual",apiKeyValidated:!1,isAPIKeyValidating:!1,apiKeySlot:"",apiKeySafe:"",apiKeyStatus:"",apiKeyFailed:!1,isGettingAudiences:!1,mailchimpAudiences:[],audienceSelected:null}},computed:{audienceSelectInstruction(){return this.mailchimpAudiences?this.mailchimpAudiences.length==0?"You do not have any Audiences on your Mailchimp account. You should add those first, and come back here to complete setup.":this.mailchimpAudiences.length>0?"The free version of CampaignPress works with a single Audience, but your Mailchimp appears to have multiple active Audiences. What would you like to do?":"The free version of CampaignPress works with a single Audience, and you only have one Audience. It has been selected for you as the Audience you will send to.":""},audienceSelectItems(){return this.mailchimpAudiences.map(e=>({id:e.id,title:e.title}))}},watch:{activeStep(e){this.updateSettings()},agencyOrIndividual(e){this.updateSettings()},apiKeyValidated(){this.updateAPIKeyStatus()},isAPIKeyValidating(){this.updateAPIKeyStatus()},apiKeySlot(e){this.updateAPIKeyStatus(),e.length==36&&!this.apiKeyValidated&&this.validateAPIKey()}},methods:{async loadSettings(){await lt.get("/wp-json/campaignpress/v1/settings").then(e=>{let t=JSON.parse(e.data).data;return t.mailchimp_api_key.length==36&&(this.apiKeyValidated=!0,this.apiKeySlot=t.mailchimp_api_key,this.isSetup=Boolean(t.is_setup)),this.activeStep=t.setup_step,this.agencyOrIndividual=t.setup_type,this.audienceSelected=t.mailchimp_active_audience,this.mailchimpAudiences=t.mailchimp_audiences,t}).catch(e=>(console.log(e),!1))},async updateSettings(){let e={setup_step:this.activeStep,setup_type:this.agencyOrIndividual,mailchimp_active_audience:this.audienceSelected,mailchimp_audiences:this.mailchimpAudiences,is_setup:this.activeStep=="step_next_steps"&&this.apiKeyValidated&&this.audienceSelected?1:0};await lt.post("/wp-json/campaignpress/v1/settings",e).then(t=>{let n=JSON.parse(t.data).data;this.isSetup=n.is_setup}).catch(t=>(console.log(t),!1))},async validateAPIKey(){this.isAPIKeyValidating=!0;let e={mailchimp_api_key:this.apiKeySlot};await lt.post("/wp-json/campaignpress/v1/validate-mailchimp-api-key",e).then(t=>{let n=JSON.parse(t.data).data;return this.isAPIKeyValidating=!1,n.api_key?(this.apiKeyFailed=!1,this.apiKeyStatus="Mailchimp API key was validated",this.apiKeyValidated=!0):(this.apiKeyFailed=!0,this.apiKeyStatus="Mailchimp API key is not valid",this.apiKeyValidated=!1),!0}).catch(t=>(console.log(t),!1))},async removeAPIKey(){this.isAPIKeyValidating=!0,await lt.post("/wp-json/campaignpress/v1/remove-mailchimp-api-key",{}).then(e=>(JSON.parse(e.data).data,this.isAPIKeyValidating=!1,this.apiKeyValidated=!1,this.apiKeyFailed=!1,this.apiKeySlot="",!0)).catch(e=>(console.log(e),!1))},async refreshAudiences(){this.isGettingAudiences=!0,await lt.get("/wp-json/campaignpress/v1/audiences").then(e=>{let t=JSON.parse(e.data).data;return this.mailchimpAudiences=t.audiences,this.isGettingAudiences=!1,!0}).catch(e=>(console.log(e),!1))},updateAPIKeyStatus(){this.apiKeyValidated?this.apiKeyStatus="Your API Key has been validated":this.apiKeySlot.length<30?this.apiKeyStatus="Please enter your API Key above":this.apiKeySlot.length==36&&!this.apiKeyFailed?this.apiKeyStatus="Please wait while your API Key is validated...":this.apiKeySlot.length>30&&this.apiKeySlot.length!==36?this.apiKeyStatus="Almost there...":this.apiKeyFailed&&(this.apiKeyStatus="Fuck")},optionSelected(e){switch(this.activeStep){case"step_intro_1":this.agencyOrIndividual=e,this.activeStep="step_intro_2";break;case"step_intro_2":this.activeStep="step_enter_mailchimp_api_key";break}},audienceChanged(e){this.audienceSelected=e,this.updateSettings()},exitSetupClicked(e){switch(e){case"purchase_now":window.open("http://campaignpress.orchestratedprojects.ca#purchase","campaignpress_exit");break;case"compare_versions":window.open("http://campaignpress.orchestratedprojects.ca#compare","campaignpress_exit");break;case"find_api_key":window.open("https://mailchimp.com/en-ca/help/about-api-keys/#Find_or_generate_your_API_key","campaignpress_exit");break;case"create_audience":window.open("https://eepurl.com/dyilbz","campaignpress_exit");break;case"download_premium":window.open("https://campaignpress.orchestratedprojects.ca/members","campaignpress_exit");break}},stepClicked(e){switch(e){case"step_select_audience":this.activeStep=e,this.refreshAudiences();break;default:this.activeStep=e;break}},closeSetupClicked(){this.updateSettings(),location.reload()},refreshAudiencesClicked(){this.refreshAudiences()},removeAPIAccessClicked(){this.removeAPIKey()}},mounted(){this.loadSettings().then(e=>{this.activeStep=="step_enter_mailchimp_api_key"&&(this.$refs.apiKeyRefSlot.focus(),this.updateAPIKeyStatus()),this.activeStep=="step_select_audience"&&this.refreshAudiences()})}},dt=e=>(Yo("data-v-dc11cba1"),e=e(),Wo(),e),HD={class:"tw-py-4"},KD=dt(()=>h("h1",{class:"tw-text-xl tw-ml-1 tw-mb-5"},"CampaignPress",-1)),VD={class:"tw-flex tw-w-10/12"},GD={class:"tw-bg-white tw-w-8/12 tw-p-8 tw-rounded-lg tw-relative tw-z-10 tw-shadow-md tw-border tw-border-t-0 tw-border-gray-300"},zD={key:0,class:""},JD=dt(()=>h("div",{class:"tw-text-2xl tw-mb-3"},"Let's get started.",-1)),XD=dt(()=>h("p",{class:"tw-text-base"},"We can help you better by understanding a bit about your background. No information is shared, this is to improve your experience with this plugin.",-1)),ZD={class:"tw-w-full tw-flex tw-flex-col tw-mt-10 tw-items-center"},QD=dt(()=>h("p",{class:"tw-font-bold tw-text-base"},"Are you the owner of this website, or are you building on behalf of a client for an agency?",-1)),qD={class:"tw-flex tw-w-full tw-items-center tw-text-center tw-gap-4 tw-mt-6"},eA={class:"tw-w-6/12 tw-h-full"},tA=dt(()=>h("strong",null,"myself",-1)),nA={class:"tw-w-6/12 tw-h-full"},sA=dt(()=>h("strong",null,"client",-1)),iA={key:1,class:""},rA=dt(()=>h("div",{class:"tw-text-2xl tw-mb-3"},"Let's get started.",-1)),oA=dt(()=>h("p",{class:"tw-text-base"},"We can help you better by understanding a bit about your background. No information is shared, this is to improve your experience with this plugin.",-1)),aA={class:"tw-w-full tw-flex tw-flex-col tw-mt-10 tw-items-center"},lA=dt(()=>h("p",{class:"tw-font-bold tw-text-base"},"Have you examined the featured and benefits of the premium version?",-1)),cA={class:"tw-flex tw-w-full tw-items-start tw-text-center tw-gap-4 tw-mt-6"},dA={class:"tw-w-6/12"},uA=dt(()=>h("strong",{class:"tw-px-1"},"free version",-1)),fA={class:"tw-w-6/12"},hA=dt(()=>h("strong",{class:"tw-px-1"},"premium version",-1)),pA={class:"tw-pt-4 tw-flex tw-flex-col tw-gap-4"},mA={class:"tw-w-full tw-flex tw-mt-10 tw-px-2 tw-border-t tw-border-gray-200 tw-pt-4"},wA={class:"tw-w-6/12 tw-flex tw-justify-start"},gA=dt(()=>h("div",{class:"tw-w-6/12 tw-flex tw-justify-end"},null,-1)),yA={key:2,class:""},vA=dt(()=>h("div",{class:"tw-text-2xl tw-mb-3"},"We'll need to access your MailChimp account.",-1)),bA=dt(()=>h("p",{class:"tw-text-base"},"To communicate with your MailChimp account, we will use an API key provided by you. ",-1)),xA={class:"tw-mt-4 tw-mb-8 tw-w-full tw-flex tw-justify-center"},SA={class:"tw-w-full tw-flex tw-flex-col tw-mt-4 tw-items-center"},_A=dt(()=>h("p",{class:"tw-font-bold tw-text-base"},"MailChimp API Key",-1)),CA={class:"tw-flex tw-flex-col tw-w-10/12 tw-items-center tw-text-center tw-my-2"},kA={class:"tw-flex tw-w-full tw-h-14 tw-items-center tw-justify-center tw-border tw-border-gray-300 tw-bg-gray-100 tw-rounded-xl tw-px-4"},TA={class:"tw-flex tw-w-full tw-gap-2 tw-items-center tw-justify-center tw-text-gray-400"},EA=["readonly"],OA={class:"tw-flex tw-flex-col tw-w-10/12 tw-items-center tw-text-center tw-my-2"},DA={class:"tw-w-full tw-flex tw-mt-10 tw-px-2 tw-border-t tw-border-gray-200 tw-pt-4"},AA={class:"tw-w-4/12 tw-flex tw-justify-start"},PA={class:"tw-w-4/12 tw-flex tw-justify-center"},IA={class:"tw-w-4/12 tw-flex tw-justify-end"},MA={key:3,class:""},RA=dt(()=>h("div",{class:"tw-text-2xl tw-mb-3"},"Your Audiences",-1)),FA={class:"tw-text-base"},NA={key:0},LA={key:0,class:"tw-w-full tw-flex tw-flex-col tw-mt-4 tw-items-center"},jA=dt(()=>h("p",{class:"tw-font-bold tw-text-base"},"Select Audience",-1)),UA={class:""},$A={key:1,class:"tw-w-full tw-flex tw-flex-col tw-mt-4 tw-items-center"},BA=dt(()=>h("div",{class:"tw-text-base tw-font-medium"},"Create an Audience with MailChimp",-1)),YA={key:1},WA=dt(()=>h("div",{class:"tw-w-full tw-flex tw-flex-col tw-mt-4 tw-items-center"},[h("p",{class:"tw-font-bold tw-text-base"},"We're retreiving your Audiences...")],-1)),HA=[WA],KA={class:"tw-w-full tw-flex tw-mt-10 tw-px-2 tw-border-t tw-border-gray-200 tw-pt-4"},VA={class:"tw-w-4/12 tw-flex tw-justify-start"},GA={class:"tw-w-4/12 tw-flex tw-justify-center"},zA={class:"tw-w-4/12 tw-flex tw-justify-end"},JA={key:4,class:""},XA=dt(()=>h("div",{class:"tw-text-2xl tw-mb-3"},"Let's setup your first campaign with CampaignPress!",-1)),ZA=dt(()=>h("p",{class:"tw-text-base"},"The last few steps were ones that we won't have to repeat in the future, so let's get right into the day-to-day experience to finish setup.",-1)),QA={class:"tw-w-full tw-flex tw-mt-10 tw-px-2 tw-border-t tw-border-gray-200 tw-pt-4"},qA={class:"tw-w-6/12 tw-flex tw-justify-start"},eP={class:"tw-w-6/12 tw-flex tw-justify-end"},tP={key:5,class:""},nP=dt(()=>h("div",{class:"tw-text-2xl tw-mb-3"},"Something happened.",-1)),sP=dt(()=>h("p",{class:"tw-text-base"},"We're not sure how you got lost, but maybe we can start over?",-1)),iP={class:"tw-w-full tw-flex tw-mt-10 tw-px-2 tw-border-t tw-border-gray-200 tw-pt-4"},rP={class:"tw-w-full tw-flex tw-justify-center"},oP={class:"tw-w-4/12 tw-px-7 tw-py-2 tw-relative tw-z-10"};function aP(e,t,n,i,s,o){const r=oe("icon-leave-site"),a=oe("panel-button"),l=oe("list-select"),c=oe("settings-panel-context-help");return S(),k("main",HD,[KD,h("div",VD,[h("div",GD,[s.activeStep=="step_intro_1"?(S(),k("div",zD,[JD,XD,h("div",ZD,[QD,h("div",qD,[h("div",eA,[h("div",{class:"tw-px-8 tw-py-4 tw-border-2 tw-border-gray-700 tw-rounded-xl tw-text-center tw-items-center tw-justify-center tw-text-base tw-cursor-pointer",onClick:t[0]||(t[0]=d=>o.optionSelected("individual"))},[xe("I'm building this website for "),tA])]),h("div",nA,[h("div",{class:"tw-px-8 tw-py-4 tw-border-2 tw-border-gray-700 tw-rounded-xl tw-text-center tw-items-center tw-justify-center tw-text-base tw-cursor-pointer",onClick:t[1]||(t[1]=d=>o.optionSelected("agency"))},[xe("I'm building this website for a "),sA])])])])])):s.activeStep=="step_intro_2"?(S(),k("div",iA,[rA,oA,h("div",aA,[lA,h("div",cA,[h("div",dA,[h("div",{class:"tw-px-8 tw-py-4 tw-border-2 tw-border-gray-700 tw-rounded-xl tw-text-center tw-flex tw-items-center tw-justify-center tw-text-base tw-cursor-pointer",onClick:t[2]||(t[2]=d=>o.optionSelected("free_version"))},[xe("I want to continue using this "),uA])]),h("div",fA,[h("div",{class:"tw-px-8 tw-py-4 tw-border-2 tw-border-gray-700 tw-rounded-xl tw-text-center tw-flex tw-items-center tw-justify-center tw-text-base tw-cursor-pointer",onClick:t[3]||(t[3]=d=>o.exitSetupClicked("purchase_now"))},[xe("Yes, I am interested in the "),hA]),h("div",pA,[h("div",{class:"tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-text-blue-600",onClick:t[4]||(t[4]=d=>o.exitSetupClicked("purchase_now"))},[xe("Purchase now "),K(r)]),Q("",!0),h("div",{class:"tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-gap-2 tw-text-base tw-font-bold tw-text-blue-600",onClick:t[6]||(t[6]=d=>o.exitSetupClicked("compare_versions"))},[xe("Compare versions "),K(r)])])])])]),h("div",mA,[h("div",wA,[h("div",{class:"tw-border tw-border-blue-600 tw-rounded-lg tw-px-4 tw-py-2 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-text-base tw-font-bold tw-text-blue-600",onClick:t[7]||(t[7]=d=>o.stepClicked("step_intro_1"))},"Back")]),gA])])):s.activeStep=="step_enter_mailchimp_api_key"?(S(),k("div",yA,[vA,bA,h("div",xA,[K(a,{onClick:t[8]||(t[8]=d=>o.exitSetupClicked("find_api_key")),color:"green",class:"tw-flex tw-items-center",disabled:s.isAPIKeyValidating},{default:De(()=>[xe("Find API Key")]),_:1},8,["disabled"])]),h("div",SA,[_A,h("div",CA,[h("div",kA,[h("div",TA,[yt(h("input",{type:"text",maxlength:"36",class:F(["tw-w-full tw-text-center tw-bg-gray-100 tw-border-none tw-text-xl focus:tw-border-none focus:tw-drop-shadow-none focus:tw-shadow-none",{"tw-text-gray-400":s.apiKeyValidated,"tw-text-gray-900":!s.apiKeyValidated}]),"onUpdate:modelValue":t[9]||(t[9]=d=>s.apiKeySlot=d),readonly:s.apiKeyValidated||s.isAPIKeyValidating,ref:"apiKeyRefSlot",onKeyup:t[10]||(t[10]=(...d)=>e.apiKeySlotChanged&&e.apiKeySlotChanged(...d))},null,42,EA),[[St,s.apiKeySlot]])])])]),h("div",OA,[h("div",{class:F(["tw-flex tw-h-14 tw-w-full tw-items-center tw-justify-center tw-border tw-rounded-xl tw-px-4",{"tw-border-yellow-400 ":s.isAPIKeyValidating,"tw-border-green-600 ":!s.isAPIKeyValidating&&s.apiKeyValidated}])},[h("div",{class:F(["tw-flex tw-gap-2 tw-items-center tw-text-base tw-justify-center",{"tw-text-yellow-400 ":s.isAPIKeyValidating,"tw-text-green-600 ":!s.isAPIKeyValidating&&s.apiKeyValidated}])},[h("div",null,ae(s.apiKeyStatus),1)],2)],2)])]),h("div",DA,[h("div",AA,[h("div",{class:"tw-border tw-border-blue-600 tw-rounded-lg tw-px-4 tw-py-2 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-text-base tw-font-bold tw-text-blue-600",onClick:t[11]||(t[11]=d=>o.stepClicked("step_intro_2"))},"Back")]),h("div",PA,[s.apiKeyValidated?(S(),k("div",{key:0,class:F(["tw-border tw-rounded-lg tw-px-4 tw-py-2 tw-flex tw-items-center tw-justify-center tw-text-base tw-font-bold tw-border-red-600 tw-text-red-600 tw-cursor-pointer"]),onClick:t[12]||(t[12]=(...d)=>o.removeAPIAccessClicked&&o.removeAPIAccessClicked(...d))},"Remove API Access")):Q("",!0)]),h("div",IA,[h("div",{class:F(["tw-border tw-rounded-lg tw-px-4 tw-py-2 tw-flex tw-items-center tw-justify-center tw-text-base tw-font-bold",{"tw-border-blue-600 tw-text-blue-600 tw-cursor-pointer":s.apiKeyValidated,"tw-border-gray-200 tw-text-gray-200":!s.apiKeyValidated}]),onClick:t[13]||(t[13]=d=>o.stepClicked("step_select_audience"))},"Next",2)])])])):s.activeStep=="step_select_audience"?(S(),k("div",MA,[RA,h("p",FA,ae(o.audienceSelectInstruction),1),s.isGettingAudiences?Q("",!0):(S(),k("div",NA,[s.mailchimpAudiences.length>0?(S(),k("div",LA,[jA,h("div",UA,[K(l,{onListChange:o.audienceChanged,lists:o.audienceSelectItems,value:s.audienceSelected,prompt:"Audiences",label:"Active Audience"},null,8,["onListChange","lists","value"])])])):(S(),k("div",$A,[h("div",{class:"tw-cursor-pointer tw-w-60 tw-h-32 tw-bg-gray-300 tw-m-auto tw-my-6",onClick:t[14]||(t[14]=d=>o.exitSetupClicked("create_audience"))},"\xA0"),BA]))])),s.isGettingAudiences?(S(),k("div",YA,HA)):Q("",!0),h("div",KA,[h("div",VA,[h("div",{class:"tw-border tw-border-blue-600 tw-rounded-lg tw-px-4 tw-py-2 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-text-base tw-font-bold tw-text-blue-600",onClick:t[15]||(t[15]=d=>o.stepClicked("step_enter_mailchimp_api_key"))},"Back")]),h("div",GA,[h("div",{class:F(["tw-border tw-rounded-lg tw-px-4 tw-py-2 tw-flex tw-items-center tw-justify-center tw-text-base tw-font-bold",{"tw-border-blue-600 tw-text-blue-600 tw-cursor-pointer":!s.isGettingAudiences,"tw-border-gray-200 tw-text-gray-200":s.isGettingAudiences}]),onClick:t[16]||(t[16]=(...d)=>o.refreshAudiencesClicked&&o.refreshAudiencesClicked(...d))},"Refresh Audiences",2)]),h("div",zA,[h("div",{class:F(["tw-border tw-rounded-lg tw-px-4 tw-py-2 tw-flex tw-items-center tw-justify-center tw-text-base tw-font-bold",{"tw-border-blue-600 tw-text-blue-600 tw-cursor-pointer":s.audienceSelected,"tw-border-gray-200 tw-text-gray-200":!s.audienceSelected}]),onClick:t[17]||(t[17]=d=>o.stepClicked("step_next_steps"))},"Next",2)])])])):s.activeStep=="step_next_steps"?(S(),k("div",JA,[XA,ZA,h("div",QA,[h("div",qA,[h("div",{class:"tw-border tw-border-blue-600 tw-rounded-lg tw-px-4 tw-py-2 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-text-base tw-font-bold tw-text-blue-600",onClick:t[18]||(t[18]=d=>o.stepClicked("step_select_audience"))},"Back")]),h("div",eP,[h("div",{class:F(["tw-cursor-pointer tw-border tw-border-blue-600 tw-rounded-lg tw-px-4 tw-py-2 tw-flex tw-items-center tw-justify-center tw-text-base tw-font-bold tw-text-blue-600"]),onClick:t[19]||(t[19]=(...d)=>o.closeSetupClicked&&o.closeSetupClicked(...d))},"Finish")])])])):(S(),k("div",tP,[nP,sP,h("div",iP,[h("div",rP,[h("div",{class:"tw-border tw-border-blue-600 tw-rounded-lg tw-px-4 tw-py-2 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-text-base tw-font-bold tw-text-blue-600",onClick:t[20]||(t[20]=d=>o.stepClicked("step_intro_1"))},"Start Over")])])]))]),h("div",oP,[K(c,{tab:"guided_setup_"+s.activeStep},null,8,["tab"])])])])}const lP=Pe(WD,[["render",aP],["__scopeId","data-v-dc11cba1"]]),cP={data(){return{activePage:"general"}},created(){this.activePage=document.getElementById("campaignpress-panels").dataset.page}},dP=Object.assign(cP,{__name:"AppFree",setup(e){return(t,n)=>(S(),k(Oe,null,[t.activePage=="general"?(S(),Qe($O,{key:0})):Q("",!0),t.activePage=="settings"?(S(),Qe(ND,{key:1})):Q("",!0),t.activePage=="guided_setup"?(S(),Qe(lP,{key:2})):Q("",!0)],64))}}),uP={data(){return{save:null,load:null,initialized:!1,loading:!1,audiences:[],audienceSections:[],audienceSelected:null,audienceSectionSelected:null,postId:null,postTitle:"",postExcerpt:"",postKeepInQueue:!1}},components:{"panel-button":Sn,"list-select":Tr},watch:{postTitle(e,t){t!==this.postTitle&&this.save()},postExcerpt(e,t){t!==this.postExcerpt&&this.save()},postKeepInQueue(e,t){t!==this.postKeepInQueue&&this.save()}},methods:{async get(){this.loading=!0;let e=[];this.postId&&e.push(`id=${this.postId}`),this.audienceSelected&&e.push(`audience_id=${this.audienceSelected.id}`),this.audienceSectionSelected&&e.push(`section_id=${this.audienceSectionSelected.id}`),await lt.get(`/wp-json/campaignpress/v1/metabox?${e.join("&")}`).then(t=>{let n=JSON.parse(t.data).data;n.audiences&&(this.audiences=n.audiences),n.sections&&(this.audienceSections=n.sections),n.audience_selected&&(this.audienceSelected=n.audience_selected),n.section_selected&&(this.audienceSectionSelected=n.section_selected),n.audience_selected&&n.section_selected&&(this.initialized=!0),n.post&&(n.post.title&&(this.postTitle=n.post.title),n.post.excerpt&&(this.postExcerpt=n.post.excerpt),n.post.keep_in_queue&&(this.postKeepInQueue=n.post.keep_in_queue)),this.loading=!1}).catch(t=>(console.log(t),!1))},async update(){let e={};this.audienceSelected&&(e.audience_id=this.audienceSelected.id),this.audienceSectionSelected&&(e.section_id=this.audienceSectionSelected.id),this.postId&&(e.id=this.postId),this.postTitle&&(e.title=this.postTitle),this.postExcerpt&&(e.excerpt=this.postExcerpt),this.postKeepInQueue&&(e.keep_in_queue=this.postKeepInQueue),await lt.post("/wp-json/campaignpress/v1/metabox",e).then(t=>{JSON.parse(t.data).data}).catch(t=>(console.log(t),!1))},async remove(){await lt.delete(`/wp-json/campaignpress/v1/metabox?post_id=${this.postId}&audience_id=${this.audienceSelected.id}`).then(e=>{JSON.parse(e.data).data}).catch(e=>(console.log(e),!1))},audienceChanged(e){this.audienceSelected!==e&&(this.audienceSectionSelected=null,this.audienceSelected=e,this.save().then(()=>this.load()))},audienceSectionChanged(e){this.audienceSectionSelected!==e&&(this.audienceSectionSelected=e,this.save().then(()=>this.load()))},resetClicked(){this.remove().then(()=>{this.audienceSectionSelected=null,this.initialized=!1})}},computed:{audienceSelectItems(){return this.audiences?this.audiences.map(e=>({id:e.id,title:e.title})):[]},audienceSectionSelectItems(){return this.audienceSections?this.audienceSections.map(e=>({id:e.id,title:e.title})):[]}},created(){this.postId=document.getElementById("campaignpress-post-id").value,this.load=xt(this.get,500),this.save=xt(this.update,500)},mounted(){this.load()}},fP={class:"tw-border tw-border-none tw-border-b tw-border-gray-500 tw-pb-4"},hP={key:0},pP={key:0,class:"tw-text-[12px]"},mP=h("div",{class:"tw-mb-2"},null,-1),wP=h("div",{class:"tw-mb-2"},null,-1),gP={key:1},yP={key:0,class:"tw-text-[12px]"},vP=h("div",{class:"tw-mb-2"},null,-1),bP={key:2},xP=h("div",{class:"tw-mt-3 tw-mb-3 tw-border-b tw-border-gray-200"},null,-1),SP=h("div",{class:"tw-text-[12px] tw-mt-2 tw-mb-2 tw-font-semibold"},"Customize post text",-1),_P=h("div",{class:"tw-mb-3"},null,-1),CP=h("div",{class:"tw-mt-3 tw-mb-3 tw-border-b tw-border-gray-200"},null,-1),kP={class:""},TP=h("span",{class:""},"Keep post for all sends",-1),EP=h("div",{class:"tw-text-[10px] tw-mt-2"},"Content in your email is reset after each campaign is sent. Enable this to prevent this post from being reset for future campaign sends.",-1),OP={key:3,class:"tw-flex tw-flex-col"},DP=h("div",{class:"tw-mt-6 tw-mb-3 tw-border-t tw-border-gray-200"},null,-1),AP={key:1,class:"tw-flex tw-flex-col"},PP=h("div",{class:"tw-text-[12px] tw-mb-3"},"Include this post in your next campaign send?",-1),IP=h("div",{class:"tw-mt-3 tw-mb-3 tw-border-t tw-border-gray-200"},null,-1);function MP(e,t,n,i,s,o){const r=oe("list-select"),a=oe("panel-button");return S(),k("div",fP,[s.initialized?(S(),k("div",hP,[s.audienceSelected?Q("",!0):(S(),k("div",pP,"Include this post in your next campaign send. First, choose the Audience you would like to send to.")),mP,K(r,{value:s.audienceSelected,onListChange:o.audienceChanged,disabled:!0,lists:s.audiences,prompt:"Audiences",label:"Selected Audience"},null,8,["value","onListChange","lists"]),wP,s.audienceSelected?(S(),k("div",gP,[s.audienceSectionSelected?Q("",!0):(S(),k("div",yP,"Now choose which Section that this post will appear in.")),vP,K(r,{value:s.audienceSectionSelected,onListChange:o.audienceSectionChanged,lists:s.audienceSections,disabled:!s.audienceSelected,prompt:"Sections",label:"Selected Section"},null,8,["value","onListChange","lists","disabled"])])):Q("",!0),s.audienceSectionSelected?(S(),k("div",bP,[xP,SP,yt(h("input",{type:"text","onUpdate:modelValue":t[0]||(t[0]=l=>s.postTitle=l),class:"tw-w-full tw-border-gray-400 tw-rounded-md",placeholder:"Post title"},null,512),[[St,s.postTitle]]),_P,yt(h("textarea",{"onUpdate:modelValue":t[1]||(t[1]=l=>s.postExcerpt=l),class:"tw-w-full tw-p-2 tw-h-[200px] tw-border tw-border-gray-400 tw-rounded-md",placeholder:"Post excerpt"},null,512),[[St,s.postExcerpt]]),CP,h("label",kP,[yt(h("input",{type:"checkbox","onUpdate:modelValue":t[2]||(t[2]=l=>s.postKeepInQueue=l),onChange:t[3]||(t[3]=()=>s.save())},null,544),[[vr,s.postKeepInQueue]]),xe(),TP]),EP])):Q("",!0),s.audienceSelected?(S(),k("div",OP,[DP,K(a,{onClick:o.resetClicked,color:"ruby",class:"tw-w-auto",disabled:s.loading},{default:De(()=>[xe("Remove")]),_:1},8,["onClick","disabled"])])):Q("",!0)])):(S(),k("div",AP,[PP,K(a,{onClick:t[4]||(t[4]=()=>{s.initialized=!0,s.save()}),color:"green",class:"tw-w-auto",disabled:s.loading},{default:De(()=>[xe("Include")]),_:1},8,["disabled"]),IP]))])}const RP=Pe(uP,[["render",MP]]),cp=Xl(dP);cp.use(Ef());cp.mount("#campaignpress-panels");const dp=Xl(RP);dp.use(Ef());dp.mount("#campaignpress-metabox")});export default FP();
  • campaignpress/trunk/orchestrated-campaignpress.php

    r2874515 r2874525  
    22/**
    33 * Plugin Name: CampaignPress
    4  * Description: Easily add WordPress content to your next newsletter
     4 * Description: Easily add WordPress content to your next Mailchimp email campaign!
    55 * Author: Orchestrated
    66 * Author URI: http://www.orchestrated.ca
    7  * Version: 1.0.5
     7 * Version: 1.0.6
    88 * Requires at least: 4.0
    99 * Tested up to: 4.0
     
    178178            $audienceSettings = $this->audience_settings($audienceActive['id']);
    179179            //
    180             $settingsPage .= "<pre>" . json_encode($pluginSettings, JSON_PRETTY_PRINT) . "</pre>";
    181             $settingsPage .= "<pre>" . json_encode($audienceSettings, JSON_PRETTY_PRINT) . "</pre>";
     180            $settingsPage .= "<div class=\"tw-bg-white tw-w-8/12 tw-p-4 tw-rounded-lg tw-relative tw-z-10 tw-shadow-md tw-border tw-border-t-0 tw-border-gray-300 tw-whitespace-pre-wrap\">";
     181            $settingsPage .= "<div class=\"tw-text-base tw-font-bold\">Plugin Settings</div>". json_encode($pluginSettings, JSON_PRETTY_PRINT) . "</div>";
     182
     183            $settingsPage .= "<div class=\"tw-mt-4 tw-bg-white tw-w-8/12 tw-p-4 tw-rounded-lg tw-relative tw-z-10 tw-shadow-md tw-border tw-border-t-0 tw-border-gray-300 tw-whitespace-pre-wrap\">";
     184            $settingsPage .= "<div class=\"tw-text-base tw-font-bold\">Active Audience Settings</div>". json_encode($audienceSettings, JSON_PRETTY_PRINT) . "</div>";
    182185            //
    183186        }
     
    822825    ---
    823826    Used to update plugin settings for CampaignPress
    824     TODO: Remove mc template when switching audiences
    825827    */
    826828
     
    850852        //  Active audience changed, and this is the free version of the plugin, so we clear the other audience settings
    851853        if($activeAudience !== $existingSettings['mailchimp_active_audience']) {
     854           
     855            //  Get audience settings
    852856            $audienceSettings = $this->audience_settings($activeAudience['id']);
    853857
    854             $this->mc_campaign_remove($audienceSettings['campaign']['mc_id']);
    855 
    856             //  TODO: store mc template id in audience settings, then use it here to remove the tempalte
    857             //  $this->mc_template_remove($audienceSettings['campaign']['email_template']['mc_id']);
    858 
    859             $this->audience_settings_update($activeAudience['id'], $audienceSettings);
    860         }
    861        
    862         $response['data'] = $existingSettings;
     858            //  Remove campaign associated with audience
     859            $mcCampaignRemoved = $this->mc_campaign_remove($audienceSettings['campaign']['mc_id']);
     860
     861            //  Remove template associated with campaign
     862            $mcTemplateRemoved = $this->mc_template_remove($audienceSettings['campaign']['email_template']['mc_id']);
     863
     864            //  VERSION_DIVERGENT
     865            //  Verify that campaign was removed and update audience to wipe it out
     866            //  Premium does not wipe out the old audience
     867            if($mcCampaignRemoved)
     868                $audienceSettings = $this->make_audience_settings();
     869
     870            $audienceSettings = $this->audience_settings_update($activeAudience['id'], $audienceSettings);
     871        }
     872       
     873        $response['data'] = $audienceSettings;
    863874        $response['message']['settings'] = "Plugin settings have been updated";
    864875       
     
    951962            //  Or, did the frequency change?
    952963            if($isAudienceStateChanged || $isFrequencyChanged) {
    953                 $didScheduleUpdate = $this->mc_campaign_schedule($campaignId, $audienceSettings, $audienceId);
     964                $didScheduleUpdate = $this->mc_campaign_schedule($campaignId, $audienceId);
    954965
    955966                $response['data']['campaign_scheduled'] = $didScheduleUpdate;
     
    11271138                //  Remove template
    11281139                if($campaign['settings']['template_id'])
    1129                 $this->mc_template_remove($campaign['settings']['template_id']);
     1140                    $this->mc_template_remove($campaign['settings']['template_id']);
    11301141
    11311142                //  Remove campaign
     
    16391650    private function mc_campaign_create($audienceId, $subjectLine, $isTest = false) {
    16401651        if($this->mailchimp_api) {
     1652
    16411653            //  Return the campaign if it was already created
    16421654            $foundCampaign = $this->mc_campaign_find($audienceId);
    1643 
    16441655            if($foundCampaign) return $foundCampaign;
    16451656
     
    16511662            $createdCampaign = $this->mailchimp_api->post('campaigns', ['type' => 'regular', 'settings' => ['subject_line' => $subjectLine, 'title' => $title, 'from_name' => $fromName, 'reply_to' => $fromEmail], 'recipients' => ['list_id' => $audienceId]]);
    16521663
     1664            //  Set mc campaign id to audience settings
     1665            $audienceSettings = $this->audience_settings($audienceId);
     1666            $audienceSettings['campaign']['mc_id'] = $createdCampaign['id'];
     1667            $this->audience_settings_update($audienceId, $audienceSettings);
     1668
    16531669            if($this->mailchimp_api->success()) {
    16541670                return $createdCampaign;
     
    16771693
    16781694            $updatedCampaign = $this->mailchimp_api->patch("campaigns/${mcCampaignId}", ['type' => 'regular', 'settings' => ['subject_line' => $subjectLine, 'title' => $title, 'from_name' => $fromName, 'reply_to' => $fromEmail], 'recipients' => ['list_id' => $audienceId]]);
     1695
     1696            if($updatedCampaign) {
     1697                //  Set mc campaign id to audience settings
     1698                $audienceSettings = $this->audience_settings($audienceId);
     1699                $audienceSettings['campaign']['mc_id'] = $updatedCampaign['id'];
     1700                $this->audience_settings_update($audienceId, $audienceSettings);
     1701            }
    16791702
    16801703            if($this->mailchimp_api->success()) {
     
    17551778            $mcCampaignUpdated = $this->mc_campaign_update($mcCampaignExisting['id'], $audienceId, $subjectLine);
    17561779
    1757             //  Get the audience settings
    1758             $audienceSettings = $this->audience_settings($audienceId);
    1759 
    17601780            //  Get the template info from audience settings
    17611781            $mcTemplateId = $audienceSettings['campaign']['email_template']['mc_id'];
    17621782            $mcTemplateName = $audienceSettings['campaign']['email_template']['mc_name'];
    17631783
    1764             if($$mcTemplateId && $mcTemplateName)
     1784            if($mcTemplateId && $mcTemplateName)
    17651785                //  Update the template HTML
    17661786                $mcTemplateUpdated = $this->mc_template_update($mcTemplateId, $mcTemplateName, $emailHtml);
    17671787
    17681788            //  Schedule the campaign we just updated
    1769             $mcScheduleCampaign = $this->mc_campaign_schedule($mcCampaignExisting['id'], $audienceSettings, $audienceId);
     1789            $mcScheduleCampaign = $this->mc_campaign_schedule($mcCampaignExisting['id'], $audienceId);
    17701790
    17711791            if($this->mailchimp_api->success())
    17721792                return $mcCampaignUpdated;
     1793            else
     1794                $this->toast_add_message('campaign_schedule_issue', "Can't update campaign for ${audienceId}", true, "warning");
    17731795
    17741796        } else {
     
    17761798            $mcCampaignCreated = $this->mc_campaign_create($audienceId, $subjectLine);
    17771799
    1778             //  Update audience settings to include the Mailchimp campaign id so we aren't creating it again
    1779             $audienceSettings['campaign']['mc_id'] = $mcCampaignCreated['id'];
    1780             $isAudienceSettingsUpdated = update_option($this->_token . '_audience_' . $audienceId . '_settings', $audienceSettings);
    1781 
    17821800            //  Set template
    17831801            $mcTemplateCreated = $this->mc_template_create("CampaignPress-${audienceId}", $emailHtml);
     
    17851803
    17861804            //  Schedule the campaign we just created
    1787             $mcScheduleCampaign = $this->mc_campaign_schedule($mcCampaignCreated['id'], $audienceSettings, $audienceId);
     1805            $mcScheduleCampaign = $this->mc_campaign_schedule($mcCampaignCreated['id'], $audienceId);
    17881806
    17891807            if($this->mailchimp_api->success())
    17901808                return $mcCampaignCreated;
     1809            else
     1810                $this->toast_add_message('campaign_schedule_issue', "Can't create campaign for ${audienceId}", true, "warning");
    17911811        }
    17921812
     
    18071827            $campaigns = $this->mailchimp_api->get('campaigns');
    18081828            $campaigns = $campaigns['campaigns'];
     1829
     1830            //  Find campaigns that match a title
    18091831            return array_filter($campaigns, function($campaign) {
     1832
    18101833                $campaignTitle = $campaign['settings']['title'];
     1834
    18111835                if(strpos($campaignTitle, "CampaignPress-") >= 0)
    1812                 return true;
     1836                    return true;
    18131837            });
    18141838        }
     1839
    18151840        return false;
    18161841    }
     
    18301855        $mcTemplateName = $mcTemplate['name'];
    18311856
    1832         if($preview) {
     1857        if(!$preview) {
    18331858            $audienceSettings = $this->audience_settings($audienceId);
    18341859            $audienceSettings['campaign']['email_template']['mc_id'] = $mcTemplateId;
     
    18491874    */
    18501875
    1851     private function mc_campaign_schedule($mcCampaignId, $audienceSettings, $audienceId) {
     1876    private function mc_campaign_schedule($mcCampaignId, $audienceId) {
    18521877        if($this->mailchimp_api) {
     1878            $audienceSettings = $this->audience_settings($audienceId);
    18531879            $campaignState = intval($audienceSettings['state']);
    18541880            $frequency = $audienceSettings['campaign']['email_frequency'];
     
    18821908
    18831909                            //  Try to schedule again
    1884                             return $this->mc_campaign_schedule($mcCampaignId, $audienceSettings, $audienceId);
     1910                            return $this->mc_campaign_schedule($mcCampaignId, $audienceId);
    18851911                        }
    18861912
     
    18901916
    18911917                    } else {
    1892 
    18931918                        //  Update to show email is schedule for the specified time
     1919                        $audienceSettings['campaign']['mc_id'] = $mcCampaignId;
    18941920                        $audienceSettings['campaign']['email_scheduled'] = $scheduleTime;
    18951921                        update_option($this->_token . '_audience_' . $audienceId . '_settings', $audienceSettings);
     
    19211947            $audienceSettings = $this->audience_settings($audienceId);
    19221948            $audienceSettings['campaign']['email_scheduled'] = null;
    1923             update_option($this->_token . '_audience_' . $audienceId . '_settings', $audienceSettings);
     1949            $this->audience_settings_update($audienceId, $audienceSettings);
    19241950
    19251951            $wasUnscheduled = $this->mailchimp_api->post("campaigns/{$mcCampaignId}/actions/unschedule", []);
     
    19681994                $items = $section['items'];
    19691995                $itemsToKeep = array_filter($items, function($item) {
    1970                 //  Only keep items marked
    1971                 return $item['keep_in_queue'] == TRUE;
     1996                    //  Only keep items marked
     1997                    return $item['keep_in_queue'] == TRUE;
    19721998                });
    19731999                $section['items'] = $itemsToKeep;
     
    19782004
    19792005            //  Update settings for audience
    1980             update_option($this->_token . '_audience_' . $audienceId . '_settings', $audienceSettings);
     2006            $this->$audience_settings_update($audienceId, $audienceSettings);
    19812007
    19822008            //  Report to user that a new campaign has been scheduled for audience
     
    20642090            return $this->mailchimp_api->delete("templates/{$mcTemplateId}");
    20652091        }
    2066 
    20672092
    20682093        return false;
  • campaignpress/trunk/readme.txt

    r2874515 r2874525  
    44Requires at least: 5.0
    55Tested up to: 6.1
    6 Stable tag: 1.0.5
     6Stable tag: 1.0.6
    77License: GPLv2 or later
    88License URI: http://www.gnu.org/licenses/gpl-2.0.html
     
    5252* 2023-03-03
    5353* Bug fixes for timezone issues
     54
     55= 1.0.6 =
     56* 2023-03-03
     57* Improvements to UI
Note: See TracChangeset for help on using the changeset viewer.