https://www.twibbonize.com/assets/CampaignTypeModal-53c9b13f.js

1import{u as e,c as a,r as t,w as l,o,a as s,b as i,d,e as n,f as c,g as r,h as p,i as m,t as u,F as v,j as _,n as y,k as b,l as g,T as k,m as w}from"./index-3466a5b7.js";import{Q as f}from"./QButton-651d0066.js";import{u as $}from"./useCampaignTypeModal-be753789.js";const h={class:"type-modal__panel"},B={class:"type-modal__header"},C=["aria-label"],E={class:"type-modal__body"},I={class:"type-modal__title"},P={class:"type-modal__preview type-modal__preview--mobile"},j=["src"],G=["src"],L={class:"type-modal__content"},x={class:"type-modal__list",role:"radiogroup"},M=["aria-checked","data-testid","onClick"],T={key:0,class:"type-modal__badge"},F={class:"type-modal__icon"},N=["src"],Q=["src"],J={class:"type-modal__item-copy"},K={class:"type-modal__item-title"},O={class:"type-modal__item-desc"},W={class:"type-modal__formats"},q={class:"type-modal__preview type-modal__preview--desktop"},z=["src"],A=["src"],D={class:"type-modal__footer"},H="/assets/img/video-twibbon/type-icons",R="/assets/videos/video-twibbon/previews",S={__name:"CampaignTypeModal",setup(S){var U;const{t:V}=e(),{isOpen:X,close:Y}=$(),Z=a(()=>[{value:"video",testId:"option-video",iconBase:"video-twb-icon",previewBase:"video-preview",title:V("page_create_campaign.modal.video_twibbon"),description:V("page_create_campaign.modal.video_twibbon_desc"),formats:["MP4","GIF"],badge:V("page_create_campaign.modal.no_watermark")},{value:"frame",testId:"option-frame",iconBase:"frame-twb-icon",previewBase:"frame-preview",title:V("page_create_campaign.modal.frame_twibbon"),description:V("page_create_campaign.modal.frame_twibbon_desc"),formats:["PNG"]},{value:"background",testId:"option-background",iconBase:"bg-twb-icon",previewBase:"background-preview",title:V("page_create_campaign.modal.background_twibbon"),description:V("page_create_campaign.modal.background_twibbon_desc"),formats:["PNG","JPEG","WEBP"]}]),ee=t((null==(U=Z.value[0])?void 0:U.value)??"frame"),ae=a(()=>{var e;return(null==(e=Z.value.find(e=>e.value===ee.value))?void 0:e.previewBase)??"frame-preview"}),te=()=>{const e=ee.value;e&&(Y(),window.location.href=`/create/${e}`)},le=e=>{"Escape"===e.key&&Y()};return l(X,e=>{var a;e?(ee.value=(null==(a=Z.value[0])?void 0:a.value)??"frame",document.addEventListener("keydown",le),document.body.style.overflow="hidden"):(document.removeEventListener("keydown",le),document.body.style.overflow="")}),o(()=>{document.removeEventListener("keydown",le),document.body.style.overflow=""}),(e,a)=>(s(),i(w,{to:"body"},[d(k,{name:"type-modal"},{default:n(()=>[c(X)?(s(),r("div",{key:0,class:"type-modal","data-testid":"modal-create-campaign",role:"dialog","aria-modal":"true",onClick:a[1]||(a[1]=p((...e)=>c(Y)&&c(Y)(...e),["self"]))},[m("div",h,[m("div",B,[m("button",{type:"button",class:"type-modal__close","data-testid":"btn-close-modal-create-campaign","aria-label":e.$t("general.button.cancel"),onClick:a[0]||(a[0]=(...e)=>c(Y)&&c(Y)(...e))},[...a[2]||(a[2]=[m("i",{class:"ri-close-line ri-xl font-normal"},null,-1)])],8,C)]),m("div",E,[m("h2",I,u(e.$t("page_create_campaign.modal.what_do_you_want_to_create")),1),m("div",P,[(s(),r("video",{key:`${ae.value}-m`,src:`${R}/${ae.value}-light.webm`,autoplay:"",muted:"",loop:"",playsinline:"",class:"dark:hidden"},null,8,j)),(s(),r("video",{key:`${ae.value}-md`,src:`${R}/${ae.value}-dark.webm`,autoplay:"",muted:"",loop:"",playsinline:"",class:"hidden dark:block"},null,8,G))]),m("div",L,[m("div",x,[(s(!0),r(v,null,_(Z.value,e=>(s(),r("button",{key:e.value,type:"button",role:"radio","aria-checked":ee.value===e.value,"data-testid":e.testId,class:y(["type-modal__item",ee.value===e.value&&"type-modal__item--active"]),onClick:a=>ee.value=e.value},[e.badge?(s(),r("span",T,u(e.badge),1)):b("",!0),m("span",F,[m("img",{src:`${H}/${e.iconBase}-light${ee.value===e.value?"":"_inactive"}.png`,alt:"","aria-hidden":"true",class:"dark:hidden"},null,8,N),m("img",{src:`${H}/${e.iconBase}-dark${ee.value===e.value?"":"_inactive"}.png`,alt:"","aria-hidden":"true",class:"hidden dark:block"},null,8,Q)]),m("span",J,[m("span",K,u(e.title),1),m("span",O,u(e.description),1),m("span",W,[(s(!0),r(v,null,_(e.formats,e=>(s(),r("span",{key:e,class:"type-modal__format"},u(e),1))),128))])])],10,M))),128))]),m("div",q,[(s(),r("video",{key:ae.value,src:`${R}/${ae.value}-light.webm`,autoplay:"",muted:"",loop:"",playsinline:"",class:"dark:hidden"},null,8,z)),(s(),r("video",{key:`${ae.value}-d`,src:`${R}/${ae.value}-dark.webm`,autoplay:"",muted:"",loop:"",playsinline:"",class:"hidden dark:block"},null,8,A))])])]),m("div",D,[d(f,{"data-testid":"btn-cancel-create-campaign",variant:"secondary",onClick:c(Y)},{default:n(()=>[g(u(e.$t("general.button.cancel")),1)]),_:1},8,["onClick"]),d(f,{"data-testid":"btn-start-create-campaign",onClick:te},{default:n(()=>[g(u(e.$t("general.button.get_started")),1)]),_:1})])])])):b("",!0)]),_:1})]))}};export{S as default};