{"version":3,"sources":["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/base/Button/GoBack.vue?23b2","webpack:///./src/assets/goto.svg","webpack:///./src/assets/action-btn.svg","webpack:///./src/views/PaymentLinks/invoice/new/draft.vue","webpack:///./src/components/contents/PaymentLinks/invoice/new/draft.vue","webpack:///./src/components/contents/PaymentLinks/invoice/new/draft.vue?944e","webpack:///./src/views/PaymentLinks/invoice/new/draft.vue?8eee","webpack:///./src/assets/invoice-info.svg","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/services/invoices.http.js","webpack:///./src/components/base/Button/Button.vue?8704","webpack:///./src/components/contents/PaymentLinks/invoice/new/draft.vue?4538","webpack:///./node_modules/core-js/internals/array-reduce.js","webpack:///./src/assets/clock.svg","webpack:///./src/components/base/Button/Button.vue","webpack:///./src/components/base/Button/Button.vue?c87c","webpack:///./src/assets/copy-img.svg","webpack:///./src/components/base/Button/_button.scss?1ec2"],"names":["$","$reduce","left","arrayMethodIsStrict","CHROME_VERSION","IS_NODE","CHROME_BUG","FORCED","target","proto","forced","reduce","callbackfn","length","arguments","this","undefined","_createElementBlock","class","onClick","_cache","args","$options","handleClick","_createElementVNode","alt","src","_toDisplayString","$props","text","props","type","String","default","Function","methods","$router","back","__exports__","render","module","exports","_createVNode","_component_Invoice","_createBlock","_component_q_page","id","_$data$invoiceData","_$data$invoiceData2","_$data$invoiceData3","_$data$invoiceData4","_$data$invoiceData5","_$data$invoiceData6","_$data$invoiceData7","_$data$invoiceData8","_$data$invoiceData9","_$data$invoiceData10","_$data$invoiceData11","_$data$invoiceData12","_$data$invoiceData13","_$data$invoiceData14","_$data$invoiceData15","_component_GoBack","_hoisted_1","_normalizeClass","sizes","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","formatMoney","$data","invoiceData","amount","_hoisted_6","_imports_0","_hoisted_7","formatDate","createdAt","adjustTwo","paddingTop","_component_AppButton","border","width","height","background","color","textColor","label","$event","sendInvoice","_imports_1","_hoisted_8","_component_q_separator","_hoisted_9","_hoisted_10","_imports_2","_hoisted_11","customer","fullName","_hoisted_12","email","_hoisted_13","phoneNumber","reSizeInvoice","_hoisted_14","_imports_3","_hoisted_15","_hoisted_16","_hoisted_17","checkoutRef","_imports_4","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","dueDate","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","title","_hoisted_30","_Fragment","_renderList","items","item","key","index","_hoisted_31","name","_hoisted_32","quantity","_hoisted_33","price","_hoisted_34","_hoisted_35","_hoisted_36","subTotal","_hoisted_37","_hoisted_38","shippingFee","_hoisted_39","_hoisted_40","discountValue","_hoisted_41","_hoisted_42","valueAddedTax","_hoisted_43","_hoisted_44","_hoisted_45","_hoisted_46","components","GoBack","AppButton","data","invoicesServices","date","$q","loading","show","message","response","getSingleInvoice","$route","params","hide","colTotal","err","showMessage","window","scrollTo","payload","invoiceId","status","changeInvoiceStatus","processInvoice","$mixpanel","track","platform","time","Date","error","_this$invoiceData","prices","map","element","a","b","mounted","created","InvoicesServices","$api1","$api2","computed","adjust","size","screen","resizes","QPage","QSeparator","Invoice","currency","number","options","showCurrency","toBasicUnit","figure","Intl","NumberFormat","minimumFractionDigits","maximumFractionDigits","style","currencyDisplay","format","iterate","aCallable","anObject","getIteratorDirect","$TypeError","TypeError","real","reducer","record","noInitial","accumulator","counter","value","IS_RECORD","defineComponent","padding","Boolean","styleFn","setup","slots","proxy","getCurrentInstance","$layout","inject","layoutKey","pageContainerKey","offset","header","space","footer","isContainer","containerHeight","minHeight","classes","h","hSlot","fails","METHOD_NAME","argument","method","call","Invoices","constructor","api","api2","http","http2","BASE_URL","process","VUE_APP_STAGING_BASE_URL","createInvoice","post","getCustomer","get","put","deleteInvoice","delete","toObject","IndexedObject","lengthOfArrayLike","REDUCE_EMPTY","createMethod","IS_RIGHT","that","argumentsLength","memo","O","self","i","right","_component_q_btn","_normalizeStyle","borderRadius","txColor","flat","unelevated","text-color","no-caps","_ctx","$emit","disable","_renderSlot","$slots","icon","maxWidth","QBtn"],"mappings":"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","file":"js/chunk-3387c2ea.a725adec.js","sourcesContent":["'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__","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\";","module.exports = __webpack_public_path__ + \"img/action-btn.04d58030.svg\";","<template>\n  <div >\n    <Invoice />\n  </div>\n</template>\n\n<!-- <style lang=\"scss\" scoped src=\"./styles/profile-form.scss\"></style> -->\n\n<script>\nimport Invoice from \"@/components/contents/PaymentLinks/invoice/new/draft.vue\";\n\nexport default {\n  components: {\n    Invoice,\n  },\n};\n</script>\n","<template>\n  <q-page id=\"page\">\n    <div>\n      <GoBack />\n      <div class=\"q-ma-md bg-white\">\n        <section :class=\"sizes\">\n          <div class=\"row\">\n            <div class=\"col-md-7 col-sm-12 col-xs-12\">\n              <div class=\"row\">\n                <div class=\"amount q-mr-lg\">{{ formatMoney(invoiceData?.amount)}}</div>\n                <div class=\"paid q-pa-xs text-center\">Draft</div>\n              </div>\n              <div class=\"row q-mt-md\">\n                <img src=\"../../../../../assets/clock.svg\" alt=\"\" />\n                <div class=\"time q-ml-sm\">\n                  ({{ formatDate(invoiceData?.createdAt, \"MMM D, YYYY hh:mm, A\") }} WAT) |\n                </div>\n              </div>\n            </div>\n            <div class=\"col-md-5 col-sm-12 col-xs-12\" :class=\"adjustTwo\">\n              <div class=\"row q-col-gutter-md\" :class=\"paddingTop\">\n                <div>\n                  <AppButton\n                    class=\"preview-btn\"\n                    border=\"1\"\n                    width=\"104px\"\n                    height=\"42px\"\n                    background=\"transparent\"\n                    color=\"white\"\n                    textColor=\"black\"\n                    label=\"Download\"\n                  />\n                </div>\n                <div>\n                  <AppButton\n                    class=\"preview-btn\"\n                    width=\"146px\"\n                    height=\"42px\"\n                    label=\"Send invoice\"\n                    @click=\"sendInvoice()\"\n                  />\n                </div>\n                <div>\n                  <AppButton\n                    class=\"preview-btn2\"\n                    border=\"1\"\n                    width=\"42px\"\n                    height=\"42px\"\n                    background=\"transparent\"\n                    color=\"white\"\n                    textColor=\"black\"\n                    label=\"\"\n                  >\n                    <img src=\"../../../../../assets/action-btn.svg\" alt=\"\" />\n                  </AppButton>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"q-my-lg\">\n            <q-separator />\n          </div>\n          <div class=\"row\">\n            <div class=\"col-md-4 col-sm-12 col-xs-12\">\n              <div class=\"row q-mb-md\">\n                <div class=\"col-8 customer\">Customer</div>\n                <div class=\"col-4\">\n                  <img src=\"@/assets/goto.svg\" alt=\"\" />\n                </div>\n              </div>\n              <div class=\"contact-info\">Contact Information</div>\n              <div class=\"contact q-my-sm\">{{ invoiceData?.customer.fullName }}</div>\n              <div class=\"contact q-mb-sm\">{{ invoiceData?.customer.email }}</div>\n              <div class=\"contact q-mb-sm\">+{{ invoiceData?.customer.phoneNumber }}</div>\n            </div>\n            <div class=\"col-md-8 col-sm-12 col-xs-12\" :class=\"reSizeInvoice\">\n              <section>\n                <div class=\"row q-mb-lg\">\n                  <div class=\"col-md-5 col-sm-12 col-xs-12\">\n                    <div class=\"row q-col-gutter-md\">\n                      <div class=\"invoice-val\">Invoice ref:</div>\n                      <img\n                        src=\"../../../../../assets/invoice-info.svg\"\n                        alt=\"\"\n                      />\n                    </div>\n                  </div>\n                  <div class=\"col-md-7 col-sm-12 col-xs-12\">\n                    <div class=\"row q-col-gutter-lg\">\n                      <div class=\"invoice-value\">\n                        {{ invoiceData?.checkoutRef }}\n                      </div>\n                      <img src=\"../../../../../assets/copy-img.svg\" alt=\"\" />\n                    </div>\n                  </div>\n                </div>\n                <q-separator class=\"q-mt-sm\" />\n              </section>\n              <!-- <section>\n                <div class=\"row q-my-lg\">\n                  <div class=\"col-md-5 col-sm-12 col-xs-12\">\n                    <div class=\"row q-col-gutter-md\">\n                      <div class=\"invoice-val\">Invoice Url:</div>\n                      <img\n                        src=\"../../../../../assets/invoice-info.svg\"\n                        alt=\"\"\n                      />\n                    </div>\n                  </div>\n                  <div class=\"col-md-7 col-sm-12 col-xs-12\">\n                    <div class=\"row q-col-gutter-lg\">\n                      <div class=\"invoice-value\">\n                        Ourpass/SDFGHJK. /HJK0765432456\n                      </div>\n                      <img src=\"../../../../../assets/copy-img.svg\" alt=\"\" />\n                    </div>\n                  </div>\n                </div>\n                <q-separator class=\"q-mt-sm\" />\n              </section> -->\n              <section>\n                <div class=\"row q-my-lg\">\n                  <div class=\"col-md-5 col-sm-12 col-xs-12\">\n                    <div class=\"row q-col-gutter-md\">\n                      <div class=\"invoice-val\">Issue date:</div>\n                      <img\n                        src=\"../../../../../assets/invoice-info.svg\"\n                        alt=\"\"\n                      />\n                    </div>\n                  </div>\n                  <div class=\"col-md-7 col-sm-12 col-xs-12\">\n                    <div class=\"row q-col-gutter-lg\">\n                      <img src=\"../../../../../assets/clock.svg\" alt=\"\" />\n                      <div class=\"\">{{ formatDate(invoiceData?.createdAt, \"YYYY/MM/DD, hh:mm, A\") }}</div>\n                    </div>\n                  </div>\n                </div>\n                <q-separator class=\"q-mt-sm\" />\n              </section>\n              <section>\n                <div class=\"row q-my-lg\">\n                  <div class=\"col-md-5 col-sm-12 col-xs-12\">\n                    <div class=\"row q-col-gutter-md\">\n                      <div class=\"invoice-val\">Due date:</div>\n                      <img\n                        src=\"../../../../../assets/invoice-info.svg\"\n                        alt=\"\"\n                      />\n                    </div>\n                  </div>\n                  <div class=\"col-md-7 col-sm-12 col-xs-12\">\n                    <div class=\"row q-col-gutter-lg\">\n                      <img src=\"../../../../../assets/clock.svg\" alt=\"\" />\n                      <div class=\"\">{{ formatDate(invoiceData?.dueDate, \"YYYY/MM/DD, hh:mm, A\") }}</div>\n                    </div>\n                  </div>\n                </div>\n                <q-separator class=\"q-mt-sm\" />\n              </section>\n              <section>\n                <div class=\"row q-my-lg\">\n                  <div class=\"col-md-5 col-sm-12 col-xs-12\">\n                    <div class=\"row q-col-gutter-md\">\n                      <div class=\"invoice-val\">Description:</div>\n                      <img\n                        src=\"../../../../../assets/invoice-info.svg\"\n                        alt=\"\"\n                      />\n                    </div>\n                  </div>\n                  <div class=\"col-md-7 col-sm-12 col-xs-12\">\n                    <div class=\"row q-col-gutter-lg\">\n                      <div class=\"\">\n                        {{ invoiceData?.title }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                <q-separator class=\"q-mt-sm\" />\n              </section>\n              <section>\n                <div class=\"\">\n                  <div class=\"items row q-pa-md\">\n                    <div class=\"col-md-6 col-sm-3 col-xs-3 items-title\">\n                      Items\n                    </div>\n                    <div class=\"col-md-2 col-sm-3 col-xs-3 items-title\">\n                      Quantity\n                    </div>\n                    <div class=\"col-md-2 col-sm-3 col-xs-3 items-title\">\n                      Price\n                    </div>\n                    <div class=\"col-md-2 col-sm-3 col-xs-3 items-title\">\n                      Total\n                    </div>\n                  </div>\n                  <div v-for=\"item in invoiceData?.items\" :key=\"item.index\" class=\"row q-px-md q-py-lg\">\n                    <div class=\"col-md-6 col-sm-3 col-xs-3 items-title\">\n                      {{ item.name}}\n                    </div>\n                    <div class=\"col-md-2 col-sm-3 col-xs-3 items-title\">{{item.quantity}}</div>\n                    <div class=\"col-md-2 col-sm-3 col-xs-3\">{{ formatMoney(item.price)}}</div>\n                    <div class=\"col-md-2 col-sm-3 col-xs-3 q-pt-xs items-title\">\n                      {{ formatMoney(item.price*item.quantity)}}\n                    </div>\n                  </div>\n                  <div class=\"subtotal row q-pa-md\">\n                    <div class=\"col-md-9 col-sm-9 col-xs-9 subtotal-title\">\n                      Sub total\n                    </div>\n                    <div\n                      class=\"\n                        col-md-3\n                        text-right\n                        col-sm-3 col-xs-3\n                        subtotal-title\n                      \"\n                    >\n                      {{ formatMoney(subTotal)}}\n                    </div>\n                  </div>\n                  <div class=\"row q-px-md q-py-lg\">\n                    <div class=\"col-md-6 col-sm-3 col-xs-3 items-title\"></div>\n                    <div class=\"col-md-2 col-sm-3 col-xs-3 items-title\">\n                      Shipping\n                    </div>\n                    <div class=\"col-md-2 col-sm-3 col-xs-3\"></div>\n                    <div class=\"col-md-2 col-sm-3 col-xs-3 q-pt-xs items-title\">\n                      {{ formatMoney(invoiceData?.shippingFee? invoiceData?.shippingFee : 0 )}}\n                    </div>\n                  </div>\n                  <div class=\"row q-px-md q-py-lg\">\n                    <div class=\"col-md-6 col-sm-3 col-xs-3 items-title\"></div>\n                    <div class=\"col-md-2 col-sm-3 col-xs-3 items-title\">\n                      Discount\n                    </div>\n                    <div class=\"col-md-2 col-sm-3 col-xs-3\"></div>\n                    <div class=\"col-md-2 col-sm-3 col-xs-3 q-pt-xs items-title\">\n                      {{ formatMoney(invoiceData?.discountValue?invoiceData.discountValue: 0)}}\n                    </div>\n                  </div>\n                  <div class=\"row q-px-md q-py-lg\">\n                    <div class=\"col-md-6 col-sm-3 col-xs-3 items-title\"></div>\n                    <div class=\"col-md-2 col-sm-3 col-xs-3 items-title\">\n                      Tax\n                    </div>\n                    <div class=\"col-md-2 col-sm-3 col-xs-3\"></div>\n                    <div class=\"col-md-2 col-sm-3 col-xs-3 q-pt-xs items-title\">\n                      {{ formatMoney(invoiceData?.valueAddedTax)}}\n                    </div>\n                  </div>\n                  <div class=\"subtotal row q-pa-md\">\n                    <div class=\"col-md-9 col-sm-9 col-xs-9\">Total</div>\n                    <div class=\"col-md-3 col-sm-3 col-xs-3 text-right\">\n                      {{ formatMoney(invoiceData?.amount)}}\n                    </div>\n                  </div>\n                  <div class=\"q-my-lg\">\n                    <q-separator />\n                  </div>\n                  <div class=\"q-px-md\">\n                    <div class=\"notes\">Notes:</div>\n                    <div class=\"notes-text\">\n                      An Invoice is a document issued by a merchant to a\n                      customer, this document indicates the quantity and cost of\n                      the product or service they provide\n                    </div>\n                  </div>\n                  <div class=\"q-my-lg\">\n                    <q-separator />\n                  </div>\n                </div>\n              </section>\n            </div>\n          </div>\n        </section>\n      </div>\n    </div>\n  </q-page>\n</template>\n\n<script>\nimport GoBack from \"@/components/base/Button/GoBack.vue\";\nimport { date } from \"quasar\";\nimport AppButton from \"@/components/base/Button/Button.vue\";\nimport InvoicesServices from \"@/services/invoices.http.js\";\nimport { formatMoney } from \"@/helpers/money\";\n\nexport default {\n  components: {\n    GoBack,\n    AppButton,\n  },\n  data() {\n    return {\n      invoicesServices: null,\n      invoiceData: null,\n      subTotal: null,\n    };\n  },\n  methods: {\n    formatMoney,\n    formatDate: date.formatDate,\n    async processInvoice() {\n      this.$q.loading.show({\n        message: \"Getting invoice details ...\",\n      });\n      console.log('start')\n      try {\n        const response = await this.invoicesServices.getSingleInvoice(this.$route.params.id);\n        console.log(\"single invoices\", response.data.data);\n        this.$q.loading.hide()\n        this.invoiceData = response.data.data\n        this.colTotal ()\n      } catch (err) {\n        this.$q.loading.hide()\n        if (err.response) {\n          const { message } = err.response;\n          console.log(\"error\", err.response.data.error);\n          this.showMessage(\"error\", message);\n          window.scrollTo(0, 0);\n        }\n       \n      }\n    },\n    async sendInvoice () {\n      console.log(\"reference\", this.$route.params)\n      const payload = {\n        invoiceId: this.$route.params.id,\n        status: 'sent'\n      }\n      try {\n        const response = await this.invoicesServices.changeInvoiceStatus(this.$route.params.id, payload);\n        this.processInvoice();\n        this.$mixpanel.track(\"send invoice\", {\n          email: response.data.data.email,\n          platform: \"web merchant app\",\n          time: new Date(),\n        });\n        console.log(response)\n        this.showMessage(\"success\", response.data.message);\n      } catch (error) {\n        console.log(error)\n      }\n    },\n    colTotal () {\n      console.log('prices before', this.invoiceData?.items)\n      const prices = this.invoiceData?.items.map(element => element.price*element.quantity)\n      console.log('prices', prices)\n      this.subTotal = prices?.reduce((a, b) => a + b)\n    }\n  },\n  mounted () {\n    this.processInvoice();\n    console.log('route', this.$route.params.id)\n  },\n  created() {\n    this.invoicesServices = new InvoicesServices(this.$api1, this.$api2);\n  },\n  computed: {\n    adjust() {\n      let size = this.$q.screen.name;\n      if (size == \"md\" || size == \"lg\" || size == \"xl\") {\n        return \"text-right\";\n      } else return \"text-center\";\n    },\n    adjustTwo() {\n      let size = this.$q.screen.name;\n      if (size == \"md\" || size == \"lg\" || size == \"xl\") {\n        return \"q-pl-lg\";\n      } else return \"\";\n    },\n    sizes() {\n      let size = this.$q.screen.name;\n      if (size == \"md\" || size == \"lg\" || size == \"xl\") {\n        return \"q-pa-xl\";\n      } else return \"q-pa-md\";\n    },\n    resizes() {\n      let size = this.$q.screen.name;\n      if (size == \"md\" || size == \"lg\" || size == \"xl\") {\n        return \"q-pa-lg\";\n      } else return \"q-pa-sm\";\n    },\n    paddingTop() {\n      let size = this.$q.screen.name;\n      if (size == \"md\" || size == \"lg\" || size == \"xl\") {\n        return \"\";\n      } else return \"q-mt-md\";\n    },\n    reSizeInvoice() {\n      let size = this.$q.screen.name;\n      if (size == \"md\" || size == \"lg\" || size == \"xl\") {\n        return \"\";\n      } else return \"q-mt-md\";\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n#page {\n  background: #fbfbfb;\n  border-radius: 8px;\n}\n\n.notes {\n  font-weight: 800;\n  font-size: 12px;\n  line-height: 120%;\n  color: #222222;\n}\n\n.notes-text {\n  font-size: 12px;\n  line-height: 120%;\n  color: #666666;\n}\n\n.subtotal {\n  background: #fbfbfb;\n}\n\n.subtotal-title {\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 120%;\n  color: #666666;\n}\n\n.time {\n  font-size: 12px;\n}\n\n.items {\n  background: #fbfbfb;\n  border-bottom: 1px solid #eaecf0;\n}\n\n.items-title {\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 120%;\n  color: #101010;\n}\n\n.invoice-val {\n  font-size: 16px;\n  line-height: 120%;\n  font-weight: 800;\n}\n\n.invoice-value {\n  font-size: 14px;\n  line-height: 120%;\n  color: #005450;\n}\n\n.customer {\n  font-weight: 800;\n  font-size: 16px;\n  line-height: 22px;\n  color: #171717;\n}\n\n.contact-info {\n  font-size: 12px;\n  line-height: 20px;\n  font-weight: 600;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  color: #171717;\n}\n\n.contact {\n  font-size: 14px;\n  line-height: 20px;\n  letter-spacing: -0.4px;\n  color: #171717;\n}\n\n.preview-btn {\n  border: 1px solid #000000;\n}\n\n.preview-btn2 {\n  border: 1px solid #c6c6c6;\n}\n\n.amount {\n  font-weight: 600;\n  font-size: 28px;\n  line-height: 32px;\n}\n\n.paid {\n  background: #f2f4f7;\n  color: #344054;\n  border-radius: 14px;\n  font-weight: 500;\n  width: 45px;\n  height: 31px;\n}\n</style>\n","import { render } from \"./draft.vue?vue&type=template&id=4add4e40&scoped=true\"\nimport script from \"./draft.vue?vue&type=script&lang=js\"\nexport * from \"./draft.vue?vue&type=script&lang=js\"\n\nimport \"./draft.vue?vue&type=style&index=0&id=4add4e40&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-4add4e40\"]])\n\nexport default __exports__\nimport QPage from 'quasar/src/components/page/QPage.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,QSeparator});\n","import { render } from \"./draft.vue?vue&type=template&id=2543dbea\"\nimport script from \"./draft.vue?vue&type=script&lang=js\"\nexport * from \"./draft.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__","module.exports = __webpack_public_path__ + \"img/invoice-info.6f73e18e.svg\";","// @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 default class Invoices {\n  /**\n   * @constructor\n   */\n  constructor(api, api2) {\n    this.http = api;\n    this.http2 = api2;\n    this.BASE_URL = process.env.VUE_APP_STAGING_BASE_URL;\n  }\n\n  createInvoice(payload) {\n    return this.http2.post(\"/v1/business/invoices/create\", payload);\n  }\n  getCustomer(name) {\n    return this.http2.get(`/v1/business/customers/search?searchString=${name}`);\n  }\n\n  getSingleInvoice(id) {\n    return this.http2.get(`/v1/business/invoices/${id}`);\n  }\n\n  changeInvoiceStatus(id, payload) {\n    return this.http2.put(`/v1/business/invoices/${id}/status`, payload);\n  }\n\n  deleteInvoice(id, payload) {\n    return this.http2.delete(`/v1/business/invoices/${id}`, payload);\n  }\n\n  sendInvoice(id, payload) {\n    return this.http2.post(`/v1/business/invoices/${id}/send`, payload);\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!./Button.vue?vue&type=style&index=1&id=bd910e9c&lang=css\"","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!./draft.vue?vue&type=style&index=0&id=4add4e40&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","module.exports = __webpack_public_path__ + \"img/clock.fc8c7458.svg\";","<template>\n  <q-btn\n    :style=\"{\n      background,\n      borderRadius,\n      width,\n      height,\n      border,\n      txColor,\n    }\"\n    :flat=\"flat\"\n    :unelevated=\"unelevated\"\n    :loading=\"loading\"\n    :text-color=\"textColor\"\n    :color=\"color\"\n    no-caps\n    :label=\"label\"\n    @click=\"$emit('clicked', $event)\"\n    class=\"app-base-button\"\n    :disable=\"disable || loading\"\n  >\n    <slot></slot>\n  </q-btn>\n</template>\n\n<style src=\"./_button.scss\" lang=\"scss\"></style>\n<style>\n.app-base-button * {\n font-weight: 500;\n}\n</style>\n\n<script>\nexport default {\n  name: \"base-button\",\n  props: {\n    background: {\n      type: String,\n      default: \"\",\n    },\n    color: {\n      type: String,\n      default: \"primary\",\n    },\n    txColor: {\n      type: String,\n      default: \"white\",\n    },\n    textColor: {\n      type: String,\n      default: \"white\",\n    },\n    border: {\n      type: String,\n      default: \"0\",\n    },\n    borderRadius: {\n      type: String,\n      default: \"8px\",\n    },\n    label: {\n      type: String,\n      default: \"\",\n    },\n    flat: {\n      type: Boolean,\n      default: false,\n    },\n    icon: {\n      type: String,\n      default: \"\",\n    },\n    maxWidth: {\n      type: String,\n      default: \"\",\n    },\n    width: {\n      type: String,\n      default: \"100%\",\n    },\n    height: {\n      type: String,\n      default: \"50px\",\n    },\n    unelevated: {\n      type: Boolean,\n      default: true,\n    },\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n    disable: {\n      type: Boolean,\n      default: false,\n    },\n  },\n};\n</script>\n","import { render } from \"./Button.vue?vue&type=template&id=bd910e9c\"\nimport script from \"./Button.vue?vue&type=script&lang=js\"\nexport * from \"./Button.vue?vue&type=script&lang=js\"\n\nimport \"./_button.scss?vue&type=style&index=0&lang=scss\"\nimport \"./Button.vue?vue&type=style&index=1&id=bd910e9c&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]])\n\nexport default __exports__\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport qInstall from \"../../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QBtn});\n","module.exports = __webpack_public_path__ + \"img/copy-img.6d2de5bd.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!./_button.scss?vue&type=style&index=0&lang=scss\""],"sourceRoot":""}