{"version":3,"sources":["webpack:///./src/components/appMain/invoice/openInvoice.vue?e0c4","webpack:///./src/components/loading/loading.vue","webpack:///src/components/loading/loading.vue","webpack:///./src/components/loading/loading.vue?9acd","webpack:///./src/components/loading/loading.vue?6e17","webpack:///./src/components/loading/loading.vue?a084","webpack:///./src/components/appMain/invoice/openInvoice.vue","webpack:///src/components/appMain/invoice/openInvoice.vue","webpack:///./src/components/appMain/invoice/openInvoice.vue?f681","webpack:///./src/components/appMain/invoice/openInvoice.vue?8ef1"],"names":["render","_vm","this","_c","_self","staticClass","class","ha","style","color","attrs","staticRenderFns","name","props","type","String","default","$config","colors","main","Boolean","component","isLoading","key","on","$event","goBack","statusColor","_v","_s","$t","parseInt","$route","params","uuid","invoice","total","toFixed","currencycode","_f","date","duedate","showFullTable","_l","items","item","index","description","amount","_e","length","showfull","status","confirmLoading","showPayModal","components","loading","data","payment","elem","methods","$router","push","$api","get","baseURL","run","invoice_id","id","then","res","window","location","href","finally","showConfirm","h","$createElement","$confirm","title","maskClosable","content","okText","cancelText","onOk","onCancel","mounted","setTimeout","sessionStorage","setItem","$store","dispatch","catch","err","console","error","destroyed","includes","removeItem","computed","user","getters","find","_this$invoice","toLowerCase","success","reduce","a","b"],"mappings":"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","file":"js/chunk-0f08d2d6.4b1210f9.js","sourcesContent":["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/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./openInvoice.vue?vue&type=style&index=0&id=1d9b72d2&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"loading\",class:{'ha': _vm.ha},style:({'color': _vm.color})},[_c('a-icon',{attrs:{\"type\":\"loading\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"loading\" :class=\"{'ha': ha}\" :style=\"{'color': color}\">\n\t\t<a-icon type=\"loading\" />\n  </div>\n</template>\n\n<script>\nexport default {\n\tname: 'loading',\n\tprops: {\n\t\tcolor: {\n\t\t\ttype: String,\n\t\t\tdefault: function() {\n\t\t\t\treturn this.$config.colors.main\n\t\t\t}\n\t\t},\n\t\tha: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t}\n}\n</script>\n\n<style scoped>\n.loading {\n\theight: 100%;\n\tdisplay: grid;\n\tplace-items: center;\n\tfont-size: 3rem;\n}\n\n.ha{\n\theight: auto;\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./loading.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./loading.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./loading.vue?vue&type=template&id=280af17d&scoped=true&\"\nimport script from \"./loading.vue?vue&type=script&lang=js&\"\nexport * from \"./loading.vue?vue&type=script&lang=js&\"\nimport style0 from \"./loading.vue?vue&type=style&index=0&id=280af17d&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"280af17d\",\n  null\n  \n)\n\nexport default component.exports","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/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./loading.vue?vue&type=style&index=0&id=280af17d&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"openInvoice__fullscreen\"},[_c('transition',{attrs:{\"name\":\"invoiceApear\"}},[(!_vm.isLoading)?_c('div',{staticClass:\"openInvoice\"},[_c('div',{staticClass:\"openInvoice__header\"},[_c('div',{staticClass:\"container full-height\"},[_c('div',{staticClass:\"openInvoice__header--content\"},[_c('div',{staticClass:\"openInvoice__back\",on:{\"click\":function($event){return _vm.goBack()}}},[_c('div',{staticClass:\"icon__wrapper\"},[_c('a-icon',{attrs:{\"type\":\"left\"}})],1)]),_c('div',{staticClass:\"openInvoice__title\"},[_c('div',{staticClass:\"openInvoice__title-color\",style:({ 'background-color': _vm.statusColor })}),_vm._v(\" \"+_vm._s(_vm.$t(\"singleInvoice\") + \" \" + \"#\" + parseInt(this.$route.params.uuid, 10))+\" \")])])])]),_c('div',{staticClass:\"openInvoice__main\"},[_c('div',{staticClass:\"container full-height\"},[_c('div',{staticClass:\"openInvoice__main-content\"},[_c('div',{staticClass:\"openInvoice__cost\"},[_c('svg',{attrs:{\"viewBox\":\"0 0 120 25\"}},[_c('text',{staticClass:\"openInvoice__cost-text\",attrs:{\"x\":\"50%\",\"y\":\"75%\",\"dominant-baseline\":\"middle\",\"text-anchor\":\"middle\"}},[_vm._v(\" \"+_vm._s((+_vm.invoice.total || _vm.total).toFixed(2))+\" \"+_vm._s(_vm.invoice.currencycode || \"USD\")+\" \")])])]),_c('div',{staticClass:\"openInvoice__info\"},[_c('div',{staticClass:\"info__header-title\"},[_vm._v(_vm._s(_vm.$t(\"Information\")))]),_c('div',{staticClass:\"info__main\"},[_c('div',{staticClass:\"info__dates\"},[_c('div',{staticClass:\"info__date-item\"},[_c('div',{staticClass:\"info__date-title\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"invoiceDate\"))+\" \")]),_c('div',{staticClass:\"info__date-value\"},[_vm._v(\" \"+_vm._s(_vm._f(\"dateFormat\")(_vm.invoice.date))+\" \")])]),_c('div',{staticClass:\"info__date-item\"},[_c('div',{staticClass:\"info__date-title\"},[_vm._v(_vm._s(_vm.$t(\"dueDate\")))]),_c('div',{staticClass:\"info__date-value\"},[_vm._v(\" \"+_vm._s(_vm._f(\"dateFormat\")(_vm.invoice.duedate))+\" \")])])]),_c('div',{staticClass:\"info__table table\"},[_c('div',{staticClass:\"table__header\"},[_c('div',{staticClass:\"table__header-item\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"invoice_Description\"))+\" \")]),_c('div',{staticClass:\"table__header-item\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"invoice_Price\"))+\" \")])]),_c('div',{staticClass:\"table__wrapper\"},[_c('transition',{attrs:{\"name\":\"tableAnim\"}},[(!_vm.showFullTable)?_c('table',{staticClass:\"table__table\"},[_c('tr',[(\n                              _vm.invoice.items.item[0].description === 'Add funds'\n                            )?_c('td',[_vm._v(\" \"+_vm._s(_vm.$t(\"Add funds\"))+\" \")]):_c('td',[_vm._v(_vm._s(_vm.invoice.items.item[0].description))]),_c('td',[_vm._v(\" \"+_vm._s(_vm.total.toFixed(2))+\" \"+_vm._s(_vm.invoice.currencycode || \"USD\")+\" \")])])]):_c('table',{staticClass:\"table__table\"},_vm._l((_vm.invoice.items.item),function(item,index){return _c('tr',{key:index},[_c('td',[_vm._v(_vm._s(item.description))]),(item.amount)?_c('td',[_vm._v(\" \"+_vm._s(item.amount)+\" \"+_vm._s(_vm.invoice.currencycode || \"USD\")+\" \")]):_vm._e()])}),0)])],1),(_vm.invoice.items.item.length > 1 && !_vm.showFullTable)?_c('div',{staticClass:\"table__show-full\",on:{\"click\":_vm.showfull}},[_vm._v(\" \"+_vm._s(_vm.$t(\"Show full list\"))+\" (\"+_vm._s(_vm.invoice.items.item.length)+\") \")]):_vm._e()])]),_c('div',{staticClass:\"info__footer\"},[(_vm.invoice.status == 'Unpaid')?[_c('a-button',{staticClass:\"info__button\",attrs:{\"loading\":_vm.confirmLoading},on:{\"click\":_vm.showPayModal}},[_vm._v(\" \"+_vm._s(_vm.$t(\"Pay\"))+\" \")])]:_vm._e()],2)])])])])]):_c('loading',{key:\"loading\",style:({'position': 'absolute', 'height':\n    '100%', 'width': '100%'}),attrs:{\"color\":\"#fff\",\"duration:\":\"\"}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"openInvoice__fullscreen\">\n    <transition name=\"invoiceApear\">\n      <div v-if=\"!isLoading\" class=\"openInvoice\">\n        <div class=\"openInvoice__header\">\n          <div class=\"container full-height\">\n            <div class=\"openInvoice__header--content\">\n              <div class=\"openInvoice__back\" @click=\"goBack()\">\n                <div class=\"icon__wrapper\">\n                  <a-icon type=\"left\" />\n                </div>\n              </div>\n              <div class=\"openInvoice__title\">\n                <div\n                  class=\"openInvoice__title-color\"\n                  :style=\"{ 'background-color': statusColor }\"\n                ></div>\n                {{\n                  $t(\"singleInvoice\") +\n                  \" \" +\n                  \"#\" +\n                  parseInt(this.$route.params.uuid, 10)\n                }}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"openInvoice__main\">\n          <div class=\"container full-height\">\n            <div class=\"openInvoice__main-content\">\n              <div class=\"openInvoice__cost\">\n                <svg viewBox=\"0 0 120 25\">\n                  <text\n                    class=\"openInvoice__cost-text\"\n                    x=\"50%\"\n                    y=\"75%\"\n                    dominant-baseline=\"middle\"\n                    text-anchor=\"middle\"\n                  >\n                    {{ (+invoice.total || total).toFixed(2) }}\n                    {{ invoice.currencycode || \"USD\" }}\n                  </text>\n                </svg>\n              </div>\n              <div class=\"openInvoice__info\">\n                <div class=\"info__header-title\">{{ $t(\"Information\") }}</div>\n\n                <div class=\"info__main\">\n                  <div class=\"info__dates\">\n                    <div class=\"info__date-item\">\n                      <div class=\"info__date-title\">\n                        {{ $t(\"invoiceDate\") }}\n                      </div>\n                      <div class=\"info__date-value\">\n                        {{ invoice.date | dateFormat }}\n                      </div>\n                    </div>\n                    <div class=\"info__date-item\">\n                      <div class=\"info__date-title\">{{ $t(\"dueDate\") }}</div>\n                      <div class=\"info__date-value\">\n                        {{ invoice.duedate | dateFormat }}\n                      </div>\n                    </div>\n                  </div>\n\n                  <div class=\"info__table table\">\n                    <div class=\"table__header\">\n                      <div class=\"table__header-item\">\n                        {{ $t(\"invoice_Description\") }}\n                      </div>\n                      <div class=\"table__header-item\">\n                        {{ $t(\"invoice_Price\") }}\n                      </div>\n                    </div>\n                    <div class=\"table__wrapper\">\n                      <transition name=\"tableAnim\">\n                        <table v-if=\"!showFullTable\" class=\"table__table\">\n                          <tr>\n                            <td\n                              v-if=\"\n                                invoice.items.item[0].description === 'Add funds'\n                              \"\n                            >\n                              {{ $t(\"Add funds\") }}\n                            </td>\n                            <td v-else>{{ invoice.items.item[0].description }}</td>\n                            <td>\n                              {{ total.toFixed(2) }}\n                              {{ invoice.currencycode || \"USD\" }}\n                            </td>\n                          </tr>\n                        </table>\n                        <table v-else class=\"table__table\">\n                          <tr\n                            v-for=\"(item, index) of invoice.items.item\"\n                            :key=\"index\"\n                          >\n                            <td>{{ item.description }}</td>\n                            <td v-if=\"item.amount\">\n                              {{ item.amount }}\n                              {{ invoice.currencycode || \"USD\" }}\n                            </td>\n                          </tr>\n                        </table>\n                      </transition>\n                    </div>\n                    <div\n                      v-if=\"invoice.items.item.length > 1 && !showFullTable\"\n                      @click=\"showfull\"\n                      class=\"table__show-full\"\n                    >\n                      {{ $t(\"Show full list\") }} ({{ invoice.items.item.length }})\n                    </div>\n                  </div>\n                </div>\n                <div class=\"info__footer\">\n                  <!-- <p class=\"info__footer__discount\">\n                    {{ $t(\"VNDExcludeVAT\") }}\n                  </p> -->\n                  <template v-if=\"invoice.status == 'Unpaid'\">\n                    <!-- <div class=\"info__postpone\" @click=\"showConfirm\">\n                      <a-icon type=\"clock-circle\" />\n                    </div> -->\n\n                    <!-- <div class=\"info__button info__button--pay\"> -->\n                      <a-button class=\"info__button\" :loading=\"confirmLoading\" @click='showPayModal'>\n                        {{ $t(\"Pay\") }}\n                      </a-button>\n                    <!-- </div> -->\n                  </template>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <loading v-else color=\"#fff\" :style=\"{'position': 'absolute', 'height':\n      '100%', 'width': '100%'}\" key=\"loading\" duration: />\n    </transition>\n  </div>\n</template>\n\n<script>\nimport loading from \"@/components/loading/loading.vue\";\n\nexport default {\n  name: \"openInvoice\",\n  components: { loading },\n  data() {\n    return {\n      payment: [\"visa\", \"mastercard\", \"yandex.money\"],\n      showFullTable: false,\n      confirmLoading: false,\n      elem: \"\",\n    };\n  },\n  methods: {\n    goBack() {\n      this.$router.push(\"/invoice\");\n    },\n    showfull() {\n      this.showFullTable = true;\n    },\n    showPayModal() {\n      this.confirmLoading = true;\n      this.$api.get(this.baseURL, { params: {\n        run: 'get_pay_token',\n        invoice_id: this.invoice.id\n      }})\n      .then((res) => {\n        window.location.href = res;\n      })\n      .finally(() => {\n        this.confirmLoading = false;\n      });\n      // window.location.href = this.invoice.paytoken.checkout.redirect_url;\n    },\n    showConfirm() {\n      this.$confirm({\n        title: this.$t(\"Do you want to defer payment?\"),\n        maskClosable: true,\n        content: () => (\n          <div>\n            {this.$t(\n              \"The payment can be postponed only once. The payment is postponed for 5 days.\"\n            )}\n          </div>\n        ),\n        okText: this.$t(\"Yes\"),\n        cancelText: this.$t(\"Cancel\"),\n        onOk() {},\n        onCancel() {},\n        class: \"test\",\n      });\n    },\n  },\n  mounted() {\n    setTimeout(() => {\n      const { uuid } = this.$route.params;\n\n      sessionStorage.setItem('invoice', uuid);\n    });\n\n    this.$store.dispatch('invoices/autoFetch')\n      .catch((err) => {\n        this.$router.push(\"/invoice\");\n        console.error(err);\n      });\n  },\n  destroyed() {\n    if (!this.$route.name.includes('invoice')) {\n      sessionStorage.removeItem('invoice');\n    }\n  },\n  computed: {\n    user() {\n      return this.$store.getters['nocloud/auth/userdata'];\n    },\n    baseURL() {\n      return this.$store.getters['invoices/getURL'];\n    },\n    invoice() {\n      const { uuid } = this.$route.params;\n\n      return this.$store.getters['invoices/getInvoices']\n        .find((invoice) => invoice.id === +uuid);\n    },\n    isLoading() {\n      return this.$store.getters['invoices/isLoading'];\n    },\n    statusColor() {\n      return this.invoice?.status.toLowerCase() == \"paid\"\n        ? this.$config.colors.success\n        : this.$config.colors.err;\n    },\n    total() {\n      return this.invoice.items.item.reduce((a, b) => a + +b.amount, 0);\n    },\n  },\n};\n</script>\n\n<style>\n.openInvoice__fullscreen {\n  background: var(--main);\n}\n.openInvoice {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.openInvoice__header {\n  height: 64px;\n  line-height: 64px;\n  background-color: var(--main);\n  color: #fff;\n  padding: 0;\n}\n\n.openInvoice__header--content {\n  display: grid;\n  grid-template-columns: 20% 1fr 20%;\n  justify-items: center;\n  align-items: center;\n  height: 100%;\n}\n\n.openInvoice__title {\n  font-weight: bold;\n  line-height: 1.1rem;\n  position: relative;\n}\n\n.openInvoice__title-color {\n  position: absolute;\n  height: 10px;\n  width: 10px;\n  border-radius: 50%;\n  top: 50%;\n  left: -15px;\n  transform: translateY(-50%);\n}\n\n.openInvoice__back {\n  font-size: 1.4rem;\n  cursor: pointer;\n}\n\n.openInvoice__main {\n  flex: 1 0;\n  background-color: var(--main);\n}\n\n.openInvoice__main-content {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.openInvoice__cost {\n  width: 100%;\n}\n\n.openInvoice__cost-text {\n  fill: #fff;\n}\n\n.openInvoice__info {\n  display: flex;\n  flex-direction: column;\n  flex: 1 0;\n  background-color: #fff;\n  border-radius: 25px 25px 0 0;\n  padding: 10px 20px 20px;\n  position: relative;\n}\n\n.info__main {\n  display: flex;\n  flex-direction: column;\n  flex: 1 0;\n  padding-bottom: 64px;\n}\n\n.info__dates {\n  display: flex;\n  justify-content: space-around;\n  margin-bottom: 30px;\n}\n\n.info__date-item {\n  text-align: center;\n}\n.info__date-title {\n  font-weight: bold;\n  font-size: 16px;\n  padding: 0;\n}\n.info__date-value {\n  font-weight: bold;\n  font-size: 16px;\n  line-height: 10px;\n  padding: 0;\n}\n\n.info__table {\n  flex: 1 0;\n  overflow: auto;\n}\n.table__wrapper {\n  overflow: auto;\n}\n\n.table__header {\n  display: flex;\n  justify-content: space-between;\n  color: rgba(0, 0, 0, 0.8);\n  margin-bottom: 5px;\n}\n\n.table__header-item {\n  font-weight: 700;\n  font-size: 1.4rem;\n}\n\n.table__table {\n  border: 1px solid #5252d5;\n  width: 100%;\n  overflow: hidden;\n}\n\n.table__table td {\n  padding: 10px 0;\n  font-size: 16px;\n}\n.table__table td:first-child {\n  font-weight: bold;\n  padding-left: 20px;\n}\n\n.table__table td:last-child {\n  border-left: 1px solid #5252d5;\n  text-align: right;\n  width: 34%;\n  max-width: 150px;\n  padding-right: 10px;\n  color: #06a506;\n  font-weight: 500;\n}\n.info__footer {\n  max-width: 400px;\n  margin: 0 auto;\n  display: flex;\n  height: 45px;\n  position: absolute;\n  bottom: 30px;\n  left: 20px;\n  right: 20px;\n  flex-direction: column;\n}\n/* .info__footer__discount {\n  font-size: 18px;\n  font-weight: 500;\n  text-align: center;\n} */\n\n.info__postpone {\n  font-size: 24px;\n  padding: 9px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  border-radius: 50%;\n  transition: transform 0.2s ease;\n}\n\n.info__postpone:hover {\n  transform: scale(1.1);\n}\n\n.info__postpone:active {\n  transform: scale(0.9);\n}\n\n.info__button {\n  flex: 1 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 24px;\n  font-weight: 600;\n  color: var(--bright_font);\n  cursor: pointer;\n  font-size: 16px;\n  transition: filter 0.2s ease;\n  background-color: var(--success);\n  background-size: 150% 200%;\n  background-position: 0 0;\n  animation: AnimationName 1s ease infinite;\n}\n\n.info__button--pay:hover {\n  filter: brightness(1.05);\n}\n\n.info__button--pay:active {\n  filter: brightness(0.95);\n}\n.table__show-full {\n  cursor: pointer;\n}\n.info__row {\n  display: flex;\n  border-top: 1px solid rgb(230, 230, 230);\n}\n\n.info__row--pay {\n  margin-top: 40px;\n}\n\n.info__title,\n.info__value {\n  flex: 1 0;\n  padding: 10px 5px;\n}\n\n.info__row:last-child {\n  border-bottom: 1px solid rgb(230, 230, 230);\n}\n\n.info__title {\n  border-right: 1px solid rgb(230, 230, 230);\n}\n\n.info__value {\n  text-align: center;\n}\n\n.full-height {\n  height: 100%;\n}\n\n.info__header-title {\n  text-align: center;\n  margin-top: 15px;\n  font-size: 1.4rem;\n  font-weight: 700;\n  margin-bottom: 20px;\n}\n\n.info__payment-select {\n  border: none;\n  outline: none;\n  background-color: rgb(250, 250, 250);\n  width: 90%;\n}\n\n.info__payment-select > option {\n  border: none;\n  outline: none;\n}\n\n.info__row--pay-btn {\n  background-color: #0fd058;\n  color: #fff;\n  font-weight: 500;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 12px 0;\n  border-radius: 20px;\n  transition: background-color 0.2s ease;\n  margin-top: 30px;\n}\n\n.info__row--pay-btn:hover {\n  background-color: #18da62;\n  filter: brightness(0.8);\n}\n\n.info__row--pay-btn:active {\n  background-color: rgb(22, 194, 88);\n}\n\n/* anims */\n\n.invoiceApear-enter-active,\n.invoiceApear-leave-active {\n  transition: opacity 0.6s;\n}\n.invoiceApear-enter,\n.invoiceApear-leave-to {\n  opacity: 0;\n}\n\n.invoiceApear-enter-active .openInvoice__title {\n  transition: transform 0.2s 0.4s ease;\n}\n\n.invoiceApear-enter .openInvoice__title {\n  transform-origin: center left;\n  transform: translateY(-50px) rotate(10deg);\n}\n\n.invoiceApear-enter-active .openInvoice__cost {\n  transition: transform 0.2s 0.3s ease, opacity 0.2s 0.4s ease;\n}\n\n.invoiceApear-enter .openInvoice__cost {\n  opacity: 0;\n  transform-origin: center left;\n  transform: translateY(-50px) rotate(10deg);\n}\n\n.opencloud-enter-active .openInvoice__info {\n  transition: transform 0.2s 0.4s ease, opacity 0.2s 0.2s ease;\n}\n\n.opencloud-enter .openInvoice__info {\n  transform: translateY(200px);\n  opacity: 0;\n}\n.invoiceApear-enter-active .info__footer {\n  transition: transform 0.3s 0.3s ease, opacity 0.2s 0.4s ease;\n}\n\n.invoiceApear-enter .info__footer {\n  transform: translateY(50px);\n  opacity: 0;\n}\n\n@media screen and (max-width: 768px) {\n  .info__dates {\n    justify-content: space-between;\n  }\n  .openInvoice__info {\n    border-radius: 60px 0px 0 0;\n    margin-top: 55px;\n  }\n  .openInvoice__info::after {\n    content: url(\"../../../../public/img/images/radius.png\");\n    position: absolute;\n    top: -49px;\n    right: 0;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./openInvoice.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./openInvoice.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./openInvoice.vue?vue&type=template&id=1d9b72d2&\"\nimport script from \"./openInvoice.vue?vue&type=script&lang=js&\"\nexport * from \"./openInvoice.vue?vue&type=script&lang=js&\"\nimport style0 from \"./openInvoice.vue?vue&type=style&index=0&id=1d9b72d2&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}