{"version":3,"sources":["webpack:///./src/module/views/Lesson.vue?f1fd","webpack:///src/module/views/Lesson.vue","webpack:///./src/module/views/Lesson.vue?73a9","webpack:///./src/module/views/Lesson.vue","webpack:///./src/module/views/Lesson.vue?91ee","webpack:///./node_modules/core-js/modules/web.timers.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","Object","keys","lesson","_s","name","attrs","file","_e","ref","domProps","$sanitize","description","_l","buttonhelpFul","class","lessonDetail","helpful","helpfulText","on","$event","stopPropagation","helpFullController","isHelpful","labelText","viewed","completeController","staticRenderFns","data","timeToMarkTheVideoAsViewed","timerVideo","time","store","date","watched_video","watched_video_date","buttonsHelpFul","destroyed","destroyTimer","computed","userIsAParent","profileType","lessonId","$route","params","getLessonById","allowTimer","hasVideo","hasWatchedvideo","methods","initTimerToVideo","setInterval","clearInterval","watch","component","$","global","userAgent","slice","MSIE","test","wrap","scheduler","handler","timeout","boundArgs","arguments","length","args","call","undefined","Function","apply","bind","forced","setTimeout"],"mappings":"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","file":"js/chunk-5411f055.b966f9f6.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lesson-c\"},[_c('div',{staticClass:\"mb-4\"},[_c('p',{staticClass:\"mb-0 font-weight-bolder\"},[_vm._v(\"Lesson\")]),(Object.keys(_vm.lesson).length)?[_c('div',{staticClass:\"d-flex justify-content-between align-items-center lesson-info\"},[_c('p',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.lesson.name))]),_c('a',{staticClass:\"lesson-btn btn btn-violet rounded-pill\",attrs:{\"target\":\"_blank\",\"href\":_vm.lesson.file,\"download\":\"download\"}},[_c('span',{staticClass:\"material-icons mr-1\"},[_vm._v(\"download\")]),_c('label',{staticClass:\"mb-0\"},[_vm._v(\"PDF\")])])])]:_vm._e()],2),_c('div',{ref:\"containerHtml\",staticClass:\"wrapper-content mb-3\",domProps:{\"innerHTML\":_vm._s(_vm.$sanitize(_vm.lesson.description))}}),_c('div',{staticClass:\"helper--card p-3 m-auto\"},[_c('p',{staticClass:\"helper--card__text\"},[_vm._v(\"Was this lesson helpful?\")]),_c('div',{staticClass:\"helper--card--actions\"},_vm._l((_vm.buttonsHelpFul),function(buttonhelpFul){return _c('button',{class:_vm.lessonDetail.helpful === buttonhelpFul.helpfulText\n            ? 'btn btn-violet rounded-pill mr-2'\n            : 'btn btn-violet_outlined rounded-pill mr-2',attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.helpFullController({ isHelpful: buttonhelpFul.isHelpful })}}},[_vm._v(\" \"+_vm._s(buttonhelpFul.labelText)+\" \")])}),0)]),(!_vm.lessonDetail.viewed)?_c('div',{staticClass:\"mt-4\"},[_c('button',{staticClass:\"atm-button bg-main btn-complete rounded-pill mx-auto d-block\",attrs:{\"type\":\"button\",\"disabled\":_vm.lessonDetail.viewed},on:{\"click\":function($event){$event.stopPropagation();return _vm.completeController()}}},[_vm._v(\" Mark complete \")])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"lesson-c\">\n    <div class=\"mb-4\">\n      <p class=\"mb-0 font-weight-bolder\">Lesson</p>\n      <template v-if=\"Object.keys(lesson).length\">\n        <div class=\"d-flex justify-content-between align-items-center lesson-info\">\n          <p class=\"mb-0\">{{ lesson.name }}</p>\n          <a\n            target=\"_blank\"\n            :href=\"lesson.file\"\n            download=\"download\"\n            class=\"lesson-btn btn btn-violet rounded-pill\"\n          >\n            <span class=\"material-icons mr-1\">download</span><label class=\"mb-0\">PDF</label>\n          </a>\n        </div>\n      </template>\n    </div>\n    <div\n      ref=\"containerHtml\"\n      v-html=\"$sanitize(lesson.description)\"\n      class=\"wrapper-content mb-3\"\n    ></div>\n    <div class=\"helper--card p-3 m-auto\">\n      <p class=\"helper--card__text\">Was this lesson helpful?</p>\n      <div class=\"helper--card--actions\">\n        <button\n          type=\"button\"\n          v-for=\"buttonhelpFul in buttonsHelpFul\"\n          @click.stop=\"helpFullController({ isHelpful: buttonhelpFul.isHelpful })\"\n          :class=\"\n            lessonDetail.helpful === buttonhelpFul.helpfulText\n              ? 'btn btn-violet rounded-pill mr-2'\n              : 'btn btn-violet_outlined rounded-pill mr-2'\n          \"\n        >\n          {{ buttonhelpFul.labelText }}\n        </button>\n      </div>\n    </div>\n    <div v-if=\"!lessonDetail.viewed\" class=\"mt-4\">\n      <button\n        type=\"button\"\n        :disabled=\"lessonDetail.viewed\"\n        @click.stop=\"completeController()\"\n        class=\"atm-button bg-main btn-complete rounded-pill mx-auto d-block\"\n      >\n        Mark complete\n      </button>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { useLearnSkillsStore, useSessionStore } from '@/common/plugins/store';\nimport {\n  getLessonDetail,\n  markVideoisViewed,\n  markLessonAsComplete,\n  setInfoIsHelpfull,\n} from '../services';\n\nexport default {\n  data() {\n    const learnStore = useLearnSkillsStore();\n    const sessionStore = useSessionStore();\n    const buttonsHelpFul = [\n      {\n        labelText: 'No',\n        isHelpful: false,\n        helpfulText: 'unhelpful',\n      },\n      {\n        labelText: 'Yes',\n        isHelpful: true,\n        helpfulText: 'helpful',\n      },\n    ];\n    return {\n      timeToMarkTheVideoAsViewed: 90,\n      timerVideo: null,\n      time: 0,\n      store: { ...learnStore, ...sessionStore },\n      lessonDetail: {\n        viewed: true,\n        date: '',\n        helpful: null,\n        watched_video: false,\n        watched_video_date: '',\n      },\n      buttonsHelpFul,\n    };\n  },\n  async mounted() {\n    try {\n      const lessonExtraInfo = await getLessonDetail(this.lessonId);\n      this.lessonDetail = { ...lessonExtraInfo };\n      if (this.allowTimer) {\n        this.initTimerToVideo();\n      }\n    } catch (error) {\n      console.error(error);\n    }\n  },\n  destroyed() {\n    this.timerVideo && this.destroyTimer();\n  },\n  computed: {\n    userIsAParent() {\n      return this.store.profileType == 'parent';\n    },\n    lessonId() {\n      return this.$route.params.lesson;\n    },\n    lesson() {\n      return this.store.getLessonById(this.lessonId) || {};\n    },\n    allowTimer() {\n      const hasVideo = this.lesson.video;\n      const hasWatchedvideo = this.lessonDetail.watched_video;\n      return !this.userIsAParent && hasVideo && !hasWatchedvideo;\n    },\n  },\n  methods: {\n    async helpFullController({ isHelpful = false }) {\n      const lesson = this.lessonId;\n      try {\n        const lessonUpdate = await setInfoIsHelpfull({ helpful: isHelpful, lessonId: lesson });\n        this.lessonDetail = { ...lessonUpdate };\n      } catch (error) {\n        console.error('[Help Full]', error);\n      }\n    },\n    async completeController() {\n      try {\n        await markLessonAsComplete(this.lessonId);\n        this.$router.push({\n          name: 'LearnSkills',\n          params: {\n            markComplete: true,\n          },\n        });\n      } catch (error) {\n        console.error('[Complete controller]', error);\n      }\n    },\n    initTimerToVideo() {\n      this.timerVideo = setInterval(() => (this.time += 1000), 1000);\n    },\n    destroyTimer() {\n      clearInterval(this.timerVideo);\n    },\n  },\n  watch: {\n    async time(newTime, oldTime) {\n      const seconds = newTime / 1000 || 0;\n      if (seconds === this.timeToMarkTheVideoAsViewed) {\n        this.destroyTimer();\n        try {\n          await markVideoisViewed(this.lessonId);\n        } catch (error) {\n          console.error('Error trying to send video information', error);\n        }\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.lesson-c {\n  .btn {\n    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);\n    font-size: 13px;\n    &-violet {\n      background: var(--color-main);\n      color: white !important;\n      &_outlined {\n        border: 1px solid var(--color-main);\n        color: var(--color-main);\n      }\n    }\n\n    &-complete {\n      width: 370px;\n\n      @media only screen and (max-width: 600px) {\n        width: 100%;\n      }\n    }\n  }\n}\n.wrapper-content {\n  iframe {\n    width: 100%;\n    border-radius: 12px;\n    border: solid 0 transparent;\n  }\n  img {\n    width: 100%;\n    object-fit: contain;\n  }\n}\n.lesson-info {\n  .material-icons {\n    font-size: 17px;\n  }\n  .lesson-btn {\n    display: flex;\n    align-items: center;\n  }\n}\n.helper--card {\n  background: #ffffff;\n  box-shadow: var(--atm-shadow);\n  border-radius: 12px;\n  max-width: 320px;\n  text-align: center;\n\n  &__text {\n    color: var(--color-main);\n    font-weight: bold;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Lesson.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Lesson.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Lesson.vue?vue&type=template&id=9ed5ed38&\"\nimport script from \"./Lesson.vue?vue&type=script&lang=js&\"\nexport * from \"./Lesson.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Lesson.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Lesson.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Lesson.vue?vue&type=style&index=0&lang=scss&\"","var $ = require('../internals/export');\nvar global = require('../internals/global');\nvar userAgent = require('../internals/user-agent');\n\nvar slice = [].slice;\nvar MSIE = /MSIE .\\./.test(userAgent); // <- dirty ie9- check\n\nvar wrap = function (scheduler) {\n  return function (handler, timeout /* , ...arguments */) {\n    var boundArgs = arguments.length > 2;\n    var args = boundArgs ? slice.call(arguments, 2) : undefined;\n    return scheduler(boundArgs ? function () {\n      // eslint-disable-next-line no-new-func\n      (typeof handler == 'function' ? handler : Function(handler)).apply(this, args);\n    } : handler, timeout);\n  };\n};\n\n// ie9- setTimeout & setInterval additional parameters fix\n// https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#timers\n$({ global: true, bind: true, forced: MSIE }, {\n  // `setTimeout` method\n  // https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#dom-settimeout\n  setTimeout: wrap(global.setTimeout),\n  // `setInterval` method\n  // https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#dom-setinterval\n  setInterval: wrap(global.setInterval)\n});\n"],"sourceRoot":""}