{"version":3,"sources":["webpack:///./src/views/portal_technical/TechnicalServiceDetailPage.vue?419f","webpack:///./src/views/portal_technical/TechnicalServiceDetailPage.vue?f13b","webpack:///./src/views/portal_technical/ModalPaymentDue.vue?a720","webpack:///src/views/portal_technical/ModalPaymentDue.vue","webpack:///./src/views/portal_technical/ModalPaymentDue.vue?3369","webpack:///./src/views/portal_technical/ModalPaymentDue.vue","webpack:///src/views/portal_technical/TechnicalServiceDetailPage.vue","webpack:///./src/views/portal_technical/TechnicalServiceDetailPage.vue?c60d","webpack:///./src/views/portal_technical/TechnicalServiceDetailPage.vue","webpack:///./src/components/layout/TopnavbarBackCustom.vue?48c4","webpack:///src/components/layout/TopnavbarBackCustom.vue","webpack:///./src/components/layout/TopnavbarBackCustom.vue?7b66","webpack:///./src/components/layout/TopnavbarBackCustom.vue","webpack:///../../../src/components/VChip/VChip.ts","webpack:///./src/components/layout/TopnavbarBackCustom.vue?2d0b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","title","on","$event","handleBack","detail","Object","keys","length","_v","openAptConv","status","payment","appointmentId","_e","handlePaynow","_s","appointment_no","staticStyle","formatDateStandard","start_date","formatTimeOnly","start_time","end_time","client","address","add1","city","state","zip","fname","lname","formatPhoneNumber","phone_no","services","_l","service","index","key","service_name","question_answers","questions","question","i","domProps","answer","modalPaymentBooking","total","name_on_card","publishablekey","gateway","convenience_fee","closePayment","items","indexValue","staticRenderFns","model","value","callback","$$v","modalBookingPayment","expression","handleClose","iconClose","formatAmount","amount","apikey","handlePayment","component","VCard","VCardText","VCardTitle","VDialog","VIcon","VRow","VBtn","VChip","VCol","VContainer","receiver","name","scopedSlots","_u","fn","ref","_g","_b","item","handleAction","action","icon","VList","VListItem","VListItemTitle","VMenu","VSpacer","VToolbar","VToolbarTitle","props","active","type","default","activeClass","chipGroup","close","closeIcon","closeLabel","disabled","draggable","filter","filterIcon","label","link","outlined","pill","tag","textColor","data","proxyClass","computed","classes","groupClasses","hasClose","Boolean","isClickable","created","breakingProps","original","replacement","methods","click","genFilter","children","left","genClose","right","size","$vuetify","lang","t","e","genContent","$slots","tabindex","setBackgroundColor","color","h","setTextColor"],"mappings":"8HAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACE,YAAY,gCAAgC,CAACF,EAAG,YAAY,CAACG,MAAM,CAAC,MAAQP,EAAIQ,OAAOC,GAAG,CAAC,KAAO,SAASC,GAAQ,OAAOV,EAAIW,iBAAkBX,EAAIY,QAAUC,OAAOC,KAAKd,EAAIY,QAAQG,OAAQX,EAAG,cAAc,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,kDAAkD,CAACF,EAAG,KAAK,GAAG,CAACJ,EAAIgB,GAAG,wBAAwBZ,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACG,MAAM,CAAC,SAAW,GAAG,QAAU,GAAG,KAAO,GAAG,MAAQ,aAAaE,GAAG,CAAC,MAAQT,EAAIiB,cAAc,CAACb,EAAG,SAAS,CAACE,YAAY,UAAUC,MAAM,CAAC,MAAQ,cAAc,CAACP,EAAIgB,GAAG,eAAe,IAAI,KAA2B,aAArBhB,EAAIY,OAAOM,OAAuBd,EAAG,QAAQ,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,GAAG,QAAU,GAAG,SAAW,GAAG,MAAQ,UAAU,UAAYP,EAAIY,OAAOO,QAAQ,KAAO,GAAG,GAAK,4BAA4BnB,EAAIoB,gBAAgB,CAACpB,EAAIgB,GAAG,mBAAmBhB,EAAIqB,KAAOrB,EAAIY,OAAOO,QAA8NnB,EAAIqB,KAAzNjB,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,KAAK,CAACJ,EAAIgB,GAAG,iBAAiBZ,EAAG,QAAQ,CAACG,MAAM,CAAC,MAAQ,GAAG,MAAQ,UAAU,QAAU,GAAG,SAAW,IAAIE,GAAG,CAAC,MAAQT,EAAIsB,eAAe,CAACtB,EAAIgB,GAAG,cAAc,GAAYZ,EAAG,SAAS,CAACE,YAAY,kBAAkB,CAACF,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACG,MAAM,CAAC,KAAO,MAAM,CAACH,EAAG,MAAM,CAACA,EAAG,IAAI,CAACE,YAAY,gBAAgB,CAACN,EAAIgB,GAAG,iBAAiBZ,EAAG,IAAI,CAACE,YAAY,WAAW,CAACN,EAAIgB,GAAGhB,EAAIuB,GAAGvB,EAAIY,OAAOY,uBAAuBpB,EAAG,QAAQ,CAACG,MAAM,CAAC,KAAO,MAAM,CAACH,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,SAAS,CAACG,MAAM,CAAC,MAAQ,4BAA4B,CAACP,EAAIgB,GAAGhB,EAAIuB,GAAGvB,EAAIY,OAAOM,YAAY,MAAM,IAAI,GAAGd,EAAG,KAAK,CAACE,YAAY,aAAa,CAACN,EAAIgB,GAAG,qBAAqBZ,EAAG,SAAS,CAACE,YAAY,kBAAkB,CAACF,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACG,MAAM,CAAC,KAAO,OAAO,CAACH,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,YAAY,KAAKmB,YAAY,CAAC,MAAQ,QAAQ,CAACzB,EAAIgB,GAAG,kBAAkBZ,EAAG,KAAK,CAACE,YAAY,WAAW,CAACN,EAAIgB,GAAGhB,EAAIuB,GAAGvB,EAAI0B,mBAAmB1B,EAAIY,OAAOe,kBAAkBvB,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,YAAY,MAAM,CAACN,EAAIgB,GAAG,iBAAiBZ,EAAG,KAAK,CAACE,YAAY,WAAW,CAACN,EAAIgB,GAAGhB,EAAIuB,GAAGvB,EAAI4B,eAAe5B,EAAIY,OAAOiB,kBAAkBzB,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,YAAY,MAAM,CAACN,EAAIgB,GAAG,eAAeZ,EAAG,KAAK,CAACE,YAAY,WAAW,CAACN,EAAIgB,GAAGhB,EAAIuB,GAAGvB,EAAI4B,eAAe5B,EAAIY,OAAOkB,gBAAgB1B,EAAG,MAAMA,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,YAAY,UAAUC,MAAM,CAAC,QAAU,MAAM,CAACP,EAAIgB,GAAG,wBAAwBZ,EAAG,KAAK,CAAEJ,EAAIY,OAAOmB,QAAU/B,EAAIY,OAAOmB,OAAOC,QAAS5B,EAAG,KAAK,CAACE,YAAY,KAAKC,MAAM,CAAC,QAAU,MAAM,CAACP,EAAIgB,GAAGhB,EAAIuB,GAAGvB,EAAIY,OAAOmB,QAAU/B,EAAIY,OAAOmB,OAAOC,QAAUhC,EAAIY,OAAOmB,OAAOC,QAAQC,KAAM,IAAI,IAAIjC,EAAIuB,GAAGvB,EAAIY,OAAOmB,QAAU/B,EAAIY,OAAOmB,OAAOC,QAAUhC,EAAIY,OAAOmB,OAAOC,QAAQE,KAAK,IAAI,IAAIlC,EAAIuB,GAAGvB,EAAIY,OAAOmB,QAAU/B,EAAIY,OAAOmB,OAAOC,QAAUhC,EAAIY,OAAOmB,OAAOC,QAAQG,MAAM,IAAI,IAAInC,EAAIuB,GAAGvB,EAAIY,OAAOmB,QAAU/B,EAAIY,OAAOmB,OAAOC,QAAUhC,EAAIY,OAAOmB,OAAOC,QAAQI,IAAI,IAAI,OAAOhC,EAAG,KAAK,CAACA,EAAG,IAAI,CAACE,YAAY,2BAA2B,CAACN,EAAIgB,GAAG,qBAAqBZ,EAAG,MAAMA,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,YAAY,UAAUC,MAAM,CAAC,QAAU,MAAM,CAACP,EAAIgB,GAAG,gBAAgBZ,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,YAAY,sBAAsB,CAACN,EAAIgB,GAAGhB,EAAIuB,GAAGvB,EAAI+B,OAAS/B,EAAI+B,OAAOM,MAAO,IAAI,IAAIrC,EAAIuB,GAAGvB,EAAI+B,OAAS/B,EAAI+B,OAAOO,MAAO,OAAOlC,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACN,EAAIgB,GAAGhB,EAAIuB,GAAGvB,EAAI+B,OAAS/B,EAAIuC,kBAAkBvC,EAAI+B,OAAOS,UAAW,YAAaxC,EAAIY,QAAUZ,EAAIY,OAAO6B,UAAYzC,EAAIY,OAAO6B,SAAS1B,OAAQX,EAAG,MAAM,CAACA,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIgB,GAAG,gBAAgBhB,EAAI0C,GAAI1C,EAAIY,OAAe,UAAE,SAAS+B,EAAQC,GAAO,OAAOxC,EAAG,QAAQ,CAACyC,IAAID,EAAMtC,YAAY,SAAS,CAACF,EAAG,KAAK,CAACA,EAAG,KAAK,CAACG,MAAM,CAAC,QAAU,MAAM,CAACH,EAAG,IAAI,CAACE,YAAY,2BAA2B,CAACN,EAAIgB,GAAGhB,EAAIuB,GAAGoB,EAAQG,2BAA0B,GAAG9C,EAAIqB,QAAQ,IAAI,GAAIrB,EAAI+C,kBAAoBlC,OAAOC,KAAKd,EAAI+C,kBAAkBhC,OAAQX,EAAG,MAAM,CAACA,EAAG,KAAK,CAACE,YAAY,aAAa,CAACN,EAAIgB,GAAG,YAAYZ,EAAG,MAAMJ,EAAI0C,GAAI1C,EAAoB,kBAAE,SAASgD,EAAUJ,GAAO,OAAOxC,EAAG,MAAM,CAACyC,IAAID,EAAMtC,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,KAAK,CAACE,YAAY,sCAAsC,CAACN,EAAIgB,GAAGhB,EAAIuB,GAAGqB,MAAU5C,EAAI0C,GAAG,GAAY,SAASO,EAASC,GAAG,OAAO9C,EAAG,MAAM,CAACyC,IAAIK,EAAE5C,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B6C,SAAS,CAAC,UAAYnD,EAAIuB,GAAG0B,EAASA,aAAa7C,EAAG,MAAM,CAACE,YAAY,eAAe6C,SAAS,CAAC,UAAYnD,EAAIuB,GAAG0B,EAASG,iBAAgB,QAAO,KAAKpD,EAAIqB,KAAKjB,EAAG,OAAOA,EAAG,eAAe,CAACG,MAAM,CAAC,oBAAsBP,EAAIqD,oBAAoB,OAASrD,EAAIsD,MAAM,WAAatD,EAAIuD,aAAa,cAAgBvD,EAAIoB,cAAc,OAASpB,EAAIwD,eAAe,QAAUxD,EAAIyD,QAAQ,eAAiBzD,EAAI0D,iBAAiBjD,GAAG,CAAC,YAAcT,EAAI2D,iBAAiB,GAAG3D,EAAIqB,KAAKjB,EAAG,eAAe,CAACG,MAAM,CAAC,MAAQP,EAAI4D,MAAM,MAAQ5D,EAAI6D,eAAe,IACppJC,EAAkB,G,4DCDlB,EAAS,WAAa,IAAI9D,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAAQ,CAACG,MAAM,CAAC,QAAU,WAAW,CAACH,EAAG,WAAW,CAACG,MAAM,CAAC,WAAa,GAAG,WAAa,IAAIwD,MAAM,CAACC,MAAOhE,EAAuB,oBAAEiE,SAAS,SAAUC,GAAMlE,EAAImE,oBAAoBD,GAAKE,WAAW,wBAAwB,CAAChE,EAAG,SAAS,CAACG,MAAM,CAAC,WAAa,KAAK,CAACH,EAAG,eAAe,CAACA,EAAG,MAAM,CAACE,YAAY,sCAAsC,CAACF,EAAG,KAAK,CAACJ,EAAIgB,GAAG,iBAAiBZ,EAAG,MAAM,CAACK,GAAG,CAAC,MAAQT,EAAIqE,cAAc,CAACjE,EAAG,SAAS,CAACJ,EAAIgB,GAAG,IAAIhB,EAAIuB,GAAGvB,EAAIsE,WAAW,QAAQ,OAAOlE,EAAG,cAAc,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,KAAK,CAACE,YAAY,sBAAsB,CAACN,EAAIgB,GAAGhB,EAAIuB,GAAGvB,EAAIuE,aAAavE,EAAIwE,OAAOlB,WAAWlD,EAAG,MAAM,CAAe,UAAbJ,EAAIyD,QAAmBrD,EAAG,aAAa,CAACG,MAAM,CAAC,eAAiBP,EAAIyE,OAAO,cAAgBzE,EAAIoB,eAAeX,GAAG,CAAC,QAAUT,EAAI0E,iBAAiB1E,EAAIqB,KAAmB,UAAbrB,EAAIyD,QAAmBrD,EAAG,aAAa,CAACG,MAAM,CAAC,eAAiBP,EAAIyE,QAAQhE,GAAG,CAAC,QAAUT,EAAI0E,iBAAiB1E,EAAIqB,MAAM,QAAQ,IAAI,IAAI,IAC7hC,EAAkB,G,iFCsCtB,GACE,MAAF,CACI,oBAAJ,GACI,eAAJ,GACI,OAAJ,GACI,cAAJ,GACI,QAAJ,GAGI,OAAJ,GACI,WAAJ,IAEE,KAZF,WAaI,MAAJ,CACM,OAAN,IACM,QAAN,OACM,SAAN,OACM,YAAN,OACM,UAAN,OACM,SAAN,EAEM,OAAN,OAIE,MAAF,CACI,oBADJ,SACA,GAAM,IAAN,OACA,IACQ,KAAR,aACQ,YAAR,WACU,EAAV,eACA,OAGI,OATJ,SASA,GACM,QAAN,KAAQ,OAAR,KAEI,QAZJ,SAYA,GACM,QAAN,KAAQ,QAAR,MAGE,QAzCF,aA6CE,WAAF,CACI,WAAJ,OACI,WAAJ,QAEE,QAAF,CACI,kBADJ,SACA,GACM,KAAN,2BAEI,YAJJ,WAKM,KAAN,sBAEI,WAPJ,aASI,cATJ,SASA,GAAM,IAAN,OACA,GACQ,YAAR,cACQ,cAAR,EACQ,QAAR,SACQ,eAAR,mBACQ,OAAR,kBACQ,cAAR,iBAEM,EAAN,gCACA,kBACQ,QAAR,OACQ,EAAR,aACQ,EAAR,qBACQ,EAAR,6BAEA,mBACQ,EAAR,aAEQ,QAAR,KAAU,MAAV,SAIE,SAAF,kBACA,kCCzHwW,I,6FCOpWsD,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,EAAiB,QAUhC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,UAAA,OAAUC,WAAA,OAAWC,UAAA,KAAQC,QAAA,KAAMC,OAAA,OC2FvE,OACE,KAAF,iBACE,KAFF,WAGI,MAAJ,CACM,MAAN,GACM,WAAN,EACM,MAAN,SACM,SAAN,2FACM,OAAN,EACM,gBAAN,EACM,SAAN,CACQ,WAAR,GACQ,UAAR,GACQ,MAAR,GACQ,MAAR,GACQ,MAAR,GACQ,eAAR,IAEM,aAAN,CACA,YAAQ,QAAR,gBAEM,WAAN,CACA,YAAQ,QAAR,yBACA,YAAQ,MAAR,0CAEM,mBAAN,EACM,UAAN,IACM,IAAN,GACM,MAAN,CACA,CAAQ,GAAR,EAAQ,KAAR,YAAQ,MAAR,sBAAQ,KAAR,sBACA,CAAQ,GAAR,EAAQ,KAAR,WAAQ,MAAR,qBAAQ,KAAR,gBACA,CAAQ,GAAR,EAAQ,KAAR,UAAQ,MAAR,UAAQ,KAAR,gBAEM,SAAN,CACA,CAAQ,GAAR,EAAQ,KAAR,iCACA,CAAQ,GAAR,EAAQ,KAAR,iCACA,CAAQ,GAAR,EAAQ,KAAR,kBACA,CAAQ,GAAR,EAAQ,KAAR,mBACA,CAAQ,GAAR,EAAQ,KAAR,eAEM,OAAN,CACQ,MAAR,GACQ,KAAR,WACQ,WAAR,EACQ,aAAR,YAEM,gBAAN,EACM,eAAN,EACM,OAAN,GAGM,MAAN,KACM,cAAN,KACM,OAAN,GACM,IAAN,GACM,eAAN,EACM,UAAN,KACM,MAAN,GACM,QAAN,KACM,IAAN,EACM,iBAAN,GACM,OAAN,KACM,iBAAN,GACM,qBAAN,EACM,eAAN,GACM,MAAN,GACM,aAAN,GACM,QAAN,SAGE,WAAF,CACI,UAAJ,OACI,aAAJ,OACI,aAAJ,GAGE,QA5EF,WA6EI,KAAJ,cACI,KAAJ,kDACI,aAAJ,0BACI,KAAJ,aAEE,QAAF,CACI,YADJ,WAEM,KAAN,6FAEI,YAJJ,WAIM,IAAN,OAAM,OAAN,qDAAQ,OAAR,0FACA,0BACA,kBAEA,mDACA,0BAEA,mBACA,2BARA,8CAWI,aAfJ,WAgBM,KAAN,uBACM,KAAN,aAEI,aAnBJ,WAoBM,KAAN,wBAEI,mBAtBJ,WAuBM,KAAN,kBAEI,cAzBJ,SAyBA,GACM,KAAN,UACM,KAAN,kBAEI,aA7BJ,SA6BA,GACM,KAAN,UACM,KAAN,gBACM,KAAN,mBAEI,cAlCJ,WAkCM,IAAN,OAAM,OAAN,qDAAQ,OAAR,iFACA,eADA,SAEA,4CACA,oBAEA,kBACA,eACA,eACA,uBACA,sBAEA,mBACA,eACA,kBAbA,8CAgBI,UAlDJ,WAkDM,IAAN,OAAM,OAAN,qDAAQ,OAAR,iFACA,eADA,SAEA,+CAGA,kBACA,eACA,gBACA,gBACA,2DACA,+BACA,kBACA,yCAEA,mBACA,eACA,kBAhBA,8CAmBI,YArEJ,WAsEM,KAAN,mBAEI,WAxEJ,WAyEM,KAAN,cAAQ,KAAR,8BClRmX,I,4DCQ/W,EAAY,eACd,EACAlF,EACA+D,GACA,EACA,KACA,WACA,MAIa,eAAiB,QAWhC,IAAkB,EAAW,CAACoB,OAAA,KAAKN,QAAA,KAAMO,QAAA,KAAMC,OAAA,KAAKC,aAAA,KAAWL,QAAA,KAAMC,OAAA,Q,6DC9BrE,IAAIlF,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,YAAY,CAACqB,YAAY,CAAC,SAAW,SAAS,IAAM,IAAI,UAAU,KAAKlB,MAAM,CAAC,MAAQ,YAAY,CAACH,EAAG,QAAQ,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAO,GAAG,KAAO,GAAG,MAAQ,SAASE,GAAG,CAAC,MAAQT,EAAIW,aAAa,CAACP,EAAG,SAAS,CAACJ,EAAIgB,GAAG,sBAAsBhB,EAAIgB,GAAG,UAAU,GAAGZ,EAAG,kBAAkB,CAACqB,YAAY,CAAC,YAAY,SAAS,cAAc,MAAM,cAAc,OAAO,MAAQ,SAAS,CAACzB,EAAIgB,GAAGhB,EAAIuB,GAAGvB,EAAIsF,SAAWtF,EAAIsF,SAASC,KAAOvF,EAAIQ,UAAUJ,EAAG,YAAYA,EAAG,SAAS,CAACG,MAAM,CAAC,WAAW,IAAIiF,YAAYxF,EAAIyF,GAAG,CAAC,CAAC5C,IAAI,YAAY6C,GAAG,SAASC,GACloB,IAAIlF,EAAKkF,EAAIlF,GACTF,EAAQoF,EAAIpF,MAChB,MAAO,CAACH,EAAG,QAAQJ,EAAI4F,GAAG5F,EAAI6F,GAAG,CAACvF,YAAY,OAAOC,MAAM,CAAC,KAAO,GAAG,MAAQ,UAAU,MAAQ,KAAK,QAAQA,GAAM,GAAOE,GAAI,CAACL,EAAG,SAAS,CAACG,MAAM,CAAC,MAAQ,UAAU,CAACP,EAAIgB,GAAG,wBAAwB,SAAS,CAACZ,EAAG,SAASJ,EAAI0C,GAAI1C,EAAS,OAAE,SAAS8F,EAAKlD,GAAO,OAAOxC,EAAG,cAAc,CAACyC,IAAID,EAAMnC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAI+F,aAAaD,EAAKE,WAAW,CAAC5F,EAAG,oBAAoB,CAACA,EAAG,SAAS,CAACG,MAAM,CAAC,MAAQ,YAAY,CAACP,EAAIgB,GAAGhB,EAAIuB,GAAGuE,EAAKG,SAASjG,EAAIgB,GAAG,IAAIhB,EAAIuB,GAAGuE,EAAKtF,SAAS,IAAI,MAAK,IAAI,IAAI,IACtfsD,EAAkB,G,oFCmCtB,GACE,MAAF,CACI,SAAJ,GACI,MAAJ,CACM,KAAN,OACM,QAAN,KAGE,KARF,WASI,MAAJ,CACM,YAAN,OACM,WAAN,OACM,MAAN,CACA,CAAQ,GAAR,EAAQ,KAAR,cAAQ,MAAR,UAAQ,OAAR,WACA,CAAQ,GAAR,EAAQ,KAAR,aAAQ,MAAR,SAAQ,OAAR,aAIE,QAAF,CACI,YADJ,WAEM,KAAN,0BAEI,WAJJ,WAKM,KAAN,eAEI,aAPJ,SAOA,GACM,OAAN,GACQ,IAAR,SACU,KAAV,gBACU,MACF,IAAR,UACU,KAAV,cACU,QAGN,cAjBJ,WAiBM,IAAN,OAAM,OAAN,qDAAQ,OAAR,iFACA,iCADA,SAEA,uBACA,iBACA,wBACA,iCACA,sCAEA,kBACA,wBACA,mCACA,oCAXA,+CAgCE,SAAF,kBACA,kCC3G4W,I,yJCQxWa,EAAY,eACd,EACA5E,EACA+D,GACA,EACA,KACA,WACA,MAIa,OAAAa,EAAiB,QAahC,IAAkBA,EAAW,CAACO,OAAA,KAAKF,QAAA,KAAMkB,QAAA,KAAMC,YAAA,KAAUC,eAAA,OAAeC,QAAA,KAAMC,UAAA,KAAQC,WAAA,KAASC,cAAA,U,8PCNhF,sBAAO,EAAD,0BAKnB,eALmB,aAMnB,eANa,sBAON,CACPjB,KADO,SAGPkB,MAAO,CACLC,OAAQ,CACNC,KADM,QAENC,SAAS,GAEXC,YAAa,CACXF,KADW,OAEXC,QAFW,WAGT,OAAK3G,KAAL,UAEOA,KAAK6G,UAAZ,YAF4B,KAKhCC,MAbK,QAcLC,UAAW,CACTL,KADS,OAETC,QAAS,WAEXK,WAAY,CACVN,KADU,OAEVC,QAAS,kBAEXM,SAtBK,QAuBLC,UAvBK,QAwBLC,OAxBK,QAyBLC,WAAY,CACVV,KADU,OAEVC,QAAS,aAEXU,MA7BK,QA8BLC,KA9BK,QA+BLC,SA/BK,QAgCLC,KAhCK,QAiCLC,IAAK,CACHf,KADG,OAEHC,QAAS,QAEXe,UArCK,OAsCL3D,MAAO,MAGT4D,KAAM,iBAAO,CACXC,WAAY,mBAGdC,SAAU,CACRC,QADQ,WAEN,oEACE,UADK,GAEF,qCAFE,OAAP,IAGE,oBAAqB9H,KAHhB,YAIL,mBAAoBA,KAJf,SAKL,oBAAqBA,KALhB,UAML,gBAAiBA,KANZ,MAOL,eAAgBA,KAPX,OAQL,oBAAqBA,KARhB,MASL,mBAAoBA,KATf,SAUL,eAAgBA,KAVX,KAWL,oBAAqBA,KAXhB,UAYFA,KAZE,cAaFA,KAbE,iBAcFA,KAAK+H,eAGZC,SAnBQ,WAoBN,OAAOC,QAAQjI,KAAf,QAEFkI,YAtBQ,WAuBN,OAAOD,QACL,gDACAjI,KAFF,aAOJmI,QA9EO,WA8EA,WACCC,EAAgB,CACpB,CAAC,UADmB,YAEpB,CAAC,WAFmB,eAGpB,CAAC,QAHmB,UAIpB,CAAC,SAJH,iBAQAA,EAAA,SAAsB,YAA4B,0BAA3B,EAA2B,KAA5B,EAA4B,KAC5C,wBAAJ,IAA0C,eAASC,EAAUC,EAAnB,OAI9CC,QAAS,CACPC,MADO,SACF,GACHxI,KAAA,iBAEAA,KAAA,WAAkBA,KAAlB,UAEFyI,UANO,WAOL,IAAMC,EAAN,GAWA,OATI1I,KAAJ,UACE0I,EAAA,KACE1I,KAAKE,eAAe,EAApB,KAA2B,CACzBG,YADyB,iBAEzBmG,MAAO,CAAEmC,MAAM,IACd3I,KAJL,aAQKA,KAAKE,eAAe,EAApB,KAAP,IAEF0I,SApBO,WAoBC,WACN,OAAO5I,KAAKE,eAAe,EAApB,KAA2B,CAChCG,YADgC,gBAEhCmG,MAAO,CACLqC,OADK,EAELC,KAAM,IAERxI,MAAO,CACL,aAAcN,KAAK+I,SAASC,KAAKC,EAAEjJ,KAArB,aAEhBQ,GAAI,CACFgI,MAAQ,SAAAU,GACNA,EAAA,kBACAA,EAAA,iBAEA,uBACA,+BAGHlJ,KAlBH,YAoBFmJ,WAzCO,WA0CL,OAAOnJ,KAAKE,eAAe,OAAQ,CACjCG,YAAa,mBACZ,CACDL,KAAKmH,QAAUnH,KADd,YAEDA,KAAKoJ,OAFJ,QAGDpJ,KAAKgI,UAAYhI,KALnB,eAUJF,OAhJO,SAgJD,GACJ,IAAM4I,EAAW,CAAC1I,KAAlB,cACA,EAAoBA,KAApB,oBAAI,EAAJ,EAAI,IAAO2H,EAAX,EAAWA,KAEXA,EAAA,uCACKA,EADQ,OAAb,IAEET,UAAWlH,KAAKkH,UAAY,YAFjB,EAGXmC,SAAUrJ,KAAK6G,YAAc7G,KAAnB,WAAuC2H,EAAA,MAAY0B,WAE/D1B,EAAA,gBAAsB,CACpBrC,KADoB,OAEpBvB,MAAO/D,KAAKyG,SAEdkB,EAAO3H,KAAKsJ,mBAAmBtJ,KAAxB,MAAP2H,GAEA,IAAM4B,EAAQvJ,KAAK0H,WAAc1H,KAAKuH,UAAYvH,KAAlD,MAEA,OAAOwJ,EAAE/B,EAAKzH,KAAKyJ,aAAaF,EAAxB,GAAR,O,kCClMJ","file":"js/TechnicalServiceDetailPage.3dffbf9d.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TechnicalServiceDetailPage.vue?vue&type=style&index=0&id=bb9e4878&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"ma-0 pa-0 bg-bug h-100 pb-14\"},[_c('Topnavbar',{attrs:{\"title\":_vm.title},on:{\"back\":function($event){return _vm.handleBack()}}}),(_vm.detail && Object.keys(_vm.detail).length)?_c('v-container',{staticClass:\"mb80\"},[_c('div',{staticClass:\"mb-4 d-flex align-center justify-space-between\"},[_c('h3',{},[_vm._v(\"Appointment Detail\")]),_c('div',[_c('v-btn',{attrs:{\"outlined\":\"\",\"rounded\":\"\",\"icon\":\"\",\"color\":\"secondary\"},on:{\"click\":_vm.openAptConv}},[_c('v-icon',{staticClass:\"mg-auto\",attrs:{\"color\":\"secondary\"}},[_vm._v(\"mdi-chat\")])],1)],1)]),(_vm.detail.status != 'completed')?_c('v-btn',{staticClass:\"mb-5\",attrs:{\"block\":\"\",\"rounded\":\"\",\"outlined\":\"\",\"color\":\"primary\",\"disabled\":!_vm.detail.payment,\"link\":\"\",\"to\":'/technical-service-start/'+_vm.appointmentId}},[_vm._v(\"Start Service\")]):_vm._e(),(!_vm.detail.payment)?_c('div',{staticClass:\"cred mb-4 text-center\"},[_c('h4',[_vm._v(\"Payment Due\")]),_c('v-btn',{attrs:{\"small\":\"\",\"color\":\"primary\",\"rounded\":\"\",\"outlined\":\"\"},on:{\"click\":_vm.handlePaynow}},[_vm._v(\"Pay Now\")])],1):_vm._e(),_c('v-card',{staticClass:\"custom-bs pa-4\"},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('div',[_c('p',{staticClass:\"ma-0 f8-bold\"},[_vm._v(\"Reference #\")]),_c('p',{staticClass:\"ma-0 f8\"},[_vm._v(_vm._s(_vm.detail.appointment_no))])])]),_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('div',{staticClass:\"text-right\"},[_c('v-chip',{attrs:{\"color\":\"success text-capitalize\"}},[_vm._v(_vm._s(_vm.detail.status))])],1)])],1)],1),_c('h4',{staticClass:\"mt-5 mb-4\"},[_vm._v(\"Service Summary\")]),_c('v-card',{staticClass:\"custom-bs pa-4\"},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('table',[_c('tr',[_c('td',{staticClass:\"f8\",staticStyle:{\"width\":\"50%\"}},[_vm._v(\"Service Date\")]),_c('td',{staticClass:\"f8-bold\"},[_vm._v(_vm._s(_vm.formatDateStandard(_vm.detail.start_date)))])]),_c('tr',[_c('td',{staticClass:\"f8\"},[_vm._v(\"Start Time \")]),_c('td',{staticClass:\"f8-bold\"},[_vm._v(_vm._s(_vm.formatTimeOnly(_vm.detail.start_time)))])]),_c('tr',[_c('td',{staticClass:\"f8\"},[_vm._v(\"End Time \")]),_c('td',{staticClass:\"f8-bold\"},[_vm._v(_vm._s(_vm.formatTimeOnly(_vm.detail.end_time)))])]),_c('br'),_c('tr',[_c('td',{staticClass:\"f8-bold\",attrs:{\"colspan\":\"2\"}},[_vm._v(\"Service Location\")])]),_c('tr',[(_vm.detail.client && _vm.detail.client.address)?_c('td',{staticClass:\"f8\",attrs:{\"colspan\":\"2\"}},[_vm._v(_vm._s(_vm.detail.client && _vm.detail.client.address ? _vm.detail.client.address.add1 :'')+\" \"+_vm._s(_vm.detail.client && _vm.detail.client.address ? _vm.detail.client.address.city:'')+\" \"+_vm._s(_vm.detail.client && _vm.detail.client.address ? _vm.detail.client.address.state:'')+\" \"+_vm._s(_vm.detail.client && _vm.detail.client.address ? _vm.detail.client.address.zip:'')+\" \")]):_c('td',[_c('p',{staticClass:\"f9 mb-0 text-capitalize\"},[_vm._v(\"unavailable\")])])]),_c('br'),_c('tr',[_c('td',{staticClass:\"f8-bold\",attrs:{\"colspan\":\"2\"}},[_vm._v(\"Customer\")])]),_c('tr',[_c('td',{staticClass:\"f8 text-capitalize\"},[_vm._v(_vm._s(_vm.client ? _vm.client.fname :'')+\" \"+_vm._s(_vm.client ? _vm.client.lname :''))]),_c('td',{staticClass:\"f8 text-right\"},[_vm._v(_vm._s(_vm.client ? _vm.formatPhoneNumber(_vm.client.phone_no) :'-'))])])]),(_vm.detail && _vm.detail.services && _vm.detail.services.length)?_c('div',[_c('h5',{staticClass:\"mt-5\"},[_vm._v(\" Services \")]),_vm._l((_vm.detail.services),function(service,index){return _c('table',{key:index,staticClass:\"w-100\"},[_c('tr',[_c('td',{attrs:{\"colspan\":\"2\"}},[_c('p',{staticClass:\"f9 mb-0 text-capitalize\"},[_vm._v(_vm._s(service.service_name))])])])])})],2):_vm._e()])],1)],1),(_vm.question_answers && Object.keys(_vm.question_answers).length)?_c('div',[_c('h4',{staticClass:\"mt-5 mb-4\"},[_vm._v(\"Survey\")]),_c('div',_vm._l((_vm.question_answers),function(questions,index){return _c('div',{key:index,staticClass:\"mb-4\"},[_c('div',{staticClass:\"custom-bs pa-4\"},[_c('h4',{staticClass:\"text-capitalize mb-4 color-primary\"},[_vm._v(_vm._s(index))]),_vm._l((questions),function(question,i){return _c('div',{key:i,staticClass:\"custom-border-bottom\"},[_c('div',{staticClass:\"f8 text-capitalize ma-0\",domProps:{\"innerHTML\":_vm._s(question.question)}}),_c('div',{staticClass:\"mb-0 f9-bold\",domProps:{\"innerHTML\":_vm._s(question.answer)}})])})],2)])}),0)]):_vm._e(),_c('div'),_c('ModalPayment',{attrs:{\"modalBookingPayment\":_vm.modalPaymentBooking,\"amount\":_vm.total,\"nameOnCard\":_vm.name_on_card,\"appointmentId\":_vm.appointmentId,\"apikey\":_vm.publishablekey,\"gateway\":_vm.gateway,\"convenienceFee\":_vm.convenience_fee},on:{\"handleClose\":_vm.closePayment}})],1):_vm._e(),_c('Bottomnavbar',{attrs:{\"items\":_vm.items,\"value\":_vm.indexValue}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-dialog',{attrs:{\"persistent\":\"\",\"scrollable\":\"\"},model:{value:(_vm.modalBookingPayment),callback:function ($$v) {_vm.modalBookingPayment=$$v},expression:\"modalBookingPayment\"}},[_c('v-card',{attrs:{\"scrollable\":\"\"}},[_c('v-card-title',[_c('div',{staticClass:\"w-100 justify-space-between d-flex\"},[_c('h3',[_vm._v(\"Card Detail\")]),_c('div',{on:{\"click\":_vm.handleClose}},[_c('v-icon',[_vm._v(\" \"+_vm._s(_vm.iconClose)+\" \")])],1)])]),_c('v-card-text',{staticClass:\"pa-1 text-center\"},[_c('div',{staticClass:\"pt-2\"},[_c('h2',{staticClass:\"ma-4 color-primary\"},[_vm._v(_vm._s(_vm.formatAmount(_vm.amount.total)))]),_c('div',[(_vm.gateway=='square')?_c('CardSquare',{attrs:{\"publishablekey\":_vm.apikey,\"appointmentId\":_vm.appointmentId},on:{\"proceed\":_vm.handlePayment}}):_vm._e(),(_vm.gateway=='stripe')?_c('CardStripe',{attrs:{\"publishablekey\":_vm.apikey},on:{\"proceed\":_vm.handlePayment}}):_vm._e()],1)])])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-row justify=\"center\">\r\n        <v-dialog\r\n        v-model=\"modalBookingPayment\"\r\n        persistent\r\n        scrollable\r\n        >\r\n        <v-card scrollable>\r\n            <v-card-title>\r\n                <div class=\"w-100 justify-space-between d-flex\">\r\n                    <h3>Card Detail</h3>\r\n                    <div @click=\"handleClose\"> <v-icon> {{ iconClose }} </v-icon></div>\r\n                </div>\r\n            </v-card-title>\r\n             <v-card-text class=\"pa-1 text-center\">\r\n              <div class=\"pt-2\">\r\n                    <!-- <div class=\"w-100 mb-2 d-flex align-center justify-space-between pa-3\">\r\n                        <span class=\"f8-bold\">Total</span>\r\n                        <span class=\"text-right color-primary f9-bold\">{{ formatAmount(amount.total) }}</span>\r\n                    </div> -->\r\n                    <h2 class=\"ma-4 color-primary\">{{ formatAmount(amount.total) }}</h2>\r\n                    <div>\r\n                        <CardSquare v-if=\"gateway=='square'\" @proceed=\"handlePayment\"  :publishablekey=\"apikey\" :appointmentId=\"appointmentId\"/>\r\n                        <CardStripe v-if=\"gateway=='stripe'\" @proceed=\"handlePayment\"  :publishablekey=\"apikey\"/>\r\n                    </div>\r\n              </div>\r\n            </v-card-text>\r\n        </v-card>\r\n        </v-dialog>\r\n    </v-row>\r\n</template>\r\n<script>\r\nimport { mdiPlus, mdiMinus, mdiClose, mdiMapMarker } from '@mdi/js'\r\nimport  moment from 'moment'\r\nimport { mapGetters } from 'vuex'\r\nimport { ApiService } from '@/core/services/api.service'\r\n// import CardStripe from '../cart/CardStripeElements'\r\nimport CardStripe from '@/views/payment/CardStripe'\r\nimport CardSquare from '@/views/payment/CardSquareEmbed'\r\nexport default {\r\n    props:{\r\n        modalBookingPayment:{},\r\n        convenienceFee:{},\r\n        apikey:{},\r\n        appointmentId:{},\r\n        gateway:{\r\n            // default:'square',\r\n        },\r\n        amount:{},\r\n        nameOnCard:{}\r\n    },\r\n    data(){\r\n        return {\r\n            moment,\r\n            mdiPlus, \r\n            mdiMinus,\r\n            iconAddress: mdiMapMarker,\r\n            iconClose: mdiClose,\r\n            quantity:1,\r\n            // pulishableKey :'pk_test_HWXJvemu3UMjLToQMuQXdVHf00hbtPgsPF',\r\n            status:null,\r\n            // total:0,\r\n        }\r\n    },\r\n    watch:{\r\n         modalBookingPayment(newval){\r\n            if(newval) {\r\n                this.loaderShow();\r\n                setTimeout(() => {\r\n                    this.loaderHide();\r\n                },5000)\r\n            }\r\n        },\r\n        apikey(newval) {\r\n            console.log({newval});\r\n        },\r\n        gateway(gateway){\r\n            console.log({gateway});\r\n        }\r\n    },\r\n    mounted(){\r\n        // console.log(this.apikey);\r\n       \r\n    },\r\n    components: {\r\n        CardStripe,\r\n        CardSquare,\r\n    },\r\n    methods: {\r\n        handleProceedCard(param) {\r\n            this.stripeToken = param.stripeToken;\r\n        },\r\n        handleClose(){\r\n            this.$emit('handleClose');\r\n        },\r\n        handleNext(){\r\n        },\r\n        handlePayment(param){\r\n            let tokenData = {\r\n                stripeToken: param.stripeToken,\r\n                check_payment:2,\r\n                gateway:'stripe',\r\n                appointment_id: this.appointmentId,\r\n                amount: this.amount.total,\r\n                name_per_card: this.nameOnCard\r\n            };\r\n            ApiService.post('/appointment-pay',tokenData)\r\n            .then((resp) => {\r\n                console.log(resp);\r\n                this.loaderHide();\r\n                this.$emit('handleClose');\r\n                this.messageSuccess(resp.message);\r\n            })\r\n            .catch((error) => {\r\n                this.loaderHide();\r\n                // this.messageError('Failed to book spot');\r\n                console.log({error});\r\n            })\r\n        }\r\n    },\r\n    computed: { \r\n        ...mapGetters(['currentUser']),\r\n    },\r\n    \r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalPaymentDue.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalPaymentDue.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalPaymentDue.vue?vue&type=template&id=314d08f4&scoped=true&\"\nimport script from \"./ModalPaymentDue.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalPaymentDue.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  \"314d08f4\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCard,VCardText,VCardTitle,VDialog,VIcon,VRow})\n","<template>\r\n    <v-container class=\"ma-0 pa-0 bg-bug h-100 pb-14\">\r\n        <Topnavbar :title=\"title\" @back=\"handleBack()\"/>\r\n        <v-container class=\"mb80\" v-if=\"detail && Object.keys(detail).length\">\r\n            <div class=\"mb-4 d-flex align-center justify-space-between\">\r\n                <h3 class=\"\">Appointment Detail</h3>\r\n                <div>\r\n                    <v-btn outlined rounded icon color=\"secondary\" @click=\"openAptConv\"><v-icon class=\"mg-auto\" color=\"secondary\">mdi-chat</v-icon></v-btn>\r\n                </div>\r\n            </div>\r\n            <v-btn v-if=\"detail.status != 'completed'\" block rounded outlined color=\"primary\" :disabled=\"!detail.payment\" link :to=\"'/technical-service-start/'+appointmentId\" class=\"mb-5\">Start Service</v-btn>\r\n            <div v-if=\"!detail.payment\" class=\"cred mb-4 text-center\">\r\n                <h4>Payment Due</h4>\r\n                <v-btn small color=\"primary\" rounded outlined @click=\"handlePaynow\">Pay Now</v-btn>\r\n            </div>\r\n            <v-card class=\"custom-bs pa-4\">\r\n                <v-row >\r\n                    <v-col cols=\"6\">\r\n                        <div>\r\n                            <p class=\"ma-0 f8-bold\">Reference #</p>\r\n                            <p class=\"ma-0 f8\">{{ detail.appointment_no }}</p>\r\n                        </div>\r\n                    </v-col>\r\n                    <v-col cols=\"6\">\r\n                        <div class=\"text-right\">\r\n                            <!-- <p class=\"ma-0 f8-bold\">Status</p> -->\r\n                            <v-chip color=\"success text-capitalize\">{{detail.status}}</v-chip>\r\n                        </div>\r\n                    </v-col>\r\n                </v-row>\r\n            </v-card>\r\n            <h4 class=\"mt-5 mb-4\">Service Summary</h4>\r\n            <v-card class=\"custom-bs pa-4\">\r\n                <v-row>\r\n                    <v-col cols=\"12\">\r\n                        <table>\r\n                            <tr>\r\n                                <td class=\"f8\" style=\"width:50%\">Service Date</td>\r\n                                <td class=\"f8-bold\">{{ formatDateStandard(detail.start_date)}}</td>\r\n                            </tr>\r\n                            <tr>\r\n                                <td class=\"f8\">Start Time </td>\r\n                                <td class=\"f8-bold\">{{ formatTimeOnly(detail.start_time)}}</td>\r\n                            </tr>\r\n                            <tr>\r\n                                <td class=\"f8\">End Time </td>\r\n                                <td class=\"f8-bold\">{{ formatTimeOnly(detail.end_time)}}</td>\r\n                            </tr>\r\n                           \r\n                            <br>\r\n                            <tr>\r\n                                <td colspan=\"2\" class=\"f8-bold\">Service Location</td>\r\n                            </tr>\r\n                            <tr>\r\n                                <td v-if=\"detail.client && detail.client.address\" colspan=\"2\" class=\"f8\">{{ detail.client && detail.client.address ? detail.client.address.add1 :''}} \r\n                                    {{  detail.client && detail.client.address ? detail.client.address.city:''}} {{  detail.client && detail.client.address ? detail.client.address.state:''}} \r\n                                    {{  detail.client && detail.client.address ? detail.client.address.zip:''}}\r\n                                </td>\r\n                                <td v-else>\r\n                                   <p class=\"f9 mb-0 text-capitalize\">unavailable</p>\r\n                                </td>\r\n                            </tr>\r\n                            <br>\r\n                            <tr>\r\n                                <td colspan=\"2\" class=\"f8-bold\">Customer</td>\r\n                            </tr>\r\n                         \r\n                            <tr>\r\n                                <td class=\"f8 text-capitalize\">{{  client ? client.fname :'' }} {{ client ? client.lname :''}}</td>\r\n                                <td class=\"f8 text-right\">{{client ?  formatPhoneNumber(client.phone_no) :'-' }}</td>\r\n                            </tr>\r\n                        </table>\r\n                        <div v-if=\"detail && detail.services && detail.services.length\">\r\n                            <h5 class=\"mt-5\"> Services </h5>\r\n                            <table class=\"w-100\" v-for=\"(service, index) in detail.services\" :key=\"index\">\r\n                                <tr>\r\n                                    <td colspan=\"2\"><p class=\"f9 mb-0 text-capitalize\">{{ service.service_name}}</p></td>\r\n                                </tr>\r\n                            </table>\r\n                        </div>\r\n                    </v-col>\r\n                </v-row>\r\n            </v-card>\r\n            <div v-if=\"question_answers && Object.keys(question_answers).length\">\r\n                <h4 class=\"mt-5 mb-4\">Survey</h4>\r\n                <div>\r\n                    <div class=\"mb-4\" v-for=\"(questions,index) in question_answers\" :key=\"index\">\r\n                        <div class=\"custom-bs pa-4\">\r\n                            <h4 class=\"text-capitalize mb-4 color-primary\">{{ index }}</h4>\r\n                            <div class=\"custom-border-bottom\" v-for=\"(question,i) in questions\" :key=\"i\">\r\n                                <div class=\"f8 text-capitalize ma-0\" v-html=\"question.question\"></div>\r\n                                <div class=\"mb-0 f9-bold\" v-html=\"question.answer\"></div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n          \r\n            <div>\r\n                <!-- <v-btn block outlined color=\"primary\" class=\"mt-5\" link to=\"/customer-additional-services\" rounded>Additional Services</v-btn> -->\r\n            </div>\r\n            <ModalPayment :modalBookingPayment=\"modalPaymentBooking\" \r\n            :amount=\"total\" \r\n            :nameOnCard=\"name_on_card\"\r\n            :appointmentId=\"appointmentId\"\r\n            :apikey=\"publishablekey\"\r\n            :gateway=\"gateway\"\r\n            :convenienceFee=\"convenience_fee\"\r\n            @handleClose=\"closePayment\"/>\r\n        </v-container>\r\n         <Bottomnavbar :items=\"items\" :value=\"indexValue\"/>\r\n    </v-container>\r\n</template>\r\n<script>\r\nimport Topnavbar from '@/components/layout/TopnavbarBackCustom'\r\nimport { ApiService } from '@/core/services/api.service'\r\nimport Bottomnavbar from '@/components/layout/BottomnavbarFixed'\r\nimport ModalPayment from './ModalPaymentDue'\r\n// import InputUpload from '@/components/form-element/InputUpload'\r\nexport default {\r\n    name:'InspectionPage',\r\n    data() {\r\n        return {\r\n            title:'',\r\n            indexValue:0,\r\n            label:'Choose',\r\n            usericon:'https://avatar-management--avatars.us-west-2.prod.public.atl-paas.net/default-avatar.png',\r\n            valid:true,\r\n            convenience_fee:0,\r\n            customer: {\r\n                first_name:'',\r\n                last_name:'',\r\n                title:'',\r\n                phone:'',\r\n                email:'',\r\n                license_number:'',\r\n            },\r\n            ruleRequired: [\r\n                v => !!v || 'Required',\r\n            ],\r\n            rulesEmail: [\r\n                v => !!v || 'E-mail is required',\r\n                v => /.+@.+/.test(v) || 'E-mail must be valid',\r\n            ],\r\n            update_input_file:true,\r\n            maxHeight:300,\r\n            src:'',\r\n            items: [\r\n                {id:2, name:'Dashboard',route:'dashboard-technical',icon:'mdi-view-dashboard'},\r\n                {id:3, name:'Calendar',route:'technical-calendar', icon:'mdi-calendar'},\r\n                {id:4, name:'Profile',route:'profile', icon:'mdi-account'},\r\n            ],\r\n            services:[\r\n                {id:1, name:'Interior General Pest Control'},\r\n                {id:2, name:'Exterior General Pest Control'},\r\n                {id:3, name:'Rodent Control'},\r\n                {id:4, name:'Bed Bug Service'},\r\n                {id:5, name:'Mosquitoes'},\r\n            ],\r\n            action:{\r\n                title:'',\r\n                icon:'mdi-plus',\r\n                hasAction:true,\r\n                title_action:'Add Note'\r\n            },\r\n            dialogPestNote:false,\r\n            dialogConfirm:false,\r\n            images: [\r\n\r\n            ],\r\n            index: null,\r\n            appointmentId:null,\r\n            detail: {},\r\n            url:'',\r\n            dialogService:false,\r\n            serviceId:null,\r\n            dates:[],\r\n            quoteId:null,\r\n            tax:0,\r\n            serviceProviders:[],\r\n            client:null,\r\n            question_answers:[],\r\n            modalPaymentBooking:false,\r\n            publishablekey:'',\r\n            total:{ },\r\n            name_on_card:'',\r\n            gateway:'none',\r\n        }\r\n    },\r\n    components: {\r\n        Topnavbar,\r\n        Bottomnavbar,\r\n        ModalPayment\r\n        // InputUpload\r\n    },\r\n    mounted() {\r\n        this.fetchApiKey();\r\n        this.appointmentId = this.$router.currentRoute.params.id;\r\n        localStorage.removeItem('destination');\r\n        this.fetchPest();\r\n    },\r\n    methods: {\r\n        openAptConv() {\r\n            this.$router.push('/gc/apt' + this.appointmentId + `?key=apt_id&keyVal=${this.appointmentId}`)\r\n        },\r\n         async fetchApiKey(){\r\n            await ApiService.get('/getapikeys')\r\n            .then((resp) => {\r\n                // this.publishablekey = resp.stripe;\r\n                this.gateway = resp.gateway?resp.gateway.toLowerCase():'none';\r\n                this.publishablekey = resp.key;\r\n            })\r\n            .catch((error) => {\r\n                console.log(error.response);\r\n            });\r\n        },\r\n        closePayment(){\r\n            this.modalPaymentBooking = false;\r\n            this.fetchPest();\r\n        },\r\n        handlePaynow(){\r\n            this.modalPaymentBooking = true;\r\n        },\r\n        handleCloseConfirm(){\r\n            this.dialogConfirm = false;\r\n        },\r\n        handleProceed(quoteId) {\r\n            this.quoteId = quoteId;\r\n            this.dialogConfirm = true;\r\n        },\r\n        handleChange(quoteId){\r\n            this.quoteId = quoteId;\r\n            this.source = \"quotes\";\r\n            this.dialogPestNote = true;\r\n        },\r\n        async handleConfirm() {\r\n            this.loaderShow();\r\n            await ApiService.post('pest-quote-unavailable-dates',{\r\n                quoteId: this.quoteId,\r\n            })\r\n            .then((resp) => {\r\n                this.loaderHide();\r\n                this.dates = resp.data;\r\n                this.handleCloseConfirm();\r\n                this.dialogService = true;\r\n            })\r\n            .catch((err) => {\r\n                this.loaderHide();\r\n                console.log(err);\r\n            });\r\n        },\r\n        async fetchPest() {\r\n            this.loaderShow();\r\n            await ApiService.post('appointment/'+this.appointmentId,{\r\n                // type: localStorage.getItem('utype'),\r\n            })\r\n            .then((resp) => {\r\n                this.loaderHide();\r\n                this.detail = resp.data;\r\n                this.total = resp.total;\r\n                this.name_on_card = resp.data.client.fname+ \" \"+ resp.data.client.lname;\r\n                this.serviceProviders = resp.providers;\r\n                this.client = resp.client;\r\n                this.question_answers = resp.question_answers;\r\n            })\r\n            .catch((err) => {\r\n                this.loaderHide();\r\n                console.log(err);\r\n            });\r\n        },\r\n        handleClose(){\r\n            this.dialogPestNote = false;\r\n        },\r\n        handleBack(){\r\n            this.$router.push({name:'dashboardTechnicalPage'});\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.custom-border-bottom{\r\n    display:flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 0 0 12px 0;\r\n    margin-bottom: 16px;\r\n    &:not(:last-child) {\r\n        border-bottom: 1px solid #e9e9e9 !important;\r\n    }\r\n}\r\n.service-item-container {\r\n    display: flex;\r\n    align-items: center;\r\n    margin: 24px 0;\r\n    padding: 14px 16px;\r\n    border-radius: 10px;\r\n    border: 1px solid #a0cbff91;\r\n    .icon-wrapper {\r\n            padding: 10px;\r\n            background: #19477ede;\r\n            border-radius: 9px;\r\n        i {\r\n            color: #fff;\r\n        }\r\n    }\r\n    .text-wrapper {\r\n        padding: 0 12px;\r\n        .text-heading {\r\n            padding: 0 12px;\r\n            color: #000;\r\n            font-weight: 400;\r\n            margin-bottom: 4px !important;\r\n        }\r\n        .text-sub-heading {\r\n            font-size: 0.8rem;\r\n        }\r\n    }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TechnicalServiceDetailPage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TechnicalServiceDetailPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TechnicalServiceDetailPage.vue?vue&type=template&id=bb9e4878&scoped=true&\"\nimport script from \"./TechnicalServiceDetailPage.vue?vue&type=script&lang=js&\"\nexport * from \"./TechnicalServiceDetailPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TechnicalServiceDetailPage.vue?vue&type=style&index=0&id=bb9e4878&lang=scss&scoped=true&\"\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  \"bb9e4878\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VChip,VCol,VContainer,VIcon,VRow})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-toolbar',{staticStyle:{\"position\":\"sticky\",\"top\":\"0\",\"z-index\":\"2\"},attrs:{\"color\":\"primary\"}},[_c('v-btn',{staticClass:\"pl-0\",attrs:{\"tile\":\"\",\"text\":\"\",\"color\":\"white\"},on:{\"click\":_vm.handleBack}},[_c('v-icon',[_vm._v(\"mdi-chevron-left\")]),_vm._v(\"Back \")],1),_c('v-toolbar-title',{staticStyle:{\"font-size\":\"0.9rem\",\"font-weight\":\"500\",\"margin-left\":\"10px\",\"color\":\"#fff\"}},[_vm._v(_vm._s(_vm.receiver ? _vm.receiver.name : _vm.title))]),_c('v-spacer'),_c('v-menu',{attrs:{\"offset-y\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({staticClass:\"pr-0\",attrs:{\"text\":\"\",\"color\":\"primary\",\"small\":\"\"}},'v-btn',attrs,false),on),[_c('v-icon',{attrs:{\"color\":\"white\"}},[_vm._v(\"mdi-dots-vertical\")])],1)]}}])},[_c('v-list',_vm._l((_vm.items),function(item,index){return _c('v-list-item',{key:index,on:{\"click\":function($event){return _vm.handleAction(item.action)}}},[_c('v-list-item-title',[_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(_vm._s(item.icon))]),_vm._v(\" \"+_vm._s(item.title))],1)],1)}),1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n        <v-toolbar color=\"primary\" style=\"position: sticky;top: 0;px;z-index: 2;\">\r\n           <v-btn class=\"pl-0\" @click=\"handleBack\" tile text color=\"white\">\r\n            <v-icon>mdi-chevron-left</v-icon>Back \r\n            </v-btn> \r\n            <v-toolbar-title style=\"font-size: 0.9rem;font-weight: 500; margin-left:10px; color:#fff;\">{{ receiver ? receiver.name : title }}</v-toolbar-title>\r\n            <v-spacer></v-spacer>\r\n            <v-menu offset-y>\r\n                <template v-slot:activator=\"{ on, attrs }\">\r\n                    <v-btn\r\n                    text\r\n                    color=\"primary\"\r\n                    v-bind=\"attrs\"\r\n                    v-on=\"on\"\r\n                    small\r\n                    class=\"pr-0\"\r\n\r\n                    >\r\n                    <v-icon color=\"white\">mdi-dots-vertical</v-icon>\r\n                    </v-btn>\r\n                </template>\r\n                <v-list>\r\n                    <v-list-item\r\n                    v-for=\"(item, index) in items\"\r\n                    :key=\"index\"\r\n                    @click=\"handleAction(item.action)\"\r\n                    >\r\n                    <v-list-item-title><v-icon color=\"primary\">{{ item.icon }}</v-icon> &nbsp; {{ item.title }}</v-list-item-title>\r\n                    </v-list-item>\r\n                </v-list>\r\n            </v-menu>\r\n        </v-toolbar>\r\n</template>\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nimport { mdiAccountCircle, mdiLogout } from '@mdi/js'\r\nimport {ApiService} from '@/core/services/api.service'\r\n// import JwtService from '@/core/services/jwt.service'\r\nimport {PURGE_AUTH} from '@/core/services/store/auth.module'\r\nexport default {\r\n    props:{\r\n        receiver : {},\r\n        title:{\r\n            type:String,\r\n            default : ''\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            iconAccount: mdiAccountCircle,\r\n            iconLogout: mdiLogout,\r\n            items: [\r\n                {id:1, icon:'mdi-account', title: 'Profile', action:'profile' },\r\n                {id:2, icon:'mdi-logout', title: 'Logout', action:'logout' },\r\n            ],\r\n        }\r\n    },\r\n    methods: {\r\n        viewProfile() {\r\n            this.$router.push('/profile');\r\n        },\r\n        handleBack() {\r\n            this.$emit('back');\r\n        },\r\n        handleAction(action) {\r\n            switch(action) {\r\n                case 'logout':\r\n                    this.handleLogouts();\r\n                    break;\r\n                case 'profile':\r\n                    this.viewProfile();\r\n                    break;\r\n            }\r\n        },\r\n        async handleLogouts(){\r\n            this.$bus.$emit('SHOW_PAGE_LOADER');\r\n            await ApiService.post('/logout')\r\n            .then(() => {\r\n                this.$store.commit(PURGE_AUTH);\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n                this.$router.push({name:'loginPage'});\r\n            })\r\n            .catch(() => {\r\n                this.$store.commit(PURGE_AUTH);\r\n                this.$router.push({name:'loginPage'});\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n            })\r\n            \r\n            // this.$router.push('/');\r\n            // ApiService.defaults.headers.common['Authorization'] = `Bearer ${JwtService.getToken()}`;\r\n            // this.$bus.$emit('SHOW_PAGE_LOADER');\r\n            // ApiService.post(\"logout\",{\r\n            //     access_token: JwtService.getToken(),\r\n            // })\r\n            // .then(() => {\r\n            //     this.$store.commit(PURGE_AUTH);\r\n            //     this.$router.push('/login');\r\n            //     this.$bus.$emit('HIDE_PAGE_LOADER');\r\n            // })\r\n            // .catch(() => {\r\n            //     this.$bus.$emit('HIDE_PAGE_LOADER');\r\n            //     this.$store.commit(PURGE_AUTH);\r\n            //     this.messageError('error',\"Failed to logout\");\r\n            // });\r\n        }\r\n    },\r\n    computed: {\r\n        ...mapGetters(['currentUser'])\r\n    }\r\n\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n$colorprimary : #19477e !important;\r\n$colorsecondary : #75ab26;\r\n.section-top-navbar{\r\n    background:$colorprimary;\r\n    padding: 6px 24px;\r\n    height: 52px;\r\n    color: #fff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    .page-title{\r\n        margin: 0;\r\n        font-weight: 500;\r\n    }\r\n    i{\r\n        color:#fff !important;\r\n    }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopnavbarBackCustom.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopnavbarBackCustom.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopnavbarBackCustom.vue?vue&type=template&id=f22ed85a&scoped=true&\"\nimport script from \"./TopnavbarBackCustom.vue?vue&type=script&lang=js&\"\nexport * from \"./TopnavbarBackCustom.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TopnavbarBackCustom.vue?vue&type=style&index=0&id=f22ed85a&lang=scss&scoped=true&\"\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  \"f22ed85a\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VBtn,VIcon,VList,VListItem,VListItemTitle,VMenu,VSpacer,VToolbar,VToolbarTitle})\n","// Styles\nimport './VChip.sass'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Components\nimport { VExpandXTransition } from '../transitions'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Routable from '../../mixins/routable'\nimport Sizeable from '../../mixins/sizeable'\n\n// Utilities\nimport { breaking } from '../../util/console'\n\n// Types\nimport { PropValidator, PropType } from 'vue/types/options'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Sizeable,\n  Routable,\n  Themeable,\n  GroupableFactory('chipGroup'),\n  ToggleableFactory('inputValue')\n).extend({\n  name: 'v-chip',\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    activeClass: {\n      type: String,\n      default (): string | undefined {\n        if (!this.chipGroup) return ''\n\n        return this.chipGroup.activeClass\n      },\n    } as any as PropValidator<string>,\n    close: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$delete',\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    disabled: Boolean,\n    draggable: Boolean,\n    filter: Boolean,\n    filterIcon: {\n      type: String,\n      default: '$complete',\n    },\n    label: Boolean,\n    link: Boolean,\n    outlined: Boolean,\n    pill: Boolean,\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    textColor: String,\n    value: null as any as PropType<any>,\n  },\n\n  data: () => ({\n    proxyClass: 'v-chip--active',\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-chip': true,\n        ...Routable.options.computed.classes.call(this),\n        'v-chip--clickable': this.isClickable,\n        'v-chip--disabled': this.disabled,\n        'v-chip--draggable': this.draggable,\n        'v-chip--label': this.label,\n        'v-chip--link': this.isLink,\n        'v-chip--no-color': !this.color,\n        'v-chip--outlined': this.outlined,\n        'v-chip--pill': this.pill,\n        'v-chip--removable': this.hasClose,\n        ...this.themeClasses,\n        ...this.sizeableClasses,\n        ...this.groupClasses,\n      }\n    },\n    hasClose (): boolean {\n      return Boolean(this.close)\n    },\n    isClickable (): boolean {\n      return Boolean(\n        Routable.options.computed.isClickable.call(this) ||\n        this.chipGroup\n      )\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['outline', 'outlined'],\n      ['selected', 'input-value'],\n      ['value', 'active'],\n      ['@input', '@active.sync'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    click (e: MouseEvent): void {\n      this.$emit('click', e)\n\n      this.chipGroup && this.toggle()\n    },\n    genFilter (): VNode {\n      const children = []\n\n      if (this.isActive) {\n        children.push(\n          this.$createElement(VIcon, {\n            staticClass: 'v-chip__filter',\n            props: { left: true },\n          }, this.filterIcon)\n        )\n      }\n\n      return this.$createElement(VExpandXTransition, children)\n    },\n    genClose (): VNode {\n      return this.$createElement(VIcon, {\n        staticClass: 'v-chip__close',\n        props: {\n          right: true,\n          size: 18,\n        },\n        attrs: {\n          'aria-label': this.$vuetify.lang.t(this.closeLabel),\n        },\n        on: {\n          click: (e: Event) => {\n            e.stopPropagation()\n            e.preventDefault()\n\n            this.$emit('click:close')\n            this.$emit('update:active', false)\n          },\n        },\n      }, this.closeIcon)\n    },\n    genContent (): VNode {\n      return this.$createElement('span', {\n        staticClass: 'v-chip__content',\n      }, [\n        this.filter && this.genFilter(),\n        this.$slots.default,\n        this.hasClose && this.genClose(),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    const children = [this.genContent()]\n    let { tag, data } = this.generateRouteLink()\n\n    data.attrs = {\n      ...data.attrs,\n      draggable: this.draggable ? 'true' : undefined,\n      tabindex: this.chipGroup && !this.disabled ? 0 : data.attrs!.tabindex,\n    }\n    data.directives!.push({\n      name: 'show',\n      value: this.active,\n    })\n    data = this.setBackgroundColor(this.color, data)\n\n    const color = this.textColor || (this.outlined && this.color)\n\n    return h(tag, this.setTextColor(color, data), children)\n  },\n})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopnavbarBackCustom.vue?vue&type=style&index=0&id=f22ed85a&lang=scss&scoped=true&\""],"sourceRoot":""}