{"version":3,"sources":["webpack:///./src/components/contents/RefundDetails/index.vue?d757","webpack:///./src/views/Refund/details.vue","webpack:///./src/components/contents/RefundDetails/index.vue","webpack:///./src/components/contents/RefundDetails/index.vue?2d04","webpack:///./src/views/Refund/details.vue?b008"],"names":["_createElementBlock","_createVNode","_component_RefundDetails","class","_hoisted_1","_createElementVNode","_hoisted_2","_component_GoBack","_hoisted_3","_component_Details","typeName","transaction","_ctx","onModalDispatched","$options","toggleModal","isBlacklisted","_component_Customer","customer","$data","extraData","address","date","created_at","addedDate","deliveryInfo","_component_AppModal","title","show","refundModal","onClosecard","_cache","$event","refundSteps","_hoisted_4","_component_q_tabs","tab","dense","no-caps","active-color","indicator-color","align","narrow-indicator","_component_q_tab","name","label","_component_q_separator","_component_q_tab_panels","animated","swipeable","vertical","transition-prev","transition-next","_component_q_tab_panel","_component_InfoCard","_hoisted_5","_component_Input","placeholder","refund","amount","_hoisted_6","reason","_hoisted_7","_toDisplayString","formatMoney","_hoisted_8","type","min","max","maxlength","_hoisted_9","_hoisted_10","_hoisted_11","_component_AppButton","width","textColor","background","color","onClick","loading","refundLoading","_hoisted_12","_hoisted_13","src","alt","_hoisted_14","refundTransaction","refundComplete","_hoisted_15","blacklistModal","_hoisted_16","_$data$customer","_$data$customer2","firstName","lastName","_hoisted_17","blackOrWhitelist","blacklistLoading","TX_PURPOSES","transaction_fee_reserved_account","reserved_bank_account_funding","components","Details","Customer","AppModal","AppButton","InfoCard","Input","GoBack","data","transactionService","refundService","customerService","ref","this","$router","currentRoute","_value","params","id","watch","value","created","TransactionService","$api2","CustomerService","RefundService","mounted","fetchTransaction","computed","wallet","$store","getters","business","actionOptions","possibleAction","action","_this$customer","_this$customer2","_this$transaction","_this$transaction2","txs","otherTxn","txFee","find","tx","purpose","search","location","methods","processCustomerInfo","user","parsedMeta","JSON","parse","metadata","sender_name","hideContactInfo","processor","$q","message","response","getRefundById","reference","actualTx","isRefund","formatDate","createdAt","hide","err","showMessage","_this$$store$getters$","_this$customer3","businessId","userId","removeBlacklist","blacklistTransaction","msgType","errMsg","error","payload","transactionReference","description","amountType","percentage","createRefund","setTimeout","notify","__exports__","QTabs","QTab","QSeparator","QTabPanels","QTabPanel","RefundDetails","render"],"mappings":"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","file":"js/chunk-3db26771.3c58cc09.js","sourcesContent":["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=02cc72cd&scoped=true&lang=scss\"","<template>\n  <div>\n    <RefundDetails />\n  </div>\n</template>\n\n<script>\nimport RefundDetails from '@/components/contents/RefundDetails/index.vue'\nexport default {\n  components:{\n    RefundDetails\n  }\n}\n</script>\n\n<style>\n\n</style> ","<template>\n  <div class=\"gray\">\n    <div class=\"top_header bg-white q-mb-sm\">\n      <GoBack class=\"m-1_2\" />\n    </div>\n\n    <div class=\"transaction_container\">\n      <Details\n        typeName=\"Refund\"\n        :transaction=\"transaction\"\n        v-on:modal-dispatched=\"toggleModal\"\n        :isBlacklisted=\"isBlacklisted\"\n      />\n      <Customer\n        :customer=\"customer\"\n        :extraData=\"extraData\"\n        :address=\"address\"\n        :date=\"created_at\"\n        addedDate=\"TRANSACTION DATE\"\n        :deliveryInfo=\"deliveryInfo\"\n      />\n    </div>\n\n    <AppModal\n      title=\"Refund\"\n      :show=\"refundModal\"\n      v-on:closecard=\"refundModal = false\"\n    >\n      <section v-if=\"refundSteps == 1\">\n        <q-tabs\n          v-model=\"tab\"\n          dense\n          no-caps\n          class=\"text-grey\"\n          active-color=\"primary\"\n          indicator-color=\"primary\"\n          align=\"left\"\n          narrow-indicator\n        >\n          <q-tab name=\"flat\" label=\"Flat rate\" />\n          <q-tab name=\"percentage\" label=\"By Percentage\" />\n        </q-tabs>\n        <q-separator />\n\n        <q-tab-panels\n          v-model=\"tab\"\n          animated\n          swipeable\n          vertical\n          transition-prev=\"jump-up\"\n          transition-next=\"jump-up\"\n        >\n          <q-tab-panel name=\"flat\">\n            <InfoCard>\n              <span\n                >Refunds ideally take <b>3-15 working days </b> to be completely\n                processed to customer.\n              </span>\n            </InfoCard>\n            <div class=\"mx-2\">\n              <Input\n                label=\"Amount Refund Amount\"\n                placeholder=\"0\"\n                v-model=\"refund.amount\"\n              />\n            </div>\n            <div class=\"mx-2\">\n              <Input\n                label=\"Reason\"\n                placeholder=\"State reason for refund\"\n                v-model=\"refund.reason\"\n              />\n            </div>\n\n            <div class=\"d-cal\">\n              <div>\n                <span>Transaction Amount</span>\n                <span> {{ formatMoney(transaction.amount) }}</span>\n              </div>\n              <div>\n                <span>Amount to Refund</span>\n                <span> NGN {{ refund.amount }}</span>\n              </div>\n            </div>\n          </q-tab-panel>\n\n          <q-tab-panel name=\"percentage\">\n            <InfoCard>\n              <span\n                >Refunds ideally take <b>3-15 working days </b> to be completely\n                processed to customer.\n              </span>\n            </InfoCard>\n            <div class=\"mx-2\">\n              <Input\n                type=\"number\"\n                label=\"Enter Refund Percentage\"\n                placeholder=\"0\"\n                v-model=\"refund.amount\"\n                min=\"1\"\n                max=\"100\"\n                maxlength=\"3\"\n              />\n            </div>\n            <div class=\"mx-2\">\n              <Input\n                label=\"Reason\"\n                placeholder=\"State reason for refund\"\n                v-model=\"refund.reason\"\n              />\n            </div>\n            <div class=\"d-cal\">\n              <div>\n                <span>Transaction Amount</span>\n                <span> {{ formatMoney(transaction.amount) }}</span>\n              </div>\n              <div>\n                <span>Amount to Refund</span>\n                <span> NGN {{ refund.amount }}</span>\n              </div>\n            </div>\n          </q-tab-panel>\n        </q-tab-panels>\n\n        <div class=\"w-100 flex mx-2\">\n          <AppButton\n            width=\"45%\"\n            label=\"Cancel\"\n            textColor=\"primary\"\n            background=\"#E8F8F3\"\n            color=\"#E8F8F3\"\n            @click=\"refundModal = false\"\n          />\n          <AppButton\n            width=\"45%\"\n            label=\"Refund\"\n            background=\"#EA5D05\"\n            color=\"#EA5D05\"\n            :loading=\"refundLoading\"\n            @click=\"refundSteps = 2\"\n          />\n        </div>\n      </section>\n\n      <div v-if=\"refundSteps == 2\">\n        <div class=\"blacklist-modal\">\n          <img\n            src=\"https://res.cloudinary.com/ourpass-co/image/upload/v1680007260/sure_rmoprq.svg\"\n            class=\"user-img\"\n            alt=\"notice\"\n          />\n          <br />\n          <InfoCard>\n            <span> Are you sure you want to Refund ? </span>\n          </InfoCard>\n          <div class=\"flex\">\n            <AppButton\n              width=\"45%\"\n              label=\"Cancel\"\n              textColor=\"primary\"\n              background=\"#E8F8F3\"\n              color=\"#E8F8F3\"\n              @click=\"refundModal = false\"\n            />\n            <AppButton\n              width=\"45%\"\n              label=\"Refund\"\n              background=\"#EA5D05\"\n              color=\"#EA5D05\"\n              @click=\"refundTransaction\"\n              :loading=\"refundLoading\"\n            />\n          </div>\n        </div>\n        <div class=\"refund-modal\" v-if=\"refundComplete\">\n          <img\n            src=\"https://res.cloudinary.com/ourpass-co/image/upload/v1643277366/merchant_v2/refund-succuessful_jhaz2k.svg\"\n            class=\"user-img\"\n            alt=\"refund-succuessful.svg\"\n          />\n          <span class=\"title\">Refund Successful</span>\n          <span class=\"description\"></span>\n          <!-- <span class=\"tag\">Refund ID: {{ ref }}</span> -->\n        </div>\n      </div>\n\n      <!-- <div class=\"refund-modal\">\n        <img\n          src=\"https://res.cloudinary.com/ourpass-co/image/upload/v1643277366/merchant_v2/refund-succuessful_jhaz2k.svg\"\n          class=\"user-img\"\n          alt=\"refund-succuessful.svg\"\n        />\n        <span class=\"title\">Refund Successful</span>\n        <span class=\"description\">NGN 3000.00 Refund to Sameze</span>\n        <span class=\"tag\">Refund ID: Ourpass545679879oopiu98</span>\n      </div> -->\n    </AppModal>\n    <AppModal\n      title=\"Blacklist\"\n      :show=\"blacklistModal\"\n      v-on:closecard=\"blacklistModal = false\"\n    >\n      <div class=\"blacklist-modal\">\n        <img\n          src=\"https://res.cloudinary.com/ourpass-co/image/upload/v1680007260/sure_rmoprq.svg\"\n          class=\"user-img\"\n          alt=\"notice\"\n        />\n        <br />\n        <InfoCard>\n          <span>\n            Are you sure you want to\n            {{ isBlacklisted ? \"whitelist\" : \"blacklist\" }}\n            <b>{{ `${customer?.firstName} ${customer?.lastName}` }}</b\n            >?\n          </span>\n        </InfoCard>\n        <div class=\"flex\">\n          <AppButton\n            width=\"45%\"\n            label=\"Cancel\"\n            textColor=\"primary\"\n            background=\"#E8F8F3\"\n            color=\"#E8F8F3\"\n            @click=\"blacklistModal = false\"\n          />\n          <AppButton\n            width=\"45%\"\n            :label=\"isBlacklisted ? 'Whitelist' : 'Blacklist'\"\n            background=\"#EA5D05\"\n            color=\"#EA5D05\"\n            @click=\"blackOrWhitelist\"\n            :loading=\"blacklistLoading\"\n          />\n        </div>\n      </div>\n    </AppModal>\n    <!--  -->\n  </div>\n</template>\n\n<script>\nimport Customer from \"../../reusables/transactions/customer.vue\";\nimport Details from \"../../reusables/transactions/details.vue\";\nimport Input from \"@/components/base/Input/Input.vue\";\nimport AppModal from \"@/components/base/Modal/Modal.vue\";\nimport AppButton from \"@/components/base/Button/Button.vue\";\nimport InfoCard from \"@/components/reusables/InfoCard.vue\";\nimport TransactionService from \"@/services/transactions.http.js\";\nimport CustomerService from \"@/services/customers.http.js\";\nimport RefundService from \"@/services/refunds.http.js\";\nimport { formatMoney } from \"@/helpers/money\";\nimport { date } from \"quasar\";\nimport { ref } from \"vue\";\nimport GoBack from \"@/components/base/Button/GoBack.vue\";\n\nconst TX_PURPOSES = {\n  transaction_fee_reserved_account: \"transaction_fee_reserved_account\",\n  reserved_bank_account_funding: \"reserved_bank_account_funding\",\n};\n\nexport default {\n  name: \"RefundDetails\",\n  components: {\n    Details,\n    Customer,\n    AppModal,\n    AppButton,\n    InfoCard,\n    Input,\n    GoBack,\n  },\n  data() {\n    return {\n      transactionService: null,\n      refundService: null,\n      customerService: null,\n      blacklistModal: false,\n      refundModal: false, // return to false\n      ref: this.$router.currentRoute._value.params.id,\n      customer: null,\n      extraData: {},\n      address: null,\n      created_at: null,\n      blacklistLoading: false,\n      refundLoading: false,\n      refundComplete: false,\n      tab: ref(\"flat\"),\n      refundSteps: 1,\n      refund: {\n        type: \"\",\n        amount: \"\",\n        reason: \"\",\n      },\n    };\n  },\n  watch: {\n    refundModal: function (value) {\n      if (!value) {\n        this.refundSteps = 1;\n      }\n    },\n  },\n  created() {\n    this.ref = this.$router.currentRoute._value.params.id;\n    this.transactionService = new TransactionService(this.$api2);\n    this.customerService = new CustomerService(this.$api2);\n    this.refundService = new RefundService(this.$api2);\n  },\n  mounted() {\n    this.fetchTransaction();\n  },\n  computed: {\n    wallet() {\n      return this.$store.getters[\"Auth/wallet\"];\n    },\n    business() {\n      return this.$store.getters[\"Auth/business\"];\n    },\n    actionOptions() {\n      const possibleAction = this.isBlacklisted ? \"Whitelist\" : \"Blacklist\";\n      return [\n        {\n          label: `${possibleAction} customer`,\n          action: \"open-blacklist-modal\",\n        },\n        // { label: \"Refund\", action: \"open-refund-modal\" },\n      ];\n    },\n    isBlacklisted() {\n      // console.log(this.customer.isBlacklisted);\n      return (\n        this.customer?.isBlacklisted === true ||\n        this.customer?.isBlacklisted === \"true\"\n      );\n    },\n    deliveryInfo() {\n      const txs = this.transaction?.otherTxn || [];\n      const txFee = txs.find((tx) => tx.purpose.search(\"delivery_fee\") !== -1);\n      return {\n        amount: txFee?.amount ? formatMoney(txFee?.amount) : \"\",\n        location: this.transaction?.address?.address || \"Not available\",\n      };\n    },\n  },\n\n  methods: {\n    formatMoney,\n    processCustomerInfo(tx) {\n      if (tx.purpose !== TX_PURPOSES.reserved_bank_account_funding) {\n        this.customer = tx.user;\n        return;\n      }\n      const parsedMeta = JSON.parse(tx.metadata);\n      this.customer = {\n        ...tx.user,\n        firstName: parsedMeta?.sender_name,\n        lastName: \"\",\n        hideContactInfo: true,\n        processor: parsedMeta?.processor,\n      };\n    },\n    async fetchTransaction() {\n      this.$q.loading.show({\n        message: \"Loading transaction ...\",\n      });\n\n      try {\n        let response = await this.refundService.getRefundById({\n          reference: this.ref,\n        });\n        let { data: transaction } = response.data;\n\n        // console.log(transaction);\n\n        /**\n         * This block fixes the issue in https://ourpass.atlassian.net/browse/OPBT-469\n         * by using the actual transaction found in \"otherTxn\" array.\n         */\n        if (\n          transaction.purpose === TX_PURPOSES.transaction_fee_reserved_account\n        ) {\n          const actualTx = (transaction.otherTxn || []).find(\n            (tx) => tx.purpose === TX_PURPOSES.reserved_bank_account_funding\n          );\n          if (actualTx) {\n            transaction = {\n              ...transaction,\n              ...actualTx,\n            };\n          }\n        }\n\n        this.extraData = transaction.extraData;\n\n        this.processCustomerInfo(transaction);\n        this.refundComplete = transaction.isRefund;\n        this.address = transaction.address;\n        this.transaction = transaction;\n        this.created_at = date.formatDate(\n          transaction.createdAt,\n          \"YYYY/MM/D, hh:mm A\"\n        );\n        this.$q.loading.hide();\n      } catch (err) {\n        this.loading = false;\n        this.showMessage(\"error\", \"An error occured\");\n        console.log(\"err\", err.response);\n        this.$q.loading.hide();\n      }\n    },\n    toggleModal(value) {\n      switch (value) {\n        case \"open-blacklist-modal\":\n          this.blacklistModal = true;\n          break;\n        case \"open-refund-modal\":\n          this.refundModal = true;\n          break;\n\n        default:\n          break;\n      }\n    },\n    async blackOrWhitelist() {\n      const businessId = this.$store.getters[\"Auth/business\"]?.id;\n      const userId = this.customer?.id;\n\n      try {\n        this.blacklistLoading = true;\n        let response;\n\n        if (this.isBlacklisted === true || this.isBlacklisted === \"true\") {\n          response = await this.customerService.removeBlacklist({\n            userId,\n            businessId,\n          });\n        } else {\n          response = await this.transactionService.blacklistTransaction({\n            userId,\n            businessId,\n          });\n        }\n        this.fetchTransaction();\n        const { data } = response;\n\n        if (data) {\n          this.blacklistModal = false;\n          const msgType =\n            data.message === \"User blacklisted already\" ? \"warning\" : \"success\";\n          this.showMessage(msgType, data.message);\n        }\n        this.blacklistLoading = false;\n      } catch (err) {\n        this.blacklistLoading = false;\n        const errMsg =\n          err.response.data.error || \"Unable to blacklist customer\";\n        this.showMessage(\"error\", errMsg);\n      }\n    },\n    async refundTransaction() {\n      try {\n        this.refundLoading = true;\n\n        const payload = {\n          transactionReference: this.ref,\n          businessId: this.business.id,\n          description: this.refund.reason,\n        };\n\n        if (this.tab === \"flat\") {\n          payload.amount = this.refund.amount;\n          payload.amountType = \"flat\";\n        }\n        if (this.tab === \"percentage\") {\n          payload.percentage = this.refund.amount;\n          payload.amountType = \"percent\";\n        }\n\n        console.log(payload);\n\n        const response = await this.refundService.createRefund(payload);\n\n        const { data } = response;\n        console.log(response);\n\n        if (data) {\n          this.refundComplete = true;\n          // this.refundModal = false;\n          // const msgType =\n          //   data.message === \"Reversal successful\" ? \"warning\" : \"success\";\n          // this.showMessage(msgType, data.message);\n\n          setTimeout(() => {\n            this.refundModal = false;\n          }, 3000);\n        }\n        this.refundLoading = false;\n      } catch (err) {\n        this.refundLoading = false;\n        this.$q.notify(\"An error occured\");\n        console.log(\"err\", err.response);\n      }\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.top_header {\n  position: relative;\n  width: 100%;\n  padding: 1rem 2rem;\n  /* background: white; */\n}\n\n.gray {\n  padding: 0.5rem;\n  background: #fbfbfb;\n}\n@media only screen and (max-width: 800px) {\n  .m-1_2 {\n    margin-left: 0 !important;\n  }\n  .row {\n    flex-direction: column;\n    div {\n      width: 100% !important;\n    }\n  }\n}\n\n.w-100 {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n}\n.mx-2 {\n  margin: 1rem 0;\n}\n.d-cal {\n  background: #fbfbfb;\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  padding: 1rem;\n\n  div {\n    display: flex;\n\n    justify-content: space-between;\n    span:nth-child(1) {\n      font-weight: 500;\n      font-size: 12px;\n      line-height: 20px;\n      display: flex;\n      align-items: center;\n      color: #666666;\n    }\n    span:nth-child(2) {\n      font-weight: 600;\n      font-size: 12px;\n      line-height: 120%;\n      display: flex;\n      align-items: center;\n      color: #101010;\n    }\n  }\n}\n#page {\n  background: #fbfbfb;\n  border-radius: 8px;\n}\n.blacklist-modal {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  .flex {\n    width: 100%;\n    margin: 1rem 0;\n\n    display: flex;\n    flex-direction: row;\n    justify-content: space-evenly;\n  }\n}\n.refund-modal {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  .title {\n    font-size: 18px;\n    margin: 0.2rem 0;\n    font-weight: 500;\n  }\n  .description {\n    font-weight: 200;\n    font-size: 14px;\n    font-weight: 500;\n    margin: 0.2rem 0;\n  }\n  .tag {\n    font-size: 12px;\n    margin: 0.2rem 0;\n    color: #999;\n  }\n}\n</style>\n","import { render } from \"./index.vue?vue&type=template&id=02cc72cd&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=02cc72cd&scoped=true&lang=scss\"\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-02cc72cd\"]])\n\nexport default __exports__\nimport QTabs from 'quasar/src/components/tabs/QTabs.js';\nimport QTab from 'quasar/src/components/tabs/QTab.js';\nimport QSeparator from 'quasar/src/components/separator/QSeparator.js';\nimport QTabPanels from 'quasar/src/components/tab-panels/QTabPanels.js';\nimport QTabPanel from 'quasar/src/components/tab-panels/QTabPanel.js';\nimport qInstall from \"../../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QTabs,QTab,QSeparator,QTabPanels,QTabPanel});\n","import { render } from \"./details.vue?vue&type=template&id=2891b324\"\nimport script from \"./details.vue?vue&type=script&lang=js\"\nexport * from \"./details.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":""}