{"version":3,"sources":["webpack:///./src/mixins/deviceWidthChecker.mixin.ts","webpack:///./src/components/videoResource/VideoResourcePage.less?1afe","webpack:///./src/components/videoResource/VideoResourcePage.vue?5bdc","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","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-af09fe28.d8a3e549d14984aaf7d4.1722011900316.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\t\twindow.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=5c23e326&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},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=5c23e326&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=5c23e326&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  \"5c23e326\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}