{"version":3,"sources":["webpack:///./src/assets/coin.png","webpack:///./src/gamification/components/RewardCard.vue?4198","webpack:///src/gamification/components/RewardCard.vue","webpack:///./src/gamification/components/RewardCard.vue?76d0","webpack:///./src/gamification/components/RewardCard.vue","webpack:///./src/assets/coin2.png","webpack:///./src/assets/bg-congrats.png","webpack:///./src/gamification/views/RewardsView.vue?4f1e","webpack:///./src/gamification/components/buttons/ModalOpeningButtonNewReward.vue?3c4e","webpack:///./src/gamification/components/modal/ModalNewReward.vue?44e8","webpack:///src/gamification/components/modal/ModalNewReward.vue","webpack:///./src/gamification/components/modal/ModalNewReward.vue?aa9a","webpack:///./src/gamification/components/modal/ModalNewReward.vue","webpack:///src/gamification/components/buttons/ModalOpeningButtonNewReward.vue","webpack:///./src/gamification/components/buttons/ModalOpeningButtonNewReward.vue?54fd","webpack:///./src/gamification/components/buttons/ModalOpeningButtonNewReward.vue","webpack:///./src/gamification/components/modal/ModalUpdateReward.vue?0c25","webpack:///src/gamification/components/modal/ModalUpdateReward.vue","webpack:///./src/gamification/components/modal/ModalUpdateReward.vue?0153","webpack:///./src/gamification/components/modal/ModalUpdateReward.vue","webpack:///./src/gamification/components/modal/ModalRedeemReward.vue?936d","webpack:///src/gamification/components/modal/ModalRedeemReward.vue","webpack:///./src/gamification/components/modal/ModalRedeemReward.vue?f709","webpack:///./src/gamification/components/modal/ModalRedeemReward.vue","webpack:///src/gamification/views/RewardsView.vue","webpack:///./src/gamification/views/RewardsView.vue?5da7","webpack:///./src/gamification/views/RewardsView.vue","webpack:///./src/gamification/components/skeletons/RewardSkeleton.vue?d75b","webpack:///./src/gamification/components/skeletons/RewardSkeleton.vue","webpack:///./src/gamification/components/RewardCard.vue?8308","webpack:///./src/assets/empty-rewards.jpg","webpack:///./src/gamification/components/modal/ModalRedeemReward.vue?ca08","webpack:///./src/gamification/views/RewardsView.vue?3f2a"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_v","_s","rewardData","coins_required","rewardBank","_e","class","favoriteButtonStyle","attrs","on","updateStatusFavorite","userIsParent","parentCanEdit","scopedSlots","_u","key","fn","proxy","$event","openModalUpdateReward","modalDeleteReward","attachment","directives","name","rawName","claimed","coinsBanked","claimReward","toFixed","last_claimed_date","formatLongDateTime","staticRenderFns","data","sessionStore","props","type","Object","Boolean","default","Number","computed","getCurrentChild","methods","$emit","component","titlePage","confirmModalData","title","confirmButton","text","rewardDataToEdit","updateReward","userIsAParent","rewardModal","image","textCoinsInformation","coinsInformation","Banked","_l","reward","id","changeFavorite","showModalDeleteReward","showClaimReward","parentName","newRewardData","options","showNewRewardModal","_t","button","idx","action","buttonOptions","Array","components","newRewardModal","$bvModal","show","value","expression","domProps","target","composing","$set","isArray","re_use","_i","$$a","$$el","$$c","checked","$$v","$$i","concat","slice","hideUpdateRewardModal","editReward","hide","ref","idModal","rewardImg","rewardName","hideModal","String","NavBar","rewardCard","ConfirmModal","RewardSkeleton","ModalOpeningButtonNewReward","ModalUpdateReward","ModalRedeemReward","loading","rewardsChild","claimedRewards","mixins","childId","childSelectedId","userId","childName","openModalRewardRedeemed","skeleton","script"],"mappings":"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","file":"js/chunk-cf68a208.eac35e12.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/coin.5a00addf.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"position-relative\"},[_c('div',{staticClass:\" coinsValue position-absolute d-flex align-items-center bg-light px-2 py-1 rounded-pill atm-shadow\"},[_vm._m(0),_c('span',[_vm._v(\" \"+_vm._s(_vm.rewardData.coins_required)+\" \")])]),(!_vm.rewardBank)?_c('button',{staticClass:\"favouriteButton position-absolute material-icons-round p-0\",class:_vm.favoriteButtonStyle,attrs:{\"type\":\"button\"},on:{\"click\":_vm.updateStatusFavorite}},[_vm._v(\" star \")]):_vm._e(),(_vm.userIsParent && !_vm.rewardBank && _vm.parentCanEdit)?_c('b-dropdown',{staticClass:\"dropdownStyle position-absolute bg-light rounded-pill p-1 atm-shadow\",attrs:{\"no-caret\":\"\",\"variant\":\"none\",\"toggle-class\":\"d-flex p-0\"},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_c('i',{staticClass:\"material-icons text-dark \"},[_vm._v(\"more_horiz\")])]},proxy:true}],null,false,2165089865)},[_c('button',{staticClass:\"dropdownItem text-dark d-flex p-2 w-100\",on:{\"click\":function($event){return _vm.openModalUpdateReward(_vm.rewardData)}}},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"edit\")]),_c('span',{staticClass:\" font-weight-bold text-capitalize text-center\"},[_vm._v(\" Edit \")])]),_c('button',{staticClass:\"dropdownItem text-danger d-flex p-2 w-100\",on:{\"click\":_vm.modalDeleteReward}},[_c('i',{staticClass:\"material-icons \"},[_vm._v(\"delete\")]),_c('span',{staticClass:\" font-weight-bold text-capitalize text-center\"},[_vm._v(\" Delete \")])])]):_vm._e(),_c('div',{staticClass:\"rewardImage\"},[_c('img',{staticClass:\"atm-rounded-top\",attrs:{\"src\":_vm.rewardData.attachment ? _vm.rewardData.attachment : require(\"@/assets/empty-rewards.jpg\")}})])],1),_c('div',{staticClass:\"d-flex flex-column justify-items-center align-items-center p-3 w-100\"},[_c('p',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\"}],staticClass:\"reward-name text-blue-dark font-weight-bold h5 w-100\",attrs:{\"title\":_vm.rewardData.name}},[_vm._v(\" \"+_vm._s(_vm.rewardData.name)+\" \")]),(!_vm.rewardData.claimed && !_vm.rewardBank)?_c('div',{staticClass:\"d-flex flex-wrap justify-items-center align-items-center w-100\"},[(_vm.rewardData.coins_required <= _vm.coinsBanked)?_c('div',{staticClass:\"d-flex flex-wrap w-100\"},[_c('small',{staticClass:\"mb-2 w-100\"},[_c('span',{staticClass:\"font-weight-bold text-orange\"},[_vm._v(\" \"+_vm._s(_vm.rewardData.coins_required)+\" \")]),_vm._v(\" coins to claim \")]),(!_vm.userIsParent)?_c('button',{staticClass:\"claimButton atm-button bg-main bottom-0 w-50 mx-auto\",on:{\"click\":_vm.claimReward}},[_vm._v(\" Claim \")]):(_vm.parentCanEdit)?_c('button',{staticClass:\"claimButton atm-button text-center bg-main bottom-0 w-75 mx-auto\",on:{\"click\":_vm.claimReward}},[_vm._v(\" Ready to claim \")]):_vm._e()]):_c('div',{staticClass:\"d-flex flex-grow flex-wrap w-100\"},[_c('small',{staticClass:\"mb-2\"},[_vm._v(\" You need \"),_c('span',{staticClass:\"font-weight-bold text-orange\"},[_vm._v(\" \"+_vm._s(_vm.rewardData.coins_required - _vm.coinsBanked)+\" coins \")]),_vm._v(\" more \")]),_c('b-progress',{staticClass:\"progress-bar rounded-pill w-100\",attrs:{\"max\":_vm.rewardData.coins_required}},[_c('b-progress-bar',{staticClass:\"progress rounded-pill\",attrs:{\"value\":_vm.coinsBanked,\"label\":((((_vm.coinsBanked / _vm.rewardData.coins_required) * 100).toFixed(1)) + \"%\"),\"show-progress\":\"\",\"animated\":\"\"}})],1)],1)]):_vm._e()]),(!_vm.rewardBank)?_c('span',{staticClass:\"labelDate text-blue-dark\"},[_c('b',[_vm._v(\"Last Claimed:\")]),_vm._v(\" \"+_vm._s(_vm.rewardData.last_claimed_date ? _vm.formatLongDateTime(_vm.rewardData.last_claimed_date) : 'Never')+\" \")]):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"h-100 mr-2\"},[_c('img',{staticClass:\"h-100\",attrs:{\"src\":require(\"@/assets/coin2.png\"),\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"position-relative\">\n      <div\n        class=\" coinsValue position-absolute d-flex align-items-center bg-light px-2 py-1 rounded-pill atm-shadow\"\n      >\n        <div class=\"h-100 mr-2\">\n          <img src=\"@/assets/coin2.png\" alt=\"\" class=\"h-100\" />\n        </div>\n        <span>\n          {{ rewardData.coins_required }}\n        </span>\n      </div>\n      <button\n        v-if=\"!rewardBank\"\n        type=\"button\"\n        class=\"favouriteButton position-absolute material-icons-round p-0\"\n        :class=\"favoriteButtonStyle\"\n        @click=\"updateStatusFavorite\"\n      >\n        star\n      </button>\n      <b-dropdown\n        v-if=\"userIsParent && !rewardBank && parentCanEdit\"\n        no-caret\n        variant=\"none\"\n        class=\"dropdownStyle position-absolute bg-light rounded-pill p-1 atm-shadow\"\n        toggle-class=\"d-flex p-0\"\n      >\n        <template #button-content class=\"text-decoration-none\">\n          <i class=\"material-icons text-dark \">more_horiz</i>\n        </template>\n        <button\n          @click=\"openModalUpdateReward(rewardData)\"\n          class=\"dropdownItem text-dark d-flex p-2 w-100\"\n        >\n          <i class=\"material-icons\">edit</i>\n          <span class=\" font-weight-bold text-capitalize text-center\">\n            Edit\n          </span>\n        </button>\n        <button @click=\"modalDeleteReward\" class=\"dropdownItem text-danger d-flex p-2 w-100\">\n          <i class=\"material-icons \">delete</i>\n          <span class=\" font-weight-bold text-capitalize text-center\">\n            Delete\n          </span>\n        </button>\n      </b-dropdown>\n      <div class=\"rewardImage\">\n        <img\n          :src=\"\n            rewardData.attachment ? rewardData.attachment : require(`@/assets/empty-rewards.jpg`)\n          \"\n          class=\"atm-rounded-top\"\n        />\n      </div>\n    </div>\n    <div class=\"d-flex flex-column justify-items-center align-items-center p-3 w-100\">\n      <p\n        class=\"reward-name text-blue-dark font-weight-bold h5 w-100\"\n        v-b-tooltip\n        :title=\"rewardData.name\"\n      >\n        {{ rewardData.name }}\n      </p>\n      <div\n        v-if=\"!rewardData.claimed && !rewardBank\"\n        class=\"d-flex flex-wrap justify-items-center align-items-center w-100\"\n      >\n        <div v-if=\"rewardData.coins_required <= coinsBanked\" class=\"d-flex flex-wrap w-100\">\n          <small class=\"mb-2 w-100\">\n            <span class=\"font-weight-bold text-orange\">\n              {{ rewardData.coins_required }}\n            </span>\n            coins to claim\n          </small>\n          <button\n            v-if=\"!userIsParent\"\n            class=\"claimButton atm-button bg-main bottom-0 w-50 mx-auto\"\n            @click=\"claimReward\"\n          >\n            Claim\n          </button>\n          <button\n            v-else-if=\"parentCanEdit\"\n            class=\"claimButton atm-button text-center bg-main bottom-0 w-75 mx-auto\"\n            @click=\"claimReward\"\n          >\n            Ready to claim\n          </button>\n        </div>\n        <div v-else class=\"d-flex flex-grow flex-wrap w-100\">\n          <small class=\"mb-2\">\n            You need\n            <span class=\"font-weight-bold text-orange\">\n              {{ rewardData.coins_required - coinsBanked }} coins\n            </span>\n            more\n          </small>\n          <b-progress :max=\"rewardData.coins_required\" class=\"progress-bar rounded-pill w-100\">\n            <b-progress-bar\n              :value=\"coinsBanked\"\n              :label=\"`${((coinsBanked / rewardData.coins_required) * 100).toFixed(1)}%`\"\n              class=\"progress rounded-pill\"\n              show-progress\n              animated\n            ></b-progress-bar>\n          </b-progress>\n        </div>\n      </div>\n    </div>\n    <span v-if=\"!rewardBank\" class=\"labelDate text-blue-dark\">\n      <b>Last Claimed:</b>\n      {{\n        rewardData.last_claimed_date ? formatLongDateTime(rewardData.last_claimed_date) : 'Never'\n      }}\n    </span>\n  </div>\n</template>\n<script>\nimport { useSessionStore } from '@/common';\nimport { formatLongDateTime } from '@/common/utils/Date';\n\nexport default {\n  data() {\n    const sessionStore = useSessionStore();\n    return {\n      sessionStore,\n      formatLongDateTime,\n    };\n  },\n  props: {\n    rewardData: {\n      type: Object,\n    },\n    userIsParent: {\n      type: Boolean,\n      default: false,\n    },\n    coinsBanked: {\n      type: Number,\n      default: 0,\n    },\n    rewardBank: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  computed: {\n    favoriteButtonStyle() {\n      return this.rewardData?.favorite ? 'favouriteColor' : 'text-light';\n    },\n    parentCanEdit() {\n      return this.sessionStore.getCurrentChild.parentCanEdit;\n    },\n  },\n  methods: {\n    updateStatusFavorite() {\n      this.$emit('changeFavorite');\n    },\n    openModalUpdateReward(rewardData) {\n      this.$emit('openModalUpdateReward', { rewardData });\n    },\n    modalDeleteReward() {\n      this.$emit('deleteReward');\n    },\n    claimReward() {\n      this.$emit('claimReward');\n    },\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.fit-image {\n  width: 100%;\n  height: 120px;\n  object-fit: cover;\n}\n\n.fit-image-horizontal {\n  width: 100%;\n  height: 100px;\n  object-fit: cover;\n}\n\n.biger-icon {\n  font-size: 5em !important;\n}\n\n.close {\n  right: 10px;\n}\n\n.coinsValue {\n  height: 30px;\n  top: 10px;\n  left: 10px;\n  & > div {\n    position: relative;\n    top: -2px;\n    height: 100%;\n    & > img {\n      object-fit: contain;\n    }\n  }\n}\n\n.favouriteButton {\n  background-color: transparent;\n  font-size: 2rem;\n  top: 10px;\n  right: 10px;\n  border: none;\n  text-shadow: 2px 2px 6px rgb(0 0 0 / 25%);\n}\n\n.favouriteColor {\n  color: #ff7648;\n}\n\n.dropdownStyle {\n  right: 10px;\n  bottom: 10px;\n}\n\n.dropdownItem {\n  background-color: transparent;\n  border: none;\n}\n\n.rewardImage {\n  width: 100%;\n  height: 200px;\n  & > img {\n    box-shadow: 0 5px 14px -10px #888;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n}\n\n.claimButton {\n  height: min-content;\n}\n\n.reward-name {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.labelDate {\n  font-size: 12px;\n  margin-top: 8px;\n  margin-left: 20px;\n}\n\n.progress-bar {\n  height: 25px;\n  background-color: #e9ecef;\n  & .progress {\n    background-color: #f9c132;\n    color: black;\n    font-weight: 500;\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!./RewardCard.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!./RewardCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RewardCard.vue?vue&type=template&id=1ab2ac9e&scoped=true&\"\nimport script from \"./RewardCard.vue?vue&type=script&lang=js&\"\nexport * from \"./RewardCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RewardCard.vue?vue&type=style&index=0&id=1ab2ac9e&lang=scss&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  \"1ab2ac9e\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/coin2.5c2570b1.png\";","module.exports = __webpack_public_path__ + \"img/bg-congrats.01de42da.png\";","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.titlePage}}),_c('div',{staticClass:\"mobile py-4\"},[_c('confirm-modal',{attrs:{\"title\":_vm.confirmModalData.title,\"confirm-button\":_vm.confirmModalData.confirmButton}},[_vm._v(\" \"+_vm._s(_vm.confirmModalData.text)+\" \")]),_c('modal-update-reward',{attrs:{\"rewardData\":_vm.rewardDataToEdit},on:{\"updateReward\":_vm.updateReward}}),(!_vm.userIsAParent || _vm.parentCanEdit)?_c('modal-opening-button-new-reward'):_vm._e(),_c('modal-redeem-reward',{attrs:{\"rewardName\":_vm.rewardModal.name,\"rewardImg\":_vm.rewardModal.image}}),(_vm.loading)?_c('reward-skeleton'):_c('div',{staticClass:\"atm-desktop-max-width\"},[_c('b-alert',{staticClass:\"d-flex justify-content-between p-2 mx-2 mx-lg-5\",attrs:{\"show\":\"\",\"variant\":\"primary\"}},[_c('small',[_vm._v(\" \"+_vm._s(_vm.textCoinsInformation)+\" \")]),_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('b-img',{staticClass:\"small-coin mr-1\",attrs:{\"src\":require('@/assets/coin.png')}}),_c('p',{staticClass:\"small font-weight-bolder mb-0 d-inline-block\"},[_vm._v(\" \"+_vm._s(_vm.coinsInformation.Banked)+\" \")])],1)]),_c('b-row',{staticClass:\"d-flex gap-4 justify-content-center align-items-stretch w-100 atm-desktop-max-width px-4 py-4 mx-auto\"},[(_vm.rewardsChild)?_c('div',{staticClass:\"d-flex gap-4 flex-wrap justify-content-center align-items-stretch w-100 mt-4\"},_vm._l((_vm.rewardsChild),function(reward,id){return _c('div',{key:(\"noClaimed_\" + id),staticClass:\"position-relative rewardCard atm-rounded atm-shadow\"},[_c('reward-card',{attrs:{\"reward-data\":reward,\"userIsParent\":_vm.userIsAParent,\"coinsBanked\":_vm.coinsInformation.Banked},on:{\"changeFavorite\":function($event){return _vm.changeFavorite(reward)},\"deleteReward\":function($event){return _vm.showModalDeleteReward(reward)},\"claimReward\":function($event){return _vm.showClaimReward(reward)},\"openModalUpdateReward\":_vm.openModalUpdateReward}})],1)}),0):_c('div',[_c('span',{staticClass:\"material-icons border-2 full-icon rounded-circle align-middle mt-5 mb-4 border-0\"},[_vm._v(\" card_giftcard \")]),_c('p',{staticClass:\"h4 text-xmuted mx-4\"},[_c('span',{staticClass:\"text-capitalize\"},[_vm._v(\" \"+_vm._s(_vm.sessionStore.parentName)+\" \")]),_vm._v(\" has not added any rewards yet. \")])]),(_vm.claimedRewards)?_c('div',{staticClass:\"d-flex gap-4 flex-wrap justify-content-center align-items-stretch w-100 mt-4\"},[_c('h2',{staticClass:\"mr-auto font-weight-600 w-100\"},[_vm._v(\"Rewards redeemed\")]),_vm._l((_vm.claimedRewards),function(reward,id){return _c('div',{key:(\"claimed_\" + id),staticClass:\"position-relative rewardCard atm-rounded atm-shadow\"},[_c('reward-card',{attrs:{\"reward-data\":reward,\"userIsParent\":_vm.userIsAParent,\"coinsBanked\":_vm.coinsInformation.Banked},on:{\"deleteReward\":function($event){return _vm.showModalDeleteReward(reward)},\"claimReward\":function($event){return _vm.showClaimReward(reward)},\"openModalUpdateReward\":_vm.openModalUpdateReward}})],1)})],2):_vm._e()])],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('new-reward-modal',{attrs:{\"title\":_vm.newRewardData.title,\"button-options\":_vm.newRewardData.options}},[_vm._v(\" \"+_vm._s(_vm.newRewardData.text)+\" \")]),_c('b-button',{staticClass:\"bg-main border-0 font-weight-bolder float-button-right rounded-circle p-1\",attrs:{\"pill\":\"\"},on:{\"click\":_vm.showNewRewardModal}},[_c('i',{staticClass:\"material-icons big-icon font-weight-bolder align-middle\"},[_vm._v(\" add \")])])],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('b-modal',{attrs:{\"id\":\"ModalNewReward\",\"size\":\"md\",\"centered\":\"\",\"hide-header\":true,\"hide-footer\":true,\"content-class\":\"p-2 atm-rounded\"}},[_c('h3',{staticClass:\"mb-3 font-weight-bold\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"px-3\"},[_c('div',{staticClass:\"mb-4\"},[_vm._t(\"default\")],2),_c('div',{staticClass:\"d-flex flex-column gap-4 justify-content-center align-items-center \"},_vm._l((_vm.buttonOptions),function(button,idx){return _c('button',{key:idx,staticClass:\"atm-button flex-grow-1 bg-main font-weight-bold w-100\",on:{\"click\":button.action}},[_vm._v(\" \"+_vm._s(button.text)+\" \")])}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-modal\n    id=\"ModalNewReward\"\n    size=\"md\"\n    centered\n    :hide-header=\"true\"\n    :hide-footer=\"true\"\n    content-class=\"p-2 atm-rounded\"\n  >\n    <h3 class=\"mb-3 font-weight-bold\">{{ title }}</h3>\n    <div class=\"px-3\">\n      <div class=\"mb-4\">\n        <slot></slot>\n      </div>\n      <div\n        class=\"d-flex flex-column gap-4 justify-content-center align-items-center \"\n      >\n        <button\n          v-for=\"(button, idx) in buttonOptions\"\n          :key=\"idx\"\n          class=\"atm-button flex-grow-1 bg-main font-weight-bold w-100\"\n          @click=\"button.action\"\n        >\n          {{ button.text }}\n        </button>\n      </div>\n    </div>\n  </b-modal>\n</template>\n\n<script>\nexport default {\n  props: {\n    title: { type: String, default: '' },\n    buttonOptions: {\n      type: Array,\n      default: () => [\n        { text: 'Button', action: () => {} },\n      ]\n    }\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!./ModalNewReward.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!./ModalNewReward.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalNewReward.vue?vue&type=template&id=78e86533&\"\nimport script from \"./ModalNewReward.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalNewReward.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","<template>\n  <div>\n    <new-reward-modal :title=\"newRewardData.title\" :button-options=\"newRewardData.options\">\n      {{ newRewardData.text }}\n    </new-reward-modal>\n    <b-button\n      @click=\"showNewRewardModal\"\n      pill\n      class=\"bg-main border-0 font-weight-bolder float-button-right rounded-circle p-1\"\n    >\n      <i class=\"material-icons big-icon font-weight-bolder align-middle\">\n        add\n      </i>\n    </b-button>\n  </div>\n</template>\n\n<script>\nimport newRewardModal from '@/gamification/components/modal/ModalNewReward';\nexport default {\n  components: {\n    newRewardModal,\n  },\n  data: () => {\n    return {\n      newRewardData: {\n        title: 'New Reward',\n        text: 'How do you want to create it?',\n        options: [],\n      },\n    };\n  },\n  methods: {\n    showNewRewardModal() {\n      this.newRewardData.options = [\n        {\n          text: 'Create my own reward',\n          action: () => {\n            this.$router.push('new-reward');\n          },\n        },\n        {\n          text: 'See bank reward idea',\n          action: () => {\n            this.$router.push('/rewards-bank');\n          },\n        },\n      ];\n      this.$bvModal.show('ModalNewReward');\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!./ModalOpeningButtonNewReward.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!./ModalOpeningButtonNewReward.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalOpeningButtonNewReward.vue?vue&type=template&id=3537aedd&\"\nimport script from \"./ModalOpeningButtonNewReward.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalOpeningButtonNewReward.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('b-modal',{attrs:{\"id\":\"updateReward\",\"size\":\"md\",\"centered\":\"\",\"hide-header\":true,\"hide-footer\":true,\"content-class\":\"p-2 atm-rounded\",\"no-close-on-backdrop\":\"\"}},[_c('h3',{staticClass:\"mb-3\"},[_vm._v(\"Edit Reward\")]),_c('div',{staticClass:\"px-3\"},[_c('div',{staticClass:\"d-flex gap-4 flex-column justify-items-center mb-4\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.rewardData.name),expression:\"rewardData.name\"}],staticClass:\"atm-input-title font-weight-600 mb-3\",attrs:{\"type\":\"text\",\"placeholder\":\"Reward Title\",\"required\":\"\"},domProps:{\"value\":(_vm.rewardData.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.rewardData, \"name\", $event.target.value)}}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.rewardData.coins_required),expression:\"rewardData.coins_required\"}],staticClass:\"atm-input\",attrs:{\"type\":\"number\",\"placeholder\":\"Coins\",\"required\":\"\"},domProps:{\"value\":(_vm.rewardData.coins_required)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.rewardData, \"coins_required\", $event.target.value)}}}),_c('div',{staticClass:\"d-flex align-items-center ml-3\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.rewardData.re_use),expression:\"rewardData.re_use\"}],staticClass:\"atm-input-checkbox\",attrs:{\"id\":\"reUse\",\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.rewardData.re_use)?_vm._i(_vm.rewardData.re_use,null)>-1:(_vm.rewardData.re_use)},on:{\"change\":function($event){var $$a=_vm.rewardData.re_use,$$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.$set(_vm.rewardData, \"re_use\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.rewardData, \"re_use\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.rewardData, \"re_use\", $$c)}}}}),_c('label',{staticClass:\"material-icons-round ml-0\",attrs:{\"for\":\"reUse\"}}),_c('label',{staticClass:\"m-0\"},[_vm._v(\"Allow reuse of this reward\")])])]),_c('div',{staticClass:\"d-flex gap-4 justify-content-center align-items-center\"},[_c('button',{staticClass:\"atm-button flex-grow-1 bg-gray text-dark font-weight-bold w-50\",on:{\"click\":_vm.hideUpdateRewardModal}},[_vm._v(\" Cancel \")]),_c('button',{staticClass:\"atm-button flex-grow-1 bg-main font-weight-bold w-50\",on:{\"click\":function($event){return _vm.editReward()}}},[_vm._v(\" Edit Reward \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-modal\n    id=\"updateReward\"\n    size=\"md\"\n    centered\n    :hide-header=\"true\"\n    :hide-footer=\"true\"\n    content-class=\"p-2 atm-rounded\"\n    no-close-on-backdrop\n  >\n    <h3 class=\"mb-3\">Edit Reward</h3>\n    <div class=\"px-3\">\n      <div class=\"d-flex gap-4 flex-column justify-items-center mb-4\">\n        <input\n          type=\"text\"\n          v-model=\"rewardData.name\"\n          class=\"atm-input-title font-weight-600 mb-3\"\n          placeholder=\"Reward Title\"\n          required\n        />\n        <input\n          type=\"number\"\n          v-model=\"rewardData.coins_required\"\n          class=\"atm-input\"\n          placeholder=\"Coins\"\n          required\n        />\n        <div class=\"d-flex align-items-center ml-3\">\n          <input id=\"reUse\" v-model=\"rewardData.re_use\" type=\"checkbox\" class=\"atm-input-checkbox\" />\n          <label for=\"reUse\" class=\"material-icons-round ml-0\"></label>\n          <label class=\"m-0\">Allow reuse of this reward</label>\n        </div>\n      </div>\n      <div class=\"d-flex gap-4 justify-content-center align-items-center\">\n        <button\n          class=\"atm-button flex-grow-1 bg-gray text-dark font-weight-bold w-50\"\n          @click=\"hideUpdateRewardModal\"\n        >\n          Cancel\n        </button>\n        <button\n          class=\"atm-button flex-grow-1 bg-main font-weight-bold w-50\"\n          @click=\"editReward()\"\n        >\n          Edit Reward\n        </button>\n      </div>\n    </div>\n  </b-modal>\n</template>\n\n<script>\n\nexport default {\n  props: {\n    rewardData: { type: Object, default: () => {} },\n  },\n  methods: {\n    hideUpdateRewardModal() {\n      this.$bvModal.hide('updateReward');\n    },\n    async editReward() {\n      const rewardDataToBeEdited = {\n        reward_id: this.rewardData.id,\n        data: {\n          ...this.rewardData,\n        },\n      };\n      this.$emit('updateReward', { rewardDataToBeEdited });\n      this.hideUpdateRewardModal();\n    },\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!./ModalUpdateReward.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!./ModalUpdateReward.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalUpdateReward.vue?vue&type=template&id=c4fe2c5c&\"\nimport script from \"./ModalUpdateReward.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalUpdateReward.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('b-modal',{ref:\"my-modal\",attrs:{\"id\":_vm.idModal,\"size\":\"md\",\"centered\":\"\",\"hide-header\":true,\"hide-footer\":true,\"content-class\":\"p-2 atm-rounded\",\"no-close-on-backdrop\":\"\"}},[_c('div',{staticClass:\"d-flex flex-column align-items-center position-relative w-100\"},[_c('section',{staticClass:\"elevation\"},[_c('h1',{staticClass:\"position-relative text-uppercase font-weight-bold\"},[_vm._v(\" YOU DID IT! \")]),_c('h4',{staticClass:\"position-relative mb-5\"},[_vm._v(\"You have a new reward\")])]),_c('div',{staticClass:\"position-relative gap-2 d-flex flex-column align-items-center w-100\"},[_c('div',{staticClass:\"reward-container position-relative d-flex justify-content-center\"},[_c('div',{staticClass:\"background-image position-absolute\"},[_c('img',{attrs:{\"src\":require('@/assets/bg-congrats.png')}})]),_c('section',{staticClass:\"elevation position-relative w-100 d-flex flex-column align-items-center m-4\"},[_c('figure',{staticClass:\"reward-image w-100\"},[_c('img',{attrs:{\"src\":_vm.rewardImg,\"alt\":_vm.rewardName}})]),_c('section',{staticClass:\"d-flex flex-column align-items-center\"},[_c('h2',{staticClass:\"font-weight-bolder\"},[_vm._v(\" \"+_vm._s(_vm.rewardName)+\" \")]),_c('h4',{staticClass:\"font-weight-bolder\"},[_vm._v(\"Keep it up!\")])])])])]),_c('div',{staticClass:\"position-relative d-flex flex-column w-100 mt-2\"},[_c('button',{staticClass:\"atm-button bg-main mx-auto text-uppercase w-75\",on:{\"click\":_vm.hideModal}},[_vm._v(\" Continue \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-modal\n    ref=\"my-modal\"\n    :id=\"idModal\"\n    size=\"md\"\n    centered\n    :hide-header=\"true\"\n    :hide-footer=\"true\"\n    content-class=\"p-2 atm-rounded\"\n    no-close-on-backdrop\n  >\n    <div class=\"d-flex flex-column align-items-center position-relative w-100\">\n      <section class=\"elevation\">\n        <h1 class=\"position-relative text-uppercase font-weight-bold\">\n          YOU DID IT!\n        </h1>\n        <h4 class=\"position-relative mb-5\">You have a new reward</h4>\n      </section>\n      <div class=\"position-relative gap-2 d-flex flex-column align-items-center w-100\">\n        <div class=\"reward-container position-relative d-flex justify-content-center\">\n          <div class=\"background-image position-absolute\">\n            <img :src=\"require('@/assets/bg-congrats.png')\" />\n          </div>\n\n          <section\n            class=\"elevation position-relative w-100 d-flex flex-column align-items-center m-4\"\n          >\n            <figure class=\"reward-image w-100\">\n              <img :src=\"rewardImg\" :alt=\"rewardName\" />\n            </figure>\n            <section class=\"d-flex flex-column align-items-center\">\n              <h2 class=\"font-weight-bolder\">\n                {{ rewardName }}\n              </h2>\n              <h4 class=\"font-weight-bolder\">Keep it up!</h4>\n            </section>\n          </section>\n        </div>\n      </div>\n      <div class=\"position-relative d-flex flex-column w-100 mt-2\">\n        <button @click=\"hideModal\" class=\"atm-button bg-main mx-auto text-uppercase w-75\">\n          Continue\n        </button>\n      </div>\n    </div>\n  </b-modal>\n</template>\n\n<script>\nexport default {\n  props: {\n    idModal: {\n      type: String,\n      default: 'redeem-modal',\n    },\n    rewardName: {\n      type: String,\n      default: '',\n    },\n    rewardImg: {\n      type: String,\n      default: '',\n    },\n  },\n  methods: {\n    hideModal() {\n      this.$emit('onClose', true);\n      this.$bvModal.hide(this.idModal);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.elevation {\n  z-index: 1;\n}\n.reward-container {\n  width: 100%;\n  height: 100%;\n\n  & .reward-image {\n    width: 200px;\n    height: 200px;\n    & > img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n    }\n  }\n}\n\n.background-image {\n  top: -24vh;\n  & > img {\n    width: 50rem;\n    height: 50rem;\n    object-fit: cover;\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!./ModalRedeemReward.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!./ModalRedeemReward.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalRedeemReward.vue?vue&type=template&id=26929148&scoped=true&\"\nimport script from \"./ModalRedeemReward.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalRedeemReward.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalRedeemReward.vue?vue&type=style&index=0&id=26929148&lang=scss&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  \"26929148\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div>\n    <nav-bar :title=\"titlePage\" />\n    <div class=\"mobile py-4\">\n      <confirm-modal\n        :title=\"confirmModalData.title\"\n        :confirm-button=\"confirmModalData.confirmButton\"\n      >\n        {{ confirmModalData.text }}\n      </confirm-modal>\n      <modal-update-reward :rewardData=\"rewardDataToEdit\" @updateReward=\"updateReward\" />\n      <modal-opening-button-new-reward\n        v-if=\"!userIsAParent || parentCanEdit\"\n      ></modal-opening-button-new-reward>\n      <modal-redeem-reward\n        :rewardName=\"rewardModal.name\"\n        :rewardImg=\"rewardModal.image\"\n      ></modal-redeem-reward>\n      <reward-skeleton v-if=\"loading\"></reward-skeleton>\n      <div v-else class=\"atm-desktop-max-width\">\n        <b-alert show variant=\"primary\" class=\"d-flex justify-content-between p-2 mx-2 mx-lg-5\">\n          <small> {{ textCoinsInformation }} </small>\n          <div class=\"d-flex justify-content-center align-items-center\">\n            <b-img :src=\"require('@/assets/coin.png')\" class=\"small-coin mr-1\"></b-img>\n            <p class=\"small font-weight-bolder mb-0 d-inline-block\">\n              {{ coinsInformation.Banked }}\n            </p>\n          </div>\n        </b-alert>\n        <b-row\n          class=\"d-flex gap-4 justify-content-center align-items-stretch w-100 atm-desktop-max-width px-4 py-4 mx-auto\"\n        >\n          <div\n            v-if=\"rewardsChild\"\n            class=\"d-flex gap-4 flex-wrap justify-content-center align-items-stretch w-100 mt-4\"\n          >\n            <div\n              v-for=\"(reward, id) in rewardsChild\"\n              :key=\"`noClaimed_${id}`\"\n              class=\"position-relative rewardCard atm-rounded atm-shadow\"\n            >\n              <reward-card\n                :reward-data=\"reward\"\n                :userIsParent=\"userIsAParent\"\n                :coinsBanked=\"coinsInformation.Banked\"\n                @changeFavorite=\"changeFavorite(reward)\"\n                @deleteReward=\"showModalDeleteReward(reward)\"\n                @claimReward=\"showClaimReward(reward)\"\n                @openModalUpdateReward=\"openModalUpdateReward\"\n              />\n            </div>\n          </div>\n          <div v-else>\n            <span\n              class=\"material-icons border-2 full-icon rounded-circle align-middle mt-5 mb-4 border-0\"\n            >\n              card_giftcard\n            </span>\n            <p class=\"h4 text-xmuted mx-4\">\n              <span class=\"text-capitalize\">\n                {{ sessionStore.parentName }}\n              </span>\n              has not added any rewards yet.\n            </p>\n          </div>\n          <div\n            v-if=\"claimedRewards\"\n            class=\"d-flex gap-4 flex-wrap justify-content-center align-items-stretch w-100 mt-4\"\n          >\n            <h2 class=\"mr-auto font-weight-600 w-100\">Rewards redeemed</h2>\n            <div\n              v-for=\"(reward, id) in claimedRewards\"\n              :key=\"`claimed_${id}`\"\n              class=\"position-relative rewardCard atm-rounded atm-shadow\"\n            >\n              <reward-card\n                :reward-data=\"reward\"\n                :userIsParent=\"userIsAParent\"\n                :coinsBanked=\"coinsInformation.Banked\"\n                @deleteReward=\"showModalDeleteReward(reward)\"\n                @claimReward=\"showClaimReward(reward)\"\n                @openModalUpdateReward=\"openModalUpdateReward\"\n              />\n            </div>\n          </div>\n        </b-row>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport { NavBar } from '@/common/components';\nimport { useSessionStore } from '@/common';\nimport {\n  getCoinsInformation,\n  getRewardsChild,\n  setUpdateReward,\n  setDeleteReward,\n  setClaimReward,\n} from '../services';\nimport { ConfirmModal } from '@/common/components';\nimport rewardCard from '../components/RewardCard.vue';\nimport notificationToastMixin from '@/Mixins/notificationToast.mixin';\nimport RewardSkeleton from '../components/skeletons/RewardSkeleton.vue';\nimport ModalOpeningButtonNewReward from '../components/buttons/ModalOpeningButtonNewReward';\nimport ModalUpdateReward from '@/gamification/components/modal/ModalUpdateReward';\nimport ModalRedeemReward from '@/gamification/components/modal/ModalRedeemReward';\n\nexport default {\n  components: {\n    NavBar,\n    rewardCard,\n    ConfirmModal,\n    RewardSkeleton,\n    ModalOpeningButtonNewReward,\n    ModalUpdateReward,\n    ModalRedeemReward,\n  },\n  data() {\n    const sessionStore = useSessionStore();\n    return {\n      rewardDataToEdit: {},\n      confirmModalData: {\n        title: 'Confirm',\n        text: 'text',\n        confirmButton: () => {},\n      },\n      sessionStore,\n      loading: false,\n      coinsInformation: {},\n      rewardsChild: {},\n      claimedRewards: {},\n      rewardModal: {\n        name: '',\n        image: '',\n      },\n    };\n  },\n  mixins: [notificationToastMixin],\n  computed: {\n    userIsAParent() {\n      return this.sessionStore.userIsAParent;\n    },\n    titlePage() {\n      return this.userIsAParent ? `${this.childName}'s Rewards` : 'My Rewards';\n    },\n    childId() {\n      return this.userIsAParent ? this.sessionStore.childSelectedId : this.sessionStore.userId;\n    },\n    childName() {\n      return this.sessionStore.childName;\n    },\n    textCoinsInformation() {\n      return this.userIsAParent ? `${this.childName}'s banked coins` : 'My banked coins';\n    },\n    parentCanEdit() {\n      return this.sessionStore.getCurrentChild.parentCanEdit;\n    },\n  },\n  async mounted() {\n    if (this.$route.params.markComplete) {\n      this.notificationToast({\n        message: 'Reward created successfully',\n        variant: 'primary',\n        title: 'Success',\n      });\n    }\n    this.getRewardsChild();\n    this.getCoinsInformation();\n  },\n  methods: {\n    async changeFavorite(reward) {\n      try {\n        const { favorite, id } = reward;\n        const body = {\n          favorite: !favorite,\n        };\n        await setUpdateReward(id, body);\n        this.getRewardsChild();\n        this.notificationToast({\n          message: 'Favorite rewards updated',\n          variant: 'primary',\n          title: 'Success',\n        });\n      } catch (error) {\n        this.notificationToast({\n          message: 'Already has the maximum of 3 favorite rewards',\n          variant: 'danger',\n          title: 'Error',\n        });\n        console.error(error);\n      }\n    },\n    async getRewardsChild() {\n      try {\n        this.loading = true;\n        const rewardsChildTotal = await getRewardsChild(this.childId);\n        this.rewardsChild = rewardsChildTotal.filter((reward) => !reward.claimed);\n        this.claimedRewards = rewardsChildTotal.filter((reward) => reward.claimed);\n      } catch (error) {\n        console.error(error);\n      } finally {\n        this.loading = false;\n      }\n    },\n    async getCoinsInformation() {\n      try {\n        this.coinsInformation = await getCoinsInformation(this.childId);\n      } catch (error) {\n        console.error(error);\n      }\n    },\n    async showModalDeleteReward(reward) {\n      try {\n        this.confirmModalData.title = reward.name;\n        this.confirmModalData.text = 'Do you want to delete this reward?';\n        this.confirmModalData.confirmButton = () => {\n          this.deleteReward(reward.name, reward.id);\n        };\n        this.$bvModal.show('confirmModal');\n      } catch (error) {\n        console.error(error);\n      }\n    },\n    async deleteReward(rewardName, rewardId) {\n      try {\n        await setDeleteReward(rewardId);\n        this.getRewardsChild();\n        this.notificationToast({\n          message: `${rewardName} removed from awards`,\n          variant: 'primary',\n          title: 'Success',\n        });\n      } catch (error) {\n        console.error(error);\n      }\n    },\n    async showClaimReward(reward) {\n      try {\n        this.confirmModalData.title = `Ready to Claim: ${reward.name}`;\n        this.confirmModalData.text = `Do you want to claim this reward for ${reward.coins_required} coins?`;\n        this.confirmModalData.confirmButton = () => {\n          this.claimReward(reward);\n        };\n        this.$bvModal.show('confirmModal');\n      } catch (error) {\n        console.error(error);\n      }\n    },\n    async claimReward({ id, name, attachment }) {\n      try {\n        await setClaimReward(id);\n        await this.getCoinsInformation();\n        await this.getRewardsChild();\n        this.openModalRewardRedeemed({ name, attachment });\n      } catch (error) {\n        console.error(error);\n      }\n    },\n    openModalRewardRedeemed({ name, attachment }) {\n      this.rewardModal.name = name;\n      this.rewardModal.image = attachment;\n      this.$bvModal.show('redeem-modal');\n    },\n    openModalUpdateReward({ rewardData }) {\n      this.rewardDataToEdit = rewardData;\n      this.$bvModal.show('updateReward');\n    },\n    async updateReward({ rewardDataToBeEdited }) {\n      const { data, reward_id } = rewardDataToBeEdited;\n      await setUpdateReward(reward_id, data);\n      this.getRewardsChild();\n    },\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.rewardCard {\n  min-width: 160px;\n  max-width: 260px;\n  flex-grow: 1;\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!./RewardsView.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!./RewardsView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RewardsView.vue?vue&type=template&id=b674067a&scoped=true&\"\nimport script from \"./RewardsView.vue?vue&type=script&lang=js&\"\nexport * from \"./RewardsView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RewardsView.vue?vue&type=style&index=0&id=b674067a&lang=scss&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  \"b674067a\",\n  null\n  \n)\n\nexport default component.exports","var render = function (_h,_vm) {var _c=_vm._c;return _c('div',{staticClass:\"atm-desktop-max-width\"},[_c('b-alert',{staticClass:\"d-flex justify-content-between p-2 mx-2 mx-lg-5\",attrs:{\"show\":\"\",\"variant\":\"primary\"}},[_c('b-skeleton',{attrs:{\"animation\":\"fade\",\"height\":\"30px\",\"width\":\"100%\"}})],1),_c('b-row',{staticClass:\"d-flex gap-4 justify-content-center align-items-stretch w-100 atm-desktop-max-width px-4 py-4 mx-auto\"},_vm._l(([0, 1, 2]),function(skeleton){return _c('b-col',{key:skeleton,staticClass:\"position-relative rewardCard atm-rounded atm-shadow\"},[_c('div',{staticClass:\"position-relative\"},[_c('b-skeleton',{attrs:{\"animation\":\"fade\",\"height\":\"100px\",\"width\":\"100%\"}})],1)])}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./RewardSkeleton.vue?vue&type=template&id=330174a8&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","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!./RewardCard.vue?vue&type=style&index=0&id=1ab2ac9e&lang=scss&scoped=true&\"; 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!./RewardCard.vue?vue&type=style&index=0&id=1ab2ac9e&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/empty-rewards.e515031f.jpg\";","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!./ModalRedeemReward.vue?vue&type=style&index=0&id=26929148&lang=scss&scoped=true&\"; 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!./ModalRedeemReward.vue?vue&type=style&index=0&id=26929148&lang=scss&scoped=true&\"","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!./RewardsView.vue?vue&type=style&index=0&id=b674067a&lang=scss&scoped=true&\"; 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!./RewardsView.vue?vue&type=style&index=0&id=b674067a&lang=scss&scoped=true&\""],"sourceRoot":""}