{"version":3,"sources":["webpack:///./src/gamification/views/RewardsFormView.vue?38f1","webpack:///./src/gamification/views/RewardsFormView.vue?4d3c","webpack:///src/gamification/views/RewardsFormView.vue","webpack:///./src/gamification/views/RewardsFormView.vue?67c6","webpack:///./src/gamification/views/RewardsFormView.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","directives","name","rawName","value","expression","domProps","on","$event","target","composing","rewardTitle","rewardCoins","file","imageMaxSize","error","fileInput","_v","_s","message","_e","Array","isArray","reUse","_i","$$a","$$el","$$c","checked","$$v","$$i","concat","slice","isBeingSaved","sendData","staticRenderFns","data","sessionStore","components","NavBar","InputFile","computed","userIsAParent","childId","childSelectedId","userId","methods","saveFile","event","files","component"],"mappings":"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","file":"js/chunk-b3c70878.259aa934.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!./RewardsFormView.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!./RewardsFormView.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\":'New Rewards'}}),_c('div',{staticClass:\"mobile py-4\"},[_c('div',{staticClass:\"atm-desktop-max-width d-flex gap-4 flex-column justify-content-center mx-auto\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.rewardTitle),expression:\"rewardTitle\"}],staticClass:\"atm-input-title font-weight-600 w-100 mt-3\",attrs:{\"type\":\"text\",\"placeholder\":\"Add title for new reward*\",\"required\":\"\"},domProps:{\"value\":(_vm.rewardTitle)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.rewardTitle=$event.target.value}}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.rewardCoins),expression:\"rewardCoins\"}],staticClass:\"atm-input border-left-0 w-100\",attrs:{\"type\":\"number\",\"placeholder\":\"Coins required\",\"required\":\"\"},domProps:{\"value\":(_vm.rewardCoins)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.rewardCoins=$event.target.value}}}),_c('div',{staticClass:\"my-2\"},[_c('input-file',{attrs:{\"file\":_vm.file,\"imageMaxSize\":_vm.imageMaxSize,\"error\":_vm.error,\"fileInput\":_vm.fileInput},on:{\"update:fileData\":function($event){_vm.file = $event},\"update:fileInput\":function($event){_vm.fileInput = $event},\"update:error\":function($event){_vm.error = $event}}}),_c('small',{staticClass:\"text-muted d-block\"},[_vm._v(\" Maximum image size 9 MB \")]),(_vm.error.value)?_c('small',{staticClass:\"text-danger d-block\"},[_vm._v(\" \"+_vm._s(_vm.error.message)+\" \")]):_vm._e()],1),_c('div',{staticClass:\"d-flex align-items-center \"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.reUse),expression:\"reUse\"}],attrs:{\"id\":\"reUseCheckBox\",\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.reUse)?_vm._i(_vm.reUse,null)>-1:(_vm.reUse)},on:{\"change\":function($event){var $$a=_vm.reUse,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.reUse=$$a.concat([$$v]))}else{$$i>-1&&(_vm.reUse=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.reUse=$$c}}}}),_c('label',{staticClass:\"material-icons-round ml-0\",attrs:{\"for\":\"reUseCheckBox\"}}),_c('label',{staticClass:\"m-0\"},[_vm._v(\"Allow reuse of this reward\")])]),_c('button',{staticClass:\"atm-button bg-main mt-2 mb-4 w-50 mx-auto\",attrs:{\"type\":\"submit\",\"disabled\":_vm.isBeingSaved},on:{\"click\":_vm.sendData}},[(_vm.isBeingSaved)?_c('b-spinner',{attrs:{\"label\":\"Save\"}}):_c('span',[_vm._v(\"Save\")])],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <nav-bar :title=\"'New Rewards'\"></nav-bar>\n    <div class=\"mobile py-4\">\n      <div class=\"atm-desktop-max-width d-flex gap-4 flex-column justify-content-center mx-auto\">\n        <input\n          type=\"text\"\n          v-model=\"rewardTitle\"\n          class=\"atm-input-title font-weight-600 w-100 mt-3\"\n          placeholder=\"Add title for new reward*\"\n          required\n        />\n        <input\n          type=\"number\"\n          v-model=\"rewardCoins\"\n          class=\"atm-input border-left-0 w-100\"\n          placeholder=\"Coins required\"\n          required\n        />\n        <div class=\"my-2\">\n          <input-file\n            :file=\"file\"\n            :imageMaxSize=\"imageMaxSize\"\n            :error=\"error\"\n            :fileInput=\"fileInput\"\n            @update:fileData=\"file = $event\"\n            @update:fileInput=\"fileInput = $event\"\n            @update:error=\"error = $event\"\n          >\n          </input-file>\n          <small class=\"text-muted d-block\">\n            Maximum image size 9 MB\n          </small>\n          <small v-if=\"error.value\" class=\"text-danger d-block\">\n            {{ error.message }}\n          </small>\n        </div>\n        <div class=\"d-flex align-items-center \">\n          <input id=\"reUseCheckBox\" type=\"checkbox\" v-model=\"reUse\" />\n          <label for=\"reUseCheckBox\" class=\"material-icons-round ml-0\"></label>\n          <label class=\"m-0\">Allow reuse of this reward</label>\n        </div>\n        <button\n          type=\"submit\"\n          class=\"atm-button bg-main mt-2 mb-4 w-50 mx-auto\"\n          @click=\"sendData\"\n          :disabled=\"isBeingSaved\"\n        >\n          <b-spinner v-if=\"isBeingSaved\" label=\"Save\" />\n          <span v-else>Save</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport { NavBar } from '@/common/components';\nimport { setCreateReward } from '../services';\nimport { useSessionStore } from '@/common';\nimport { InputFile } from '@/common/components';\n\nexport default {\n  data() {\n    const imageMaxSize = 9437184;\n    const sessionStore = useSessionStore();\n    return {\n      error: {},\n      rewardTitle: null,\n      rewardCoins: null,\n      file: null,\n      fileInput: null,\n      reUse: true,\n      imageMaxSize,\n      sessionStore,\n      isBeingSaved: false,\n    };\n  },\n  components: {\n    NavBar,\n    InputFile,\n  },\n  computed: {\n    userIsAParent() {\n      return this.sessionStore.userIsAParent;\n    },\n    childId() {\n      return this.userIsAParent ? this.sessionStore.childSelectedId : this.sessionStore.userId;\n    },\n  },\n  methods: {\n    saveFile(event) {\n      this.file = event.target.files[0];\n    },\n    async sendData() {\n      this.isBeingSaved = true;\n      try {\n        if (this.rewardTitle && this.rewardCoins && !this.error.value) {\n            if (!this.file) {\n              await this.createReward();\n            } else {\n              await this.createReward(this.file);\n            }\n        }\n      } catch (error) {\n        console.error(error);\n      } finally {\n        this.isBeingSaved = false;\n      }\n    },\n    async createReward(imageData) {\n      const formReward = {\n        name: this.rewardTitle,\n        child: this.childId,\n        coins_required: this.rewardCoins,\n        re_use: this.reUse,\n        favorite: false,\n      };\n      if (imageData) {\n        formReward.attachment = imageData;\n      }\n      try {\n        await setCreateReward(formReward);\n        this.$router.push({\n          name: 'rewards',\n          params: {\n            markComplete: true,\n          },\n        });\n      } catch (error) {\n        console.error('rewardsForm', error);\n      }\n    },\n  },\n};\n</script>\n<style lang=\"scss\">\n.inputLabel {\n  background-color: #f3f3f3;\n  width: 100%;\n  height: 50px;\n  line-height: 50px;\n  border-radius: 0.8rem;\n  box-shadow: 2px 2px 6px rgb(0 0 0 / 25%);\n  .nestedInput {\n    display: none;\n  }\n}\n.input-coin .input-group-text {\n  background-color: #fff !important;\n  border-right: 0 !important;\n}\n.cursor-pointer {\n  cursor: pointer;\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!./RewardsFormView.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!./RewardsFormView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RewardsFormView.vue?vue&type=template&id=61e0a65e&\"\nimport script from \"./RewardsFormView.vue?vue&type=script&lang=js&\"\nexport * from \"./RewardsFormView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RewardsFormView.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"],"sourceRoot":""}