{"version":3,"sources":["webpack:///./src/View/invoice/invoiceDetail.vue?9fa1","webpack:///./src/utils/validation.js","webpack:///./src/View/invoice/invoiceDetail.vue","webpack:///./src/View/invoice/components/ItemDetail.vue","webpack:///src/View/invoice/components/ItemDetail.vue","webpack:///./src/View/invoice/components/ItemDetail.vue?a611","webpack:///./src/View/invoice/components/ItemDetail.vue?937a","webpack:///./src/View/invoice/components/TaxBreakDown.vue","webpack:///src/View/invoice/components/TaxBreakDown.vue","webpack:///./src/View/invoice/components/TaxBreakDown.vue?3b94","webpack:///./src/View/invoice/components/TaxBreakDown.vue?146f","webpack:///src/View/invoice/invoiceDetail.vue","webpack:///./src/View/invoice/invoiceDetail.vue?c751","webpack:///./src/View/invoice/invoiceDetail.vue?9c24","webpack:///./src/View/components/textfield.vue","webpack:///src/View/components/textfield.vue","webpack:///./src/View/components/textfield.vue?f9fd","webpack:///./src/View/components/textfield.vue?73c1"],"names":["require","validateEmail","email","pattern","test","ReFormatDate","date","newDateArray","split","checkSpeialChar","str","specialChars","result","some","specialChar","includes","render","_vm","this","_c","_self","invoiceDetail","staticClass","_v","_s","invoiceNumber","on","$event","stopPropagation","isSendEmail","invoiceStatusName","toLowerCase","editConfirmation","updateInvoice","showMenuList","directives","name","rawName","value","closeList","expression","removeConfirm","_e","notes","isCustomerPermission","customerDetail","companyName","isLead","customerHotNotes","showHotNOtes","_f","invoiceDate","dueDate","style","invoiceStatusColor","billingLine1","billingLine2","billingCity","billingState","billingZip","shippingLine1","shippingLine2","shippingCity","shippingState","shippingZip","salesPersonName","createdByUserFirstName","createdByUserLastName","jobList","length","$router","push","params","jobId","jobTitle","visitList","visitId","selectedItemList","_l","data","index","key","showItemDetail","itemName","itemAmount","itemPrice","itemQty","isTaxable","itemDescription","substr","subTotal","toFixed","finalTaxList","taxes","showBreakDownDetail","taxId","taxName","taxValue","ammount","taxesAmmount","grandTotal","totalPaymentRecord","invoiceStatusId","attrs","recordPayment","invoicePaymentRecords","displayTagSelects","staticStyle","paymentDetail","paymentId","addedDate","paymentAmount","paymentMethodName","itemdetailShow","selectedItemDetails","itemBreakDonwShow","vissibleTaxId","isSendInvoiceEmail","parseInt","invoiceId","customerId","staticRenderFns","itemInfo","_m","itemCode","closeDetail","components","Button","props","created","mounted","document","watch","methods","calculateTaxes","list","beforeDestroy","component","maiTaxList","tax","i","setVisibleTax","visible","item","ind","class","taxPrice","qunty","visibleTaxId","setTimeout","ConfirmBox","ItemDetail","TaxBreakDown","SendBokkingCon","canPaymentRecordPermission","canEmailSendPermission","titleObj","title","icon","sortName","status","query","showPayDetail","deletesInvoice","message","MyJobApp","response","activeTab","showAlert","color","getInvoiceDetails","err","getPaymentlist","tempList","showInfo","closePopup","lableText","showcharLimit","inputValue","textMaxlength","inputTypeText","inputType","isPointer","textRight","showError","showDate","isOtp","disabled","placholderText","setReadOnly","setAutoFocust","inputId","domProps","Array","isArray","_i","keyPressAction","type","indexOf","_k","keyCode","enterkeyPressAction","apply","arguments","blurAction","inputChangeAction","$$a","$$el","target","$$c","checked","$$v","$$i","concat","slice","change","keyup","preventDefault","onClickInputAction","focus","_q","composing","hidePassword","showTime","Vue","bind","el","vnode","unbind","disabledBtn","fieldError","handler","inputext","event"],"mappings":"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","file":"js/chunk-d492ef00.d926abe5.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!./invoiceDetail.vue?vue&type=style&index=0&id=798f2bc0&prod&scoped=true&lang=css&\"","import store from '@/store'\nvar moment = require('moment')\nexport function validateEmail (email) {\n  const pattern = /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n  return pattern.test(email)\n}\nexport function PhoneNumberValidate (number) {\n  const pattern = /^([0|+[0-9]{1,5})?([7-9][0-9]{9})$/\n  return pattern.test(number)\n}\n// :-,;\"'`*#@\nexport function validateNumber (value) {\n  value = value.trim()\n  var newVal = value.replace(/[^0-9A-Za-z]/g, '')\n  if (newVal.substring(0, 1) === '1') {\n    newVal = newVal.substring(1)\n  }\n  if (newVal.length === 3) {\n    return newVal.replace(/[^0-9]/g, '').replace(/(\\d{3})/, '($1)')\n  } else if (newVal.length === 6) {\n    return newVal.replace(/[^0-9]/g, '').replace(/(\\d{3})(\\d{3})/, '($1) $2')\n  } else if (newVal.length === 10) {\n    return newVal.replace(/[^0-9]/g, '').replace(/(\\d{3})(\\d{3})(\\d{4})/, '($1) $2-$3 ')\n  } else if (newVal.length >= 11 && value.indexOf(')') < 0) {\n    var string = value.replace(/[^0-9A-Za-z:,;\"'`*#@ -]/g, '')\n    if (string.substring(0, 1) === '+') {\n      string = newVal.substring(1)\n    }\n    if (string.substring(0, 1) === '1') {\n      string = newVal.substring(1)\n    }\n    var formate = string.replace(/[^0-9]/g, '').substring(0, 10)\n    var numberFormate = formate.replace(/(\\d{3})(\\d{3})(\\d{4})/, '($1) $2-$3')\n    return numberFormate + ' ' + string.substring(10)\n    // this.number = value.replace(/^([0-9]{3})([0-9]{3})([0-9]{4})([0-9A-Za-z]{4})$/, '($1) $2-$3 $4')\n  } else {\n    if (value.substring(0, 1) === '+') {\n      value = value.substring(1)\n    }\n    if (value.substring(0, 1) === '1') {\n      value = value.substring(1)\n    }\n    return value\n  }\n}\nexport function ReFormatDate (date) {\n  if (date === null) {\n    return null\n  }\n  var newDateArray = date.split('-')\n  return newDateArray[1] + '/' + newDateArray[2] + '/' + newDateArray[0]\n}\n\n// export function ReFormatDateTime (date) {\n//   if (date === null) {\n//     return null\n//   }\n//   dateTimeAry = date.split(' ')\n//   var newDateArray = dateTimeAry[0].split('-')\n//   return newDateArray[1] + '/' + newDateArray[2] + '/' + newDateArray[0]\n// }\n\nexport function checkSpeialChar(str) {\n  const specialChars = `\\`!@#$%^&*()_+-=[]{};':\"\\\\|,.<>/?~`;\n  const result = specialChars.split('').some(specialChar => {\n    if (str.includes(specialChar)) {\n      return true;\n    }\n    return false;\n  });\n  return result;\n}\n\nexport function ReFormatNumber (number) {\n  return number.replace(/[^0-9]/g, '')\n    .replace(/(\\d{3})(\\d{3})(\\d{4})/, '($1) $2-$3')\n}\nexport function IntToTime (time) {\n  var minutes = parseInt(time % 60, 10)\n  var hours = parseInt(time / 60 % 24, 10)\n  return hours + ':' + minutes\n}\nexport function OnlyTimeFilter (dateTime) {\n  var utcTime = new Date(dateTime).toUTCString()\n  var time = new Date(utcTime)\n  var formate = store.getters.dateTimeFormate\n  formate = formate.replace(store.getters.dateTimeFormate.split(' ')[0] + ' ', '')\n  return moment(time).format(formate)\n}\n\nexport function validateEmailORPhone (emailphone) {\n  const pattern = /^(?:\\d{10}|\\w+@\\w+\\.\\w{2,3})$/\n  return pattern.test(emailphone)\n}\n\nexport function OnlyTimeFilterWithoutZero (dateTime) {\n  var utcTime = new Date(dateTime).toUTCString()\n  var time = new Date(utcTime)\n  var formate = store.getters.dateTimeFormate\n  formate = formate.replace(store.getters.dateTimeFormate.split(' ')[0] + ' ', '')\n  let formatTime = moment(time).format(formate)\n  formatTime = formatTime.toLowerCase()\n  if (formatTime.indexOf('am') > 0 || formatTime.indexOf('pm') > 0) {\n    if (formatTime.substring(0, 1) === '0') {\n      formatTime = formatTime.substring(1)\n    }\n    let formatTimeArray = formatTime.split(':')\n    if (formatTimeArray[1].substring(0, 2) === '00') {\n      formatTime = formatTimeArray[0] + ' ' + formatTimeArray[1].split(' ')[1]\n    } else {\n      formatTime = formatTimeArray[0] + ':' + formatTimeArray[1]\n    }\n    // else if (formatTimeArray[1].substring(0, 1) === '0') {\n    //   formatTime = formatTimeArray[0] + ' ' + formatTimeArray[1].substring(1)\n    // }\n  } else {\n    if (formatTime.substring(0, 1) === '0') {\n      formatTime = formatTime.substring(1)\n    }\n  }\n  return formatTime\n}\n","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.invoiceDetail !== null)?_c('div',{staticClass:\"mt-4\"},[_c('div',{staticClass:\"card top_primary_card bg-primary font-bold text-white p-2 rounded-xl w-full\"},[_c('div',{staticClass:\"flex justify-between items-center\"},[_c('h1',{staticClass:\"heading-2 text-center\"},[_vm._v(\"Invoice Number: #\"+_vm._s(_vm.invoiceDetail.invoiceNumber))]),_c('div',{staticClass:\"flex items-center gap-3\"},[_c('div',{staticClass:\"text-primary heading-3 cursor-pointer bg-white px-3 py-1 rounded-xl\",on:{\"click\":function($event){$event.stopPropagation();return _vm.isSendEmail()}}},[_c('i',{staticClass:\"fas fa-envelope\"})]),(_vm.invoiceDetail.invoiceStatusName.toLowerCase() === 'paid')?_c('div',{staticClass:\"text-primary heading-4 cursor-pointer bg-white px-2.5 py-1 rounded-xl\",on:{\"click\":function($event){_vm.editConfirmation = true}}},[_c('i',{staticClass:\"fa-solid fa-pen-to-square\"})]):_c('div',{staticClass:\"text-primary heading-4 cursor-pointer bg-white px-2.5 py-1 rounded-xl\",on:{\"click\":_vm.updateInvoice}},[_c('i',{staticClass:\"fa-solid fa-pen-to-square\"})]),_c('div',{staticClass:\"relative\"},[_c('div',{staticClass:\"text-primary heading-3 cursor-pointer bg-white px-3 py-1 rounded-xl\",on:{\"click\":function($event){$event.stopPropagation();_vm.showMenuList = true}}},[_c('i',{staticClass:\"fas fa-ellipsis-v\"})]),(_vm.showMenuList)?_c('div',[_c('div',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.closeList),expression:\"closeList\"}]},[_c('div',{staticClass:\"bg-white absolute z-10 right-3 shadow-2xl rounded top-10 w-64\"},[_c('div',{staticClass:\"p-2 text-text2 font-medium text-center\"},[_c('div',{staticClass:\"p-2 cursor-pointer hover:bg-red-50\",on:{\"click\":function($event){_vm.removeConfirm = true}}},[_c('span',{staticClass:\"py-1 text-error\"},[_vm._v(\"Delete Invoice\")])])])])])]):_vm._e()])])])]),_c('div',{staticClass:\"py-2\"},[(_vm.invoiceDetail.notes !== '')?_c('div',{staticClass:\"card bg-white rounded-xl p-4 my-2\"},[_c('div',{staticClass:\"text-gray3 font-bold\"},[_vm._v(\"Invoice Note \")]),_c('div',{staticClass:\"text-text1 heading-5\"},[_vm._v(_vm._s(_vm.invoiceDetail.notes))])]):_vm._e()]),_c('div',[_c('div',{staticClass:\"lg:grid grid-cols-12 gap-4\"},[_c('div',{staticClass:\"col-span-4 2xl:col-span-4\"},[_c('div',{staticClass:\"card bg-white rounded-xl p-4 mb-4\"},[_c('div',{staticClass:\"mb-4\"},[_c('div',{staticClass:\"flex justify-between\"},[_c('div',{},[(_vm.isCustomerPermission)?_c('span',{staticClass:\"cursor-pointer text-primary font-semibold heading-2\",on:{\"click\":function($event){$event.stopPropagation();return _vm.customerDetail()}}},[_vm._v(_vm._s(_vm.invoiceDetail.companyName)+\" (\"+_vm._s(_vm.invoiceDetail.isLead ? 'Lead' : 'Customer')+\")\")]):_c('span',{staticClass:\"text-primary font-semibold heading-2\"},[_vm._v(_vm._s(_vm.invoiceDetail.companyName)+\" (\"+_vm._s(_vm.invoiceDetail.isLead ? 'Lead' : 'Customer')+\")\")])]),(_vm.invoiceDetail.customerHotNotes !== '')?_c('div',{staticClass:\"text-right\"},[_c('span',{staticClass:\"cursor-pointer text-primary heading-7\",on:{\"click\":function($event){$event.stopPropagation();_vm.showHotNOtes = !_vm.showHotNOtes}}},[_vm._v(\" \"+_vm._s(_vm.showHotNOtes ? 'Hide' : 'Show')+\" hot notes\")])]):_vm._e()]),(_vm.showHotNOtes)?_c('div',{},[_c('span',{staticClass:\"cursor-pointer text-secondary\"},[_vm._v(\" \"+_vm._s(_vm.invoiceDetail.customerHotNotes)+\" \")])]):_vm._e()]),_c('div',{staticClass:\"flex justify-between\"},[_c('div',{staticClass:\"mb-4\"},[_c('p',{staticClass:\"text-gray4\"},[_vm._v(\"Invoice Date\")]),_c('p',{staticClass:\"font-bold text-text1\"},[_vm._v(_vm._s(_vm._f(\"formatForDatePicker\")(_vm.invoiceDetail.invoiceDate)))])]),_c('div',{staticClass:\"mb-4\"},[_c('p',{staticClass:\"text-gray4 text-right\"},[_vm._v(\"Due Date\")]),_c('p',{staticClass:\"font-bold text-text1 text-right\"},[_vm._v(_vm._s(_vm._f(\"formatForDatePicker\")(_vm.invoiceDetail.dueDate)))])])]),_c('div',{staticClass:\"mb-4\"},[_c('p',{staticClass:\"text-gray4\"},[_vm._v(\"Status\")]),_c('p',{staticClass:\"font-bold text-text2\",style:(`color: ${_vm.invoiceDetail.invoiceStatusColor}`)},[_vm._v(_vm._s(_vm.invoiceDetail.invoiceStatusName))])]),_c('div',{staticClass:\"mb-4\"},[_c('p',{staticClass:\"text-gray4\"},[_vm._v(\"Billing Address:\")]),(_vm.invoiceDetail.billingLine1 !== '' ||  _vm.invoiceDetail.billingLine2 !== '' ||  _vm.invoiceDetail.billingCity !== '' || _vm.invoiceDetail.billingState !== '' || _vm.invoiceDetail.billingZip !== '')?_c('p',{staticClass:\"text-text1 heading-7\"},[_c('span',[_vm._v(_vm._s(_vm.invoiceDetail.billingLine1)),(_vm.invoiceDetail.billingLine1 !== '' &&  _vm.invoiceDetail.billingLine2 !== '')?_c('span',[_vm._v(\", \")]):_vm._e()]),_c('span',[_vm._v(_vm._s(_vm.invoiceDetail.billingLine2)),(_vm.invoiceDetail.billingLine2 !== '' &&  _vm.invoiceDetail.billingCity !== '')?_c('span',[_vm._v(\", \")]):_vm._e()]),_c('span',[_vm._v(_vm._s(_vm.invoiceDetail.billingCity)),(_vm.invoiceDetail.billingCity !== '' &&  _vm.invoiceDetail.billingState !== '')?_c('span',[_vm._v(\", \")]):_vm._e()]),_c('span',[_vm._v(_vm._s(_vm.invoiceDetail.billingState)+\" \"),(_vm.invoiceDetail.billingState !== '' &&  _vm.invoiceDetail.billingZip !== '')?_c('span'):_vm._e()]),(_vm.invoiceDetail.billingZip !== '')?_c('span',[_vm._v(\"-\"+_vm._s(_vm.invoiceDetail.billingZip)+\" \")]):_vm._e()]):_c('p',{staticClass:\"text-text1 heading-7\"},[_vm._v(\"-\")])]),_c('div',[_c('p',{staticClass:\"text-gray4\"},[_vm._v(\"Shipping Address:\")]),(_vm.invoiceDetail.shippingLine1 !== '' ||  _vm.invoiceDetail.shippingLine2 !== '' || _vm.invoiceDetail.shippingCity !== '' || _vm.invoiceDetail.shippingState !== '' || _vm.invoiceDetail.shippingZip !== '')?_c('p',{staticClass:\"text-text1 heading-7\"},[_c('span',[_vm._v(_vm._s(_vm.invoiceDetail.shippingLine1)+\" \"),(_vm.invoiceDetail.shippingLine1 !== '' &&  _vm.invoiceDetail.shippingLine2 !== '')?_c('span',[_vm._v(\", \")]):_vm._e()]),_c('span',[_vm._v(_vm._s(_vm.invoiceDetail.shippingLine2)),(_vm.invoiceDetail.shippingLine2 !== '' &&  _vm.invoiceDetail.shippingCity !== '')?_c('span',[_vm._v(\", \")]):_vm._e()]),_c('span',[_vm._v(_vm._s(_vm.invoiceDetail.shippingCity)),(_vm.invoiceDetail.shippingCity !== '' &&  _vm.invoiceDetail.shippingState !== '')?_c('span',[_vm._v(\", \")]):_vm._e()]),_c('span',[_vm._v(_vm._s(_vm.invoiceDetail.shippingState)+\" \"),(_vm.invoiceDetail.shippingState !== '' &&  _vm.invoiceDetail.shippingZip !== '')?_c('span'):_vm._e()]),(_vm.invoiceDetail.shippingZip !== '')?_c('span',[_vm._v(\"-\"+_vm._s(_vm.invoiceDetail.shippingZip)+\" \")]):_vm._e()]):_c('p',{staticClass:\"text-text1 heading-7\"},[_vm._v(\"-\")])])]),_c('div',{staticClass:\"card bg-white rounded-xl p-4 mb-4\"},[_c('div',{staticClass:\"text-gray4 flex justify-between mb-4\"},[_c('div',[_c('p',[_vm._v(\"Sales Person\")]),(_vm.invoiceDetail.salesPersonName !== '')?_c('p',{staticClass:\"text-text2\"},[_vm._v(_vm._s(_vm.invoiceDetail.salesPersonName))]):_c('p',{staticClass:\"text-text2\"},[_vm._v(\"-\")])]),_c('div',[_c('p',[_vm._v(\"Created By\")]),_c('p',{staticClass:\"text-text1 text-right\"},[_vm._v(_vm._s(_vm.invoiceDetail.createdByUserFirstName)+\" \"+_vm._s(_vm.invoiceDetail.createdByUserLastName))])])])]),(_vm.invoiceDetail.jobList.length > 0)?_c('div',{staticClass:\"card bg-white rounded-xl p-4 mb-4\"},[_c('div',{staticClass:\"text-gray4 flex justify-between\"},[_c('div',[_c('p',[_vm._v(\"Job\")]),_c('p',{staticClass:\"text-primary cursor-pointer\",on:{\"click\":function($event){return _vm.$router.push({name: 'jobDetail', params: {jobId: _vm.invoiceDetail.jobList[0].jobId}})}}},[_vm._v(_vm._s(_vm.invoiceDetail.jobList[0].jobTitle))])])])]):_vm._e(),(_vm.invoiceDetail.visitList.length > 0)?_c('div',{staticClass:\"card bg-white rounded-xl p-4 mb-4\"},[_c('div',{staticClass:\"text-gray4 flex justify-between\"},[_c('div',[_c('p',[_vm._v(\"Visit\")]),_c('p',{staticClass:\"text-primary cursor-pointer\",on:{\"click\":function($event){return _vm.$router.push({name: 'visitDetail', params: {visitId: _vm.invoiceDetail.visitList[0].visitId}})}}},[_vm._v(_vm._s(_vm.invoiceDetail.visitList[0].jobTitle))])])])]):_vm._e()]),_c('div',{staticClass:\"col-span-8 2xl:col-span-6 mb-10\"},[_c('div',{staticClass:\"card bg-white rounded-xl p-4 mb-4\"},[(_vm.invoiceDetail.selectedItemList.length > 0)?_c('div',{},[_c('p',{staticClass:\"text-gray4 heading-4 font-bold mb-4\"},[_vm._v(\"Items list:\")]),_vm._l((_vm.invoiceDetail.selectedItemList),function(data,index){return _c('div',{key:index,staticClass:\"px-4 cursor-pointer hover:bg-gray1 border-b py-2\",on:{\"click\":function($event){return _vm.showItemDetail(data)}}},[_c('div',{staticClass:\"text-text2 text-sm flex mb-2 font-bold justify-between\"},[_c('p',{staticClass:\"pr-4\"},[_vm._v(_vm._s(data.itemName))]),_c('p',{},[_vm._v(_vm._s(_vm._f(\"amountOnlyNumber\")(data.itemAmount)))])]),_c('div',{staticClass:\"text-text2 flex\"},[_c('p',{staticClass:\"w-32 sm:w-72 heading-6\"},[_vm._v(_vm._s(_vm._f(\"amountOnlyNumber\")(data.itemPrice)))]),_c('span',{staticClass:\"w-72 heading-6\"},[_vm._v(\"Qty:\"+_vm._s(data.itemQty)+\" \"),(data.isTaxable)?_c('span',{staticClass:\"pl-4\"},[_vm._v(\"Taxed\")]):_vm._e()])]),_c('div',{staticClass:\"text-text2 flex\"},[_c('p',{staticClass:\"heading-7 text-gray4\"},[_vm._v(_vm._s(data.itemDescription.substr(0, 100))+\" \"),(data.itemDescription.length > 100)?_c('span',[_vm._v(\"...\")]):_vm._e()])])])})],2):_vm._e(),_c('div',{staticClass:\"flex justify-between py-1 px-4\"},[_c('p',{staticClass:\"text-text2 font-bold w-full text-right\"},[_vm._v(\"Items Total (A):\")]),_c('p',{staticClass:\"text-text2 font-bold w-full text-right\"},[_vm._v(_vm._s(_vm._f(\"amountOnlyNumber\")(_vm.invoiceDetail.subTotal.toFixed(2))))])]),_c('div',{staticClass:\"divider mt-2\"}),_vm._l((_vm.finalTaxList),function(taxes,index){return _c('div',{key:index,staticClass:\"hover:bg-gray1 border-b py-2 heading-6\"},[_c('div',{staticClass:\"px-4 cursor-pointer\",on:{\"click\":function($event){return _vm.showBreakDownDetail(taxes.taxId)}}},[_c('div',{staticClass:\"flex w-full justify-between\"},[_c('div',{staticClass:\"text-gray4 w-28 sm:w-32\"},[_vm._v(_vm._s(taxes.taxName.substr(0, 20))+\" \"),(taxes.taxName.length > 20)?_c('span',[_vm._v(\"...\")]):_vm._e(),_c('p',{staticClass:\"text-gray4 flex sm:hidden sm:w-32\"},[_vm._v(\"(\"+_vm._s(taxes.taxValue.toFixed(3))+\" %)\")])]),_c('p',{staticClass:\"text-gray4 hidden sm:flex w-20 sm:w-32\"},[_vm._v(\"(\"+_vm._s(taxes.taxValue.toFixed(3))+\" %)\")]),_c('p',{staticClass:\"text-gray4 sm:w-32 text-right\"},[_vm._v(_vm._s(_vm._f(\"amountOnlyNumber\")(taxes.ammount.toFixed(2))))])])])])}),_c('div',{staticClass:\"flex justify-between py-2 px-4\"},[_c('p',{staticClass:\"text-text2 font-bold w-full text-right\"},[_vm._v(\"Total Tax (B):\")]),_c('p',{staticClass:\"text-text2 font-bold w-full text-right\"},[_vm._v(_vm._s(_vm._f(\"amountOnlyNumber\")(_vm.taxesAmmount.toFixed(2))))])]),_c('div',{staticClass:\"divider my-2\"}),_c('div',{staticClass:\"flex justify-between pt-2 px-4\"},[_c('p',{staticClass:\"text-text2 font-bold w-full text-right\"},[_vm._v(\"Total (A + B):\")]),_c('p',{staticClass:\"text-text2 font-bold w-full text-right\"},[_vm._v(_vm._s(_vm._f(\"amountOnlyNumber\")(_vm.invoiceDetail.grandTotal.toFixed(2))))])]),(_vm.invoiceDetail.totalPaymentRecord > 0)?_c('div',{staticClass:\"px-4 flex justify-between pb-2 pt-1\"},[_c('p',{staticClass:\"text-success w-full text-right\"},[_vm._v(\"Payment Recorded:\")]),_c('p',{staticClass:\"text-success font-bold w-full text-right\"},[_vm._v(_vm._s(_vm._f(\"amountOnlyNumber\")(_vm.invoiceDetail.totalPaymentRecord.toFixed(2))))])]):_vm._e(),_c('div',{staticClass:\"divider my-2\"}),(_vm.invoiceDetail.grandTotal - _vm.invoiceDetail.totalPaymentRecord > 0)?_c('div',{staticClass:\"flex justify-between pb-2 pt-1 px-4\"},[_c('p',{staticClass:\"text-error w-full font-bold text-right\"},[_vm._v(\"Due:\")]),_c('p',{staticClass:\"text-error w-full font-bold text-right\"},[_vm._v(_vm._s(_vm._f(\"amountOnlyNumber\")((_vm.invoiceDetail.grandTotal - _vm.invoiceDetail.totalPaymentRecord).toFixed(2))))])]):_vm._e(),(_vm.invoiceDetail.invoiceStatusId !== 4)?_c('div',{staticClass:\"flex justify-end mt-2 px-4\"},[_c('div',{},[_c('Button',{attrs:{\"btnSize\":'large',\"textColor\":'white',\"btnColor\":'success',\"btnText\":'Record Payment'},on:{\"buttonAction\":function($event){return _vm.recordPayment()}}})],1)]):_vm._e()],2),(_vm.invoicePaymentRecords.length > 0)?_c('div',{staticClass:\"card bg-white rounded-xl p-4 mb-4\"},[_c('div',{staticClass:\"flex items-center justify-between cursor-pointer\",on:{\"click\":function($event){$event.stopPropagation();_vm.displayTagSelects = !_vm.displayTagSelects}}},[_c('p',{staticClass:\"text-success heading-4 font-bold\"},[_vm._v(_vm._s(_vm.invoicePaymentRecords.length)+\" Payment Entry\"+_vm._s(_vm.invoicePaymentRecords.length > 1 ?'s' : ''))]),_c('span',{staticClass:\"right-6\"},[(_vm.displayTagSelects)?_c('p',[_c('i',{staticClass:\"fas fa-chevron-up text-primary heading-5\"})]):_vm._e(),(!_vm.displayTagSelects)?_c('span',[_c('i',{staticClass:\"fas fa-chevron-down text-primary heading-5\"})]):_vm._e()])]),_c('div',[(_vm.displayTagSelects)?_c('div',{staticStyle:{\"overflow-y\":\"auto\",\"white-space\":\"nowrap\"}},_vm._l((_vm.invoicePaymentRecords),function(data,index){return _c('div',{key:index,staticClass:\"cust_card m-2 heading-3 border-b border-gray1 bg-white text-sm px-3 py-3 items-center hover:bg-gray1 cursor-pointer\",on:{\"click\":function($event){return _vm.paymentDetail(data.paymentId)}}},[_c('div',{staticClass:\"flex items-center justify-between\"},[_c('p',{staticClass:\"text-gray4 heading-5\"},[_vm._v(_vm._s(_vm._f(\"formatDateTime2\")(data.addedDate)))]),_c('p',{staticClass:\"text-gray4 heading-5 pr-2\"},[_vm._v(_vm._s(_vm._f(\"amountOnlyNumber\")((data.paymentAmount).toFixed(2))))])]),_c('div',{staticClass:\"flex items-center justify-between\"},[_c('p',{staticClass:\"text-text2 heading-6\"},[_vm._v(_vm._s(data.paymentMethodName))]),_c('p',{staticClass:\"text-text2 heading-6 pr-2\"},[_vm._v(\"Recorded By \"+_vm._s(data.createdByUserFirstName)+\" \"+_vm._s(data.createdByUserLastName))])])])}),0):_vm._e()])]):_vm._e()])])]),(_vm.editConfirmation)?_c('ConfirmBox',{attrs:{\"yesConfir\":true,\"inputLable\":`Type \"Yes\" in below text box to edit invoice`,\"message\":'If you edit your invoice the invoice status may change to Partially Paid.',\"title\":'Are you sure?'}}):_vm._e(),(_vm.removeConfirm && _vm.invoicePaymentRecords.length === 0)?_c('ConfirmBox',{attrs:{\"message\":'Once deleted cannot undone.',\"title\":'Are you sure?'}}):_vm._e(),(_vm.removeConfirm && _vm.invoicePaymentRecords.length > 0)?_c('ConfirmBox',{attrs:{\"warning\":true,\"message\":'One or more payment is linked, please remove/delete payments associated with this invoice.',\"title\":'Cant delete - payment exists'}}):_vm._e(),(_vm.itemdetailShow)?_c('ItemDetail',{attrs:{\"itemDetail\":_vm.selectedItemDetails}}):_vm._e(),(_vm.itemBreakDonwShow)?_c('TaxBreakDown',{attrs:{\"vissibleTaxId\":_vm.vissibleTaxId,\"itemList\":_vm.invoiceDetail.selectedItemList}}):_vm._e(),(_vm.isSendInvoiceEmail)?_c('SendBokkingCon',{attrs:{\"entitySlug\":'invoice',\"detailId\":parseInt(this.invoiceDetail.invoiceId),\"customerId\":_vm.invoiceDetail.customerId}}):_vm._e()],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.itemInfo !== null)?_c('div',{staticClass:\"popup_overlay px-4\"},[_c('div',{staticClass:\"custom_dialog rounded-xl\",staticStyle:{\"width\":\"800px\",\"overflow\":\"auto\",\"max-height\":\"85%\"}},[_c('div',{staticClass:\"relative\"},[_c('div',[_vm._m(0),_c('div',{staticClass:\"p-4\"},[_c('p',{staticClass:\"text-text2 heading-2 font-bold\"},[_vm._v(_vm._s(_vm.itemInfo.itemName))]),_c('p',{staticClass:\"text-gray4 mb-4\"},[_vm._v(_vm._s(_vm.itemInfo.itemCode))]),_c('div',{staticClass:\"flex text-gray3 mb-4 px-4 justify-between\"},[_c('div',[_c('p',[_vm._v(\"Item Qty\")]),_c('p',{staticClass:\"text-text2\"},[_vm._v(_vm._s(_vm.itemInfo.itemQty))])]),_c('div',[_c('p',[_vm._v(\"Item Price\")]),_c('p',{staticClass:\"text-text2\"},[_vm._v(_vm._s(_vm._f(\"amountOnlyNumber\")(_vm.itemInfo.itemPrice)))])]),_c('div',[_c('p',[_vm._v(\"Item Total (A)\")]),_c('p',{staticClass:\"text-text2 text-right\"},[_vm._v(_vm._s(_vm._f(\"amountOnlyNumber\")(_vm.itemInfo.itemAmount)))])])]),_c('div',{staticClass:\"divider my-2\"}),_c('div',[_c('p',{staticClass:\"text-text2 font-bold\"},[_vm._v(\"Item Taxable:\")]),_c('div',[_vm._l((_vm.finalTaxList),function(taxes,index){return _c('div',{key:index,staticClass:\"flex border-b py-2 heading-6\"},[_c('div',{staticClass:\"w-full px-4\"},[_c('div',{staticClass:\"flex justify-between\"},[_c('div',{staticClass:\"text-gray4\"},[_vm._v(_vm._s(taxes.taxName.substr(0, 20))+\" \"),(taxes.taxName.length > 20)?_c('span',[_vm._v(\"...\")]):_vm._e(),_c('p',{staticClass:\"text-gray4\"},[_vm._v(\"(\"+_vm._s(taxes.taxValue)+\" %)\")])]),_c('div',[_c('p',{staticClass:\"text-gray4 text-right\"},[_vm._v(_vm._s(_vm._f(\"amountOnlyNumber\")(taxes.ammount.toFixed(2))))])])])])])}),_c('div',{staticClass:\"flex justify-between px-4 border-b py-2 heading-6\"},[_c('div',{staticClass:\"text-gray4\"},[_vm._v(\"Total Tax (B)\")]),_c('div',[_c('p',{staticClass:\"text-gray4 text-right\"},[_vm._v(_vm._s(_vm._f(\"amountOnlyNumber\")(_vm.taxesAmmount.toFixed(2))))])])])],2)]),_c('div',{staticClass:\"flex justify-between pt-2 px-4\"},[_c('p',{staticClass:\"text-text2 font-bold w-full text-right\"},[_vm._v(\"Total (A + B):\")]),_c('p',{staticClass:\"text-text2 font-bold w-full text-right\"},[_vm._v(_vm._s(_vm._f(\"amountOnlyNumber\")((_vm.taxesAmmount + _vm.itemInfo.itemAmount).toFixed(2))))])]),_c('div',[_c('p',{staticClass:\"text-text1 font-bold\"},[_vm._v(\"Item Description:\")]),(_vm.itemInfo.itemDescription !== '')?_c('p',{staticClass:\"text-gray4\"},[_vm._v(_vm._s(_vm.itemInfo.itemDescription))]):_c('p',{staticClass:\"text-gray4\"},[_vm._v(\"-\")])])])]),_c('div',{staticClass:\"sticky bottom-0 bg-white w-full flex justify-end pr-3\"},[_c('div',{staticClass:\"text-rigth flex gap-2 mb-3\"},[_c('Button',{attrs:{\"btnSize\":'medium',\"textColor\":'white',\"btnColor\":'success',\"btnText\":'Close'},on:{\"buttonAction\":function($event){return _vm.closeDetail()}}})],1)])])])]):_vm._e()\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bg-primary flex justify-between p-3\"},[_c('div',{staticClass:\"font-medium text-white heading-3\"},[_vm._v(\" Item Detail \")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div v-if=\"itemInfo !== null\" class=\"popup_overlay px-4\">\n    <div class=\"custom_dialog rounded-xl\" style=\"width: 800px; overflow: auto; max-height: 85%;\">\n      <div class=\"relative\">\n        <div>\n          <div class=\"bg-primary flex justify-between p-3\">\n            <div class=\" font-medium text-white heading-3\">\n              Item Detail\n            </div>\n          </div>\n          <div class=\"p-4\">\n            <p class=\"text-text2 heading-2 font-bold\">{{itemInfo.itemName}}</p>\n            <p class=\"text-gray4 mb-4\">{{itemInfo.itemCode}}</p>\n            <div class=\"flex text-gray3 mb-4 px-4 justify-between\">\n              <div>\n                <p>Item Qty</p>\n                <p class=\"text-text2\">{{itemInfo.itemQty}}</p>\n              </div>\n              <div>\n                <p>Item Price</p>\n                <p class=\"text-text2\">{{itemInfo.itemPrice | amountOnlyNumber}}</p>\n              </div>\n              <div>\n                <p>Item Total (A)</p>\n                <p class=\"text-text2 text-right\">{{itemInfo.itemAmount | amountOnlyNumber}}</p>\n              </div>\n            </div>\n            <div class=\"divider my-2\"></div>\n             <div>\n                <p class=\"text-text2 font-bold\">Item Taxable:</p>\n                <div>\n                  <div v-for=\"(taxes, index) in finalTaxList\" :key=\"index\" class=\"flex border-b py-2 heading-6\">\n                        <div class=\"w-full px-4\">\n                            <div class=\"flex justify-between\">\n                                <div class=\"text-gray4\">{{taxes.taxName.substr(0, 20)}} <span v-if=\"taxes.taxName.length > 20\">...</span>\n                                <p class=\"text-gray4\">({{taxes.taxValue}} %)</p>\n                                </div>\n                                \n                                <div>\n                                  <p class=\"text-gray4 text-right\">{{taxes.ammount.toFixed(2) | amountOnlyNumber}}</p>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                  <div  class=\"flex justify-between px-4 border-b py-2 heading-6\">\n                        <div class=\"text-gray4\">Total Tax (B)</div>\n                            <div>\n                              <p class=\"text-gray4 text-right\">{{taxesAmmount.toFixed(2) | amountOnlyNumber}}</p>\n                            </div>\n                    </div>\n                </div>\n              </div>\n              <div class=\"flex justify-between pt-2 px-4\">\n                  <p class=\"text-text2 font-bold w-full text-right\">Total (A + B):</p>\n                  <p class=\"text-text2 font-bold w-full text-right\">{{(taxesAmmount + itemInfo.itemAmount).toFixed(2) | amountOnlyNumber}}</p>\n              </div>\n              <div>\n                <p class=\"text-text1 font-bold\">Item Description:</p>\n                <p v-if=\"itemInfo.itemDescription !== ''\" class=\"text-gray4\">{{itemInfo.itemDescription}}</p>\n                <p v-else class=\"text-gray4\">-</p>\n              </div>\n          </div>\n\n        </div>\n          <div class=\" sticky bottom-0 bg-white w-full flex justify-end pr-3\">\n            <div class=\"text-rigth flex gap-2 mb-3\">\n                <Button :btnSize=\"'medium'\" :textColor=\"'white'\" :btnColor=\"'success'\" :btnText=\"'Close'\" @buttonAction=\"closeDetail()\"/>\n            </div>\n            </div>\n        </div>\n    </div>\n  </div>\n</template>\n<script>\nimport Button from '@/View/components/globalButton.vue'\nexport default {\n  name: 'sendEmail',\n  components: {\n    Button,\n  },\n  data () {\n    return {\n      itemInfo: null,\n      finalTaxList: [],\n      taxesAmmount: 0\n    }\n  },\n  props: ['itemDetail'],\n   created() {\n  },\n  mounted () {\n    this.itemInfo = this.itemDetail\n    if (this.itemDetail !== null) {\n      this.calculateTaxes(this.itemDetail.taxRateList, this.itemDetail.itemAmount)\n    }\n    document.body.style = 'overflow: hidden;'\n  },\n  watch: {},\n  methods: {\n    calculateTaxes (list, itemAmount) {\n\n       list.map((rate) => {\n          let itemTaxamount = itemAmount * rate.taxValue / 100\n          let fIndex = this.finalTaxList.findIndex(x => x.taxId === rate.taxId)\n          if (fIndex >= 0) {\n              this.finalTaxList[fIndex].ammount += itemTaxamount\n          } else {\n              let obj = {\n                  taxName: rate.taxName,\n                  taxValue: rate.taxValue,\n                  ammount: itemTaxamount,\n                  taxId: rate.taxId\n              }\n              this.finalTaxList.push(obj)\n          }\n      })\n      this.finalTaxList.map(data=> {\n            this.taxesAmmount += data.ammount\n        })\n    },\n    closeDetail () {\n        document.body.style = 'overflow: visible;'\n      this.$root.$emit('closeItemDetailHandler', false)\n    },\n  },\n  beforeDestroy () {\n    // this.$root.$off('closeProfileDialog')\n  }\n}\n</script>\n<style scoped>\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!./ItemDetail.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!./ItemDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ItemDetail.vue?vue&type=template&id=84f47ff8&scoped=true&\"\nimport script from \"./ItemDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./ItemDetail.vue?vue&type=script&lang=js&\"\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  \"84f47ff8\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.maiTaxList !== null)?_c('div',{staticClass:\"popup_overlay px-4\"},[_c('div',{staticClass:\"custom_dialog rounded-xl\",staticStyle:{\"width\":\"800px\",\"overflow\":\"auto\",\"max-height\":\"85%\"}},[_c('div',{staticClass:\"relative bg-screen_bg\"},[_c('div',[_vm._m(0),_vm._l((_vm.finalTaxList),function(tax,i){return _c('div',{key:i,staticClass:\"px-4 mb-4\"},[_c('div',{staticClass:\"card cursor-pointer text-text2 p-4 rounded-xl bg-white\",on:{\"click\":function($event){return _vm.setVisibleTax(tax.taxId)}}},[_c('p',{staticClass:\"flex justify-between\"},[_c('span',{staticClass:\"font-bold\"},[_vm._v(_vm._s(tax.taxName))]),_c('span',{staticClass:\"font-bold\"},[_vm._v(_vm._s(_vm._f(\"amountOnlyNumber\")(tax.ammount.toFixed(2))))])]),_c('p',{staticClass:\"heading-7\"},[_vm._v(_vm._s(tax.taxValue.toFixed(3))+\"%\")]),(tax.visible)?_c('div',{},[_c('div',{staticClass:\"divider\"}),_vm._l((tax.list),function(item,ind){return _c('div',{key:ind,class:`${ind < tax.list.length - 1 ? 'border-b' : '' } py-2 px-2`},[_c('p',{staticClass:\"flex justify-between\"},[_c('span',[_vm._v(_vm._s(item.itemName))]),_c('span',[_vm._v(_vm._s(_vm._f(\"amountOnlyNumber\")(item.taxPrice.toFixed(2))))])]),_c('div',{staticClass:\"heading-7 flex\"},[_c('p',{staticClass:\"w-44\"},[_vm._v(_vm._s(item.itemPrice.toFixed(2)))]),_c('span',[_vm._v(\"Qty:\"+_vm._s(item.qunty))])])])})],2):_vm._e()])])})],2),_c('div',{staticClass:\"sticky bottom-0 bg-screen_bg w-full flex justify-end pr-3\"},[_c('div',{staticClass:\"text-rigth flex gap-2 mb-3\"},[_c('Button',{attrs:{\"btnSize\":'medium',\"textColor\":'white',\"btnColor\":'success',\"btnText\":'Close'},on:{\"buttonAction\":function($event){return _vm.closeDetail()}}})],1)])])])]):_vm._e()\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bg-primary flex justify-between p-3 mb-4\"},[_c('div',{staticClass:\"font-medium text-white heading-3\"},[_vm._v(\" Tax Break Down \")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div v-if=\"maiTaxList !== null\" class=\"popup_overlay px-4\">\n    <div class=\"custom_dialog rounded-xl \" style=\"width: 800px; overflow: auto; max-height: 85%;\">\n      <div class=\"relative bg-screen_bg\">\n        <div>\n          <div class=\"bg-primary flex justify-between p-3 mb-4\">\n            <div class=\" font-medium text-white heading-3\">\n              Tax Break Down\n            </div>\n          </div>\n          <div v-for=\"(tax, i) in finalTaxList\" :key=\"i\" class=\"px-4 mb-4\">\n            <div @click=\"setVisibleTax(tax.taxId)\" class=\"card cursor-pointer text-text2 p-4 rounded-xl bg-white\">\n                <p class=\" flex justify-between\">\n                    <span class=\" font-bold\">{{tax.taxName}}</span> \n                    <span class=\"font-bold\">{{tax.ammount.toFixed(2) | amountOnlyNumber }}</span>\n                </p>\n                <p class=\"heading-7\">{{tax.taxValue.toFixed(3)}}%</p>\n                <div v-if=\"tax.visible\" class=\"\">\n                  <div class=\"divider\"></div>\n                    <div v-for=\"(item, ind) in tax.list\" :key=\"ind\" :class=\"`${ind < tax.list.length - 1 ? 'border-b' : '' } py-2 px-2`\">\n                            <p class=\" flex justify-between\">\n                                <span>{{item.itemName}}</span> \n                                <span>{{item.taxPrice.toFixed(2) | amountOnlyNumber}}</span>\n                            </p>\n                    <div class=\"heading-7 flex\">\n                        <p class=\" w-44\">{{item.itemPrice.toFixed(2)}}</p>\n                        <span>Qty:{{item.qunty}}</span>\n                    </div>\n                    </div>\n                </div>\n            </div>\n          </div>\n\n        </div>\n          <div class=\" sticky bottom-0 bg-screen_bg w-full flex justify-end pr-3\">\n            <div class=\"text-rigth flex gap-2 mb-3\">\n                <Button :btnSize=\"'medium'\" :textColor=\"'white'\" :btnColor=\"'success'\" :btnText=\"'Close'\" @buttonAction=\"closeDetail()\"/>\n            </div>\n            </div>\n        </div>\n    </div>\n  </div>\n</template>\n<script>\nimport Button from '@/View/components/globalButton.vue'\nexport default {\n  name: 'sendEmail',\n  components: {\n    Button,\n  },\n  data () {\n    return {\n      maiTaxList: [],\n      finalTaxList: [],\n      taxesAmmount: 0,\n      visibleTaxId: 0\n    }\n  },\n  props: ['itemList', 'vissibleTaxId'],\n   created() {\n  },\n  mounted () {\n    this.visibleTaxId = this.vissibleTaxId\n    console.log(\"itemList\", this.itemList);\n    this.maiTaxList = this.itemList\n    if (this.itemList.length > 0) {\n        this.calculateTaxes(this.itemList)\n    }\n    document.body.style = 'overflow: hidden;'\n  },\n  watch: {},\n  methods: {\n    closeDetail () {\n        document.body.style = 'overflow: visible;'\n      this.$root.$emit('closeBreackDownHandler', false)\n    },\n    setVisibleTax (taxId) {\n      let fIndex = this.finalTaxList.findIndex(x => x.taxId === taxId)\n      this.finalTaxList[fIndex].visible = !this.finalTaxList[fIndex].visible\n    },\n    calculateTaxes (itemList) {\n        let list = itemList\n        list.map((data) => {\n            let itemAmount = data.itemAmount\n            data.taxRateList.map((rate) => {\n                let itemTaxamount = itemAmount * rate.taxValue / 100\n                let fIndex = this.finalTaxList.findIndex(x => x.taxId === rate.taxId)\n                if (fIndex >= 0) {\n                    this.finalTaxList[fIndex].ammount += itemTaxamount\n                    this.finalTaxList[fIndex].list.push({itemName:data.itemName, taxPrice: itemTaxamount, itemPrice: data.itemPrice, qunty: data.itemQty  })\n                } else {\n                    let obj = {\n                        visible: false,\n                        taxName: rate.taxName,\n                        taxValue: rate.taxValue,\n                        ammount: itemTaxamount,\n                        taxId: rate.taxId,\n                        list: [{itemName:data.itemName, taxPrice: itemTaxamount, itemPrice: data.itemPrice, qunty: data.itemQty  }]\n                    }\n                    this.finalTaxList.push(obj)\n                }\n            })\n            \n        })\n        setTimeout(() => {\n            this.setVisibleTax(this.visibleTaxId)\n        }, 500);\n        this.finalTaxList.map(data=> {\n            this.taxesAmmount += data.ammount\n        })\n    }\n  },\n  beforeDestroy () {\n    // this.$root.$off('closeProfileDialog')\n  }\n}\n</script>\n<style scoped>\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!./TaxBreakDown.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!./TaxBreakDown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TaxBreakDown.vue?vue&type=template&id=e75a8f8c&scoped=true&\"\nimport script from \"./TaxBreakDown.vue?vue&type=script&lang=js&\"\nexport * from \"./TaxBreakDown.vue?vue&type=script&lang=js&\"\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  \"e75a8f8c\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div v-if=\"invoiceDetail !== null\" class=\"mt-4\">\n    <div class=\"card top_primary_card bg-primary font-bold text-white p-2 rounded-xl  w-full\">\n      <div class=\"flex justify-between items-center\">\n        <h1 class=\"heading-2 text-center\">Invoice Number:  #{{invoiceDetail.invoiceNumber}}</h1>\n        <div class=\"flex items-center gap-3\">\n          <!-- <div class=\" text-error heading-4 cursor-pointer bg-white px-3 py-1 rounded-xl\" @click=\"removeConfirm = true\">\n            <i class=\"fa-solid fa-trash\"></i>\n          </div> -->\n           <div class=\" text-primary heading-3 cursor-pointer bg-white px-3 py-1 rounded-xl\" @click.stop=\"isSendEmail()\">\n            <i class=\"fas fa-envelope\"></i>\n          </div>\n          <div v-if=\"invoiceDetail.invoiceStatusName.toLowerCase() === 'paid'\" class=\" text-primary heading-4 cursor-pointer bg-white px-2.5 py-1 rounded-xl\" @click=\"editConfirmation = true\">\n            <i class=\"fa-solid fa-pen-to-square\"></i>\n          </div>\n          <div v-else class=\" text-primary heading-4 cursor-pointer bg-white px-2.5 py-1 rounded-xl\" @click=\"updateInvoice\">\n            <i class=\"fa-solid fa-pen-to-square\"></i>\n          </div>\n          <div class=\"relative\">\n                <div class=\" text-primary heading-3 cursor-pointer bg-white px-3 py-1 rounded-xl\" @click.stop=\"showMenuList = true\">\n                  <i class=\"fas fa-ellipsis-v\"></i>\n                </div>\n                <div v-if=\"showMenuList\">\n                  <div v-click-outside=\"closeList\">\n                    <div class=\" bg-white absolute z-10 right-3 shadow-2xl rounded top-10 w-64\">\n                        <div class=\"p-2 text-text2 font-medium text-center\">\n                          <!-- <div @click.stop=\"isSendEmail()\" class=\"p-2 cursor-pointer hover:bg-blue-50\">\n                            <span class=\"py-1\">Delete invoice</span>\n                          </div> -->\n                          <div class=\"p-2 cursor-pointer hover:bg-red-50\" @click=\"removeConfirm = true\">\n                            <span class=\"py-1 text-error\">Delete Invoice</span>\n                          </div>\n                        </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            <!-- <span  @click=\"removeConfirm = true\" class=\"text-error cursor-pointer heading-4\">\n                <i class=\"fa-solid fa-trash\"></i>\n                </span>\n              <span @click=\"updateInvoice(item)\" class=\"cursor-pointer text-white heading-4\"><i class=\"fa-solid fa-pen-to-square\"></i></span> -->\n        </div>\n      </div>\n    </div>\n    <div class=\"py-2\">\n      <div class=\"card bg-white rounded-xl p-4 my-2\" v-if=\"invoiceDetail.notes !== ''\">\n        <div class=\"text-gray3 font-bold\">Invoice Note </div>\n        <div class=\"text-text1 heading-5\">{{invoiceDetail.notes}}</div>\n      </div>\n    </div>\n    <div>\n         <div class=\"lg:grid grid-cols-12 gap-4\">\n            <div class=\"col-span-4 2xl:col-span-4\">\n              <div class=\"card bg-white rounded-xl p-4 mb-4\">\n                    <div class=\"mb-4\">\n                      <!-- <span v-if=\"isCustomerPermission\" class=\"text-primary heading-2  font-bold cursor-pointer\" @click=\"$router.push({name: 'customerDetails', params: {customerId: invoiceDetail.customerId}})\">{{invoiceDetail.companyName}}</span>\n                        <span v-else class=\"text-primary heading-2  font-bold\" >{{invoiceDetail.companyName}}</span> -->\n                        <div class=\"flex justify-between\">\n                <div class=\"\">\n                <span v-if=\"isCustomerPermission\" class=\"cursor-pointer text-primary font-semibold heading-2\" @click.stop=\"customerDetail()\">{{invoiceDetail.companyName}} ({{ invoiceDetail.isLead ? 'Lead' : 'Customer' }})</span>\n                <span v-else class=\"text-primary font-semibold heading-2\">{{invoiceDetail.companyName}} ({{ invoiceDetail.isLead ? 'Lead' : 'Customer' }})</span>\n                </div>\n                <div v-if=\"invoiceDetail.customerHotNotes !== ''\" class=\" text-right\">\n                  <span class=\"cursor-pointer text-primary heading-7\" @click.stop=\"showHotNOtes = !showHotNOtes\"> {{showHotNOtes ? 'Hide' : 'Show'}} hot notes</span>\n                </div>\n              </div>\n              <div v-if=\"showHotNOtes\" class=\"\">\n                  <span class=\"cursor-pointer text-secondary\">\n                    {{invoiceDetail.customerHotNotes}}\n                  </span>\n                </div>\n                    </div>\n                    <div class=\" flex justify-between\">\n                      <div class=\" mb-4\">\n                        <p class=\"text-gray4\">Invoice Date</p>\n                        <p class=\"font-bold text-text1\">{{invoiceDetail.invoiceDate | formatForDatePicker}}</p>\n                    </div>\n                    <div class=\" mb-4\">\n                        <p class=\"text-gray4 text-right\">Due Date</p>\n                        <p class=\"font-bold text-text1 text-right\">{{invoiceDetail.dueDate | formatForDatePicker}}</p>\n                    </div>\n                    \n                    </div>\n                    <div class=\" mb-4\">\n                        <p class=\"text-gray4\">Status</p>\n                        <p :style=\"`color: ${invoiceDetail.invoiceStatusColor}`\" class=\"font-bold text-text2\">{{invoiceDetail.invoiceStatusName}}</p>\n                    </div>\n                    <div class=\"mb-4\">\n                        <p class=\"text-gray4 \">Billing Address:</p>\n                        <p class=\"text-text1 heading-7\" v-if=\"invoiceDetail.billingLine1 !== '' ||  invoiceDetail.billingLine2 !== '' ||  invoiceDetail.billingCity !== '' || invoiceDetail.billingState !== '' || invoiceDetail.billingZip !== ''\">\n                            <span>{{invoiceDetail.billingLine1}}<span v-if=\"invoiceDetail.billingLine1 !== '' &&  invoiceDetail.billingLine2 !== ''\">, </span></span>\n                            <span>{{invoiceDetail.billingLine2}}<span v-if=\"invoiceDetail.billingLine2 !== '' &&  invoiceDetail.billingCity !== ''\">, </span></span>\n                            <span>{{invoiceDetail.billingCity}}<span v-if=\"invoiceDetail.billingCity !== '' &&  invoiceDetail.billingState !== ''\">, </span></span>\n                            <span>{{invoiceDetail.billingState}} <span v-if=\"invoiceDetail.billingState !== '' &&  invoiceDetail.billingZip !== ''\"></span></span>\n                            <span v-if=\"invoiceDetail.billingZip !== ''\">-{{invoiceDetail.billingZip}} </span>\n                         </p>\n                         <p class=\"text-text1 heading-7\" v-else>-</p>\n                    </div>\n                    <div>\n                        <p class=\"text-gray4 \">Shipping Address:</p>\n                        <p class=\"text-text1 heading-7\" v-if=\"invoiceDetail.shippingLine1 !== '' ||  invoiceDetail.shippingLine2 !== '' || invoiceDetail.shippingCity !== '' || invoiceDetail.shippingState !== '' || invoiceDetail.shippingZip !== ''\">\n                            <span>{{invoiceDetail.shippingLine1}} <span v-if=\"invoiceDetail.shippingLine1 !== '' &&  invoiceDetail.shippingLine2 !== ''\">, </span></span> \n                            <span>{{invoiceDetail.shippingLine2}}<span v-if=\"invoiceDetail.shippingLine2 !== '' &&  invoiceDetail.shippingCity !== ''\">, </span></span>\n                            <span>{{invoiceDetail.shippingCity}}<span v-if=\"invoiceDetail.shippingCity !== '' &&  invoiceDetail.shippingState !== ''\">, </span></span>\n                            <span>{{invoiceDetail.shippingState}} <span v-if=\"invoiceDetail.shippingState !== '' &&  invoiceDetail.shippingZip !== ''\"></span></span>\n                            <span v-if=\"invoiceDetail.shippingZip !== ''\">-{{invoiceDetail.shippingZip}} </span>\n                         </p>\n                         <p class=\"text-text1 heading-7\" v-else>-</p>\n                    </div>\n              </div>\n              <div class=\"card bg-white rounded-xl p-4 mb-4\">\n                <div class=\"text-gray4 flex justify-between mb-4\">\n                  <div>\n                    <p>Sales Person</p>\n                    <p v-if=\"invoiceDetail.salesPersonName !== ''\" class=\"text-text2\">{{invoiceDetail.salesPersonName}}</p>\n                    <p v-else class=\"text-text2\">-</p>\n                  </div>\n                  <div>\n                    <p>Created By</p>\n                    <p class=\"text-text1 text-right\">{{invoiceDetail.createdByUserFirstName}} {{invoiceDetail.createdByUserLastName}}</p>\n                  </div>\n                </div>\n              </div>\n              <div v-if=\"invoiceDetail.jobList.length > 0\" class=\"card bg-white rounded-xl p-4 mb-4\">\n                <div class=\"text-gray4 flex justify-between\">\n                  <div>\n                    <p>Job</p>\n                    <p class=\"text-primary cursor-pointer\" @click=\"$router.push({name: 'jobDetail', params: {jobId: invoiceDetail.jobList[0].jobId}})\">{{invoiceDetail.jobList[0].jobTitle}}</p>\n                  </div>\n                </div>\n              </div>\n              <div v-if=\"invoiceDetail.visitList.length > 0\" class=\"card bg-white rounded-xl p-4 mb-4\">\n                <div class=\"text-gray4 flex justify-between\">\n                  <div>\n                    <p>Visit</p>\n                    <p class=\"text-primary cursor-pointer\" @click=\"$router.push({name: 'visitDetail', params: {visitId: invoiceDetail.visitList[0].visitId}})\">{{invoiceDetail.visitList[0].jobTitle}}</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\" col-span-8 2xl:col-span-6 mb-10\">\n              <div class=\"card bg-white rounded-xl p-4 mb-4\">\n                <div  class=\"\" v-if=\"invoiceDetail.selectedItemList.length > 0\">\n                  <p class=\" text-gray4 heading-4 font-bold mb-4\">Items list:</p>\n                  <div class=\"px-4 cursor-pointer hover:bg-gray1 border-b py-2\" v-for=\"(data, index) in invoiceDetail.selectedItemList\" :key=\"index\" @click=\"showItemDetail(data)\">\n                    <div class=\"text-text2 text-sm flex mb-2 font-bold justify-between\">\n                      <p class=\"pr-4\" >{{data.itemName}}</p>\n                      <p class=\"\" >{{data.itemAmount | amountOnlyNumber}}</p>\n                    </div>\n                    <div class=\"text-text2 flex\">\n                      <p class=\"w-32 sm:w-72 heading-6\">{{data.itemPrice | amountOnlyNumber}}</p>\n                      <span class=\"w-72 heading-6\">Qty:{{data.itemQty}} <span class=\"pl-4\" v-if=\"data.isTaxable\">Taxed</span></span>\n                    </div>\n                    <div class=\"text-text2 flex\">\n                      <p class=\"heading-7 text-gray4\">{{data.itemDescription.substr(0, 100)}} <span v-if=\"data.itemDescription.length > 100\">...</span></p>\n                    </div>\n                  </div>\n                </div>\n                  <div class=\"flex justify-between py-1 px-4\">\n                    <p class=\"text-text2 font-bold w-full text-right\">Items Total (A):</p>\n                    <p class=\"text-text2 font-bold w-full text-right\">{{invoiceDetail.subTotal.toFixed(2) | amountOnlyNumber}}</p>\n                  </div>\n                  <div class=\"divider mt-2\"></div>\n                 <div v-for=\"(taxes, index) in finalTaxList\" :key=\"index\" class=\"hover:bg-gray1 border-b py-2 heading-6\">\n                    <div @click=\"showBreakDownDetail(taxes.taxId)\" class=\"px-4 cursor-pointer\">\n                      <div class=\"flex w-full justify-between \">\n                        <div class=\"text-gray4 w-28 sm:w-32\">{{taxes.taxName.substr(0, 20)}} <span v-if=\"taxes.taxName.length > 20\">...</span>\n                        <p class=\"text-gray4 flex sm:hidden sm:w-32\">({{taxes.taxValue.toFixed(3)}} %)</p>\n                        </div>\n                        <p class=\"text-gray4 hidden sm:flex w-20 sm:w-32\">({{taxes.taxValue.toFixed(3)}} %)</p>\n                        <p class=\"text-gray4 sm:w-32 text-right\">{{taxes.ammount.toFixed(2) | amountOnlyNumber}}</p>\n                      </div>\n                    </div>\n                  </div>\n                  <div class=\"flex justify-between py-2 px-4\">\n                    <p class=\"text-text2 font-bold w-full text-right\">Total Tax (B):</p>\n                    <p class=\"text-text2 font-bold w-full text-right\">{{taxesAmmount.toFixed(2) | amountOnlyNumber}}</p>\n                  </div>\n                  <div class=\"divider my-2\"></div>\n                  <div class=\"flex justify-between pt-2 px-4\">\n                    <p class=\"text-text2 font-bold w-full text-right\">Total  (A + B):</p>\n                    <p class=\"text-text2 font-bold w-full text-right\">{{invoiceDetail.grandTotal.toFixed(2) | amountOnlyNumber}}</p>\n                  </div>\n                  <div v-if=\"invoiceDetail.totalPaymentRecord > 0\" class=\" px-4 flex justify-between pb-2 pt-1\">\n                    <p class=\"text-success w-full text-right\">Payment Recorded:</p>\n                    <p class=\"text-success font-bold w-full text-right\">{{invoiceDetail.totalPaymentRecord.toFixed(2) | amountOnlyNumber}}</p>\n                  </div>\n                  \n                  <div class=\"divider my-2\"></div>\n                  <div v-if=\"invoiceDetail.grandTotal - invoiceDetail.totalPaymentRecord > 0\" class=\"flex justify-between pb-2 pt-1 px-4\">\n                    <p class=\"text-error w-full font-bold text-right\">Due:</p>\n                    <p class=\"text-error w-full font-bold text-right\">{{(invoiceDetail.grandTotal - invoiceDetail.totalPaymentRecord).toFixed(2) | amountOnlyNumber}}</p>\n                  </div>\n                  <div v-if=\"invoiceDetail.invoiceStatusId !== 4\" class=\"flex justify-end mt-2 px-4\">\n                    <div class=\"\">\n                      <Button @buttonAction=\"recordPayment()\" :btnSize=\"'large'\" :textColor=\"'white'\" :btnColor=\"'success'\" :btnText=\"'Record Payment'\"/>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"card bg-white rounded-xl p-4 mb-4\" v-if=\"invoicePaymentRecords.length > 0\">\n                  <div class=\"flex items-center justify-between cursor-pointer\" @click.stop=\"displayTagSelects = !displayTagSelects\">\n                    <p class=\" text-success heading-4 font-bold\">{{invoicePaymentRecords.length}} Payment Entry{{invoicePaymentRecords.length > 1 ?'s' : ''}}</p>\n                    <span class=\"right-6 \">\n                      <p v-if=\"displayTagSelects\"><i class=\"fas fa-chevron-up text-primary heading-5\"></i></p>\n                      <span v-if=\"!displayTagSelects\"><i class=\"fas fa-chevron-down text-primary heading-5\"></i></span>\n                    </span>\n                  </div>\n                  <div>\n                    <div style=\"overflow-y: auto; white-space: nowrap;\" class=\"\" v-if=\"displayTagSelects\">\n                      <div v-for=\"(data, index) in invoicePaymentRecords\" :key=\"index\"  class=\"cust_card m-2  heading-3 border-b border-gray1  bg-white  text-sm px-3 py-3 items-center hover:bg-gray1 cursor-pointer\" @click=\"paymentDetail(data.paymentId)\">\n                        <div class=\"flex items-center justify-between\">\n                          <p class=\"text-gray4 heading-5\">{{data.addedDate | formatDateTime2}}</p>\n                          <p class=\"text-gray4 heading-5 pr-2\">{{(data.paymentAmount).toFixed(2) | amountOnlyNumber}}</p>\n                        </div>\n                        <div class=\"flex items-center justify-between\">\n                          <p class=\"text-text2 heading-6\">{{data.paymentMethodName}}</p>\n                          <p class=\"text-text2 heading-6 pr-2\">Recorded By {{data.createdByUserFirstName}} {{data.createdByUserLastName}}</p>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                  <!-- <div style=\"overflow-y: auto; white-space: nowrap;\" class=\"\">\n                    <div v-if=\"invoicePaymentRecords.length > 0\">\n                        <div class=\"text-gray4  min-w-min border-b border-gray1 font-bold flex heading-7  px-3 py-3 items-center\">\n                          <div class=\"table_col w-32  flex items-center\">\n                            <span class=\"cursor-pointer\">{{titleObj[0].title}}</span>\n                          </div>\n                          <div class=\"table_col w-40  flex items-center\">\n                            <span class=\"cursor-pointer\">{{titleObj[1].title}}</span>\n                          </div>\n                          <div class=\"table_col w-32  flex items-center\">\n                            <span class=\"cursor-pointer\">{{titleObj[2].title}}</span>\n                          </div>\n                          <div class=\"table_col w-32  flex items-center\">\n                            <span class=\"cursor-pointer\">{{titleObj[3].title}}</span>\n                          </div>\n                          <div class=\"table_col w-40  flex items-center\">\n                            <span class=\"cursor-pointer\">{{titleObj[4].title}}</span>\n                          </div>\n                          <div class=\"table_col w-32  flex items-center\">\n                            <span class=\"cursor-pointer\">{{titleObj[5].title}}</span>\n                          </div>\n                        </div>\n                        <div v-for=\"(data, index) in invoicePaymentRecords\" :key=\"index\"  class=\"min-w-min flex heading-5 border-b border-gray1  bg-white  text-sm px-3 py-3 items-center hover:bg-gray1 cursor-pointer\" @click=\"paymentDetail(data.paymentId)\">\n                          <div class=\"table_col w-32 \">\n                            <div class=\"\">\n                              <p class=\"  text-text2 font-bold\" v-if=\"data.companyName !== ''\">{{data.companyName}}</p>\n                              <p class=\"  text-text2 font-bold\" v-else>-</p>\n                            </div>\n                          </div>\n                          <div class=\"table_col w-40 \">\n                            <div class=\"flex items-center \">\n                              <span class=\"  text-gray4 heading-6\" v-if=\"data.transactionId !== ''\">{{data.transactionId}}</span>\n                              <span class=\"  text-gray4 heading-6 ml-10\" v-else>-</span>\n                            </div>\n                          </div>\n                          <div class=\"table_col w-32\">\n                            <div class=\"flex items-center\">\n                              <span class=\"  text-gray4 heading-6\" v-if=\"data.paymentMethodName !== ''\">{{data.paymentMethodName}}</span>\n                              <span class=\"  text-gray4 heading-6\" v-else>-</span>\n                            </div>\n                          </div>\n                          <div class=\"table_col w-32 \">\n                            <div class=\"flex items-center\">\n                              <span class=\"  text-gray4 heading-6\" v-if=\"data.paymentAmount !== ''\">{{data.paymentAmount | amountOnlyNumber}}</span>\n                              <span class=\"  text-gray4 heading-6\" v-else>-</span>\n                            </div>\n                          </div>\n                          <div class=\"table_col w-40 \">\n                            <div class=\"flex items-center\">\n                              <span v-if=\"data.createdByUserFirstName !== ''\"  class=\" text-gray4 heading-6\">{{data.createdByUserFirstName + ' ' + data.createdByUserLastName}}</span>\n                              <span class=\"  text-gray4 heading-6\" v-else>-</span>\n                            </div>\n                          </div>\n                          <div class=\"table_col w-32 \">\n                            <div class=\"flex items-center\">\n                              <span v-if=\"data.addedDate !== ''\"  class=\" text-gray4 heading-6\">{{data.addedDate | formatForDatePicker}}</span>\n                              <span class=\"  text-gray4 heading-6\" v-else>-</span>\n                            </div>\n                          </div>\n                        </div>\n                    </div>\n                  </div> -->\n                </div>\n            </div>\n        </div>\n    </div>\n    <ConfirmBox v-if=\"editConfirmation\" :yesConfir=\"true\" :inputLable='`Type \"Yes\" in below text box to edit invoice`'  :message=\"'If you edit your invoice the invoice status may change to Partially Paid.'\" :title=\"'Are you sure?'\" />\n    <ConfirmBox v-if=\"removeConfirm && invoicePaymentRecords.length === 0\" :message=\"'Once deleted cannot undone.'\" :title=\"'Are you sure?'\" />\n    <ConfirmBox :warning=\"true\" v-if=\"removeConfirm && invoicePaymentRecords.length > 0\" :message=\"'One or more payment is linked, please remove/delete payments associated with this invoice.'\" :title=\"'Cant delete - payment exists'\" />\n    <ItemDetail v-if=\"itemdetailShow\" :itemDetail=\"selectedItemDetails\" />\n    <TaxBreakDown v-if=\"itemBreakDonwShow\" :vissibleTaxId=\"vissibleTaxId\" :itemList=\"invoiceDetail.selectedItemList\" />\n    <SendBokkingCon :entitySlug=\"'invoice'\" :detailId=\"parseInt(this.invoiceDetail.invoiceId)\" :customerId=\"invoiceDetail.customerId\" v-if=\"isSendInvoiceEmail\"  />\n  </div>\n</template>\n<script>\nimport {FilterPermissions} from '@/utils/Permissions.js'\nimport SendBokkingCon from '@/View/components/SendBokkingCon.vue'\nimport MyJobApp from \"@/api/MyJobApp.js\";\nimport Button from '@/View/components/globalButton.vue'\nimport ItemDetail from './components/ItemDetail.vue'\nimport ConfirmBox from '@/View/components/ConfirmBox.vue'\nimport TaxBreakDown from './components/TaxBreakDown.vue'\nexport default {\n  name: \"customer\",\n  components: {\n    Button,\n    ConfirmBox,\n    ItemDetail,\n    TaxBreakDown,\n    SendBokkingCon,\n  },\n  data() {\n    return {\n      editConfirmation: false,\n      showHotNOtes: false,\n      displayTagSelects: false,\n      isCustomerPermission: FilterPermissions('customer'),\n      canPaymentRecordPermission: FilterPermissions('record_payment'),\n      canEmailSendPermission: FilterPermissions('invoice_email'),\n        invoiceDetail: null,\n        titleObj: [\n          {title: 'Compnay Name', icon: '', sortName: ''},\n          {title: 'Transaction Id', icon: '', sortName: ''},\n          {title: 'Payment Method', icon: '', sortName: ''},\n          {title: 'Amount', icon: '', sortName: ''},\n          {title: 'Recorded By', icon: '', sortName: ''},\n          {title: 'Date', icon: '', sortName: ''},\n        ],\n        finalTaxList: [],\n        invoicePaymentRecords: [],\n        taxesAmmount: 0,\n        vissibleTaxId: 0,\n        selectedItemDetails: null,\n        itemdetailShow: false,\n            removeConfirm: false,\n        itemBreakDonwShow: false,\n        showMenuList: false,\n        isSendInvoiceEmail: false,\n    };\n  },\n  created() {},\n  mounted() {\n    this.getInvoiceDetails()\n    this.$root.$on('closeItemDetailHandler', (data) => {\n        console.log(data);\n        this.itemdetailShow = false\n        this.selectedItemDetails = null\n    })\n    this.$root.$on('closeBreackDownHandler', (data) => {\n        console.log(data);\n        this.itemBreakDonwShow = false\n        this.vissibleTaxId = 0\n    })\n    this.$root.$on('confirmBoxHandler', (response) => {\n      document.body.style = 'overflow: visible;'\n        if (this.removeConfirm) {\n          if (response) {\n            this.deletesInvoice()\n          }\n          this.removeConfirm = false  \n        }\n        if (this.editConfirmation) {\n          if (response) {\n            this.updateInvoice()\n          }\n          this.editConfirmation = false  \n        }\n    })\n    this.$root.$on('bookingConfirmationHandler', () => {\n      document.body.style = 'overflow: visible;'\n        this.isSendInvoiceEmail = false\n        this.showMenuList = false\n    })\n  },\n  methods: {\n    isSendEmail () {\n      if (this.canEmailSendPermission) {\n        document.body.style = 'overflow: hidden;'\n        this.isSendInvoiceEmail = true\n      } else {\n        this.$store.dispatch('ShowSubPopup', {status: true, title: `You don't have permission to Send Email`})\n      }\n    },\n    closeList () {\n      this.showMenuList = false\n    },\n     updateInvoice () {\n      this.$router.push({name: 'createInvoice', query: {invoiceId: this.invoiceDetail.invoiceId}})\n    },\n     paymentDetail (id) {\n      this.$router.push({name: 'paymentDetails', params: {paymentId: id}})\n    },\n    showBreakDownDetail (taxId) {\n        this.itemBreakDonwShow = true\n        this.vissibleTaxId = taxId\n    },\n    showItemDetail (detail) {\n        this.itemdetailShow = true\n        this.selectedItemDetails = detail\n    },\n    showPayDetail (id) {\n        this.invoicePaymentRecords[id].showInfo = !this.invoicePaymentRecords[id].showInfo\n    },\n    deletesInvoice () {\n      this.$store.dispatch(\"SetLoader\", {  status: true,  message: \"Loading...\",});\n      MyJobApp.deleteInvoice(\n        parseInt(this.$route.params.invoiceId),\n        (response) => {\n          if (this.$route.query.fromCall === 'customer') {\n                this.$router.push({name: 'customerDetails', params: {customerId: this.invoiceDetail.customerId}, query: {activeTab: 1}})\n          } else {\n            this.$router.go(-1)\n          } \n         this.$store.dispatch('SetAlert', {showAlert: true, message: response.message, color: 'success'})\n          this.$store.dispatch(\"SetLoader\", { status: false, message: \"\" });\n        },\n        () => {\n          this.$store.dispatch(\"SetLoader\", { status: false, message: \"\" });\n        }\n      );\n    },\n    recordPayment () {\n      if (this.canPaymentRecordPermission) {\n        this.$router.push({name: 'recordPayment', query:{customerId: this.invoiceDetail.customerId, invoiceId: this.invoiceDetail.invoiceId}})\n      } else {\n        this.$store.dispatch('ShowSubPopup', {status: true, title: `You don't have permission to Record Payment`})\n      }\n    },\n    getInvoiceDetails() {\n      console.log(\"call\", this.$route);\n      this.$store.dispatch(\"SetLoader\", {\n        status: true,\n        message: \"Loading...\",\n      });\n      MyJobApp.invoiceDetail(\n        parseInt(this.$route.params.invoiceId),\n        (response) => {\n          \n          this.invoiceDetail = response.Data;\n          if (response.Data.selectedItemList.length > 0) {\n           this.calculateTaxes(response.Data.selectedItemList) \n          }\n          this.getPaymentlist()\n          this.$store.dispatch(\"SetLoader\", { status: false, message: \"\" });\n        },\n        (err) => {\n          this.$store.dispatch('SetAlert', {showAlert: true, message: err.message, color: 'error'})\n          this.$store.dispatch(\"SetLoader\", { status: false, message: \"\" });\n        }\n      );\n    },\n    getPaymentlist() {\n        this.$store.dispatch(\"SetLoader\", {status: true,message: \"Loading...\",});\n        MyJobApp.getPaymentList(\n          0,\n          1000,\n          '',\n          0,\n          this.invoiceDetail.invoiceId,\n          (response) => {\n            let tempList = []\n            // this.invoicePaymentRecords = response.Data.tableRow !== null ? response.Data.tableRow  : []\n            if (response.Data.tableRow !== null) {\n               response.Data.tableRow.map((data)=> {\n                    tempList.push({...data, showInfo: false})\n                }) \n            }\n            if (tempList.length === 1) {\n              this.displayTagSelects = true\n            }\n            this.invoicePaymentRecords = tempList\n            console.log(\"response getInvoicesList\", response);\n            this.$store.dispatch(\"SetLoader\", { status: false, message: \"\" });\n          },\n          () => {\n            this.resetPaginationValues = false\n            this.$store.dispatch(\"SetLoader\", { status: false, message: \"\" });\n          }\n        );\n    },\n    calculateTaxes (itemList) {\n        let list = itemList\n        list.map((data) => {\n            let itemAmount = data.itemAmount\n            data.taxRateList.map((rate) => {\n                let itemTaxamount = itemAmount * rate.taxValue / 100\n                let fIndex = this.finalTaxList.findIndex(x => x.taxId === rate.taxId)\n                if (fIndex >= 0) {\n                    this.finalTaxList[fIndex].ammount += itemTaxamount\n                } else {\n                    let obj = {\n                        taxName: rate.taxName,\n                        taxValue: rate.taxValue,\n                        ammount: itemTaxamount,\n                        taxId: rate.taxId\n                    }\n                    this.finalTaxList.push(obj)\n                }\n            })\n            \n        })\n        this.finalTaxList.map(data=> {\n            this.taxesAmmount += data.ammount\n        })\n    }\n  },\n  beforeDestroy() {\n    this.$root.$off(\"confirmBoxHandler\");\n  },\n};\n</script>\n<style scoped>\n.table_col {\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n  padding-right: 8px;\n}\n.name_col {\n    min-width: 200px;\n    max-block-size: 200px;\n}\n.des_col {\n    min-width: 250px;\n    max-block-size: 250px;\n}\n.pric_col {\n    min-width: 100px;\n    max-block-size: 100px;\n}\n.qnty_col {\n    min-width: 100px;\n    max-block-size: 100px;\n}\n.amt_col {\n    min-width: 100px;\n    max-block-size: 100px;\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!./invoiceDetail.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!./invoiceDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./invoiceDetail.vue?vue&type=template&id=798f2bc0&scoped=true&\"\nimport script from \"./invoiceDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./invoiceDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./invoiceDetail.vue?vue&type=style&index=0&id=798f2bc0&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  \"798f2bc0\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"click-outside-textInput\",rawName:\"v-click-outside-textInput\",value:(_vm.closePopup),expression:\"closePopup\"}],staticClass:\"relative\"},[_c('p',{staticClass:\"label_css flex justify-between\"},[_c('span',[_vm._v(_vm._s(_vm.lableText))]),(_vm.showcharLimit)?_c('span',{staticClass:\"text contents\"},[_vm._v(_vm._s(_vm.inputValue.length)+\"/\"+_vm._s(_vm.textMaxlength))]):_vm._e()]),((_vm.inputTypeText)==='checkbox')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputValue),expression:\"inputValue\"}],staticClass:\"cust_text_field px-2 w-full bg-white rounded items-center\",class:`${_vm.inputType === 'color' ? 'h-12 py-0' : 'py-3'} ${_vm.isPointer === true ? 'cursor-pointer' : ''} ${_vm.textRight ? 'text-right pr-2' : ''} ${_vm.showError ? 'border border-error text-error' : 'border border-gray2 flex text-text1 focus:border-primary focus:ring-1 focus:ring-primary'}\n        pr-${_vm.inputType === 'password' || _vm.showDate ? '8' : '0'}\n        `,style:(`${_vm.isOtp ? 'letter-spacing: 8px;text-align: center;' : ''}`),attrs:{\"maxlength\":_vm.textMaxlength,\"pattern\":_vm.pattern,\"disabled\":_vm.disabled,\"placeholder\":_vm.placholderText,\"readonly\":_vm.setReadOnly,\"autofocus\":_vm.setAutoFocust,\"autocomplete\":\"off\",\"id\":_vm.inputId,\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.inputValue)?_vm._i(_vm.inputValue,null)>-1:(_vm.inputValue)},on:{\"keypress\":[_vm.keyPressAction,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.enterkeyPressAction.apply(null, arguments)}],\"blur\":_vm.blurAction,\"input\":function($event){return _vm.inputChangeAction(_vm.inputValue)},\"change\":[function($event){var $$a=_vm.inputValue,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.inputValue=$$a.concat([$$v]))}else{$$i>-1&&(_vm.inputValue=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.inputValue=$$c}},_vm.change],\"keyup\":_vm.keyup,\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onClickInputAction.apply(null, arguments)},\"focus\":_vm.focus}}):((_vm.inputTypeText)==='radio')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputValue),expression:\"inputValue\"}],staticClass:\"cust_text_field px-2 w-full bg-white rounded items-center\",class:`${_vm.inputType === 'color' ? 'h-12 py-0' : 'py-3'} ${_vm.isPointer === true ? 'cursor-pointer' : ''} ${_vm.textRight ? 'text-right pr-2' : ''} ${_vm.showError ? 'border border-error text-error' : 'border border-gray2 flex text-text1 focus:border-primary focus:ring-1 focus:ring-primary'}\n        pr-${_vm.inputType === 'password' || _vm.showDate ? '8' : '0'}\n        `,style:(`${_vm.isOtp ? 'letter-spacing: 8px;text-align: center;' : ''}`),attrs:{\"maxlength\":_vm.textMaxlength,\"pattern\":_vm.pattern,\"disabled\":_vm.disabled,\"placeholder\":_vm.placholderText,\"readonly\":_vm.setReadOnly,\"autofocus\":_vm.setAutoFocust,\"autocomplete\":\"off\",\"id\":_vm.inputId,\"type\":\"radio\"},domProps:{\"checked\":_vm._q(_vm.inputValue,null)},on:{\"keypress\":[_vm.keyPressAction,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.enterkeyPressAction.apply(null, arguments)}],\"blur\":_vm.blurAction,\"input\":function($event){return _vm.inputChangeAction(_vm.inputValue)},\"change\":[function($event){_vm.inputValue=null},_vm.change],\"keyup\":_vm.keyup,\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onClickInputAction.apply(null, arguments)},\"focus\":_vm.focus}}):_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputValue),expression:\"inputValue\"}],staticClass:\"cust_text_field px-2 w-full bg-white rounded items-center\",class:`${_vm.inputType === 'color' ? 'h-12 py-0' : 'py-3'} ${_vm.isPointer === true ? 'cursor-pointer' : ''} ${_vm.textRight ? 'text-right pr-2' : ''} ${_vm.showError ? 'border border-error text-error' : 'border border-gray2 flex text-text1 focus:border-primary focus:ring-1 focus:ring-primary'}\n        pr-${_vm.inputType === 'password' || _vm.showDate ? '8' : '0'}\n        `,style:(`${_vm.isOtp ? 'letter-spacing: 8px;text-align: center;' : ''}`),attrs:{\"maxlength\":_vm.textMaxlength,\"pattern\":_vm.pattern,\"disabled\":_vm.disabled,\"placeholder\":_vm.placholderText,\"readonly\":_vm.setReadOnly,\"autofocus\":_vm.setAutoFocust,\"autocomplete\":\"off\",\"id\":_vm.inputId,\"type\":_vm.inputTypeText},domProps:{\"value\":(_vm.inputValue)},on:{\"keypress\":[_vm.keyPressAction,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.enterkeyPressAction.apply(null, arguments)}],\"blur\":_vm.blurAction,\"input\":[function($event){if($event.target.composing)return;_vm.inputValue=$event.target.value},function($event){return _vm.inputChangeAction(_vm.inputValue)}],\"change\":_vm.change,\"keyup\":_vm.keyup,\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onClickInputAction.apply(null, arguments)},\"focus\":_vm.focus}}),(_vm.inputType === 'password')?_c('span',{staticClass:\"place-self-center absolute right-3 cursor-pointer mt-0.5\",class:_vm.lableText !== '' ? 'top-8' : 'top-3',on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();_vm.hidePassword = !_vm.hidePassword}}},[(!_vm.hidePassword)?_c('p',[_c('i',{staticClass:\"fa-solid fa-eye-slash text-gray3 heading-6\"})]):_vm._e(),(_vm.hidePassword)?_c('span',[_c('i',{staticClass:\"fa-solid fa-eye text-gray3 heading-6\"})]):_vm._e()]):_vm._e(),(_vm.showDate)?_c('span',{staticClass:\"place-self-center absolute right-3 cursor-pointer mt-0.5\",class:_vm.lableText !== '' ? 'top-8' : 'top-3',on:{\"click\":_vm.onClickInputAction}},[_c('i',{staticClass:\"fa-solid fa-calendar-days text-gray3 heading-6\"})]):_vm._e(),(_vm.showTime)?_c('span',{staticClass:\"place-self-center absolute right-3 cursor-pointer mt-0.5\",class:_vm.lableText !== '' ? 'top-8' : 'top-3',on:{\"click\":_vm.onClickInputAction}},[_c('i',{staticClass:\"fa-regular fa-clock heading-3 text-primary\"})]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div v-click-outside-textInput=\"closePopup\" class=\"relative\">\n          <p class=\"label_css flex justify-between\">\n            <span>{{lableText}}</span>\n            <span class=\"text contents\" v-if=\"showcharLimit\">{{inputValue.length}}/{{textMaxlength}}</span>\n          </p>\n            <input\n            :maxlength=\"textMaxlength\"\n            @keypress=\"keyPressAction\"\n            @keypress.enter=\"enterkeyPressAction\"  \n            @blur=\"blurAction\"\n            @input=\"inputChangeAction(inputValue)\"\n            @change=\"change\"\n            @keyup=\"keyup\"\n            :pattern=\"pattern\"\n            @click.stop.prevent=\"onClickInputAction\"\n            @focus=\"focus\"\n            v-model=\"inputValue\"\n            :disabled=\"disabled\"\n            :placeholder=\"placholderText\"\n            :readonly=\"setReadOnly\"\n            :type=\"inputTypeText\"\n            :style=\"`${isOtp ? 'letter-spacing: 8px;text-align: center;' : ''}`\"\n            :class=\"`${inputType === 'color' ? 'h-12 py-0' : 'py-3'} ${isPointer === true ? 'cursor-pointer' : ''} ${textRight ? 'text-right pr-2' : ''} ${showError ? 'border border-error text-error' : 'border border-gray2 flex text-text1 focus:border-primary focus:ring-1 focus:ring-primary'}\n            pr-${inputType === 'password' || showDate ? '8' : '0'}\n            `\"\n            :autofocus=\"setAutoFocust\"\n            autocomplete=\"off\"\n            :id=\"inputId\"\n            class=\"cust_text_field  px-2 w-full bg-white rounded items-center\">\n\n\n                <span v-if=\"inputType === 'password'\" @click.stop.prevent=\"hidePassword = !hidePassword\" \n                  :class=\"lableText !== '' ? 'top-8' : 'top-3' \"\n                  class=\"place-self-center absolute  right-3 cursor-pointer mt-0.5\">\n                    <p v-if=\"!hidePassword\">\n                      <i class=\"fa-solid fa-eye-slash text-gray3 heading-6\"></i>\n                    </p>\n                  <span v-if=\"hidePassword\">\n                    <i class=\"fa-solid fa-eye text-gray3 heading-6\"></i>\n                  </span>\n                </span>\n                <span @click=\"onClickInputAction\" v-if=\"showDate\" \n                  :class=\"lableText !== '' ? 'top-8' : 'top-3' \"\n                  class=\"place-self-center absolute  right-3 cursor-pointer mt-0.5\">\n                  \n                   <i class=\"fa-solid fa-calendar-days text-gray3 heading-6\"></i>\n                </span>\n                <span @click=\"onClickInputAction\" v-if=\"showTime\" \n                :class=\"lableText !== '' ? 'top-8' : 'top-3' \"\n                class=\"place-self-center absolute  right-3 cursor-pointer mt-0.5\">\n                   <i class=\"fa-regular fa-clock heading-3 text-primary\"></i>\n                </span>\n\n        </div>\n</template>\n<script>\nimport Vue from 'vue'\nVue.directive('click-outside-textInput', {\n  bind: function (el, binding, vnode) {\n    el.clickOutsideEvent = function (event) {\n      // here I check that click was outside the el and his children\n      if (!(el === event.target || el.contains(event.target))) {\n        // and if it did, call method provided in attribute value\n        vnode.context[binding.expression](event)\n      }\n    }\n    document.body.addEventListener('click', el.clickOutsideEvent)\n  },\n  unbind: function (el) {\n    document.body.removeEventListener('click', el.clickOutsideEvent)\n  }\n})\nexport default {\n    props: [ 'maxNumberLimit', 'pattern', 'isOtp', 'isPointer', 'showcharLimit' ,\"textRight\", \"inputext\", \"textMaxlength\", 'lableText', 'inputId', 'autoFocus', 'fieldError', 'setReadOnly', 'placholderText', 'inputType', \"showDate\", \"disabled\", \"showTime\"],\n  data() {\n    return {\n      inputTypeText: 'text',\n      hidePassword: true,\n      showError: false,\n      setAutoFocust: false,\n      disabledBtn: false,\n      inputValue: ''\n    };\n  },\n  watch: {\n    fieldError: {\n        handler () {\n          console.log('fieldError', this.fieldError);\n          this.showError = this.fieldError\n        }\n    },\n    hidePassword: {\n        handler () {\n          if (this.hidePassword) {\n            this.inputTypeText = 'password'\n            document.getElementById(`${this.inputId}`).focus()\n          } else {\n            this.inputTypeText = 'text'\n            document.getElementById(`${this.inputId}`).focus()\n          }\n        }\n    },\n    inputext: {\n        handler () {\n            if (this.inputext) {\n                this.inputValue = this.inputext\n            } else {\n              this.inputValue = this.inputext\n            }\n        }\n    }\n  },\n  mounted() {\n    this.showError = this.fieldError\n    this.inputTypeText = this.inputType\n    if (this.disabled) {\n      this.disabledBtn = this.disabled\n    }\n    setTimeout(() => {\n      this.inputValue = this.inputext\n     }, 200);\n    setTimeout(() => {\n      if (this.autoFocus) {\n        document.getElementById(`${this.inputId}`).focus()\n      }\n    }, 10);\n  },\n  methods: {\n    inputChangeAction (text) {\n      if (this.inputType === \"number\" && this.maxNumberLimit) {\n        if (parseInt(text) > parseInt(this.maxNumberLimit)) {\n          this.inputValue = this.maxNumberLimit\n          this.$emit('inputChangeAction', this.maxNumberLimit)\n        } \n      } else {\n        this.$emit('inputChangeAction', text)\n      }\n    },\n    change () {\n        this.$emit('change')\n    },\n    keyPressAction () {\n        this.$emit('keyPressAction')\n    },\n    enterkeyPressAction () {\n        this.$emit('enterkeyPressAction')\n    },\n    blurAction () {\n        this.$emit('blurAction')\n    },\n    focus (event) {\n      if (this.inputType === \"number\") {\n        setTimeout(() => {\n          event.target.select();\n        }, 200);\n      }\n        this.$emit('focus')\n    },\n    onClickInputAction () {\n      document.getElementById(`${this.inputId}`).focus()\n        this.$emit('onClickInputAction')\n    },\n    closePopup () {\n        this.$emit('closePopup')\n    },\n    keyup () {\n        this.$emit('keyup')\n    }\n  },\n};\n</script>\n<style scoped>\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!./textfield.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!./textfield.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./textfield.vue?vue&type=template&id=297a9db6&scoped=true&\"\nimport script from \"./textfield.vue?vue&type=script&lang=js&\"\nexport * from \"./textfield.vue?vue&type=script&lang=js&\"\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  \"297a9db6\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}