{"version":3,"file":"call-to-actions-B3g2mMgY.js","sources":["../../../resources/assets/js/components/video/use-video-show.js","../../../resources/assets/js/components/video/show/use-fixed-header-height.js","../../../resources/assets/js/components/video/show/call-to-actions.vue"],"sourcesContent":["import { computed, ref } from 'vue'\nimport { createInjectionState } from '@vueuse/core'\nimport $ from 'jquery'\n\nconst [useProvideVideoShow, _useVideoShow] = createInjectionState(() => {\n  const playerRef = ref(null)\n  const quickConversationRef = ref(null)\n  const isQuickConversationModal = computed(() => {\n    if (!quickConversationRef.value) {\n      return false\n    }\n    return $(quickConversationRef.value.$el).is('.QuickConversationModal')\n  })\n\n  return {\n    quickConversationRef,\n    isQuickConversationModal,\n    playerRef\n  }\n})\n\nfunction useVideoShow () {\n  return _useVideoShow() ?? {\n    quickConversationRef: ref(null)\n  }\n}\n\nexport {\n  useProvideVideoShow,\n  useVideoShow\n}\n","import { createGlobalState } from '@vueuse/core'\nimport { is_small_screen } from '../../../utils'\nimport { computed } from 'vue'\n\nexport const useFixedHeaderHeight = createGlobalState(() => {\n  const fixedHeaderHeight = computed(() => is_small_screen() ? 55 : 65)\n\n  return {\n    fixedHeaderHeight\n  }\n})\n","<template>\n  <div class=\"position-relative\">\n    <div\n      class=\"cta-container flex-grow-1\"\n      :class=\"alignmentClassName\"\n    >\n      <h4\n        v-if=\"callToActions.length === 1 && callToActions[0].show_button\"\n        :class=\"{'cta-btn--mobile-only': callToActions[0].mobile_only}\"\n        :style=\"{color: descriptionColor}\"\n      >\n        {{ callToActions[0].description }}\n      </h4>\n      <template v-for=\"action in callToActions\">\n        <a\n          v-if=\"action.show_button\"\n          class=\"btn btn-lg cta-btn\"\n          :class=\"[{'cta-btn--mobile-only': action.mobile_only}, buttonClassName]\"\n          :href=\"getHref(action)\"\n          :target=\"action.url_target\"\n          @click=\"clickCta($event, action)\"\n        >\n          {{ action.button_text }}\n        </a>\n      </template>\n      <a\n        v-if=\"salesAssistant\"\n        type=\"button\"\n        class=\"btn btn-lg cta-btn cta-btn--mobile-only\"\n        :class=\"buttonClassName\"\n        @click=\"clickSalesAssistant()\"\n      >\n        Chat With {{ salesAssistant.name }}\n      </a>\n      <a\n        v-if=\"currentVideo && currentVideo.switches.downloadable && currentVideo.switches.download_cta && currentVideo.mp4_url\"\n        target=\"_blank\"\n        :href=\"currentVideo.mp4_url\"\n        class=\"btn btn-lg cta-btn\"\n        :class=\"buttonClassName\"\n      >Download Video</a>\n    </div>\n    <div\n      v-if=\"shouldShowGateForm\"\n      class=\"position-absolute inset-0 cursor-pointer\"\n      style=\"z-index: 999;\"\n      @click=\"showGateForm()\"\n    ></div>\n  </div>\n</template>\n\n<script>\nimport { is_android, is_small_screen } from '../../../utils'\nimport { useVideoShow } from '../use-video-show'\nimport { useFixedHeaderHeight } from './use-fixed-header-height'\nimport constants from '@/generated/constants.js'\n\nexport default {\n  name: 'CallToActions',\n  props: {\n    callToActions: {},\n    currentVideo: {},\n    alignment: {\n      type: String,\n      default: 'center'\n    },\n    descriptionColor: {\n      type: String,\n      default: constants.GLOBAL.DEFAULT_VIDEO_TITLE_COLOR\n    },\n    buttonClassName: {\n      type: String\n    },\n    shouldShowGateForm: {\n      type: Boolean,\n      default: false\n    },\n    salesAssistant: {\n      default: null\n    }\n  },\n  emits: ['click-call-to-action', 'show-gate-form'],\n  setup () {\n    const { quickConversationRef, isQuickConversationModal } = useVideoShow()\n    const { fixedHeaderHeight } = useFixedHeaderHeight()\n\n    const showQuickConversationModal = () => {\n      if (quickConversationRef.value && isQuickConversationModal.value) {\n        quickConversationRef.value.show()\n        return true\n      }\n\n      // when the quick conversation modal is not available\n      return false\n    }\n\n    return {\n      showQuickConversationModal,\n      fixedHeaderHeight\n    }\n  },\n  computed: {\n    alignmentClassName () {\n      return `text-${this.alignment}`\n    }\n  },\n  methods: {\n    getHref (action) {\n      if (!action.url) {\n        return 'javascript:;'\n      }\n\n      if (action.type === this.constants.App_Models_CallToAction.TYPE_PHONE && action.data && action.sub_type === this.constants.App_Models_CallToAction.SUB_TYPE_SMS && is_android()) {\n        return action.url.replace('sms:', 'sms://').replace('&', '?')\n      }\n\n      return action.url\n    },\n    clickCta (event, action) {\n      // with the sales assistant floating, the container is not the body\n      // when using in the showcase and custom video template, the currentVideo maybe undefined.\n      const canScrollWithUrl = this.currentVideo?.switches.layout === this.constants.GLOBAL.VIDEO_LAYOUT_CENTERED &&\n        !is_small_screen() &&\n        this.salesAssistant\n\n      if (action.url.startsWith('#') && !canScrollWithUrl) {\n        event.preventDefault()\n\n        const ctaElement = document.querySelector(action.url)\n        if (ctaElement) {\n          const ctaTop = ctaElement.getBoundingClientRect().top\n          const bodyTop = document.body.getBoundingClientRect().top\n\n          window.scrollTo({\n            top: ctaTop - bodyTop - this.fixedHeaderHeight,\n            behavior: 'smooth'\n          })\n        }\n      }\n\n      this.$emit('click-call-to-action', action)\n    },\n    clickSalesAssistant () {\n      if (is_small_screen()) {\n        this.showQuickConversationModal()\n      }\n    },\n    showGateForm () {\n      this.$emit('show-gate-form')\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.cta {\n  &-container {\n    margin-top: 20px;\n  }\n  &-btn {\n    margin-top: 15px;\n\n    @media (max-width: 768px) {\n      display: block;\n    }\n\n    &--mobile-only {\n      @media (min-width: 768px) {\n        display: none;\n      }\n    }\n  }\n}\n\n</style>\n"],"names":["useProvideVideoShow","_useVideoShow","createInjectionState","playerRef","ref","quickConversationRef","isQuickConversationModal","computed","$","useVideoShow","useFixedHeaderHeight","createGlobalState","is_small_screen","_sfc_main","constants","fixedHeaderHeight","action","is_android","event","canScrollWithUrl","_a","ctaElement","ctaTop","bodyTop","_hoisted_1","_hoisted_2","_hoisted_3","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","$options","$props","_normalizeStyle","_toDisplayString","_createCommentVNode","_cache","_createTextVNode","_Fragment","_renderList","$event"],"mappings":"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"}