{"version":3,"file":"Header.95f66840.js","sources":["../../src/components/Header.vue","../../src/components/Header.vue?vue&type=template&id=6b6b932a&lang.js"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      classes.headerWrapper,\n      'header',\n      layoutClass,\n      showWinnings && 'display-stake',\n      displayCtaButton && 'display-cta-button'\n    ]\"\n  >\n    <component :is=\"logoComponent\" :class=\"[classes.logo]\" />\n    <HeaderOffer v-if=\"displayOffer\" :class=\"classes.headerOffer\" />\n    <StakeFixed\n      v-else-if=\"showWinnings\"\n      :class=\"[classes.stakeFixed, layoutClass]\"\n    />\n    <CtaButton\n      v-else-if=\"displayCtaButton\"\n      :href=\"ctaButton.url\"\n      :text=\"ctaButton.text\"\n      :buttonId=\"ctaButton.id\"\n      :class=\"classes.ctaButton\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, defineAsyncComponent } from \"vue\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport {\n  injectAdTag,\n  injectBrand\n} from \"@fresh8/ad-data-composition/src/brand\";\nimport OperatorLogo from \"./OperatorLogo.vue\";\nimport HeaderOffer from \"./HeaderOffer.vue\";\nimport StakeFixed from \"./StakeFixed.vue\";\nimport CtaButton from \"./CtaButton.vue\";\nimport { injectLayout } from \"../hooks/useLayout\";\nimport { useShowWinnings } from \"@fresh8/ad-data-composition/src/usePotentialWinnings\";\nimport { getCtaButton } from \"../hooks/useCtaButton\";\nimport {\n  injectTemplateSize,\n  LMLB\n} from \"@fresh8/ad-data-composition/src/useTemplateSize\";\n\nconst useStyles = createUseStyles({\n  headerWrapper: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    width: \"100%\",\n    paddingBottom: \"5px\"\n  },\n  logo: {\n    display: \"flex\",\n    maxWidth: \"125px\",\n    maxHeight: \"21px\",\n    justifyContent: \"flex-end\",\n    \".display-stake &\": {\n      justifyContent: \"flex-start\"\n    },\n    \".display-cta-button &\": {\n      justifyContent: \"flex-start\"\n    }\n  },\n  stakeFixed: {\n    padding: \"6px 0 5px\",\n    justifySelf: \"flex-end\",\n\n    [`&.${LMLB.name}`]: {\n      padding: \"3px 0 3px\"\n    }\n  },\n  headerOffer: {\n    flex: 2\n  }\n});\n\nexport default defineComponent({\n  name: \"Header\",\n  components: {\n    OperatorLogo,\n    HeaderOffer,\n    StakeFixed,\n    CtaButton\n  },\n  setup() {\n    const { headerBranding } = injectBrand();\n    const { layout } = injectLayout();\n    const { operators } = injectAdTag();\n    const classesRef = useStyles();\n    const templateSize = injectTemplateSize();\n\n    const logoComponent = computed(() => {\n      if (templateSize.size.value.name === LMLB.name)\n        return defineAsyncComponent(() => import(\"./OperatorLogo.vue\"));\n      else\n        return operators.value?.length > 1\n          ? defineAsyncComponent(() => import(\"./OperatorSelector.vue\"))\n          : defineAsyncComponent(() => import(\"./OperatorLogo.vue\"));\n    });\n\n    const showWinnings = useShowWinnings();\n\n    const ctaButton = computed(() => getCtaButton());\n\n    const displayOffer = computed(() => {\n      return (\n        !showWinnings.value &&\n        (headerBranding.value.type === \"offer\" ||\n          headerBranding.value.type === undefined)\n      );\n    });\n\n    const displayCtaButton = computed(() => {\n      return !showWinnings.value && headerBranding.value.type === \"cta\";\n    });\n\n    return {\n      classes: classesRef,\n      layoutClass: layout,\n      displayOffer,\n      displayCtaButton,\n      logoComponent,\n      showWinnings,\n      ctaButton\n    };\n  }\n});\n</script>\n\n<style></style>\n","<template>\n  <div\n    :class=\"[\n      classes.headerWrapper,\n      'header',\n      layoutClass,\n      showWinnings && 'display-stake',\n      displayCtaButton && 'display-cta-button'\n    ]\"\n  >\n    <component :is=\"logoComponent\" :class=\"[classes.logo]\" />\n    <HeaderOffer v-if=\"displayOffer\" :class=\"classes.headerOffer\" />\n    <StakeFixed\n      v-else-if=\"showWinnings\"\n      :class=\"[classes.stakeFixed, layoutClass]\"\n    />\n    <CtaButton\n      v-else-if=\"displayCtaButton\"\n      :href=\"ctaButton.url\"\n      :text=\"ctaButton.text\"\n      :buttonId=\"ctaButton.id\"\n      :class=\"classes.ctaButton\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, defineAsyncComponent } from \"vue\";\nimport { createUseStyles } from \"@fresh8/vue-jss/src\";\nimport {\n  injectAdTag,\n  injectBrand\n} from \"@fresh8/ad-data-composition/src/brand\";\nimport OperatorLogo from \"./OperatorLogo.vue\";\nimport HeaderOffer from \"./HeaderOffer.vue\";\nimport StakeFixed from \"./StakeFixed.vue\";\nimport CtaButton from \"./CtaButton.vue\";\nimport { injectLayout } from \"../hooks/useLayout\";\nimport { useShowWinnings } from \"@fresh8/ad-data-composition/src/usePotentialWinnings\";\nimport { getCtaButton } from \"../hooks/useCtaButton\";\nimport {\n  injectTemplateSize,\n  LMLB\n} from \"@fresh8/ad-data-composition/src/useTemplateSize\";\n\nconst useStyles = createUseStyles({\n  headerWrapper: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    width: \"100%\",\n    paddingBottom: \"5px\"\n  },\n  logo: {\n    display: \"flex\",\n    maxWidth: \"125px\",\n    maxHeight: \"21px\",\n    justifyContent: \"flex-end\",\n    \".display-stake &\": {\n      justifyContent: \"flex-start\"\n    },\n    \".display-cta-button &\": {\n      justifyContent: \"flex-start\"\n    }\n  },\n  stakeFixed: {\n    padding: \"6px 0 5px\",\n    justifySelf: \"flex-end\",\n\n    [`&.${LMLB.name}`]: {\n      padding: \"3px 0 3px\"\n    }\n  },\n  headerOffer: {\n    flex: 2\n  }\n});\n\nexport default defineComponent({\n  name: \"Header\",\n  components: {\n    OperatorLogo,\n    HeaderOffer,\n    StakeFixed,\n    CtaButton\n  },\n  setup() {\n    const { headerBranding } = injectBrand();\n    const { layout } = injectLayout();\n    const { operators } = injectAdTag();\n    const classesRef = useStyles();\n    const templateSize = injectTemplateSize();\n\n    const logoComponent = computed(() => {\n      if (templateSize.size.value.name === LMLB.name)\n        return defineAsyncComponent(() => import(\"./OperatorLogo.vue\"));\n      else\n        return operators.value?.length > 1\n          ? defineAsyncComponent(() => import(\"./OperatorSelector.vue\"))\n          : defineAsyncComponent(() => import(\"./OperatorLogo.vue\"));\n    });\n\n    const showWinnings = useShowWinnings();\n\n    const ctaButton = computed(() => getCtaButton());\n\n    const displayOffer = computed(() => {\n      return (\n        !showWinnings.value &&\n        (headerBranding.value.type === \"offer\" ||\n          headerBranding.value.type === undefined)\n      );\n    });\n\n    const displayCtaButton = computed(() => {\n      return !showWinnings.value && headerBranding.value.type === \"cta\";\n    });\n\n    return {\n      classes: classesRef,\n      layoutClass: layout,\n      displayOffer,\n      displayCtaButton,\n      logoComponent,\n      showWinnings,\n      ctaButton\n    };\n  }\n});\n</script>\n\n<style></style>\n"],"names":["useStyles","createUseStyles","headerWrapper","display","justifyContent","alignItems","width","paddingBottom","logo","maxWidth","maxHeight",".display-stake &",".display-cta-button &","stakeFixed","padding","justifySelf","LMLB","name","headerOffer","flex","defineComponent","components","OperatorLogo","HeaderOffer","StakeFixed","CtaButton","[object Object]","headerBranding","injectBrand","layout","injectLayout","operators","injectAdTag","injectTemplateSize","computed","templateSize","size","value","defineAsyncComponent","import","length","useShowWinnings","getCtaButton","classes","classesRef","layoutClass","displayOffer","showWinnings","type","displayCtaButton","logoComponent","ctaButton","_createBlock","class","_ctx","href","url","text","buttonId","id"],"mappings":"6OA6CA,MAAMA,EAAYC,EAAgB,CAChCC,cAAe,CACbC,QAAS,OACTC,eAAgB,gBAChBC,WAAY,SACZC,MAAO,OACPC,cAAe,OAEjBC,KAAM,CACJL,QAAS,OACTM,SAAU,QACVC,UAAW,OACXN,eAAgB,WAChBO,mBAAoB,CAClBP,eAAgB,cAElBQ,wBAAyB,CACvBR,eAAgB,eAGpBS,WAAY,CACVC,QAAS,YACTC,YAAa,YAEZ,KAAKC,EAAKC,MAAS,CAClBH,QAAS,cAGbI,YAAa,CACXC,KAAM,KAIV,MAAeC,EAAgB,CAC7BH,KAAM,SACNI,WAAY,CACVC,eACAC,cACAC,aACAC,aAEFC,6BACUC,GAAmBC,YACnBC,GAAWC,eACXC,GAAcC,MACHhC,MACEiC,MAECC,GAAS,IACzBC,EAAaC,KAAKC,MAAMpB,OAASD,EAAKC,KACjCqB,GAAqB,IAAaC,kEAElCR,EAAUM,OAAOG,OAAS,EAC7BF,GAAqB,+CACrBA,GAAqB,IAAaC,sEAGrBE,MAEHP,GAAS,IAAMQ,YAc1B,CACLC,QAASC,EACTC,YAAahB,EACbiB,aAfmBZ,GAAS,KAEzBa,EAAaV,QACiB,YAAfA,MAAMW,WACU,IAA9BrB,EAAeU,MAAMW,QAYzBC,iBARuBf,GAAS,KACxBa,EAAaV,OAAuC,QAA9BV,EAAeU,MAAMW,OAQnDE,cAAAA,EACAH,aAAAA,EACAI,UAAAA,4GC5HJC,SACGC,uIAQDD,IAAgBE,kBAAgBD,OAAQC,UAAQ9C,0BAC7B8C,oBAAnBF,WAAkCC,MAAOC,UAAQpC,gCAEpCoC,oBADbF,WAEGC,OAAQC,UAAQzC,WAAYyC,mCAGlBA,wBADbF,WAEGG,KAAMD,YAAUE,IAChBC,KAAMH,YAAUG,KAChBC,SAAUJ,YAAUK,GACpBN,MAAOC,UAAQH"}