{"version":3,"file":"PurchaseJourneyBanner-FasGBjrR.js","sources":["../../../app/frontend/utils/zendesk.js","../../../app/frontend/components/uiElements/PurchaseJourneyBanner.vue"],"sourcesContent":["export const openZendeskChat = () => {\n  if (document.getElementById('ze-snippet') && zE) {\n    const script = document.createElement('script');\n    script.type = 'text/javascript';\n    script.innerText = 'zE(\"messenger\", \"open\");';\n    script.async = true;\n    document.body.appendChild(script);\n  }\n}\n\nexport const hideZendeskChat = () => {\n  if (document.getElementById('ze-snippet') && zE) {\n    const script = document.createElement('script');\n    script.type = 'text/javascript';\n    script.innerText = 'zE(\"messenger\", \"hide\");';\n    script.async = true;\n    document.body.appendChild(script);\n  }\n}","<template>\n  <div id=\"banner\" \n       class=\"bg-emerald-900 text-white w-full z-50 fixed top-0 left-0 flex justify-between items-center text-xs p-4 pt-3 font-medium\">\n    \n    <div class=\"flex justify-start items-center\">\n      <div class=\"mr-6 flex items-center mb-2 lg:mb-0 lg:mr-4\">       \n        <img \n          src=\"../../images/logo-trustpilot.png\" \n          alt=\"trustpilot\"\n          class=\"mr-2\"\n          :class=\"showPhone && $i18n.locale === 'fr' ? 'hidden lg:block' : ''\"\n          style=\"transform: translateY(-0.5px)\"\n          height=\"17\"\n          width=\"70\"\n          loading=\"lazy\"\n        >  \n        <img \n          src=\"../../images/trustpilot_stars.png\" \n          :alt=\"$t('shared.reliability.trustpilot_rating')\"\n          width=\"70\"\n          style=\"transform: translateY(0.5px)\"\n          loading=\"lazy\"\n        >\n        <p class=\"ml-1\">\n          {{ $t('shared.reliability.trustpilot_rating') }}\n        </p>\n      </div>\n    </div> \n\n\n    <div class=\"hidden lg:flex\">\n      <div class=\"mr-4 flex items-center  mb-2 lg:mb-0 lg:mr-8 opacity-80\">\n        <swIcon \n          name=\"shield\" \n          :unstyled=\"true\"\n          size=\"w-4\" \n        />\n        <p class=\"ml-1\">\n          {{ $t('shared.reliability.certified') }}\n        </p>\n      </div>\n      <div class=\"mr-4 flex items-center  mb-2 lg:mb-0 lg:mr-8 opacity-80\">\n        <swIcon \n          name=\"smile\" \n          :unstyled=\"true\"\n          size=\"w-4\" \n        />\n        <p class=\"ml-1\">\n          {{ $t('shared.reliability.dedicated_advisor') }}\n        </p>\n      </div>\n      <div class=\"mr-4 flex items-center  mb-2 lg:mb-0 lg:mr-8 opacity-80\">\n        <swIcon \n          name=\"thumb-up\" \n          :unstyled=\"true\"\n          size=\"w-4\" \n        />\n        <p class=\"ml-1\">\n          {{ $t('shared.reliability.client_space') }}\n        </p>\n      </div>\n    </div>\n\n    <div class=\"flex justify-start items-center\" v-if=\"showPhone && $i18n.locale === 'fr'\">\n      <p class=\"mr-4 hidden lg:block\">{{ $t('shared.reliability.a_question') }}</p>\n      <a href=\"tel:+32 2 588 08 24\" class=\"bg-blue-300 flex items-center rounded-xl px-4 py-2 font-semibold\">      \n        <swIcon \n          name=\"phone\" \n          :unstyled=\"true\"\n          size=\"w-4\" \n          class=\"mr-2\"\n        />+32 2 588 08 24</a>\n    </div>\n\n    <div class=\"mr-6  items-center mb-2 lg:mb-0 lg:mr-8 hidden lg:flex\" v-else>  \n      <swIcon \n        name=\"star\" \n        :unstyled=\"true\"\n        size=\"w-4\" \n      />\n      <swIcon \n        name=\"star\" \n        :unstyled=\"true\"\n        size=\"w-4\" \n      />\n      <swIcon \n        name=\"star\" \n        :unstyled=\"true\"\n        size=\"w-4\" \n      />\n      <swIcon \n        name=\"star\" \n        :unstyled=\"true\"\n        size=\"w-4\" \n      />\n      <p class=\"ml-1\">\n        Google {{ $t('shared.reliability.google_rating') }}\n      </p>\n    </div>\n</div>\n</template>\n\n<script>\nimport { hideZendeskChat } from '../../utils/zendesk.js';\n\nexport default {\n  props: {\n    showPhone: {\n      type: Boolean,\n    },\n  },\n  mounted () {\n    hideZendeskChat();\n  },\n};\n</script>\n\n<style scoped>\n#banner{\n font-size: 13px !important;\n height: 63.5px !important;\n}\n</style>\n"],"names":["hideZendeskChat","script","_sfc_main"],"mappings":"8JAUO,MAAMA,EAAkB,IAAM,CACnC,GAAI,SAAS,eAAe,YAAY,GAAK,GAAI,CAC/C,MAAMC,EAAS,SAAS,cAAc,QAAQ,EAC9CA,EAAO,KAAO,kBACdA,EAAO,UAAY,2BACnBA,EAAO,MAAQ,GACf,SAAS,KAAK,YAAYA,CAAM,CACjC,CACH,ECuFAC,EAAA,CACA,MAAA,CACA,UAAA,CACA,KAAA,OACA,CACA,EACA,SAAA,CACAF,GACA,CACA"}