{"version":3,"sources":["webpack:///./src/mixins/deviceWidthChecker.mixin.ts","webpack:///./src/components/videoResource/VideoResourcePage.less?7b54","webpack:///./src/components/videoResource/VideoResourcePage.vue?2a9c","webpack:///./src/components/videoResource/VideoResourcePage.ts","webpack:///./src/components/videoResource/VideoResourcePage.vue?f4d4","webpack:///./src/components/videoResource/VideoResourcePage.vue?4998","webpack:///./src/components/videoResource/VideoResourcePage.vue"],"names":["DeviceWidthCheckerMixin","isMobile","APP_UTILITIES","isMobilePortrait","this","checkClientDeviceWidth","window","addEventListener","removeEventListener","Vue","Component","render","_vm","_h","$createElement","_c","_self","staticClass","isAuthorized","_v","_s","videoData","itemTitle","attrs","file","url","captionFile","undefined","on","onVideoPlay","_e","labelData","itemDescription","relatedContent","length","key","courseId","tags","getCopyrightMessage","staticRenderFns","CourseLandingPage","loading","videoContentId","itemShortDescription","completionTimeMinutes","completionTimeSeconds","grades","APP_CONST","CONTENTFUL_GRAPHQL_URL","CONTENTFUL_GRAPHQL_SPACE","CONTENTFUL_GRAPHQL_ENV","headers","Authorization","CONTENTFUL_GRAPHQL_TOKEN","method","axios","data","query","getVideoContentGraphQLQuery","content","getRelatedVideoContentfulGraphQLQuery","relatedContentResponse","mediaResourceVideo","relatedContentCollection","items","relatedContentToCardData","gqlToLabelData","type","ContentType","VIDEO","videoTime","id","$route","toString","fetchData","analyticsService","track","analyticsEventNames","LEARNING_VIDEO_RESOURCE_PLAYED","Mixins","tslib_1","Inject","AnalyticsInjectionKey","components","CmsTagComponent","CmsCardCarousel","CmsContentfulComponent","BouncingPreloaderComponent","CmsLabelComponent","CmsNotAuthorizedComponent","VideoPlayer","component"],"mappings":"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","file":"js/chunk-1a6cb5ac.889222698001ea0dccf2.1732066582532.min.js","sourcesContent":["import APP_UTILITIES from '@/utilities/commonFunctions';\nimport { Vue, Component} from 'vue-property-decorator';\n\n@Component\nexport default class DeviceWidthCheckerMixin extends Vue {\n    public isMobile: boolean = APP_UTILITIES.isMobile();\n    public isMobilePortrait: boolean = APP_UTILITIES.isMobilePortrait();\n\n    beforeMount(){\n      this.checkClientDeviceWidth();\n      window.addEventListener('resize', this.checkClientDeviceWidth);\n    }\n    \n    checkClientDeviceWidth(){\n      this.isMobile = APP_UTILITIES.isMobile();\n      this.isMobilePortrait = APP_UTILITIES.isMobilePortrait();\n    }\n\n    destroyed(){\n      window.removeEventListener('resize', this.checkClientDeviceWidth);\n    }\n}\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!./VideoResourcePage.less?vue&type=style&index=0&id=1f7cd10f&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content-container lx-landing-page\"},[(_vm.loading)?_c('div',{staticClass:\"loading\"},[_c('bouncing-preloader')],1):(!_vm.isAuthorized)?_c('div',{staticClass:\"not-authorized-container\"},[_c('cms-not-authorized')],1):(_vm.videoData)?_c('div',[_c('div',{staticClass:\"header-container\"},[_c('div',{staticClass:\"course-title\"},[_vm._v(\" \"+_vm._s(_vm.videoData.itemTitle)+\" \")])]),_c('div',{staticClass:\"video-container\"},[(_vm.videoData.file)?_c('video-player',{attrs:{\"video-url\":_vm.videoData.file.url,\"caption-url\":_vm.videoData.captionFile ? _vm.videoData.captionFile.url : undefined},on:{\"play\":_vm.onVideoPlay}}):_vm._e()],1),_c('div',{staticClass:\"course-facts-container\"},[_c('cms-content-label',{attrs:{\"labelData\":_vm.labelData}})],1),_c('div',{staticClass:\"description-container\"},[_c('div',{staticClass:\"description-content\"},[_c('cms-contentful-render',{attrs:{\"document\":_vm.videoData.itemDescription}})],1)]),_c('div',{staticClass:\"divider\"}),(_vm.relatedContent && _vm.relatedContent.length)?_c('div',{key:_vm.videoData.courseId,staticClass:\"related-content-container\"},[_c('card-carousel',{attrs:{\"cardDataArr\":_vm.relatedContent,\"title\":\"Related Content\"}})],1):_vm._e(),(_vm.videoData.tags && !!_vm.videoData.tags.length)?_c('div',{staticClass:\"tags-container\"},[_c('cms-tag-list',{attrs:{\"tagData\":_vm.videoData.tags}})],1):_vm._e(),_c('div',{staticClass:\"copyright-message\"},[_vm._v(_vm._s(_vm.getCopyrightMessage()))])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import DeviceWidthCheckerMixin from '@/mixins/deviceWidthChecker.mixin';\nimport { Component, Inject, Mixins } from 'vue-property-decorator';\nimport CmsCardCarousel from '@/commoncomponents/CmsCardCarousel/CmsCardCarousel.vue';\nimport CmsTagComponent from '@/commoncomponents/CmsTagComponent/CmsTagComponent.vue';\nimport {\n  getVideoContentGraphQLQuery,\n  getRelatedVideoContentfulGraphQLQuery\n} from '@/utilities/contentfulGraphQLHelpers';\n\nimport axios from 'axios';\nimport {\n  ContentType,\n  VideoContentData,\n  ContentCardData,\n  getCopyrightMessage,\n  relatedContentToCardData,\n  gqlToLabelData\n} from '@/utilities/cmsUtilities';\nimport BouncingPreloaderComponent from '@/commoncomponents/bouncingpreloadercomponent/BouncingPreloaderComponent.vue';\nimport APP_CONST from '@/constants/AppConst';\nimport CmsContentfulComponent from '@/commoncomponents/CmsContentfulComponent/CmsContentfulComponent.vue';\nimport CmsNotAuthorizedComponent from '@/commoncomponents/CmsNotAuthorizedComponent/CmsNotAuthorizedComponent.vue';\nimport CmsLabelComponent from '@/commoncomponents/CmsLabelComponent/CmsLabelComponent.vue';\nimport { LabelData } from '@/commoncomponents/CmsLabelComponent/CmsLabelComponent';\nimport VideoPlayer from '@/commoncomponents/VideoPlayer/VideoPlayer.vue';\nimport { AnalyticsInjectionKey, AnalyticsService, analyticsEventNames } from '@/analytics';\n\n@Component({\n  components: {\n    'cms-tag-list': CmsTagComponent,\n    'card-carousel': CmsCardCarousel,\n    'cms-contentful-render': CmsContentfulComponent,\n    'bouncing-preloader': BouncingPreloaderComponent,\n    'cms-content-label': CmsLabelComponent,\n    'cms-not-authorized': CmsNotAuthorizedComponent,\n    'video-player': VideoPlayer\n  }\n})\nexport default class CourseLandingPage extends Mixins(DeviceWidthCheckerMixin) {\n  @Inject(AnalyticsInjectionKey)\n  private readonly analyticsService!: AnalyticsService;\n\n  labelData: Array<LabelData> = [];\n  relatedContent: Array<ContentCardData> = [];\n  loading: boolean = true;\n  isAuthorized: boolean = true;\n  videoContentId: string = '';\n  videoData: VideoContentData = {\n    itemTitle: '',\n    itemShortDescription: '',\n    itemDescription: '',\n    completionTimeMinutes: 0,\n    completionTimeSeconds: 0,\n    grades: [],\n    tags: []\n  };\n\n  getCopyrightMessage = getCopyrightMessage;\n\n  async fetchData() {\n    this.loading = true;\n    const url = `${APP_CONST.CONTENTFUL_GRAPHQL_URL}${APP_CONST.CONTENTFUL_GRAPHQL_SPACE}${APP_CONST.CONTENTFUL_GRAPHQL_ENV}`;\n    const headers = {\n      Authorization: `Bearer ${APP_CONST.CONTENTFUL_GRAPHQL_TOKEN}`\n    };\n    const method = 'post';\n    const content = await axios({\n      url: url,\n      headers: headers,\n      method: method,\n      data: {\n        query: getVideoContentGraphQLQuery(this.videoContentId)\n      }\n    });\n\n    const relatedContentResponse = await axios({\n      url: url,\n      headers: headers,\n      method: method,\n      data: {\n        query: getRelatedVideoContentfulGraphQLQuery(\n          'mediaResourceVideo',\n          this.videoContentId\n        )\n      }\n    });\n\n    this.videoData = content.data.data.mediaResourceVideo;\n    if (\n      relatedContentResponse.data.data.mediaResourceVideo &&\n      relatedContentResponse.data.data.mediaResourceVideo\n        .relatedContentCollection &&\n      relatedContentResponse.data.data.mediaResourceVideo\n        .relatedContentCollection.items.length > 0\n    ) {\n      this.relatedContent = relatedContentToCardData(\n        relatedContentResponse.data.data.mediaResourceVideo\n          .relatedContentCollection.items\n      );\n    }\n    this.videoData.completionTimeMinutes = this.videoData.completionTimeMinutes\n      ? this.videoData.completionTimeMinutes\n      : 0;\n\n    this.videoData.completionTimeSeconds = this.videoData.completionTimeSeconds\n      ? this.videoData.completionTimeSeconds\n      : 0;\n    this.labelData = gqlToLabelData({\n      type: ContentType.VIDEO,\n      videoTime: `${this.videoData.completionTimeMinutes} min : ${this.videoData.completionTimeSeconds} sec`,\n      grades: this.videoData.grades\n    });\n    this.loading = false;\n  }\n\n  async beforeMount() {\n    const id = this.$route.query.id;\n    if (id) {\n      this.videoContentId = id.toString();\n    }\n    await this.fetchData();\n  }\n\n  onVideoPlay(): void {\n    this.analyticsService.track(analyticsEventNames.LEARNING_VIDEO_RESOURCE_PLAYED);\n  }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport CourseLandingPage from './VideoResourcePage';\nexport default CourseLandingPage;\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--13-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoResourcePage.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--13-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoResourcePage.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./VideoResourcePage.vue?vue&type=template&id=1f7cd10f&scoped=true&\"\nimport script from \"./VideoResourcePage.vue?vue&type=script&lang=ts&\"\nexport * from \"./VideoResourcePage.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./VideoResourcePage.less?vue&type=style&index=0&id=1f7cd10f&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1f7cd10f\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}