{"version":3,"sources":["webpack:///./src/modals/account/views/components/TransactionDetails/TransactionDetailShop.vue?41d6","webpack:///src/modals/account/views/components/TransactionDetails/TransactionDetailShop.vue","webpack:///./src/modals/account/views/components/TransactionDetails/TransactionDetailShop.vue?1953","webpack:///./src/modals/account/views/components/TransactionDetails/TransactionDetailShop.vue","webpack:///./src/modals/account/views/components/TransactionDetails/TransactionDetailShop.vue?5c81"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","directives","name","rawName","value","expression","staticClass","_v","_s","_f","tradeValue","transaction","type","bonus","amount","_e","domProps","$tc","totalItems","_l","item","i","key","scopedSlots","_u","fn","ref","on","_g","staticRenderFns","props","Object","required","itemdb","computed","items","reduce","acc","v","component","VCol","VImg","VRow","VTooltip"],"mappings":"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","file":"js/account-views-components-TransactionDetails-TransactionDetailShop.modal.33ba5771.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('h5',{directives:[{name:\"t\",rawName:\"v-t\",value:('common.total_value'),expression:\"'common.total_value'\"}],staticClass:\"grey100--text text-body-2\"}),_c('p',{staticClass:\"mb-0 text--secondary lh-1-4 text-body-2\"},[_vm._v(\" $\"+_vm._s(_vm._f(\"toScrap\")(_vm.tradeValue))+\" \")])]),(_vm.transaction.type === 'sell')?_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('h5',{directives:[{name:\"t\",rawName:\"v-t\",value:('page.account.transactions.detail.bonus'),expression:\"'page.account.transactions.detail.bonus'\"}],staticClass:\"grey100--text text-body-2\"}),_c('p',{staticClass:\"mb-0 lh-1-4 text-body-2\"},[(_vm.bonus.value)?_c('span',{staticClass:\"green400--text\"},[_vm._v(\" +\"+_vm._s(_vm._f(\"toScrap\")(_vm.bonus.value))+\" (\"+_vm._s(_vm._f(\"toLocale\")(_vm.bonus.amount * 100))+\"%) \")]):_c('span',{staticClass:\"text--disabled\"},[_vm._v(\"—\")])])]):_vm._e(),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('h5',{staticClass:\"grey100--text text-body-2\"},[_c('span',{staticClass:\"mr-1 text-capitalize\",domProps:{\"textContent\":_vm._s(_vm.$tc('common.items', 2))}}),_c('span',{staticClass:\"blue300--text\"},[_vm._v(\"(x\"+_vm._s(_vm.totalItems)+\")\")])]),_c('div',{staticClass:\"d-flex flex-wrap\"},_vm._l((_vm.items),function(item,i){return _c('div',{key:i,staticClass:\"game-item\"},[_c('v-tooltip',{attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('v-img',_vm._g({attrs:{\"transition\":false,\"aspect-ratio\":1,\"width\":\"48\",\"src\":(\"https://community.cloudflare.steamstatic.com/economy/image/\" + (item.image) + \"/164x164\"),\"contain\":\"\"}},on),[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(item.amount > 1),expression:\"item.amount > 1\"}],staticClass:\"item-amount\"},[_vm._v(\"x\"+_vm._s(item.amount))])])]}}],null,true)},[_c('span',[_c('span',{domProps:{\"textContent\":_vm._s(item.name)}}),(item.amount > 1)?_c('span',[_vm._v(\" (x\"+_vm._s(item.amount)+\")\")]):_vm._e()])])],1)}),0)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-row>\n    <v-col cols=\"12\" md=\"4\">\n      <h5 v-t=\"'common.total_value'\" class=\"grey100--text text-body-2\" />\n      <p class=\"mb-0 text--secondary lh-1-4 text-body-2\">\n        ${{ tradeValue | toScrap }}\n      </p>\n    </v-col>\n    <v-col v-if=\"transaction.type === 'sell'\" cols=\"12\" md=\"4\">\n      <h5 v-t=\"'page.account.transactions.detail.bonus'\" class=\"grey100--text text-body-2\" />\n      <p class=\"mb-0 lh-1-4 text-body-2\">\n        <span v-if=\"bonus.value\" class=\"green400--text\">\n          +{{ bonus.value | toScrap }} ({{ bonus.amount * 100 | toLocale }}%)\n        </span>\n        <span v-else class=\"text--disabled\">&mdash;</span>\n      </p>\n    </v-col>\n    <v-col cols=\"12\">\n      <h5 class=\"grey100--text text-body-2\">\n        <span class=\"mr-1 text-capitalize\" v-text=\"$tc('common.items', 2)\" />\n        <span class=\"blue300--text\">(x{{ totalItems }})</span>\n      </h5>\n      <div class=\"d-flex flex-wrap\">\n        <div\n          v-for=\"(item, i) in items\"\n          :key=\"i\"\n          class=\"game-item\"\n        >\n          <v-tooltip top>\n            <template #activator=\"{on}\">\n              <v-img\n                :transition=\"false\"\n                :aspect-ratio=\"1\"\n                width=\"48\"\n                :src=\"`https://community.cloudflare.steamstatic.com/economy/image/${item.image}/164x164`\"\n                contain\n                v-on=\"on\"\n              >\n                <span v-show=\"item.amount > 1\" class=\"item-amount\">x{{ item.amount }}</span>\n              </v-img>\n            </template>\n            <span>\n              <span v-text=\"item.name\" />\n              <span v-if=\"item.amount > 1\"> (x{{ item.amount }})</span>\n            </span>\n          </v-tooltip>\n        </div>\n      </div>\n    </v-col>\n  </v-row>\n</template>\n\n<script>\nexport default {\n  props: {\n    transaction: {\n      type: Object,\n      required: true,\n    },\n    itemdb: {\n      type: Object,\n      required: true,\n    },\n  },\n  computed: {\n    tradeValue() {\n      return this.transaction.data?.amount ?? this.transaction.amount\n    },\n    bonus() {\n      return {\n        amount: this.transaction.data?.bonus ?? 0,\n        value: this.transaction.data?.bonusValue ?? 0,\n      }\n    },\n    totalItems() {\n      return this.items.reduce((acc, v) => acc + v.amount, 0)\n    },\n    items() {\n      const { itemdb } = this\n      const { items } = this.transaction\n\n      return items?.map(item => ({\n        ...itemdb[item.name],\n        price: item.price,\n        amount: item.amount ?? 1,\n      })) ?? []\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  .game-item {\n    .v-image ::v-deep .v-responsive__content {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .item-amount {\n      text-shadow: 0 0 2px black;\n      user-select: none;\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!./TransactionDetailShop.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!./TransactionDetailShop.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TransactionDetailShop.vue?vue&type=template&id=d42a4f98&scoped=true&\"\nimport script from \"./TransactionDetailShop.vue?vue&type=script&lang=js&\"\nexport * from \"./TransactionDetailShop.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TransactionDetailShop.vue?vue&type=style&index=0&id=d42a4f98&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  \"d42a4f98\",\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 { VCol } from 'vuetify/lib/components/VGrid';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VCol,VImg,VRow,VTooltip})\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!./TransactionDetailShop.vue?vue&type=style&index=0&id=d42a4f98&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!./TransactionDetailShop.vue?vue&type=style&index=0&id=d42a4f98&lang=scss&scoped=true&\""],"sourceRoot":""}