{"version":3,"sources":["webpack:///./src/View/endUserNewFlow/quote/detail.vue?94e7","webpack:///./src/View/endUserNewFlow/quote/detail.vue","webpack:///src/View/endUserNewFlow/quote/detail.vue","webpack:///./src/View/endUserNewFlow/quote/detail.vue?880a","webpack:///./src/View/endUserNewFlow/quote/detail.vue?da34","webpack:///./src/utils/validation.js","webpack:///./src/View/endUserNewFlow/components/emailVarified.vue","webpack:///src/View/endUserNewFlow/components/emailVarified.vue","webpack:///./src/View/endUserNewFlow/components/emailVarified.vue?397b","webpack:///./src/View/endUserNewFlow/components/emailVarified.vue?59a2","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":["render","_vm","this","_c","_self","isValidToken","firstLoading","staticClass","_m","quoteDetails","_v","_s","OrgDetail","orgName","taxNumber","addressLine1","addressLine2","city","state","zip","country","_e","screenWidth","quotationNumber","style","statusColor","statusName","staticStyle","on","$event","downloadInvoice","_f","quoteDate","attrs","companyName","customerFirstName","customerLastName","customerEmailAddress","customerPhoneNumber","expiryDate","_l","itemList","name","index","key","itemName","itemDescription","itemPrice","itemQty","itemUnit","itemAmount","parseInt","grandTotal","isDepositPer","depositAmt","customerNotes","ShowErr","isExpired","staticRenderFns","components","Button","EmailVarified","data","sessionToken","linkHash","created","window","destroyed","mounted","beforeDestroy","methods","getInvoiceDetail","status","message","MyJobApp","response","document","error","showAlert","color","params","hashId","myEventHandler","component","require","validateEmail","email","pattern","test","ReFormatDate","date","newDateArray","split","checkSpeialChar","str","specialChars","result","some","specialChar","includes","emailSelection","userEmail","emailErr","openPlanDetail","emailHandler","otpErr","otpValue","countDown","reSendOtp","verifyOtp","TextField","Otptoken","emailValid","countDownTimer","setTimeout","location","emailValidation","directives","rawName","value","closePopup","expression","lableText","showcharLimit","inputValue","length","textMaxlength","inputTypeText","class","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","stopPropagation","preventDefault","onClickInputAction","focus","_q","composing","hidePassword","showTime","Vue","bind","el","vnode","unbind","props","disabledBtn","watch","fieldError","handler","inputext","event"],"mappings":"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","file":"js/chunk-2059fcba.7f8d72aa.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!./detail.vue?vue&type=style&index=0&id=4870c92c&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{},[(!_vm.isValidToken && _vm.firstLoading)?_c('div',{staticClass:\"relative z-50\"},[_c('div',{staticClass:\"p-2 m-1 mt-0 pt-12\"},[_vm._m(0),_c('div',{staticClass:\"mt-12 xl:grid grid-cols-1\"},[(_vm.quoteDetails !== null)?_c('div',{},[_c('div',{},[_c('div',{staticClass:\"mb-4 grid grid-cols-12\"},[_c('div',{staticClass:\"col-span-6\"},[_c('p',{staticClass:\"text-primary heading-2 font-bold\"},[_vm._v(_vm._s(_vm.OrgDetail.orgName))]),_c('span',{staticClass:\"flex items-center\"},[_c('p',{staticClass:\"text-gray4\"},[_vm._v(\"Tax No:\")]),_c('p',{staticClass:\"text-text2 pl-2\"},[_vm._v(_vm._s(_vm.OrgDetail.taxNumber))])]),_c('p',{staticClass:\"text-text2\"},[_vm._v(\" \"+_vm._s(_vm.OrgDetail.addressLine1 !== '' ? _vm.OrgDetail.addressLine1 + ',' : '')+\" \"+_vm._s(_vm.OrgDetail.addressLine2 !== '' ? _vm.OrgDetail.addressLine2 + ',' : '')+\" \")]),_c('p',{staticClass:\"text-text2\"},[_vm._v(\" \"+_vm._s(_vm.OrgDetail.city !== '' ? _vm.OrgDetail.city + ',' : '')+\" \"+_vm._s(_vm.OrgDetail.state)+\" \"+_vm._s(_vm.OrgDetail.zip)+\" \")]),(_vm.OrgDetail.country !== '')?_c('p',{staticClass:\"text-text2\"},[_vm._v(\" \"+_vm._s(_vm.OrgDetail.country)+\" \")]):_vm._e()]),(_vm.screenWidth < 780)?_c('div',{staticClass:\"col-span-6 text-right\"},[_c('p',{staticClass:\"text-text2 heading-3 font-bold mb-1\"},[_vm._v(\"#\"+_vm._s(_vm.quoteDetails.quotationNumber))]),_c('span',{staticClass:\"flex items-center justify-end\"},[_c('p',{staticClass:\"text-gray4\"},[_vm._v(\"status:\")]),_c('p',{staticClass:\"text-text2 pl-2\",style:('color:' + _vm.quoteDetails.statusColor)},[_vm._v(_vm._s(_vm.quoteDetails.statusName))])]),_c('button',{staticClass:\"bg-primary text-white p-1 heading-7 mt-2 cursor-pointer\",staticStyle:{\"letter-spacing\":\"0.4px\"},on:{\"click\":function($event){return _vm.downloadInvoice()}}},[_vm._v(\"DOWNLOAD\")])]):_vm._e(),(_vm.screenWidth >= 780)?_c('div',{staticClass:\"col-span-6 text-right\"},[_c('p',{staticClass:\"text-text2 heading-3 font-bold mb-1\"},[_vm._v(\"#\"+_vm._s(_vm.quoteDetails.quotationNumber))]),_c('p',{staticClass:\"text-text2 mb-1\"},[_vm._v(\" As of \"+_vm._s(_vm._f(\"dateFilterInvoice\")(_vm.quoteDetails.quoteDate))+\", Quotation status is \"),_c('span',{staticClass:\"heading-5 font-bold\",style:('color:' + _vm.quoteDetails.statusColor)},[_vm._v(_vm._s(_vm.quoteDetails.statusName))])]),_c('Button',{staticClass:\"mb-1\",staticStyle:{\"letter-spacing\":\"1.4px\"},attrs:{\"isSqure\":true,\"btnSize\":'small',\"textColor\":'white',\"btnColor\":'primary',\"btnText\":'DOWNLOAD'},on:{\"buttonAction\":function($event){return _vm.downloadInvoice()}}})],1):_vm._e()]),_c('div',[_c('div',{staticClass:\"divider\"}),_c('div',{staticClass:\"text-gray3 my-2 grid grid-cols-12 items-center\"},[_c('div',{staticClass:\"col-span-12 md:col-span-6 lg:col-span-6 xl:col-span-6\"},[_c('p',{staticClass:\"text-text2 heading-2 font-bold\"},[_vm._v(_vm._s(_vm.quoteDetails.companyName))]),_c('div',{},[(_vm.quoteDetails.customerFirstName !== '' || _vm.quoteDetails.customerLastName !== '')?_c('span',{staticClass:\"flex items-center\"},[_c('p',{staticClass:\"w-36\"},[_vm._v(\"Customer Name:\")]),_c('p',{staticClass:\"text-gray4 pl-2\"},[_vm._v(_vm._s(_vm.quoteDetails.customerFirstName)+\" \"+_vm._s(_vm.quoteDetails.customerLastName))])]):_vm._e(),_c('span',{staticClass:\"flex items-center\"},[_c('p',{staticClass:\"w-36\"},[_vm._v(\"Email:\")]),_c('p',{staticClass:\"text-gray4 pl-2\"},[_vm._v(_vm._s(_vm.quoteDetails.customerEmailAddress))])]),_c('span',{staticClass:\"flex items-center\"},[_c('p',{staticClass:\"w-36\"},[_vm._v(\"Phone #:\")]),_c('p',{staticClass:\"text-gray4 pl-2\"},[_vm._v(_vm._s(_vm._f(\"phone\")(_vm.quoteDetails.customerPhoneNumber)))])])])]),_c('div',{staticClass:\"col-span-12 md:col-span-6 lg:col-span-6 xl:col-span-6 flex justify-start md:justify-start xl:justify-end lg:justify-end\"},[_c('div',{},[_c('span',{staticClass:\"flex items-center justify-end\"},[_c('p',[_vm._v(\"Quotation Date:\")]),_c('p',{staticClass:\"text-text2 pl-2\"},[_vm._v(_vm._s(_vm._f(\"dateFilterInvoiceRegularFormate\")(_vm.quoteDetails.quoteDate)))])]),_c('span',{staticClass:\"flex items-center text-error justify-end\"},[_c('p',[_vm._v(\"Due Date:\")]),_c('p',{staticClass:\"pl-2\"},[_vm._v(_vm._s(_vm._f(\"dateFilterInvoiceRegularFormate\")(_vm.quoteDetails.expiryDate)))])])])])])]),_c('div',[_c('div',{staticClass:\"divider mb-2\"}),(_vm.screenWidth >= 1180)?_c('div',{},[_vm._m(1),_c('div',{staticClass:\"flex table_containder\",staticStyle:{\"flex-flow\":\"wrap\"}},_vm._l((_vm.quoteDetails.itemList),function(name,index){return _c('div',{key:index,staticClass:\"flex p-2 rounded w-full my-1 card hover:bg-gray-100\"},[_c('div',{staticClass:\"hash_col text-gray4 heading-6\"},[_vm._v(\" \"+_vm._s(index + 1)+\" \")]),_c('div',{staticClass:\"name_col text-text2 font-semibold\"},[(name.itemName !== '')?_c('span',[_vm._v(_vm._s(name.itemName))]):_c('span',[_vm._v(\"-\")])]),_c('div',{staticClass:\"desc_col text-gray4 heading-6\"},[(name.itemDescription !== '')?_c('span',[_vm._v(_vm._s(name.itemDescription))]):_c('span',[_vm._v(\"-\")])]),_c('div',{staticClass:\"rate_col text-gray4 heading-6 text-right\"},[(name.itemPrice !== '')?_c('span',[_vm._v(_vm._s(_vm._f(\"amountFormaterWithToFix\")(name.itemPrice)))]):_c('span',[_vm._v(\"-\")])]),_c('div',{staticClass:\"qty_col text-gray4 heading-6 text-right\"},[(name.itemQty !== '')?_c('span',[_vm._v(_vm._s(name.itemQty))]):_c('span',[_vm._v(\"-\")])]),_c('div',{staticClass:\"tax_col text-gray4 heading-6 text-right\"},[(name.itemUnit !== '')?_c('span',[_vm._v(_vm._s(name.itemUnit))]):_c('span',[_vm._v(\"-\")])]),_c('div',{staticClass:\"amount_col text-gray4 heading-6 text-right\"},[(name.itemAmount !== '')?_c('span',[_vm._v(_vm._s(_vm._f(\"amountFormaterWithToFix\")(name.itemAmount)))]):_c('span',[_vm._v(\"-\")])])])}),0)]):_vm._e(),(_vm.screenWidth < 1180)?_c('div',{},[_vm._m(2),_c('div',{staticClass:\"flex table_containder\",staticStyle:{\"flex-flow\":\"wrap\"}},_vm._l((_vm.quoteDetails.itemList),function(name,index){return _c('div',{key:index,staticClass:\"p-2 w-full rounded my-1 card\"},[_c('div',{staticClass:\"my-1 flex items-center justify-between\"},[_c('div',{staticClass:\"heading-6 text-text2 w-80 font-semibold\"},[_c('div',[_vm._v(_vm._s(name.itemName === '' ? '-' : name.itemName))])]),_c('div',{staticClass:\"heading-6 text-gray4\"},[_c('div',[_vm._v(_vm._s(_vm._f(\"amountFormaterWithToFix\")(name.itemAmount === '' ? '-' : name.itemAmount)))])])]),_c('div',{staticClass:\"flex my-1 items-center justify-between\"},[_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"flex w-40\"},[_c('span',{staticClass:\"flex items-center\"},[_c('p',[_vm._v(\"Rate:\")]),(name.itemPrice !== '')?_c('p',{staticClass:\"text-text2 pl-2\"},[_vm._v(_vm._s(_vm._f(\"amountFormaterWithToFix\")(name.itemPrice)))]):_c('p',{staticClass:\"text-text2 pl-2\"},[_vm._v(\"-\")])]),_c('div',{staticClass:\"flex pl-6 w-40\"},[_c('span',{staticClass:\"flex items-center\"},[_c('p',[_vm._v(\"Qty:\")]),_c('p',{staticClass:\"text-text2 pl-2\"},[_vm._v(_vm._s(name.itemQty))])])])])])]),_c('div',[_c('div',{staticClass:\"heading-6 text-gray4\"},[_vm._v(\" \"+_vm._s(name.itemDescription)+\" \")])])])}),0)]):_vm._e(),_c('div',{staticClass:\"grid grid-cols-12\"},[_c('div',{staticClass:\"box lg:col-start-5 2xl:col-start-7 xl:col-start-7 lg:col-span-8 2xl:col-span-6 xl:col-span-6 col-span-12 flex justify-end items-baseline mt-1\"},[_c('p',{staticClass:\"detail_col text-right mr-4 text-text2 font-semibold\"},[_vm._v(\"Total: \")]),_c('p',{staticClass:\"detail_col text-right text-text2 font-semibold\"},[_vm._v(_vm._s(_vm._f(\"amountFormaterWithToFix\")(parseInt(_vm.quoteDetails.grandTotal))))])]),(_vm.quoteDetails.isDepositPer)?_c('div',{staticClass:\"box lg:col-start-5 2xl:col-start-7 xl:col-start-7 lg:col-span-8 2xl:col-span-6 xl:col-span-6 col-span-12 flex justify-end items-baseline pt-1 text-right\"},[_c('p',{staticClass:\"detail_col mr-4 text-text2 font-semibold\"},[_vm._v(\" Deposit (\"+_vm._s(_vm.quoteDetails.depositAmt)+\"%):\")]),_c('p',{staticClass:\"detail_col text-text2 font-semibold\"},[_vm._v(_vm._s(_vm._f(\"amountFormaterWithToFix\")(((_vm.quoteDetails.grandTotal * _vm.quoteDetails.depositAmt) / 100))))])]):_vm._e(),(!_vm.quoteDetails.isDepositPer)?_c('div',{staticClass:\"box lg:col-start-5 2xl:col-start-7 xl:col-start-7 lg:col-span-8 2xl:col-span-6 xl:col-span-6 col-span-12 flex justify-end items-baseline pt-1 text-right\"},[_c('p',{staticClass:\"detail_col mr-4 text-text2 font-semibold\"},[_vm._v(\" Deposit Amount:\")]),_c('p',{staticClass:\"detail_col text-text2 font-semibold\"},[_vm._v(_vm._s(_vm._f(\"amountFormaterWithToFix\")((_vm.quoteDetails.depositAmt))))])]):_vm._e()]),(_vm.quoteDetails.customerNotes !== '')?_c('div',{staticClass:\"pt-4\"},[_c('p',{staticClass:\"text-gray4 heading-5\"},[_vm._v(\"Customer Note:\")]),_c('p',{staticClass:\"text-text2\"},[_vm._v(_vm._s(_vm.quoteDetails.customerNotes))])]):_vm._e()])])]):_vm._e()])])]):_vm._e(),((_vm.isValidToken || _vm.ShowErr) && _vm.firstLoading)?_c('div',{staticClass:\"popup_overlay\"},[_vm._m(3)]):_vm._e(),(_vm.isExpired)?_c('div',[_c('EmailVarified')],1):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"relative\"},[_c('div',{staticClass:\"card top_primary_card bg-primary font-bold text-white p-3 rounded-xl absolute -top-8 w-full heading-2\"},[_vm._v(\" Quotation \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bg-primary text-white flex table_containder card rounded p-2\"},[_c('div',{staticClass:\"hash_col font-bold heading-4\"},[_vm._v(\"#\")]),_c('div',{staticClass:\"name_col font-bold heading-4\"},[_vm._v(\"Name\")]),_c('div',{staticClass:\"desc_col font-bold heading-4\"},[_vm._v(\"Description\")]),_c('div',{staticClass:\"rate_col font-bold heading-4 text-right\"},[_vm._v(\"Rate\")]),_c('div',{staticClass:\"qty_col font-bold heading-4 text-right\"},[_vm._v(\"Qty\")]),_c('div',{staticClass:\"tax_col font-bold heading-4 text-right\"},[_vm._v(\"Unit\")]),_c('div',{staticClass:\"amount_col font-bold heading-4 text-right\"},[_vm._v(\"Amount\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"table_containder bg-primary text-white flex table_containder p-2 items-center justify-between rounded card\"},[_c('div',{staticClass:\"hash_col font-bold heading-4\"},[_vm._v(\"Name\")]),_c('div',{staticClass:\"hash_col font-bold heading-4\"},[_vm._v(\"Amount\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bg-gray-200 w-full px-2 md:px-0 h-screen flex items-center justify-center\"},[_c('div',{staticClass:\"bg-white border border-gray-200 flex flex-col items-center justify-center px-4 md:px-8 lg:px-20 py-8 rounded-lg shadow-2xl\"},[_c('p',{staticClass:\"text-6xl md:text-7xl lg:text-6xl font-bold tracking-wider text-gray-300\"},[_c('i',{staticClass:\"fa-solid fa-triangle-exclamation fa-fade\"})]),_c('p',{staticClass:\"text-gray-500 mt-3 py-2 border-y-2 text-center\"},[_vm._v(\"Please Check Your Link and Try Again Later\")])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"\">\n    <div class=\"relative z-50\" v-if=\"!isValidToken && firstLoading\">\n      <div class=\"p-2 m-1 mt-0 pt-12\">\n        <div class=\"relative\">\n          <div class=\"card top_primary_card bg-primary font-bold text-white p-3 rounded-xl absolute -top-8 w-full heading-2\">\n           Quotation\n          </div>\n        </div>\n        <div class=\"mt-12 xl:grid grid-cols-1\">\n          <div class=\"\" v-if=\"quoteDetails !== null\">\n              <div class=\"\">\n                <div class=\"  mb-4 grid grid-cols-12\">\n                  <div class=\"col-span-6\">\n                    <p class=\"text-primary heading-2 font-bold\">{{OrgDetail.orgName}}</p>\n                    <span class=\"flex items-center\">\n                      <p class=\"text-gray4\">Tax No:</p>\n                      <p class=\"text-text2 pl-2\">{{OrgDetail.taxNumber}}</p>\n                    </span>\n                    <p class=\"text-text2\">\n                      {{OrgDetail.addressLine1 !== '' ? OrgDetail.addressLine1 + ',' : ''}} {{OrgDetail.addressLine2 !== '' ? OrgDetail.addressLine2 + ',' : ''}}\n                    </p>\n                    <p class=\"text-text2\">\n                      {{OrgDetail.city !== '' ? OrgDetail.city + ',' : ''}} {{OrgDetail.state}} {{ OrgDetail.zip }}\n                    </p>\n                    <p v-if=\"OrgDetail.country !== ''\" class=\"text-text2\">\n                      {{OrgDetail.country}}\n                    </p>\n                  </div>\n                  <div class=\"col-span-6 text-right\" v-if=\"screenWidth < 780\">\n                    <p class=\"text-text2 heading-3 font-bold mb-1\">#{{quoteDetails.quotationNumber}}</p>\n                    <span class=\"flex items-center justify-end\">\n                      <p class=\"text-gray4\">status:</p>\n                      <p class=\"text-text2 pl-2\" :style=\"'color:' + quoteDetails.statusColor\">{{quoteDetails.statusName}}</p>\n                    </span>\n                    <button class=\" bg-primary text-white p-1 heading-7 mt-2 cursor-pointer\" style=\"letter-spacing: 0.4px;\" @click=\"downloadInvoice()\">DOWNLOAD</button>\n                  </div>\n                  <div class=\"col-span-6 text-right\" v-if=\"screenWidth >= 780\">\n                    <p class=\"text-text2 heading-3 font-bold mb-1\">#{{quoteDetails.quotationNumber}}</p>\n                    <p class=\"text-text2 mb-1\">\n                      As of {{quoteDetails.quoteDate | dateFilterInvoice}}, Quotation\n                    status is <span class=\"heading-5 font-bold\" :style=\"'color:' + quoteDetails.statusColor\">{{quoteDetails.statusName}}</span>\n                    </p>\n                    <Button class=\"mb-1\" :isSqure=\"true\" :btnSize=\"'small'\" style=\"letter-spacing: 1.4px;\" :textColor=\"'white'\" :btnColor=\"'primary'\" :btnText=\"'DOWNLOAD'\" @buttonAction=\"downloadInvoice()\"/>\n                  </div>\n                </div>\n                <div>\n                  <div class=\"divider\"></div>\n                    <div class=\" text-gray3 my-2 grid grid-cols-12 items-center\">\n                      <div class=\"col-span-12 md:col-span-6 lg:col-span-6 xl:col-span-6\">\n                        <p class=\"text-text2 heading-2 font-bold\">{{quoteDetails.companyName}}</p>\n                          <div class=\"\">\n                            <span class=\"flex items-center\" v-if=\"quoteDetails.customerFirstName !== '' || quoteDetails.customerLastName !== ''\">\n                              <p class=\"w-36\">Customer Name:</p>\n                              <p class=\"text-gray4 pl-2\">{{quoteDetails.customerFirstName}} {{quoteDetails.customerLastName}}</p>\n                            </span>\n                            <span class=\"flex items-center\">\n                              <p class=\"w-36\">Email:</p>\n                              <p class=\"text-gray4 pl-2\">{{quoteDetails.customerEmailAddress}}</p>\n                            </span>\n                            <span class=\"flex items-center\">\n                              <p class=\"w-36\">Phone #:</p>\n                              <p class=\"text-gray4 pl-2\">{{quoteDetails.customerPhoneNumber | phone}}</p>\n                            </span>\n                          </div>\n                      </div>\n                      <div class=\"col-span-12 md:col-span-6 lg:col-span-6 xl:col-span-6 flex justify-start md:justify-start xl:justify-end lg:justify-end\">\n                        <div class=\"\">\n                          <span class=\"flex items-center justify-end\">\n                            <p>Quotation Date:</p>\n                            <p class=\"text-text2 pl-2\">{{quoteDetails.quoteDate | dateFilterInvoiceRegularFormate}}</p>\n                          </span>\n                          <span class=\"flex items-center text-error justify-end\">\n                            <p>Due Date:</p>\n                            <p class=\"pl-2\">{{quoteDetails.expiryDate | dateFilterInvoiceRegularFormate}}</p>\n                          </span>\n                        </div>\n                      </div>\n                    </div>\n                </div>\n                <div>\n                  <div class=\"divider mb-2\"></div>\n                  <div class=\"\" v-if=\"screenWidth >= 1180\">\n                    <div class=\"bg-primary text-white flex table_containder card rounded p-2\">\n                      <div class=\"hash_col  font-bold heading-4 \">#</div>\n                      <div class=\"name_col font-bold heading-4 \">Name</div>\n                      <div class=\"desc_col font-bold heading-4 \">Description</div>\n                      <div class=\"rate_col font-bold heading-4 text-right\">Rate</div>\n                      <div class=\"qty_col font-bold heading-4 text-right\">Qty</div>\n                      <div class=\"tax_col font-bold heading-4 text-right\">Unit</div>\n                      <div class=\"amount_col font-bold heading-4 text-right\">Amount</div>\n                    </div>\n                    <div class=\" flex table_containder\" style=\"flex-flow:wrap;\">\n                      <div class=\"flex p-2  rounded w-full my-1 card hover:bg-gray-100\" v-for=\"(name, index) in quoteDetails.itemList\" :key=\"index\">\n                        <div class=\"hash_col text-gray4 heading-6\">\n                          {{index + 1}}\n                        </div>\n                        <div class=\"name_col text-text2 font-semibold\">\n                          <span v-if=\"name.itemName !== ''\">{{ name.itemName}}</span>\n                          <span v-else>-</span>\n                        </div>\n                        <div class=\"desc_col text-gray4 heading-6\">\n                          <span v-if=\"name.itemDescription !== ''\">{{ name.itemDescription}}</span>\n                          <span v-else>-</span>\n                        </div>\n                        <div class=\"rate_col text-gray4 heading-6 text-right\" >\n                          <span v-if=\"name.itemPrice !== ''\">{{ name.itemPrice |amountFormaterWithToFix}}</span>\n                          <span v-else>-</span>\n                        </div>\n                        <div class=\"qty_col text-gray4 heading-6 text-right\">\n                          <span v-if=\"name.itemQty !== ''\">{{ name.itemQty}}</span>\n                          <span v-else>-</span>\n                        </div>\n                        <div class=\"tax_col text-gray4 heading-6 text-right\">\n                          <span v-if=\"name.itemUnit !== ''\">{{ name.itemUnit}}</span>\n                          <span v-else>-</span>\n                        </div>\n                        <div class=\"amount_col text-gray4 heading-6 text-right\">\n                          <span v-if=\"name.itemAmount !== ''\">{{ name.itemAmount |amountFormaterWithToFix}}</span>\n                          <span v-else>-</span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                  <div class=\"\" v-if=\"screenWidth < 1180\">\n                    <div class=\"table_containder bg-primary text-white flex table_containder p-2 items-center justify-between rounded card\">\n                      <div class=\"hash_col font-bold heading-4 \">Name</div>\n                      <div class=\"hash_col font-bold heading-4 \">Amount</div>\n                    </div>\n                    <div class=\" flex table_containder\" style=\"flex-flow:wrap;\">\n                      <div class=\"p-2 w-full rounded my-1 card\" v-for=\"(name, index) in quoteDetails.itemList\" :key=\"index\">\n                        <div class=\"my-1 flex items-center justify-between\" >\n                          <div class=\"heading-6 text-text2 w-80 font-semibold\">\n                            <div>{{name.itemName === '' ? '-' : name.itemName}}</div>\n                          </div>\n                          <div class=\"heading-6 text-gray4\">\n                            <div>{{name.itemAmount === '' ? '-' : name.itemAmount | amountFormaterWithToFix}}</div>\n                          </div>\n                        </div>\n                        <div class=\"flex my-1 items-center justify-between\" >\n                          <div class=\"flex \">\n                            <div class=\"flex w-40\">\n                              <span class=\"flex items-center\">\n                                <p>Rate:</p>\n                                <p class=\"text-text2 pl-2\" v-if=\"name.itemPrice !== ''\">{{name.itemPrice | amountFormaterWithToFix}}</p>\n                                <p class=\"text-text2 pl-2\" v-else>-</p>\n                              </span>\n                              <div class=\"flex pl-6 w-40\">\n                                <span class=\"flex items-center\">\n                                  <p>Qty:</p>\n                                  <p class=\"text-text2 pl-2\">{{name.itemQty}}</p>\n                                </span>\n                              </div>\n                            </div>\n                          </div>\n                        </div>\n                        <div>\n                          <div class=\"heading-6 text-gray4\">\n                            {{name.itemDescription}}\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                   <div class=\"grid grid-cols-12\">\n                    <div class=\" box lg:col-start-5 2xl:col-start-7 xl:col-start-7  lg:col-span-8  2xl:col-span-6 xl:col-span-6 col-span-12 flex justify-end items-baseline mt-1\">\n                      <p class=\"detail_col text-right mr-4 text-text2 font-semibold\">Total: </p>\n                      <p class=\"detail_col  text-right text-text2 font-semibold\">{{parseInt(quoteDetails.grandTotal) | amountFormaterWithToFix}}</p>\n                    </div>\n                    <div class=\"box lg:col-start-5 2xl:col-start-7 xl:col-start-7  lg:col-span-8  2xl:col-span-6 xl:col-span-6 col-span-12 flex justify-end items-baseline pt-1 text-right\" v-if=\"quoteDetails.isDepositPer\">\n                      <p class=\"detail_col mr-4 text-text2 font-semibold\"> Deposit ({{ quoteDetails.depositAmt }}%):</p>\n                      <p class=\"detail_col text-text2 font-semibold\">{{((quoteDetails.grandTotal * quoteDetails.depositAmt) / 100) | amountFormaterWithToFix}}</p>\n                    </div>\n                    <div class=\"box lg:col-start-5 2xl:col-start-7 xl:col-start-7  lg:col-span-8  2xl:col-span-6 xl:col-span-6 col-span-12 flex justify-end items-baseline pt-1 text-right\" v-if=\"!quoteDetails.isDepositPer\">\n                      <p class=\"detail_col mr-4 text-text2 font-semibold\"> Deposit Amount:</p>\n                      <p class=\"detail_col text-text2 font-semibold\">{{(quoteDetails.depositAmt) | amountFormaterWithToFix}}</p>\n                    </div>\n                  </div>\n                  <div class=\"pt-4\" v-if=\"quoteDetails.customerNotes !== ''\">\n                    <p class=\"text-gray4 heading-5\">Customer Note:</p>\n                    <p class=\" text-text2\" >{{quoteDetails.customerNotes}}</p>\n                  </div>\n                  <!-- <div class=\"pt-4\" v-if=\"quoteDetails.internalNotes !== ''\">\n                    <p class=\"text-gray4 heading-5\">Internal Note:</p>\n                    <p class=\" text-text2\">{{quoteDetails.internalNotes}}</p>\n                  </div> -->\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n     </div>\n     <div v-if=\"(isValidToken || ShowErr) && firstLoading\" class=\"popup_overlay\">\n        <div class=\"bg-gray-200 w-full px-2 md:px-0 h-screen flex items-center justify-center\">\n          <div class=\"bg-white border border-gray-200 flex flex-col items-center justify-center px-4 md:px-8 lg:px-20 py-8 rounded-lg shadow-2xl\">\n              <p class=\"text-6xl md:text-7xl lg:text-6xl font-bold tracking-wider text-gray-300\"><i class=\"fa-solid fa-triangle-exclamation fa-fade\"></i></p>\n              <p class=\"text-gray-500 mt-3 py-2 border-y-2 text-center\">Please Check Your Link and Try Again Later</p>\n          </div>\n        </div>\n      </div>\n     <div v-if=\"isExpired\">\n        <EmailVarified />\n     </div>\n  </div>\n</template>\n<script>\nimport MyJobApp from '@/api/MyJobApp.js'\nimport Button from '@/View/components/globalButton.vue'\nimport EmailVarified from '@/View/endUserNewFlow/components/emailVarified.vue'\nexport default {\n  components: {\n    Button,\n    EmailVarified\n  },\n  data() {\n    return {\n      isValidToken: false,\n      isExpired: false,\n      sessionToken: '',\n      linkHash: '',\n      quoteDetails: {},\n      OrgDetail: {},\n      ShowErr: true,\n      firstLoading: false,\n      screenWidth: 0,\n    };\n  },\n  created() {\n    window.addEventListener(\"resize\", this.myEventHandler);\n  },\n  destroyed() {\n    window.removeEventListener(\"resize\", this.myEventHandler);\n  },\n  mounted() {\n    this.sessionToken = this.$route.params.customerToken\n    this.linkHash = this.$route.params.quoteToken\n    this.myEventHandler()\n    this.$root.$on('tokenResponse', (isTokenExpired, isTokenInvalid) => {\n      if (!isTokenExpired && !isTokenInvalid) {\n        this.getInvoiceDetail()\n      } else if (isTokenExpired && !isTokenInvalid) {\n        this.isExpired = true\n        this.isValidToken = false\n        this.firstLoading = true\n      } else if (!isTokenExpired && isTokenInvalid) {\n        this.isExpired = false\n        this.firstLoading = true\n        this.isValidToken = true\n      }\n    })\n    this.$root.$emit('tokenVarificationApi', this.$route.params.customerToken)\n  },\n  beforeDestroy() {\n    this.$root.$off('tokenResponse')\n  },\n  methods: {\n    getInvoiceDetail () {\n      this.$store.dispatch('SetLoader', {status: true, message: 'Loading...'})\n      MyJobApp.GetQuoteDetailLinkHash(\n        this.sessionToken,\n        this.linkHash,\n        response => {\n          this.ShowErr = false\n          this.firstLoading = true\n          this.quoteDetails = response.Data !== null ? response.Data : {}\n          document.title = 'Quote: ' + this.quoteDetails.companyName\n          this.OrgDetail = response.Data.organizationDetail !== null ? response.Data.organizationDetail : {}\n          this.$store.dispatch('SetLoader', {status: false, message: ''})\n        },\n        (error) => {\n          this.ShowErr = true\n          this.firstLoading = true\n          this.$store.dispatch('SetAlert', {showAlert: true, message: error.message, color: 'error'})\n          this.$store.dispatch('SetLoader', {status: false, message: ''})\n        }\n      )\n    },\n    downloadInvoice () {\n      this.$router.push({name: 'DownloadHashQuote', params: {hashId: this.linkHash}})\n    },\n    myEventHandler () {\n      this.screenWidth = window.innerWidth\n    }\n  },\n};\n</script>\n<style scoped>\n.hash_col {\n      min-width: 40px !important;\n      width: 80px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .name_col {\n      min-width: 40px !important;\n      width: 550px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .desc_col {\n      min-width: 40px !important;\n      width: 600px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .rate_col {\n      min-width: 40px !important;\n      width: 180px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .qty_col {\n      min-width: 40px !important;\n      width: 100px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .tax_col {\n      min-width: 40px !important;\n      width: 100px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .amount_col {\n      min-width: 40px !important;\n      width: 150px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .detail_col {\n      min-width: 40px !important;\n      width: 150px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .allTax_col {\n      min-width: 40px !important;\n      width: 230px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .loader {\n    border: 8px solid #f3f3f3;\n    border-radius: 50%;\n    border-top: 8px solid #3498db;\n    width: 60px;\n    height: 60px;\n    -webkit-animation: spin 2s linear infinite; /* Safari */\n    animation: spin 2s linear infinite;\n  }\n  \n  /* Safari */\n  @-webkit-keyframes spin {\n    0% { -webkit-transform: rotate(0deg); }\n    100% { -webkit-transform: rotate(360deg); }\n  }\n  \n  @keyframes spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\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!./detail.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!./detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./detail.vue?vue&type=template&id=4870c92c&scoped=true&\"\nimport script from \"./detail.vue?vue&type=script&lang=js&\"\nexport * from \"./detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./detail.vue?vue&type=style&index=0&id=4870c92c&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  \"4870c92c\",\n  null\n  \n)\n\nexport default component.exports","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 _c('div',[_c('div',{staticClass:\"popup_overlay relative px-4\"},[_c('div',{staticClass:\"custom_dialog rounded-xl h-min\",staticStyle:{\"width\":\"490px\"}},[(_vm.emailSelection)?_c('div',{staticClass:\"bg-white border border-gray-200 flex flex-col items-center justify-center px-4 md:px-8 py-8 rounded-lg shadow-2xl\"},[_vm._m(0),_c('p',{staticClass:\"text-gray-500 my-3 py-2 border-y-2 text-center\"},[_vm._v(\"Your session token has expired, Re-verify your email\")]),_c('div',{staticClass:\"mb-4 w-full\"},[_c('TextField',{attrs:{\"inputId\":`useremailid1`,\"inputext\":_vm.userEmail,\"placholderText\":`Email Address`,\"lableText\":'Email Address',\"fieldError\":_vm.emailErr !== '',\"autoFocus\":true,\"inputType\":'text'},on:{\"keyPressAction\":function($event){_vm.emailErr = ''},\"enterkeyPressAction\":_vm.openPlanDetail,\"blurAction\":function($event){return _vm.emailHandler(_vm.userEmail, '')},\"inputChangeAction\":(data) => _vm.userEmail = data}}),_c('p',{staticClass:\"text-error\"},[_vm._v(\" \"+_vm._s(_vm.emailErr))])],1),_c('div',{staticClass:\"flex justify-center mt-5\"},[_c('button',{staticClass:\"card bg-primary text-white px-5 py-3 text-center rounded-lg hover:opacity-80 w-96 font-semibold\",on:{\"click\":function($event){return _vm.openPlanDetail()}}},[_vm._v(\"Send Email\")])])]):_c('div',{staticClass:\"border border-gray-200 px-4 md:px-8 py-8 rounded-lg shadow-2xl\"},[_c('p',{},[_vm._v(\"Please enter OTP sent to \"),_c('span',{staticClass:\"font-semibold\"},[_vm._v(_vm._s(_vm.userEmail))])]),_c('div',{staticClass:\"my-4 flex justify-center\"},[_c('div',{staticClass:\"w-56\"},[_c('TextField',{attrs:{\"isOtp\":true,\"fieldError\":_vm.otpErr !== '',\"inputId\":`otpinputvalueid`,\"inputext\":_vm.otpValue,\"placholderText\":``,\"lableText\":'',\"autoFocus\":true,\"inputType\":'text'},on:{\"keyPressAction\":function($event){_vm.otpErr = ''},\"inputChangeAction\":(data) => _vm.otpValue = data}})],1)]),_c('div',{staticClass:\"flex justify-between mb-4\"},[_c('div',{staticClass:\"cursor-pointer text-primary\",on:{\"click\":function($event){_vm.emailSelection = true}}},[_vm._v(\"Change Email\")]),(_vm.countDown > 0)?_c('div',{},[_vm._v(\"Resend OTP \"),_c('span',[_vm._v(\"in \"+_vm._s(_vm.countDown)+\" Sec\")])]):_c('div',{staticClass:\"cursor-pointer text-primary\",on:{\"click\":_vm.reSendOtp}},[_vm._v(\"Resend OTP\")])]),_c('div',{staticClass:\"py-2\"},[_c('Button',{staticClass:\"h-10 w-full\",attrs:{\"disabled\":_vm.otpValue ==='',\"btnSize\":'medium',\"textColor\":'white',\"btnColor\":'primary',\"btnText\":'Verify OTP'},on:{\"buttonAction\":function($event){return _vm.verifyOtp()}}})],1)])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"text-6xl md:text-7xl lg:text-6xl font-bold tracking-wider text-gray-300\"},[_c('i',{staticClass:\"fa-solid fa-triangle-exclamation fa-fade\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n     <div class=\"popup_overlay relative px-4\">\n        <div style=\"width: 490px;\" class=\"custom_dialog rounded-xl h-min\">\n          <div v-if=\"emailSelection\" class=\"bg-white border border-gray-200 flex flex-col items-center justify-center px-4 md:px-8 py-8 rounded-lg shadow-2xl\">\n            <p class=\"text-6xl md:text-7xl lg:text-6xl font-bold tracking-wider text-gray-300\"><i class=\"fa-solid fa-triangle-exclamation fa-fade\"></i></p>\n            <p class=\"text-gray-500 my-3 py-2 border-y-2 text-center\">Your session token has expired, Re-verify your email</p>\n              <div class=\"mb-4 w-full\">\n                   <TextField\n                    :inputId=\"`useremailid1`\"\n                    :inputext=\"userEmail\"\n                    :placholderText=\"`Email Address`\"\n                    :lableText=\"'Email Address'\"\n                    :fieldError=\"emailErr !== ''\"\n                    :autoFocus=\"true\"\n                    :inputType=\"'text'\"\n                    @keyPressAction=\"emailErr = ''\"\n                    @enterkeyPressAction=\"openPlanDetail\"\n                    @blurAction=\"emailHandler(userEmail, '')\"\n                    @inputChangeAction=\"(data) => userEmail = data\"  />\n                    \n                    <p class=\"text-error\"> {{ emailErr }}</p>\n                </div>\n            <div class=\"flex justify-center mt-5\">\n              <button @click=\"openPlanDetail()\" class=\"card bg-primary text-white px-5 py-3 text-center rounded-lg hover:opacity-80 w-96 font-semibold\">Send Email</button>\n            </div>\n          </div>\n          <div v-else class=\"border border-gray-200 px-4 md:px-8 py-8 rounded-lg shadow-2xl\">\n                    <p class=\"\">Please enter OTP sent to <span class=\"font-semibold\">{{userEmail}}</span></p>\n                    <div class=\" my-4 flex justify-center\">\n                        <div class=\"w-56\">\n                        <TextField\n                        :isOtp=\"true\"\n                        :fieldError=\"otpErr !== ''\"\n                        @keyPressAction=\"otpErr = ''\"\n                        :inputId=\"`otpinputvalueid`\"\n                        :inputext=\"otpValue\"\n                        :placholderText=\"``\"\n                        :lableText=\"''\"\n                        :autoFocus=\"true\"\n                        :inputType=\"'text'\"\n                        @inputChangeAction=\"(data) => otpValue = data\"  />\n                        </div>\n                    </div>\n                    <div class=\"flex justify-between mb-4\">\n                        <div class=\" cursor-pointer text-primary\" @click=\"emailSelection = true\">Change Email</div>\n                        <div v-if=\"countDown > 0\" class=\"\">Resend OTP  <span >in {{countDown}} Sec</span></div>\n                        <div v-else @click=\"reSendOtp\" class=\" cursor-pointer text-primary\">Resend OTP</div>\n                    </div>\n                    <div class=\"py-2\">\n                    <Button  :disabled=\"otpValue ===''\" class=\" h-10 w-full\" :btnSize=\"'medium'\" :textColor=\"'white'\" :btnColor=\"'primary'\" :btnText=\"'Verify OTP'\" @buttonAction=\"verifyOtp()\"/>\n                  </div>\n                </div>\n        </div>\n      </div>\n   </div>\n</template>\n<script>\nimport MyJobApp from '@/api/MyJobApp.js'\nimport Button from '@/View/components/globalButton.vue'\nimport TextField from '@/View/components/textfield.vue'\nimport {validateEmail} from '@/utils/validation.js'\nexport default {\n  name: \"lead\",\n  components: {\n    Button,\n    TextField\n  },\n  data() {\n    return {\n      Otptoken: '',\n      emailSelection: true,\n      countDown: 30,\n      otpErr: '',\n      otpValue: '',\n      userEmail: '',\n      emailErr: '',\n      sessionToken: '',\n      emailValid: false,\n    };\n  },\n  created() {},\n  mounted() {\n    this.$root.$on('changeEmailHandler', (response, data) => {\n        if (response) {\n            this.userEmail = data.emailAddress\n            this.countDown = 30\n            this.countDownTimer()\n        }\n        this.emailSelection = false\n    })\n    this.sessionToken = this.$route.params.customerToken\n    // this.getVisitList()\n  },\n  destroyed () {\n    this.$root.$off('changeEmailHandler')\n  },\n  beforeDestroy() {\n  },\n  methods: {\n    countDownTimer () {\n        if (this.countDown > 0) {\n            setTimeout(() => {\n                this.countDown -= 1\n                this.countDownTimer()\n            }, 1000)\n        }\n    },\n    openPlanDetail () {\n      this.emailHandler(this.userEmail, '')\n      if (this.userEmail === '') {\n        this.emailErr = 'Email address is required'\n      }\n      if (this.emailErr === '') {\n        this.$store.dispatch(\"SetLoader\", { status: true, message: \"Email sending...\" });\n        MyJobApp.SendEndUserOtp(\n        this.sessionToken,\n        this.userEmail,\n        response => {\n          this.Otptoken = response.Data\n          this.countDownTimer()\n          this.emailSelection = false\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    reSendOtp () {\n      this.$store.dispatch(\"SetLoader\", { status: true, message: \"Resending...\" });\n        MyJobApp.reSendEndUserOtp(\n        this.Otptoken,\n        response => {\n          this.countDown = 30\n          this.countDownTimer()\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    verifyOtp () {\n        MyJobApp.VarifyAddedOTPEndUSer(\n          this.sessionToken,\n          this.Otptoken,\n          this.otpValue,\n          (response) => {\n            console.log('response', response)\n            location.reload()\n            this.$store.dispatch('SetLoader', {status: false, message: ''})\n            this.$store.dispatch('SetAlert', {showAlert: true, message: 'OTP verified successfully', color: 'success'})\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    emailHandler (emailId, from) {\n      if (from === '') {\n        this.emailErr = this.emailValidation(emailId)\n        if (this.emailErr === 'Email address is invalid') {\n          this.emailValid = false\n        } else {\n          this.emailValid = true\n        }\n      } else if (from === 'forgot') {\n        this.forgotEmailErr = this.emailValidation(emailId)\n      }\n    },\n    emailValidation (emailId) {\n      if (emailId === '') {\n        return ''\n      } else if (validateEmail(emailId) === false) {\n        return 'Email address is invalid'\n      } else {\n        return ''\n      }\n    },\n  }\n};\n</script>\n<style scoped>\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!./emailVarified.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!./emailVarified.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./emailVarified.vue?vue&type=template&id=c5bd4868&scoped=true&\"\nimport script from \"./emailVarified.vue?vue&type=script&lang=js&\"\nexport * from \"./emailVarified.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  \"c5bd4868\",\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":""}