{"version":3,"sources":["webpack:///../../../src/components/VSkeletonLoader/VSkeletonLoader.ts","webpack:///./src/components/dashboard/buyer/TheDashboardBody.vue?2047","webpack:///./src/assets/img/icons/reserve_it.svg","webpack:///./src/assets/img/icons/heart_wht.svg","webpack:///./src/components/dashboard/buyer/TheDashboardBody.vue","webpack:///src/components/dashboard/buyer/TheDashboardBody.vue","webpack:///./src/components/dashboard/buyer/TheDashboardBody.vue?74f2","webpack:///./src/components/dashboard/buyer/TheDashboardBody.vue?d383","webpack:///./src/components/dashboard/global/TheDashboardStatusCard.vue","webpack:///src/components/dashboard/global/TheDashboardStatusCard.vue","webpack:///./src/components/dashboard/global/TheDashboardStatusCard.vue?0ab4","webpack:///./src/components/dashboard/global/TheDashboardStatusCard.vue?fff0","webpack:///./src/components/dashboard/global/TheDashboardStatusCard.vue?202b","webpack:///./src/components/dashboard/buyer/TheDashboardBody.vue?3685","webpack:///./src/assets/img/icons/payment_delivery.svg"],"names":["mixins","Elevatable","Measurable","Themeable","extend","name","props","boilerplate","Boolean","loading","tile","transition","String","type","types","Object","default","computed","attrs","this","isLoading","role","$attrs","classes","themeClasses","elevationClasses","$scopedSlots","rootTypes","actions","article","avatar","button","card","chip","heading","image","paragraph","sentences","table","text","methods","genBone","children","$createElement","staticClass","genBones","bone","length","split","generator","genStructure","Array","from","map","indexOf","mapBones","push","genSkeleton","getSlot","on","afterEnter","resetStyles","beforeEnter","onBeforeEnter","beforeLeave","onBeforeLeave","leaveCancelled","bones","replace","el","_initialStyle","display","style","setProperty","render","h","$listeners","class","measurableStyles","undefined","module","exports","_c","_self","_vm","key","staticRenderFns","components","TheDashboardStatusCard","data","user","userRef","date","range","content","beforeMount","component","background","cardBackground","userType","$event","redirect","_v","_s","title","number1","subtitle1","_e","number2","includes","currencyFormatter","subtitle2","dropDown","isStatus","watchlistIcon","reservedIcon","orderIcon","currency","minimumFractionDigits","filter","lang","status","purchacedDate"],"mappings":"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","file":"assets/js/chunk-2a417fa0.209ea88a.js","sourcesContent":["// Styles\nimport './VSkeletonLoader.sass'\n\n// Mixins\nimport Elevatable from '../../mixins/elevatable'\nimport Measurable from '../../mixins/measurable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\nimport { getSlot } from '../../util/helpers'\nimport { PropValidator } from 'vue/types/options'\n\nexport interface HTMLSkeletonLoaderElement extends HTMLElement {\n  _initialStyle?: {\n    display: string | null\n    transition: string\n  }\n}\n\n/* @vue/component */\nexport default mixins(\n  Elevatable,\n  Measurable,\n  Themeable,\n).extend({\n  name: 'VSkeletonLoader',\n\n  props: {\n    boilerplate: Boolean,\n    loading: Boolean,\n    tile: Boolean,\n    transition: String,\n    type: String,\n    types: {\n      type: Object,\n      default: () => ({}),\n    } as PropValidator<Record<string, string>>,\n  },\n\n  computed: {\n    attrs (): object {\n      if (!this.isLoading) return this.$attrs\n\n      return !this.boilerplate ? {\n        'aria-busy': true,\n        'aria-live': 'polite',\n        role: 'alert',\n        ...this.$attrs,\n      } : {}\n    },\n    classes (): object {\n      return {\n        'v-skeleton-loader--boilerplate': this.boilerplate,\n        'v-skeleton-loader--is-loading': this.isLoading,\n        'v-skeleton-loader--tile': this.tile,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      }\n    },\n    isLoading (): boolean {\n      return !('default' in this.$scopedSlots) || this.loading\n    },\n    rootTypes (): Record<string, string> {\n      return {\n        actions: 'button@2',\n        article: 'heading, paragraph',\n        avatar: 'avatar',\n        button: 'button',\n        card: 'image, card-heading',\n        'card-avatar': 'image, list-item-avatar',\n        'card-heading': 'heading',\n        chip: 'chip',\n        'date-picker': 'list-item, card-heading, divider, date-picker-options, date-picker-days, actions',\n        'date-picker-options': 'text, avatar@2',\n        'date-picker-days': 'avatar@28',\n        heading: 'heading',\n        image: 'image',\n        'list-item': 'text',\n        'list-item-avatar': 'avatar, text',\n        'list-item-two-line': 'sentences',\n        'list-item-avatar-two-line': 'avatar, sentences',\n        'list-item-three-line': 'paragraph',\n        'list-item-avatar-three-line': 'avatar, paragraph',\n        paragraph: 'text@3',\n        sentences: 'text@2',\n        table: 'table-heading, table-thead, table-tbody, table-tfoot',\n        'table-heading': 'heading, text',\n        'table-thead': 'heading@6',\n        'table-tbody': 'table-row-divider@6',\n        'table-row-divider': 'table-row, divider',\n        'table-row': 'table-cell@6',\n        'table-cell': 'text',\n        'table-tfoot': 'text@2, avatar@2',\n        text: 'text',\n        ...this.types,\n      }\n    },\n  },\n\n  methods: {\n    genBone (text: string, children: VNode[]) {\n      return this.$createElement('div', {\n        staticClass: `v-skeleton-loader__${text} v-skeleton-loader__bone`,\n      }, children)\n    },\n    genBones (bone: string): VNode[] {\n      // e.g. 'text@3'\n      const [type, length] = bone.split('@') as [string, number]\n      const generator = () => this.genStructure(type)\n\n      // Generate a length array based upon\n      // value after @ in the bone string\n      return Array.from({ length }).map(generator)\n    },\n    // Fix type when this is merged\n    // https://github.com/microsoft/TypeScript/pull/33050\n    genStructure (type?: string): any {\n      let children = []\n      type = type || this.type || ''\n      const bone = this.rootTypes[type] || ''\n\n      // End of recursion, do nothing\n      /* eslint-disable-next-line no-empty, brace-style */\n      if (type === bone) {}\n      // Array of values - e.g. 'heading, paragraph, text@2'\n      else if (type.indexOf(',') > -1) return this.mapBones(type)\n      // Array of values - e.g. 'paragraph@4'\n      else if (type.indexOf('@') > -1) return this.genBones(type)\n      // Array of values - e.g. 'card@2'\n      else if (bone.indexOf(',') > -1) children = this.mapBones(bone)\n      // Array of values - e.g. 'list-item@2'\n      else if (bone.indexOf('@') > -1) children = this.genBones(bone)\n      // Single value - e.g. 'card-heading'\n      else if (bone) children.push(this.genStructure(bone))\n\n      return [this.genBone(type, children)]\n    },\n    genSkeleton () {\n      const children = []\n\n      if (!this.isLoading) children.push(getSlot(this))\n      else children.push(this.genStructure())\n\n      /* istanbul ignore else */\n      if (!this.transition) return children\n\n      /* istanbul ignore next */\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n        },\n        // Only show transition when\n        // content has been loaded\n        on: {\n          afterEnter: this.resetStyles,\n          beforeEnter: this.onBeforeEnter,\n          beforeLeave: this.onBeforeLeave,\n          leaveCancelled: this.resetStyles,\n        },\n      }, children)\n    },\n    mapBones (bones: string) {\n      // Remove spaces and return array of structures\n      return bones.replace(/\\s/g, '').split(',').map(this.genStructure)\n    },\n    onBeforeEnter (el: HTMLSkeletonLoaderElement) {\n      this.resetStyles(el)\n\n      if (!this.isLoading) return\n\n      el._initialStyle = {\n        display: el.style.display,\n        transition: el.style.transition,\n      }\n\n      el.style.setProperty('transition', 'none', 'important')\n    },\n    onBeforeLeave (el: HTMLSkeletonLoaderElement) {\n      el.style.setProperty('display', 'none', 'important')\n    },\n    resetStyles (el: HTMLSkeletonLoaderElement) {\n      if (!el._initialStyle) return\n\n      el.style.display = el._initialStyle.display || ''\n      el.style.transition = el._initialStyle.transition\n\n      delete el._initialStyle\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-skeleton-loader',\n      attrs: this.attrs,\n      on: this.$listeners,\n      class: this.classes,\n      style: this.isLoading ? this.measurableStyles : undefined,\n    }, [this.genSkeleton()])\n  },\n})\n","export * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/sass-loader/dist/cjs.js??ref--14-0!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheDashboardBody.vue?vue&type=style&index=1&id=5cab5aa8&prod&lang=scss&\"","module.exports = __webpack_public_path__ + \"assets/img/reserve_it.cb6101b1.svg\";","module.exports = __webpack_public_path__ + \"assets/img/heart_wht.7788cd34.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"dashboard-status-card-wrapper mx-auto\"},[(_vm.loading)?_vm._l((new Array(3)),function(item,index){return _c('div',{key:index,staticClass:\"item\"},[_c('v-skeleton-loader',{staticClass:\"mx-auto my-2 px-2\",attrs:{\"max-width\":\"100%\",\"type\":\"article\",\"loading\":\"\"}})],1)}):_vm._l((_vm.$store.getters.buyerDashboardCard),function(card,key){return _c('div',{key:key,staticClass:\"item\"},[_c('TheDashboardStatusCard',{attrs:{\"card\":card,\"icon\":key,\"background\":true,\"userType\":\"buyer\"}})],1)})],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <!-- this is buy dashboard page, shows 3 Status Cards and 2 divs-->\r\n  <div>\r\n    <!-- <div>\r\n      <TheTitleBar\r\n        sectionTitle=\"dashboard.label.mnuDashboard\"\r\n        sectionID=\"sellerListings\"\r\n        :showCount=\"false\"\r\n        :showValue=\"false\"\r\n        :showFilters=\"false\"\r\n        :showSort=\"false\"\r\n        :showSellButton=\"false\"\r\n        :totalCount=\"0\"\r\n        :totalValue=\"0\"\r\n      />\r\n    </div> -->\r\n\r\n    <!-- buying card row -->\r\n\r\n    <div class=\"dashboard-status-card-wrapper mx-auto\">\r\n      <template v-if=\"loading\">\r\n        <div\r\n          class=\"item\"\r\n          v-for=\"(item, index) in new Array(3)\"\r\n          :key=\"index\"\r\n        >\r\n          <v-skeleton-loader\r\n            class=\"mx-auto my-2 px-2\"\r\n            max-width=\"100%\"\r\n            type=\"article\"\r\n            loading\r\n          />\r\n        </div>\r\n      </template>\r\n      <div\r\n        class=\"item\"\r\n        v-for=\"(card, key) in $store.getters.buyerDashboardCard\"\r\n        :key=\"key\"\r\n        v-else\r\n      >\r\n        <TheDashboardStatusCard\r\n          :card=\"card\"\r\n          :icon=\"key\"\r\n          :background=\"true\"\r\n          userType=\"buyer\"\r\n        />\r\n      </div>\r\n    </div>\r\n<!--\r\n    <div class=\"refer-link\">\r\n      <img src=\"@/assets/img/dashboard/buyerdashboard-referal.png\" />\r\n      <div class=\"refer-link-desc\">\r\n        <div class=\"refer-link-desc-title\">{{ $t(\"dashboard.label.referTitle\") }}</div>\r\n        <div class=\"refer-link-desc-subtitle\">{{ $t(\"dashboard.label.referText\") }}</div>\r\n        <div class=\"refer-link-refer_holder\">\r\n          <input :value=\"userRef\" readonly class=\"refer-link-refer_holder-input\" />\r\n          <v-btn\r\n            @click=\"copyRefer\"\r\n            color=\"primary\"\r\n            depressed\r\n            class=\"refer-link-refer_holder-btn\"\r\n          >\r\n            {{ $t(\"dashboard.label.referCopy\") }}\r\n          </v-btn>\r\n        </div>\r\n      </div>\r\n    </div>\r\n-->\r\n    <!-- <b-row>\r\n        <b-card-group deck class=\"m-auto\">\r\n          <b-card class=\"text-center\" style=\"max-width: 500px\">\r\n            <img src=\"@/assets/img/dashboard/car_listing.jpg\" alt=\"\" />\r\n            <h4>{{ $t(\"listings.label.noListing\") }}</h4>\r\n            <h6 class=\"text-half-dark pb-3\">\r\n              {{ $t(\"listings.label.noListingText\") }}\r\n            </h6>\r\n          </b-card>\r\n\r\n          <b-card class=\"text-center\" style=\"max-width: 500px\">\r\n            <img src=\"@/assets/img/dashboard/payment.jpg\" alt=\"\" />\r\n            <h4>{{ $t(\"listings.label.yourPayments\") }}</h4>\r\n            <h6 class=\"text-half-dark pb-3\">\r\n              {{ $t(\"listings.label.yourPaymentsText\") }}\r\n            </h6>\r\n          </b-card>\r\n        </b-card-group>\r\n      </b-row> -->\r\n  </div>\r\n</template>\r\n<script>\r\n// import TheTitleBar from \"@/components/dashboard/global/TheTitleBar.vue\";\r\nimport TheDashboardStatusCard from \"@/components/dashboard/global/TheDashboardStatusCard.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    // TheTitleBar,\r\n    TheDashboardStatusCard,\r\n  },\r\n  data() {\r\n    return {\r\n      loading: false,\r\n    };\r\n  },\r\n  computed: {\r\n    user() {\r\n      return this.$store.getters.user;\r\n    },\r\n    userRef() {\r\n      return `${window.location.origin}?ref=${this.user.Ref}`;\r\n    },\r\n  },\r\n  methods: {\r\n    async getInfo() {\r\n      try {\r\n        this.loading = true;\r\n        let parameter = {\r\n          date: 1,\r\n          range: 1,\r\n        };\r\n        await this.$store.dispatch(\"getBuyerInfo\", parameter);\r\n      }finally {\r\n        this.loading = false;\r\n      }\r\n    },\r\n    async copyRefer() {\r\n      try {\r\n        await navigator.clipboard.writeText(this.userRef);\r\n        this.$store.dispatch(\"showToast\", {\r\n          content: \"Refer Copied Success\",\r\n          type: \"success\",\r\n        });\r\n      } catch ($e) {\r\n        this.$store.dispatch(\"showToast\", {\r\n          content: \"Refer Copied Fail\",\r\n          type: \"error\",\r\n        });\r\n      }\r\n    },\r\n  },\r\n  beforeMount() {\r\n    this.getInfo();\r\n    this.$store.dispatch('setDashboardType', 'BuyerDashboard')\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.refer-link {\r\n  display: flex;\r\n  align-items: stretch;\r\n  height: 342px;\r\n  flex: none;\r\n  margin-top: 24px;\r\n  &-desc {\r\n    background-color: #fff;\r\n    flex: 1;\r\n    border-radius: 0 0 4px 4px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    justify-content: flex-start;\r\n    padding: 60px 24px;\r\n    &-title {\r\n      font-weight: 500;\r\n      font-size: 24px;\r\n      line-height: 32px;\r\n      font-family: \"Poppins\", sans-serif;\r\n      color: #363636;\r\n    }\r\n    &-subtitle {\r\n      font-weight: 400;\r\n      font-size: 16px;\r\n      line-height: 24px;\r\n      color: #363636;\r\n      margin-top: 24px;\r\n    }\r\n  }\r\n  &-refer_holder {\r\n    display: flex;\r\n    align-items: stretch;\r\n    width: 425px;\r\n    height: 85px;\r\n    margin-top: 48px;\r\n    &-input {\r\n      box-sizing: border-box;\r\n      border-radius: 30px 0 0 30px;\r\n      padding: 12px 24px;\r\n      border: 1px solid #d0d0d0;\r\n      border-right: none;\r\n      font-weight: 400;\r\n      font-size: 12px;\r\n      line-height: 18px;\r\n      height: 48px;\r\n      outline: none;\r\n      color: #acacac !important;\r\n      &::placeholder {\r\n        color: #acacac !important;\r\n        font-size: 12px;\r\n      }\r\n    }\r\n    &-btn {\r\n      border-radius: 0 30px 30px 0;\r\n      height: 48px !important;\r\n      text-transform: none;\r\n      font-weight: 500;\r\n      font-size: 16px;\r\n      letter-spacing: 0;\r\n      padding: 0 10px;\r\n    }\r\n  }\r\n}\r\n.dashboard-status-card-wrapper {\r\n  display: flex;\r\n  column-gap: 24px;\r\n  row-gap: 24px;\r\n  flex-wrap: wrap;\r\n  padding-top: 24px;\r\n  .item {\r\n    width:100%;\r\n    @media screen and (min-width:960px) {\r\n      width: calc((100% / 3) - 16px);\r\n    }\r\n  }\r\n  @media (max-width: 768px) {\r\n    padding: 24px 10px;\r\n    .item {\r\n      width: 100%;\r\n    }\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n.refer-link-refer_holder-btn {\r\n  .v-btn__content {\r\n    font-family: \"Inter\", sans-serif !important;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheDashboardBody.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheDashboardBody.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheDashboardBody.vue?vue&type=template&id=5cab5aa8&scoped=true&\"\nimport script from \"./TheDashboardBody.vue?vue&type=script&lang=js&\"\nexport * from \"./TheDashboardBody.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheDashboardBody.vue?vue&type=style&index=0&id=5cab5aa8&prod&lang=scss&scoped=true&\"\nimport style1 from \"./TheDashboardBody.vue?vue&type=style&index=1&id=5cab5aa8&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5cab5aa8\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"dashboard-card\",class:{ 'statusCardBG ': _vm.background },style:(`background-color: ${_vm.cardBackground}`)},[_c('h4',{staticClass:\"dashboard-card-title\",class:_vm.userType === 'seller' ? 'seller' : ''},[_c('b-link',{staticClass:\"text-white\",on:{\"click\":function($event){return _vm.redirect()}}},[_vm._v(_vm._s(_vm.card.title))])],1),(_vm.userType === 'buyer')?_c('div',{staticClass:\"dashboard-card-subtitle\"},[_c('b',[_vm._v(_vm._s(_vm.card.number1))]),_c('span',[_vm._v(_vm._s(_vm.card.subtitle1))])]):_vm._e(),(_vm.userType === 'seller')?_c('div',{staticClass:\"seller-info-wrapper\"},[_c('div',{staticClass:\"text-center\"},[_c('div',[_c('h4',[_vm._v(_vm._s(_vm.card.number1))])]),_c('div',[_vm._v(_vm._s(_vm.card.subtitle1))])]),_c('div',{staticClass:\"text-center\"},[_c('div',[(_vm.card.number2.includes('.'))?_c('h4',[_vm._v(\" \"+_vm._s(_vm.currencyFormatter(_vm.card.number2))+\" \")]):_c('h4',[_vm._v(_vm._s(_vm.card.number2))])]),_c('div',[_vm._v(_vm._s(_vm.card.subtitle2))])])]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    v-bind:class=\"{ 'statusCardBG ': background }\"\r\n    class=\"dashboard-card\"\r\n    :style=\"`background-color: ${cardBackground}`\"\r\n  >\r\n    <!-- BEGIN:: HIDE FILTERS FOR NOW -->\r\n    <!-- <div\r\n      v-show=\"card.Menu\"\r\n      class=\"p-0 my-auto\"\r\n      style=\"position: absolute; top: 0; right: 0\"\r\n    >\r\n      <b-form-select\r\n        size=\"sm\"\r\n        class=\"border-0 p-0 shadow-none w-auto text-right text-white d-inline-block mini-font\"\r\n        v-model=\"dropDown\"\r\n        @change=\"filter()\"\r\n      >\r\n        <b-form-select-option\r\n          :value=\"null\"\r\n          disabled\r\n          class=\"bg-light mini-font\"\r\n          >Default</b-form-select-option\r\n        >\r\n        <b-form-select-option\r\n          class=\"bg-light mini-font\"\r\n          v-for=\"(c, key) in card.Menu\"\r\n          :key=\"key\"\r\n          :value=\"c.value\"\r\n        >\r\n          {{ c.description }}\r\n        </b-form-select-option> </b-form-select\r\n      ><b-icon icon=\"chevron-down\" class=\"pl-1\" scale=\"1\"></b-icon>\r\n    </div> -->\r\n    <!-- END:: HIDE FILTERS FOR NOW -->\r\n\r\n    <h4 class=\"dashboard-card-title\" :class=\"userType === 'seller' ? 'seller' : ''\">\r\n      <b-link @click=\"redirect()\" class=\"text-white\">{{ card.title }}</b-link>\r\n    </h4>\r\n\r\n    <!-- Buyer Cards -->\r\n    <div class=\"dashboard-card-subtitle\" v-if=\"userType === 'buyer'\">\r\n      <b>{{ card.number1 }}</b>\r\n      <span>{{ card.subtitle1 }}</span>\r\n    </div>\r\n\r\n    <!-- Seller Cards -->\r\n    <div class=\"seller-info-wrapper\" v-if=\"userType === 'seller'\">\r\n      <div class=\"text-center\">\r\n        <div>\r\n          <h4>{{ card.number1 }}</h4>\r\n        </div>\r\n        <div>{{ card.subtitle1 }}</div>\r\n      </div>\r\n\r\n      <div class=\"text-center\">\r\n        <div>\r\n          <h4 v-if=\"card.number2.includes('.')\">\r\n            {{ currencyFormatter(card.number2) }}\r\n          </h4>\r\n          <h4 v-else>{{ card.number2 }}</h4>\r\n        </div>\r\n        <div>{{ card.subtitle2 }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: [\"card\", \"background\", \"userType\", \"icon\"],\r\n  data() {\r\n    return {\r\n      dropDown: null,\r\n      isStatus: false,\r\n      watchlistIcon: require(\"@/assets/img/icons/heart_wht.svg\"),\r\n      reservedIcon: require(\"@/assets/img/icons/reserve_it.svg\"),\r\n      orderIcon: require(\"@/assets/img/icons/payment_delivery.svg\"),\r\n    };\r\n  },\r\n  methods: {\r\n    currencyFormatter(value) {\r\n      const sc = this.$store.getters.currencyForSeller;\r\n      return new Intl.NumberFormat(this.$store.getters.currencyCulture, {\r\n        style: \"currency\",\r\n        currency: sc ? sc : \"CAD\",\r\n        minimumFractionDigits: value % 1 != 0 ? 2 : 0,\r\n      }).format(value);\r\n    },\r\n    filter() {\r\n      if (this.card.Menu) {\r\n        this.isStatus = this.card.Menu.length > 4 ? true : false;\r\n      }\r\n      let parameter = {\r\n        lang: this.$i18n.locale,\r\n        status: this.isStatus ? this.dropDown : null,\r\n        purchacedDate: !this.isStatus ? this.dropDown : null,\r\n      };\r\n      if (this.userType === \"buyer\") this.$store.dispatch(\"getBuyerInfo\", parameter);\r\n      else if (this.userType === \"seller\")\r\n        this.$store.dispatch(\"getSellerInfo\", parameter);\r\n    },\r\n    redirect() {\r\n      if (this.userType === \"seller\") {\r\n        switch (this.icon) {\r\n          case 0:\r\n            this.$router.push({ name: \"MyListings\" });\r\n            break;\r\n          case 1:\r\n            this.$router.push({ name: \"PendingSales\" });\r\n            break;\r\n          case 2:\r\n            this.$router.push({ name: \"ConfirmedSales\" });\r\n            break;\r\n        }\r\n      } else if (this.userType === \"buyer\") {\r\n        switch (this.icon) {\r\n          case 0:\r\n            this.$router.push({ name: \"MyWatchList\" });\r\n            break;\r\n          case 1:\r\n            this.$router.push({ name: \"MyReservations\" });\r\n            break;\r\n          case 2:\r\n            this.$router.push({ name: \"MyPurchased\" });\r\n            break;\r\n        }\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    cardBackground() {\r\n      switch (this.icon) {\r\n        case 0:\r\n          return `#006AC3`;\r\n        case 1:\r\n          return `#F4B400`;\r\n        case 2:\r\n          return `#0F9D58`;\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n\r\n.statusCardBG {\r\n  min-height: 180px;\r\n  border-radius: 4px;\r\n}\r\n.dashboard-card {\r\n  padding: 32px 24px;\r\n  color: #fff;\r\n  &-subtitle {\r\n    width: 100%;\r\n    height: 54px;\r\n    margin-top: 30px;\r\n    border-radius: 4px;\r\n    background-color: rgba(0, 0, 0, 0.3);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    column-gap: 16px;\r\n    b {\r\n      font-weight: 600;\r\n      font-size: 20px;\r\n      line-height: 30px;\r\n    }\r\n    span {\r\n      font-weight: 500;\r\n      font-size: 16px;\r\n      line-height: 24px;\r\n    }\r\n  }\r\n  &-title {\r\n    font-size: 24px;\r\n    line-height: 32px;\r\n    font-weight: 500;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n.seller {\r\n  &.dashboard-card-title {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    margin-bottom: 24px;\r\n  }\r\n}\r\n.seller-info-wrapper {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  background-color: rgba(0, 0, 0, 0.3);\r\n  padding: 24px;\r\n  border-radius: 4px;\r\n  height: 118px;\r\n  align-items: center;\r\n  h4 {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    font-family: \"Inter\", sans-serif !important;\r\n    margin-bottom: 16px;\r\n  }\r\n  div {\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheDashboardStatusCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheDashboardStatusCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheDashboardStatusCard.vue?vue&type=template&id=6c60b114&\"\nimport script from \"./TheDashboardStatusCard.vue?vue&type=script&lang=js&\"\nexport * from \"./TheDashboardStatusCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheDashboardStatusCard.vue?vue&type=style&index=0&id=6c60b114&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/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","export * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/sass-loader/dist/cjs.js??ref--14-0!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheDashboardStatusCard.vue?vue&type=style&index=0&id=6c60b114&prod&lang=scss&\"","export * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/sass-loader/dist/cjs.js??ref--14-0!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheDashboardBody.vue?vue&type=style&index=0&id=5cab5aa8&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"assets/img/payment_delivery.63aa3e57.svg\";"],"sourceRoot":""}