{"version":3,"sources":["webpack:///./src/View/components/searchTextInput.vue?7f66","webpack:///./src/View/components/pagination.vue","webpack:///src/View/components/pagination.vue","webpack:///./src/View/components/pagination.vue?1304","webpack:///./src/View/components/pagination.vue?89be","webpack:///./src/assets/images/svg/ascIconSvg.vue","webpack:///src/assets/images/svg/ascIconSvg.vue","webpack:///./src/assets/images/svg/ascIconSvg.vue?5dc7","webpack:///./src/assets/images/svg/ascIconSvg.vue?4ef0","webpack:///./src/View/customer/components/AddCustomer.vue","webpack:///src/View/customer/components/AddCustomer.vue","webpack:///./src/View/customer/components/AddCustomer.vue?a894","webpack:///./src/View/customer/components/AddCustomer.vue?c81e","webpack:///./src/View/components/pagination.vue?5877","webpack:///./src/View/components/textAreaInput.vue","webpack:///src/View/components/textAreaInput.vue","webpack:///./src/View/components/textAreaInput.vue?7523","webpack:///./src/View/components/textAreaInput.vue?9965","webpack:///./src/View/components/searchTextInput.vue","webpack:///src/View/components/searchTextInput.vue","webpack:///./src/View/components/searchTextInput.vue?1e9c","webpack:///./src/View/components/searchTextInput.vue?2a27","webpack:///./src/View/customer/customers.vue","webpack:///src/View/customer/customers.vue","webpack:///./src/View/customer/customers.vue?e95d","webpack:///./src/View/customer/customers.vue?b2ba","webpack:///./src/assets/images/svg/descIconSvg.vue","webpack:///src/assets/images/svg/descIconSvg.vue","webpack:///./src/assets/images/svg/descIconSvg.vue?757d","webpack:///./src/assets/images/svg/descIconSvg.vue?30ca","webpack:///./src/View/customer/customers.vue?f35a"],"names":["render","_vm","this","_c","_self","showPageination","staticClass","class","pageNumber","attrs","on","$event","changePageHandler","_v","totalNoOfPages","previousPage","_e","directives","name","rawName","value","selectedPageNumber","expression","modifiers","domProps","updatePageNumber","target","composing","_n","$forceUpdate","nextPage","_s","staticRenderFns","data","start","dataLimit","items","firstindex","lastindex","firstArray","secondArray","showFirstGap","showSecondGap","pageNumone","dot","showdot","props","beforeMount","mounted","watch","totalDataCount","handler","resetPagination","computed","methods","callApiAsPerData","offset","limit","dataLimitChangeHandler","beforeDestroy","component","width","height","color","type","default","staticStyle","_m","custDetail","firstName","errObj","firstNameErr","lastName","lastNameErr","phoneNumber","primNumErr","numberExist1","checkContactNumber","_l","existArr1","index","key","routingTodata","isLead","emailAddress","emailErr","emailExist","checkEmail","existArr3","companyName","otherNumber","otherNumberErr","numberExist2","existArr2","hotNotes","discard","saveNewCustomer","components","TextAreaInput","Button","NumberInput","TextField","customerId","rating","created","document","isValid","MyJobApp","response","showAlert","message","status","error","checkExist","from","url","params","leadId","window","closePopup","lableText","showcharLimit","inputValue","length","textMaxlength","inputType","textRight","showError","showDate","pattern","disabled","placholderText","setReadOnly","inputTypeText","rows","cols","setAutoFocust","inputId","keyPressAction","indexOf","_k","keyCode","enterkeyPressAction","apply","arguments","blurAction","inputChangeAction","change","keyup","onClickInputAction","focus","Vue","bind","el","vnode","unbind","hidePassword","disabledBtn","fieldError","inputext","setTimeout","isfocus","searchIconClick","require","searchVal","placeholderText","callSearch","inputvalue","totalCustomerCount","searchCall","addNewCust","titleObj","icon","sortByColumn","title","customersList","openCustomerDetails","_f","addedDate","resetPaginationValues","getCustomerDataFromPagination","addCustomer","AddCustomer","Pagination","NoRecords","descIconSvg","ascIconSvg","SearchTextInput","mixins","sortName","searchForCustomer","getCustListDeboucne","filterObject","sortOrder","isActive","sortBy","clickCall","getCustomerList"],"mappings":"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","file":"js/chunk-6707fd89.f61658e9.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!./searchTextInput.vue?vue&type=style&index=0&id=d6e10930&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.showPageination)?_c('div',{staticClass:\"p-1 m-1\"},[_c('div',{staticClass:\"autoPadding\"},[_c('div',{staticClass:\"text-right\"},[_c('div',{staticClass:\"mb-1 pb-1\"},[_c('div',{staticClass:\"text-right\"},[_c('button',{staticClass:\"outline outline-1 pagination-button text-white w-fit outline-gray-200 outline-gray rounded heading-5 mr-3\",class:_vm.pageNumber !== 1 ? 'bg-primary text-white' : 'bg-gray2',attrs:{\"disabled\":(_vm.pageNumber === 1)},on:{\"click\":function($event){return _vm.changePageHandler(1)}}},[_vm._v(\" 1 \")]),(_vm.totalNoOfPages > 2)?_c('button',{staticClass:\"w-fit outline-gray rounded heading-5 mr-3\",class:_vm.pageNumber > 1 ? 'bg-primary text-white' : 'bg-gray2 text-white',attrs:{\"x-small\":\"\",\"height\":\"30px\",\"disabled\":(_vm.pageNumber === 1)},on:{\"click\":_vm.previousPage}},[_c('i',{staticClass:\"fas fa-chevron-left\"})]):_vm._e(),(_vm.totalNoOfPages > 2)?_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.selectedPageNumber),expression:\"selectedPageNumber\",modifiers:{\"number\":true}}],staticClass:\"page-number-input mr-3\",attrs:{\"type\":\"number\"},domProps:{\"value\":(_vm.selectedPageNumber)},on:{\"change\":function($event){return _vm.updatePageNumber()},\"input\":function($event){if($event.target.composing)return;_vm.selectedPageNumber=_vm._n($event.target.value)},\"blur\":function($event){return _vm.$forceUpdate()}}}):_vm._e(),(_vm.totalNoOfPages > 2)?_c('button',{staticClass:\"outline outline-1 w-fit outline-gray-200 outline-gray rounded mr-3\",class:_vm.pageNumber < _vm.totalNoOfPages ? 'bg-primary text-white' : 'bg-gray2 text-white',attrs:{\"x-small\":\"\",\"height\":\"30px\",\"color\":`primary`,\"disabled\":(_vm.pageNumber >= _vm.totalNoOfPages)},on:{\"click\":_vm.nextPage}},[_c('i',{staticClass:\"fas fa-chevron-right heading-5\"})]):_vm._e(),(_vm.totalNoOfPages !== 1)?_c('button',{staticClass:\"pagination-button text-white w-fit outline-gray-200 outline-gray rounded text-sm mr-3\",class:_vm.pageNumber !== _vm.totalNoOfPages ? 'bg-primary text-white' : 'bg-gray2',attrs:{\"disabled\":_vm.pageNumber === _vm.totalNoOfPages},on:{\"click\":function($event){return _vm.changePageHandler(_vm.totalNoOfPages)}}},[_vm._v(\" \"+_vm._s(_vm.totalNoOfPages)+\" \")]):_vm._e()])])])])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"p-1 m-1\" v-if=\"showPageination\">\n    <div class=\"autoPadding\">\n      <div class=\"text-right\">\n        <div class=\"mb-1 pb-1\" >\n          <div class=\"text-right\">\n            <!-- <span label  class=\"w-fit outline-gray-200  outline-gray rounded text-sm px-2 py-2 mb-2 mr-1\" :outlined=\"pageNumber !== 1\"> -->\n              <button :disabled=\"(pageNumber === 1)\" :class=\"pageNumber !== 1 ? 'bg-primary text-white' : 'bg-gray2'\" class=\" outline outline-1 pagination-button text-white w-fit outline-gray-200  outline-gray rounded heading-5 mr-3\"  @click=\"changePageHandler(1)\">\n                1\n              </button>\n            <!-- </span> -->\n            <button\n              v-if=\"totalNoOfPages > 2\"\n              x-small\n              height=\"30px\"\n              :class=\"pageNumber > 1 ? 'bg-primary text-white' : 'bg-gray2 text-white'\"\n              class=\"w-fit outline-gray rounded heading-5  mr-3\"\n              @click=\"previousPage\"\n              :disabled=\"(pageNumber === 1)\"\n            >\n              <i class=\"fas fa-chevron-left\"></i>\n            </button>\n            <input v-if=\"totalNoOfPages > 2\" type=\"number\" v-model.number=\"selectedPageNumber\" class=\"page-number-input mr-3\" @change=\"updatePageNumber()\"/>\n            <button\n              v-if=\"totalNoOfPages > 2\"\n              x-small\n              height=\"30px\"\n              :class=\"pageNumber < totalNoOfPages ? 'bg-primary text-white' : 'bg-gray2 text-white'\"\n              class=\"outline outline-1 w-fit outline-gray-200  outline-gray rounded mr-3\"\n              @click=\"nextPage\"\n              :color=\"`primary`\"\n              :disabled=\"(pageNumber >= totalNoOfPages)\"\n            >\n              <i class=\"fas fa-chevron-right heading-5\"></i>\n            </button>\n            <!-- <span v-if=\"totalNoOfPages !== 1\" label class=\"w-fit outline-gray-200 bg-white outline outline-1 outline-gray rounded text-sm px-2 py-1 mb-2 mr-1\" :outlined=\"pageNumber !== totalNoOfPages\"> -->\n              <button :disabled=\"pageNumber === totalNoOfPages\" v-if=\"totalNoOfPages !== 1\" :class=\"pageNumber !== totalNoOfPages ? 'bg-primary text-white' : 'bg-gray2'\" class=\"pagination-button text-white w-fit outline-gray-200  outline-gray rounded text-sm mr-3\"  @click=\"changePageHandler(totalNoOfPages)\">\n                {{totalNoOfPages}}\n              </button>\n            <!-- </span> -->\n            <!-- <select class=\"border border-gray2  w-fit outline-gray-200  outline-gray rounded text-sm px-2 py-1\" name=\"\" id=\"\"\n              v-model=\"dataLimit\"\n              @change=\"dataLimitChangeHandler(dataLimit)\"\n              >\n              <option>20</option>\n              <option  v-for=\"(data, index) in items\" :key=\"index\" v-bind:value=\"data\">{{data}}</option>\n            </select> -->\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  data () {\n    return {\n      start: 0,\n      selectedPageNumber: 1,\n      pageNumber: 1,\n      totalNoOfPages: 0,\n      dataLimit: 20,\n      items: [25, 30, 50, 100],\n      showPageination: true,\n      firstindex: [],\n      lastindex: [],\n      firstArray: [],\n      secondArray: [],\n      showFirstGap: false,\n      showSecondGap: false,\n      pageNumone: true,\n      dot: true,\n      showdot: true\n    }\n  },\n  props: ['totalDataCount', 'resetPagination', 'pagination', 'isDetailsListings', 'defaultPerPage'],\n  beforeMount () {\n  },\n  mounted () {\n    this.$root.$on(\"setPaginationValueAsperVlue\", (data) => {\n      console.log('check call pagination', data);\n      this.dataLimit = data\n      if (data) {\n        this.dataLimitChangeHandler(data)\n      }\n    });\n    if (this.isDetailsListings === true) {\n      this.dataLimit = 5\n    } else {\n      this.dataLimit = 20\n    }\n    if (this.defaultPerPage) {\n      let findIndex = this.items.findIndex(x => x === this.defaultPerPage)\n      if (findIndex < 0) {\n        this.items.push(this.defaultPerPage)\n      }\n      this.dataLimit = this.defaultPerPage\n    }\n    if (this.pagination) {\n      this.pageNumber = (this.pagination.offset / this.pagination.limit) + 1\n      this.start = this.pagination.offset\n    }\n    this.totalNoOfPages = Math.ceil(this.totalDataCount / this.dataLimit)\n    if (this.totalDataCount <= this.dataLimit) {\n      this.showPageination = false\n    } else {\n      this.showPageination = true\n    }\n  },\n  watch: {\n    totalDataCount: {\n      handler () {\n        this.totalNoOfPages = Math.ceil(this.totalDataCount / this.dataLimit)\n        if (this.totalDataCount <= this.dataLimit) {\n          this.showPageination = false\n        } else {\n          this.showPageination = true\n        }\n      }\n    },\n    pageNumber: {\n      handler () {\n        this.selectedPageNumber = this.pageNumber\n      }\n    },\n    resetPagination: {\n      handler () {\n        if (this.resetPagination) {\n          console.log('cehck reset pagi')\n          this.start = 0\n          this.selectedPageNumber = 1\n          this.pageNumber = 1\n          this.callApiAsPerData()\n        }\n      }\n    }\n  },\n  computed: {\n  },\n  methods: {\n    updatePageNumber () {\n      if (this.selectedPageNumber > this.totalNoOfPages || this.selectedPageNumber < 1) {\n        this.selectedPageNumber = this.pageNumber\n      } else {\n        this.changePageHandler(this.selectedPageNumber)\n      }\n    },\n    changePageHandler (pageindex) {\n      this.pageNumber = pageindex\n      this.start =\n        this.pageNumber * this.dataLimit - this.dataLimit < 0\n          ? 0\n          : this.pageNumber * this.dataLimit - this.dataLimit\n      console.log('this -- pageNumber--', this.pageNumber)\n      this.callApiAsPerData()\n    },\n    callApiAsPerData () {\n      this.$emit('callApiAsPerPagination', {\n        offset: this.start,\n        limit: this.dataLimit\n      })\n    },\n    nextPage () {\n      if (this.pageNumber >= this.totalNoOfPages) {\n        return false\n      }\n      this.pageNumber += 1\n      this.start = this.pageNumber * this.dataLimit - this.dataLimit\n      this.callApiAsPerData()\n    },\n    previousPage () {\n      if (this.pageNumber !== 1) {\n        this.pageNumber -= 1\n        this.start = this.pageNumber * this.dataLimit - this.dataLimit\n        this.callApiAsPerData()\n      }\n    },\n    dataLimitChangeHandler (data) {\n      if (data > this.totalDataCount) {\n        this.start = 0\n      } else {\n        this.pageNumber = Math.ceil(\n          (this.start + this.dataLimit) / this.dataLimit\n        )\n      }\n      this.totalNoOfPages = Math.ceil(this.totalDataCount / this.dataLimit)\n      this.callApiAsPerData()\n    }\n  },\n  beforeDestroy() {\n    this.$root.$off(\"setPaginationValueAsperVlue\");\n  },\n}\n</script>\n<style scoped>\nbutton {\n  width: 34px !important;\n  height: 34px !important;\n}\nselect, input {\n  height: 34px !important;\n}\n.pagination-button {\n  border-radius: 3px;\n  font-size: 1em;\n  text-align: center !important;\n}\n.selectBoxWidth {\n    width: 70px !important;\n    padding:0 !important;\n    flex-basis: 0 !important;\n}\n.page-number-input{\n    width: 65px;\n    display: inline-block;\n    height: 30px;\n    border: 1px solid #9a9a9a;\n    border-radius: 5px;\n    padding-left: 5px;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pagination.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!./pagination.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./pagination.vue?vue&type=template&id=7b4a9395&scoped=true&\"\nimport script from \"./pagination.vue?vue&type=script&lang=js&\"\nexport * from \"./pagination.vue?vue&type=script&lang=js&\"\nimport style0 from \"./pagination.vue?vue&type=style&index=0&id=7b4a9395&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  \"7b4a9395\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('svg',{attrs:{\"width\":_vm.width,\"height\":_vm.height,\"fill\":_vm.color,\"viewBox\":\"0 0 20 20\",\"version\":\"1.1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\"}},[_c('title',[_vm._v(\"icons/sort/a-z\")]),_c('g',{attrs:{\"id\":\"icons/sort/a-z\",\"stroke\":\"none\",\"stroke-width\":\"1\",\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('rect',{attrs:{\"id\":\"Rectangle\",\"stroke-opacity\":\"0.458615603\",\"stroke\":\"#F4F4F4\",\"fill\":\"#FFFFFF\",\"x\":\"0.5\",\"y\":\"0.5\",\"width\":\"19\",\"height\":\"19\"}}),_c('path',{attrs:{\"d\":\"M2,5 C2,4.44772 2.44772,4 3,4 L17,4 C17.5523,4 18,4.44772 18,5 C18,5.55228 17.5523,6 17,6 L3,6 C2.44772,6 2,5.55228 2,5 Z M2,10 C2,9.4477 2.44772,9 3,9 L13,9 C13.5523,9 14,9.4477 14,10 C14,10.5523 13.5523,11 13,11 L3,11 C2.44772,11 2,10.5523 2,10 Z M3,14 C2.44772,14 2,14.4477 2,15 C2,15.5523 2.44772,16 3,16 L9,16 C9.5523,16 10,15.5523 10,15 C10,14.4477 9.5523,14 9,14 L3,14 Z\",\"id\":\"Combined-Shape\",\"fill\":\"#727272\",\"fill-rule\":\"nonzero\",\"transform\":\"translate(10.000000, 10.000000) scale(1, -1) translate(-10.000000, -10.000000) \"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<svg :width=\"width\" :height=\"height\" :fill=\"color\" viewBox=\"0 0 20 20\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n<title>icons/sort/a-z</title>\n<g id=\"icons/sort/a-z\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n<rect id=\"Rectangle\" stroke-opacity=\"0.458615603\" stroke=\"#F4F4F4\" fill=\"#FFFFFF\" x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\"></rect>\n<path d=\"M2,5 C2,4.44772 2.44772,4 3,4 L17,4 C17.5523,4 18,4.44772 18,5 C18,5.55228 17.5523,6 17,6 L3,6 C2.44772,6 2,5.55228 2,5 Z M2,10 C2,9.4477 2.44772,9 3,9 L13,9 C13.5523,9 14,9.4477 14,10 C14,10.5523 13.5523,11 13,11 L3,11 C2.44772,11 2,10.5523 2,10 Z M3,14 C2.44772,14 2,14.4477 2,15 C2,15.5523 2.44772,16 3,16 L9,16 C9.5523,16 10,15.5523 10,15 C10,14.4477 9.5523,14 9,14 L3,14 Z\" id=\"Combined-Shape\" fill=\"#727272\" fill-rule=\"nonzero\" transform=\"translate(10.000000, 10.000000) scale(1, -1) translate(-10.000000, -10.000000) \"></path>\n</g>\n</svg>\n</template>\n<script>\nexport default {\n  name: 'ascIconSvg', // vue component name\n  props: {\n    color: {\n      type: String,\n      default: 'gray'\n    },\n    width: {\n      type: String,\n      default: '40px'\n    },\n    height: {\n      type: String,\n      default: '40px'\n    }\n  },\n  data () {\n    return {\n    }\n  }\n}\n</script>\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!./ascIconSvg.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!./ascIconSvg.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ascIconSvg.vue?vue&type=template&id=2a49665a&\"\nimport script from \"./ascIconSvg.vue?vue&type=script&lang=js&\"\nexport * from \"./ascIconSvg.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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _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('div',{staticClass:\"sm:grid grid-cols-12 gap-3\"},[_c('div',{staticClass:\"col-span-6 mb-4 sm:mb-0\"},[_c('TextField',{attrs:{\"inputId\":'cusfirstnameid',\"textMaxlength\":50,\"showcharLimit\":true,\"inputext\":_vm.custDetail.firstName,\"fieldError\":_vm.errObj.firstNameErr !== '',\"placholderText\":`First Name`,\"lableText\":'First Name',\"autoFocus\":true},on:{\"keyPressAction\":function($event){_vm.errObj.firstNameErr = ''},\"inputChangeAction\":(data) => _vm.custDetail.firstName = data}}),_c('p',{staticClass:\"text-error heading-7\"},[_vm._v(_vm._s(_vm.errObj.firstNameErr))])],1),_c('div',{staticClass:\"col-span-6 mb-4 sm:mb-0\"},[_c('TextField',{attrs:{\"inputId\":'cuslastnameid',\"textMaxlength\":50,\"showcharLimit\":true,\"inputext\":_vm.custDetail.lastName,\"fieldError\":_vm.errObj.lastNameErr !== '',\"placholderText\":`Last Name`,\"lableText\":'Last Name',\"autoFocus\":false},on:{\"keyPressAction\":function($event){_vm.errObj.lastNameErr = ''},\"inputChangeAction\":(data) => _vm.custDetail.lastName = data}}),_c('p',{staticClass:\"text-error heading-7\"},[_vm._v(_vm._s(_vm.errObj.lastNameErr))])],1),_c('div',{staticClass:\"col-span-6 mb-4 sm:mb-0\"},[_c('NumberInput',{attrs:{\"showcharLimit\":true,\"inputId\":'custprimnumber',\"inputext\":_vm.custDetail.phoneNumber,\"textMaxlength\":12,\"placholderText\":`Primary Number`,\"lableText\":'Primary Number',\"inputType\":'text',\"autoFocus\":false,\"fieldError\":_vm.errObj.primNumErr !== '' || _vm.numberExist1,\"setReadOnly\":false},on:{\"keyPressAction\":function($event){_vm.errObj.primNumErr = ''; _vm.numberExist1 = false},\"blurAction\":function($event){return _vm.checkContactNumber('prime')},\"inputChangeAction\":(data) => _vm.custDetail.phoneNumber = data}}),_c('p',{staticClass:\"text-error heading-7\"},[_vm._v(_vm._s(_vm.errObj.primNumErr))]),(_vm.numberExist1)?_c('div',[(_vm.numberExist1)?_c('p',{staticClass:\"text-error\"},[_vm._v(\"Number already in use, please use another\")]):_vm._e(),_vm._l((_vm.existArr1),function(data,index){return _c('span',{key:index},[_c('li',{staticClass:\"heading-6 text-primary cursor-pointer\",on:{\"click\":function($event){return _vm.routingTodata(data)}}},[_vm._v(_vm._s(data.firstName)+\" \"+_vm._s(data.firstName)+\"(\"+_vm._s(data.isLead ? 'Lead' : 'Customer')+\")\")])])})],2):_vm._e()],1),_c('div',{staticClass:\"col-span-6 mb-4 sm:mb-0\"},[_c('TextField',{attrs:{\"inputId\":'customeremail',\"inputext\":_vm.custDetail.emailAddress,\"placholderText\":`Email Address`,\"showcharLimit\":true,\"textMaxlength\":250,\"lableText\":'Email Address',\"inputType\":'text',\"autoFocus\":false,\"setReadOnly\":false,\"fieldError\":_vm.errObj.emailErr !== '' || _vm.emailExist},on:{\"blurAction\":_vm.checkEmail,\"keyPressAction\":function($event){_vm.errObj.emailErr = '';_vm.emailExist = false},\"inputChangeAction\":(data) => _vm.custDetail.emailAddress = data}}),_c('p',{staticClass:\"text-error heading-7\"},[_vm._v(_vm._s(_vm.errObj.emailErr))]),(_vm.emailExist)?_c('div',[(_vm.emailExist)?_c('p',{staticClass:\"text-error\"},[_vm._v(\"Email already in use, please use another\")]):_vm._e(),_vm._l((_vm.existArr3),function(data,index){return _c('span',{key:index},[_c('li',{staticClass:\"heading-6 text-primary cursor-pointer\",on:{\"click\":function($event){return _vm.routingTodata(data)}}},[_vm._v(_vm._s(data.firstName)+\" \"+_vm._s(data.firstName)+\"(\"+_vm._s(data.isLead ? 'Lead' : 'Customer')+\")\")])])})],2):_vm._e()],1),_c('div',{staticClass:\"col-span-12\"},[_c('TextField',{attrs:{\"inputId\":'companyNameid',\"textMaxlength\":50,\"inputext\":_vm.custDetail.companyName,\"placholderText\":`Company Name`,\"showcharLimit\":true,\"lableText\":'Company Name',\"autoFocus\":false},on:{\"inputChangeAction\":(data) => _vm.custDetail.companyName = data}})],1)]),_c('div',[_c('p',{staticClass:\"text-text2 font-bold heading-5 py-3\"},[_vm._v(\"Additional Details\")]),_c('div',{staticClass:\"sm:grid grid-cols-12 gap-3\"},[_c('div',{staticClass:\"col-span-6 mb-4\"},[_c('NumberInput',{attrs:{\"inputId\":'custothernumber',\"inputext\":_vm.custDetail.otherNumber,\"textMaxlength\":12,\"placholderText\":`Other Number`,\"lableText\":'Other Number',\"showcharLimit\":true,\"inputType\":'text',\"autoFocus\":false,\"fieldError\":_vm.errObj.otherNumberErr !== '' || _vm.numberExist2,\"setReadOnly\":false},on:{\"keyPressAction\":function($event){_vm.errObj.otherNumberErr = ''; _vm.numberExist2 = false},\"blurAction\":function($event){return _vm.checkContactNumber('other')},\"inputChangeAction\":(data) => _vm.custDetail.otherNumber = data}}),_c('p',{staticClass:\"text-error heading-7\"},[_vm._v(_vm._s(_vm.errObj.otherNumberErr))]),(_vm.numberExist2)?_c('div',[(_vm.numberExist2)?_c('p',{staticClass:\"text-error\"},[_vm._v(\"Number already in use, please use another\")]):_vm._e(),_vm._l((_vm.existArr2),function(data,index){return _c('span',{key:index},[_c('li',{staticClass:\"heading-6 text-primary cursor-pointer\",on:{\"click\":function($event){return _vm.routingTodata(data)}}},[_vm._v(_vm._s(data.firstName)+\" \"+_vm._s(data.firstName)+\"(\"+_vm._s(data.isLead ? 'Lead' : 'Customer')+\")\")])])})],2):_vm._e()],1),_c('div',{staticClass:\"col-span-12 mb-4\"},[_c('TextAreaInput',{attrs:{\"inputId\":'discriptioncon',\"inputext\":_vm.custDetail.hotNotes,\"placholderText\":`Write notes here..`,\"lableText\":'Hot Notes',\"inputType\":'text',\"autoFocus\":false,\"textMaxlength\":1000,\"showcharLimit\":true,\"cols\":50,\"rows\":3,\"setReadOnly\":false},on:{\"inputChangeAction\":(data) => _vm.custDetail.hotNotes = data}})],1)])])])]),_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\":'text1',\"btnColor\":'gray1',\"btnText\":'Discard'},on:{\"buttonAction\":function($event){return _vm.discard()}}}),_c('Button',{attrs:{\"btnSize\":'medium',\"textColor\":'white',\"btnColor\":'success',\"btnText\":'Save'},on:{\"buttonAction\":function($event){return _vm.saveNewCustomer()}}})],1)])])])])\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(\" New Customer \")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <!-- eslint-disable vue/no-use-v-if-with-v-for,vue/no-confusing-v-for-v-if -->\n    <div 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                New Customer\n            </div>\n          </div>\n          <div class=\"p-4\">\n            <div class=\"sm:grid grid-cols-12 gap-3\">\n              <div class=\"col-span-6 mb-4 sm:mb-0\">\n                <TextField\n                  :inputId=\"'cusfirstnameid'\"\n                  :textMaxlength=\"50\"\n                  :showcharLimit=\"true\"\n                  :inputext=\"custDetail.firstName\"\n                  :fieldError=\"errObj.firstNameErr !== ''\"\n                  :placholderText=\"`First Name`\"\n                  :lableText=\"'First Name'\"\n                  :autoFocus=\"true\"\n                  @keyPressAction=\"errObj.firstNameErr = ''\"\n                  @inputChangeAction=\"(data) => custDetail.firstName = data\"  />\n\n                  <p class=\"text-error heading-7\">{{errObj.firstNameErr}}</p>\n               </div>\n              <div class=\"col-span-6 mb-4 sm:mb-0\">\n                <TextField\n                  :inputId=\"'cuslastnameid'\"\n                  :textMaxlength=\"50\"\n                  :showcharLimit=\"true\"\n                  :inputext=\"custDetail.lastName\"\n                  :fieldError=\"errObj.lastNameErr !== ''\"\n                  :placholderText=\"`Last Name`\"\n                  :lableText=\"'Last Name'\"\n                  :autoFocus=\"false\"\n                  @keyPressAction=\"errObj.lastNameErr = ''\"\n                  @inputChangeAction=\"(data) => custDetail.lastName = data\"  />\n\n                  <p class=\"text-error heading-7\">{{errObj.lastNameErr}}</p>\n               </div>\n              <div class=\"col-span-6 mb-4 sm:mb-0\">\n                <NumberInput\n                :showcharLimit=\"true\"\n                :inputId=\"'custprimnumber'\"\n                :inputext=\"custDetail.phoneNumber\"\n                :textMaxlength=\"12\"\n                :placholderText=\"`Primary Number`\"\n                :lableText=\"'Primary Number'\"\n                :inputType=\"'text'\"\n                :autoFocus=\"false\"\n                :fieldError=\"errObj.primNumErr !== '' || numberExist1\"\n                :setReadOnly=\"false\"\n                @keyPressAction=\"errObj.primNumErr = ''; numberExist1 = false\"\n                @blurAction=\"checkContactNumber('prime')\"\n                @inputChangeAction=\"(data) => custDetail.phoneNumber = data\"  />\n\n                  <p class=\"text-error heading-7\">{{errObj.primNumErr}}</p>\n                  <div v-if=\"numberExist1\">\n                    <p v-if=\"numberExist1\" class=\"text-error\">Number already in use, please use another</p>\n                    <span v-for=\"(data, index) in existArr1\" :key=\"index\">\n                      <li class=\"heading-6 text-primary cursor-pointer\" @click=\"routingTodata(data)\">{{ data.firstName }} {{ data.firstName }}({{ data.isLead ? 'Lead' : 'Customer'}})</li>\n                    </span>\n                  </div>\n               </div>\n              <div class=\"col-span-6 mb-4 sm:mb-0\">\n                <TextField\n                    :inputId=\"'customeremail'\"\n                    :inputext=\"custDetail.emailAddress\"\n                    :placholderText=\"`Email Address`\"\n                    :showcharLimit=\"true\"\n                    :textMaxlength=\"250\"\n                    :lableText=\"'Email Address'\"\n                    :inputType=\"'text'\"\n                    @blurAction=\"checkEmail\"\n                    :autoFocus=\"false\"\n                    :setReadOnly=\"false\"\n                    @keyPressAction=\"errObj.emailErr = '';emailExist = false\"\n                    :fieldError=\"errObj.emailErr !== '' || emailExist\"\n                    @inputChangeAction=\"(data) => custDetail.emailAddress = data\"  />\n\n                  <p class=\"text-error heading-7\">{{errObj.emailErr}}</p>\n                  <div v-if=\"emailExist\">\n                    <p v-if=\"emailExist\" class=\"text-error\">Email already in use, please use another</p>\n                    <span v-for=\"(data, index) in existArr3\" :key=\"index\">\n                      <li class=\"heading-6 text-primary cursor-pointer\" @click=\"routingTodata(data)\">{{ data.firstName }} {{ data.firstName }}({{ data.isLead ? 'Lead' : 'Customer'}})</li>\n                    </span>\n                  </div>\n               </div>\n               <div class=\"col-span-12\">\n                <TextField\n                  :inputId=\"'companyNameid'\"\n                  :textMaxlength=\"50\"\n                  :inputext=\"custDetail.companyName\"\n                  :placholderText=\"`Company Name`\"\n                  :showcharLimit=\"true\"\n                  :lableText=\"'Company Name'\"\n                  :autoFocus=\"false\"\n                  @inputChangeAction=\"(data) => custDetail.companyName = data\"  />\n               </div>\n            </div>\n            <div>\n                <p class=\"text-text2 font-bold heading-5 py-3\">Additional Details</p>\n\n                <div class=\"sm:grid grid-cols-12 gap-3\">\n                  <div class=\" col-span-6 mb-4\">\n                    <NumberInput\n                    :inputId=\"'custothernumber'\"\n                    :inputext=\"custDetail.otherNumber\"\n                    :textMaxlength=\"12\"\n                    :placholderText=\"`Other Number`\"\n                    :lableText=\"'Other Number'\"\n                    :showcharLimit=\"true\"\n                    :inputType=\"'text'\"\n                    :autoFocus=\"false\"\n                    :fieldError=\"errObj.otherNumberErr !== '' || numberExist2\"\n                    :setReadOnly=\"false\"\n                    @keyPressAction=\"errObj.otherNumberErr = ''; numberExist2 = false\"\n                    @blurAction=\"checkContactNumber('other')\"\n                    @inputChangeAction=\"(data) => custDetail.otherNumber = data\"  />\n\n                  <p class=\"text-error heading-7\">{{errObj.otherNumberErr}}</p> \n                  <div v-if=\"numberExist2\">\n                    <p v-if=\"numberExist2\" class=\"text-error\">Number already in use, please use another</p>\n                    <span v-for=\"(data, index) in existArr2\" :key=\"index\">\n                      <li class=\"heading-6 text-primary cursor-pointer\" @click=\"routingTodata(data)\">{{ data.firstName }} {{ data.firstName }}({{ data.isLead ? 'Lead' : 'Customer'}})</li>\n                    </span>\n                  </div>\n                  </div>\n                  <!-- <div class=\" col-span-6 mb-4 \">\n                    <div class=\"pr-4 label_css\">\n                        Rating\n                    </div>\n                    <div class=\"flex   items-center  text-2xl\">\n                      <star-rating :star-size=\"40\" active-color=\"#107591\" inactive-color=\"#1295ba0f\" v-model=\"custDetail.rating\" :show-rating=\"false\"></star-rating> -->\n                        <!-- <span @click=\"custDetail.rating = 1\" :class=\"`${custDetail.rating >= 1 ? 'text-primary' : 'text-gray3' } p-1 text-3xl relative`\">\n                            <i  :class=\"`fa-solid fa-star hover:text-primary cursor-pointer`\"></i>\n                            <span class=\" absolute heading-7 text-white cursor-pointer top-1.5 right-4 pr-0.5\">1</span>\n                        </span>\n                        <span @click=\"custDetail.rating = 2\" :class=\"`${custDetail.rating >= 2 ? 'text-primary' : 'text-gray3' } p-1 text-3xl relative`\">\n                            <i  :class=\"`fa-solid fa-star hover:text-primary cursor-pointer`\"></i>\n                            <span class=\" absolute heading-7 text-white cursor-pointer top-1.5 right-4 pr-0.5\">2</span>\n                        </span>\n                        <span @click=\"custDetail.rating = 3\" :class=\"`${custDetail.rating >= 3 ? 'text-primary' : 'text-gray3' } p-1 text-3xl relative`\">\n                            <i  :class=\"`fa-solid fa-star hover:text-primary cursor-pointer`\"></i>\n                            <span class=\" absolute heading-7 text-white cursor-pointer top-1.5 right-4 pr-0.5\">3</span>\n                        </span>\n                        <span @click=\"custDetail.rating = 4\" :class=\"`${custDetail.rating >= 4 ? 'text-primary' : 'text-gray3' } p-1 text-3xl relative`\">\n                            <i  :class=\"`fa-solid fa-star hover:text-primary cursor-pointer`\"></i>\n                            <span class=\" absolute heading-7 text-white cursor-pointer top-1.5 right-4 pr-0.5\">4</span>\n                        </span>\n                        <span @click=\"custDetail.rating = 5\" :class=\"`${custDetail.rating >= 5 ? 'text-primary' : 'text-gray3' } p-1 text-3xl relative`\">\n                            <i  :class=\"`fa-solid fa-star hover:text-primary cursor-pointer`\"></i>\n                            <span class=\" absolute heading-7 text-white cursor-pointer top-1.5 right-4 pr-0.5\">5</span>\n                        </span> -->\n                    <!-- </div>\n                  </div> -->\n               \n                  <div class=\" col-span-12 mb-4\">\n                    <TextAreaInput\n                      :inputId=\"'discriptioncon'\"\n                      :inputext=\"custDetail.hotNotes\"\n                      :placholderText=\"`Write notes here..`\"\n                      :lableText=\"'Hot Notes'\"\n                      :inputType=\"'text'\"\n                      :autoFocus=\"false\"\n                      :textMaxlength=\"1000\"\n                      :showcharLimit=\"true\"\n                      :cols=\"50\"\n                      :rows=\"3\"\n                      :setReadOnly=\"false\"\n                      @inputChangeAction=\"(data) => custDetail.hotNotes = data\"  />\n                  </div>\n                </div>\n\n            </div>\n          </div>\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=\"'text1'\" :btnColor=\"'gray1'\" :btnText=\"'Discard'\" @buttonAction=\"discard()\"/>\n              <Button :btnSize=\"'medium'\" :textColor=\"'white'\" :btnColor=\"'success'\" :btnText=\"'Save'\" @buttonAction=\"saveNewCustomer()\"/>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\n// import StarRating from 'vue-star-rating'\nimport Button from '@/View/components/globalButton.vue'\nimport TextField from '@/View/components/textfield.vue'\nimport NumberInput from '@/View/components/number-text-field.vue'\nimport { validateEmail, checkSpeialChar } from \"@/utils/validation.js\";\nimport TextAreaInput from '@/View/components/textAreaInput.vue'\nimport MyJobApp from '@/api/MyJobApp.js'\nexport default {\n  name: 'sendEmail',\n  components: {\n    TextAreaInput,\n    Button,\n    NumberInput,\n    TextField,\n    // StarRating\n  },\n  data () {\n    return {\n      emailExist: false,\n      numberExist2: false,\n      numberExist1: false,\n      existArr1: [],\n      existArr2: [],\n      existArr3: [],\n        custDetail: {\n            customerId: 0,\n            firstName: '',\n            lastName: '',\n            companyName: '',\n            phoneNumber: '',\n            otherNumber: '',\n            emailAddress: '',\n            rating: 0,\n            hotNotes: '',\n        },\n        errObj: {\n            firstNameErr: '',\n            lastNameErr: '',\n            primNumErr: '',\n            otherNumberErr: '',\n            emailErr: ''\n        }\n    }\n  },\n  props: [],\n   created() {\n  },\n  mounted () {\n    document.body.style = 'overflow: hidden;'\n  },\n  watch: {},\n  methods: {\n    saveNewCustomer () {\n      let isValid = true\n      if (this.custDetail.firstName.trim() === '') {\n        isValid = false\n        this.errObj.firstNameErr = 'First name is required'\n      }\n      if (this.errObj.primNumErr !== '' || this.errObj.otherNumberErr !== \"\" || this.errObj.emailErr !== '' || this.numberExist1 || this.numberExist2 || this.emailExist) {\n        isValid = false\n      }\n      if (isValid) {\n         MyJobApp.saveNewCustomer(\n         this.custDetail,\n          response => {\n            let data = null\n            if (this.custDetail.companyName === '') {\n              data = {\n                  companyName: this.custDetail.firstName + ' ' + this.custDetail.lastName,\n                  customerId: response.Data\n              }\n            } else {\n              data = {\n                  companyName: this.custDetail.companyName,\n                  customerId: response.Data\n              }\n            }\n            this.$root.$emit('addCustomerHandler', true, data)\n            this.$store.dispatch('SetAlert', {showAlert: true, message: response.message, color: 'success'})\n            this.$store.dispatch('SetLoader', {status: false, message: ''})\n          },\n          (error) => {\n            this.$store.dispatch('SetAlert', {showAlert: true, message: error.message, color: 'error'})\n            this.$store.dispatch('SetLoader', {status: false, message: ''})\n          }\n        )\n      }\n    },\n    discard () {\n      document.body.style = 'overflow: visible;'\n      this.$root.$emit('addCustomerHandler')\n    },\n    checkContactNumber (from) {\n        if (from === 'prime') {\n          let value = checkSpeialChar(this.custDetail.phoneNumber)\n          console.log('value', value)\n          if (value) {\n            this.errObj.primNumErr = 'Please enter valid contact number'\n          } else {\n            this.errObj.primNumErr = ''\n          }\n            // if (this.custDetail.phoneNumber.length < 10 && this.custDetail.phoneNumber !== '') {\n            //     this.errObj.primNumErr = 'Please enter valid contact number'\n            // } else if (this.custDetail.phoneNumber.length === 10 && this.custDetail.phoneNumber.trim() !== '' || this.custDetail.phoneNumber.trim() === '') {\n            //     this.errObj.primNumErr = ''\n            // }\n            if (this.custDetail.phoneNumber !== '' ) {\n              this.checkExist('number', this.custDetail.phoneNumber, from)\n          }\n        }\n        if (from === 'other') {\n          let value = checkSpeialChar(this.custDetail.otherNumber)\n          console.log('value', value)\n          if (value) {\n            this.errObj.otherNumberErr = 'Please enter valid contact number'\n          } else {\n            this.errObj.otherNumberErr = ''\n          }\n            // if (this.custDetail.otherNumber.length < 10 && this.custDetail.otherNumber !== '') {\n            //     this.errObj.otherNumberErr = 'Please enter valid contact number'\n            // } else if (this.custDetail.otherNumber.length === 10 && this.custDetail.otherNumber.trim() !== '' || this.custDetail.otherNumber.trim() === '') {\n            //     this.errObj.otherNumberErr = ''\n            // }\n            if (this.custDetail.otherNumber !== '' ) {\n              this.checkExist('number', this.custDetail.otherNumber, from)\n          }\n        }\n      \n    },\n    checkExist (from, value, contact) {\n      MyJobApp.getLeadCustEmailNumCheck(\n        from,\n        value,\n        0,\n        response => {\n          if (from === 'number' && response.Data && contact === 'prime') {\n            this.numberExist1 = true\n            this.existArr1 = response.Data\n          } else if (from === 'number' && response.Data && contact === 'other') {\n              this.numberExist2 = true\n              this.existArr2 = response.Data\n          } else if (from === 'email' && response.Data && contact === 'email') {\n              this.emailExist = true\n              this.existArr3 = response.Data\n          }\n        },\n        error => {\n          this.$store.dispatch('SetLoader', {status: false, message: ''})\n          this.$store.dispatch('SetAlert', {showAlert: true, message: error.message, color: 'error'})\n        }\n      ) \n    },\n    routingTodata (value) {\n      let url = ''\n      if (value.isLead) {\n        url = this.$router.resolve({name: 'LeadDetail', params: {leadId: value.customerId}})\n      } else {\n        url = this.$router.resolve({name: 'customerDetails', params: {customerId: value.customerId}})\n      }\n      window.open(url.href, '_blank')\n    },\n    checkEmail () {\n      if (this.custDetail.emailAddress !== '' && validateEmail(this.custDetail.emailAddress) === false) {\n          this.errObj.emailErr = \"Please enter valid email\";\n          return;\n      } else {\n        this.errObj.emailErr = \"\";\n        if (this.custDetail.emailAddress !== '') {\n          this.checkExist('email', this.custDetail.emailAddress, 'email')\n        }\n        // this.verifycustomerDataExist('customer_email', this.custDetail.emailAddress)\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!./AddCustomer.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!./AddCustomer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddCustomer.vue?vue&type=template&id=085776f2&scoped=true&\"\nimport script from \"./AddCustomer.vue?vue&type=script&lang=js&\"\nexport * from \"./AddCustomer.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  \"085776f2\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pagination.vue?vue&type=style&index=0&id=7b4a9395&prod&scoped=true&lang=css&\"","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('div',{},[_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()]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputValue),expression:\"inputValue\"}],staticClass:\"cust_text_field py-4 px-2 w-full m-px flex text-text1 bg-white rounded items-center\",class:`${_vm.inputType === 'color' ? 'h-12 py-0' : 'py-3'} ${_vm.textRight ? 'text-right pr-2' : ''} ${_vm.showError ? 'ring-1 ring-error' : 'border border-gray2 focus:border-primary focus:ring-1 border flex text-text1 focus:border-primary focus:ring-1'}\n        pr-${_vm.inputType === 'password' || _vm.showDate ? '8' : '0'}\n        `,attrs:{\"maxlength\":_vm.textMaxlength,\"pattern\":_vm.pattern,\"disabled\":_vm.disabled,\"placeholder\":_vm.placholderText,\"readonly\":_vm.setReadOnly,\"type\":_vm.inputTypeText,\"rows\":_vm.rows,\"cols\":_vm.cols,\"autofocus\":_vm.setAutoFocust,\"autocomplete\":\"off\",\"id\":_vm.inputId},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\":_vm.onClickInputAction,\"focus\":_vm.focus}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div v-click-outside-textInput=\"closePopup\" class=\"relative\">\n        <div class=\"\">\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            <textarea \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=\"onClickInputAction\"\n            @focus=\"focus\"\n            v-model=\"inputValue\"\n            :disabled=\"disabled\"\n            :placeholder=\"placholderText\"\n            :readonly=\"setReadOnly\"\n            :type=\"inputTypeText\"\n            :rows=\"rows\" :cols=\"cols\"\n            :autofocus=\"setAutoFocust\"\n            autocomplete=\"off\"\n            :id=\"inputId\"\n            class=\"cust_text_field py-4  px-2 w-full  m-px flex text-text1 bg-white rounded items-center\"\n            :class=\"`${inputType === 'color' ? 'h-12 py-0' : 'py-3'} ${textRight ? 'text-right pr-2' : ''} ${showError ? 'ring-1 ring-error' : 'border border-gray2 focus:border-primary focus:ring-1 border flex text-text1 focus:border-primary focus:ring-1'}\n            pr-${inputType === 'password' || showDate ? '8' : '0'}\n            `\"></textarea>\n            </div>\n          \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: [ 'cols', 'showcharLimit', 'rows', 'pattern', \"textRight\", \"inputext\", \"textMaxlength\", 'lableText', 'inputId', 'autoFocus', 'fieldError', 'setReadOnly', 'placholderText', 'inputType', \"showDate\", \"disabled\", \"showTime\"],\n  data() {\n    return {\n      inputTypeText: 'text',\n      hidePassword: false,\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        this.$emit('inputChangeAction', text)\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 () {\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!./textAreaInput.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!./textAreaInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./textAreaInput.vue?vue&type=template&id=c78435d8&scoped=true&\"\nimport script from \"./textAreaInput.vue?vue&type=script&lang=js&\"\nexport * from \"./textAreaInput.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  \"c78435d8\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"search_customer_box text-gray-500 bg-white rounded-md text-sm px-2 py-1 items-center\",class:_vm.isfocus ? 'border border-primary' : 'border border-gray2',staticStyle:{\"display\":\"flex\",\"min-height\":\"42px\",\"max-height\":\"42px\"}},[_c('span',{staticClass:\"mr-2 cursor-pointer\",on:{\"click\":function($event){return _vm.searchIconClick()}}},[_c('img',{attrs:{\"height\":\"20px\",\"width\":\"20px\",\"src\":require(\"@/assets/images/svg/gray-search.svg\"),\"alt\":\"\"}})]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchVal),expression:\"searchVal\"}],staticClass:\"focus:outline-none w-36 sm:w-full\",attrs:{\"type\":\"search\",\"name\":\"\",\"placeholder\":`${ _vm.placeholderText ? _vm.placeholderText : 'Search...'}`,\"id\":\"search_Input\",\"autocomplete\":\"OFF\",\"autofocus\":_vm.isfocus},domProps:{\"value\":(_vm.searchVal)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.searchVal=$event.target.value},_vm.callSearch],\"focus\":function($event){_vm.isfocus = true},\"blur\":function($event){_vm.isfocus = false}}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div style=\"display:flex; min-height:42px; max-height:42px\" :class=\"isfocus ? 'border border-primary' : 'border border-gray2'\" class=\"search_customer_box  text-gray-500 bg-white rounded-md text-sm px-2 py-1 items-center\">\n            <span @click=\"searchIconClick()\" class=\"mr-2 cursor-pointer\"><img height=\"20px\" width=\"20px\" src=\"@/assets/images/svg/gray-search.svg\" alt=\"\"></span>\n            <input class=\"focus:outline-none w-36 sm:w-full\"\n            type=\"search\"\n            name=\"\"\n            :placeholder=\"`${ placeholderText ? placeholderText : 'Search...'}`\"\n            id=\"search_Input\"\n            v-model=\"searchVal\"\n            autocomplete=\"OFF\"\n            :autofocus=\"isfocus\"\n            @input=\"callSearch\"\n            @focus=\"isfocus = true\"\n            @blur=\"isfocus = false\"\n            >\n         </div>\n</template>\n<script>\nexport default {\n    props: [\"placeholderText\", 'inputvalue'],\n  data() {\n    return {\n        searchVal: '',\n        isfocus: false\n    };\n  },\n  watch: {\n    inputvalue: {\n      handler () {\n        if (this.inputvalue !== '') {\n          this.searchVal = this.inputvalue\n        }\n      }\n    },\n    placeholderText: {\n      handler () {\n        if (this.placeholderText === '') {\n          document.getElementById(\"search_Input\").focus()\n        } else {\n         document.getElementById(\"search_Input\").focus()\n        }\n      }\n    }\n  },\n  mounted() {},\n  methods: {\n    callSearch () {\n        this.$emit('searchCall', this.searchVal)\n    },\n    searchIconClick () {\n        document.getElementById('search_Input').focus()\n    }\n  },\n};\n</script>\n<style scoped>\n.goTop_btn {\n    position: fixed;\n    bottom: 25px;\n    right: 25px;\n    z-index: 1000;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./searchTextInput.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!./searchTextInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./searchTextInput.vue?vue&type=template&id=d6e10930&scoped=true&\"\nimport script from \"./searchTextInput.vue?vue&type=script&lang=js&\"\nexport * from \"./searchTextInput.vue?vue&type=script&lang=js&\"\nimport style0 from \"./searchTextInput.vue?vue&type=style&index=0&id=d6e10930&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  \"d6e10930\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mt-12\"},[_c('div',{staticClass:\"card bg-white rounded-xl p-4\"},[_c('div',{staticClass:\"relative\"},[_c('div',{staticClass:\"card top_primary_card bg-primary font-bold text-white p-4 rounded-xl absolute -top-11 w-full\"},[_vm._v(\" Customer list (\"+_vm._s(_vm.totalCustomerCount)+\") \")])]),_c('div',{staticClass:\"mt-8\"},[_c('div',{staticClass:\"flex flex-wrap justify-between items-center\"},[_c('div',{staticClass:\"w-72 mb-4\"},[_c('SearchTextInput',{attrs:{\"placeholderText\":`Search Customer...`},on:{\"searchCall\":_vm.searchCall}})],1),_c('div',{staticClass:\"mb-4\"},[_c('Button',{attrs:{\"btnSize\":'large',\"textColor\":'white',\"btnColor\":'primary',\"btnText\":'Add New'},on:{\"buttonAction\":function($event){return _vm.addNewCust(false)}}})],1)])]),_c('div',[_c('div',{staticStyle:{\"overflow-y\":\"auto\",\"white-space\":\"nowrap\"}},[_c('div',{staticClass:\"text-gray4 min-w-min border-b border-gray1 font-bold flex heading-7 px-3 py-3 items-center\"},[_c('div',{staticClass:\"customer_name_col uppercase flex items-center\",class:_vm.titleObj[0].icon !== '' ? 'text-primary' : '',on:{\"click\":function($event){return _vm.sortByColumn(0)}}},[_c('span',{staticClass:\"cursor-pointer\"},[_vm._v(_vm._s(_vm.titleObj[0].title))]),(_vm.titleObj[0].icon !== '')?_c('div',[(_vm.titleObj[0].icon === 'DESC')?_c('descIconSvg',{staticClass:\"ml-2\",attrs:{\"width\":'20px',\"height\":'20px'}}):_c('ascIconSvg',{staticClass:\"ml-2\",attrs:{\"width\":'20px',\"height\":'20px'}})],1):_vm._e()]),_c('div',{staticClass:\"customer_name_col uppercase flex items-center\",class:_vm.titleObj[1].icon !== '' ? 'text-primary' : '',on:{\"click\":function($event){return _vm.sortByColumn(1)}}},[_c('span',{staticClass:\"cursor-pointer\"},[_vm._v(_vm._s(_vm.titleObj[1].title))]),(_vm.titleObj[1].icon !== '')?_c('div',[(_vm.titleObj[1].icon === 'DESC')?_c('descIconSvg',{staticClass:\"ml-2\",attrs:{\"width\":'20px',\"height\":'20px'}}):_c('ascIconSvg',{staticClass:\"ml-2\",attrs:{\"width\":'20px',\"height\":'20px'}})],1):_vm._e()]),_c('div',{staticClass:\"customer_name_col uppercase flex items-center\",class:_vm.titleObj[2].icon !== '' ? 'text-primary' : '',on:{\"click\":function($event){return _vm.sortByColumn(2)}}},[_c('span',{staticClass:\"cursor-pointer\"},[_vm._v(_vm._s(_vm.titleObj[2].title))]),(_vm.titleObj[2].icon !== '')?_c('div',[(_vm.titleObj[2].icon === 'DESC')?_c('descIconSvg',{staticClass:\"ml-2\",attrs:{\"width\":'20px',\"height\":'20px'}}):_c('ascIconSvg',{staticClass:\"ml-2\",attrs:{\"width\":'20px',\"height\":'20px'}})],1):_vm._e()]),_c('div',{staticClass:\"customer_name_col uppercase flex items-center\",class:_vm.titleObj[3].icon !== '' ? 'text-primary' : '',on:{\"click\":function($event){return _vm.sortByColumn(3)}}},[_c('span',{staticClass:\"cursor-pointer\"},[_vm._v(_vm._s(_vm.titleObj[3].title))]),(_vm.titleObj[3].icon !== '')?_c('div',[(_vm.titleObj[3].icon === 'DESC')?_c('descIconSvg',{staticClass:\"ml-2\",attrs:{\"width\":'20px',\"height\":'20px'}}):_c('ascIconSvg',{staticClass:\"ml-2\",attrs:{\"width\":'20px',\"height\":'20px'}})],1):_vm._e()])]),(_vm.customersList.length > 0)?_c('div',_vm._l((_vm.customersList),function(data,index){return _c('div',{key:index,staticClass:\"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\",on:{\"click\":function($event){return _vm.openCustomerDetails(data.customerId)}}},[_c('div',{staticClass:\"customer_name_col\"},[_c('div',{},[_c('p',{staticClass:\"text-text1 font-bold\"},[_vm._v(_vm._s(data.companyName))]),_c('p',{staticClass:\"text-gray4 text\"},[_vm._v(_vm._s(data.firstName)+\" \"+_vm._s(data.lastName))])])]),_c('div',{staticClass:\"customer_name_col\"},[_c('div',{staticClass:\"flex items-center\"},[_c('span',{staticClass:\"text-gray4 heading-6\"},[_vm._v(_vm._s(data.emailAddress === '' ? '-' : data.emailAddress))])])]),_c('div',{staticClass:\"customer_name_col\"},[_c('div',{staticClass:\"flex items-center\"},[_c('span',{staticClass:\"text-gray4 heading-6\"},[_vm._v(_vm._s(data.phoneNumber === '' ? '-' : data.phoneNumber))])])]),_c('div',{staticClass:\"customer_name_col\"},[_c('div',{staticClass:\"flex items-center\"},[_c('span',{staticClass:\"text-gray4 heading-6\"},[_vm._v(_vm._s(_vm._f(\"formatDataeTime\")(data.addedDate)))])])])])}),0):_c('div',[_c('NoRecords',{attrs:{\"alertMessage\":`No records found.`}})],1),_c('div',[_c('Pagination',{attrs:{\"totalDataCount\":_vm.totalCustomerCount,\"resetPagination\":_vm.resetPaginationValues},on:{\"callApiAsPerPagination\":_vm.getCustomerDataFromPagination}})],1)])])]),(_vm.addCustomer)?_c('AddCustomer'):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mt-12\">\n     <div class=\"card bg-white rounded-xl p-4 \">\n      <div class=\"relative\">\n      <div class=\"card top_primary_card bg-primary font-bold text-white p-4 rounded-xl absolute -top-11 w-full\">\n        Customer list ({{totalCustomerCount}})\n      </div>\n      </div>\n      <div class=\"mt-8\">\n        <div class=\"flex flex-wrap justify-between items-center\">\n          <div class=\"w-72 mb-4\">\n            <SearchTextInput @searchCall=\"searchCall\" :placeholderText=\"`Search Customer...`\"/>\n          </div>\n          <div class=\"mb-4\">\n            <Button @buttonAction=\"addNewCust(false)\" :btnSize=\"'large'\" :textColor=\"'white'\" :btnColor=\"'primary'\" :btnText=\"'Add New'\"/>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div style=\"overflow-y: auto; white-space: nowrap;\" class=\"\">\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=\"customer_name_col uppercase  flex items-center\" :class=\"titleObj[0].icon !== '' ? 'text-primary' : ''\" @click=\"sortByColumn(0)\">\n              <span class=\"cursor-pointer\">{{titleObj[0].title}}</span>\n               <div v-if=\"titleObj[0].icon !== ''\">\n                  <descIconSvg v-if=\"titleObj[0].icon === 'DESC'\" class=\"ml-2\" :width=\"'20px'\" :height=\"'20px'\" />\n                  <ascIconSvg v-else class=\"ml-2\" :width=\"'20px'\" :height=\"'20px'\" />\n                </div>\n            </div>\n            <div class=\"customer_name_col uppercase  flex items-center\" :class=\"titleObj[1].icon !== '' ? 'text-primary' : ''\" @click=\"sortByColumn(1)\">\n              <span class=\"cursor-pointer\">{{titleObj[1].title}}</span>\n               <div v-if=\"titleObj[1].icon !== ''\">\n                  <descIconSvg v-if=\"titleObj[1].icon === 'DESC'\" class=\"ml-2\" :width=\"'20px'\" :height=\"'20px'\" />\n                  <ascIconSvg v-else class=\"ml-2\" :width=\"'20px'\" :height=\"'20px'\" />\n                </div>\n            </div>\n            <div class=\"customer_name_col uppercase  flex items-center\" :class=\"titleObj[2].icon !== '' ? 'text-primary' : ''\" @click=\"sortByColumn(2)\">\n              <span class=\"cursor-pointer\">{{titleObj[2].title}}</span>\n               <div v-if=\"titleObj[2].icon !== ''\">\n                  <descIconSvg v-if=\"titleObj[2].icon === 'DESC'\" class=\"ml-2\" :width=\"'20px'\" :height=\"'20px'\" />\n                  <ascIconSvg v-else class=\"ml-2\" :width=\"'20px'\" :height=\"'20px'\" />\n                </div>\n            </div>\n            <div class=\"customer_name_col uppercase  flex items-center\" :class=\"titleObj[3].icon !== '' ? 'text-primary' : ''\" @click=\"sortByColumn(3)\">\n              <span class=\"cursor-pointer\">{{titleObj[3].title}}</span>\n               <div v-if=\"titleObj[3].icon !== ''\">\n                  <descIconSvg v-if=\"titleObj[3].icon === 'DESC'\" class=\"ml-2\" :width=\"'20px'\" :height=\"'20px'\" />\n                  <ascIconSvg v-else class=\"ml-2\" :width=\"'20px'\" :height=\"'20px'\" />\n                </div>\n            </div>\n          </div>\n          <div v-if=\"customersList.length > 0\">\n            <div v-for=\"(data, index) in customersList\" :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=\"openCustomerDetails(data.customerId)\">\n              <div class=\"customer_name_col  \">\n                <div class=\"\">\n                <!-- <p class=\"  text-text1 font-bold\">{{}}</p> -->\n                <p class=\"  text-text1 font-bold\">{{data.companyName}}</p>\n                <p class=\"  text-gray4 text\">{{data.firstName}} {{data.lastName}}</p>\n                </div>\n              </div>\n              <div class=\"customer_name_col  \">\n                <div class=\"flex items-center\">\n                <span class=\"  text-gray4 heading-6\">{{data.emailAddress === '' ? '-' : data.emailAddress}}</span>\n                </div>\n              </div>\n              <div class=\"customer_name_col\">\n                <div class=\"flex items-center\">\n                <span class=\"  text-gray4 heading-6\">{{data.phoneNumber === '' ? '-' : data.phoneNumber}}</span>\n                </div>\n              </div>\n              <div class=\"customer_name_col  \">\n                <div class=\"flex items-center\">\n                <span class=\"  text-gray4 heading-6\">{{data.addedDate | formatDataeTime}}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div v-else>\n            <NoRecords :alertMessage=\"`No records found.`\" />\n          </div>\n          <div>\n          <Pagination\n                :totalDataCount=\"totalCustomerCount\"\n                :resetPagination=\"resetPaginationValues\"\n                @callApiAsPerPagination=\"getCustomerDataFromPagination\"/>\n        </div>\n        </div>\n      </div>\n     </div>\n     <AddCustomer v-if=\"addCustomer\" />\n   </div>\n</template>\n<script>\nimport MyJobApp from '@/api/MyJobApp.js'\nimport SearchTextInput from '@/View/components/searchTextInput.vue'\nimport Button from '@/View/components/globalButton.vue'\nimport ascIconSvg from '@/assets/images/svg/ascIconSvg.vue'\nimport deboucneMixin from '@/mixins/debounce.js'\nimport descIconSvg from '@/assets/images/svg/descIconSvg.vue'\nimport NoRecords from '@/View/components/noRecords.vue'\nimport Pagination from '@/View/components/pagination.vue'\nimport AddCustomer from './components/AddCustomer.vue'\n\nexport default {\n  name: \"customer\",\n  components: {\n    AddCustomer,\n    Pagination,\n    NoRecords,\n    descIconSvg,\n    ascIconSvg,\n    SearchTextInput,\n    Button,\n  },\n  mixins: [deboucneMixin],\n  data() {\n    return {\n      titleObj: [\n        {title: 'Company Name', icon: '', sortName: 'companyName'},\n        {title: 'Email', icon: '', sortName: 'emailAddress'},\n        {title: 'Contact', icon: '', sortName: 'phoneNumber'},\n        {title: 'Added Date', icon: 'DESC', sortName: 'addedDate'}\n      ],\n      customersList: [],\n      searchForCustomer: '',\n      getCustListDeboucne: null,\n      resetPaginationValues: false,\n      addCustomer: false,\n      totalCustomerCount: 0,\n      filterObject: {\n        start: 0,\n        length: 20,\n        sortOrder: 'DESC',\n        isActive: true,\n        sortBy: 'addedDate'\n      },\n    };\n  },\n  created() {},\n  mounted() {\n    document.body.style = 'overflow: visible;'\n    this.getCustomerList()\n     this.getCustListDeboucne = this.debounce(function () {\n      this.resetPaginationValues = true\n    }, 500)\n    this.$root.$on(\"addCustomerHandler\", (response) => {\n      console.log(response);\n      if (response) {\n        this.getCustomerList()\n      }\n      this.addCustomer = false\n    });\n  },\n  beforeDestroy() {\n    this.$root.$off('addCustomerHandler')\n  },\n  methods: {\n    addNewCust () {\n      this.addCustomer= true\n    },\n    getCustomerDataFromPagination (data) {\n      this.filterObject.start = data.offset\n      this.filterObject.length = data.limit\n      \n      this.getCustomerList(true)\n    },\n    sortByColumn (index) {\n      console.log(index);\n      for (let i = 0; i < this.titleObj.length; i++) {\n        if (i === index) {\n          if (this.titleObj[i].icon === '') {\n            this.titleObj[i].icon = 'DESC'\n            this.filterObject.sortOrder = 'DESC'\n          } else if (this.titleObj[i].icon === 'DESC') {\n            this.titleObj[i].icon = 'ASC'\n            this.filterObject.sortOrder = 'ASC'\n          } else {\n            this.titleObj[i].icon = 'DESC'\n            this.filterObject.sortOrder = 'DESC'\n          }\n        } else {\n          this.titleObj[i].icon = ''\n        }\n      }\n      this.filterObject.sortBy = this.titleObj[index].sortName\n      this.getCustomerList(true)\n    },\n    openCustomerDetails (id) {\n      this.$router.push({name: 'customerDetails', params: {customerId: id}})\n    },\n    searchCall (data) {\n      this.searchForCustomer = data\n      this.getCustListDeboucne()\n    },\n    clickCall () {\n      // this.$router.push({name: '/'})\n      this.$router.push({name: 'invoice'})\n    },\n    getCustomerList (showlistLoader) {\n      if (showlistLoader && this.searchForCustomer !== '') {\n        this.$store.dispatch('SetLoader', {status: true, message: 'Loading...'})\n      }\n      if (this.searchForCustomer === '') {\n        this.$store.dispatch('SetLoader', {status: true, message: 'Loading...'})\n      }\n      MyJobApp.cuaromerList(\n         this.filterObject.start,\n          this.filterObject.length,\n          this.searchForCustomer,\n          this.filterObject.sortBy,\n          this.filterObject.sortOrder,\n          response => {\n            this.totalCustomerCount = response.Data.count\n            this.customersList = response.Data.tableRow !== null ? response.Data.tableRow : []\n            this.resetPaginationValues = false\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  }\n};\n</script>\n<style scoped>\n.customer_name_col {\n  min-width: 300px !important;\n  width: 300px !important;\n  overflow-wrap: anywhere;\n  white-space: pre-wrap;\n  padding-right: 8px;\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!./customers.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!./customers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./customers.vue?vue&type=template&id=4bf0ccfa&scoped=true&\"\nimport script from \"./customers.vue?vue&type=script&lang=js&\"\nexport * from \"./customers.vue?vue&type=script&lang=js&\"\nimport style0 from \"./customers.vue?vue&type=style&index=0&id=4bf0ccfa&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  \"4bf0ccfa\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('svg',{attrs:{\"width\":_vm.width,\"height\":_vm.height,\"fill\":_vm.color,\"viewBox\":\"0 0 20 20\",\"version\":\"1.1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\"}},[_c('title',[_vm._v(\"icons/sort/z-a\")]),_c('g',{attrs:{\"id\":\"icons/sort/z-a\",\"stroke\":\"none\",\"stroke-width\":\"1\",\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('rect',{attrs:{\"id\":\"Rectangle\",\"stroke-opacity\":\"0.458615603\",\"stroke\":\"#F4F4F4\",\"fill\":\"#FFFFFF\",\"x\":\"0.5\",\"y\":\"0.5\",\"width\":\"19\",\"height\":\"19\"}}),_c('path',{attrs:{\"d\":\"M2,5 C2,4.44772 2.44772,4 3,4 L17,4 C17.5523,4 18,4.44772 18,5 C18,5.55228 17.5523,6 17,6 L3,6 C2.44772,6 2,5.55228 2,5 Z M2,10 C2,9.4477 2.44772,9 3,9 L13,9 C13.5523,9 14,9.4477 14,10 C14,10.5523 13.5523,11 13,11 L3,11 C2.44772,11 2,10.5523 2,10 Z M3,14 C2.44772,14 2,14.4477 2,15 C2,15.5523 2.44772,16 3,16 L9,16 C9.5523,16 10,15.5523 10,15 C10,14.4477 9.5523,14 9,14 L3,14 Z\",\"id\":\"Combined-Shape\",\"fill\":\"#727272\",\"fill-rule\":\"nonzero\"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<svg :width=\"width\" :height=\"height\" :fill=\"color\" viewBox=\"0 0 20 20\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>icons/sort/z-a</title>\n    <g id=\"icons/sort/z-a\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <rect id=\"Rectangle\" stroke-opacity=\"0.458615603\" stroke=\"#F4F4F4\" fill=\"#FFFFFF\" x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\"></rect>\n        <path d=\"M2,5 C2,4.44772 2.44772,4 3,4 L17,4 C17.5523,4 18,4.44772 18,5 C18,5.55228 17.5523,6 17,6 L3,6 C2.44772,6 2,5.55228 2,5 Z M2,10 C2,9.4477 2.44772,9 3,9 L13,9 C13.5523,9 14,9.4477 14,10 C14,10.5523 13.5523,11 13,11 L3,11 C2.44772,11 2,10.5523 2,10 Z M3,14 C2.44772,14 2,14.4477 2,15 C2,15.5523 2.44772,16 3,16 L9,16 C9.5523,16 10,15.5523 10,15 C10,14.4477 9.5523,14 9,14 L3,14 Z\" id=\"Combined-Shape\" fill=\"#727272\" fill-rule=\"nonzero\"></path>\n    </g>\n</svg>\n</template>\n<script>\nexport default {\n  name: 'descIconSvg', // vue component name\n  props: {\n    color: {\n      type: String,\n      default: 'gray'\n    },\n    width: {\n      type: String,\n      default: '40px'\n    },\n    height: {\n      type: String,\n      default: '40px'\n    }\n  },\n  data () {\n    return {\n    }\n  }\n}\n</script>\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!./descIconSvg.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!./descIconSvg.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./descIconSvg.vue?vue&type=template&id=d84bdc28&\"\nimport script from \"./descIconSvg.vue?vue&type=script&lang=js&\"\nexport * from \"./descIconSvg.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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./customers.vue?vue&type=style&index=0&id=4bf0ccfa&prod&scoped=true&lang=css&\""],"sourceRoot":""}