{"version":3,"sources":["webpack:///./src/views/component/PaymentThankYou.vue?ebb1","webpack:///./src/views/component/PaymentThankYou.vue?54d3","webpack:///src/views/component/PaymentThankYou.vue","webpack:///./src/views/component/PaymentThankYou.vue?ac5e","webpack:///./src/views/component/PaymentThankYou.vue?1868"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","exportInvoice","staticStyle","attrs","padding","_v","ref","request","rules","hadSend","on","change","model","value","callback","$$v","$set","expression","customerTypeList","personal","business","_s","customerType","_e","$event","sendRequest","_m","region","noReceipts","$exportInvoiceDocsLink","staticRenderFns","extends","computed","mapState","user","data","email","required","message","trigger","type","max","name","address","tax","transactionCode","created","methods","getData","api","baseRequest","SETTINGS_USER_API","then","responseData","note","catch","formName","setTimeout","deviceInformation","SETTINGS_TRANSACTION_API","component"],"mappings":"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","file":"js/chunk-1b8cc2b9.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PaymentThankYou.vue?vue&type=style&index=0&id=7a22b6cf&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex w-100 h-100\"},[(!_vm.exportInvoice)?_c('div',{staticClass:\"d-flex flex-column w-100 h-100\"},[_vm._m(0),_c('div',{staticClass:\"d-flex flex-column main-content\",staticStyle:{\"margin-top\":\"20px\",\"text-align\":\"center\"}},[_c('div',{staticStyle:{\"margin-bottom\":\"0\"}},[_c('svg',{staticStyle:{\"enable-background\":\"new 0 0 496.158 496.158\"},attrs:{\"width\":\"60px\",\"version\":\"1.1\",\"id\":\"Layer_1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"x\":\"0px\",\"y\":\"0px\",\"viewBox\":\"0 0 496.158 496.158\",\"xml:space\":\"preserve\"}},[_c('path',{staticStyle:{\"fill\":\"#42a5f5\"},attrs:{\"d\":\"M496.158,248.085c0-137.021-111.07-248.082-248.076-248.082C111.07,0.003,0,111.063,0,248.085\\n\\t\\t\\t\\t\\t\\tc0,137.002,111.07,248.07,248.082,248.07C385.088,496.155,496.158,385.087,496.158,248.085z\"}}),_c('path',{staticStyle:{\"fill\":\"#ffffff\"},attrs:{\"d\":\"M384.673,164.968c-5.84-15.059-17.74-12.682-30.635-10.127c-7.701,1.605-41.953,11.631-96.148,68.777\\n\\t\\t\\t\\t\\t\\tc-22.49,23.717-37.326,42.625-47.094,57.045c-5.967-7.326-12.803-15.164-19.982-22.346c-22.078-22.072-46.699-37.23-47.734-37.867\\n\\t\\t\\t\\t\\t\\tc-10.332-6.316-23.82-3.066-30.154,7.258c-6.326,10.324-3.086,23.834,7.23,30.174c0.211,0.133,21.354,13.205,39.619,31.475\\n\\t\\t\\t\\t\\t\\tc18.627,18.629,35.504,43.822,35.67,44.066c4.109,6.178,11.008,9.783,18.266,9.783c1.246,0,2.504-0.105,3.756-0.322\\n\\t\\t\\t\\t\\t\\tc8.566-1.488,15.447-7.893,17.545-16.332c0.053-0.203,8.756-24.256,54.73-72.727c37.029-39.053,61.723-51.465,70.279-54.908\\n\\t\\t\\t\\t\\t\\tc0.082-0.014,0.141-0.02,0.252-0.043c-0.041,0.01,0.277-0.137,0.793-0.369c1.469-0.551,2.256-0.762,2.301-0.773\\n\\t\\t\\t\\t\\t\\tc-0.422,0.105-0.641,0.131-0.641,0.131l-0.014-0.076c3.959-1.727,11.371-4.916,11.533-4.984\\n\\t\\t\\t\\t\\t\\tC385.405,188.218,389.034,176.214,384.673,164.968z\"}})])]),_c('p',{staticClass:\"main-content__body\",attrs:{\"data-lead-id\":\"main-content-body\"}},[_vm._v(\"\\n          Thank you for recharging your account balance. Your transaction is\\n          being processed. This process may take 2-5 minutes. Please feel free\\n          to contact us if you need any further information!\\n        \")]),(_vm.region === 'VN')?_c('div',{staticClass:\"mt-5 mb-3\"},[_c('div',[_c('el-button',{attrs:{\"type\":\"primary\",\"round\":\"\"},on:{\"click\":function($event){_vm.exportInvoice = true}}},[_vm._v(\"Export invoice VAT\")]),_c('el-button',{attrs:{\"round\":\"\"},on:{\"click\":_vm.noReceipts}},[_vm._v(\"No receipts\")])],1),_c('div',{staticClass:\"mt-3\",staticStyle:{\"font-size\":\"0.85rem\"}},[_c('span',[_vm._v(\"*** Instructions for export VAT invoices\")]),_c('el-link',{staticClass:\"ml-2\",attrs:{\"href\":_vm.$exportInvoiceDocsLink,\"underline\":false,\"type\":\"primary\",\"target\":\"_blank\"}},[_vm._v(\"Read more\")])],1)]):_vm._e()]),_vm._m(1)]):_c('div',{staticClass:\"d-flex flex-fill justify-content-center align-items-center\"},[_c('el-card',{staticStyle:{\"margin\":\"1rem\"},attrs:{\"body-style\":{ padding: '3rem' },\"shadow\":\"never\"}},[_c('div',{staticClass:\"d-flex flex-column profile-container\"},[_c('div',{staticClass:\"d-flex flex-column justify-content-center\"},[_c('img',{staticClass:\"no-select\",attrs:{\"src\":\"/logo/Gpuhub-logo-text.svg\",\"alt\":\"iRender\",\"height\":\"30\"}}),_c('div',{staticClass:\"d-flex justify-content-center mt-1\"},[_vm._v(\"\\n              Export invoice VAT\\n            \")])]),_c('el-form',{ref:\"exportInvoice\",staticClass:\"mt-5\",staticStyle:{\"width\":\"35rem\"},attrs:{\"model\":_vm.request,\"rules\":_vm.rules,\"autocomplete\":\"off\"}},[_c('div',{staticClass:\"d-flex flex-column\"},[_c('div',{staticClass:\"profile-item\"},[_c('div',{staticClass:\"profile-title\"},[_c('span',[_vm._v(\"Customer type\")])]),_c('div',{staticClass:\"profile-content\"},[_c('el-radio-group',{staticStyle:{\"margin-top\":\"0.9rem\"},attrs:{\"disabled\":_vm.hadSend},on:{\"input\":_vm.change},model:{value:(_vm.request.customerType),callback:function ($$v) {_vm.$set(_vm.request, \"customerType\", $$v)},expression:\"request.customerType\"}},[_c('el-radio',{attrs:{\"label\":_vm.customerTypeList.personal}},[_vm._v(\"Personal\")]),_c('el-radio',{attrs:{\"label\":_vm.customerTypeList.business}},[_vm._v(\"Business\")])],1)],1)]),_c('div',[_c('div',{staticClass:\"profile-item\"},[_c('div',{staticClass:\"profile-title\"},[_c('span',[_vm._v(\"Invoice receipt email\")])]),_c('div',{staticClass:\"profile-content\"},[_c('el-form-item',{attrs:{\"prop\":\"email\"}},[_c('el-input',{attrs:{\"disabled\":_vm.hadSend,\"size\":\"small\",\"placeholder\":\"Email...\"},on:{\"input\":_vm.change},model:{value:(_vm.request.email),callback:function ($$v) {_vm.$set(_vm.request, \"email\", $$v)},expression:\"request.email\"}})],1)],1)]),_c('div',{staticClass:\"profile-item\"},[_c('div',{staticClass:\"profile-title\"},[_c('span',[_vm._v(_vm._s(_vm.request.customerType === _vm.customerTypeList.personal\n                        ? \"Full name\"\n                        : \"Company name\"))])]),_c('div',{staticClass:\"profile-content\"},[_c('el-form-item',{attrs:{\"prop\":\"name\"}},[_c('el-input',{attrs:{\"disabled\":_vm.hadSend,\"size\":\"small\",\"placeholder\":(\"\" + (_vm.request.customerType === _vm.customerTypeList.personal\n                            ? 'Your name...'\n                            : 'Company name...'))},on:{\"input\":_vm.change},model:{value:(_vm.request.name),callback:function ($$v) {_vm.$set(_vm.request, \"name\", $$v)},expression:\"request.name\"}})],1)],1)]),_c('div',{staticClass:\"profile-item\"},[_c('div',{staticClass:\"profile-title\"},[_c('span',[_vm._v(_vm._s(_vm.request.customerType === _vm.customerTypeList.personal\n                        ? \"Address\"\n                        : \"Company address\"))])]),_c('div',{staticClass:\"profile-content\"},[_c('el-form-item',{attrs:{\"prop\":\"address\"}},[_c('el-input',{attrs:{\"disabled\":_vm.hadSend,\"size\":\"small\",\"placeholder\":(\"\" + (_vm.request.customerType === _vm.customerTypeList.personal\n                            ? 'Address...'\n                            : 'Company address...'))},on:{\"input\":_vm.change},model:{value:(_vm.request.address),callback:function ($$v) {_vm.$set(_vm.request, \"address\", $$v)},expression:\"request.address\"}})],1)],1)]),(_vm.request.customerType === _vm.customerTypeList.business)?_c('div',{staticClass:\"profile-item\"},[_c('div',{staticClass:\"profile-title\"},[_c('span',[_vm._v(\"Tax code\")])]),_c('div',{staticClass:\"profile-content\"},[_c('el-form-item',{attrs:{\"prop\":\"tax\"}},[_c('el-input',{attrs:{\"disabled\":_vm.hadSend,\"size\":\"small\",\"placeholder\":\"Tax code...\"},on:{\"input\":_vm.change},model:{value:(_vm.request.tax),callback:function ($$v) {_vm.$set(_vm.request, \"tax\", $$v)},expression:\"request.tax\"}})],1)],1)]):_vm._e(),_c('div',{staticClass:\"profile-item\"},[_c('div',{staticClass:\"profile-title\"},[_c('span',[_vm._v(\"Note\")])]),_c('div',{staticClass:\"profile-content\"},[_c('el-form-item',{attrs:{\"prop\":\"note\"}},[_c('el-input',{attrs:{\"disabled\":_vm.hadSend,\"type\":\"textarea\",\"placeholder\":\"Note ...\",\"maxlength\":\"500\",\"rows\":2,\"show-word-limit\":\"\"},model:{value:(_vm.request.note),callback:function ($$v) {_vm.$set(_vm.request, \"note\", $$v)},expression:\"request.note\"}})],1)],1)])]),(!_vm.hadSend)?_c('div',{staticClass:\"profile-item mt-4\"},[_c('div',{staticClass:\"profile-title\"}),_c('div',{staticClass:\"profile-content\"},[_c('el-button',{attrs:{\"size\":\"small\",\"type\":\"primary\"},on:{\"click\":function($event){return _vm.sendRequest('exportInvoice')}}},[_vm._v(\"Send request\")])],1)]):_vm._e()])])],1),(_vm.hadSend)?_c('div',{staticClass:\"mt-5 ml-5\",staticStyle:{\"width\":\"35rem\"}},[_c('div',{staticStyle:{\"color\":\"#ff9800\",\"font-size\":\"0.95rem\"}},[_c('div',[_vm._v(\"\\n              • Your invoice information has been received by us. We will\\n              process your request within 24 hours from the time of successful\\n              request submission.\\n            \")]),_c('div',{staticClass:\"mt-2\"},[_vm._v(\"\\n              • If you have any questions please contact us invoice@irender.vn\\n            \")])])]):_vm._e()])],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',{staticClass:\"d-flex flex-column site-header mt-5\",attrs:{\"id\":\"header\"}},[_c('img',{staticStyle:{\"height\":\"50px\"},attrs:{\"src\":\"img/iRender-Logo-006.svg\"}}),_c('h1',{staticClass:\"site-header__title\",attrs:{\"data-lead-id\":\"site-header-title\"}},[_vm._v(\"\\n          THANK YOU!\\n        \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('footer',{staticClass:\"site-footer mt-3\",attrs:{\"id\":\"footer\"}},[_c('p',{staticClass:\"site-footer__fineprint\",attrs:{\"id\":\"fineprint\"}},[_vm._v(\"\\n          Copyright ©2019 - 2022\\n          \"),_c('strong',{staticStyle:{\"color\":\"#42a5f5\"}},[_vm._v(\"iRender\")]),_vm._v(\" | All Rights Reserved\\n        \")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"d-flex w-100 h-100\">\r\n    <div v-if=\"!exportInvoice\" class=\"d-flex flex-column w-100 h-100\">\r\n      <header class=\"d-flex flex-column site-header mt-5\" id=\"header\">\r\n        <img src=\"img/iRender-Logo-006.svg\" style=\"height: 50px\" />\r\n\r\n        <h1 class=\"site-header__title\" data-lead-id=\"site-header-title\">\r\n          THANK YOU!\r\n        </h1>\r\n      </header>\r\n\r\n      <div\r\n        class=\"d-flex flex-column main-content\"\r\n        style=\"margin-top: 20px; text-align: center\"\r\n      >\r\n        <div style=\"margin-bottom: 0\">\r\n          <svg\r\n            width=\"60px\"\r\n            version=\"1.1\"\r\n            id=\"Layer_1\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n            x=\"0px\"\r\n            y=\"0px\"\r\n            viewBox=\"0 0 496.158 496.158\"\r\n            style=\"enable-background: new 0 0 496.158 496.158\"\r\n            xml:space=\"preserve\"\r\n          >\r\n            <path\r\n              style=\"fill: #42a5f5\"\r\n              d=\"M496.158,248.085c0-137.021-111.07-248.082-248.076-248.082C111.07,0.003,0,111.063,0,248.085\r\n\t\t\t\t\t\tc0,137.002,111.07,248.07,248.082,248.07C385.088,496.155,496.158,385.087,496.158,248.085z\"\r\n            />\r\n            <path\r\n              style=\"fill: #ffffff\"\r\n              d=\"M384.673,164.968c-5.84-15.059-17.74-12.682-30.635-10.127c-7.701,1.605-41.953,11.631-96.148,68.777\r\n\t\t\t\t\t\tc-22.49,23.717-37.326,42.625-47.094,57.045c-5.967-7.326-12.803-15.164-19.982-22.346c-22.078-22.072-46.699-37.23-47.734-37.867\r\n\t\t\t\t\t\tc-10.332-6.316-23.82-3.066-30.154,7.258c-6.326,10.324-3.086,23.834,7.23,30.174c0.211,0.133,21.354,13.205,39.619,31.475\r\n\t\t\t\t\t\tc18.627,18.629,35.504,43.822,35.67,44.066c4.109,6.178,11.008,9.783,18.266,9.783c1.246,0,2.504-0.105,3.756-0.322\r\n\t\t\t\t\t\tc8.566-1.488,15.447-7.893,17.545-16.332c0.053-0.203,8.756-24.256,54.73-72.727c37.029-39.053,61.723-51.465,70.279-54.908\r\n\t\t\t\t\t\tc0.082-0.014,0.141-0.02,0.252-0.043c-0.041,0.01,0.277-0.137,0.793-0.369c1.469-0.551,2.256-0.762,2.301-0.773\r\n\t\t\t\t\t\tc-0.422,0.105-0.641,0.131-0.641,0.131l-0.014-0.076c3.959-1.727,11.371-4.916,11.533-4.984\r\n\t\t\t\t\t\tC385.405,188.218,389.034,176.214,384.673,164.968z\"\r\n            />\r\n          </svg>\r\n        </div>\r\n        <p class=\"main-content__body\" data-lead-id=\"main-content-body\">\r\n          Thank you for recharging your account balance. Your transaction is\r\n          being processed. This process may take 2-5 minutes. Please feel free\r\n          to contact us if you need any further information!\r\n        </p>\r\n        <!-- <p>\r\n\t\t\t\t<a href=\"javascript:void(0)\" id=\"gohome\" class=\"go-home\">Do recharge again</a>\r\n      </p>-->\r\n\r\n        <div v-if=\"region === 'VN'\" class=\"mt-5 mb-3\">\r\n          <div>\r\n            <el-button @click=\"exportInvoice = true\" type=\"primary\" round\r\n              >Export invoice VAT</el-button\r\n            >\r\n            <el-button @click=\"noReceipts\" round>No receipts</el-button>\r\n          </div>\r\n          <div class=\"mt-3\" style=\"font-size: 0.85rem\">\r\n            <span>*** Instructions for export VAT invoices</span>\r\n            <el-link\r\n              :href=\"$exportInvoiceDocsLink\"\r\n              class=\"ml-2\"\r\n              :underline=\"false\"\r\n              type=\"primary\"\r\n              target=\"_blank\"\r\n              >Read more</el-link\r\n            >\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <footer class=\"site-footer mt-3\" id=\"footer\">\r\n        <p class=\"site-footer__fineprint\" id=\"fineprint\">\r\n          Copyright ©2019 - 2022\r\n          <strong style=\"color: #42a5f5\">iRender</strong> | All Rights Reserved\r\n        </p>\r\n      </footer>\r\n    </div>\r\n    <div\r\n      v-else\r\n      class=\"d-flex flex-fill justify-content-center align-items-center\"\r\n    >\r\n      <el-card\r\n        :body-style=\"{ padding: '3rem' }\"\r\n        style=\"margin: 1rem\"\r\n        shadow=\"never\"\r\n      >\r\n        <div class=\"d-flex flex-column profile-container\">\r\n          <div class=\"d-flex flex-column justify-content-center\">\r\n            <img\r\n              class=\"no-select\"\r\n              src=\"/logo/Gpuhub-logo-text.svg\"\r\n              alt=\"iRender\"\r\n              height=\"30\"\r\n            />\r\n            <div class=\"d-flex justify-content-center mt-1\">\r\n              Export invoice VAT\r\n            </div>\r\n          </div>\r\n          <el-form\r\n            class=\"mt-5\"\r\n            style=\"width: 35rem\"\r\n            :model=\"request\"\r\n            :rules=\"rules\"\r\n            ref=\"exportInvoice\"\r\n            autocomplete=\"off\"\r\n          >\r\n            <div class=\"d-flex flex-column\">\r\n              <div class=\"profile-item\">\r\n                <div class=\"profile-title\">\r\n                  <span>Customer type</span>\r\n                </div>\r\n                <div class=\"profile-content\">\r\n                  <el-radio-group\r\n                    :disabled=\"hadSend\"\r\n                    v-model=\"request.customerType\"\r\n                    @input=\"change\"\r\n                    style=\"margin-top: 0.9rem\"\r\n                  >\r\n                    <el-radio :label=\"customerTypeList.personal\"\r\n                      >Personal</el-radio\r\n                    >\r\n                    <el-radio :label=\"customerTypeList.business\"\r\n                      >Business</el-radio\r\n                    >\r\n                  </el-radio-group>\r\n                </div>\r\n              </div>\r\n              <div>\r\n                <div class=\"profile-item\">\r\n                  <div class=\"profile-title\">\r\n                    <span>Invoice receipt email</span>\r\n                  </div>\r\n                  <div class=\"profile-content\">\r\n                    <el-form-item prop=\"email\">\r\n                      <el-input\r\n                        :disabled=\"hadSend\"\r\n                        v-model=\"request.email\"\r\n                        @input=\"change\"\r\n                        size=\"small\"\r\n                        placeholder=\"Email...\"\r\n                      ></el-input>\r\n                    </el-form-item>\r\n                  </div>\r\n                </div>\r\n                <div class=\"profile-item\">\r\n                  <div class=\"profile-title\">\r\n                    <span>{{\r\n                      request.customerType === customerTypeList.personal\r\n                        ? \"Full name\"\r\n                        : \"Company name\"\r\n                    }}</span>\r\n                  </div>\r\n                  <div class=\"profile-content\">\r\n                    <el-form-item prop=\"name\">\r\n                      <el-input\r\n                        :disabled=\"hadSend\"\r\n                        v-model=\"request.name\"\r\n                        @input=\"change\"\r\n                        size=\"small\"\r\n                        :placeholder=\"`${\r\n                          request.customerType === customerTypeList.personal\r\n                            ? 'Your name...'\r\n                            : 'Company name...'\r\n                        }`\"\r\n                      ></el-input>\r\n                    </el-form-item>\r\n                  </div>\r\n                </div>\r\n                <div class=\"profile-item\">\r\n                  <div class=\"profile-title\">\r\n                    <span>{{\r\n                      request.customerType === customerTypeList.personal\r\n                        ? \"Address\"\r\n                        : \"Company address\"\r\n                    }}</span>\r\n                  </div>\r\n                  <div class=\"profile-content\">\r\n                    <el-form-item prop=\"address\">\r\n                      <el-input\r\n                        :disabled=\"hadSend\"\r\n                        v-model=\"request.address\"\r\n                        @input=\"change\"\r\n                        size=\"small\"\r\n                        :placeholder=\"`${\r\n                          request.customerType === customerTypeList.personal\r\n                            ? 'Address...'\r\n                            : 'Company address...'\r\n                        }`\"\r\n                      ></el-input>\r\n                    </el-form-item>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  class=\"profile-item\"\r\n                  v-if=\"request.customerType === customerTypeList.business\"\r\n                >\r\n                  <div class=\"profile-title\">\r\n                    <span>Tax code</span>\r\n                  </div>\r\n                  <div class=\"profile-content\">\r\n                    <el-form-item prop=\"tax\">\r\n                      <el-input\r\n                        :disabled=\"hadSend\"\r\n                        v-model=\"request.tax\"\r\n                        @input=\"change\"\r\n                        size=\"small\"\r\n                        placeholder=\"Tax code...\"\r\n                      ></el-input>\r\n                    </el-form-item>\r\n                  </div>\r\n                </div>\r\n                <div class=\"profile-item\">\r\n                  <div class=\"profile-title\">\r\n                    <span>Note</span>\r\n                  </div>\r\n                  <div class=\"profile-content\">\r\n                    <el-form-item prop=\"note\">\r\n                      <el-input\r\n                        :disabled=\"hadSend\"\r\n                        type=\"textarea\"\r\n                        placeholder=\"Note ...\"\r\n                        v-model=\"request.note\"\r\n                        maxlength=\"500\"\r\n                        :rows=\"2\"\r\n                        show-word-limit\r\n                      >\r\n                      </el-input>\r\n                    </el-form-item>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div v-if=\"!hadSend\" class=\"profile-item mt-4\">\r\n                <div class=\"profile-title\"></div>\r\n                <div class=\"profile-content\">\r\n                  <el-button\r\n                    @click=\"sendRequest('exportInvoice')\"\r\n                    size=\"small\"\r\n                    type=\"primary\"\r\n                    >Send request</el-button\r\n                  >\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </el-form>\r\n        </div>\r\n        <div v-if=\"hadSend\" style=\"width: 35rem\" class=\"mt-5 ml-5\">\r\n          <div style=\"color: #ff9800; font-size: 0.95rem\">\r\n            <div>\r\n              • Your invoice information has been received by us. We will\r\n              process your request within 24 hours from the time of successful\r\n              request submission.\r\n            </div>\r\n            <div class=\"mt-2\">\r\n              • If you have any questions please contact us invoice@irender.vn\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </el-card>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n/*\r\n#   $$$$$$\\  $$\\           $$\\                 $$\\\r\n#  $$  __$$\\ $$ |          $$ |                $$ |\r\n#  $$ /  \\__|$$ | $$$$$$\\  $$$$$$$\\   $$$$$$\\  $$ | $$$$$$$\\\r\n#  $$ |$$$$\\ $$ |$$  __$$\\ $$  __$$\\  \\____$$\\ $$ |$$  _____|\r\n#  $$ |\\_$$ |$$ |$$ /  $$ |$$ |  $$ | $$$$$$$ |$$ |\\$$$$$$\\\r\n#  $$ |  $$ |$$ |$$ |  $$ |$$ |  $$ |$$  __$$ |$$ | \\____$$\\\r\n#  \\$$$$$$  |$$ |\\$$$$$$  |$$$$$$$  |\\$$$$$$$ |$$ |$$$$$$$  |\r\n#   \\______/ \\__| \\______/ \\_______/  \\_______|\\__|\\_______/\r\n*/\r\n@font-face {\r\n  font-family: \"Akkurat-Regular\";\r\n  /* src: url(\"../font/akkurat/lineto-akkurat-regular.eot\");\r\n  src: url(\"../font/akkurat/lineto-akkurat-regular.eot?#iefix\")\r\n      format(\"embedded-opentype\"),\r\n    url(\"../font/akkurat/lineto-akkurat-regular.woff\") format(\"woff\"); */\r\n  font-weight: normal;\r\n  font-style: normal;\r\n}\r\n\r\n.cf:before,\r\n.cf:after {\r\n  content: \" \";\r\n  display: table;\r\n}\r\n.cf:after {\r\n  clear: both;\r\n}\r\n\r\n* {\r\n  box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n  font-size: 16px;\r\n  background-color: #fffffe;\r\n}\r\nbody {\r\n  padding: 0 20px;\r\n  min-width: 300px;\r\n  font-family: \"Akkurat-Regular\", sans-serif;\r\n  background-color: #fffffe;\r\n  color: #1a1a1a;\r\n  text-align: center;\r\n  word-wrap: break-word;\r\n  -webkit-font-smoothing: antialiased;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\na:link,\r\na:visited {\r\n  color: #00c2a8;\r\n}\r\na:hover,\r\na:active {\r\n  color: #03a994;\r\n}\r\n\r\n/*\r\n#   $$$$$$\\  $$\\   $$\\                     $$\\   $$\\                           $$\\\r\n#  $$  __$$\\ \\__|  $$ |                    $$ |  $$ |                          $$ |\r\n#  $$ /  \\__|$$\\ $$$$$$\\    $$$$$$\\        $$ |  $$ | $$$$$$\\   $$$$$$\\   $$$$$$$ | $$$$$$\\   $$$$$$\\\r\n#  \\$$$$$$\\  $$ |\\_$$  _|  $$  __$$\\       $$$$$$$$ |$$  __$$\\  \\____$$\\ $$  __$$ |$$  __$$\\ $$  __$$\\\r\n#   \\____$$\\ $$ |  $$ |    $$$$$$$$ |      $$  __$$ |$$$$$$$$ | $$$$$$$ |$$ /  $$ |$$$$$$$$ |$$ |  \\__|\r\n#  $$\\   $$ |$$ |  $$ |$$\\ $$   ____|      $$ |  $$ |$$   ____|$$  __$$ |$$ |  $$ |$$   ____|$$ |\r\n#  \\$$$$$$  |$$ |  \\$$$$  |\\$$$$$$$\\       $$ |  $$ |\\$$$$$$$\\ \\$$$$$$$ |\\$$$$$$$ |\\$$$$$$$\\ $$ |\r\n#   \\______/ \\__|   \\____/  \\_______|      \\__|  \\__| \\_______| \\_______| \\_______| \\_______|\\__|\r\n*/\r\n.site-header {\r\n  margin: 0 auto;\r\n  padding: 0px 0 0;\r\n  max-width: 820px;\r\n}\r\n.site-header__title {\r\n  margin: 0;\r\n  font-family: Montserrat, sans-serif;\r\n  font-size: 2.5rem;\r\n  font-weight: 700;\r\n  line-height: 1.1;\r\n  text-transform: uppercase;\r\n  -webkit-hyphens: auto;\r\n  -moz-hyphens: auto;\r\n  -ms-hyphens: auto;\r\n  hyphens: auto;\r\n}\r\n\r\n/*\r\n#  $$\\      $$\\           $$\\                  $$$$$$\\                       $$\\                          $$\\\r\n#  $$$\\    $$$ |          \\__|                $$  __$$\\                      $$ |                         $$ |\r\n#  $$$$\\  $$$$ | $$$$$$\\  $$\\ $$$$$$$\\        $$ /  \\__| $$$$$$\\  $$$$$$$\\ $$$$$$\\    $$$$$$\\  $$$$$$$\\ $$$$$$\\\r\n#  $$\\$$\\$$ $$ | \\____$$\\ $$ |$$  __$$\\       $$ |      $$  __$$\\ $$  __$$\\\\_$$  _|  $$  __$$\\ $$  __$$\\\\_$$  _|\r\n#  $$ \\$$$  $$ | $$$$$$$ |$$ |$$ |  $$ |      $$ |      $$ /  $$ |$$ |  $$ | $$ |    $$$$$$$$ |$$ |  $$ | $$ |\r\n#  $$ |\\$  /$$ |$$  __$$ |$$ |$$ |  $$ |      $$ |  $$\\ $$ |  $$ |$$ |  $$ | $$ |$$\\ $$   ____|$$ |  $$ | $$ |$$\\\r\n#  $$ | \\_/ $$ |\\$$$$$$$ |$$ |$$ |  $$ |      \\$$$$$$  |\\$$$$$$  |$$ |  $$ | \\$$$$  |\\$$$$$$$\\ $$ |  $$ | \\$$$$  |\r\n#  \\__|     \\__| \\_______|\\__|\\__|  \\__|       \\______/  \\______/ \\__|  \\__|  \\____/  \\_______|\\__|  \\__|  \\____/\r\n*/\r\n.main-content {\r\n  margin: 0 auto;\r\n  max-width: 820px;\r\n}\r\n.main-content__checkmark {\r\n  font-size: 4.0625rem;\r\n  line-height: 1;\r\n  color: #24b663;\r\n}\r\n.main-content__body {\r\n  margin: 20px 0 0;\r\n  font-size: 1rem;\r\n  line-height: 1.4;\r\n}\r\n\r\n/*\r\n#   $$$$$$\\  $$\\   $$\\                     $$$$$$$$\\                   $$\\\r\n#  $$  __$$\\ \\__|  $$ |                    $$  _____|                  $$ |\r\n#  $$ /  \\__|$$\\ $$$$$$\\    $$$$$$\\        $$ |    $$$$$$\\   $$$$$$\\ $$$$$$\\    $$$$$$\\   $$$$$$\\\r\n#  \\$$$$$$\\  $$ |\\_$$  _|  $$  __$$\\       $$$$$\\ $$  __$$\\ $$  __$$\\\\_$$  _|  $$  __$$\\ $$  __$$\\\r\n#   \\____$$\\ $$ |  $$ |    $$$$$$$$ |      $$  __|$$ /  $$ |$$ /  $$ | $$ |    $$$$$$$$ |$$ |  \\__|\r\n#  $$\\   $$ |$$ |  $$ |$$\\ $$   ____|      $$ |   $$ |  $$ |$$ |  $$ | $$ |$$\\ $$   ____|$$ |\r\n#  \\$$$$$$  |$$ |  \\$$$$  |\\$$$$$$$\\       $$ |   \\$$$$$$  |\\$$$$$$  | \\$$$$  |\\$$$$$$$\\ $$ |\r\n#   \\______/ \\__|   \\____/  \\_______|      \\__|    \\______/  \\______/   \\____/  \\_______|\\__|\r\n*/\r\n.site-footer {\r\n  margin: 0 auto;\r\n  padding: 80px 0 25px;\r\n  padding: 0;\r\n  max-width: 820px;\r\n}\r\n.site-footer__fineprint {\r\n  font-size: 0.9375rem;\r\n  line-height: 1.3;\r\n  font-weight: 300;\r\n}\r\n\r\n/*\r\n#  $$\\      $$\\                 $$\\ $$\\                  $$$$$$\\                                $$\\\r\n#  $$$\\    $$$ |                $$ |\\__|                $$  __$$\\                               \\__|\r\n#  $$$$\\  $$$$ | $$$$$$\\   $$$$$$$ |$$\\  $$$$$$\\        $$ /  $$ |$$\\   $$\\  $$$$$$\\   $$$$$$\\  $$\\  $$$$$$\\   $$$$$$$\\\r\n#  $$\\$$\\$$ $$ |$$  __$$\\ $$  __$$ |$$ | \\____$$\\       $$ |  $$ |$$ |  $$ |$$  __$$\\ $$  __$$\\ $$ |$$  __$$\\ $$  _____|\r\n#  $$ \\$$$  $$ |$$$$$$$$ |$$ /  $$ |$$ | $$$$$$$ |      $$ |  $$ |$$ |  $$ |$$$$$$$$ |$$ |  \\__|$$ |$$$$$$$$ |\\$$$$$$\\\r\n#  $$ |\\$  /$$ |$$   ____|$$ |  $$ |$$ |$$  __$$ |      $$ $$\\$$ |$$ |  $$ |$$   ____|$$ |      $$ |$$   ____| \\____$$\\\r\n#  $$ | \\_/ $$ |\\$$$$$$$\\ \\$$$$$$$ |$$ |\\$$$$$$$ |      \\$$$$$$ / \\$$$$$$  |\\$$$$$$$\\ $$ |      $$ |\\$$$$$$$\\ $$$$$$$  |\r\n#  \\__|     \\__| \\_______| \\_______|\\__| \\_______|       \\___$$$\\  \\______/  \\_______|\\__|      \\__| \\_______|\\_______/\r\n#                                                            \\___|\r\n*/\r\n@media only screen and (min-width: 40em) {\r\n  .site-header {\r\n    padding-top: 0;\r\n  }\r\n  .site-header__title {\r\n    font-size: 2.5rem;\r\n  }\r\n  .main-content__checkmark {\r\n    font-size: 9.75rem;\r\n  }\r\n  .main-content__body {\r\n    font-size: 1.25rem;\r\n  }\r\n  .site-footer {\r\n    padding: 0px 0 25px;\r\n  }\r\n  .site-footer__fineprint {\r\n    font-size: 1.125rem;\r\n  }\r\n}\r\n\r\n.go-home {\r\n  box-shadow: inset 0px 1px 0px -50px #97c4fe;\r\n  background: linear-gradient(to bottom, #3d94f6 5%, #42a5f5 100%);\r\n  background-color: #3d94f6;\r\n  border-radius: 26px;\r\n  border: 1px solid #42a5f5;\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  color: #ffffff !important;\r\n  font-family: Arial;\r\n  font-size: 15px;\r\n  font-weight: bold;\r\n  padding: 12px 42px;\r\n  text-decoration: none;\r\n  text-shadow: 0px 1px 0px #42a5f5;\r\n}\r\n.go-home:hover {\r\n  background: linear-gradient(to bottom, #42a5f5 5%, #3d94f6 100%);\r\n  background-color: #42a5f5;\r\n}\r\n.go-home:active {\r\n  position: relative;\r\n  top: 1px;\r\n}\r\n</style> \r\n\r\n<script>\r\n// CSS\r\nimport \"@/assets/css/invoice.scss\";\r\n\r\n//Lib\r\nimport { mapState } from \"vuex\";\r\n\r\n// Api\r\nimport api from \"@/api/baseApi\";\r\n\r\n// Constant\r\nimport {\r\n  SETTINGS_USER_API,\r\n  SETTINGS_TRANSACTION_API,\r\n} from \"@/constant/apiSettings\";\r\nimport { API_CALL_STATUS } from \"@/constant/baseConstant\";\r\nimport { regex } from \"@/constant/config\";\r\n\r\n// Extend\r\nimport base from \"@/scripts/base\";\r\n\r\nexport default {\r\n  extends: base,\r\n\r\n  computed: {\r\n    ...mapState({\r\n      user: (state) => state.auth.user,\r\n    }),\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      rules: {\r\n        email: [\r\n          {\r\n            required: true,\r\n            message: this.$lang.register.validationRequiredEmail,\r\n            trigger: \"blur\",\r\n          },\r\n          {\r\n            type: \"email\",\r\n            message: this.$lang.register.validationTypeEmail,\r\n            trigger: [\"blur\", \"change\"],\r\n          },\r\n          {\r\n            max: 50,\r\n            message: this.$lang.register.validationMaxEmail,\r\n            trigger: [\"blur\", \"change\"],\r\n          },\r\n        ],\r\n        name: [\r\n          {\r\n            required: true,\r\n            message: this.$lang.profile.validationRequiredFullName,\r\n            trigger: \"blur\",\r\n          },\r\n          {\r\n            max: 255,\r\n            message: this.$lang.profile.validationMaxFullName,\r\n            trigger: [\"blur\", \"change\"],\r\n          },\r\n        ],\r\n        address: [\r\n          {\r\n            required: true,\r\n            message: \"Don't leave your address blank!\",\r\n            trigger: \"blur\",\r\n          },\r\n          {\r\n            max: 500,\r\n            message: this.$lang.profile.validationMaxAddress,\r\n            trigger: [\"blur\", \"change\"],\r\n          },\r\n        ],\r\n        tax: [\r\n          {\r\n            required: true,\r\n            message: \"Don't leave your Tax code blank!\",\r\n            trigger: \"blur\",\r\n          },\r\n          {\r\n            max: 50,\r\n            message: this.$lang.profile.validationMaxAddress,\r\n            trigger: [\"blur\", \"change\"],\r\n          },\r\n        ],\r\n      },\r\n\r\n      customerTypeList: {\r\n        personal: 1,\r\n        business: 2,\r\n      },\r\n\r\n      transactionCode: null,\r\n      region: null,\r\n\r\n      request: {},\r\n\r\n      exportInvoice: false,\r\n      hadSend: false,\r\n    };\r\n  },\r\n\r\n  created() {\r\n    this.transactionCode = this.$route.query.transactionCode;\r\n    this.region = this.$route.query.region;\r\n    this.getData();\r\n  },\r\n\r\n  methods: {\r\n    //#region Invoice and Billing change information\r\n    change() {},\r\n    //#endregion\r\n\r\n    //#region Invoice billing ___ View\r\n    getData() {\r\n      this.feedStatusLoading(API_CALL_STATUS.LOADING);\r\n      api\r\n        .baseRequest(SETTINGS_USER_API.INVOICE_BILLING_SETTINGS_VIEW, null)\r\n        .then((res) => {\r\n          let responseData = res.data;\r\n          this.request = {\r\n            customerType: responseData.customerType,\r\n            name:\r\n              responseData.customerType === this.customerTypeList.personal\r\n                ? responseData.personalName\r\n                : responseData.businessName,\r\n            address:\r\n              responseData.customerType === this.customerTypeList.personal\r\n                ? responseData.personalAddress\r\n                : responseData.businessAddress,\r\n            email: this.user.email,\r\n            tax:\r\n              responseData.customerType === this.customerTypeList.personal\r\n                ? responseData.personalTaxCode\r\n                : responseData.businessTaxCode,\r\n            note: null,\r\n          };\r\n          this.feedStatusLoading(API_CALL_STATUS.SUCCESS, this.machineList);\r\n        })\r\n        .catch((error) => {\r\n          this.processCatchApiRequest(error, \"Request failed ...\");\r\n        });\r\n    },\r\n    //#endregion\r\n\r\n    //#region Export invoice\r\n    sendRequest(formName) {\r\n      this.$refs[formName].validate((valid) => {\r\n        if (valid) {\r\n          this.feedStatusLoading(API_CALL_STATUS.LOADING);\r\n          setTimeout(() => {\r\n            let data = {\r\n              customerType: this.request.customerType,\r\n              transactionCode: this.transactionCode,\r\n              name: this.request.name,\r\n              address: this.request.address,\r\n              email: this.request.email,\r\n              tax: this.request.tax,\r\n              note: this.request.note,\r\n\r\n              deviceInformation: JSON.stringify(this.getInformationClient()),\r\n            };\r\n            api\r\n              .baseRequest(\r\n                SETTINGS_TRANSACTION_API.TRANSACTION_EXPORT_INVOICE,\r\n                data\r\n              )\r\n              .then(() => {\r\n                this.notificationSuccess(\r\n                  \"Success ... !\",\r\n                  `Your information have been successfully saved`\r\n                );\r\n                this.hadSend = true;\r\n                this.feedStatusLoading(API_CALL_STATUS.SUCCESS);\r\n              })\r\n              .catch((error) => {\r\n                this.processCatchApiRequest(error, \"Boot failed ...\");\r\n              });\r\n          }, this.smoothTimeOut);\r\n        } else {\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    //#endregion\r\n\r\n    //#region No receipts\r\n    noReceipts() {\r\n      this.feedStatusLoading(API_CALL_STATUS.LOADING);\r\n      setTimeout(() => {\r\n        let data = {\r\n          transactionCode: this.transactionCode,\r\n\r\n          deviceInformation: JSON.stringify(this.getInformationClient()),\r\n        };\r\n        api\r\n          .baseRequest(SETTINGS_TRANSACTION_API.TRANSACTION_NO_RECEIPTS, data)\r\n          .then(() => {\r\n            this.notificationSuccess(\r\n              \"Success ... !\",\r\n              `Your information have been successfully saved`\r\n            );\r\n            this.region = null;\r\n          })\r\n          .catch((error) => {\r\n            this.processCatchApiRequest(error, \"Boot failed ...\");\r\n          });\r\n      }, this.smoothTimeOut);\r\n    },\r\n    //#endregion\r\n  },\r\n};\r\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PaymentThankYou.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PaymentThankYou.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PaymentThankYou.vue?vue&type=template&id=7a22b6cf&scoped=true&\"\nimport script from \"./PaymentThankYou.vue?vue&type=script&lang=js&\"\nexport * from \"./PaymentThankYou.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PaymentThankYou.vue?vue&type=style&index=0&id=7a22b6cf&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  \"7a22b6cf\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}