{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.object.values.js","webpack:///./src/assets/coin.png","webpack:///./src/gamification/components/CoinsUpdaterForm.vue?53a5","webpack:///./src/gamification/views/CoinsUpdaterView.vue?ce4f","webpack:///./src/gamification/components/skeletons/CoinsUpdaterSkeleton.vue?c47c","webpack:///src/gamification/components/skeletons/CoinsUpdaterSkeleton.vue","webpack:///./src/gamification/components/skeletons/CoinsUpdaterSkeleton.vue?3fcd","webpack:///./src/gamification/components/skeletons/CoinsUpdaterSkeleton.vue","webpack:///./src/gamification/components/CoinsUpdaterForm.vue?ec98","webpack:///src/gamification/components/CoinsUpdaterForm.vue","webpack:///./src/gamification/components/CoinsUpdaterForm.vue?7c1d","webpack:///./src/gamification/components/CoinsUpdaterForm.vue","webpack:///src/gamification/views/CoinsUpdaterView.vue","webpack:///./src/gamification/views/CoinsUpdaterView.vue?008d","webpack:///./src/gamification/views/CoinsUpdaterView.vue"],"names":["$","$values","values","target","stat","O","module","exports","render","_vm","this","_h","$createElement","_c","_self","attrs","childSelectedName","staticClass","loading","scopedSlots","_u","key","fn","proxy","CoinsValues","on","updateCoinsValues","staticRenderFns","_v","_l","coinstValue","index","_e","coinstItem","id","data","coinsValues","component","resetDefaults","$event","preventDefault","apply","arguments","_s","name","title","directives","rawName","value","expression","domProps","composing","$set","requestSent","props","type","Array","required","sessionStore","computed","getChildId","childSelectedId","childName","parentCanEdit","getCurrentChild","mixins","methods","coinValue","map","coins","defaultValue","readOnlyUserNotificationToast","coinsToUpdate","push","code","$emit","components","NavBar","CoinsUpdaterSkeleton","CoinsUpdaterForm","mounted","getCoinsValues"],"mappings":"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","file":"js/chunk-89cc52ac.a93be171.js","sourcesContent":["var $ = require('../internals/export');\nvar $values = require('../internals/object-to-array').values;\n\n// `Object.values` method\n// https://tc39.github.io/ecma262/#sec-object.values\n$({ target: 'Object', stat: true }, {\n  values: function values(O) {\n    return $values(O);\n  }\n});\n","module.exports = __webpack_public_path__ + \"img/coin.5a00addf.png\";","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!./CoinsUpdaterForm.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!./CoinsUpdaterForm.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\":(_vm.childSelectedName + \"´s Coins\")}}),_c('div',{staticClass:\"mobile pt-4\"},[_c('b-container',[_c('b-skeleton-wrapper',{attrs:{\"loading\":_vm.loading},scopedSlots:_vm._u([{key:\"loading\",fn:function(){return [_c('coins-updater-skeleton')]},proxy:true}])},[_c('coins-updater-form',{attrs:{\"coinsValues\":_vm.CoinsValues},on:{\"updateCoinsValues\":_vm.updateCoinsValues}})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"atm-desktop-max-width mobile\"},[_c('div',[_c('p',{staticClass:\"text-muted m-0 w-100\"},[_vm._v(\" Manage the coins the student will earn. \")]),_c('b-skeleton',{staticClass:\"bg-main mr-2 text-light text-right rounded-pill py-1 ml-auto small\",attrs:{\"type\":\"Button\",\"width\":\"160px\"}})],1),_c('hr',{staticClass:\"my-4 w-100\"}),_c('b-form',{staticClass:\"d-flex gap-4 flex-column w-100\"},[_vm._l((_vm.coinsValues),function(coinstValue,index){return _c('div',{key:index,staticClass:\"d-flex gap-3 mb-3 flex-wrap w-100\"},[(coinstValue.module)?_c('b-skeleton',{staticClass:\"m-0\",attrs:{\"width\":\"100px\"}}):_vm._e(),_vm._l((coinstValue.items),function(coinstItem){return _c('div',{key:coinstItem.id,staticClass:\"d-flex gap-4 justify-content-between align-items-center w-100 flex-wrap\"},[_c('b-skeleton',{staticClass:\"text-secondary m-0\",attrs:{\"width\":\"200px\"}}),_c('div',{staticClass:\"coins-update d-flex gap-2 align-items-center atm-shadow py-0\"},[_c('div',{staticClass:\"coin-container\"},[_c('img',{staticClass:\"coins-image\",attrs:{\"src\":require(\"@/assets/coin.png\")}})]),_c('b-skeleton',{attrs:{\"type\":\"input\"}})],1)],1)})],2)}),_c('b-skeleton',{staticClass:\"atm-button bg-main mx-auto my-4\",attrs:{\"type\":\"Button\",\"width\":\"45%\"}})],2)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"atm-desktop-max-width mobile\">\n      <div>\n        <p class=\"text-muted m-0 w-100\">\n          Manage the coins the student will earn.\n        </p>\n        <b-skeleton\n          type=\"Button\"\n          class=\"bg-main mr-2 text-light text-right rounded-pill py-1 ml-auto small\"\n          width=\"160px\"\n        >\n        </b-skeleton>\n      </div>\n      <hr class=\"my-4 w-100\" />\n      <b-form class=\"d-flex gap-4 flex-column w-100\">\n        <div\n          v-for=\"(coinstValue, index) in coinsValues\"\n          :key=\"index\"\n          class=\"d-flex gap-3 mb-3 flex-wrap w-100\"\n        >\n          <b-skeleton class=\"m-0\" v-if=\"coinstValue.module\" width=\"100px\"> </b-skeleton>\n          <div\n            v-for=\"coinstItem in coinstValue.items\"\n            :key=\"coinstItem.id\"\n            class=\"d-flex gap-4 justify-content-between align-items-center w-100 flex-wrap\"\n          >\n            <b-skeleton class=\"text-secondary m-0\" width=\"200px\"></b-skeleton>\n            <div class=\"coins-update d-flex gap-2 align-items-center atm-shadow py-0\">\n              <div class=\"coin-container\">\n                <img class=\"coins-image\" :src=\"require(`@/assets/coin.png`)\" />\n              </div>\n              <b-skeleton type=\"input\" />\n            </div>\n          </div>\n        </div>\n        <b-skeleton type=\"Button\" class=\"atm-button bg-main mx-auto my-4\" width=\"45%\"> </b-skeleton>\n      </b-form>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      coinsValues: [\n        {\n          items: [0, 1],\n        },\n        {\n          module: true,\n          items: [0, 1, 2],\n        },\n        {\n          module: true,\n          items: [0, 1, 2, 3, 4],\n        },\n      ],\n    };\n  },\n};\n</script>\n\n<style></style>\n\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!./CoinsUpdaterSkeleton.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!./CoinsUpdaterSkeleton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CoinsUpdaterSkeleton.vue?vue&type=template&id=2b55382e&\"\nimport script from \"./CoinsUpdaterSkeleton.vue?vue&type=script&lang=js&\"\nexport * from \"./CoinsUpdaterSkeleton.vue?vue&type=script&lang=js&\"\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 render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"atm-desktop-max-width mobile d-flex flex-column mx-auto\"},[_c('div',{staticClass:\"d-flex flex-wrap justify-content-center align-items-center\"},[_c('p',{staticClass:\"text-muted m-0 w-100\"},[_vm._v(\" Manage the coins the student will earn. \")]),_c('button',{staticClass:\"bg-main mr-2 text-light text-right rounded-pill px-3 py-1 ml-auto small\",on:{\"click\":_vm.resetDefaults}},[_vm._v(\" Reset default coins \")])]),_c('hr',{staticClass:\"my-4 w-100\"}),_c('b-form',{staticClass:\"d-flex gap-4 flex-column w-100\",on:{\"submit\":function($event){$event.preventDefault();return _vm.updateCoinsValues.apply(null, arguments)}}},[_vm._l((_vm.coinsValues),function(coinstValue,index){return _c('div',{key:index,staticClass:\"d-flex gap-3 mb-3 flex-wrap w-100\"},[(coinstValue.module)?_c('b',{staticClass:\"text-uppercase m-0 w-100\"},[_vm._v(_vm._s(coinstValue.module.name)+\" \")]):_vm._e(),_vm._l((coinstValue.items),function(coinstItem){return _c('div',{key:coinstItem.id,staticClass:\"d-flex gap-4 justify-content-between align-items-center w-100 flex-wrap\"},[_c('label',{staticClass:\"text-secondary m-0\"},[_vm._v(_vm._s(coinstItem.title))]),_c('div',{staticClass:\"coins-update d-flex gap-2 align-items-center atm-shadow py-0\"},[_c('div',{staticClass:\"coin-container\"},[_c('img',{staticClass:\"coins-image\",attrs:{\"src\":require(\"@/assets/coin.png\")}})]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(coinstItem.value),expression:\"coinstItem.value\"}],staticClass:\"input-coin\",attrs:{\"type\":\"number\",\"required\":\"\"},domProps:{\"value\":(coinstItem.value)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(coinstItem, \"value\", $event.target.value)}}})])])})],2)}),_c('b-button',{staticClass:\"atm-button bg-main mx-auto my-4 w-50\",attrs:{\"type\":\"submit\",\"disabled\":_vm.requestSent}},[(_vm.requestSent)?_c('b-spinner',{attrs:{\"label\":\"Save\"}}):_c('span',[_vm._v(\"Save\")])],1)],2)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"atm-desktop-max-width mobile d-flex flex-column mx-auto\">\n      <div class=\"d-flex flex-wrap justify-content-center align-items-center\">\n        <p class=\"text-muted m-0 w-100\">\n          Manage the coins the student will earn.\n        </p>\n        <button\n          class=\"bg-main mr-2 text-light text-right rounded-pill px-3 py-1 ml-auto small\"\n          @click=\"resetDefaults\"\n        >\n          Reset default coins\n        </button>\n      </div>\n      <hr class=\"my-4 w-100\" />\n      <b-form @submit.prevent=\"updateCoinsValues\" class=\"d-flex gap-4 flex-column w-100\">\n        <div\n          v-for=\"(coinstValue, index) in coinsValues\"\n          :key=\"index\"\n          class=\"d-flex gap-3 mb-3 flex-wrap w-100\"\n        >\n          <b class=\"text-uppercase m-0 w-100\" v-if=\"coinstValue.module\"\n            >{{ coinstValue.module.name }}\n          </b>\n\n          <div\n            v-for=\"coinstItem in coinstValue.items\"\n            :key=\"coinstItem.id\"\n            class=\"d-flex gap-4 justify-content-between align-items-center w-100 flex-wrap\"\n          >\n            <label class=\"text-secondary m-0\">{{ coinstItem.title }}</label>\n            <div class=\"coins-update d-flex gap-2 align-items-center atm-shadow py-0\">\n              <div class=\"coin-container\">\n                <img class=\"coins-image\" :src=\"require(`@/assets/coin.png`)\" />\n              </div>\n              <input type=\"number\" v-model=\"coinstItem.value\" class=\"input-coin\" required />\n            </div>\n          </div>\n        </div>\n        <b-button\n          type=\"submit\"\n          class=\"atm-button bg-main mx-auto my-4 w-50\"\n          :disabled=\"requestSent\"\n        >\n          <b-spinner v-if=\"requestSent\" label=\"Save\" />\n          <span v-else>Save</span>\n        </b-button>\n      </b-form>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { useSessionStore } from '@/common';\nimport notificationToastMixin from '@/Mixins/notificationToast.mixin';\n\nexport default {\n  props: {\n    coinsValues: {\n      type: Array,\n      required: true,\n    },\n  },\n  data() {\n    const sessionStore = useSessionStore();\n    return {\n      sessionStore,\n      requestSent: false,\n    };\n  },\n  computed: {\n    getChildId() {\n      return this.sessionStore.childSelectedId;\n    },\n    childSelectedName() {\n      return this.sessionStore.childName;\n    },\n    parentCanEdit() {\n      return this.sessionStore.getCurrentChild.parentCanEdit;\n    },\n  },\n  mixins: [notificationToastMixin],\n  methods: {\n    resetDefaults() {\n      if (!this.parentCanEdit) {\n        this.readOnlyUserNotificationToast();\n        return;\n      }\n      for (const index in this.coinsValues) {\n        const coinValue = this.coinsValues[index].items;\n        coinValue.map((coins) => {\n          coins.value = coins.defaultValue;\n        });\n      }\n    },\n    updateCoinsValues() {\n      const coinsToUpdate = [];\n      if (!this.parentCanEdit) {\n        this.readOnlyUserNotificationToast();\n        return;\n      }\n      for (const value of Object.values(this.coinsValues)) {\n        coinsToUpdate.push(\n          ...value.items.map((coins) => ({\n            code: coins.id,\n            value: coins.value,\n          })),\n        );\n      }\n      this.$emit('updateCoinsValues', { coinsToUpdate });\n      this.requestSent = true;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.input-coin {\n  background-color: transparent;\n  border: none;\n  width: 40px;\n}\n\n.coin-container {\n  position: relative;\n  width: 34px;\n  height: 34px;\n  padding: 6px;\n}\n.coins-image {\n  position: relative;\n  top: -2px;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n.coins-update {\n  border-radius: 8px;\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!./CoinsUpdaterForm.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!./CoinsUpdaterForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CoinsUpdaterForm.vue?vue&type=template&id=2fb08b7e&\"\nimport script from \"./CoinsUpdaterForm.vue?vue&type=script&lang=js&\"\nexport * from \"./CoinsUpdaterForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CoinsUpdaterForm.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","<template>\n  <div>\n    <nav-bar :title=\"`${childSelectedName}´s Coins`\" />\n    <div class=\"mobile pt-4\">\n      <b-container>\n        <b-skeleton-wrapper :loading=\"loading\">\n          <template #loading>\n            <coins-updater-skeleton />\n          </template>\n          <coins-updater-form :coinsValues=\"CoinsValues\" @updateCoinsValues=\"updateCoinsValues\" />\n        </b-skeleton-wrapper>\n      </b-container>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { useSessionStore } from '@/common';\nimport { getChildCoinsValues, updateCoinstValues } from '@/gamification/services';\nimport { NavBar } from '@/common/components';\nimport CoinsUpdaterSkeleton from '@/gamification/components/skeletons/CoinsUpdaterSkeleton';\nimport CoinsUpdaterForm from '@/gamification/components/CoinsUpdaterForm';\n\nexport default {\n  components: {\n    NavBar,\n    CoinsUpdaterSkeleton,\n    CoinsUpdaterForm,\n  },\n  data() {\n    const sessionStore = useSessionStore();\n    return {\n      sessionStore,\n      CoinsValues: [],\n      loading: false,\n    };\n  },\n  computed: {\n    childSelectedName() {\n      return this.sessionStore.childName;\n    },\n    getChildId() {\n      return this.sessionStore.childSelectedId;\n    },\n  },\n  methods: {\n    async getCoinsValues() {\n      this.loading = true;\n      const childId = this.getChildId;\n      try {\n        this.CoinsValues = await getChildCoinsValues({ childId });\n      } catch (error) {\n        throw new Error(error);\n      } finally {\n        this.loading = false;\n      }\n    },\n\n    async updateCoinsValues({ coinsToUpdate }) {\n      const childId = this.getChildId;\n      await updateCoinstValues({ childId, coinsToUpdate });\n      this.getCoinsValues();\n    },\n  },\n  mounted() {\n    this.getCoinsValues();\n  },\n};\n</script>\n\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!./CoinsUpdaterView.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!./CoinsUpdaterView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CoinsUpdaterView.vue?vue&type=template&id=7a07c5ee&\"\nimport script from \"./CoinsUpdaterView.vue?vue&type=script&lang=js&\"\nexport * from \"./CoinsUpdaterView.vue?vue&type=script&lang=js&\"\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"],"sourceRoot":""}