import{m as C,h as u,o as a,b8 as Z,d as I,f as L,i as e,a7 as z,k as l,be as R,b as F,r as T,J as N,ak as K,bO as E,ad as q,C as $,D as w,L as V,t as h,j as b,V as j,X as U,B as W,bP as ee,ah as S,E as P,q as O,bQ as te,T as ne,_ as se,bR as oe,l as B,ao as ae,bS as le,W as ie}from"./D3yeoG_9.js";import{_ as H}from"./B4zHwJAZ.js";import{_ as re}from"./B9X9h4qd.js";const ce={},pe={xmlns:"http://www.w3.org/2000/svg",width:"848",height:"446",viewBox:"0 0 848 446",class:"inspector__logo"};function ue(g,n){return a(),u("svg",pe,[...n[0]||(n[0]=[Z('',1)])])}const _e=Object.assign(C(ce,[["render",ue],["__scopeId","data-v-5dccb25d"]]),{__name:"InspectorLogo"}),de={class:"inspector__nav"},me=I({__name:"InspectorNavbar",props:{modelValue:{}},emits:["update:modelValue"],setup(g,{emit:n}){const i=g,o=n,s=L({get:()=>i.modelValue,set:v=>o("update:modelValue",v)});function t(){const v=R("inspector-enabled",{default:()=>!1});v.value=!1}return(v,_)=>(a(),u("nav",de,[e("div",null,[e("button",{class:z([{"inspector__nav-item--active":l(s)==="optimizely"},"inspector__nav-item"]),onClick:_[0]||(_[0]=m=>s.value="optimizely")}," Optimizely ",2),e("button",{class:z([{"inspector__nav-item--active":l(s)==="form"},"inspector__nav-item"]),onClick:_[1]||(_[1]=m=>s.value="form")}," Form ",2),e("button",{class:z([{"inspector__nav-item--active":l(s)==="config"},"inspector__nav-item"]),onClick:_[2]||(_[2]=m=>s.value="config")}," Config ",2)]),e("button",{class:"inspector__nav-item",onClick:t},"Close")]))}}),ve=Object.assign(C(me,[["__scopeId","data-v-34a14fcf"]]),{__name:"InspectorNavbar"}),ye={},fe={class:"inspector-optimizely-disabled"};function be(g,n){return a(),u("div",fe,"Optimizely is disabled")}const ge=Object.assign(C(ye,[["render",be],["__scopeId","data-v-05d16681"]]),{__name:"InspectorOptimizelyDisabled"});async function J(){const{$optimizely:g}=F(),n=await g?.getOptimizelyConfig()?.getDatafile(),i=n?JSON.parse(n):null,o=T([]);i||o.value.push("Error parsing datafile");const s=i?.experiments??[],t=i?.featureFlags??[];return{experiments:s,featureFlags:t,datafileErrors:o}}const he={class:"inspector-optimizely-active"},ke={class:"inspector-optimizely-active__table"},xe={colspan:"2"},Ce={class:"button-group"},we=["value","onChange"],ze={class:"button-group__label-holder"},Ie={class:"button-group__label","aria-hidden":"true"},$e={class:"button-group__label"},Oe=["href","onMouseenter","onMouseleave"],Le={class:"button-group"},Te=["name","value","checked","onChange"],Ve={class:"button-group__label-holder"},Me={class:"button-group__label","aria-hidden":"true"},Se={class:"button-group__label"},je={class:"footer"},De={key:0,class:"messages"},Pe={class:"actions"},Ae=I({__name:"InspectorOptimizelyActive",async setup(g){let n,i;const o=T(new Map),{experiments:s,datafileErrors:t}=([n,i]=N(()=>J()),n=await n,i(),n),v=K("optimizely"),_=T({}),m=L(()=>v.value?s.filter(r=>v.value[r.key]!==void 0).map(r=>({key:r.key,variations:r.variations,currentVariation:v.value[r.key]?.variation||"",isDisabled:v.value[r.key].variation===null})):[]),y=L(()=>[...new Set(m.value?.flatMap(({variations:r})=>r.map(({key:c})=>c)))]),x=L(()=>new Map(m.value?.map(({key:r,variations:c})=>[r,new Set(c.map(({key:f})=>f))])??[])),M=L(()=>{const r=E();for(const[c,f]of Object.entries(_.value))r.searchParams.set(`optimizely_force_variation[${c}]`,f);return r});q(m,r=>{for(const{key:c,currentVariation:f}of r??[])Object.keys(_.value).includes(c)||D(c,f)},{immediate:!0});function k(r){for(const c of Object.keys(_.value))x.value.get(c)?.has(r)?D(c,r):D(c,"control")}function D(r,c){_.value[r]=c}async function X(){const r={...U().query};for(const[c,f]of Object.entries(_.value))r[`optimizely_force_variation[${c}]`]=f;await W().push({query:r}),window.location.reload()}async function Q(){const r=crypto.randomUUID();try{await navigator.clipboard.writeText(M.value.href),o.value.set(r,{type:"success",message:"Successfully put link with this setup on clipboard"})}catch(c){o.value.set(r,{type:"error",message:`Something went wrong when putting link on clipboard: ${c}`})}finally{ee(()=>o.value.delete(r),3e3)}}function Y(r){document.querySelectorAll(`[data-dpg-devtools-optimizely-feature-key="${r}"]`).forEach(f=>{const d=f.getBoundingClientRect(),p=document.createElement("div");p.style.position="absolute",p.style.top=`${window.scrollY+d.top}px`,p.style.left=`${window.scrollX+d.left}px`,p.style.width=`${d.width}px`,p.style.height=`${d.height}px`,p.style.outline="2px solid var(--link-text-color)",p.style.opacity="0.25",p.style.borderRadius="8px",p.style.backgroundColor="var(--link-text-color)",p.style.outlineOffset="2px",p.style.pointerEvents="none",p.style.zIndex="10000",p.setAttribute("data-highlight-overlay",r),document.body.appendChild(p)})}function G(r){document.querySelectorAll(`[data-highlight-overlay="${r}"]`).forEach(f=>f.remove())}return(r,c)=>{const f=j;return a(),u("div",he,[e("div",ke,[e("table",null,[c[1]||(c[1]=e("thead",null,[e("tr",null,[e("th",{width:"99%"},"Test Key"),e("th",null,"Current Variation")])],-1)),e("tbody",null,[(a(!0),u(w,null,V(l(t),(d,p)=>(a(),u("tr",{key:p},[e("td",xe,h(d),1)]))),128)),l(t).length===0?(a(),u(w,{key:0},[e("tr",null,[c[0]||(c[0]=e("td",null,"Bulk change all tests:",-1)),e("td",null,[e("div",Ce,[(a(!0),u(w,null,V(l(y),d=>(a(),u("label",{key:d,class:"button-group__element"},[e("input",{type:"radio",name:"modify-all",value:d,class:"button-group__input",onChange:p=>k(d)},null,40,we),e("span",ze,[e("strong",Ie,h(d),1),e("span",$e,h(d),1)])]))),128))])])]),(a(!0),u(w,null,V(l(m),d=>(a(),u("tr",{key:d.key},[e("td",{class:z({"is-disabled":d.isDisabled}),width:"99%"},[e("a",{class:"test-link",target:"_blank",href:`https://app.optimizely.com/v2/projects/15080820342/flags/manage/${d.key?.replace("_test","")}/`,onMouseenter:p=>Y(d.key),onMouseleave:p=>G(d.key)},[e("span",null,h(d.key),1),b(f,{icon:"external-link"})],40,Oe)],2),e("td",null,[e("div",Le,[(a(!0),u(w,null,V(d.variations,p=>(a(),u("label",{key:d.key+p.key,class:"button-group__element"},[e("input",{type:"radio",name:d.key,value:p.key,class:"button-group__input",checked:l(_)[d.key]===p.key,onChange:A=>D(d.key,A.target?.value)},null,40,Te),e("span",Ve,[e("strong",Me,h(p.key),1),e("span",Se,h(p.key),1)])]))),128))])])]))),128))],64)):$("",!0)])])]),e("div",je,[l(o).size>0?(a(),u("div",De,[(a(!0),u(w,null,V(l(o),([d,{message:p,type:A}])=>(a(),u("div",{key:d,class:z(["message",[`message--${A}`]])},h(p),3))),128))])):$("",!0),e("div",Pe,[e("button",{class:"action",onClick:X},[b(f,{icon:"refresh-cw"}),c[2]||(c[2]=e("span",null,"Reload page with this setup",-1))]),e("button",{class:"action",onClick:Q},[b(f,{icon:"clipboard"})])])])])}}}),Ee=Object.assign(C(Ae,[["__scopeId","data-v-80baca36"]]),{__name:"InspectorOptimizelyActive"}),Re=["href"],Be=I({__name:"InspectorOptimizelyAll",async setup(g){let n,i;const o=T(""),{experiments:s,featureFlags:t}=([n,i]=N(()=>J()),n=await n,i(),n),v=s.map(m=>{const y=t.find(x=>x.experimentIds.includes(m.id));return{experimentKey:m.key,featureKey:y?.key,experimentDetails:m}}),_=L(()=>v.filter(m=>m.experimentKey.toLowerCase().includes(o.value.toLowerCase())||m.featureKey?.toLowerCase().includes(o.value.toLowerCase())));return(m,y)=>{const x=H,M=j;return a(),u("div",null,[b(x,{id:"search",modelValue:l(o),"onUpdate:modelValue":y[0]||(y[0]=k=>S(o)?o.value=k:null),type:"text",placeholder:"Search..."},null,8,["modelValue"]),e("table",null,[y[4]||(y[4]=e("thead",null,[e("tr",null,[e("th",null,"Key"),e("th",null,"Status")])],-1)),e("tbody",null,[(a(!0),u(w,null,V(l(_),k=>(a(),u("tr",{key:k.experimentKey},[e("td",null,[y[1]||(y[1]=e("b",null,"Experiment key: ",-1)),e("code",null,h(k.experimentKey),1),y[2]||(y[2]=e("br",null,null,-1)),y[3]||(y[3]=e("b",null,"Feature Key: ",-1)),e("code",null,h(k.featureKey),1)]),e("td",null,[e("a",{target:"_blank",href:`https://app.optimizely.com/v2/projects/15080820342/flags/manage/${k.experimentKey?.replace("_test","")}/`},[P(h(k.experimentDetails.status)+" ",1),b(M,{icon:"external-link"})],8,Re)])]))),128))])])])}}}),Fe=Object.assign(C(Be,[["__scopeId","data-v-1c4f4f2f"]]),{__name:"InspectorOptimizelyAll"}),Ne={class:"inspector-optimizely"},Ke={class:"inspector-optimizely__subnav"},qe=I({__name:"InspectorOptimizely",setup(g){const n=T("active"),i=L(()=>E().searchParams.has("disable_optimizely","true"));async function o(){const s=E();if(i.value)s.searchParams.delete("disable_optimizely","true");else{for(const[t,v]of[...s.searchParams.entries()])t.startsWith("optimizely_force_variation")&&s.searchParams.delete(t,v);s.searchParams.set("disable_optimizely","true")}await W().push({query:{...Object.fromEntries([...s.searchParams.entries()])}}),window.location.reload()}return(s,t)=>{const v=j,_=ge;return a(),u("div",Ne,[e("nav",Ke,[e("button",{class:z([{"inspector-optimizely__subnav-item--active":l(n)==="active"},"inspector-optimizely__subnav-item"]),onClick:t[0]||(t[0]=m=>n.value="active")}," Active Experiments ",2),e("button",{class:z([{"inspector-optimizely__subnav-item--active":l(n)==="all"},"inspector-optimizely__subnav-item"]),onClick:t[1]||(t[1]=m=>n.value="all")}," All Experiments ",2),e("button",{class:z([{"inspector-optimizely__subnav-item--green":l(i),"inspector-optimizely__subnav-item--red":!l(i)},"inspector-optimizely__subnav-item"]),onClick:o},[b(v,{icon:"power"}),P(" "+h(l(i)?"Enable":"Disable")+" Optimizely ",1)],2)]),l(i)?(a(),O(_,{key:0})):l(n)==="active"?(a(),O(Ee,{key:1})):l(n)==="all"?(a(),O(Fe,{key:2})):$("",!0)])}}}),Ue=Object.assign(C(qe,[["__scopeId","data-v-9e0a30e1"]]),{__name:"InspectorOptimizely"}),We={class:"tapp-inspector-form"},He=I({__name:"InspectorForm",setup(g){return(n,i)=>(a(),u("div",We,[e("button",{onClick:i[0]||(i[0]=o=>l(te)())},"Fill form data")]))}}),Je=Object.assign(C(He,[["__scopeId","data-v-4e131250"]]),{__name:"InspectorForm"}),Xe={class:"inspector-page-settings"},Qe={class:"tapp-inspector__row"},Ye={class:"tapp-inspector__row"},Ge={class:"actions"},Ze=I({__name:"InspectorPageSettings",setup(g){const n=T(""),i=K("activeMid",()=>"");ne(()=>{const s=new URLSearchParams(window.location.search);n.value=s.get("otag")||"",i.value=s.get("mid")||i.value});function o(){const s=new URL(window.location.href);n.value?s.searchParams.set("otag",n.value):s.searchParams.delete("otag"),i.value?s.searchParams.set("mid",i.value):s.searchParams.delete("mid"),window.location.href=s.toString()}return(s,t)=>{const v=re,_=H,m=j,y=se;return a(),u("div",Xe,[e("label",Qe,[t[3]||(t[3]=e("span",{class:"tapp-inspector__label"}," otag: ",-1)),b(v,{id:"otag-input",modelValue:l(n),"onUpdate:modelValue":t[0]||(t[0]=x=>S(n)?n.value=x:null),options:["t2ejen","jmh6mb","he5rup","hub3um","af1lpr","v1zxde","dspamk","by3r7b","sta8er","pkc7kx","affoje","phq8e4","mpc2r6","gt4ybh","vace5e","gat2uc","v5vsf2","af1lpr","fndtj3","za1ive","v1zxde","sta8er","pkc7kx","nRd1Oq","q4ilpu","gyfl2m","7gvnwy","7abest","fmem8e","dnvlre","sp2kub","1aa1ad","kccivp","7wft5n","pkkhiq","eznpwu","sta8er","idtsfu","sa3ebe","4y45kg","mr4usa","c7stuj","ypw2fm","re4eth","dr6fes","mat8ed","3uraxe","xfmgg4","or7scl","u73xpb","phadr3","6ok8hz","abbppp","s1b2so","s1b2sc","lio2xi","rM77nz","zepha5","frec6u","k2dred","p52s0o","emgn36","zymo9v","vdmbef","wa4d2y","flmsiv"],placeholder:"Enter OTag"},null,8,["modelValue"])]),e("label",Ye,[t[4]||(t[4]=e("span",{class:"tapp-inspector__label"}," MID: ",-1)),b(_,{id:"mid-input",modelValue:l(i),"onUpdate:modelValue":t[1]||(t[1]=x=>S(i)?i.value=x:null),type:"text",placeholder:"Enter MID"},null,8,["modelValue"])]),e("div",Ge,[b(y,{class:"action",variant:"ghost",size:"large",onClick:t[2]||(t[2]=()=>("refreshNuxtData"in s?s.refreshNuxtData:l(oe))())},{default:B(()=>[b(m,{icon:"refresh-cw"}),t[5]||(t[5]=e("span",null,"Refresh Nuxt Data",-1))]),_:1}),b(y,{class:"action",size:"large",onClick:o},{default:B(()=>[b(m,{icon:"refresh-cw"}),t[6]||(t[6]=e("span",null,"Reload page",-1))]),_:1})])])}}}),et=Object.assign(C(Ze,[["__scopeId","data-v-4510a9c2"]]),{__name:"InspectorPageSettings"}),tt={class:"tapp-inspector__config"},nt={class:"tapp-inspector__config-item"},st={class:"tapp-inspector__config-value"},ot={class:"tapp-inspector__config"},at={class:"tapp-inspector__config-item"},lt=I({__name:"InspectorConfig",setup(g){const i=F().$config.public.API_URL,o=R("storyblok-inspector-enabled",{default:()=>!1});return q(o,()=>window.location.reload()),(s,t)=>{const v=et;return a(),u(w,null,[e("div",tt,[e("div",nt,[t[1]||(t[1]=P(" API ",-1)),e("div",st,h(l(i)),1)])]),t[3]||(t[3]=e("hr",{class:"tapp-inspector__config-divider"},null,-1)),e("div",ot,[e("div",at,[t[2]||(t[2]=P(" Enable Storyblok Inspector ",-1)),ae(e("input",{"onUpdate:modelValue":t[0]||(t[0]=_=>S(o)?o.value=_:null),type:"checkbox",class:"tapp-inspector__config-checkbox"},null,512),[[le,l(o)]])])]),b(v)],64)}}}),it=Object.assign(C(lt,[["__scopeId","data-v-8fc576f6"]]),{__name:"InspectorConfig"}),rt={class:"inspector__body"},ct=I({__name:"InspectorBody",props:{currentTab:{}},setup(g){return(n,i)=>{const o=Ue,s=Je,t=it;return a(),u("div",rt,[n.currentTab==="optimizely"?(a(),O(o,{key:0})):$("",!0),n.currentTab==="form"?(a(),O(s,{key:1})):$("",!0),n.currentTab==="config"?(a(),O(t,{key:2})):$("",!0)])}}}),pt=Object.assign(C(ct,[["__scopeId","data-v-05e6968e"]]),{__name:"InspectorBody"}),ut={key:2,class:"inspector__button-label"},_t={key:0,class:"inspector"},dt={class:"app-version"},mt=I({__name:"InspectorContainer",setup(g){const{query:n}=U(),{public:i}=ie(),o=T(!1),s=n._storyblok?"config":"optimizely",t=R("inspector-tab",{default:()=>s});return(v,_)=>{const m=_e,y=j,x=ve,M=pt;return a(),u(w,null,[e("button",{class:z(["inspector__button bounce-in",{"inspector__button--active":l(o)}]),title:"Inspect TAPP Site",onClick:_[0]||(_[0]=k=>o.value=!l(o))},[l(o)?(a(),O(y,{key:1,class:"inspector__button-x-icon",icon:"x"})):(a(),O(m,{key:0})),l(o)?$("",!0):(a(),u("span",ut,"Devtools"))],2),l(o)?(a(),u("div",_t,[b(x,{modelValue:l(t),"onUpdate:modelValue":_[1]||(_[1]=k=>S(t)?t.value=k:null)},null,8,["modelValue"]),b(M,{"current-tab":l(t)},null,8,["current-tab"]),e("p",dt,"version: "+h(l(i).VERSION),1)])):$("",!0)],64)}}}),bt=Object.assign(C(mt,[["__scopeId","data-v-59bbd4b2"]]),{__name:"InspectorContainer"});export{bt as default}; //# sourceMappingURL=DGNaBUUr.js.map