{"version":3,"sources":["webpack:///./src/views/Transactions/details.vue","webpack:///./src/components/contents/TransactionDetails/index.vue","webpack:///./src/components/contents/TransactionDetails/index.vue?6bc8","webpack:///./src/views/Transactions/details.vue?63a6","webpack:///./src/components/contents/TransactionDetails/index.vue?d6d9"],"names":["_createElementBlock","_createVNode","_component_TransactionDetails","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","prefix","lazy-rules","refund","amount","_hoisted_6","reason","_hoisted_7","_toDisplayString","formatMoney","_hoisted_8","type","percent","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","refundService","transactionService","customerService","ref","this","$router","currentRoute","_value","params","id","watch","value","parseInt","showMessage","created","TransactionService","$api2","RefundService","CustomerService","mounted","fetchTransaction","computed","wallet","$store","getters","actionOptions","possibleAction","action","_this$customer","_this$customer2","_this$transaction","_this$transaction2","txs","otherTxn","txFee","find","tx","purpose","search","location","business","methods","processCustomerInfo","user","parsedMeta","JSON","parse","metadata","sender_name","hideContactInfo","processor","$q","message","_this$wallet","response","getThisSingleTransaction","walletId","reference","actualTx","isRefund","formatDate","createdAt","hide","err","_this$$store$getters$","_this$customer3","businessId","userId","removeBlacklist","blacklistTransaction","msgType","errMsg","error","payload","transactionReference","description","amountType","percentage","createRefund","setTimeout","__exports__","QTabs","QTab","QSeparator","QTabPanels","QTabPanel","TransactionDetails","render"],"mappings":"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","file":"js/chunk-6277cda6.e965e58d.js","sourcesContent":["<template>\n  <div>\n    <TransactionDetails />\n  </div>\n</template>\n\n<script>\nimport TransactionDetails from '@/components/contents/TransactionDetails/index.vue'\nexport default {\n  components:{\n    TransactionDetails\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=\"Transaction\"\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        :isBlacklisted=\"isBlacklisted\"\n        v-on:modal-dispatched=\"toggleModal\"\n      />\n    </div>\n    <!--  -->\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 to Refund\"\n                placeholder=\"0\"\n                prefix=\"NGN\"\n                lazy-rules\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              <!-- <span class=\"error\"\n                >Percentage to refund cannot be greater than 100</span\n              >\n              <br />\n              <br /> -->\n              <Input\n                type=\"number\"\n                label=\"Enter Refund Percentage\"\n                placeholder=\"0\"\n                v-model=\"refund.percent\"\n                prefix=\"NGN\"\n                lazy-rules\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>\n\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\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 RefundService from \"@/services/refunds.http.js\";\nimport TransactionService from \"@/services/transactions.http.js\";\nimport CustomerService from \"@/services/customers.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  components: {\n    Details,\n    Customer,\n    AppModal,\n    AppButton,\n    InfoCard,\n    Input,\n    GoBack,\n  },\n  data() {\n    return {\n      refundService: null,\n      transactionService: 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        percent: \"\",\n        reason: \"\",\n      },\n    };\n  },\n  watch: {\n    refundModal: function (value) {\n      if (!value) {\n        this.refundSteps = 1;\n      }\n    },\n    refundSteps: function (value) {\n      if (parseInt(value) === 2) {\n        if (this.tab === \"flat\" && this.refund.amount === \"\") {\n          this.refundSteps = 1;\n          return this.showMessage(\"error\", \"Please enter amount\");\n        }\n        if (this.tab === \"percentage\" && this.refund.percent === \"\") {\n          this.refundSteps = 1;\n          return this.showMessage(\"error\", \"Please enter percentage\");\n        }\n        if (this.refund.reason === \"\") {\n          this.refundSteps = 1;\n          return this.showMessage(\"error\", \"Please enter description\");\n        }\n      }\n    },\n    \"refund.percent\": function (value) {\n      if (parseInt(value) > 100) {\n        this.refund.percent = \"\";\n        return this.showMessage(\n          \"error\",\n          \"Percentage to refund cannot be greater than transaction 100\"\n        );\n      }\n    },\n    \"refund.amount\": function (value) {\n      const amount = this.transaction.amount / 100;\n      if (parseInt(value) > amount) {\n        this.refund.amount = \"\";\n        return this.showMessage(\n          \"error\",\n          \"Amount to refund cannot be greater than transaction amount\"\n        );\n      }\n    },\n  },\n  created() {\n    this.ref = this.$router.currentRoute._value.params.id;\n    this.transactionService = new TransactionService(this.$api2);\n    this.refundService = new RefundService(this.$api2);\n    this.customerService = new CustomerService(this.$api2);\n  },\n  mounted() {\n    this.fetchTransaction();\n  },\n  computed: {\n    wallet() {\n      return this.$store.getters[\"Auth/wallet\"];\n    },\n    actionOptions() {\n      const possibleAction = this.isBlacklisted ? \"Whitelist\" : \"Blacklist\";\n      return [\n        {\n          label: `${possibleAction} customer`,\n          action: \"open-blacklist-modal\",\n        },\n      ];\n    },\n    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    business() {\n      return this.$store.getters[\"Auth/business\"];\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      try {\n        let response = await this.transactionService.getThisSingleTransaction({\n          walletId: this.wallet?.id,\n          reference: this.ref,\n        });\n        let { data: transaction } = response.data;\n        console.log(\"transaction details\", transaction);\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.percent;\n          payload.amountType = \"percent\";\n        }\n\n        const response = await this.refundService.createRefund(payload);\n\n        const { data } = response;\n\n        if (data) {\n          this.refundSteps = 3;\n          this.refundComplete = true;\n          this.showMessage(\"success\", data.message);\n\n          setTimeout(() => {\n            this.refundModal = false;\n            this.refundComplete = false;\n          }, 3000);\n        }\n        this.refundLoading = false;\n      } catch (err) {\n        const { data } = err.response;\n        this.showMessage(\"error\", data.error);\n        this.refundModal = false;\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.error {\n  width: 100%;\n  background: #ff7979;\n  padding: 10px;\n  margin: 1rem 0;\n  border-radius: 0.2rem;\n  color: #fff;\n}\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=178627aa&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=178627aa&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-178627aa\"]])\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=565d42fb\"\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__","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=178627aa&scoped=true&lang=scss\""],"sourceRoot":""}