{"version":3,"sources":["webpack:///./src/views/Profile/ProfileTransactions.vue","webpack:///./src/views/Profile/ProfileTransactions.vue?495f","webpack:///./src/views/Profile/ProfileTransactions.vue?c5f8","webpack:///./src/views/Profile/ProfileTransactions.vue?141c"],"names":["class","showMobileHeader","headerLabel","t","isEmpty","title","isLoading","errorMessage","isPresent","transactions","transaction","index","key","transactionHistoryClient","transactionDetails","isRowBreak","checkIfBreak","fetchTransactionDetails","$event","name","components","PageContent","ProfileCard","EmptyState","ProgressSpinner","setup","store","previous","current","previousYear","Date","date","getFullYear","currentYear","state","transactionHistory","content","res","length","fetchTransactions","dispatch","payload","value","undefined","offerId","errorsData","handleError","render","__scopeId"],"mappings":"4QAOSA,MAAM,sB,aAILA,MAAM,wC,GAGLA,MAAM,Q,GACJA,MAAM,gB,4RAdjB,yBA2Bc,GA1BZC,iBAAA,GACCC,YAAa,EAAAC,EAAC,uBACfH,MAAM,wB,YAEN,iBAA0E,CAAxD,EAAAI,S,yBAAlB,yBAA0E,G,MAA9CC,MAAO,EAAAF,EAAC,mC,0DACE,EAAAG,YAAc,EAAAC,c,yBAApD,yBAEM,MAFN,EAEM,CADJ,yBAAmB,M,uCAEV,EAAAC,YAAc,EAAAF,W,yBAAzB,yBAiBM,SAhBJ,yBAEK,KAFL,EAEK,6BADA,EAAAH,EAAC,2BAEN,yBAYM,MAZN,EAYM,CAXJ,yBAUM,MAVN,EAUM,E,2BATJ,yBAQE,2CAP+B,EAAAM,cAAY,SAAnCC,EAAaC,G,gCADvB,yBAQE,GANCC,IAAKD,EACLE,yBAA0BH,EAC1BI,mBAAoB,EAAAA,mBACpBP,aAAc,EAAAA,aACdQ,WAAY,EAAAC,aAAa,EAAAP,aAAaE,EAAQ,GAAID,GAClD,eAAa,+BAAE,EAAAO,wBAAwBC,M,gQCRrC,+BAAgB,CAC7BC,KAAM,sBACNC,WAAY,CACVC,YAAA,OACAC,YAAA,OACAC,aAAA,KACAC,gBAAA,QAEFC,MAR6B,WAQxB,MACW,iBAANtB,EADL,EACKA,EACFuB,EAAQ,iBACRnB,EAAe,mBAEfS,EAAe,SACnBW,EACAC,GAEA,IAAKD,EACH,OAAO,EAET,IAAME,EAAe,IAAIC,KAAKH,EAASI,MAAMC,cACvCC,EAAc,IAAIH,KAAKF,EAAQG,MAAMC,cAC3C,OAAOH,IAAiBI,GAGpBxB,EAAe,uBAAS,W,QAC5B,OAAsC,QAA/B,EAAW,QAAX,EAAAiB,EAAMQ,aAAK,eAAEC,0BAAkB,eAAE1B,aAAa2B,UAAW,MAE5DtB,EAAqB,uBAAS,W,MAClC,OAAqC,QAA9B,EAAAY,EAAMQ,MAAMC,0BAAkB,eAAErB,qBAAsB,MArB5D,EAwBuC,gBACxCL,GACA,SAAC4B,GAAD,SAAYA,IAAOA,EAAIC,WAFjBhC,EAxBL,EAwBKA,UAAWE,EAxBhB,EAwBgBA,UAAWJ,EAxB3B,EAwB2BA,QAKxBmC,EAAiB,yDAAG,8GAClBb,EAAMc,SAAS,uCADG,2CAAH,qDAIjBvB,EAAuB,yDAAG,WAC9BwB,GAD8B,8FAG9BlC,EAAamC,WAAQC,EAHS,kBAKtBjB,EAAMc,SACV,wCACAC,EAAQG,SAPkB,0DAUtBC,EAAa,QAA0BC,YAA1B,MACnBvC,EAAamC,MAAQG,EAXO,yDAAH,sDAgB7B,OADAN,IACO,CACLpC,IACAM,eACAK,qBACAE,eACAV,YACAE,YACAJ,UACAa,0BACAV,mB,UC5EN,EAAOwC,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB,kCCRf","file":"js/ProfileTransactions.9782afff.js","sourcesContent":["<template>\n  <PageContent\n    showMobileHeader\n    :headerLabel=\"t('transaction_history')\"\n    class=\"transactions-content\"\n  >\n    <EmptyState v-if=\"isEmpty\" :title=\"t('transactions_empty_state.title')\" />\n    <div class=\"progress-container\" v-if=\"isLoading && !errorMessage\">\n      <ProgressSpinner />\n    </div>\n    <div v-if=\"isPresent && !isLoading\">\n      <h1 class=\"settings-header h-1 d-none d-md-flex\">\n        {{ t('transaction_history') }}\n      </h1>\n      <div class=\"list\">\n        <div class=\"list-content\">\n          <ProfileCard\n            v-for=\"(transaction, index) in transactions\"\n            :key=\"index\"\n            :transactionHistoryClient=\"transaction\"\n            :transactionDetails=\"transactionDetails\"\n            :errorMessage=\"errorMessage\"\n            :isRowBreak=\"checkIfBreak(transactions[index - 1], transaction)\"\n            @fetch-details=\"fetchTransactionDetails($event)\"\n          />\n        </div>\n      </div>\n    </div>\n  </PageContent>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport {\n  PageContent,\n  useResourceDataState,\n  ProfileCard,\n  transactionHistoryService,\n} from '@bd/components'\nimport { useI18n } from 'vue-i18n'\nimport { useAppStore } from '@bd/client/store'\nimport { TransactionHistoryDto } from '@bd/api'\nimport EmptyState from '@bd/components/EmptyState/EmptyState.vue'\nimport ProgressSpinner from 'primevue/progressspinner'\nimport { TransactionDetailsPayload } from '@bd/api/common/types/transaction'\n\nexport default defineComponent({\n  name: 'ProfileTransactions',\n  components: {\n    PageContent,\n    ProfileCard,\n    EmptyState,\n    ProgressSpinner,\n  },\n  setup() {\n    const { t } = useI18n()\n    const store = useAppStore()\n    const errorMessage = ref<string>()\n\n    const checkIfBreak = (\n      previous: TransactionHistoryDto | undefined,\n      current: TransactionHistoryDto,\n    ) => {\n      if (!previous) {\n        return true\n      }\n      const previousYear = new Date(previous.date).getFullYear()\n      const currentYear = new Date(current.date).getFullYear()\n      return previousYear !== currentYear\n    }\n\n    const transactions = computed(() => {\n      return store.state?.transactionHistory?.transactions.content || []\n    })\n    const transactionDetails = computed(() => {\n      return store.state.transactionHistory?.transactionDetails || []\n    })\n\n    const { isLoading, isPresent, isEmpty } = useResourceDataState(\n      transactions,\n      (res) => !!(res && res.length),\n    )\n\n    const fetchTransactions = async () => {\n      await store.dispatch('transactionHistory/transactionsList')\n    }\n\n    const fetchTransactionDetails = async (\n      payload: TransactionDetailsPayload,\n    ) => {\n      errorMessage.value = undefined\n      try {\n        await store.dispatch(\n          'transactionHistory/transactionDetails',\n          payload.offerId,\n        )\n      } catch (e) {\n        const errorsData = transactionHistoryService.handleError(e)\n        errorMessage.value = errorsData\n      }\n    }\n\n    fetchTransactions()\n    return {\n      t,\n      transactions,\n      transactionDetails,\n      checkIfBreak,\n      isLoading,\n      isPresent,\n      isEmpty,\n      fetchTransactionDetails,\n      errorMessage,\n    }\n  },\n})\n</script>\n\n<style lang=\"scss\" scoped>\n:deep(.transactions-content) {\n  background-color: $alabaster;\n}\n\n.settings-header {\n  width: 60%;\n  align-items: center;\n  min-height: 8rem;\n  margin: 0 auto;\n}\n.list {\n  background-color: $alabaster;\n  margin: 0;\n  &-content {\n    display: flex;\n    flex-wrap: wrap;\n    margin: 0 auto;\n    @include breakpoint-up(md) {\n      width: 60%;\n    }\n    @include breakpoint-down(md) {\n      padding: 0 20px 60px 20px;\n    }\n  }\n}\n</style>\n","\nimport { defineComponent, computed, ref } from 'vue'\nimport {\n  PageContent,\n  useResourceDataState,\n  ProfileCard,\n  transactionHistoryService,\n} from '@bd/components'\nimport { useI18n } from 'vue-i18n'\nimport { useAppStore } from '@bd/client/store'\nimport { TransactionHistoryDto } from '@bd/api'\nimport EmptyState from '@bd/components/EmptyState/EmptyState.vue'\nimport ProgressSpinner from 'primevue/progressspinner'\nimport { TransactionDetailsPayload } from '@bd/api/common/types/transaction'\n\nexport default defineComponent({\n  name: 'ProfileTransactions',\n  components: {\n    PageContent,\n    ProfileCard,\n    EmptyState,\n    ProgressSpinner,\n  },\n  setup() {\n    const { t } = useI18n()\n    const store = useAppStore()\n    const errorMessage = ref<string>()\n\n    const checkIfBreak = (\n      previous: TransactionHistoryDto | undefined,\n      current: TransactionHistoryDto,\n    ) => {\n      if (!previous) {\n        return true\n      }\n      const previousYear = new Date(previous.date).getFullYear()\n      const currentYear = new Date(current.date).getFullYear()\n      return previousYear !== currentYear\n    }\n\n    const transactions = computed(() => {\n      return store.state?.transactionHistory?.transactions.content || []\n    })\n    const transactionDetails = computed(() => {\n      return store.state.transactionHistory?.transactionDetails || []\n    })\n\n    const { isLoading, isPresent, isEmpty } = useResourceDataState(\n      transactions,\n      (res) => !!(res && res.length),\n    )\n\n    const fetchTransactions = async () => {\n      await store.dispatch('transactionHistory/transactionsList')\n    }\n\n    const fetchTransactionDetails = async (\n      payload: TransactionDetailsPayload,\n    ) => {\n      errorMessage.value = undefined\n      try {\n        await store.dispatch(\n          'transactionHistory/transactionDetails',\n          payload.offerId,\n        )\n      } catch (e) {\n        const errorsData = transactionHistoryService.handleError(e)\n        errorMessage.value = errorsData\n      }\n    }\n\n    fetchTransactions()\n    return {\n      t,\n      transactions,\n      transactionDetails,\n      checkIfBreak,\n      isLoading,\n      isPresent,\n      isEmpty,\n      fetchTransactionDetails,\n      errorMessage,\n    }\n  },\n})\n","import { render } from \"./ProfileTransactions.vue?vue&type=template&id=51e5398c&scoped=true\"\nimport script from \"./ProfileTransactions.vue?vue&type=script&lang=ts\"\nexport * from \"./ProfileTransactions.vue?vue&type=script&lang=ts\"\n\nimport \"./ProfileTransactions.vue?vue&type=style&index=0&id=51e5398c&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-51e5398c\"\n\nexport default script","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-v16/dist/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./ProfileTransactions.vue?vue&type=style&index=0&id=51e5398c&lang=scss&scoped=true\""],"sourceRoot":""}