{"version":3,"sources":["webpack:///./src/gamification/views/RateView.vue?57d9","webpack:///./src/gamification/views/RateView.vue?c48c","webpack:///./src/gamification/components/skeletons/RateSkeleton.vue?4ce3","webpack:///./src/gamification/components/skeletons/RateSkeleton.vue","webpack:///src/gamification/views/RateView.vue","webpack:///./src/gamification/views/RateView.vue?d997","webpack:///./src/gamification/views/RateView.vue","webpack:///./node_modules/core-js/modules/es.object.from-entries.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","childName","staticClass","_v","Object","keys","weekAnswers","_s","_l","rate","id","key","question","stepper","directives","name","rawName","value","expression","domProps","on","$event","$set","target","sendData","staticRenderFns","skeleton","script","component","components","NavBar","rateSkeleton","data","loading","questionsRate","sessionStore","mixins","computed","userIsAParent","childId","childSelectedId","methods","$","iterate","createProperty","stat","fromEntries","iterable","obj","k","v","undefined"],"mappings":"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","file":"js/chunk-4c287b4e.34eea658.js","sourcesContent":["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!./RateView.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!./RateView.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('nav-bar',{attrs:{\"title\":(\"Rate \" + _vm.childName)}}),(_vm.loading)?_c('rate-skeleton'):_c('div',{staticClass:\"atm-desktop-max-width mobile d-flex gap-3 flex-column py-4\"},[_c('h4',{staticClass:\"mb-0 text-main font-weight-600 w-100\"},[_vm._v(\" Please provide your rating. \")]),_c('div',[_c('b-alert',{attrs:{\"show\":true,\"variant\":\"primary\"}},[(Object.keys(_vm.weekAnswers).length)?_c('span',[_vm._v(\" \"+_vm._s(_vm.childName)+\" has already been rated. \")]):_c('span',[_vm._v(\" \"+_vm._s(_vm.childName)+\" has not been rated. \")])])],1),_vm._l((_vm.questionsRate),function(rate,id){return _c('div',{key:id,staticClass:\"d-flex gap-3 flex-wrap justify-content-between b-1 py-3 mx-1 align-items-center\"},[_c('label',{staticClass:\"font-weight-600 w-100\"},[_c('span',{staticClass:\"text-capitalize\"},[_vm._v(\" \"+_vm._s(_vm.childName)+\" \")]),_vm._v(\" 's \"+_vm._s(rate.question)+\" \")]),_c('div',{staticClass:\"position-relative d-flex flex-column align-items-center w-100\"},[_c('div',{staticClass:\"steppers-container position-absolute d-flex justify-content-between align-items-center w-100\"},_vm._l((5),function(stepper){return _c('div',{key:stepper,staticClass:\"rounded-pill\"})}),0),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(rate.answer),expression:\"rate.answer\"}],staticClass:\"position-relative w-100\",attrs:{\"id\":(\"range \" + (rate.id)),\"type\":\"range\",\"min\":\"1\",\"max\":\"5\"},domProps:{\"value\":(rate.answer)},on:{\"__r\":function($event){return _vm.$set(rate, \"answer\", $event.target.value)}}})]),_c('div',{staticClass:\"d-flex justify-content-between w-100\"},[_c('small',[_vm._v(\"Problematic\")]),_c('small',[_vm._v(\"Excellent \")])])])}),_c('button',{staticClass:\"atm-button bg-main mx-auto w-50\",on:{\"click\":_vm.sendData}},[_vm._v(\" Submit \")])],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function (_h,_vm) {var _c=_vm._c;return _c('div',[_c('div',{staticClass:\"atm-desktop-max-width mobile d-flex gap-3 flex-column py-4\"},[_c('h4',{staticClass:\"mb-0 text-main font-weight-600 w-100\"},[_vm._v(\" Please provide your rating. \")]),_vm._l(([0, 1, 2]),function(skeleton){return _c('div',{key:skeleton,staticClass:\"d-flex gap-3 flex-wrap justify-content-between b-1 py-3 mx-1 align-items-center\"},[_c('b-skeleton',{attrs:{\"animation\":\"fade\",\"height\":\"100px\",\"width\":\"100%\"}})],1)})],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./RateSkeleton.vue?vue&type=template&id=0d4b79b0&functional=true&\"\nvar script = {}\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  true,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div>\n    <nav-bar :title=\"`Rate ${childName}`\"></nav-bar>\n    <rate-skeleton v-if=\"loading\"></rate-skeleton>\n    <div v-else class=\"atm-desktop-max-width mobile d-flex gap-3 flex-column py-4\">\n      <h4 class=\"mb-0 text-main font-weight-600 w-100\">\n        Please provide your rating.\n      </h4>\n      <div>\n        <b-alert\n          :show=\"true\"\n          variant=\"primary\"\n        >\n          <span v-if=\"Object.keys(weekAnswers).length\">\n            {{ childName }} has already been rated.\n          </span>\n          <span v-else>\n            {{ childName }} has not been rated.\n          </span>\n      </b-alert>\n      </div>\n      <div\n        v-for=\"(rate, id) in questionsRate\"\n        :key=\"id\"\n        class=\"d-flex gap-3 flex-wrap justify-content-between b-1 py-3 mx-1 align-items-center\"\n      >\n        <label class=\"font-weight-600 w-100\">\n          <span class=\"text-capitalize\"> {{ childName }} </span>\n          's {{ rate.question }}\n        </label>\n        <div class=\"position-relative d-flex flex-column align-items-center w-100\">\n          <div class=\"steppers-container position-absolute d-flex justify-content-between align-items-center w-100\">\n            <div v-for=\"stepper in 5\" :key=\"stepper\" class=\"rounded-pill\"></div>\n          </div>\n          <input\n            :id=\"`range ${rate.id}`\"\n            v-model=\"rate.answer\"\n            type=\"range\"\n            min=\"1\"\n            max=\"5\"\n            class=\"position-relative w-100\"\n          />\n        </div>\n        <div class=\"d-flex justify-content-between w-100\">\n          <small>Problematic</small>\n          <small>Excellent </small>\n        </div>\n      </div>\n      <button class=\"atm-button bg-main mx-auto w-50\" @click=\"sendData\">\n        Submit\n      </button>\n    </div>\n  </div>\n</template>\n<script>\nimport { NavBar } from '@/common/components';\nimport { useSessionStore } from '@/common';\nimport { getQuestionsRate, setAnswersRate, getWeekAnswersRate } from '../services';\nimport rateSkeleton from '../components/skeletons/RateSkeleton.vue';\nimport notificationToastMixin from '@/Mixins/notificationToast.mixin';\n\nexport default {\n  components: {\n    NavBar,\n    rateSkeleton,\n  },\n  data() {\n    const sessionStore = useSessionStore();\n    return {\n      loading: false,\n      questionsRate: {},\n      weekAnswers: {},\n      sessionStore,\n    };\n  },\n  mixins: [notificationToastMixin],\n  computed: {\n    userIsAParent() {\n      return this.sessionStore.userIsAParent;\n    },\n    childName() {\n      return this.sessionStore.childName;\n    },\n    childId() {\n      return this.sessionStore.childSelectedId;\n    },\n  },\n  async mounted() {\n    this.getQuestions();\n  },\n  methods: {\n    async sendData(){\n      const dataAnswersRate = this.questionsRate.map((question) => \n        ({\n          question: question.id,\n          answer: question.answer\n        })\n      )\n      const dataRate = {\n        answers: dataAnswersRate,\n        child: this.childId\n      }\n      try {\n        await setAnswersRate(dataRate);\n        this.getQuestions();\n        this.notificationToast({\n          message: 'Answers saved successfully',\n          variant: 'primary',\n          title: 'Success',\n        });\n      } catch (error) {\n        console.log('rate', error);\n      }\n    },\n    async getQuestions(){\n      this.loading = true;\n      try {\n        await this.getWeekAnswers();\n        this.questionsRate = await getQuestionsRate();\n        this.questionsRate = this.questionsRate.map((question) => \n          this.weekAnswers[question.id] ? ({...question, answer: this.weekAnswers[question.id]}) : ({...question, answer: \"3\"})\n        );\n      } catch (error) {\n        console.error(error);\n      } finally {\n        this.loading = false;\n      }\n    },\n    async getWeekAnswers(){\n      try {\n        this.weekAnswers = await getWeekAnswersRate(this.childId);\n        this.weekAnswers = Object.fromEntries(this.weekAnswers.answers.map((weekAnswer) => [\n          weekAnswer.rate_question.id,\n          weekAnswer.answer.toString()\n        ]));\n      } catch (error) {\n        console.error(error);\n      } \n      \n    },\n  },\n}\n</script>\n<style lang=\"scss\">\n.steppers-container {\n  top: 0;\n  bottom: 0;\n  & > div {\n    background-color: #f1f1f1;\n    width: 25px;\n    height: 25px;\n  }\n}\n</style>","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!./RateView.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!./RateView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RateView.vue?vue&type=template&id=202de5e7&\"\nimport script from \"./RateView.vue?vue&type=script&lang=js&\"\nexport * from \"./RateView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RateView.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","var $ = require('../internals/export');\nvar iterate = require('../internals/iterate');\nvar createProperty = require('../internals/create-property');\n\n// `Object.fromEntries` method\n// https://github.com/tc39/proposal-object-from-entries\n$({ target: 'Object', stat: true }, {\n  fromEntries: function fromEntries(iterable) {\n    var obj = {};\n    iterate(iterable, function (k, v) {\n      createProperty(obj, k, v);\n    }, undefined, true);\n    return obj;\n  }\n});\n"],"sourceRoot":""}