{"version":3,"sources":["webpack:///./src/modals/games/coinflip/coinflip-create.vue?2dc7","webpack:///src/modals/games/coinflip/coinflip-create.vue","webpack:///./src/modals/games/coinflip/coinflip-create.vue?262c","webpack:///./src/modals/games/coinflip/coinflip-create.vue","webpack:///./src/modals/games/coinflip/coinflip-create.vue?ed92","webpack:///./src/mixins/backpack.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","directives","name","rawName","value","expression","_v","_s","_f","invValue","attrs","$t","model","inputs","callback","$$v","$set","loading","inventory","on","onGetInventory","filteredItems","itemComponent","onSelectItem","scopedSlots","_u","key","fn","items","length","search","onDeposit","onBuy","proxy","class","selectedValue","minValue","domProps","_e","maxValue","selected","maxItemSelect","coin","form","side","image","$event","canSubmit","create","onSubmit","range","staticRenderFns","components","BackpackEmpty","mixins","props","close","type","Function","required","payload","Object","computed","margin","methods","ids","map","i","id","$toast","error","message","$modal","open","component","VBtn","VImg","VOverlay","VSpacer","VTextField","Inventory","data","mapGetters","conga","user","BackpackItem","reduce","acc","price","filter","toLowerCase","includes","watch","handler","inv","sortBy","canSelect","$toJson","reverse","immediate","mounted","mapActions","getInventory","values","some","Boolean","item","canBet","onSearchInput","debounce","trim"],"mappings":"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","file":"js/games-coinflip-coinflip-create.modal.fc3a6d81.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"py-0 px-0 d-flex align-center justify-space-between mb-3\"},[_c('div',[_c('span',{directives:[{name:\"t\",rawName:\"v-t\",value:('common.backpack'),expression:\"'common.backpack'\"}],staticClass:\"text-uppercase font-weight-bold\"}),_c('span',{staticClass:\"ml-2 font-weight-bold\"},[_c('span',[_vm._v(\"($\"+_vm._s(_vm._f(\"toScrap\")(_vm.invValue))+\")\")])])]),_c('div',{staticClass:\"d-flex fw-regular flex-center\"},[_c('v-text-field',{staticClass:\"mr-2 rounded-0\",attrs:{\"background-color\":\"grey800\",\"hide-details\":\"\",\"solo\":\"\",\"dense\":\"\",\"flat\":\"\",\"placeholder\":_vm.$t('common.search')},model:{value:(_vm.inputs.search),callback:function ($$v) {_vm.$set(_vm.inputs, \"search\", $$v)},expression:\"inputs.search\"}}),_c('v-btn',{staticClass:\"rounded-0 unwidth\",attrs:{\"color\":\"grey300 text--secondary\",\"ripple\":false,\"disabled\":_vm.loading.inventory},on:{\"click\":_vm.onGetInventory}},[_c('fai',{attrs:{\"spin\":_vm.loading.inventory,\"icon\":['fas','sync']}})],1)],1)]),_c('div',{staticClass:\"mb-3\"},[_c('Inventory',{staticClass:\"mb-1\",attrs:{\"items\":_vm.filteredItems,\"loading\":_vm.loading.inventory,\"item-component\":_vm.itemComponent},on:{\"onItemClick\":_vm.onSelectItem},scopedSlots:_vm._u([{key:\"no-items\",fn:function(){return [(_vm.items.length && _vm.inputs.search)?_c('div',{staticClass:\"py-8 grey400 text-center\"},[_c('span',{directives:[{name:\"t\",rawName:\"v-t\",value:('inventory.no_items_filtered'),expression:\"'inventory.no_items_filtered'\"}]})]):_c('BackpackEmpty',{staticClass:\"full-height grey700 py-8\",attrs:{\"no-img\":\"\"},on:{\"deposit\":_vm.onDeposit,\"buy\":_vm.onBuy}})]},proxy:true}])})],1),_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"px-5 mr-3 grey800 grey100--text d-flex justify-center flex-column\"},[_c('div',{staticClass:\"mb-1 d-flex align-center\"},[(_vm.minValue)?_c('div',{staticClass:\"d-flex font-weight-semibold align-center text-body-2\",class:_vm.selectedValue && _vm.selectedValue < _vm.minValue && 'has-error'},[_c('span',{staticClass:\"text-uppercase mr-1\",domProps:{\"textContent\":_vm._s('Min')}}),_c('span',[_vm._v(_vm._s(_vm._f(\"toScrap\")(_vm.minValue)))])]):_vm._e(),(_vm.minValue && _vm.maxValue)?_c('span',{staticClass:\"mx-2 font-weight-bold grey200--text\"},[_vm._v(\" · \")]):_vm._e(),(_vm.maxValue)?_c('div',{staticClass:\"d-flex font-weight-semibold align-center text-body-2\",class:_vm.selectedValue > _vm.maxValue && 'has-error'},[_c('span',{staticClass:\"text-uppercase mr-1\",domProps:{\"textContent\":_vm._s('Max')}}),_c('span',[_vm._v(_vm._s(_vm._f(\"toScrap\")(_vm.maxValue)))])]):_vm._e()]),_c('div',{staticClass:\"caption faded-8 lh-1\",class:_vm.selected.length > _vm.maxItemSelect && 'has-error'},[_vm._v(\" \"+_vm._s(_vm.selected.length)),_c('small',{staticClass:\"faded-5 mr-1\"},[_vm._v(\"/\"+_vm._s(_vm.maxItemSelect))]),_c('span',{directives:[{name:\"t\",rawName:\"v-t\",value:('page.deposit.method.rust.items_selected'),expression:\"'page.deposit.method.rust.items_selected'\"}]})])]),_c('div',{staticClass:\"grey800 py-3 flex-grow-1 mr-3 px-4 d-flex align-center\"},[_c('div',{},[_c('h4',{staticClass:\"primary400--text text-uppercase font-weight-bold text-caption\"},[_vm._v(\" Pick a side \")]),(_vm.coin[_vm.form.side])?_c('h4',{directives:[{name:\"t\",rawName:\"v-t\",value:(_vm.coin[_vm.form.side].name),expression:\"coin[form.side].name\"}],staticClass:\"grey100--text text-body-2 lh-1-4  \"}):_vm._e()]),_c('v-spacer'),_c('v-img',{staticClass:\"flex-grow-0 mr-2 rounded-circle link\",attrs:{\"src\":_vm.coin[0].image,\"width\":48,\"aspect-ratio\":\"1\"},on:{\"click\":function($event){_vm.form.side = 0}}},[_c('v-overlay',{attrs:{\"absolute\":\"\",\"value\":_vm.form.side === 0}},[_c('fai',{staticClass:\"green200--text text-h6 mt-1\",attrs:{\"icon\":['fas', 'check']}})],1)],1),_c('v-img',{staticClass:\"flex-grow-0 rounded-circle link\",attrs:{\"src\":_vm.coin[1].image,\"width\":48,\"aspect-ratio\":\"1\"},on:{\"click\":function($event){_vm.form.side = 1}}},[_c('v-overlay',{attrs:{\"absolute\":\"\",\"value\":_vm.form.side === 1}},[_c('fai',{staticClass:\"green200--text text-h6 mt-1\",attrs:{\"icon\":['fas', 'check']}})],1)],1)],1),_c('v-btn',{staticClass:\"create-btn text-none unheight\",attrs:{\"color\":\"green800 green500--text\",\"min-width\":\"250\",\"depressed\":\"\",\"ripple\":false,\"tile\":\"\",\"disabled\":!_vm.canSubmit,\"loading\":_vm.loading.create},on:{\"click\":_vm.onSubmit}},[_c('div',{staticClass:\"d-flex align-center\"},[_c('h5',{staticClass:\"text-uppercase text-left\"},[_c('p',{staticClass:\"mb-0 text-body-2 lh-1-4 font-weight-semibold\"},[_vm._v(\" Create \")]),_c('p',{staticClass:\"mb-0 green600--text text-body-2 lh-1-4 font-weight-bold\"},[_vm._v(\" Coinflip \")])]),_c('v-spacer'),_c('div',{staticClass:\"text-right\"},[_c('span',{staticClass:\"text-body-2 my-1\"},[_vm._v(\"$\"+_vm._s(_vm._f(\"toScrap\")(_vm.selectedValue)))]),_c('div',{staticClass:\"text-caption pos-relative z-2 green200--text font-weight-semibold lh-1\"},[_c('span',[_vm._v(\"$\"+_vm._s(_vm._f(\"toScrap\")(_vm.range[0])))]),_c('span',{staticClass:\"mx-1\"},[_vm._v(\"–\")]),_c('span',[_vm._v(\"$\"+_vm._s(_vm._f(\"toScrap\")(_vm.range[1])))])])])],1)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"modal-content\">\n    <!-- Header -->\n    <div class=\"py-0 px-0 d-flex align-center justify-space-between mb-3\">\n      <div>\n        <span v-t=\"'common.backpack'\" class=\"text-uppercase font-weight-bold\" />\n        <span class=\"ml-2 font-weight-bold\">\n          <span>(${{ invValue | toScrap }})</span>\n        </span>\n      </div>\n\n      <div class=\"d-flex fw-regular flex-center\">\n        <v-text-field\n          v-model=\"inputs.search\"\n          class=\"mr-2 rounded-0\"\n          background-color=\"grey800\"\n          hide-details solo dense flat\n          :placeholder=\"$t('common.search')\"\n        />\n\n        <!-- refresh -->\n        <v-btn\n          color=\"grey300 text--secondary\" class=\"rounded-0 unwidth\"\n          :ripple=\"false\" :disabled=\"loading.inventory\" @click=\"onGetInventory\"\n        >\n          <fai :spin=\"loading.inventory\" :icon=\"['fas','sync']\" />\n        </v-btn>\n      </div>\n    </div>\n\n    <!-- Items -->\n    <div class=\"mb-3\">\n      <Inventory\n        class=\"mb-1\"\n        :items=\"filteredItems\"\n        :loading=\"loading.inventory\"\n        :item-component=\"itemComponent\"\n        @onItemClick=\"onSelectItem\"\n      >\n        <template #no-items>\n          <div v-if=\"items.length && inputs.search\" class=\"py-8 grey400 text-center\">\n            <span v-t=\"'inventory.no_items_filtered'\" />\n          </div>\n          <BackpackEmpty\n            v-else\n            no-img\n            class=\"full-height grey700 py-8\"\n            @deposit=\"onDeposit\"\n            @buy=\"onBuy\"\n          />\n        </template>\n      </Inventory>\n    </div>\n\n    <!-- Footer -->\n    <div class=\"d-flex\">\n      <div class=\"px-5 mr-3 grey800 grey100--text d-flex justify-center flex-column\">\n        <div class=\"mb-1 d-flex align-center\">\n          <div\n            v-if=\"minValue\"\n            class=\"d-flex font-weight-semibold align-center text-body-2\"\n            :class=\"selectedValue && selectedValue < minValue && 'has-error'\"\n          >\n            <span class=\"text-uppercase mr-1\" v-text=\"'Min'\" />\n            <span>{{ minValue | toScrap }}</span>\n          </div>\n\n          <span v-if=\"minValue && maxValue\" class=\"mx-2 font-weight-bold grey200--text\">\n            &middot;\n          </span>\n\n          <div\n            v-if=\"maxValue\"\n            class=\"d-flex font-weight-semibold align-center text-body-2\"\n            :class=\"selectedValue > maxValue && 'has-error'\"\n          >\n            <span class=\"text-uppercase mr-1\" v-text=\"'Max'\" />\n            <span>{{ maxValue | toScrap }}</span>\n          </div>\n        </div>\n        <div class=\"caption faded-8 lh-1\" :class=\"selected.length > maxItemSelect && 'has-error'\">\n          {{ selected.length }}<small class=\"faded-5 mr-1\">/{{ maxItemSelect }}</small>\n          <span v-t=\"'page.deposit.method.rust.items_selected'\" />\n        </div>\n      </div>\n\n      <!-- coins -->\n      <div class=\"grey800 py-3 flex-grow-1 mr-3 px-4 d-flex align-center\">\n        <div class=\"\">\n          <h4 class=\"primary400--text text-uppercase font-weight-bold text-caption\">\n            Pick a side\n          </h4>\n          <h4\n            v-if=\"coin[form.side]\"\n            v-t=\"coin[form.side].name\"\n            class=\"grey100--text text-body-2 lh-1-4  \"\n          />\n        </div>\n\n        <v-spacer />\n\n        <v-img\n          :src=\"coin[0].image\"\n          :width=\"48\" aspect-ratio=\"1\"\n          class=\"flex-grow-0 mr-2 rounded-circle link\"\n          @click=\"form.side = 0\"\n        >\n          <v-overlay absolute :value=\"form.side === 0\">\n            <fai :icon=\"['fas', 'check']\" class=\"green200--text text-h6 mt-1\" />\n          </v-overlay>\n        </v-img>\n        <v-img\n          :src=\"coin[1].image\"\n          :width=\"48\" aspect-ratio=\"1\"\n          class=\"flex-grow-0 rounded-circle link\"\n          @click=\"form.side = 1\"\n        >\n          <v-overlay absolute :value=\"form.side === 1\">\n            <fai :icon=\"['fas', 'check']\" class=\"green200--text text-h6 mt-1\" />\n          </v-overlay>\n        </v-img>\n      </div>\n\n\n      <v-btn\n        color=\"green800 green500--text\"\n        class=\"create-btn text-none unheight\" min-width=\"250\"\n        depressed :ripple=\"false\" tile\n        :disabled=\"!canSubmit\"\n        :loading=\"loading.create\"\n        @click=\"onSubmit\"\n      >\n        <div class=\"d-flex align-center\">\n          <h5 class=\"text-uppercase text-left\">\n            <p class=\"mb-0 text-body-2 lh-1-4 font-weight-semibold\">\n              Create\n            </p>\n            <p class=\"mb-0 green600--text text-body-2 lh-1-4 font-weight-bold\">\n              Coinflip\n            </p>\n          </h5>\n          <v-spacer />\n          <div class=\"text-right\">\n            <span class=\"text-body-2 my-1\">${{ selectedValue | toScrap }}</span>\n            <div class=\"text-caption pos-relative z-2 green200--text font-weight-semibold lh-1\">\n              <span>${{ range[0] | toScrap }}</span>\n              <span class=\"mx-1\">&ndash;</span>\n              <span>${{ range[1] | toScrap }}</span>\n            </div>\n          </div>\n        </div>\n      </v-btn>\n    </div>\n  </div>\n</template>\n\n<script>\nimport BackpackMixin from '@/mixins/backpack'\nimport BackpackEmpty from '@/components/BackpackEmpty'\nimport { mapActions } from 'vuex'\n\nexport default {\n  components: {\n    BackpackEmpty,\n  },\n  mixins: [BackpackMixin],\n  props: {\n    close: {\n      type: Function,\n      required: true,\n    },\n    payload: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      loading: {\n        create: false,\n      },\n      form: {\n        side: 0,\n      },\n    }\n  },\n  computed: {\n    // props\n    maxItemSelect() {\n      return this.payload?.maxItemSelect ?? 10\n    },\n    minValue() {\n      return this.payload?.minValue ?? false\n    },\n    maxValue() {\n      const maxValue = this.payload?.maxValue ?? false\n\n      if (maxValue >= 9999e2) return false\n\n      return maxValue\n    },\n    margin() {\n      return this.payload?.margin ?? false\n    },\n    coin() {\n      return this.payload?.coin ?? false\n    },\n    //\n    range() {\n      const { selectedValue } = this\n\n      if (!selectedValue) return [0, 0]\n\n      const margin = this.margin / 100\n\n      return [\n        Math.floor(selectedValue * (1 - margin)),\n        Math.ceil(selectedValue * (1 + margin)),\n      ]\n    },\n    canSubmit() {\n      if (this.selected.length === 0) return false\n      if (this.form.side === null) return false\n\n      if (this.maxItemSelect && this.selected.length > this.maxItemSelect) return false\n      if (this.minValue && this.selectedValue < this.minValue) return false\n      if (this.maxValue && this.selectedValue > this.maxValue) return false\n\n      return true\n    },\n  },\n  methods: {\n    ...mapActions({\n      create: 'games/coinflip/create',\n    }),\n    async onSubmit() {\n      if (this.loading.create) return\n\n      const ids = this.selected.map(i => i.id)\n      if (!ids.length) return\n\n      this.loading.create = true\n\n      try {\n        await this.create({\n          margin: this.margin,\n          coin: this.coin.id,\n          side: this.form.side,\n          ids,\n        })\n\n        this.close()\n      } catch (error) {\n        this.$toast.error(error.message)\n      } finally {\n        this.loading.create = false\n      }\n    },\n    onDeposit() {\n      this.$modal.open('backpack-deposit', { maxWidth: 900, noShadow: true })\n      this.close()\n    },\n    onBuy() {\n      this.$modal.open('backpack-intent', { maxWidth: 600, noShadow: true }, { action: 'shop' })\n      this.close()\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.inventory {\n  max-height: 500px;\n}\n\n.has-error {\n  color: primary(400);\n  animation: bounce 1s ease 1;\n}\n\n.create-btn {\n  ::v-deep .v-btn__content {\n    display: block;\n  }\n}\n\n@keyframes bounce {\n  0% {\n    transform: scale(1);\n  }\n\n  50% {\n    transform: scale(1.2);\n  }\n\n  100% {\n    transform: scale(1);\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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./coinflip-create.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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./coinflip-create.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./coinflip-create.vue?vue&type=template&id=a1bbe94e&scoped=true&\"\nimport script from \"./coinflip-create.vue?vue&type=script&lang=js&\"\nexport * from \"./coinflip-create.vue?vue&type=script&lang=js&\"\nimport style0 from \"./coinflip-create.vue?vue&type=style&index=0&id=a1bbe94e&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  \"a1bbe94e\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VOverlay } from 'vuetify/lib/components/VOverlay';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VImg,VOverlay,VSpacer,VTextField})\n","import mod from \"-!../../../../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/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./coinflip-create.vue?vue&type=style&index=0&id=a1bbe94e&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../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/vuetify-loader/lib/loader.js??ref--17-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./coinflip-create.vue?vue&type=style&index=0&id=a1bbe94e&lang=scss&scoped=true&\"","import sortBy from 'lodash.sortby'\nimport { mapActions, mapGetters } from 'vuex'\n\nimport Inventory from '@/components/Inventory'\nimport BackpackItem from '@/components/BackpackItem'\nimport { debounce } from '@/utils'\n\n// TODO this file is really fucking dumb tbh, opposite of what a mixin should be\nexport default {\n  components: {\n    Inventory,\n  },\n  data() {\n    return {\n      loading: {\n        inventory: false,\n      },\n      inputs: {\n        search: '',\n      },\n      items: [],\n    }\n  },\n  computed: {\n    ...mapGetters({\n      conga: 'conga/conga',\n      inventory: 'user/inventory',\n      user: 'user/session',\n    }),\n    itemComponent() {\n      return BackpackItem\n    },\n    invValue() {\n      return this.items.reduce((acc, i) => acc + i.price, 0)\n    },\n    selected() {\n      return this.items.filter(i => i.selected)\n    },\n    selectedValue() {\n      return this.selected.reduce((acc, i) => acc + i.price, 0)\n    },\n    filteredItems() {\n      let items = [...this.items]\n      const { search } = this.inputs\n\n      if (search !== '') {\n        items = items.filter(i => i.name.toLowerCase().includes(search.toLowerCase()))\n      }\n\n      return items\n    },\n  },\n  watch: {\n    inventory: {\n      handler(inv) {\n        this.items = sortBy(\n          inv.filter(i => i.canSelect('bet')).map(i => i.$toJson()),\n          'price',\n        ).reverse()\n      },\n      immediate: true,\n    },\n  },\n  mounted() {\n    this.onGetInventory()\n  },\n  methods: {\n    ...mapActions({\n      getInventory: 'user/getInventory',\n    }),\n    async onGetInventory() {\n      if (Object.values(this.loading).some(Boolean)) return\n\n      try {\n        this.loading.inventory = true\n        await this.getInventory()\n      } catch (error) {\n        this.$toast.error(error.message)\n      } finally {\n        this.loading.inventory = false\n      }\n    },\n    onSelectItem(item) {\n      if (Object.values(this.loading).some(Boolean)) return\n      if (!item.price) return\n      if (!item.canBet) return\n\n      // eslint-disable-next-line no-param-reassign\n      item.selected = !item.selected\n    },\n    onSearchInput: debounce(function onChange(search) {\n      this.inputs.search = search.trim()\n    }, 200),\n  },\n}\n"],"sourceRoot":""}