{"version":3,"file":"OUjdiNt-.js","sources":["../../../../components/experienceHeader.vue","../../../../layouts/experience.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nconst consumerAuth = useConsumerAuthStore()\nconst joinBreakoutRoom = computed(() => consumerAuth.joinBreakoutRoom)\nconst teamName = computed(() => consumerAuth.dataPackage?.breakoutRoom?.breakout_room_name)\nconst isEnded = computed(() => consumerAuth.isEnded)\nconst playerCurrentTime = computed(() => consumerAuth.playerCurrentTime)\n\n// Add these to handle the transition\nconst isRoomChanged = ref(false)\nconst previousRoom = ref(false)\n\n// Watch for room changes and trigger the transition\nwatch(joinBreakoutRoom, (newRoom) => {\n  if (previousRoom.value !== newRoom) {\n    isRoomChanged.value = true\n    setTimeout(() => {\n      isRoomChanged.value = false\n    }, 1000) // Reset after 1 second\n  }\n  previousRoom.value = newRoom\n})\n\nconst route = useRoute()\n\nconst shouldShowRoomStatus = computed(() => {\n  // Don't show status if we're on the end page\n  if (route.path === '/experience/end') {\n    return false\n  }\n  return !isEnded.value && playerCurrentTime.value > 0\n})\n</script>\n\n<template>\n  <header class=\"bg-white shadow-md py-4 px-6\" @contextmenu.prevent>\n    <div class=\"max-w-7xl mx-auto grid grid-cols-3 items-center\">\n      <div class=\"flex items-center\">\n        <NuxtLink class=\"text-2xl font-bold text-purple-900\">SYNERGOS</NuxtLink>\n      </div>\n\n      <div v-if=\"shouldShowRoomStatus\" class=\"flex items-center justify-center\">\n        <div :class=\"[\n          'px-4 py-2 rounded-full transition-all duration-1000',\n          isRoomChanged ? 'bg-purple-600 text-white scale-110' : 'bg-purple-100 text-purple-700'\n        ]\">\n          {{ joinBreakoutRoom ? 'You are now in your team room' : 'You are in the main room' }}\n        </div>\n      </div>\n\n      <div class=\"flex items-center justify-end\">\n        <div v-if=\"teamName && shouldShowRoomStatus\" class=\"text-lg text-purple-700\" data-testid=\"team-name-display\">\n          Your team is <span class=\"font-semibold text-purple-900\" data-testid=\"team-name\">{{ teamName }}</span>\n        </div>\n      </div>\n    </div>\n  </header>\n</template>\n\n<style scoped>\n.router-link-active {\n  @apply text-purple-900 font-semibold;\n}\n</style>","<script lang=\"ts\" setup>\n</script>\n\n<template>\n  <v-app>\n    <div class=\"min-h-screen bg-gradient-to-b from-fuchsia-50 via-purple-50 to-pink-50\">\n      <ExperienceHeader />\n      <UMain>\n        <slot />\n      </UMain>\n    </div>\n  </v-app>\n</template>\n\n<style scoped>\n.gradient {\n  background: linear-gradient(180deg, rgb(var(--color-primary-500) / 0) 0, #FFF 100%);\n}\n</style>\n"],"names":["consumerAuth","useConsumerAuthStore","joinBreakoutRoom","computed","teamName","_b","_a","isEnded","playerCurrentTime","isRoomChanged","ref","previousRoom","watch","newRoom","route","useRoute","shouldShowRoomStatus","_openBlock","_createBlock","_component_v_app","_withCtx","_hoisted_1","_createVNode","_component_ExperienceHeader","_component_UMain"],"mappings":"unBACA,MAAMA,EAAeC,EAAqB,EACpCC,EAAmBC,EAAS,IAAMH,EAAa,gBAAgB,EAC/DI,EAAWD,EAAS,IAAA,SAAM,OAAAE,GAAAC,EAAAN,EAAa,cAAb,YAAAM,EAA0B,eAA1B,YAAAD,EAAwC,mBAAkB,EACpFE,EAAUJ,EAAS,IAAMH,EAAa,OAAO,EAC7CQ,EAAoBL,EAAS,IAAMH,EAAa,iBAAiB,EAGjES,EAAgBC,EAAI,EAAK,EACzBC,EAAeD,EAAI,EAAK,EAGxBE,EAAAV,EAAmBW,GAAY,CAC/BF,EAAa,QAAUE,IACzBJ,EAAc,MAAQ,GACtB,WAAW,IAAM,CACfA,EAAc,MAAQ,IACrB,GAAI,GAETE,EAAa,MAAQE,CAAA,CACtB,EAED,MAAMC,EAAQC,EAAS,EAEjBC,EAAuBb,EAAS,IAEhCW,EAAM,OAAS,kBACV,GAEF,CAACP,EAAQ,OAASC,EAAkB,MAAQ,CACpD,sxBC9BD,OAAAS,EAKI,EAKMC,EAAAC,EAAA,KAAA,CALN,QAAAC,EAAA,OACsB,MAAAC,EAAA,CACpBC,EAEQC,CAAA,EATdD,EAAAE,EAQgB,KAAA,SAAAJ,EAAA,IAAA,oCARhB,UAAA"}