{"version":3,"sources":["webpack:///./src/Pages/PageLoader.vue?e81b","webpack:///./src/Pages/Profile/Profile.vue","webpack:///src/Pages/Profile/Profile.vue","webpack:///./src/Pages/Profile/Profile.vue?f869","webpack:///./src/Pages/Profile/Profile.vue?618f","webpack:///./src/Pages/PageLoader.vue?72af","webpack:///./src/assets/icon/file-loading-icon.png","webpack:///./src/Pages/Profile/activeTab.vue","webpack:///src/Pages/Profile/activeTab.vue","webpack:///./src/Pages/Profile/activeTab.vue?279f","webpack:///./src/Pages/Profile/activeTab.vue?228c","webpack:///./src/Pages/Profile/activeTab.vue?6e5d","webpack:///./src/Pages/Profile/Profile.vue?7f90","webpack:///./src/Pages/PageLoader.vue?8d4e","webpack:///./src/store/Auth.js","webpack:///./src/Pages/Profile/Profile.vue?a1bf","webpack:///./src/Pages/PageLoader.vue","webpack:///src/Pages/PageLoader.vue","webpack:///./src/Pages/PageLoader.vue?e172","webpack:///./src/Pages/PageLoader.vue?3c22","webpack:///./src/Pages/Profile/Profile.vue?8d2f"],"names":["render","_vm","this","_c","_self","staticClass","attrs","activeTab","isEditing","_e","_v","_s","profileData","firstName","companyName","role","fullName","personalEmail","contactNumber","lawFirm","firm_address_1","firm_address_2","on","toggleEdit","pageLoading","staticStyle","model","value","callback","$$v","$set","expression","saveChanges","staticRenderFns","components","PageLoader","data","lastName","firmEmail","firmContact","firmAddress","email","isChangingPassword","currentPassword","passwordVisible","newPassword","confirmPassword","extraInfo","website","name","JSON","parse","localStorage","userInfo","form","old_password","password","password_confirmation","extra_info","contact_number","firm_address_3","company_name","addClient","computed","passwordFieldType","hasSaasClientPermission","getItem","parsedUserInfo","permissions","includes","methods","back","toggleClient","togglePasswordChange","toggleVisibility","$toast","error","undefined","Auth","updateProfile","address","join","then","info","res","getMe","setItem","stringify","success","response","message","console","log","catch","savePassword","changePassword","$bvModal","hide","created","_userInfo$extra_info$","_userInfo$extra_info$2","fullNameArray","split","slice","addressParts","is_manager","component","module","exports","admin","class","active","nativeOn","$event","props","type","String","default","Boolean","loginJWT","payload","Promise","resolve","reject","axios","post","vm","Vue","warning","access_token","defaults","headers","common","status","get","thisUser","Object","assign","userRole","not_have_plan_yet","locations","forEach","element","index","push","setClientInfo","item","signupNoCard","allNexlaw","allNexlawPage","obj","forgetPassword","updatePassword","put","token","destroyAccessToken","_vm$replace_msg","duration","_m","Array","isArray","default_msg","loading","currentLoadingUI","require","completedPercentageRounded","replace_msg","extra_msg","showText","isTextFullyDisplayed","displayedText","files_uploaded","Number","completedPercentage","generating","generatingLongerContent","uploading","fullText","mounted","setTimeout","typeWriter","setInterval","percentage","isNaN","toFixed","watch","newVal","toggleLoadingScreen","isFirstLoadingScreen"],"mappings":"kHAAA,W,2CCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,aAAa,CAACG,MAAM,CAAC,UAAYL,EAAIM,aAAaJ,EAAG,MAAM,CAACE,YAAY,eAAe,CAAGJ,EAAIO,UAA0oDP,EAAIQ,KAAnoDN,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,IAAI,CAACE,YAAY,WAAW,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,YAAYC,cAAcV,EAAG,IAAI,CAACE,YAAY,UAAU,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,YAAYE,gBAAgBX,EAAG,IAAI,CAACE,YAAY,YAAY,CAACF,EAAG,OAAO,CAACE,YAAY,4BAA4B,CAACJ,EAAIS,GAAG,UAAUP,EAAG,IAAI,CAACE,YAAY,UAAU,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,YAAYG,iBAAiBZ,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,IAAI,CAACF,EAAIS,GAAG,iBAAiBP,EAAG,OAAO,CAACF,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,YAAYI,iBAAiBb,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,IAAI,CAACF,EAAIS,GAAG,kBAAkBP,EAAG,OAAO,CAACF,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,YAAYK,oBAAoBd,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,IAAI,CAACF,EAAIS,GAAG,6BAA6BP,EAAG,OAAO,CAACF,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,YAAYM,sBAAsBf,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,IAAI,CAACF,EAAIS,GAAG,mBAAmBP,EAAG,OAAO,CAACF,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,YAAYO,cAAchB,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,IAAI,CAACF,EAAIS,GAAG,UAAUP,EAAG,OAAO,CAACF,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,YAAYG,aAAaZ,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,IAAI,CAACF,EAAIS,GAAG,kBAAkBP,EAAG,OAAO,CAACF,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,YAAYQ,mBAAmBnB,EAAIS,GAAG,KAAKP,EAAG,MAAMA,EAAG,OAAO,CAACF,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,YAAYS,yBAAyBlB,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,SAAS,CAACE,YAAY,cAAciB,GAAG,CAAC,MAAQrB,EAAIsB,aAAa,CAACtB,EAAIS,GAAG,sBAAgCT,EAAIO,UAAWL,EAAG,MAAM,CAAEF,EAAIuB,YAAarB,EAAG,aAAa,CAACsB,YAAY,CAAC,aAAa,SAASnB,MAAM,CAAC,QAAUL,EAAIuB,eAAerB,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,iBAAiBoB,YAAY,CAAC,OAAS,QAAQ,CAACtB,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,IAAI,CAACE,YAAY,WAAW,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,YAAYC,cAAcV,EAAG,IAAI,CAACE,YAAY,UAAU,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,YAAYE,sBAAsBX,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,cAAc,CAACsB,YAAY,CAAC,QAAU,QAAQ,CAACtB,EAAG,QAAQ,CAACE,YAAY,eAAe,CAACF,EAAG,QAAQ,CAACE,YAAY,oBAAoBC,MAAM,CAAC,KAAO,OAAO,CAACH,EAAG,IAAI,CAACE,YAAY,aAAa,CAACJ,EAAIS,GAAG,iBAAiBP,EAAG,eAAe,CAACE,YAAY,qBAAqBC,MAAM,CAAC,KAAO,OAAO,SAAW,IAAIoB,MAAM,CAACC,MAAO1B,EAAIW,YAAYI,SAAUY,SAAS,SAAUC,GAAM5B,EAAI6B,KAAK7B,EAAIW,YAAa,WAAYiB,IAAME,WAAW,2BAA2B,IAAI,GAAG5B,EAAG,QAAQ,CAACE,YAAY,eAAe,CAACF,EAAG,QAAQ,CAACE,YAAY,oBAAoBC,MAAM,CAAC,KAAO,MAAM,CAACH,EAAG,IAAI,CAACE,YAAY,aAAa,CAACJ,EAAIS,GAAG,kBAAkBP,EAAG,eAAe,CAACE,YAAY,aAAaC,MAAM,CAAC,KAAO,OAAO,SAAW,IAAIoB,MAAM,CAACC,MAAO1B,EAAIW,YAAYK,cAAeW,SAAS,SAAUC,GAAM5B,EAAI6B,KAAK7B,EAAIW,YAAa,gBAAiBiB,IAAME,WAAW,gCAAgC,GAAG5B,EAAG,QAAQ,CAACE,YAAY,oBAAoBC,MAAM,CAAC,KAAO,MAAM,CAACH,EAAG,IAAI,CAACE,YAAY,aAAa,CAACJ,EAAIS,GAAG,6BAA6BP,EAAG,eAAe,CAACE,YAAY,aAAaC,MAAM,CAAC,KAAO,OAAO,SAAW,IAAIoB,MAAM,CAACC,MAAO1B,EAAIW,YAAYM,cAAeU,SAAS,SAAUC,GAAM5B,EAAI6B,KAAK7B,EAAIW,YAAa,gBAAiBiB,IAAME,WAAW,gCAAgC,IAAI,GAAG5B,EAAG,QAAQ,CAACE,YAAY,eAAe,CAACF,EAAG,QAAQ,CAACE,YAAY,oBAAoBC,MAAM,CAAC,KAAO,MAAM,CAACH,EAAG,IAAI,CAACE,YAAY,aAAa,CAACJ,EAAIS,GAAG,mBAAmBP,EAAG,eAAe,CAACE,YAAY,aAAaC,MAAM,CAAC,KAAO,OAAO,SAAW,IAAIoB,MAAM,CAACC,MAAO1B,EAAIW,YAAYO,QAASS,SAAS,SAAUC,GAAM5B,EAAI6B,KAAK7B,EAAIW,YAAa,UAAWiB,IAAME,WAAW,0BAA0B,GAAG5B,EAAG,QAAQ,CAACE,YAAY,oBAAoBC,MAAM,CAAC,KAAO,MAAM,CAACH,EAAG,IAAI,CAACE,YAAY,aAAa,CAACJ,EAAIS,GAAG,UAAUP,EAAG,eAAe,CAACE,YAAY,aAAaC,MAAM,CAAC,KAAO,OAAO,SAAW,GAAG,SAAW,IAAIoB,MAAM,CAACC,MAAO1B,EAAIW,YAAYG,KAAMa,SAAS,SAAUC,GAAM5B,EAAI6B,KAAK7B,EAAIW,YAAa,OAAQiB,IAAME,WAAW,uBAAuB,IAAI,GAAG5B,EAAG,QAAQ,CAACE,YAAY,eAAe,CAACF,EAAG,QAAQ,CAACE,YAAY,oBAAoBC,MAAM,CAAC,KAAO,OAAO,CAACH,EAAG,IAAI,CAACE,YAAY,aAAa,CAACJ,EAAIS,GAAG,2BAA2BP,EAAG,eAAe,CAACE,YAAY,qBAAqBC,MAAM,CAAC,KAAO,OAAO,SAAW,IAAIoB,MAAM,CAACC,MAAO1B,EAAIW,YAAYQ,eAAgBQ,SAAS,SAAUC,GAAM5B,EAAI6B,KAAK7B,EAAIW,YAAa,iBAAkBiB,IAAME,WAAW,iCAAiC,IAAI,GAAG5B,EAAG,QAAQ,CAACE,YAAY,eAAe,CAACF,EAAG,QAAQ,CAACE,YAAY,oBAAoBC,MAAM,CAAC,KAAO,OAAO,CAACH,EAAG,IAAI,CAACE,YAAY,aAAa,CAACJ,EAAIS,GAAG,2BAA2BP,EAAG,eAAe,CAACE,YAAY,qBAAqBC,MAAM,CAAC,KAAO,OAAO,SAAW,IAAIoB,MAAM,CAACC,MAAO1B,EAAIW,YAAYS,eAAgBO,SAAS,SAAUC,GAAM5B,EAAI6B,KAAK7B,EAAIW,YAAa,iBAAkBiB,IAAME,WAAW,iCAAiC,IAAI,GAAG5B,EAAG,QAAQ,CAACE,YAAY,oBAAoB,CAACF,EAAG,QAAQ,CAACE,YAAY,OAAOoB,YAAY,CAAC,cAAc,UAAU,CAACtB,EAAG,SAAS,CAACE,YAAY,qBAAqBiB,GAAG,CAAC,MAAQrB,EAAIsB,aAAa,CAACtB,EAAIS,GAAG,YAAYP,EAAG,SAAS,CAACE,YAAY,gBAAgBiB,GAAG,CAAC,MAAQrB,EAAI+B,cAAc,CAAC/B,EAAIS,GAAG,uBAAuB,IAAI,IAAI,MAAM,GAAGT,EAAIQ,QAAQ,IAEt8KwB,EAAkB,G,oCCsMP,GACfC,WAAA,CACA3B,iBACA4B,mBAGAC,OACA,OACA7B,UAAA,UACAK,YAAA,CACAI,SAAA,GACAF,YAAA,GACAD,UAAA,GACAwB,SAAA,GACApB,cAAA,GACAC,cAAA,GACAC,QAAA,GACAJ,KAAA,GACAuB,UAAA,GACAC,YAAA,GACAC,YAAA,GACAC,MAAA,IAEAC,oBAAA,EACAC,gBAAA,GACAC,iBAAA,EACAC,YAAA,GACAC,gBAAA,GACAC,WAAA,EACAC,QAAA,kBACAC,KAAAC,KAAAC,MAAAC,aAAAC,UAAAJ,KACAR,MAAAS,KAAAC,MAAAC,aAAAC,UAAAZ,MACAa,KAAA,CACAC,aAAA,GACAC,SAAA,GACAC,sBAAA,IAGAC,WAAA,CACAC,eAAA,IACAvC,eAAA,IACAC,eAAA,IACAuC,eAAA,IACAC,aAAAX,KAAAC,MAAAC,aAAAC,UAAAK,WAAAG,cAEArD,WAAA,EACAsD,WAAA,EACAtC,aAAA,IAGAuC,SAAA,CACAC,oBACA,YAAApB,gBAAA,mBAEAqB,0BACA,MAAAZ,EAAAD,aAAAc,QAAA,YACA,GAAAb,EAAA,CACA,MAAAc,EAAAjB,KAAAC,MAAAE,GACA,OAAAc,EAAAC,aAAAD,EAAAC,YAAAC,SAAA,qBAEA,WAGAC,QAAA,CACAC,OACA,KAAAT,WAAA,GAEAU,eACA,KAAAV,WAAA,KAAAA,WAEAW,uBACA,KAAA/B,oBAAA,KAAAA,oBASAgC,mBACA,KAAA9B,iBAAA,KAAAA,iBAEArB,aACA,KAAAf,WAAA,KAAAA,WAEAwB,cACA,WACA,UAAApB,YAAAO,QACA,UAAAP,YAAAQ,eACA,UAAAR,YAAAM,cAEA,YADA,KAAAyD,OAAAC,MAAA,6BAGA,aACA,UAAAhE,YAAAO,QACA,UAAAP,YAAAQ,eACA,UAAAR,YAAAM,cAEA,YADA,KAAAyD,OAAAC,MAAA,6BAIA,KAAAhE,YAAAS,oBAAAwD,GAAA,KAAAjE,YAAAS,eACA,QAAAT,YAAAS,eACA,KAAAT,YAAAgD,oBAAAiB,GAAA,KAAAjE,YAAAgD,eACA,QAAAhD,YAAAgD,eAEAkB,OAAAC,cAAA,CACA9B,KAAA,KAAArC,YAAAI,SACAyB,MAAA,KAAA7B,YAAAK,cACAyC,WAAA,CACAG,aAAA,KAAAjD,YAAAO,QACAwC,eAAA,KAAA/C,YAAAM,cACA8D,QAAA,CACA,KAAApE,YAAAQ,eACA,KAAAR,YAAAS,gBACA4D,KAAA,SAIAC,KAAA,UACA,IACA,KAAAP,OAAAQ,KAAA,4BACA,KAAA3D,aAAA,EACA,MAAA4D,QAAAN,OAAAO,QACAjC,aAAAkC,QAAA,WAAApC,KAAAqC,UAAAH,EAAAhD,YACA,KAAAuC,OAAAa,QAAAC,EAAArD,KAAAsD,SACA,KAAAlE,aAAA,EACA,MAAAoD,GACAe,QAAAC,IAAAhB,MAGAiB,MAAAjB,IACAe,QAAAC,IAAAhB,MAGAkB,eACAhB,OAAAiB,eAAA,KAAAzC,MACA4B,KAAAO,IACA,KAAAd,OAAAa,QAAAC,EAAArD,KAAAsD,SAEA,KAAAM,SAAAC,KAAA,gCACA,KAAA3C,KAAA,CACAC,aAAA,GACAC,SAAA,GACAC,sBAAA,IAGAqB,OAAAO,QAAAH,KAAAE,IACAhC,aAAAkC,QAAA,WAAApC,KAAAqC,UAAAH,EAAAhD,gBAGAyD,MAAAjB,IACAe,QAAAC,IAAAhB,OAIAsB,UAEA,MAAA7C,EAAAH,KAAAC,MAAAC,aAAAc,QAAA,aAEA,GAAAb,KAAAK,WAAA,KAAAyC,EAAAC,EACA,MAAAC,EAAAhD,EAAAJ,KAAAqD,MAAA,KAGAzF,EAAAwF,EAAA,GACAhE,EAAAgE,EAAAE,MAAA,GAAAtB,KAAA,KACAuB,EAAA,QAAAL,EAAA,QAAAC,EAAA/C,EAAAK,WAAAsB,eAAA,IAAAoB,OAAA,EAAAA,EAAAE,MAAA,iBAAAH,IAAA,WAEA,KAAAvF,YAAA,CACAI,SAAAqC,EAAAJ,KACAnC,YAAAuC,EAAAK,WAAAG,cAAA,GACAhD,aAAA,GACAwB,YAAA,GACApB,cAAAoC,EAAAZ,OAAA,GACAvB,cAAAmC,EAAAK,WAAAC,gBAAA,GACAxC,QAAAkC,EAAAK,WAAAG,cAAA,GACA9C,KAAAsC,EAAAoD,WAAA,iBACAnE,UAAAe,EAAAZ,OAAA,GACAF,YAAAc,EAAAK,WAAAC,gBAAA,GACAvC,eAAAoF,EAAA,OACAnF,eAAAmF,EAAA,OACA5C,eAAA4C,EAAA,OACA/D,MAAAY,EAAAZ,OAAA,OC/X+V,I,4CCU3ViE,EAAY,eACd,EACA1G,EACAiC,GACA,EACA,KACA,WACA,MAIa,aAAAyE,E,oECrBf,W,qBCAAC,EAAOC,QAAU,08H,kCCAjB,IAAI5G,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,IAAI,CAACE,YAAY,UAAU,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAI4G,MAAQ,QAAU,iBAAiB1G,EAAG,MAAM,CAACE,YAAY,QAAQ,CAAGJ,EAAI4G,MAAiN5G,EAAIQ,KAA9MN,EAAG,cAAc,CAACE,YAAY,MAAMyG,MAAM,CAAEC,OAA0B,YAAlB9G,EAAIM,WAA0BD,MAAM,CAAC,GAAK,qBAAqB0G,SAAS,CAAC,MAAQ,SAASC,GAAQhH,EAAIM,UAAY,aAAa,CAACN,EAAIS,GAAG,eAA0BT,EAAI4G,MAAmO5G,EAAIQ,KAAhON,EAAG,cAAc,CAACE,YAAY,MAAMyG,MAAM,CAAEC,OAA0B,gBAAlB9G,EAAIM,WAA8BD,MAAM,CAAC,GAAK,0BAA0B0G,SAAS,CAAC,MAAQ,SAASC,GAAQhH,EAAIM,UAAY,iBAAiB,CAACN,EAAIS,GAAG,oBAA8BT,EAAI4G,OAAS5G,EAAIgE,wBAAyB9D,EAAG,cAAc,CAACE,YAAY,MAAMyG,MAAM,CAAEC,OAA0B,gBAAlB9G,EAAIM,WAA8BD,MAAM,CAAC,GAAK,oBAAoB,CAACL,EAAIS,GAAG,eAAeT,EAAIQ,KAAMR,EAAI4G,MAAO1G,EAAG,cAAc,CAACE,YAAY,MAAMyG,MAAM,CAAEC,OAA0B,aAAlB9G,EAAIM,WAA2BD,MAAM,CAAC,GAAK,uBAAuB,CAACL,EAAIS,GAAG,gBAAgBT,EAAIQ,KAAMR,EAAI4G,MAAO1G,EAAG,cAAc,CAACE,YAAY,MAAMyG,MAAM,CAAEC,OAA0B,UAAlB9G,EAAIM,WAAwBD,MAAM,CAAC,GAAK,oBAAoB,CAACL,EAAIS,GAAG,aAAaT,EAAIQ,KAAMR,EAAI4G,MAAO1G,EAAG,cAAc,CAACE,YAAY,MAAMyG,MAAM,CAAEC,OAA0B,aAAlB9G,EAAIM,WAA2BD,MAAM,CAAC,GAAK,uBAAuB,CAACL,EAAIS,GAAG,gBAAgBT,EAAIQ,MAAM,MAEz0CwB,EAAkB,GCkCP,GACfG,OACA,UAGA8E,MAAA,CACA3G,UAAA,CACA4G,KAAAC,OACAC,QAAA,WAEAR,MAAA,CACAM,KAAAG,QACAD,SAAA,IAGAtD,SAAA,CACAE,0BACA,MAAAZ,EAAAD,aAAAc,QAAA,YACA,GAAAb,EAAA,CACA,MAAAc,EAAAjB,KAAAC,MAAAE,GACA,OAAAc,EAAAC,aAAAD,EAAAC,YAAAC,SAAA,qBAEA,YC1DiW,I,wBCQ7VqC,EAAY,eACd,EACA1G,EACAiC,GACA,EACA,KACA,WACA,MAIa,OAAAyE,E,6CCnBf,W,oCCAA,W,sFCAA,W,0ECGe,QACba,SAASC,GACP,OAAO,IAAIC,QAAQ,CAACC,EAASC,KAC3BC,OACGC,KAAK,QAASL,GAEdtC,KAAMO,IACL,GAEE,oEADAA,EAASrD,KAAKsD,QAEd,CACA,MAAMoC,EAAK,IAAIC,aACfD,EAAGnD,OAAOqD,QACR,2EAEG,GAA6B,6BAAzBvC,EAASrD,KAAKsD,QAAwC,CAC/D,MAAMoC,EAAK,IAAIC,aACfD,EAAGnD,OAAOC,MAAMa,EAASrD,KAAKsD,cAE9BtC,aAAakC,QACX,cACAG,EAASrD,KAAKA,KAAK6F,cAIrBL,OAAMM,SAASC,QAAQC,OACrB,iBACE,UAAU3C,EAASrD,KAAKA,KAAK6F,aAG7BxC,EAASrD,KAAKiG,QAGhBT,OACGU,IAAI,MACJpD,KAAME,IACLO,QAAQC,IAAI,WAAYR,GACxBhC,aAAakC,QACX,WACApC,KAAKqC,UAAUH,EAAIhD,KAAKA,OAE1BgB,aAAakC,QACX,cACApC,KAAKqC,UAAUH,EAAIhD,KAAKA,KAAKgC,cAG/B,MAAMmE,EAAWnD,EAAIhD,KAAKA,KAE1B,IAAIrB,EAAO,SAEXyH,OAAOC,OAAOF,EAAU,CAAEG,SAAU3H,IAGhC,MADFmC,KAAKC,MAAMC,aAAaC,UAAUsF,mBAEsB,IAAxDzF,KAAKC,MAAMC,aAAaC,UAAUsF,mBAElCf,OACGU,IAAI,aACJpD,KAAME,IACL,IAAIwD,EAAY,GAChBxD,EAAIhD,KAAKA,KAAKyG,QAAQ,CAACC,EAASC,KAU9BH,EAAUI,KAAKF,KAGjB1F,aAAakC,QACX,YACApC,KAAKqC,UAAUqD,MAGlB/C,MAAOjB,IACN+C,EAAO/C,OAIdiB,MAAOjB,IACN+C,EAAO/C,KAmBX8C,EAAQjC,IAERkC,EAAO,CAAEjC,QAAS,mCAIvBG,MAAOjB,IACN+C,EAAO/C,QAKfqE,cAAcC,GACZ,OAAO,IAAIzB,QAAQ,CAACC,EAASC,KAC3BC,OACGC,KAAK,gCAAiCqB,GACtChE,KAAMO,IACLiC,EAAQjC,KAETI,MAAOjB,IACN+C,EAAO/C,QAKfuE,aAAaD,GACX,OAAO,IAAIzB,QAAQ,CAACC,EAASC,KAC3BC,OACGC,KAAK,gCAAiCqB,GACtChE,KAAMO,IACLiC,EAAQjC,KAETI,MAAOjB,IACN+C,EAAO/C,QAKfwE,YACE,OAAO,IAAI3B,QAAQ,CAACC,EAASC,KAC3BC,OACGU,IAAI,iBACJpD,KAAMO,IACLiC,EAAQjC,KAETI,MAAOjB,IACN+C,EAAO/C,QAKfyE,cAAcC,GACZ,OAAO,IAAI7B,QAAQ,CAACC,EAASC,KAC3BC,OACGU,IAAI,SAAWgB,GACfpE,KAAMO,IACLiC,EAAQjC,KAETI,MAAOjB,IACN+C,EAAO/C,QAKfS,QACE,OAAO,IAAIoC,QAAQ,CAACC,EAASC,KAC3BC,OACGU,IAAI,MACJpD,KAAMO,IAELiC,EAAQjC,KAETI,MAAOjB,IACN+C,EAAO/C,QAKf2E,eAAe/B,GACb,OAAO,IAAIC,QAAQ,CAACC,EAASC,KAC3BC,OACGC,KAAK,kBAAmB,CAAEpF,MAAO+E,EAAQ/E,QACzCyC,KAAMO,IACLiC,EAAQjC,KAETI,MAAOjB,IACN+C,EAAO/C,QAKf4E,eAAehC,GACb,OAAO,IAAIC,QAAQ,CAACC,EAASC,KAC3BC,OACG6B,IAAI,kBAAmB,CACtBC,MAAOlC,EAAQkC,MACflG,SAAUgE,EAAQhE,SAClBC,sBAAuB+D,EAAQ/D,wBAEhCyB,KAAMO,IACLiC,EAAQjC,KAETI,MAAOjB,IACN+C,EAAO/C,QAKf+E,qBAEE,OAAO,IAAIlC,QAAQ,CAACC,EAASC,KAE3BC,OACGC,KAAK,SAAU,CAAEI,aAAc7E,aAAac,QAAQ,iBACpDgB,KAAMO,IACLiC,EAAQjC,KAGTI,MAAOjB,IACN+C,EAAO/C,QAMfG,cAAcmE,GACZ,OAAO,IAAIzB,QAAQ,CAACC,EAASC,KAC3BC,OACG6B,IAAI,oBAAqBP,GACzBhE,KAAMO,IACLiC,EAAQjC,GAERmC,OACGU,IAAI,MACJpD,KAAME,IACLhC,aAAakC,QAAQ,WAAYpC,KAAKqC,UAAUH,EAAIhD,KAAKA,SAE1DyD,MAAOjB,IACN+C,EAAO/C,OAGZiB,MAAOjB,IACN+C,EAAO/C,QAKfmB,eAAemD,GACb,OAAO,IAAIzB,QAAQ,CAACC,EAASC,KAC3BC,OACG6B,IAAI,qBAAsBP,GAC1BhE,KAAMO,IACLiC,EAAQjC,KAETI,MAAOjB,IACN+C,EAAO/C,U,uGCrQjB,W,kCCAA,IAAI5E,EAAS,WAAiB,IAAA4J,EAAK3J,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAI4J,UAAY,GAAK5J,EAAI4J,SAAW,IAAK1J,EAAG,MAAM,CAACE,YAAY,sEAAsE,CAACF,EAAG,MAAM,CAACF,EAAI6J,GAAG,GAAI7J,EAAI4J,UAAY,EAAG1J,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,KAAK,CAACE,YAAY,8BAA8B,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAI4J,UAAY,IAAM,IAAM5J,EAAI4J,UAAU,YAAY5J,EAAIQ,KAAKN,EAAG,MAAM,CAAC2G,MAAM,CAAC,MAAO7G,EAAI4J,SAAW,EAAI,OAAS,SAAS,CAAC1J,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,KAAK,CAACE,YAAY,0CAA0C,CAACJ,EAAIS,GAAG,IAAIT,EAAIU,GAAGoJ,MAAMC,QAAQ/J,EAAIyF,SAAWzF,EAAIyF,QAAQ,GAAKzF,EAAIgK,YAAYhK,EAAIyF,SAAS,IAAI,WAAWvF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,UAAUF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,QAAQ,CAACE,YAAY,yBAAyB,CAACJ,EAAIS,GAAG,IAAIT,EAAIU,GAAGoJ,MAAMC,QAAQ/J,EAAIyF,SAAWzF,EAAIyF,QAAQ,GAAKzF,EAAIgK,YAAYhK,EAAIyF,SAAS,IAAI,SAASvF,EAAG,MAAM,CAACE,YAAY,gBAAiBJ,EAAIiK,QAAS/J,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAA2B,IAAzBJ,EAAIkK,iBAAwBhK,EAAG,MAAM,CAACE,YAAY,4BAA4BoB,YAAY,CAAC,UAAY,aAAa,CAACtB,EAAG,MAAM,CAACE,YAAY,UAAUF,EAAG,MAAM,CAACE,YAAY,UAAUF,EAAG,MAAM,CAACE,YAAY,YAAYJ,EAAIQ,KAA+B,IAAzBR,EAAIkK,iBAAwBhK,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACJ,EAAI6J,GAAG,GAAG7J,EAAI6J,GAAG,KAAK7J,EAAIQ,KAA+B,IAAzBR,EAAIkK,iBAAwBhK,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYC,MAAM,CAAC,IAAM8J,EAAQ,WAA2CjK,EAAG,MAAM,CAACE,YAAY,cAAcC,MAAM,CAAC,IAAM8J,EAAQ,WAA2CjK,EAAG,MAAM,CAACE,YAAY,qBAAqBJ,EAAIQ,OAAQR,EAAIoK,4BAA8B,EAAGlK,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,KAAK,CAACE,YAAY,0CAA0C,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIoK,4BAA8B,IAAM,IAAMpK,EAAIoK,4BAA4B,UAAWpK,EAAIoK,2BAA6B,IAAKlK,EAAG,IAAI,CAACE,YAAY,+CAA+C,CAACJ,EAAIS,GAAG,IAAIT,EAAIU,GAAkB,QAAhBiJ,EAAC3J,EAAIqK,mBAAW,IAAAV,IAAI,IAAI,OAAOzJ,EAAG,IAAI,CAACE,YAAY,+CAA+C,CAACJ,EAAIS,GAAG,uBAAuBT,EAAIQ,KAAMR,EAAIoK,2BAA6B,IAAKlK,EAAG,MAAM,CAACA,EAAG,IAAI,CAACE,YAAY,0CAA0C,CAACJ,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIsK,WAAW,OAAOpK,EAAG,IAAI,CAACE,YAAY,eAAe,CAAEJ,EAAIuK,SAAUrK,EAAG,QAAQ,CAAC2G,MAAM,CAAC,YAAa,aAAc,CAAE,SAAY7G,EAAIwK,wBAAyB,CAACxK,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIyK,eAAe,OAAOzK,EAAIQ,SAASN,EAAG,MAAM,CAACA,EAAG,IAAI,CAACE,YAAY,eAAe,CAACF,EAAG,QAAQ,CAAC2G,MAAM,CAAC,YAAa,aAAc,CAAE,SAAY7G,EAAIwK,wBAAyB,CAACxK,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIyK,eAAe,eAAezK,EAAIQ,MAE7wFwB,EAAkB,CAAC,WAAY,IAAIhC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,uBAAuBoB,YAAY,CAAC,UAAY,aAAa,CAACtB,EAAG,MAAM,CAACE,YAAY,UAAUF,EAAG,MAAM,CAACE,YAAY,UAAUF,EAAG,MAAM,CAACE,YAAY,aAC/O,WAAY,IAAIJ,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiBF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoBF,EAAG,MAAM,CAACE,YAAY,0BACtO,WAAY,IAAIJ,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,cAAcF,EAAG,MAAM,CAACE,YAAY,qBC6JvM,GACf6G,MAAA,CACAgD,QAAA,CACA/C,KAAAG,SAEAqD,eAAA,CACAxD,KAAAyD,QAEAN,YAAA,CACAnD,KAAAC,QAEAmD,UAAA,CACApD,KAAAC,QAEAyD,oBAAA,CACA1D,KAAAyD,QAGAf,SAAA,CACA1C,KAAAyD,QAEAlF,QAAA,CACAyB,KAAA,CAAAC,OAAA2C,SAIA3H,OACA,OACA6H,YAAA,CACAa,WAAA,CACA,qBACA,0EAEAC,wBAAA,CACA,qBACA,uEAEAC,UAAA,CACA,yBACA,+FAGAR,UAAA,EACAS,SAAA,gGACAP,cAAA,GACAP,iBAAA,IAIAe,UAEAC,WAAA,KACA,KAAAX,UAAA,GACA,GAEA,KAAAA,UACA,KAAAY,aAGAC,YAAA,KACA,KAAAlB,iBAAA,KAAAA,iBAAA,KACA,MAGApG,SAAA,CACAsG,6BACA,MAAAiB,EAAAV,OAAA,KAAAC,qBACA,OAAAU,MAAAD,GAAA,OAAAA,EAAAE,QAAA,IAEAf,uBACA,YAAAC,gBAAA,KAAAO,WAIAQ,MAAA,CACAjB,SAAAkB,GACAA,GACA,KAAAN,cAGAP,oBAAAa,GACA,KAAAb,oBAAAa,IAIApH,QAAA,CACAqH,sBACA,KAAAC,sBAAA,KAAAA,sBA+BAR,aAEA,KAAAP,qBAAA,QAAAA,oBAAA,GACA,KAAAI,SAAA,6CAEA,KAAAJ,qBAAA,SAAAA,oBAAA,GACA,KAAAI,SAAA,8BAEA,KAAAJ,qBAAA,SAAAA,oBAAA,GACA,KAAAI,SAAA,6DAEA,KAAAJ,qBAAA,SAAAA,oBAAA,GACA,KAAAI,SAAA,uGAEA,KAAAJ,qBAAA,SAAAA,oBAAA,IACA,KAAAI,SAAA,6CAEA,KAAAJ,qBAAA,IACA,KAAAI,SAAA,yCAMA,KAAAA,SAAA,GAIA,KAAAP,cAAA,KAAAO,SAGA,KAAAJ,qBAAA,IACA,KAAAH,cAAA,GAGAS,WAAA,KACA,KAAAT,cAAA,GACA,KAAAU,cACA,QC7TmV,I,4CCU/U1E,EAAY,eACd,EACA1G,EACAiC,GACA,EACA,KACA,WACA,MAIa,OAAAyE,E,2CCrBf,W","file":"js/chunk-8c57f98c.a9814f17.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!./PageLoader.vue?vue&type=style&index=1&id=3c3eaffa&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"profile-page\"},[_c('active-tab',{attrs:{\"activeTab\":_vm.activeTab}}),_c('div',{staticClass:\"bottom-side\"},[(!_vm.isEditing)?_c('div',[_c('div',{staticClass:\"profile-header\"},[_c('div',{staticClass:\"profile-info\"},[_c('div',{staticClass:\"profile-name\"},[_c('p',{staticClass:\"p-title\"},[_vm._v(_vm._s(_vm.profileData.firstName))]),_c('p',{staticClass:\"p-name\"},[_vm._v(_vm._s(_vm.profileData.companyName))]),_c('a',{staticClass:\"role-tag\"},[_c('span',{staticClass:\"material-symbols-rounded\"},[_vm._v(\"work\")]),_c('p',{staticClass:\"p-role\"},[_vm._v(_vm._s(_vm.profileData.role))])])])])]),_c('div',{staticClass:\"profile-details\"},[_c('div',{staticClass:\"profile-row\"},[_c('div',{staticClass:\"profile-item\"},[_c('p',[_vm._v(\"Lawyer Name\")]),_c('span',[_vm._v(_vm._s(_vm.profileData.fullName))])])]),_c('div',{staticClass:\"profile-row\"},[_c('div',{staticClass:\"profile-item\"},[_c('p',[_vm._v(\"Lawyer Email\")]),_c('span',[_vm._v(_vm._s(_vm.profileData.personalEmail))])]),_c('div',{staticClass:\"profile-item\"},[_c('p',[_vm._v(\"Law Firm Contact Number\")]),_c('span',[_vm._v(_vm._s(_vm.profileData.contactNumber))])])]),_c('div',{staticClass:\"profile-row\"},[_c('div',{staticClass:\"profile-item\"},[_c('p',[_vm._v(\"Law Firm Name\")]),_c('span',[_vm._v(_vm._s(_vm.profileData.lawFirm))])]),_c('div',{staticClass:\"profile-item\"},[_c('p',[_vm._v(\"Role\")]),_c('span',[_vm._v(_vm._s(_vm.profileData.role))])])]),_c('div',{staticClass:\"profile-row\"},[_c('div',{staticClass:\"profile-item full\"},[_c('p',[_vm._v(\"Firm Address\")]),_c('span',[_vm._v(_vm._s(_vm.profileData.firm_address_1))]),_vm._v(\" \"),_c('br'),_c('span',[_vm._v(_vm._s(_vm.profileData.firm_address_2))])])])]),_c('div',{staticClass:\"edit\"},[_c('button',{staticClass:\"edit-button\",on:{\"click\":_vm.toggleEdit}},[_vm._v(\"Edit Profile\")])])]):_vm._e(),(_vm.isEditing)?_c('div',[(_vm.pageLoading)?_c('PageLoader',{staticStyle:{\"margin-top\":\"150px\"},attrs:{\"loading\":_vm.pageLoading}}):_c('div',[_c('div',{staticClass:\"profile-header\",staticStyle:{\"margin\":\"0px\"}},[_c('div',{staticClass:\"profile-info\"},[_c('div',{staticClass:\"profile-name\"},[_c('p',{staticClass:\"p-title\"},[_vm._v(_vm._s(_vm.profileData.firstName))]),_c('p',{staticClass:\"p-name\"},[_vm._v(_vm._s(_vm.profileData.companyName))])])])]),_c('div',{staticClass:\"profile-details\"},[_c('b-container',{staticStyle:{\"padding\":\"0px\"}},[_c('b-row',{staticClass:\"profile-row\"},[_c('b-col',{staticClass:\"profile-item mb-3\",attrs:{\"cols\":\"12\"}},[_c('p',{staticClass:\"form-text\"},[_vm._v(\"Lawyer Name\")]),_c('b-form-input',{staticClass:\"input-form-address\",attrs:{\"type\":\"text\",\"required\":\"\"},model:{value:(_vm.profileData.fullName),callback:function ($$v) {_vm.$set(_vm.profileData, \"fullName\", $$v)},expression:\"profileData.fullName\"}})],1)],1),_c('b-row',{staticClass:\"profile-row\"},[_c('b-col',{staticClass:\"profile-item mb-3\",attrs:{\"cols\":\"6\"}},[_c('p',{staticClass:\"form-text\"},[_vm._v(\"Lawyer Email\")]),_c('b-form-input',{staticClass:\"input-form\",attrs:{\"type\":\"text\",\"required\":\"\"},model:{value:(_vm.profileData.personalEmail),callback:function ($$v) {_vm.$set(_vm.profileData, \"personalEmail\", $$v)},expression:\"profileData.personalEmail\"}})],1),_c('b-col',{staticClass:\"profile-item mb-3\",attrs:{\"cols\":\"6\"}},[_c('p',{staticClass:\"form-text\"},[_vm._v(\"Law Firm Contact Number\")]),_c('b-form-input',{staticClass:\"input-form\",attrs:{\"type\":\"text\",\"required\":\"\"},model:{value:(_vm.profileData.contactNumber),callback:function ($$v) {_vm.$set(_vm.profileData, \"contactNumber\", $$v)},expression:\"profileData.contactNumber\"}})],1)],1),_c('b-row',{staticClass:\"profile-row\"},[_c('b-col',{staticClass:\"profile-item mb-3\",attrs:{\"cols\":\"6\"}},[_c('p',{staticClass:\"form-text\"},[_vm._v(\"Law Firm Name\")]),_c('b-form-input',{staticClass:\"input-form\",attrs:{\"type\":\"text\",\"required\":\"\"},model:{value:(_vm.profileData.lawFirm),callback:function ($$v) {_vm.$set(_vm.profileData, \"lawFirm\", $$v)},expression:\"profileData.lawFirm\"}})],1),_c('b-col',{staticClass:\"profile-item mb-3\",attrs:{\"cols\":\"6\"}},[_c('p',{staticClass:\"form-text\"},[_vm._v(\"Role\")]),_c('b-form-input',{staticClass:\"input-form\",attrs:{\"type\":\"text\",\"required\":\"\",\"readonly\":\"\"},model:{value:(_vm.profileData.role),callback:function ($$v) {_vm.$set(_vm.profileData, \"role\", $$v)},expression:\"profileData.role\"}})],1)],1),_c('b-row',{staticClass:\"profile-row\"},[_c('b-col',{staticClass:\"profile-item mb-3\",attrs:{\"cols\":\"12\"}},[_c('p',{staticClass:\"form-text\"},[_vm._v(\"Firm Address (Line 1)\")]),_c('b-form-input',{staticClass:\"input-form-address\",attrs:{\"type\":\"text\",\"required\":\"\"},model:{value:(_vm.profileData.firm_address_1),callback:function ($$v) {_vm.$set(_vm.profileData, \"firm_address_1\", $$v)},expression:\"profileData.firm_address_1\"}})],1)],1),_c('b-row',{staticClass:\"profile-row\"},[_c('b-col',{staticClass:\"profile-item mb-3\",attrs:{\"cols\":\"12\"}},[_c('p',{staticClass:\"form-text\"},[_vm._v(\"Firm Address (Line 2)\")]),_c('b-form-input',{staticClass:\"input-form-address\",attrs:{\"type\":\"text\",\"required\":\"\"},model:{value:(_vm.profileData.firm_address_2),callback:function ($$v) {_vm.$set(_vm.profileData, \"firm_address_2\", $$v)},expression:\"profileData.firm_address_2\"}})],1)],1),_c('b-row',{staticClass:\"profile-row mb-3\"},[_c('b-col',{staticClass:\"mt-2\",staticStyle:{\"margin-left\":\"475px\"}},[_c('button',{staticClass:\"cancel-button me-3\",on:{\"click\":_vm.toggleEdit}},[_vm._v(\"Cancel\")]),_c('button',{staticClass:\"update-button\",on:{\"click\":_vm.saveChanges}},[_vm._v(\"Update Changes\")])])],1)],1)],1)])],1):_vm._e()])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"profile-page\">\r\n    <active-tab :activeTab=\"activeTab\"/>\r\n    <div class=\"bottom-side\">\r\n      <div v-if=\"!isEditing\">\r\n        <div class=\"profile-header\">\r\n            <div class=\"profile-info\">\r\n              <!-- <div class=\"profile-picture\">\r\n                <span class=\"material-symbols-rounded\">photo_camera</span>\r\n              </div> -->\r\n              <div class=\"profile-name\">\r\n                <p class=\"p-title\">{{ profileData.firstName }}</p>\r\n                <p class=\"p-name\">{{ profileData.companyName }}</p>\r\n                <a class=\"role-tag\">\r\n                  <span class=\"material-symbols-rounded\">work</span>\r\n                  <p class=\"p-role\">{{ profileData.role }}</p>\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"profile-details\">\r\n            <div class=\"profile-row\">\r\n              <div class=\"profile-item\">\r\n                <p>Lawyer Name</p>\r\n                <span>{{ profileData.fullName }}</span>\r\n              </div>\r\n              <!-- <div class=\"profile-item\">\r\n                <p>Last Name</p>\r\n                <span v-if=\"profileData.lastName\">{{ profileData.lastName }}</span>\r\n                <span v-else>-</span>\r\n              </div> -->\r\n            </div>\r\n            <div class=\"profile-row\">\r\n              <div class=\"profile-item\">\r\n                <p>Lawyer Email</p>\r\n                <span>{{ profileData.personalEmail }}</span>\r\n              </div>\r\n              <div class=\"profile-item\">\r\n                <p>Law Firm Contact Number</p>\r\n                <span>{{ profileData.contactNumber }}</span>\r\n              </div>\r\n            </div>\r\n            <div class=\"profile-row\">\r\n              <div class=\"profile-item\">\r\n                <p>Law Firm Name</p>\r\n                <span>{{ profileData.lawFirm }}</span>\r\n              </div>\r\n              <div class=\"profile-item\">\r\n                <p>Role</p>\r\n                <span>{{ profileData.role }}</span>\r\n              </div>\r\n            </div>\r\n            <!-- <div class=\"profile-row\">\r\n              <div class=\"profile-item\">\r\n                <p>Firm Email Address</p>\r\n                <span>{{ profileData.firmEmail }}</span>\r\n              </div>\r\n              <div class=\"profile-item\">\r\n                <p>Firm Contact No.</p>\r\n                <span>{{ profileData.firmContact }}</span>\r\n              </div>\r\n            </div> -->\r\n            <div class=\"profile-row\">\r\n              <div class=\"profile-item full\">\r\n                <p>Firm Address</p>\r\n                <span>{{ profileData.firm_address_1 }}</span> <br>\r\n                <span>{{ profileData.firm_address_2 }}</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        <div class=\"edit\">\r\n          <button class=\"edit-button\" @click=\"toggleEdit\">Edit Profile</button>\r\n        </div>\r\n      </div>\r\n      \r\n      <div v-if=\"isEditing\">\r\n        <PageLoader\r\n          style=\"margin-top: 150px;\"\r\n          v-if=\"pageLoading\"\r\n          :loading=\"pageLoading\">\r\n        </PageLoader>\r\n        <div v-else>\r\n          <div class=\"profile-header\" style=\"margin:0px;\">\r\n            <div class=\"profile-info\">\r\n              <!-- <div class=\"profile-picture\">\r\n                <span class=\"material-symbols-rounded\">photo_camera</span>\r\n              </div> -->\r\n              <div class=\"profile-name\">\r\n                <p class=\"p-title\">{{ profileData.firstName }}</p>\r\n                <p class=\"p-name\">{{ profileData.companyName }}</p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"profile-details\">\r\n            <b-container style=\"padding: 0px;\">\r\n              <b-row class=\"profile-row\">\r\n                <b-col cols=\"12\" class=\"profile-item mb-3\">\r\n                  <p class=\"form-text\">Lawyer Name</p>\r\n                    <b-form-input \r\n                    class=\"input-form-address\" type=\"text\" \r\n                    v-model=\"profileData.fullName\" \r\n                    required\r\n                    />\r\n                </b-col>\r\n              </b-row>\r\n              <b-row class=\"profile-row\">\r\n                <b-col cols=\"6\" class=\"profile-item mb-3\">\r\n                  <p class=\"form-text\">Lawyer Email</p>\r\n                    <b-form-input \r\n                      class=\"input-form\" type=\"text\" \r\n                      v-model=\"profileData.personalEmail\" \r\n                      required\r\n                    />\r\n                </b-col>\r\n                <b-col cols=\"6\" class=\"profile-item mb-3\">\r\n                  <p class=\"form-text\">Law Firm Contact Number</p>\r\n                    <b-form-input \r\n                      class=\"input-form\" type=\"text\" \r\n                      v-model=\"profileData.contactNumber\" \r\n                      required\r\n                    />\r\n                </b-col>\r\n              </b-row>\r\n              <b-row class=\"profile-row\">\r\n                <b-col cols=\"6\" class=\"profile-item mb-3\">\r\n                  <p class=\"form-text\">Law Firm Name</p>\r\n                    <b-form-input \r\n                      class=\"input-form\" type=\"text\" \r\n                      v-model=\"profileData.lawFirm\" \r\n                      required\r\n                    />\r\n                </b-col>\r\n                <b-col cols=\"6\" class=\"profile-item mb-3\">\r\n                  <p class=\"form-text\">Role</p>\r\n                  <b-form-input \r\n                    class=\"input-form\" type=\"text\" \r\n                    v-model=\"profileData.role\" \r\n                    required\r\n                    readonly\r\n                  />\r\n                </b-col>\r\n              </b-row>\r\n              <!-- <b-row class=\"profile-row\">\r\n                <b-col cols=\"6\" class=\"profile-item mb-3\">\r\n                  <p class=\"form-text\">Firm Email Address</p>\r\n                  <b-form-input \r\n                    class=\"input-form\" type=\"text\" \r\n                    v-model=\"profileData.firmEmail\" \r\n                    required\r\n                  />\r\n                </b-col>\r\n                <b-col cols=\"6\" class=\"profile-item mb-3\">\r\n                  <p class=\"form-text\">Firm Contact No.</p>\r\n                  <b-form-input \r\n                    class=\"input-form\" type=\"text\" \r\n                    v-model=\"profileData.firmContact\" \r\n                    required\r\n                  />\r\n                </b-col>\r\n              </b-row> -->\r\n              <b-row class=\"profile-row\">\r\n                <b-col cols=\"12\" class=\"profile-item mb-3\">\r\n                  <p class=\"form-text\">Firm Address (Line 1)</p>\r\n                  <b-form-input \r\n                    class=\"input-form-address\" type=\"text\" \r\n                    v-model=\"profileData.firm_address_1\" \r\n                    required\r\n                  />\r\n                </b-col>\r\n              </b-row>\r\n              <b-row class=\"profile-row\">\r\n                <b-col cols=\"12\" class=\"profile-item mb-3\">\r\n                  <p class=\"form-text\">Firm Address (Line 2)</p>\r\n                    <b-form-input \r\n                      class=\"input-form-address\" type=\"text\" \r\n                      v-model=\"profileData.firm_address_2\" \r\n                      required\r\n                    />\r\n                </b-col>\r\n              </b-row>\r\n              <b-row class=\"profile-row mb-3\">\r\n                <b-col class=\"mt-2\" style=\"margin-left: 475px\">\r\n                  <button class=\"cancel-button me-3\" @click=\"toggleEdit\">Cancel</button>\r\n                  <button class=\"update-button\" @click=\"saveChanges\">Update Changes</button>\r\n                </b-col>\r\n              </b-row>\r\n            </b-container>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Auth from \"@/store/Auth.js\";\r\nimport activeTab from \"./activeTab.vue\";\r\nimport PageLoader from \"../../Pages/PageLoader.vue\";\r\n\r\n\r\nexport default {\r\n  components: {\r\n    activeTab,\r\n    PageLoader,\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      activeTab: 'profile',\r\n      profileData: {\r\n        fullName: '',\r\n        companyName: '',\r\n        firstName: '',\r\n        lastName: '',\r\n        personalEmail: '',\r\n        contactNumber: '',\r\n        lawFirm: '',\r\n        role: '',\r\n        firmEmail: '',\r\n        firmContact: '',\r\n        firmAddress: '',\r\n        email: ''\r\n      },\r\n      isChangingPassword: false,\r\n      currentPassword: '',\r\n      passwordVisible: false,\r\n      newPassword: '',\r\n      confirmPassword: '',\r\n      extraInfo: true,\r\n      website: \"www.example.com\",\r\n      name: JSON.parse(localStorage.userInfo).name,\r\n      email: JSON.parse(localStorage.userInfo).email,\r\n      form: {\r\n        old_password: \"\",\r\n        password: \"\",\r\n        password_confirmation: \"\",\r\n      },\r\n\r\n      extra_info: {\r\n        contact_number: \" \",\r\n        firm_address_1: \" \",\r\n        firm_address_2: \" \",\r\n        firm_address_3: \" \",\r\n        company_name: JSON.parse(localStorage.userInfo).extra_info.company_name,\r\n      },\r\n      isEditing: false,\r\n      addClient: false,\r\n      pageLoading: false,\r\n    }\r\n  },\r\n  computed: {\r\n    passwordFieldType() {\r\n      return this.passwordVisible ? 'text' : 'password';\r\n    },\r\n    hasSaasClientPermission() {\r\n      const userInfo = localStorage.getItem('userInfo');\r\n      if (userInfo) {\r\n        const parsedUserInfo = JSON.parse(userInfo);\r\n        return parsedUserInfo.permissions && parsedUserInfo.permissions.includes('Saas-Client.index');\r\n      }\r\n      return false;\r\n    }\r\n  },\r\n  methods: {\r\n    back() {\r\n      this.addClient = false;\r\n    },\r\n    toggleClient() {\r\n      this.addClient = !this.addClient;\r\n    },\r\n    togglePasswordChange() {\r\n      this.isChangingPassword = !this.isChangingPassword;\r\n    },\r\n    // updatePassword() {\r\n    //   if (this.newPassword === this.confirmPassword) {\r\n    //     alert('Password updated successfully');\r\n    //   } else {\r\n    //     alert('Passwords do not match');\r\n    //   }\r\n    // },\r\n    toggleVisibility() {\r\n      this.passwordVisible = !this.passwordVisible;\r\n    },\r\n    toggleEdit() {\r\n      this.isEditing = !this.isEditing;\r\n    },\r\n    saveChanges() {\r\n      switch(\"\") {\r\n        case this.profileData.lawFirm:\r\n        case this.profileData.firm_address_1:\r\n        case this.profileData.contactNumber:\r\n          this.$toast.error(\"Please fill in all fields\");\r\n          return;\r\n      }\r\n      switch(null) {\r\n        case this.profileData.lawFirm:\r\n        case this.profileData.firm_address_1:\r\n        case this.profileData.contactNumber:\r\n          this.$toast.error(\"Please fill in all fields\");\r\n          return;\r\n      }\r\n\r\n      this.profileData.firm_address_2 = this.profileData.firm_address_2 == undefined\r\n        ? \"\" : this.profileData.firm_address_2;\r\n      this.profileData.firm_address_3 = this.profileData.firm_address_3 == undefined\r\n        ? \"\" : this.profileData.firm_address_3;\r\n\r\n      Auth.updateProfile({\r\n        name: this.profileData.fullName,\r\n        email: this.profileData.personalEmail,\r\n        extra_info: {\r\n          company_name: this.profileData.lawFirm,\r\n          contact_number: this.profileData.contactNumber,\r\n          address: [\r\n            this.profileData.firm_address_1,\r\n            this.profileData.firm_address_2,\r\n          ].join(\"\\n\"),\r\n        },\r\n      })\r\n\r\n        .then(async (response) => {\r\n          try {\r\n            this.$toast.info(\"Data is being updated...\");\r\n            this.pageLoading = true;\r\n            const res = await Auth.getMe();\r\n            localStorage.setItem(\"userInfo\", JSON.stringify(res.data.data));\r\n            this.$toast.success(response.data.message);\r\n            this.pageLoading = false;\r\n          } catch (error) {\r\n            console.log(error);\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          console.log(error);\r\n        });\r\n    },\r\n    savePassword() {\r\n      Auth.changePassword(this.form)\r\n        .then((response) => {\r\n          this.$toast.success(response.data.message);\r\n\r\n          this.$bvModal.hide(\"modal-center-change-password\");\r\n          this.form = {\r\n            old_password: \"\",\r\n            password: \"\",\r\n            password_confirmation: \"\",\r\n          };\r\n\r\n          Auth.getMe().then((res) => {\r\n            localStorage.setItem(\"userInfo\", JSON.stringify(res.data.data));\r\n          });\r\n        })\r\n        .catch((error) => {\r\n          console.log(error);\r\n        });\r\n    },\r\n  },\r\n  created() {\r\n  // Assuming the user info is stored in localStorage as `userInfo`\r\n  const userInfo = JSON.parse(localStorage.getItem('userInfo'));\r\n\r\n  if (userInfo && userInfo.extra_info) {\r\n    const fullNameArray = userInfo.name.split(' ');\r\n\r\n    // Assign firstName as the first part before the space and lastName as the rest\r\n    const firstName = fullNameArray[0];\r\n    const lastName = fullNameArray.slice(1).join(' '); // Handles names with multiple spaces\r\n    const addressParts = userInfo.extra_info.address?.split(\"\\n\") ?? ['','',''];\r\n\r\n    this.profileData = {\r\n      fullName: userInfo.name,\r\n      companyName: userInfo.extra_info.company_name || '',\r\n      firstName: firstName || '', // First name\r\n      lastName: lastName || '',   // Last name (everything after the first space)\r\n      personalEmail: userInfo.email || '',\r\n      contactNumber: userInfo.extra_info.contact_number || '',\r\n      lawFirm: userInfo.extra_info.company_name || '',\r\n      role: userInfo.is_manager ? 'Manager' : 'User',\r\n      firmEmail: userInfo.email || '',\r\n      firmContact: userInfo.extra_info.contact_number || '',\r\n      firm_address_1: addressParts[0] || '',\r\n      firm_address_2: addressParts[1] || '',\r\n      firm_address_3: addressParts[2] || '',\r\n      email: userInfo.email || ''\r\n    };\r\n  }\r\n}\r\n\r\n}\r\n</script>\r\n<style scoped>\r\n/* General Page Styling */\r\n.profile-page {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.page-content{\r\n  padding: 0;\r\n}\r\n\r\n.bottom-side {\r\n  height: 89.31%;\r\n  padding: 40px;\r\n}\r\n\r\n.profile-header {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.profile-info {\r\n  display: flex;\r\n  align-items: flex-end;\r\n}\r\n\r\n.profile-picture {\r\n  width: 32px;\r\n  height: 32px;\r\n  border-radius: 50%;\r\n  background-color: #f0f0f0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-right: 20px;\r\n  span{\r\n    font-variation-settings: 'FILL' 1;\r\n    background: #E7E7E7;\r\n    font-size:18px;\r\n  }\r\n}\r\n\r\n.profile-name {\r\n  display: flex;\r\n  flex-direction: column;\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  line-height: 36px;\r\n  text-align: left;\r\n}\r\n.p-title{\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  line-height: 16px;\r\n  text-align: left;\r\n}\r\np-name{\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--dark-grey);\r\n}\r\n\r\n.role-tag {\r\n  display: flex;\r\n  align-items: center;\r\n  text-decoration: none;\r\n  span{\r\n    margin-right: 5px;\r\n  }\r\n}\r\n.p-role{\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  line-height: 20px;\r\n  color: var(--status-blue) !important;\r\n  margin: 0;\r\n}\r\n/* Profile Details Styling */\r\n/* General profile details layout */\r\n.input-form {\r\n  display: flex;\r\n  padding: 12px 24px;\r\n  align-items: center;\r\n  align-self: stretch;\r\n  border-radius: 8px;\r\n  background: var(--Neutral-Light-Grey, #F2F3F3);\r\n}\r\n\r\n.input-form-address {\r\n  display: flex;\r\n  width: 750px;\r\n  padding: 12px 24px;\r\n  align-items: center;\r\n  align-self: stretch;\r\n  border-radius: 8px;\r\n  background: var(--Neutral-Light-Grey, #F2F3F3);\r\n}\r\n\r\n.form-text{\r\n  color: var(--Neutral-Dark-Gray, #A9A7A7) !important;\r\n  margin: 4px !important;\r\n}\r\n\r\n.profile-details {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n\r\n.profile-row {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.profile-item {\r\n  flex: none; /* Prevent items from expanding */\r\n  width: 33%; /* Adjust percentage width of each item */\r\n}\r\n\r\n.profile-item.full {\r\n  width: 100%; /* For items that should take the full width */\r\n}\r\n\r\n.profile-item p {\r\n  margin: 0;\r\n  font-size: 14px;\r\n  color: #A9A7A7;\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  text-align: left;\r\n}\r\n\r\n.profile-item span {\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--neutral-black);\r\n}\r\n\r\n\r\n/* Edit Button Styling */\r\n.edit {\r\n  display: flex;\r\n  flex-direction: start;\r\n  margin-top: 40px;\r\n}\r\n\r\n.cancel-button{\r\n  color: var(--Primary-Dark-Blue, #000046);\r\n  display: inline-flex;\r\n  padding: 8px 16px;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 10px;\r\n  border-radius: 4px;\r\n  border: 1px solid var(--Neutral-Mid-Grey, #D1D2D5);\r\n  background: var(--Neutral-White, #FFF);\r\n}\r\n\r\n.cancel-button:hover{\r\n  background: var(--Neutral-Light-Grey, #F2F3F3);\r\n}\r\n\r\n.update-button{\r\n  background-color: var(--primary);\r\n  color: #fff;\r\n  padding: 8px 16px;\r\n  border: none;\r\n  border-radius: 5px;\r\n  font-size: 16px;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.update-button:hover{\r\n  background: var(--Primary-Dark-Blue, #000046);\r\n}\r\n\r\n.edit-button {\r\n  background-color: var(--primary);\r\n  color: #fff;\r\n  padding: 10px 30px;\r\n  border: none;\r\n  border-radius: 5px;\r\n  font-size: 16px;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.edit-button:hover {\r\n  background: var(--Primary-Dark-Blue, #000046);\r\n}\r\n</style>\r\n<style scoped>\r\n/* Header style */\r\n.email-header {\r\n  display: flex;\r\n  align-items: center;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.email-header span {\r\n  font-size: 24px;\r\n  margin-right: 10px;\r\n  font-variation-settings: 'FILL' 1;\r\n}\r\n\r\n.email-header p {\r\n  margin: 0;\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  line-height: 36px;\r\n  text-align: left;\r\n  color: var(--neutral-black);\r\n}\r\n\r\n/* Email and password info */\r\n.email-info, .password-section {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.label {\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: #A9A7A7;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.email {\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  color: var(--neutral-black);\r\n}\r\n\r\n.change-password-btn {\r\n  width: 217px;\r\n  background-color: var(--primary);\r\n  color: #FFFFFF;\r\n  border: none;\r\n  padding: 8px 16px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n}\r\n\r\n.change-password-btn:hover {\r\n  background-color: #003366;\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n/* Header */\r\n.password-header {\r\n  display: flex;\r\n  align-items: center;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.password-header span {\r\n  font-size: 24px;\r\n  margin-right: 10px;\r\n  font-variation-settings: 'FILL' 1;\r\n}\r\n\r\n.password-header p {\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  font-weight: bold;\r\n  color: var(--neutral-black);\r\n  margin: 0;\r\n}\r\n\r\n/* Form fields */\r\n.input-field {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.input-field label {\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n  color: #a9a7a7;\r\n  margin-bottom: 8px;\r\n  display: block;\r\n}\r\n\r\n.input-field input {\r\n  width: 350px;\r\n  height: 48px;\r\n  border-radius: 8px;\r\n  border: 1px solid var(--light-grey);\r\n  background: var(--light-grey);\r\n  font-size: 14px;\r\n  outline: none;\r\n}\r\n\r\n.password-input-wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  position: relative;\r\n  width: 350px;\r\n}\r\n\r\n.password-input-wrapper input {\r\n  width: 100%;\r\n  height: 48px;\r\n  border-radius: 8px;\r\n  border: 1px solid var(--light-grey);\r\n  background: var(--light-grey);\r\n  font-size: 14px;\r\n  outline: none;\r\n  padding-right: 40px; \r\n}\r\n\r\n.toggle-visibility {\r\n  position: absolute;\r\n  right: 10px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  cursor: pointer;\r\n  font-size: 20px;\r\n  color: var(--dark-grey);\r\n}\r\n\r\n\r\n/* Buttons */\r\n.button-group {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  width: 350px;\r\n  gap: 10px;\r\n}\r\n\r\n.cancel-btn {\r\n  background-color: #FFFFFF;\r\n  color: var(--primary);\r\n  border: 1px solid var(--mid-grey);\r\n  padding: 10px 20px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n}\r\n\r\n.update-btn {\r\n  background-color: var(--primary);\r\n  color: white;\r\n  border: none;\r\n  padding: 10px 20px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n}\r\n\r\n.update-btn:hover {\r\n  background-color: #003366;\r\n}\r\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!./Profile.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!./Profile.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Profile.vue?vue&type=template&id=3f895280&scoped=true\"\nimport script from \"./Profile.vue?vue&type=script&lang=js\"\nexport * from \"./Profile.vue?vue&type=script&lang=js\"\nimport style0 from \"./Profile.vue?vue&type=style&index=0&id=3f895280&prod&scoped=true&lang=css\"\nimport style1 from \"./Profile.vue?vue&type=style&index=1&id=3f895280&prod&scoped=true&lang=css\"\nimport style2 from \"./Profile.vue?vue&type=style&index=2&id=3f895280&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  \"3f895280\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageLoader.vue?vue&type=style&index=0&id=3c3eaffa&prod&scoped=true&lang=css\"","module.exports = \"data:image/png;base64,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\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"top-side\"},[_c('p',{staticClass:\"header\"},[_vm._v(_vm._s(_vm.admin ? 'Admin' : 'My Profile'))]),_c('div',{staticClass:\"tabs\"},[(!_vm.admin)?_c('router-link',{staticClass:\"tab\",class:{ active: _vm.activeTab === 'profile' },attrs:{\"to\":\"/settings/profile\"},nativeOn:{\"click\":function($event){_vm.activeTab = 'profile'}}},[_vm._v(\" Profile \")]):_vm._e(),(!_vm.admin)?_c('router-link',{staticClass:\"tab\",class:{ active: _vm.activeTab === 'accountInfo' },attrs:{\"to\":\"/settings/account_info\"},nativeOn:{\"click\":function($event){_vm.activeTab = 'accountInfo'}}},[_vm._v(\" Account Info \")]):_vm._e(),(_vm.admin && _vm.hasSaasClientPermission)?_c('router-link',{staticClass:\"tab\",class:{ active: _vm.activeTab === 'clientTable' },attrs:{\"to\":\"/settings/admin\"}},[_vm._v(\" Clients \")]):_vm._e(),(_vm.admin)?_c('router-link',{staticClass:\"tab\",class:{ active: _vm.activeTab === 'employee' },attrs:{\"to\":\"/settings/employee\"}},[_vm._v(\" Employee \")]):_vm._e(),(_vm.admin)?_c('router-link',{staticClass:\"tab\",class:{ active: _vm.activeTab === 'roles' },attrs:{\"to\":\"/settings/roles\"}},[_vm._v(\" Roles \")]):_vm._e(),(_vm.admin)?_c('router-link',{staticClass:\"tab\",class:{ active: _vm.activeTab === 'policies' },attrs:{\"to\":\"/settings/policies\"}},[_vm._v(\" Policies \")]):_vm._e()],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"top-side\" style=\"\">\r\n    <p class=\"header\">{{ admin ? 'Admin' : 'My Profile' }}</p>\r\n    <div class=\"tabs\">\r\n      <router-link to=\"/settings/profile\" v-if=\"!admin\" class=\"tab\" :class=\"{ active: activeTab === 'profile' }\"\r\n        @click.native=\"activeTab = 'profile'\">\r\n        Profile\r\n      </router-link>\r\n\r\n      <router-link to=\"/settings/account_info\" v-if=\"!admin\" class=\"tab\"\r\n        :class=\"{ active: activeTab === 'accountInfo' }\" @click.native=\"activeTab = 'accountInfo'\">\r\n        Account Info\r\n      </router-link>\r\n\r\n      <router-link to=\"/settings/admin\" v-if=\"admin && hasSaasClientPermission\" class=\"tab\"\r\n        :class=\"{ active: activeTab === 'clientTable' }\">\r\n        Clients\r\n      </router-link>\r\n\r\n      <router-link to=\"/settings/employee\" v-if=\"admin\" class=\"tab\" :class=\"{ active: activeTab === 'employee' }\">\r\n        Employee\r\n      </router-link>\r\n\r\n      <router-link to=\"/settings/roles\" v-if=\"admin\" class=\"tab\" :class=\"{ active: activeTab === 'roles' }\">\r\n        Roles\r\n      </router-link>\r\n\r\n      <router-link to=\"/settings/policies\" v-if=\"admin\" class=\"tab\" :class=\"{ active: activeTab === 'policies' }\">\r\n        Policies\r\n      </router-link>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n    }\r\n  },\r\n  props: {\r\n    activeTab: {\r\n      type: String,\r\n      default: 'profile'\r\n    },\r\n    admin: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  computed: {\r\n    hasSaasClientPermission() {\r\n      const userInfo = localStorage.getItem('userInfo');\r\n      if (userInfo) {\r\n        const parsedUserInfo = JSON.parse(userInfo);\r\n        return parsedUserInfo.permissions && parsedUserInfo.permissions.includes('Saas-Client.index');\r\n      }\r\n      return false;\r\n    }\r\n  },\r\n}\r\n</script>\r\n<style scoped>\r\n.top-side {\r\n  height: 108px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 0 20px;\r\n  background: #FFFFFF;\r\n}\r\n\r\n.header {\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  line-height: 36px;\r\n  padding-top: 15px;\r\n}\r\n\r\n.tabs {\r\n  display: flex;\r\n  gap: 20px;\r\n  color: var(--dark-grey);\r\n  font-size: 14px !important;\r\n  font-weight: 400 !important;\r\n  line-height: 24px;\r\n}\r\n\r\n.tab {\r\n  text-decoration: none;\r\n  color: var(--primary);\r\n  padding-bottom: 8px;\r\n}\r\n\r\n.tab.active {\r\n  color: var(--primary);\r\n  border-bottom: 2px solid var(--primary);\r\n}\r\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!./activeTab.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!./activeTab.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./activeTab.vue?vue&type=template&id=1db8737d&scoped=true\"\nimport script from \"./activeTab.vue?vue&type=script&lang=js\"\nexport * from \"./activeTab.vue?vue&type=script&lang=js\"\nimport style0 from \"./activeTab.vue?vue&type=style&index=0&id=1db8737d&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  \"1db8737d\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./activeTab.vue?vue&type=style&index=0&id=1db8737d&prod&scoped=true&lang=css\"","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!./Profile.vue?vue&type=style&index=0&id=3f895280&prod&scoped=true&lang=css\"","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!./PageLoader.vue?vue&type=style&index=2&id=3c3eaffa&prod&scoped=true&lang=css\"","import axios from \"@/axios.js\";\r\nimport Vue from \"vue\";\r\n/* eslint-disable */\r\nexport default {\r\n  loginJWT(payload) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(\"login\", payload)\r\n\r\n        .then((response) => {\r\n          if (\r\n            response.data.message ==\r\n            \"You email is not verified, please check your email and verify it\"\r\n          ) {\r\n            const vm = new Vue();\r\n            vm.$toast.warning(\r\n              \"Your email is not verified! Please check your email and verify it.\"\r\n            );\r\n          } else if (response.data.message == \"You are unactivated user!\") {\r\n            const vm = new Vue();\r\n            vm.$toast.error(response.data.message);\r\n          } else {\r\n            localStorage.setItem(\r\n              \"accessToken\",\r\n              response.data.data.access_token\r\n            );\r\n\r\n            //set token globally once login\r\n            axios.defaults.headers.common[\r\n              \"Authorization\"\r\n            ] = `Bearer ${response.data.data.access_token}`;\r\n\r\n            // If there's user data in response\r\n            if (response.data.status) {\r\n              //if response true\r\n              // Navigate User to homepage\r\n              axios\r\n                .get(\"me\")\r\n                .then((res) => {\r\n                  console.log(\"res DATA\", res);\r\n                  localStorage.setItem(\r\n                    \"userInfo\",\r\n                    JSON.stringify(res.data.data)\r\n                  );\r\n                  localStorage.setItem(\r\n                    \"permissions\",\r\n                    JSON.stringify(res.data.data.permissions)\r\n                  );\r\n\r\n                  const thisUser = res.data.data;\r\n\r\n                  let role = \"editor\";\r\n\r\n                  Object.assign(thisUser, { userRole: role });\r\n                  if (\r\n                    JSON.parse(localStorage.userInfo).not_have_plan_yet !==\r\n                      \"1\" &&\r\n                    JSON.parse(localStorage.userInfo).not_have_plan_yet !== 1\r\n                  ) {\r\n                    axios\r\n                      .get(\"locations\")\r\n                      .then((res) => {\r\n                        var locations = [];\r\n                        res.data.data.forEach((element, index) => {\r\n                          // if (element.name == \"www.google.com.my\") {\r\n                          //     locations.push(element)\r\n                          // }\r\n                          // else if (element.name == \"www.google.com.au\") {\r\n                          //     locations.push(element)\r\n                          // }\r\n                          // else if (element.name == \"www.google.com.sg\") {\r\n                          //     locations.push(element)\r\n                          // }\r\n                          locations.push(element);\r\n                        });\r\n\r\n                        localStorage.setItem(\r\n                          \"locations\",\r\n                          JSON.stringify(locations)\r\n                        );\r\n                      })\r\n                      .catch((error) => {\r\n                        reject(error);\r\n                      });\r\n                  }\r\n                })\r\n                .catch((error) => {\r\n                  reject(error);\r\n                });\r\n\r\n              // var keywordList = []\r\n              // for (var count = 1; count < 5; count++) {\r\n              //     axios.get('keywordpools?&page=' + count)\r\n              //         .then(res => {\r\n\r\n              //             res.data.data.data.forEach((element) => {\r\n\r\n              //                 keywordList.push(element);\r\n              //             });\r\n              //             localStorage.setItem('keyword_pool', JSON.stringify(keywordList))\r\n\r\n              //         })\r\n              //         .catch(error => {\r\n              //         })\r\n              // }\r\n\r\n              resolve(response);\r\n            } else {\r\n              reject({ message: \"Incorrect Email or Password!\" });\r\n            }\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n\r\n  setClientInfo(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`signup/set-client-information`, item)\r\n        .then((response) => {\r\n          resolve(response);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n\r\n  signupNoCard(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(`signup/subscripe-without-card`, item)\r\n        .then((response) => {\r\n          resolve(response);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n\r\n  allNexlaw() {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(`nexlaw?page=1`)\r\n        .then((response) => {\r\n          resolve(response);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n\r\n  allNexlawPage(obj) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(`nexlaw` + obj)\r\n        .then((response) => {\r\n          resolve(response);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n\r\n  getMe() {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .get(\"me\")\r\n        .then((response) => {\r\n          //\r\n          resolve(response);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n\r\n  forgetPassword(payload) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .post(\"Forgot-Password\", { email: payload.email })\r\n        .then((response) => {\r\n          resolve(response);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n\r\n  updatePassword(payload) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .put(\"Update-Password\", {\r\n          token: payload.token,\r\n          password: payload.password,\r\n          password_confirmation: payload.password_confirmation,\r\n        })\r\n        .then((response) => {\r\n          resolve(response);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n\r\n  destroyAccessToken() {\r\n    // //\r\n    return new Promise((resolve, reject) => {\r\n      // //\r\n      axios\r\n        .post(\"logout\", { access_token: localStorage.getItem(\"accessToken\") })\r\n        .then((response) => {\r\n          resolve(response);\r\n          //\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n          //\r\n        });\r\n    });\r\n  },\r\n\r\n  updateProfile(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .put(\"Change-My-Profile\", item)\r\n        .then((response) => {\r\n          resolve(response);\r\n\r\n          axios\r\n            .get(\"me\")\r\n            .then((res) => {\r\n              localStorage.setItem(\"userInfo\", JSON.stringify(res.data.data));\r\n            })\r\n            .catch((error) => {\r\n              reject(error);\r\n            });\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n\r\n  changePassword(item) {\r\n    return new Promise((resolve, reject) => {\r\n      axios\r\n        .put(\"Change-My-Password\", item)\r\n        .then((response) => {\r\n          resolve(response);\r\n        })\r\n        .catch((error) => {\r\n          reject(error);\r\n        });\r\n    });\r\n  },\r\n};\r\n","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!./Profile.vue?vue&type=style&index=1&id=3f895280&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.duration >= 0 && _vm.duration < 100)?_c('div',{staticClass:\"card border-0 h-100 p-3 rounded text-center justify-content-center\"},[_c('div',[_vm._m(0),(_vm.duration >= 0)?_c('div',{staticClass:\"row mt-5\"},[_c('div',{staticClass:\"col\"},[_c('h3',{staticClass:\"font-weight-bold text-blue\"},[_vm._v(_vm._s(_vm.duration >= 100 ? 100 : _vm.duration)+\" %\")])])]):_vm._e(),_c('div',{class:['row', _vm.duration < 0 ? 'mt-5' : 'mt-3']},[_c('div',{staticClass:\"col\"},[_c('h4',{staticClass:\"text-blue text-center font-weight-bold\"},[_vm._v(\" \"+_vm._s(Array.isArray(_vm.message) ? _vm.message[0] : _vm.default_msg[_vm.message][0])+\" \")])])]),_c('div',{staticClass:\"row mt-2\"},[_c('div',{staticClass:\"col-3\"}),_c('div',{staticClass:\"col\"},[_c('small',{staticClass:\"text-blue text-center\"},[_vm._v(\" \"+_vm._s(Array.isArray(_vm.message) ? _vm.message[1] : _vm.default_msg[_vm.message][1])+\" \")])]),_c('div',{staticClass:\"col-3\"})])])]):(_vm.loading)?_c('div',{staticClass:\"h-100 align-content-center\"},[_c('div',[_c('div',{staticClass:\"loading-container\"},[(_vm.currentLoadingUI === 1)?_c('div',{staticClass:\"orbit-spinner m-auto mt-5\",staticStyle:{\"transform\":\"scale(2)\"}},[_c('div',{staticClass:\"orbit\"}),_c('div',{staticClass:\"orbit\"}),_c('div',{staticClass:\"orbit\"})]):_vm._e(),(_vm.currentLoadingUI === 2)?_c('div',{staticClass:\"rectangle-main\"},[_vm._m(1),_vm._m(2)]):_vm._e(),(_vm.currentLoadingUI === 3)?_c('div',{staticClass:\"file-main mt-5\"},[_c('img',{staticClass:\"file-icon\",attrs:{\"src\":require(\"../assets/icon/file-loading-icon.png\")}}),_c('img',{staticClass:\"file-icon-2\",attrs:{\"src\":require(\"../assets/icon/file-loading-icon.png\")}}),_c('div',{staticClass:\"magnifier-icon\"})]):_vm._e()]),(_vm.completedPercentageRounded >= 0)?_c('div',{staticClass:\"row mt-5\"},[_c('div',{staticClass:\"col\"},[_c('h3',{staticClass:\"font-weight-bold text-center text-blue\"},[_vm._v(_vm._s(_vm.completedPercentageRounded >= 100 ? 100 : _vm.completedPercentageRounded)+\" %\")])]),(_vm.completedPercentageRounded < 100)?_c('p',{staticClass:\"text-center text-blue font-weight-bold mt-2\"},[_vm._v(\" \"+_vm._s(_vm.replace_msg ?? \"\")+\" \")]):_c('p',{staticClass:\"text-center text-blue font-weight-bold mt-2\"},[_vm._v(\" Initializing… \")])]):_vm._e(),(_vm.completedPercentageRounded < 100)?_c('div',[_c('p',{staticClass:\"text-center text-blue font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.extra_msg)+\" \")]),_c('p',{staticClass:\"text-center\"},[(_vm.showText)?_c('small',{class:['text-blue', 'typewriter', { 'blinking': _vm.isTextFullyDisplayed }]},[_vm._v(\" \"+_vm._s(_vm.displayedText)+\" \")]):_vm._e()])]):_c('div',[_c('p',{staticClass:\"text-center\"},[_c('small',{class:['text-blue', 'typewriter', { 'blinking': _vm.isTextFullyDisplayed }]},[_vm._v(\" \"+_vm._s(_vm.displayedText)+\" \")])])])])]):_vm._e()\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"orbit-spinner m-auto\",staticStyle:{\"transform\":\"scale(2)\"}},[_c('div',{staticClass:\"orbit\"}),_c('div',{staticClass:\"orbit\"}),_c('div',{staticClass:\"orbit\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"hero-section-small\"},[_c('div',{staticClass:\"square-small\"}),_c('div',{staticClass:\"p-3\"},[_c('div',{staticClass:\"rectangle-small\"}),_c('div',{staticClass:\"rectangle2-small\"})])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"hero-section\"},[_c('div',{staticClass:\"square\"}),_c('div',{staticClass:\"p-3\"},[_c('div',{staticClass:\"rectangle\"}),_c('div',{staticClass:\"rectangle2\"})])])\n}]\n\nexport { render, staticRenderFns }","<!-- \r\n  Template:\r\n\r\n  -----------------------------------------------------------\r\n\r\n  for normal loading / only 1 pageLoading var:\r\n  <PageLoader\r\n    v-if=\"pageLoading\" // optional, required if \"v-else-if/v-else\" is used for showing content\r\n    :loading=\"pageLoading\"> \r\n  <PageLoader>\r\n\r\n  -----------------------------------------------------------\r\n  \r\n  for loading with duration display / which also have normal loading after the content is generated:\r\n  <PageLoader\r\n    v-if=\"pageLoading || duration < 100\"\r\n\r\n    :loading=\"pageLoading\"\r\n    \r\n    :duration=\"duration\"\r\n    message=\"<...Kindly refer to later section...>\">\r\n  <PageLoader>\r\n  \r\n  # the duration must be -1 when generation of the content is completed\r\n    or else the normal loading will not be displayed\r\n\r\n  -----------------------------------------------------------\r\n\r\n  Optional Fields:\r\n\r\n  <PageLoader\r\n  \r\n    // replace \"Kindly wait for ...\" message in normal loading\r\n    replace_msg=\"String\"\r\n\r\n    // replace \"Kindly wait for ...\" message in normal loading\r\n    // & display the \"Kindly wait for ...\" with a <small> after the extra_msg\r\n    extra_msg=\"String\"\r\n\r\n    // defined message to be displayed in duration loading\r\n    // input String will lead to using default messages\r\n        ## refer to vue data() for default messages ##\r\n    // input Array that contains 2 Strings will result in customized message\r\n        ## the first String is normal sized / the second String is <small> ##\r\n    message=\"String | Array[2]\"\r\n\r\n    >\r\n  <PageLoader>\r\n\r\n -->\r\n<template>\r\n  <div\r\n    v-if=\"duration >= 0 && duration < 100\"\r\n    class=\"card border-0 h-100 p-3 rounded text-center justify-content-center\"\r\n  >\r\n    <div>\r\n      <div style=\"transform: scale(2)\" class=\"orbit-spinner m-auto\">\r\n        <div class=\"orbit\"></div>\r\n        <div class=\"orbit\"></div>\r\n        <div class=\"orbit\"></div>\r\n      </div>\r\n\r\n      <div class=\"row mt-5\" v-if=\"duration >= 0\">\r\n        <div class=\"col\">\r\n          <h3 class=\"font-weight-bold text-blue\">{{ duration >= 100 ? 100 : duration }} %</h3>\r\n        </div>\r\n      </div>\r\n\r\n      <div :class=\"['row', duration < 0 ? 'mt-5' : 'mt-3']\">\r\n        <div class=\"col\">\r\n          <h4 class=\"text-blue text-center font-weight-bold\">\r\n            {{ Array.isArray(message) ? message[0] : default_msg[message][0] }}\r\n          </h4>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row mt-2\">\r\n        <div class=\"col-3\"></div>\r\n        <div class=\"col\">\r\n          <small class=\"text-blue text-center\">\r\n            {{ Array.isArray(message) ? message[1] : default_msg[message][1] }}\r\n          </small>\r\n        </div>\r\n        <div class=\"col-3\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <div v-else-if=\"loading\" class=\"h-100 align-content-center\">\r\n    <!-- <b-button @click=\"toggleLoadingScreen\">Toggle Loading</b-button> -->\r\n    <div>\r\n      <div class=\"loading-container\">\r\n        <div v-if=\"currentLoadingUI === 1\" class=\"orbit-spinner m-auto mt-5\" style=\"transform: scale(2);\">\r\n          <div class=\"orbit\"></div>\r\n          <div class=\"orbit\"></div>\r\n          <div class=\"orbit\"></div>\r\n        </div>\r\n\r\n        <div v-if=\"currentLoadingUI === 2\" class=\"rectangle-main\">\r\n          <section class=\"hero-section-small\">\r\n            <div class=\"square-small\"></div>\r\n            <div class=\"p-3\">\r\n              <div class=\"rectangle-small\"></div>\r\n              <div class=\"rectangle2-small\"></div>\r\n            </div>\r\n          </section>\r\n          <section class=\"hero-section\">\r\n            <div class=\"square\"></div>\r\n            <div class=\"p-3\">\r\n              <div class=\"rectangle\"></div>\r\n              <div class=\"rectangle2\"></div>\r\n            </div>\r\n          </section>\r\n        </div>\r\n\r\n        <div v-if=\"currentLoadingUI === 3\" class=\"file-main mt-5\">\r\n          <img class=\"file-icon\" src=\"../assets/icon/file-loading-icon.png\" /> \r\n          <img class=\"file-icon-2\" src=\"../assets/icon/file-loading-icon.png\" /> \r\n          <div class=\"magnifier-icon\"></div>\r\n        </div>\r\n\r\n      </div>\r\n\r\n      <div class=\"row mt-5\" v-if=\"completedPercentageRounded >= 0\">\r\n        <div class=\"col\">\r\n          <h3 class=\"font-weight-bold text-center text-blue\">{{ completedPercentageRounded >= 100 ? 100 : completedPercentageRounded }} %</h3>\r\n        </div>\r\n\r\n        <p v-if=\"completedPercentageRounded < 100\" class=\"text-center text-blue font-weight-bold mt-2\">\r\n          {{ replace_msg ?? \"\" }}\r\n        </p>\r\n\r\n        <p v-else class=\"text-center text-blue font-weight-bold mt-2\">\r\n          Initializing…\r\n        </p>\r\n      </div>\r\n\r\n\r\n      <div v-if=\"completedPercentageRounded < 100\">\r\n        <p class=\"text-center text-blue font-weight-bold\">\r\n          {{ extra_msg }}\r\n        </p>\r\n        <p class=\"text-center\"> \r\n          <small v-if=\"showText\" :class=\"['text-blue', 'typewriter', { 'blinking': isTextFullyDisplayed }]\">\r\n            {{ displayedText }}\r\n          </small>\r\n        </p>\r\n      </div>\r\n\r\n      <div v-else>\r\n        <p class=\"text-center\">\r\n          <small :class=\"['text-blue', 'typewriter', { 'blinking': isTextFullyDisplayed }]\">\r\n            {{ displayedText }}\r\n          </small>\r\n        </p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    loading: {\r\n      type: Boolean,\r\n    },\r\n    files_uploaded: {\r\n      type: Number,\r\n    },\r\n    replace_msg: {\r\n      type: String,\r\n    },\r\n    extra_msg: {\r\n      type: String,\r\n    },\r\n    completedPercentage: {\r\n      type: Number,\r\n    },\r\n\r\n    duration: {\r\n      type: Number,\r\n    },\r\n    message: {\r\n      type: [String, Array],\r\n    },\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      default_msg: {\r\n        generating: [\r\n          \"Generating Content\",\r\n          \"Please wait a moment while we process it. This may take a few seconds.\",\r\n        ],\r\n        generatingLongerContent: [\r\n          \"Generating Content\",\r\n          \"Rest assured, we've got this covered, This may take 2 to 3 minutes.\",\r\n        ],\r\n        uploading: [\r\n          \"Uploading case-law.pdf\",\r\n          \"This may take some time depending on the size the file and your internet connection speed.\",\r\n        ],\r\n      },\r\n      showText: false,\r\n      fullText: \"This may take some time depending on the size of the file and your internet connection speed.\",\r\n      displayedText: \"\",\r\n      currentLoadingUI: 1,\r\n    };\r\n  },\r\n\r\n  mounted() {\r\n    // this.incrementPercentage();\r\n    setTimeout(() => {\r\n      this.showText = true;\r\n    }, 0); // Display text after 5 seconds\r\n\r\n    if (this.showText) {\r\n      this.typeWriter();\r\n    }\r\n\r\n    setInterval(() => {\r\n      this.currentLoadingUI = (this.currentLoadingUI % 3) + 1;\r\n    }, 10000); // Change loading UI every 10 seconds\r\n  },\r\n\r\n  computed: {\r\n    completedPercentageRounded() {\r\n      const percentage = Number(this.completedPercentage);\r\n      return isNaN(percentage) ? '0.00' : percentage.toFixed(2);\r\n    },\r\n    isTextFullyDisplayed() {\r\n      return this.displayedText === this.fullText;\r\n    },\r\n  },\r\n  \r\n  watch: {\r\n    showText(newVal) {\r\n      if (newVal) {\r\n        this.typeWriter();\r\n      }\r\n    },\r\n    completedPercentage(newVal) {\r\n      this.completedPercentage = newVal;\r\n    },\r\n  },\r\n\r\n  methods: {\r\n    toggleLoadingScreen() {\r\n      this.isFirstLoadingScreen = !this.isFirstLoadingScreen;\r\n    },\r\n\r\n    // incrementPercentage() {\r\n    //   const interval = setInterval(() => {\r\n    //     if (this.completedPercentage < 99) { // Ensure it doesn't exceed 99%\r\n    //       this.completedPercentage = parseFloat((this.completedPercentage + 2.532).toFixed(2));\r\n    //       if (this.completedPercentage === 0){\r\n    //         this.completedPercentage = 1;\r\n    //         // clearInterval(interval);\r\n    //       }\r\n    //       else if (this.completedPercentage > 45 && this.completedPercentage < 50) {\r\n    //         this.completedPercentage = 49;\r\n    //         clearInterval(interval);\r\n    //         this.incrementPercentage();\r\n    //       }\r\n    //       else if (this.completedPercentage >= 50) {\r\n    //         this.completedPercentage = 75;\r\n    //         // clearInterval(interval);\r\n    //       }\r\n    //       else if (this.completedPercentage >= 99) {\r\n    //         this.completedPercentage = 99;\r\n    //         clearInterval(interval);\r\n    //       }\r\n    //     } else {\r\n    //       // this.completedPercentage = 99;\r\n    //       clearInterval(interval);\r\n    //     }\r\n    //   }, 3000); // Increment every 3 second\r\n    // },\r\n\r\n    typeWriter() {\r\n      // Set fullText based on completedPercentage\r\n      if (this.completedPercentage >= 0 && this.completedPercentage < 10) {\r\n        this.fullText = \"Starting the campaign setup, hang tight...\";\r\n      }\r\n      else if (this.completedPercentage >= 10 && this.completedPercentage < 25) {\r\n        this.fullText = \"We're starting the process.\";\r\n      } \r\n      else if (this.completedPercentage >= 25 && this.completedPercentage < 50) {\r\n        this.fullText = \"The upload is underway. Hang tight, we're making progress!\";\r\n      } \r\n      else if (this.completedPercentage >= 50 && this.completedPercentage < 75) {\r\n        this.fullText = \"Processing the data now. This may take some time depending on the file size and your internet speed.\";\r\n      } \r\n      else if (this.completedPercentage >= 75 && this.completedPercentage < 100) {\r\n        this.fullText = \"We're nearly done! Just a little longer...\";\r\n      }\r\n      else if (this.completedPercentage >= 100) {\r\n        this.fullText = \"Finalizing everything, almost there...\";\r\n      } \r\n      // else if (this.completedPercentage >= 100) {\r\n      //   this.fullText = \"Launching...\";\r\n      // } \r\n      else {\r\n        this.fullText = \"\";\r\n      }\r\n\r\n      // Immediately set displayedText to fullText\r\n      this.displayedText = this.fullText;\r\n\r\n      // Clear displayedText immediately if completedPercentage is >= 100\r\n      if (this.completedPercentage >= 100) {\r\n        this.displayedText = '';\r\n      } else {\r\n        // Clear displayedText and rerun the typewriter effect after 5 seconds\r\n        setTimeout(() => {\r\n          this.displayedText = '';\r\n          this.typeWriter();\r\n        }, 200);\r\n      }\r\n    },\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/*Orbit Loading Animation*/\r\n.loading-container {\r\n  height: 120px; /* Set a fixed height for the loading container */\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n/* orbitter */\r\n.orbit-spinner,\r\n.orbit-spinner * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.orbit-spinner {\r\n  height: 55px;\r\n  width: 55px;\r\n  border-radius: 50%;\r\n  perspective: 800px;\r\n}\r\n\r\n.orbit-spinner .orbit {\r\n  position: absolute;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 50%;\r\n}\r\n\r\n.orbit-spinner .orbit:nth-child(1) {\r\n  left: 0%;\r\n  top: 0%;\r\n  animation: orbit-spinner-orbit-one-animation 1200ms linear infinite;\r\n  border-bottom: 3px solid #094890;\r\n}\r\n\r\n.orbit-spinner .orbit:nth-child(2) {\r\n  right: 0%;\r\n  top: 0%;\r\n  animation: orbit-spinner-orbit-two-animation 1200ms linear infinite;\r\n  border-right: 3px solid #094890;\r\n}\r\n\r\n.orbit-spinner .orbit:nth-child(3) {\r\n  right: 0%;\r\n  bottom: 0%;\r\n  animation: orbit-spinner-orbit-three-animation 1200ms linear infinite;\r\n  border-top: 3px solid #094890;\r\n}\r\n\r\n@keyframes orbit-spinner-orbit-one-animation {\r\n  0% {\r\n    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);\r\n  }\r\n  100% {\r\n    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);\r\n  }\r\n}\r\n\r\n@keyframes orbit-spinner-orbit-two-animation {\r\n  0% {\r\n    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);\r\n  }\r\n  100% {\r\n    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);\r\n  }\r\n}\r\n\r\n@keyframes orbit-spinner-orbit-three-animation {\r\n  0% {\r\n    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);\r\n  }\r\n  100% {\r\n    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);\r\n  }\r\n}\r\n\r\n.text-center {\r\n  transition: all 0.3s ease-in-out;\r\n  animation: background-fade 3s infinite;\r\n  font-size: 1.0rem;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.typewriter {\r\n  display: inline-block;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  border-right: 0.15em solid rgb(255, 255, 255); /* Cursor effect */\r\n  animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;\r\n}\r\n\r\n@keyframes typing {\r\n  from { width: 0; }\r\n  to { width: 100%; }\r\n}\r\n\r\n@keyframes blink-caret {\r\n  from, to { border-color: transparent; }\r\n  50% { border-color: rgb(255, 255, 255); }\r\n}\r\n\r\n.blinking {\r\n  animation: blinkingText 1.5s infinite;\r\n}\r\n\r\n@keyframes blinkingText {\r\n  0% { opacity: 1; }\r\n  50% { opacity: 0; }\r\n  100% { opacity: 1; }\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n/* Rectangle Loading Animation */\r\n.rectangle-main {\r\n  margin-top: 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.hero-section {\r\n  width: 50%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.square {\r\n  width: 50px;\r\n  height: 50px;\r\n  background-color: rgb(232,232,232);\r\n  animation: popOut 0.65s infinite;\r\n  box-shadow: 0 0 10px rgba(14, 68, 133, 0.5);\r\n  border-radius : 8px;\r\n  flex-shrink: 0;\r\n  }\r\n\r\n  @keyframes popOut {\r\n  0% {\r\n      opacity: 0;\r\n  }\r\n  50% {\r\n      opacity: 1;\r\n  }\r\n  100% {\r\n      opacity: 1;\r\n  }\r\n  }\r\n\r\n.rectangle {\r\nwidth: 80px;\r\nheight: 15px;\r\nbackground-color: rgb(232,232,232);\r\nanimation: popOutExpand 0.65s infinite;\r\ntransform-origin: left center;\r\nmargin-bottom: 10px;\r\nbox-shadow: 0 0 10px rgba(14, 68, 133, 0.5);\r\nborder-radius : 1px;\r\n}\r\n\r\n.rectangle2 {\r\nwidth: 100px;\r\nheight: 15px;\r\nbackground-color: rgb(232,232,232);\r\nanimation: popOutExpand2 0.65s infinite;\r\ntransform-origin: left center;\r\nbox-shadow: 0 0 10px rgba(14, 68, 133, 0.5);\r\nborder-radius : 1px;\r\n}\r\n\r\n@keyframes popOutExpand {\r\n0% {\r\n  transform: scaleX(1);\r\n  opacity: 0;\r\n}\r\n25% {\r\n  transform: scaleX(1);\r\n  opacity: 1;\r\n}\r\n50% {\r\n  transform: scaleX(1.5);\r\n  opacity: 1;\r\n}\r\n100% {\r\n  transform: scaleX(1.5);\r\n  opacity: 1;\r\n}\r\n}\r\n\r\n@keyframes popOutExpand2 {\r\n0% {\r\n  transform: scaleX(0);\r\n  opacity: 0;\r\n}\r\n\r\n100% {\r\n  transform: scaleX(1.5);\r\n  opacity: 1;\r\n}\r\n}\r\n\r\n.hero-section-small {\r\n  padding-left: 45px;\r\n  width: 70%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  animation: slideInUp 0.65s forwards infinite;\r\n}\r\n\r\n@keyframes slideInUp {\r\n  0% {\r\n      transform: translateY(20%);\r\n      opacity: 1;\r\n  }\r\n  20% { /* Compress the movement into the first 20% of the timeline */\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n  }\r\n  100% {\r\n      transform: translateY(-10px); /* Move it a bit up and stay there */\r\n      opacity: 1;\r\n  }\r\n  }\r\n\r\n.square-small {\r\n  width: 40px;\r\n  height: 40px;\r\n  background-color: rgb(232,232,232);\r\n  box-shadow: 0 0 10px rgba(14, 68, 133, 0.5);\r\n  border-radius : 8px;\r\n  flex-shrink: 0;\r\n  }\r\n\r\n.rectangle-small {\r\nwidth: 90px;\r\nheight: 13px;\r\nbackground-color: rgb(232,232,232);\r\ntransform-origin: left center;\r\nmargin-bottom: 10px;\r\nbox-shadow: 0 0 10px rgba(14, 68, 133, 0.5);\r\nborder-radius : 1px;\r\n}\r\n\r\n.rectangle2-small {\r\nwidth: 100px;\r\nheight: 13px;\r\nbackground-color: rgb(232,232,232);\r\ntransform-origin: left center;\r\nbox-shadow: 0 0 10px rgba(14, 68, 133, 0.5);\r\nborder-radius : 1px;\r\n}\r\n\r\n</style>\r\n\r\n\r\n<style scoped>\r\n/* Loading File Animation */\r\n.file-main {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 50vh; /* Full viewport height */\r\n  position: relative;\r\n}\r\n.file-icon {\r\n  width: 60px;\r\n  height: 65px;\r\n  border-radius: 8px;\r\n  position: absolute;\r\n  animation: move-left 1.5s linear infinite;\r\n}\r\n.file-icon-2 {\r\n  width: 60px;\r\n  height: 65px;\r\n  border-radius: 8px;\r\n  position: absolute;\r\n  opacity: 0; /* Initially hidden */\r\n  animation: move-left 1.5s linear infinite;\r\n  animation-delay: 0.75s; /* Delayed animation */\r\n  \r\n}\r\n\r\n@keyframes move-left {\r\n  0% {\r\n    transform: translateX(100%) scale(0.8);\r\n    opacity: 0;\r\n  }\r\n  0% {\r\n    transform: translateX(100%) scale(0.8);\r\n    opacity: 1;\r\n  }\r\n  20% {\r\n    transform: translateX(0%);\r\n    opacity: 1;\r\n  }\r\n  40% {\r\n    transform: translateX(0%);\r\n    opacity: 1;\r\n  }\r\n  60% {\r\n    transform: translateX(-130%) scale(0.9);\r\n    opacity: 1;\r\n  }\r\n  80% {\r\n    transform: translateX(-130%) scale(0.9);\r\n    opacity: 1;\r\n  }\r\n  81% {\r\n    opacity: 1; /* Instantly disappear */\r\n  }\r\n\r\n  90% {\r\n    opacity: 1; /* Instantly disappear */\r\n  }\r\n\r\n  91% {\r\n    opacity: 0; /* Instantly disappear */\r\n  }\r\n  100% {\r\n    transform: translateX(-130%) scale(0.9);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n.magnifier-icon {\r\n  width: 68px; /* Increased size */\r\n  height: 68px; /* Increased size */\r\n  border: 6px solid rgb(200,200,200);\r\n  border-radius: 50%;\r\n  position: absolute;\r\n}\r\n\r\n.magnifier-icon::after {\r\n  content: '';\r\n  width: 20px; /* Adjusted size */\r\n  height: 10px; /* Adjusted size */\r\n  background: rgb(170,170,170);\r\n  position: absolute;\r\n  top: 50px; /* Moved down */\r\n  left: 54px; /* Adjusted position */\r\n  transform: rotate(49deg);\r\n  transform-origin: 0 0;\r\n  border-top-right-radius: 10px; \r\n  border-bottom-right-radius: 10px;\r\n}\r\n</style>\r\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!./PageLoader.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!./PageLoader.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PageLoader.vue?vue&type=template&id=3c3eaffa&scoped=true\"\nimport script from \"./PageLoader.vue?vue&type=script&lang=js\"\nexport * from \"./PageLoader.vue?vue&type=script&lang=js\"\nimport style0 from \"./PageLoader.vue?vue&type=style&index=0&id=3c3eaffa&prod&scoped=true&lang=css\"\nimport style1 from \"./PageLoader.vue?vue&type=style&index=1&id=3c3eaffa&prod&scoped=true&lang=css\"\nimport style2 from \"./PageLoader.vue?vue&type=style&index=2&id=3c3eaffa&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  \"3c3eaffa\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Profile.vue?vue&type=style&index=2&id=3f895280&prod&scoped=true&lang=css\""],"sourceRoot":""}