{"version":3,"sources":["webpack:///./node_modules/quasar/src/composables/private/use-ratio.js","webpack:///./node_modules/quasar/src/components/img/QImg.js","webpack:///./src/components/reusables/CutomerDetails.vue","webpack:///./src/components/reusables/InitialsAvatar.vue","webpack:///./src/components/reusables/InitialsAvatar.vue?577d","webpack:///./src/components/reusables/CutomerDetails.vue?bcfd","webpack:///./node_modules/core-js/modules/es.array.reduce.js","webpack:///./src/components/base/Button/GoBack.vue","webpack:///./src/components/base/Button/GoBack.vue?b820","webpack:///./src/components/reusables/EmptyPlaceholder.vue","webpack:///./src/components/reusables/EmptyPlaceholder.vue?bbd0","webpack:///./src/components/base/Button/GoBack.vue?23b2","webpack:///./src/assets/goto.svg","webpack:///./src/components/reusables/InitialsAvatar.vue?d83f","webpack:///./src/helpers/money.js","webpack:///./node_modules/core-js/modules/es.iterator.reduce.js","webpack:///./node_modules/quasar/src/components/page/QPage.js","webpack:///./node_modules/core-js/internals/array-method-is-strict.js","webpack:///./src/components/reusables/CutomerDetails.vue?4a15","webpack:///./src/services/customers.http.js","webpack:///./src/components/contents/Customers/CustomerDetails/index.vue?b727","webpack:///./node_modules/core-js/internals/array-reduce.js","webpack:///./src/components/reusables/EmptyPlaceholder.vue?64e9","webpack:///./src/views/Customers/CustomerDetails.vue","webpack:///./src/components/contents/Customers/CustomerDetails/index.vue","webpack:///./src/components/contents/Customers/CustomerDetails/index.vue?3173","webpack:///./src/views/Customers/CustomerDetails.vue?5043"],"names":["useRatioProps","ratio","String","Number","props","naturalRatio","computed","value","isNaN","paddingBottom","crossoriginValues","loadingValues","fitValues","defaultRatio","defineComponent","name","src","srcset","sizes","alt","crossorigin","type","validator","val","includes","draggable","Boolean","loading","default","width","height","initialRatio","placeholderSrc","fit","position","imgClass","imgStyle","Object","noSpinner","noNativeMenu","noTransition","spinnerColor","spinnerSize","emits","setup","slots","attrs","emit","ref","ratioStyle","useRatio","loadTimer","images","isLoading","hasError","classes","style","objectFit","objectPosition","getCurrentSrc","addImage","imgProps","clearTimeout","onLoad","target","naturalHeight","naturalWidth","waitForCompleteness","count","complete","onReady","setTimeout","img","currentSrc","onError","err","getContainer","key","child","h","class","getImage","index","data","assign","getContent","hSlot","QSpinner","color","size","watch","onBeforeUnmount","content","push","Transition","role","align","_createBlock","_component_q_card","flat","_createVNode","_component_q_card_section","_$props$customer","_$props$customer2","_$props$customer3","_$props$customer4","_$props$customer5","_$props$customer6","_$props$customer7","_$props$customer8","_$props$address","_$props$address2","_$props$deliveryInfo","_$props$deliveryInfo2","_createElementVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","onClick","_cache","$event","$options","gotoCustomer","customerId","_imports_0","_hoisted_5","$props","customer","profileImage","_createElementBlock","_component_InitialsAvatar","initial","customerInitials","_hoisted_7","_hoisted_8","_toDisplayString","firstName","lastName","_hoisted_9","id","hideContactInfo","_hoisted_10","_hoisted_11","_hoisted_12","email","_hoisted_13","phoneNumber","address","_hoisted_14","_hoisted_15","_hoisted_16","date","_hoisted_17","_hoisted_18","_hoisted_19","addedDate","_hoisted_20","deliveryInfo","_hoisted_21","_hoisted_22","_hoisted_23","location","_hoisted_24","amount","_normalizeStyle","__exports__","components","InitialsAvatar","_this$customer","_this$customer2","this","_this$customer3","customersId","methods","$router","params","render","QCard","QCardSection","$","$reduce","left","arrayMethodIsStrict","CHROME_VERSION","IS_NODE","CHROME_BUG","FORCED","proto","forced","reduce","callbackfn","length","arguments","undefined","args","handleClick","text","Function","back","_component_q_img","imageHeight","imageSource","message","description","_renderSlot","_ctx","$slots","QImg","module","exports","currency","formatMoney","number","options","showCurrency","toBasicUnit","figure","Intl","NumberFormat","minimumFractionDigits","maximumFractionDigits","currencyDisplay","format","iterate","aCallable","anObject","getIteratorDirect","$TypeError","TypeError","real","reducer","record","noInitial","accumulator","counter","IS_RECORD","padding","styleFn","proxy","$q","getCurrentInstance","$layout","inject","layoutKey","pageContainerKey","offset","header","space","footer","isContainer","containerHeight","screen","minHeight","fails","METHOD_NAME","argument","method","call","Customers","constructor","api","http","createCustomer","payload","post","getCustomers","get","getSingleCustomer","refundCustomers","createBlacklist","removeBlacklist","patch","toObject","IndexedObject","lengthOfArrayLike","REDUCE_EMPTY","createMethod","IS_RIGHT","that","argumentsLength","memo","O","self","i","right","_component_Content","_component_q_page","_component_AppBackButton","$data","_$data$customer","_$data$customer2","uniquePaymentId","_component_q_separator","_component_CustomerDetails","formattedAddress","_hoisted_6","totalSpend","trnxs","gotoView","_Fragment","_renderList","trnx","formatDate","createdAt","_component_EmptyPlaceholder","CustomerDetails","AppBackButton","EmptyPlaceholder","customerService","totalSpent","transactions","$route","show","response","isEmpty","keys","splice","totalAmount","map","element","a","b","hide","showMessage","window","scrollTo","created","CustomerService","$api2","mounted","processCustomers","QPage","QSeparator","Content"],"mappings":"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","file":"js/chunk-1faedcb0.a069062c.js","sourcesContent":["import { computed } from 'vue'\n\nexport const useRatioProps = {\n  ratio: [ String, Number ]\n}\n\nexport default function (props, naturalRatio) {\n  // return ratioStyle\n  return computed(() => {\n    const ratio = Number(\n      props.ratio || (naturalRatio !== void 0 ? naturalRatio.value : void 0)\n    )\n\n    return isNaN(ratio) !== true && ratio > 0\n      ? { paddingBottom: `${ 100 / ratio }%` }\n      : null\n  })\n}\n","import { h, defineComponent, ref, computed, watch, onMounted, onBeforeUnmount, Transition } from 'vue'\n\nimport QSpinner from '../spinner/QSpinner.js'\nimport useRatio, { useRatioProps } from '../../composables/private/use-ratio.js'\nimport { hSlot } from '../../utils/private/render.js'\nimport { isRuntimeSsrPreHydration } from '../../plugins/Platform.js'\n\nconst crossoriginValues = [ 'anonymous', 'use-credentials' ]\nconst loadingValues = [ 'eager', 'lazy' ]\nconst fitValues = [ 'cover', 'fill', 'contain', 'none', 'scale-down' ]\nconst defaultRatio = 16 / 9\n\nexport default defineComponent({\n  name: 'QImg',\n\n  props: {\n    ...useRatioProps,\n\n    src: String,\n    srcset: String,\n    sizes: String,\n\n    alt: String,\n    crossorigin: {\n      type: String,\n      validator: val => crossoriginValues.includes(val)\n    },\n    draggable: Boolean,\n\n    loading: {\n      type: String,\n      default: 'lazy',\n      validator: val => loadingValues.includes(val)\n    },\n    width: String,\n    height: String,\n    initialRatio: {\n      type: [ Number, String ],\n      default: defaultRatio\n    },\n\n    placeholderSrc: String,\n\n    fit: {\n      type: String,\n      default: 'cover',\n      validator: val => fitValues.includes(val)\n    },\n    position: {\n      type: String,\n      default: '50% 50%'\n    },\n\n    imgClass: String,\n    imgStyle: Object,\n\n    noSpinner: Boolean,\n    noNativeMenu: Boolean,\n    noTransition: Boolean,\n\n    spinnerColor: String,\n    spinnerSize: String\n  },\n\n  emits: [ 'load', 'error' ],\n\n  setup (props, { slots, attrs, emit }) {\n    const naturalRatio = ref(props.initialRatio)\n    const ratioStyle = useRatio(props, naturalRatio)\n\n    let loadTimer\n\n    const images = [\n      ref(null),\n      ref(props.placeholderSrc !== void 0 ? { src: props.placeholderSrc } : null)\n    ]\n\n    const position = ref(0)\n\n    const isLoading = ref(false)\n    const hasError = ref(false)\n\n    const classes = computed(() =>\n      `q-img q-img--${ props.noNativeMenu === true ? 'no-' : '' }menu`\n    )\n\n    const style = computed(() => ({\n      width: props.width,\n      height: props.height\n    }))\n\n    const imgClass = computed(() =>\n      `q-img__image ${ props.imgClass !== void 0 ? props.imgClass + ' ' : '' }`\n      + `q-img__image--with${ props.noTransition === true ? 'out' : '' }-transition`\n    )\n\n    const imgStyle = computed(() => ({\n      ...props.imgStyle,\n      objectFit: props.fit,\n      objectPosition: props.position\n    }))\n\n    watch(() => getCurrentSrc(), addImage)\n\n    function getCurrentSrc () {\n      return props.src || props.srcset || props.sizes\n        ? {\n            src: props.src,\n            srcset: props.srcset,\n            sizes: props.sizes\n          }\n        : null\n    }\n\n    function addImage (imgProps) {\n      clearTimeout(loadTimer)\n      hasError.value = false\n\n      if (imgProps === null) {\n        isLoading.value = false\n        images[ 0 ].value = null\n        images[ 1 ].value = null\n        return\n      }\n\n      isLoading.value = true\n      images[ position.value ].value = imgProps\n    }\n\n    function onLoad ({ target }) {\n      // if component has been already destroyed\n      if (loadTimer === null) { return }\n\n      clearTimeout(loadTimer)\n\n      naturalRatio.value = target.naturalHeight === 0\n        ? 0.5\n        : target.naturalWidth / target.naturalHeight\n\n      waitForCompleteness(target, 1)\n    }\n\n    function waitForCompleteness (target, count) {\n      // protect against running forever\n      if (loadTimer === null || count === 1000) { return }\n\n      if (target.complete === true) {\n        onReady(target)\n      }\n      else {\n        loadTimer = setTimeout(() => {\n          waitForCompleteness(target, count + 1)\n        }, 50)\n      }\n    }\n\n    function onReady (img) {\n      // if component has been already destroyed\n      if (loadTimer === null) { return }\n\n      position.value = position.value === 1 ? 0 : 1\n      images[ position.value ].value = null\n      isLoading.value = false\n      hasError.value = false\n      emit('load', img.currentSrc || img.src)\n    }\n\n    function onError (err) {\n      clearTimeout(loadTimer)\n      isLoading.value = false\n      hasError.value = true\n      images[ 0 ].value = null\n      images[ 1 ].value = null\n      emit('error', err)\n    }\n\n    function getContainer (key, child) {\n      return h(\n        'div',\n        { class: 'q-img__container absolute-full', key },\n        child\n      )\n    }\n\n    function getImage (index) {\n      const img = images[ index ].value\n\n      const data = {\n        key: 'img_' + index,\n        ...attrs,\n        class: imgClass.value,\n        style: imgStyle.value,\n        crossorigin: props.crossorigin,\n        height: props.height,\n        width: props.width,\n        loading: props.loading,\n        'aria-hidden': 'true',\n        draggable: props.draggable,\n        ...img\n      }\n\n      if (position.value === index) {\n        data.class += ' q-img__image--waiting'\n        Object.assign(data, { onLoad, onError })\n      }\n      else {\n        data.class += ' q-img__image--loaded'\n      }\n\n      return getContainer('img' + index, h('img', data))\n    }\n\n    function getContent () {\n      if (isLoading.value !== true) {\n        return h('div', {\n          key: 'content',\n          class: 'q-img__content absolute-full q-anchor--skip'\n        }, hSlot(slots[ hasError.value === true ? 'error' : 'default' ]))\n      }\n\n      return h('div', {\n        key: 'loading',\n        class: 'q-img__loading absolute-full flex flex-center'\n      }, (\n        slots.loading !== void 0\n          ? slots.loading()\n          : (\n              props.noSpinner === true\n                ? void 0\n                : [\n                    h(QSpinner, {\n                      color: props.spinnerColor,\n                      size: props.spinnerSize\n                    })\n                  ]\n            )\n      ))\n    }\n\n    if (__QUASAR_SSR_SERVER__ !== true) {\n      if (__QUASAR_SSR_CLIENT__ && isRuntimeSsrPreHydration.value === true) {\n        onMounted(() => {\n          addImage(getCurrentSrc())\n        })\n      }\n      else {\n        addImage(getCurrentSrc())\n      }\n\n      onBeforeUnmount(() => {\n        clearTimeout(loadTimer)\n        loadTimer = null\n      })\n    }\n\n    return () => {\n      const content = []\n\n      if (ratioStyle.value !== null) {\n        content.push(\n          h('div', { key: 'filler', style: ratioStyle.value })\n        )\n      }\n\n      if (hasError.value !== true) {\n        if (images[ 0 ].value !== null) {\n          content.push(getImage(0))\n        }\n\n        if (images[ 1 ].value !== null) {\n          content.push(getImage(1))\n        }\n      }\n\n      content.push(\n        h(Transition, { name: 'q-transition--fade' }, getContent)\n      )\n\n      return h('div', {\n        class: classes.value,\n        style: style.value,\n        role: 'img',\n        'aria-label': props.alt\n      }, content)\n    }\n  }\n})\n","<template>\n  <q-card flat class=\"customer-transaction-details\">\n    <q-card-section>\n      <div class=\"row\">\n        <div class=\"col-md-2 col-sm-12 col-xs-12\"></div>\n        <div class=\"col-md-10 col-sm-12 col-xs-12\">\n          <div class=\"q-my-lg row\">\n            <div class=\"col-md-8 col-sm-10 col-xs-10\">\n              <b>Customer</b>\n            </div>\n            <div class=\"col-md-4 col-sm-2 col-xs-2\" align=\"right\">\n              <img @click=\"gotoCustomer(customerId)\" class=\"cursor-pointer\" src=\"@/assets/goto.svg\" alt=\"\">\n            </div>\n        </div>\n          <div class=\"customer-basic-details\">\n            <div>\n              <img\n                v-if=\"customer?.profileImage\"\n                :src=\"customer?.profileImage\"\n                class=\"user-img\"\n                alt=\"\"\n              />\n              <InitialsAvatar v-else :initial=\"customerInitials\" />\n            </div>\n            <div class=\"q-ml-md\">\n              <div class=\"name q-mt-sm\">\n                {{ customer?.firstName }} {{ customer?.lastName }}\n              </div>\n              <div class=\"username\">\n                Customer ID: {{ customer?.id }}\n              </div>\n            </div>\n          </div>\n          <div class=\"line\"></div>\n\n          <div v-if=\"!customer?.hideContactInfo\">\n            <div class=\"customer-contact-details\">\n              <div class=\"key\">Contact Information</div>\n              <div class=\"value\">{{ customer?.email }}</div>\n              <div class=\"value q-mt-sm\">{{ customer?.phoneNumber }}</div>\n            </div>\n            <div class=\"line\"></div>\n          </div>\n\n          <div v-if=\"address?.address\">\n            <div class=\"customer-shipping-details\">\n              <div class=\"key\">Shipping Address</div>\n              <div class=\"value\">{{ address?.address }}</div>\n            </div>\n            <div class=\"line\"></div>\n          </div>\n\n          <div v-if=\"date\">\n            <div class=\"customer-date-details\">\n              <div class=\"key\">{{ addedDate }}</div>\n              <div class=\"value\">{{ date }}</div>\n            </div>\n            <div class=\"line\"></div>\n          </div>\n\n          <div v-if=\"deliveryInfo\">\n            <div class=\"customer-date-details\">\n              <div class=\"key\">Delivery Address</div>\n              <div class=\"value\">{{ deliveryInfo?.location }}</div>\n              <div class=\"value\">{{ deliveryInfo?.amount }}</div>\n            </div>\n            <div class=\"line\"></div>\n          </div>\n        </div>\n      </div>\n    </q-card-section>\n  </q-card>\n</template>\n\n<script>\nimport InitialsAvatar from \"@/components/reusables/InitialsAvatar\";\n\nexport default {\n  components: {\n    InitialsAvatar,\n  },\n  props: {\n    customer: {\n      type: Object,\n    },\n    address: {\n      type: Object,\n    },\n    date: {\n      type: String,\n    },\n    addedDate: {\n      type: String,\n      default: \"DATE ADDED\",\n    },\n    deliveryInfo: Object,\n  },\n  computed: {\n    customerInitials() {\n      const firstName = this.customer?.firstName || \" \";\n      const lastName = this.customer?.lastName || \" \";\n      return firstName[0] + lastName[0];\n    },\n    customerId () {\n      const customersId = this.customer?.id;\n      return customersId;\n    }\n  },\n  methods: {\n    gotoCustomer(customerId) {\n      this.$router.push({\n        name: \"customers\",\n        params: { id: customerId },\n      });\n    },\n  }\n};\n</script>\n\n<style scoped>\n.customer-basic-details {\n  display: flex;\n  margin-bottom: 20px;\n}\n.line {\n  background: #8f92a1;\n  height: 1px;\n  opacity: 0.1;\n  margin-bottom: 17px;\n}\n.customer-contact-details,\n.customer-shipping-details,\n.customer-date-details {\n  margin-bottom: 30px;\n}\n.name {\n  font-weight: 800;\n  font-size: 12px;\n  word-break: break-word;\n}\n.username {\n  color: #8f92a1;\n  font-weight: 500;\n  font-size: 12px;\n}\n.user-img {\n  height: 40px;\n  width: 40px;\n  border-radius: 20px;\n  background: #eee;\n}\n.key {\n  font-weight: 600;\n  font-size: 12px;\n  padding-bottom: 12px;\n  text-transform: uppercase;\n}\n.value {\n  font-weight: 400;\n  font-size: 14px;\n}\n.customer-header {\n  color: #171717;\n  font-weight: 800;\n  font-size: 16px;\n}\n</style>\n","<template>\n  <div class=\"avatar\" :style=\"{ height: size, width: size }\">\n    <span class=\"text\">{{ initial }}</span>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'initials-avatar',\n  props: {\n    initial: {\n      type: String,\n      default: '',\n    },\n    size: {\n      type: String,\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.avatar {\n  height: 40px;\n  width: 40px;\n  border-radius: 20px;\n  background-color: #dedede;\n  font-size: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: white;\n  font-weight: 700;\n  letter-spacing: 1px;\n  line-height: 20px;\n\n  .text {\n    display: inline-block;\n    margin-top: 2px;\n    text-transform: uppercase;\n  }\n}\n</style>\n","import { render } from \"./InitialsAvatar.vue?vue&type=template&id=1b947204&scoped=true\"\nimport script from \"./InitialsAvatar.vue?vue&type=script&lang=js\"\nexport * from \"./InitialsAvatar.vue?vue&type=script&lang=js\"\n\nimport \"./InitialsAvatar.vue?vue&type=style&index=0&id=1b947204&lang=scss&scoped=true\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-1b947204\"]])\n\nexport default __exports__","import { render } from \"./CutomerDetails.vue?vue&type=template&id=22c26c15&scoped=true\"\nimport script from \"./CutomerDetails.vue?vue&type=script&lang=js\"\nexport * from \"./CutomerDetails.vue?vue&type=script&lang=js\"\n\nimport \"./CutomerDetails.vue?vue&type=style&index=0&id=22c26c15&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-22c26c15\"]])\n\nexport default __exports__\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QCardSection from 'quasar/src/components/card/QCardSection.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QCard,QCardSection});\n","'use strict';\nvar $ = require('../internals/export');\nvar $reduce = require('../internals/array-reduce').left;\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\nvar CHROME_VERSION = require('../internals/environment-v8-version');\nvar IS_NODE = require('../internals/environment-is-node');\n\n// Chrome 80-82 has a critical bug\n// https://bugs.chromium.org/p/chromium/issues/detail?id=1049982\nvar CHROME_BUG = !IS_NODE && CHROME_VERSION > 79 && CHROME_VERSION < 83;\nvar FORCED = CHROME_BUG || !arrayMethodIsStrict('reduce');\n\n// `Array.prototype.reduce` method\n// https://tc39.es/ecma262/#sec-array.prototype.reduce\n$({ target: 'Array', proto: true, forced: FORCED }, {\n  reduce: function reduce(callbackfn /* , initialValue */) {\n    var length = arguments.length;\n    return $reduce(this, callbackfn, length, length > 1 ? arguments[1] : undefined);\n  }\n});\n","<template>\n  <div class=\"button\" @click=\"handleClick\">\n    <img\n      alt=\"go back\"\n      src=\"https://res.cloudinary.com/ourpass-co/image/upload/v1678364434/go-back_tzhje4.svg\"\n    />\n    <span>{{ text }}</span>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.button {\n  cursor: pointer;\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  margin: 1rem 0;\n\n  img {\n    margin-right: 10px;\n    margin-bottom: 2px;\n  }\n}\n</style>\n\n<script>\nexport default {\n  props: {\n    text: {\n      type: String,\n      default: 'Go Back',\n    },\n    onClick: Function,\n  },\n  methods: {\n    handleClick() {\n      if (this.onClick) {\n        return this.onClick();\n      }\n      this.$router.back();\n    },\n  },\n}\n</script>\n","import { render } from \"./GoBack.vue?vue&type=template&id=0ae0b7ac&scoped=true\"\nimport script from \"./GoBack.vue?vue&type=script&lang=js\"\nexport * from \"./GoBack.vue?vue&type=script&lang=js\"\n\nimport \"./GoBack.vue?vue&type=style&index=0&id=0ae0b7ac&lang=scss&scoped=true\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-0ae0b7ac\"]])\n\nexport default __exports__","<template>\n  <div class=\"empty-state\">\n    <div class=\"state-center\">\n      <q-img\n        :height=\"imageHeight\"\n        fit=\"contain\"\n        :src=\"imageSource\"\n        alt=\"empty screen\"\n      />\n      <p class=\"message\">{{ message }}</p>\n      <p class=\"description\">{{ description }}</p>\n    </div>\n\n    <slot></slot>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.empty-state {\n  position: relative;\n  top: 0;\n  left: 0;\n  min-height: 300px;\n  text-align: center;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 420px;\n  font-size: 14px;\n  padding-bottom: 2rem;\n\n  .state-center {\n    width: 100%;\n  }\n  .message {\n    color: #101010;\n    margin-bottom: 2px;\n    margin-top: 5px;\n    font-family: 'font-weight: 500;';\n    font-size: 16px;\n  }\n  .description {\n    font-weight: 400;\n    font-size: 15px;\n    color: #666666;\n  }\n}\n</style>\n\n<script>\nexport default {\n  props: {\n    imageSource: {\n      type: String,\n      default: \"\",\n    },\n    message: {\n      type: String,\n      default: \"\",\n    },\n    description: {\n      type: String,\n      default: \"\",\n    },\n    imageHeight: {\n      type: String,\n      default: '200px',\n    }\n  },\n};\n</script>\n","import { render } from \"./EmptyPlaceholder.vue?vue&type=template&id=8dafecbe&scoped=true\"\nimport script from \"./EmptyPlaceholder.vue?vue&type=script&lang=js\"\nexport * from \"./EmptyPlaceholder.vue?vue&type=script&lang=js\"\n\nimport \"./EmptyPlaceholder.vue?vue&type=style&index=0&id=8dafecbe&lang=scss&scoped=true\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-8dafecbe\"]])\n\nexport default __exports__\nimport QImg from 'quasar/src/components/img/QImg.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QImg});\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/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/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./GoBack.vue?vue&type=style&index=0&id=0ae0b7ac&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/goto.b3ec87f1.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/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/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./InitialsAvatar.vue?vue&type=style&index=0&id=1b947204&lang=scss&scoped=true\"","// @ts-check\nconst currency = \"NGN\";\n\n/**\n * @param {number | string} number\n * @param {{showCurrency?: Boolean, toBasicUnit?: Boolean}} options\n * - toBasicUnit used to convert from fractional (monetary) unit to basic (monetary) unit e.g kobo to naira\n * @returns {string}\n */\nexport const formatMoney = (number = 0, options = {}) => {\n  const { showCurrency = options.showCurrency ? options.showCurrency : true, toBasicUnit = true } = options;\n  /**\n   * @type {string | number}\n   */\n  let figure = toBasicUnit ? +number / 100 : +number;\n\n  figure = new Intl.NumberFormat(\"en-NG\", {\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2,\n    ...(showCurrency\n      ? {\n          style: \"currency\",\n          currency,\n          currencyDisplay: \"code\",\n        }\n      : {}),\n  }).format(figure);\n\n  return figure;\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar iterate = require('../internals/iterate');\nvar aCallable = require('../internals/a-callable');\nvar anObject = require('../internals/an-object');\nvar getIteratorDirect = require('../internals/get-iterator-direct');\n\nvar $TypeError = TypeError;\n\n// `Iterator.prototype.reduce` method\n// https://tc39.es/ecma262/#sec-iterator.prototype.reduce\n$({ target: 'Iterator', proto: true, real: true }, {\n  reduce: function reduce(reducer /* , initialValue */) {\n    anObject(this);\n    aCallable(reducer);\n    var record = getIteratorDirect(this);\n    var noInitial = arguments.length < 2;\n    var accumulator = noInitial ? undefined : arguments[1];\n    var counter = 0;\n    iterate(record, function (value) {\n      if (noInitial) {\n        noInitial = false;\n        accumulator = value;\n      } else {\n        accumulator = reducer(accumulator, value, counter);\n      }\n      counter++;\n    }, { IS_RECORD: true });\n    if (noInitial) throw new $TypeError('Reduce of empty iterator with no initial value');\n    return accumulator;\n  }\n});\n","import { h, defineComponent, computed, inject, getCurrentInstance } from 'vue'\n\nimport { hSlot } from '../../utils/private/render.js'\nimport { pageContainerKey, layoutKey } from '../../utils/private/symbols.js'\n\nexport default defineComponent({\n  name: 'QPage',\n\n  props: {\n    padding: Boolean,\n    styleFn: Function\n  },\n\n  setup (props, { slots }) {\n    const { proxy: { $q } } = getCurrentInstance()\n\n    const $layout = inject(layoutKey)\n    inject(pageContainerKey, () => {\n      console.error('QPage needs to be child of QPageContainer')\n    })\n\n    const style = computed(() => {\n      const offset\n        = ($layout.header.space === true ? $layout.header.size : 0)\n        + ($layout.footer.space === true ? $layout.footer.size : 0)\n\n      if (typeof props.styleFn === 'function') {\n        const height = $layout.isContainer.value === true\n          ? $layout.containerHeight.value\n          : $q.screen.height\n\n        return props.styleFn(offset, height)\n      }\n\n      return {\n        minHeight: $layout.isContainer.value === true\n          ? ($layout.containerHeight.value - offset) + 'px'\n          : (\n              $q.screen.height === 0\n                ? (offset !== 0 ? `calc(100vh - ${ offset }px)` : '100vh')\n                : ($q.screen.height - offset) + 'px'\n            )\n      }\n    })\n\n    const classes = computed(() =>\n      `q-page ${ props.padding === true ? ' q-layout-padding' : '' }`\n    )\n\n    return () => h('main', {\n      class: classes.value,\n      style: style.value\n    }, hSlot(slots.default))\n  }\n})\n","'use strict';\nvar fails = require('../internals/fails');\n\nmodule.exports = function (METHOD_NAME, argument) {\n  var method = [][METHOD_NAME];\n  return !!method && fails(function () {\n    // eslint-disable-next-line no-useless-call -- required for testing\n    method.call(null, argument || function () { return 1; }, 1);\n  });\n};\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./CutomerDetails.vue?vue&type=style&index=0&id=22c26c15&scoped=true&lang=css\"","export default class Customers {\n  /**\n   * @constructor\n   */\n  constructor(api) {\n    this.http = api;\n  }\n\n  createCustomer(payload) {\n    return this.http.post(`/v1/business/customers`, payload);\n  }\n\n  getCustomers(payload) {\n    return this.http.get(`/v1/business/customers`, {\n      params: payload,\n    });\n  }\n\n  getSingleCustomer(id, payload) {\n    return this.http.get(`/v1/business/customers/${id}`, {\n      params: payload,\n    });\n  }\n\n  refundCustomers(payload) {\n    return this.http.post(`/v1/business/transaction/process-refund`, payload);\n  }\n\n  createBlacklist(payload) {\n    return this.http.post(`/v1/business/blacklists`, payload);\n  }\n  removeBlacklist(payload) {\n    return this.http.patch(`/v1/business/blacklists/remove`, payload);\n  }\n}\n","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader-v16/dist/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/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./index.vue?vue&type=style&index=0&id=150b491c&lang=scss&scoped=true\"","'use strict';\nvar aCallable = require('../internals/a-callable');\nvar toObject = require('../internals/to-object');\nvar IndexedObject = require('../internals/indexed-object');\nvar lengthOfArrayLike = require('../internals/length-of-array-like');\n\nvar $TypeError = TypeError;\n\nvar REDUCE_EMPTY = 'Reduce of empty array with no initial value';\n\n// `Array.prototype.{ reduce, reduceRight }` methods implementation\nvar createMethod = function (IS_RIGHT) {\n  return function (that, callbackfn, argumentsLength, memo) {\n    var O = toObject(that);\n    var self = IndexedObject(O);\n    var length = lengthOfArrayLike(O);\n    aCallable(callbackfn);\n    if (length === 0 && argumentsLength < 2) throw new $TypeError(REDUCE_EMPTY);\n    var index = IS_RIGHT ? length - 1 : 0;\n    var i = IS_RIGHT ? -1 : 1;\n    if (argumentsLength < 2) while (true) {\n      if (index in self) {\n        memo = self[index];\n        index += i;\n        break;\n      }\n      index += i;\n      if (IS_RIGHT ? index < 0 : length <= index) {\n        throw new $TypeError(REDUCE_EMPTY);\n      }\n    }\n    for (;IS_RIGHT ? index >= 0 : length > index; index += i) if (index in self) {\n      memo = callbackfn(memo, self[index], index, O);\n    }\n    return memo;\n  };\n};\n\nmodule.exports = {\n  // `Array.prototype.reduce` method\n  // https://tc39.es/ecma262/#sec-array.prototype.reduce\n  left: createMethod(false),\n  // `Array.prototype.reduceRight` method\n  // https://tc39.es/ecma262/#sec-array.prototype.reduceright\n  right: createMethod(true)\n};\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/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/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./EmptyPlaceholder.vue?vue&type=style&index=0&id=8dafecbe&lang=scss&scoped=true\"","<template>\n  <Content />\n</template>\n\n<script>\nimport Content from '@/components/contents/Customers/CustomerDetails'\nexport default {\n  components: {\n    Content,\n  }\n}\n</script>\n","<template>\n  <q-page padding class=\"page\">\n    <div class=\"q-mb-md\">\n      <AppBackButton />\n    </div>\n    <q-card flat v-if=\"customer\">\n      <div class=\"heading\">\n        <h1 class=\"heading-text\">Customer</h1>\n        <p>Customer ID: {{ customer?.uniquePaymentId }}</p>\n        <q-separator></q-separator>\n      </div>\n      <div>\n        <div class=\"row q-col-gutter-lg q-pr-lg\">\n          <div class=\"customer-info col-sm-12 col-md-4\">\n            <CustomerDetails\n              :customer=\"customer\"\n              :address=\"formattedAddress\"\n              :date=\"date\"\n              addedDate=\"DATE JOINED\"\n            />\n          </div>\n          <div class=\"tx-area col-sm-12 col-md-8\">\n            <div class=\"summary\">\n              <p class=\"label\">Total Spend</p>\n              <p class=\"value\">{{ formatMoney(customer?.totalSpend) }}</p>\n            </div>\n            <div class=\"history q-pa-lg\">\n              <p class=\"title\">Transaction History</p>\n              <p v-if=\"trnxs\" @click=\"gotoView()\" class=\"link see-all cursor-pointer\">\n                See all\n              </p>\n            </div>\n            <div v-if=\"trnxs\" class=\"row\">\n              <div class=\"col-md-11 col-sm-12 col-xs-12\">\n              <div class=\"tx-item\" v-for=\"trnx in trnxs\" :key=\"trnx.index\">\n                <span>{{ formatMoney(trnx.amount) }}</span>\n                <span>{{\n                  formatDate(trnx.createdAt, \"YYYY/MM/DD, hh:mm, A\")\n                }}</span>\n              </div>\n            </div>\n            </div>\n            <div v-else>\n              <div>\n                <EmptyPlaceholder\n                  message=\"Customer has no transactions yet\"\n                  description=\"Your transaction history will appear here\"\n                  imageSource=\"https://res.cloudinary.com/ourpass-co/image/upload/v1678360442/transaction-empty-state_cbtut1.svg\"\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </q-card>\n    <EmptyPlaceholder\n      v-if=\"!customer\"\n      message=\"Customer has no transactions yet\"\n      description=\"Your transaction history will appear here\"\n      imageSource=\"https://res.cloudinary.com/ourpass-co/image/upload/v1678360442/transaction-empty-state_cbtut1.svg\"\n    />\n  </q-page>\n</template>\n\n<script>\nimport { formatMoney } from \"@/helpers/money\";\nimport EmptyPlaceholder from \"@/components/reusables/EmptyPlaceholder.vue\";\nimport AppBackButton from \"@/components/base/Button/GoBack\";\nimport { date } from \"quasar\";\nimport CustomerDetails from \"../../../reusables/CutomerDetails.vue\";\nimport CustomerService from \"../../../../services/customers.http\";\nexport default {\n  components: {\n    CustomerDetails,\n    AppBackButton,\n    EmptyPlaceholder,\n  },\n  data() {\n    return {\n      customerService: null,\n      customer: null,\n      trnxs: [],\n      totalSpent: 0,\n    };\n  },\n\n  computed: {\n    formattedAddress() {\n      return {\n        address: this.customer?.address,\n      };\n    },\n\n    transactions() {\n      return {\n        address: this.customer?.address,\n      };\n    },\n  },\n\n  methods: {\n    formatMoney,\n    gotoView() {\n      this.$router.push({\n        name: \"customerView\",\n        params: { id: this.$route.params.id },\n      });\n    },\n    formatDate: date.formatDate,\n\n    async processCustomers(id) {\n      this.$q.loading.show({\n        message: \"Loading customers ...\",\n      });\n      try {\n        const response = await this.customerService.getSingleCustomer(id);\n        console.log(response.data.data);\n        let isEmpty = Object.keys(response.data.data).length === 0;\n        console.log(\"isEmpty\", isEmpty);\n        this.customer = isEmpty ? null : response.data.data;\n        // this.customer = !isEmpty ? response.data.data :null;\n        this.trnxs = response.data.data.transactions.splice(0, 6);\n        console.log(\"rund this\");\n        const totalAmount = response.data.data.transactions.map((element) => {\n          return element.amount;\n        });\n        this.totalSpent = totalAmount.reduce((a, b) => a + b, 0);\n        this.date = date.formatDate(\n          response.data.data.createdAt,\n          \"YYYY/MM/DD, hh:mm A\"\n        );\n        this.$q.loading.hide();\n        // this.loading = false;\n      } catch (err) {\n        if (err.response) {\n          const { message } = err.response.data;\n          // this.error = message;\n          this.showMessage(\"error\", message);\n          window.scrollTo(0, 0);\n        }\n        this.$q.loading.hide();\n      }\n    },\n  },\n\n  created() {\n    this.customerService = new CustomerService(this.$api2);\n  },\n\n  mounted() {\n    this.processCustomers(this.$route.params.id);\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.page {\n  background: #fbfbfb;\n  border-radius: 8px;\n}\n.heading {\n  padding: 10px 20px;\n  margin-bottom: 20px;\n  font-weight: 400;\n  color: #222222;\n\n  .heading-text {\n    font-size: 24px;\n    font-weight: 500;\n    line-height: 30px;\n    margin-bottom: 5px;\n  }\n}\n.customer-info {\n  word-wrap: break-word;\n}\n.tx-area {\n  flex: 1;\n  .summary {\n    background-color: #fbfbfb;\n    padding: 15px 20px;\n    .label {\n      font-weight: 400;\n      margin-bottom: 5px;\n    }\n    .value {\n      font-size: 18px;\n      margin: 0;\n    }\n  }\n}\n\n.see-all {\n  text-decoration-line: underline;\n}\n.history {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 25px 16px;\n  .title {\n    font-size: 18px;\n    margin: 0;\n  }\n  .link {\n    color: #005450;\n  }\n}\n.tx-item {\n  padding: 15px 20px;\n  font-weight: 400;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: #fbfbfb;\n  &:nth-child(2n + 0) {\n    background-color: #ffffff;\n  }\n}\n</style>\n","import { render } from \"./index.vue?vue&type=template&id=150b491c&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=150b491c&lang=scss&scoped=true\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-150b491c\"]])\n\nexport default __exports__\nimport QPage from 'quasar/src/components/page/QPage.js';\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QSeparator from 'quasar/src/components/separator/QSeparator.js';\nimport qInstall from \"../../../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QPage,QCard,QSeparator});\n","import { render } from \"./CustomerDetails.vue?vue&type=template&id=420fe7d2\"\nimport script from \"./CustomerDetails.vue?vue&type=script&lang=js\"\nexport * from \"./CustomerDetails.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}