{"version":3,"file":"index.b879f56b.js","sources":["../../../../pages/index.vue"],"sourcesContent":["<template>\n  <div :id=\"pageId\">\n    <HomePageHero v-if=\"topSection.data\" v-bind=\"topSection.data\" />\n    <!-- Render the main headline and image -->\n    <div class=\"container z-10 mx-auto pb-36 lg:px-3.5\">\n      <GridLayout :variant=\"gridVariant ?? 'fullBleed'\" class=\"lg:gap-y-12\">\n        <div class=\"col-span-full flex flex-col gap-20 lg:pb-24\">\n          <template\n            v-for=\"(section, index) in sectionsToShow\"\n            :key=\"section.componentName + pageId + index\"\n          >\n            <DynamicComp\n              v-if=\"index === 0\"\n              v-bind=\"section\"\n              :id=\"section.componentName + pageId + index\"\n              :key=\"section.componentName + pageId + index\"\n            />\n          </template>\n        </div>\n        <div class=\"col-span-full flex flex-col gap-20 sm:gap-40\">\n          <!-- Render the sections -->\n          <template\n            v-for=\"(section, index) in sectionsToShow\"\n            :key=\"section.componentName + pageId + index\"\n          >\n            <DynamicComp\n              v-if=\"index !== 0\"\n              v-bind=\"section\"\n              :id=\"section.componentName + index + pageId\"\n              :key=\"section.componentName + index + pageId\"\n              :class=\"section.componentName?.toLocaleLowerCase()\"\n            />\n          </template>\n          <!-- The code below is for showing the Wraplinks Slider-->\n          <div class=\"flex flex-col gap-10\">\n            <HeadlineGroup v-bind=\"headlineGroupWraplinks\" />\n            <div class=\"flex flex-col gap-9 lg:gap-10 xl:flex-row\">\n              <div class=\"flex flex-col gap-6 xl:w-1/2\">\n                <Headline\n                  class=\"font-semibold text-white\"\n                  text=\"GenTwo\"\n                  level=\"h5\"\n                  variant=\"small\"\n                />\n                <WraplinkSlider\n                  v-if=\"\n                    JobsEventsToggle?.data?.showOpenJobs &&\n                    jobsContainer.wrapLinks.length\n                  \"\n                  title=\"Open Position\"\n                  v-bind=\"jobsContainer\"\n                  :slider-options=\"{ perPage: 1, speed: 1200 }\"\n                />\n                <WraplinkList\n                  v-if=\"getWrapLinkLists[0].data\"\n                  button-custom-style=\"padding: 0\"\n                  v-bind=\"getWrapLinkLists[0].data\"\n                />\n              </div>\n              <div class=\"flex flex-col gap-6 xl:w-1/2\">\n                <Headline\n                  class=\"font-semibold text-white\"\n                  text=\"Register\"\n                  level=\"h5\"\n                  variant=\"small\"\n                />\n                <WraplinkSlider\n                  v-if=\"\n                    JobsEventsToggle?.data?.showUpcomingEvents &&\n                    eventsContainer.wrapLinks.length\n                  \"\n                  title=\"upcoming events\"\n                  v-bind=\"eventsContainer\"\n                  :slider-options=\"{ perPage: 1, speed: 1200 }\"\n                />\n                <div\n                  v-else\n                  class=\"bg-black-600 flex flex-col gap-3.5 p-3.5 lg:gap-3.5 lg:p-6\"\n                >\n                  <span\n                    class=\"font-mierb text-body text-black-200 font-semibold uppercase tracking-[0.7px]\"\n                    >No events for now!</span\n                  >\n                  <Icon name=\"NoContent\" class=\"h-24 w-32\" />\n                </div>\n                <WraplinkList\n                  v-if=\"getWrapLinkLists[1].data\"\n                  button-custom-style=\"padding: 0\"\n                  v-bind=\"getWrapLinkLists[1].data\"\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </GridLayout>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRoute as vUseRoute } from \"vue-router\";\nimport { computed as vComputed, ref } from \"vue\";\nimport {\n  tagBackground,\n  tagColors,\n  tagVariants,\n  wraperListInterface,\n} from \"~/components/Wraplink/types\";\nimport { useCmsifiedPageRendered } from \"~/composables/useCmsifiedPageRendered\";\nimport { MetaInfo, Section } from \"~/types\";\nimport Icon from \"~/components/Icon/Icon.vue\";\n\ninterface containerType {\n  attributes: {\n    headlineGroup?: {\n      title?: string;\n      subtitle?: string;\n    };\n    slug: string;\n    title: string;\n    sections: {\n      date: string;\n      location: string;\n    }[];\n    tags?: {\n      data: {\n        attributes: {\n          backgroundColor?: tagBackground;\n          href?: string;\n          text?: string;\n          titleColor?: tagColors;\n          variant?: tagVariants;\n        };\n      }[];\n    };\n  };\n}\n\nconst route = vUseRoute();\nconst { fetch } = useCmsifiedPageRendered();\nconst { find } = useStrapi4();\nconst slug = \"home\";\n\nconst {\n  data: page,\n}: {\n  data: {\n    gridVariant: String;\n    sections: Section[];\n    topSection: Section;\n    pageMetaConfig: MetaInfo;\n  };\n} = await useAsyncData(`page-${route.params.slug}`, () => fetch(slug));\n\nconst {\n  gridVariant,\n  sections,\n  topSection,\n}: { gridVariant: String; sections: Section[]; topSection: Section } =\n  page?.value ?? {};\n\nconst sectionsToShow = vComputed(() =>\n  sections.filter(\n    (section) =>\n      section.componentName !== \"Wrap_link_list\" &&\n      section.componentName !== \"JobsEventsToggle\"\n  )\n);\n\nconst JobsEventsToggle = vComputed(() =>\n  sections.find((section) => section.componentName === \"JobsEventsToggle\")\n);\nconst getWrapLinkLists = vComputed(() =>\n  sections.filter((section) => section.componentName === \"Wrap_link_list\")\n);\nuseHead(page?.value?.pageMetaConfig ?? {});\nconst pageId = vComputed(() => \"home\");\n\nconst headlineGroupWraplinks = {\n  title: \"Would you like to know more?\",\n  subtitle: \"limitless, bold, authentic\",\n  variant: \"compact\",\n};\n\nconst { data: jobs } = await find<unknown>(\"Jobs\", {\n  populate: \"*\",\n});\n\nconst events: { data: [] } = await find(\"events\");\nconst { data: webinars } = await useAsyncData(\"webinar-homepage\", () =>\n  find(\"resources\", {\n    sort: \"publishedDate:desc\",\n    filters: {\n      type: \"Webinar\",\n      publishedDate: {\n        $gte: new Date(),\n      },\n    },\n  })\n);\n\nconst jobsContainer = ref<{ wrapLinks: wraperListInterface[] }>({\n  wrapLinks: [],\n});\nconst eventsContainer = ref<{ wrapLinks: wraperListInterface[] }>({\n  wrapLinks: [],\n});\n\nwebinars?.value?.data.forEach(({ attributes }) => {\n  eventsContainer.value.wrapLinks.push({\n    headlineHighlighted: attributes?.title,\n    subTitle: `${getFormattedDate(attributes?.template)?.date} - ${\n      getFormattedDate(attributes?.template)?.time\n    } - ${attributes?.template[0]?.[\"headline-main\"]?.location}`,\n    subTitleClassName:\n      \"text-black-200 text-bodyXLarge text-white font-medium font-mierb leading-6\",\n    buttonText: \"Learn more\",\n    isNewTab: false,\n    buttonVariant: \"primary\",\n    // url: `/resources/webinars/${attributes?.slug}`,\n    buttonCustomStyle: \"padding: 14px 20px;\",\n    headlineHighlightedVariant: \"xsmall\",\n  });\n});\n\njobs.forEach((job: containerType) => {\n  jobsContainer.value.wrapLinks.push({\n    headlineHighlighted: job.attributes?.headlineGroup?.title,\n    subTitle: job.attributes?.headlineGroup?.subtitle,\n    subTitleClassName:\n      \"text-black-200 text-bodyXLarge text-white font-medium uppercase font-mierb leading-6\",\n    buttonText: \"Learn more\",\n    isNewTab: false,\n    buttonVariant: \"primary\",\n    url: `/careers/${job.attributes.slug}`,\n    buttonCustomStyle: \"padding: 14px 20px;\",\n    headlineHighlightedVariant: \"xsmall\",\n  });\n});\n\nevents.data.forEach((event: containerType) => {\n  const [year, month, day] = event?.attributes?.sections[0].date\n    .split(\"T\")[0]\n    .split(\"-\");\n  const currentDate = new Date();\n  const eventDate = new Date(event?.attributes?.sections[0].date);\n  if (eventDate > currentDate) {\n    eventsContainer.value.wrapLinks.push({\n      headlineHighlighted: event.attributes.title,\n      subTitle: `${day}.${month}.${year} - ${event.attributes.sections[0]?.location}`,\n      subTitleClassName:\n        \"text-black-200 text-bodyXLarge text-white font-medium uppercase font-mierb leading-6\",\n      buttonText: \"Learn more\",\n      isNewTab: false,\n      buttonVariant: \"primary\",\n      url: `/events/${event.attributes.slug}/`,\n      buttonCustomStyle: \"padding: 14px 20px;\",\n      headlineHighlightedVariant: \"xsmall\",\n    });\n  }\n});\n</script>\n<style lang=\"css\">\n.ticker .py-14 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n</style>\n"],"names":["slug","route","vUseRoute","fetch","useCmsifiedPageRendered","find","useStrapi4","page","__temp","__restore","_withAsyncContext","useAsyncData","gridVariant","sections","topSection","sectionsToShow","vComputed","section","JobsEventsToggle","getWrapLinkLists","useHead","_a","pageId","headlineGroupWraplinks","jobs","events","webinars","jobsContainer","ref","eventsContainer","_b","attributes","getFormattedDate","_d","_c","job","event","year","month","day","currentDate"],"mappings":"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"}