{"version":3,"sources":["webpack:///./node_modules/@chatwoot/utils/dist/utils.esm.js","webpack:///./node_modules/core-js/internals/string-trim-forced.js","webpack:///./app/javascript/dashboard/components/widgets/Avatar.vue?f06b","webpack:///./app/javascript/dashboard/components/widgets/Thumbnail.vue?0ee6","webpack:///./app/javascript/widget/components/SelectMenu.vue?f4b8","webpack:///./app/javascript/widget/components/SelectMenu.vue?2ca4","webpack:///./app/javascript/widget/components/SelectMenu.vue?1a5f","webpack:///app/javascript/widget/components/SelectMenu.vue","webpack:///./app/javascript/widget/components/SelectMenu.vue","webpack:///./app/javascript/widget/views/Home.vue?70fe","webpack:///./app/javascript/widget/components/GroupedAvatars.vue?4d56","webpack:///app/javascript/widget/components/GroupedAvatars.vue","webpack:///./app/javascript/widget/components/AvailableAgents.vue?df8c","webpack:///app/javascript/widget/components/AvailableAgents.vue","webpack:///./app/javascript/widget/components/GroupedAvatars.vue","webpack:///./app/javascript/widget/components/GroupedAvatars.vue?84ff","webpack:///./app/javascript/widget/components/AvailableAgents.vue","webpack:///./app/javascript/widget/components/AvailableAgents.vue?cfab","webpack:///app/javascript/widget/components/TeamAvailability.vue","webpack:///./app/javascript/widget/components/TeamAvailability.vue?b386","webpack:///./app/javascript/widget/components/TeamAvailability.vue","webpack:///./app/javascript/widget/components/TeamAvailability.vue?c932","webpack:///app/javascript/widget/views/Home.vue","webpack:///./app/javascript/widget/views/Home.vue?129f","webpack:///./app/javascript/widget/views/Home.vue","webpack:///./node_modules/core-js/modules/es.string.trim.js","webpack:///./app/javascript/shared/helpers/emoji.js","webpack:///./app/javascript/dashboard/components/widgets/Thumbnail.vue?df12","webpack:///./app/javascript/dashboard/components/widgets/Avatar.vue?1562","webpack:///app/javascript/dashboard/components/widgets/Avatar.vue","webpack:///./app/javascript/dashboard/components/widgets/Avatar.vue","webpack:///./app/javascript/dashboard/components/widgets/Avatar.vue?c3bc","webpack:///./app/javascript/dashboard/components/widgets/Thumbnail.vue?8701","webpack:///app/javascript/dashboard/components/widgets/Thumbnail.vue","webpack:///./app/javascript/dashboard/components/widgets/Thumbnail.vue","webpack:///./app/javascript/shared/components/Button.vue?23f7","webpack:///./app/javascript/shared/components/Button.vue?26c2","webpack:///app/javascript/shared/components/Button.vue","webpack:///./app/javascript/shared/components/Button.vue"],"names":["debounce","func","wait","immediate","timeout","context","args","arguments","later","apply","callNow","clearTimeout","window","setTimeout","getContrastingTextColor","bgColor","color","replace","parseInt","slice","formatTime","timeInSeconds","formattedTime","minutes","Math","floor","seconds","hours","_minutes","days","_hours","trimContent","content","maxLength","ellipsis","trimmedContent","length","substring","parseBoolean","candidate","candidateString","String","toLowerCase","Boolean","JSON","parse","error","sortAsc","arr","sort","a","b","_quantileForSorted","sorted","q","min","max","value","clamped","pos","base","rest","undefined","getQuantileIntervals","data","intervals","map","interval","fails","whitespaces","module","exports","METHOD_NAME","name","component","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_v","on","$event","onSelectMenu","_l","user","index","key","id","class","attrs","avatar","users","$dm","_s","isOnline","$t","replyWaitMessage","availableAgents","_e","widgetColor","textColor","startConversation","hasConversation","chatbotEnabled","isISME","staticStyle","conversationSize","$","$trim","trim","target","proto","forced","forcedStringTrimMethod","hasEmojiSupport","offset","devicePixelRatio","node","document","createElement","getContext","fillText","ctx","fillStyle","textBaseline","font","getImageData","removeEmoji","text","style","userInitial","thumbnailBoxClass","height","size","width","title","directives","rawName","expression","thumbnailClass","src","onImgLoad","onImgError","shouldShowImage","userNameWithoutEmoji","avatarSize","badgeSrc","status","buttonClassName","disabled","onClick","_t"],"mappings":"uSAaA,IAAIA,EAAW,SAAkBC,EAAMC,EAAMC,GAC3C,IAAIC,EACJ,OAAO,WACL,IAAIC,EAAU,KACVC,EAAOC,UAEPC,EAAQ,WACVJ,EAAU,KACLD,GAAWF,EAAKQ,MAAMJ,EAASC,IAGlCI,EAAUP,IAAcC,EAC5BO,aAAaP,GACbA,EAAUQ,OAAOC,WAAWL,EAAON,GAC/BQ,GAAST,EAAKQ,MAAMJ,EAASC,KAWjCQ,EAA0B,SAAiCC,GAC7D,IAAIC,EAAQD,EAAQE,QAAQ,IAAK,IAKjC,MAAW,KAJHC,SAASF,EAAMG,MAAM,EAAG,GAAI,IAIb,KAHfD,SAASF,EAAMG,MAAM,EAAG,GAAI,IAGD,KAF3BD,SAASF,EAAMG,MAAM,EAAG,GAAI,IAEO,IAAM,UAAY,WA6B3DC,EAAa,SAAoBC,GACnC,IAAIC,EAAgB,GAEpB,GAAID,GAAiB,IAAMA,EAAgB,KAAM,CAC/C,IAAIE,EAAUC,KAAKC,MAAMJ,EAAgB,IACzCC,EAAgBC,EAAU,OAC1B,IAAIG,EAAsB,KAAZH,EAAiB,EAAIC,KAAKC,MAAMJ,EAAgB,IAC9D,OAAOC,GAAuBI,EAAU,EAAI,IAAMA,EAAU,OAAS,IAGvE,GAAIL,GAAiB,MAAQA,EAAgB,MAAO,CAClD,IAAIM,EAAQH,KAAKC,MAAMJ,EAAgB,MACvCC,EAAgBK,EAAQ,MAExB,IAAIC,EAAWP,EAAgB,KAAO,IAAgB,KAAVM,EAAe,EAAIH,KAAKC,MAAMJ,EAAgB,KAAO,IAEjG,OAAOC,GAAuBM,EAAW,EAAI,IAAMA,EAAW,OAAS,IAGzE,GAAIP,GAAiB,MAAO,CAC1B,IAAIQ,EAAOL,KAAKC,MAAMJ,EAAgB,OACtCC,EAAgBO,EAAO,OAEvB,IAAIC,EAAST,EAAgB,MAAQ,MAAQQ,GAAQ,IAAM,EAAIL,KAAKC,MAAMJ,EAAgB,MAAQ,MAElG,OAAOC,GAAuBQ,EAAS,EAAI,IAAMA,EAAS,MAAQ,IAGpE,OAAON,KAAKC,MAAMJ,GAAiB,QAYjCU,EAAc,SAAqBC,EAASC,EAAWC,QACzC,IAAZF,IACFA,EAAU,SAGM,IAAdC,IACFA,EAAY,WAGG,IAAbC,IACFA,GAAW,GAGb,IAAIC,EAAiBH,EAUrB,OARIA,EAAQI,OAASH,IACnBE,EAAiBH,EAAQK,UAAU,EAAGJ,IAGpCC,IACFC,GAAkC,OAG7BA,GAST,SAASG,EAAaC,GACpB,IAEE,IAAIC,EAAkBC,OAAOF,GAAWG,cAGxC,OAAOC,QAAQC,KAAKC,MAAML,IAC1B,MAAOM,GACP,OAAO,GAUX,SAASC,EAAQC,GAEf,OAAOA,EAAI7B,QAAQ8B,MAAK,SAAUC,EAAGC,GACnC,OAAOD,EAAIC,KA8Cf,SAASC,EAAmBC,EAAQC,GAClC,IAtBaC,EAAKC,EAAKC,EAsBnBC,GAtBcF,EAsBK,GAtBAC,EAsBGH,IAtBbC,EAsBO,GApBXA,EAGLE,EAAQD,EACHA,EAGFC,GAeHE,GAAON,EAAOjB,OAAS,GAAKsB,EAE5BE,EAAOpC,KAAKC,MAAMkC,GAElBE,EAAOF,EAAMC,EAKjB,YAAyBE,IAArBT,EAAOO,EAAO,GAETP,EAAOO,GAAQC,GAAQR,EAAOO,EAAO,GAAKP,EAAOO,IAInDP,EAAOO,GAUhB,IAAIG,EAAuB,SAA8BC,EAAMC,GAI7D,IAAIZ,EAASN,EAAQiB,GACrB,OAAOC,EAAUC,KAAI,SAAUC,GAC7B,OAAOf,EAAmBC,EAAQc,Q,qBCtPtC,IAAIC,EAAQ,EAAQ,IAChBC,EAAc,EAAQ,KAM1BC,EAAOC,QAAU,SAAUC,GACzB,OAAOJ,GAAM,WACX,QAASC,EAAYG,MANf,uCAMqCA,MAAyBH,EAAYG,GAAaC,OAASD,O,kCCT1G,Q,kCCAA,Q,yDCAA,S,kCCAA,I,QCAgN,ECqChN,CACA,kBACA,KAFA,WAGA,UAYA,SACA,aADA,SACA,GACA,gCACA,QACA,a,iBChDIE,EAAY,YACd,GHTW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACN,EAAIO,GAAG,GAAGP,EAAIQ,GAAG,KAAKJ,EAAG,SAAS,CAACE,YAAY,kBAAkBG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,aAAa,UAAU,CAACX,EAAIQ,GAAG,mBAAmBR,EAAIQ,GAAG,KAAKJ,EAAG,SAAS,CAACE,YAAY,kBAAkBG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,aAAa,WAAW,CAACX,EAAIQ,GAAG,oBAAoBR,EAAIQ,GAAG,KAAKJ,EAAG,SAAS,CAACE,YAAY,kBAAkBG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,aAAa,UAAU,CAACX,EAAIQ,GAAG,uBACjiB,CAAC,WAAa,IAAIR,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,KAAK,CAACJ,EAAIQ,GAAG,0CGWlI,EACA,KACA,WACA,MAIa,IAAAT,E,iFCnBf,I,yBCAoN,G,kBCwBpN,CACA,sBACA,sB,MAAA,GACA,OACA,OACA,WACA,iC,OC9BqN,ECOrN,CACA,uBACA,2BCFgB,YACd,GCRW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQN,EAAIY,GAAIZ,EAAS,OAAE,SAASa,EAAKC,GAAO,OAAOV,EAAG,OAAO,CAACW,IAAIF,EAAKG,GAAGC,OAAQH,EAAQ,QAAU,IAAM,sDAAuD,CAACV,EAAG,YAAY,CAACc,MAAM,CAAC,KAAO,OAAO,SAAWL,EAAKf,KAAK,IAAMe,EAAKM,OAAO,aAAa,OAAO,MAAK,KAC3W,IDUpB,EACA,KACA,KACA,M,SDJF,OACA,QACA,WACA,+BAGA,UACA,MADA,WAEA,sDACA,QACA,oBACA,mBGHe,EAXC,YACd,GCRW,WAAa,IAAInB,EAAIC,KAASC,EAAGF,EAAIG,eAAuC,OAAjBH,EAAIK,MAAMD,IAAIF,GAAa,kBAAkB,CAACgB,MAAM,CAAC,MAAQlB,EAAIoB,WACnH,IDUpB,EACA,KACA,KACA,M,0tBE6BF,IC3CsN,ED2CtN,CACA,wBACA,YACA,kBACA,kBAEA,qBACA,OACA,iBACA,WACA,sBAEA,iBACA,aACA,aAIA,gBACA,sBACA,0CAFA,IAIA,UAJA,WAKA,sCAEA,SAPA,WAQA,6CACA,gCAEA,SACA,gCAEA,GAEA,iBAhBA,WAiBA,6CAEA,qBACA,qBAEA,EACA,wBAEA,MAGA,SACA,kBADA,WAEA,oCEzEe,EAXC,YACd,GCRW,WAAa,IAAIpB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,0CAA0C,CAACF,EAAG,MAAM,CAACE,YAAY,WAAWW,MAAMjB,EAAIqB,IAAI,iBAAkB,uBAAuB,CAACjB,EAAG,MAAM,CAACE,YAAY,wCAAwC,CAACN,EAAIQ,GAAG,aAAaR,EAAIsB,GAAGtB,EAAIuB,SACzWvB,EAAIwB,GAAG,4BACPxB,EAAIwB,GAAG,8BAA8B,cAAcxB,EAAIQ,GAAG,KAAKJ,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACN,EAAIQ,GAAG,aAAaR,EAAIsB,GAAGtB,EAAIyB,kBAAkB,gBAAgBzB,EAAIQ,GAAG,KAAMR,EAAY,SAAEI,EAAG,mBAAmB,CAACc,MAAM,CAAC,OAASlB,EAAI0B,mBAAmB1B,EAAI2B,MAAM,GAAG3B,EAAIQ,GAAG,KAAKJ,EAAG,gBAAgB,CAACE,YAAY,cAAcY,MAAM,CAAC,MAAQ,GAAG,WAAWlB,EAAI4B,YAAY,aAAa5B,EAAI6B,WAAWpB,GAAG,CAAC,MAAQT,EAAI8B,oBAAoB,CAAC9B,EAAIQ,GAAG,SAASR,EAAIsB,GAAGtB,EAAI+B,gBAAkB/B,EAAIwB,GAAG,yBAA2BxB,EAAIwB,GAAG,uBAAuB,WAAW,KAC/iB,IDQpB,EACA,KACA,KACA,M,0tBE+CF,IC7D0M,ED6D1M,CACA,YACA,YACA,mBACA,gBAEA,iBACA,OACA,YACA,aACA,YAEA,uBACA,aACA,aAGA,KAjBA,WAkBA,OACA,kBACA,mBAGA,gBACA,sBACA,wCACA,0CACA,4CACA,oDACA,6CACA,6CAPA,IASA,OATA,WAUA,mCAGA,QApCA,WAoCA,WACA,mGACA,eACA,mBACA,SACA,eACA,oDACA,uDACA,4DACA,4DAKA,SACA,kBADA,WAEA,uDACA,kCAEA,iCE7GI,EAAY,YACd,GfRW,WAAa,IAAIxB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,uCAAuC,CAAEN,EAAkB,eAAEI,EAAG,cAAcA,EAAG,MAAM,CAACE,YAAY,oCAAoC,CAACF,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAAEN,EAAIgC,iBAAmBhC,EAAIiC,OAAQ7B,EAAG,MAAM,CAAC8B,YAAY,CAAC,OAAS,YAAY,cAAc,SAAS,CAAClC,EAAIQ,GAAG,0CAAkCJ,EAAG,KAAK,CAAC8B,YAAY,CAAC,aAAa,OAAO,gBAAgB,QAAQ,CAAClC,EAAIQ,GAAG,qNAAsIR,EAAIQ,GAAG,KAAKJ,EAAG,KAAK,CAAC8B,YAAY,CAAC,gBAAgB,QAAQ,CAAClC,EAAIQ,GAAG,0EAAqDJ,EAAG,IAAI,CAACA,EAAG,IAAI,CAACJ,EAAIQ,GAAG,sEAAoDR,EAAIQ,GAAG,8PAA8IR,EAAIQ,GAAG,KAAKJ,EAAG,KAAK,CAAC8B,YAAY,CAAC,gBAAgB,QAAQ,CAAClC,EAAIQ,GAAG,waAA0PR,EAAI2B,KAAK3B,EAAIQ,GAAG,KAAMR,EAAIgC,gBAAkBhC,EAAIiC,OAAQ7B,EAAG,MAAM,CAAC8B,YAAY,CAAC,OAAS,YAAY,cAAc,SAAS,CAAClC,EAAIQ,GAAG,0CAAkCJ,EAAG,KAAK,CAAC8B,YAAY,CAAC,aAAa,OAAO,gBAAgB,QAAQ,CAAClC,EAAIQ,GAAG,qNAAsIR,EAAIQ,GAAG,KAAKJ,EAAG,KAAK,CAAC8B,YAAY,CAAC,gBAAgB,QAAQ,CAAClC,EAAIQ,GAAG,0EAAqDJ,EAAG,IAAI,CAACA,EAAG,IAAI,CAACJ,EAAIQ,GAAG,sEAAoDR,EAAIQ,GAAG,iNAAwHR,EAAIQ,GAAG,KAAKJ,EAAG,KAAK,CAAC8B,YAAY,CAAC,gBAAgB,QAAQ,CAAClC,EAAIQ,GAAG,qhBAA8TR,EAAI2B,OAAO3B,EAAIQ,GAAG,KAAKJ,EAAG,oBAAoB,CAACc,MAAM,CAAC,mBAAmBlB,EAAI0B,gBAAgB,qBAAqB1B,EAAImC,kBAAkB1B,GAAG,CAAC,qBAAqBT,EAAI8B,sBAAsB,IAAI,KACtgF,IeUpB,EACA,KACA,KACA,MAIa,Y,0CCjBf,IAAIM,EAAI,EAAQ,IACZC,EAAQ,EAAQ,KAA4BC,KAKhDF,EAAE,CAAEG,OAAQ,SAAUC,OAAO,EAAMC,OAJN,EAAQ,KAIMC,CAAuB,SAAW,CAC3EJ,KAAM,WACJ,OAAOD,EAAMpC,U,4HCGJ0C,EAAkB,WAC7B,IACMC,EAAS,IADI3G,OAAO4G,kBAAoB,GAExCC,EAAOC,SAASC,cAAc,UAGpC,IACGF,EAAKG,aACLH,EAAKG,WAAW,OACyB,oBAAnCH,EAAKG,WAAW,MAAMC,SAE7B,OAAO,EAGT,IAAMC,EAAML,EAAKG,WAAW,MAM5B,OAJAE,EAAIC,UAAY,OAChBD,EAAIE,aAAe,MACnBF,EAAIG,KAAO,aACXH,EAAID,SAAS,eAAgB,EAAG,GAC0B,IAAnDC,EAAII,aAAaX,EAAQA,EAAQ,EAAG,GAAGvD,KAAK,IAGxCmE,EAAc,SAAAC,GACzB,OAAIA,EACKA,EACJnH,QACC,uHACA,IAEDA,QAAQ,OAAQ,KAChBgG,OAEE,K,sEC7CT,ICAkN,ECOlN,CACA,cACA,OACA,UACA,YACA,YAEA,MACA,YACA,aAGA,UACA,MADA,WAEA,OACA,qDAGA,YANA,WAOA,IACA,EADA,4BACA,iDAOA,OALA,qCACA,2BAEA,oC,iBCbe,EAXC,YACd,GCTW,WAAa,IAAItC,EAAIC,KAASC,EAAGF,EAAIG,eAAuC,OAAjBH,EAAIK,MAAMD,IAAIF,GAAa,MAAM,CAACI,YAAY,mBAAmBoD,MAAO1D,EAAS,MAAEkB,MAAM,CAAC,cAAc,SAAS,CAAClB,EAAIQ,GAAG,OAAOR,EAAIsB,GAAGtB,EAAI2D,aAAa,UAC1M,IDWpB,EACA,KACA,WACA,M,iBEfmN,EC6CrN,CACA,YACA,UAEA,OACA,KACA,YACA,YAEA,MACA,YACA,gBAEA,OACA,YACA,YAEA,UACA,YACA,YAEA,QACA,YACA,YAEA,WACA,aACA,YAEA,wBACA,aACA,YAEA,OACA,YACA,YAEA,SACA,YACA,mBAGA,KA1CA,WA2CA,OACA,kBACA,cAGA,UACA,qBADA,WAEA,mCAEA,oBAJA,WAKA,sCACA,+CAEA,WARA,WASA,6CAEA,SAXA,WAYA,OACA,wCACA,qBACA,gCACA,0BACA,oBACA,UACA,YACA,kBACA,uBACA,+BACA,yBACA,aAEA,WA1BA,WA2BA,oCACA,sBAEA,qCADA,sBAGA,YAhCA,WAiCA,wCACA,0BAEA,eApCA,WAqCA,iCACA,EACA,+DACA,iDAEA,kBA1CA,WA2CA,8CACA,uCAEA,gBA9CA,WA+CA,qBAGA,sBACA,iBAKA,OACA,IADA,SACA,KACA,uBACA,oBAIA,SACA,WADA,WAEA,kBAEA,UAJA,WAKA,0BCzJI,G,QAAY,YACd,GPTW,WAAa,IAAI3D,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACa,MAAMjB,EAAI4D,kBAAkBF,MAAM,CAAGG,OAAQ7D,EAAI8D,KAAMC,MAAO/D,EAAI8D,MAAQ5C,MAAM,CAAC,MAAQlB,EAAIgE,QAAQ,CAAC5D,EAAG,MAAM,CAAC6D,WAAW,CAAC,CAACnE,KAAK,OAAOoE,QAAQ,SAASpF,MAAOkB,EAAmB,gBAAEmE,WAAW,oBAAoBlD,MAAMjB,EAAIoE,eAAelD,MAAM,CAAC,IAAMlB,EAAIqE,KAAK5D,GAAG,CAAC,KAAOT,EAAIsE,UAAU,MAAQtE,EAAIuE,cAAcvE,EAAIQ,GAAG,KAAKJ,EAAG,SAAS,CAAC6D,WAAW,CAAC,CAACnE,KAAK,OAAOoE,QAAQ,SAASpF,OAAQkB,EAAIwE,gBAAiBL,WAAW,qBAAqBlD,MAAMjB,EAAIoE,eAAelD,MAAM,CAAC,SAAWlB,EAAIyE,qBAAqB,KAAOzE,EAAI0E,cAAc1E,EAAIQ,GAAG,KAAMR,EAAY,SAAEI,EAAG,MAAM,CAACE,YAAY,eAAeoD,MAAO1D,EAAc,WAAEkB,MAAM,CAAC,IAAO,iCAAmClB,EAAI2E,SAAW,OAAQ,IAAM,WAAW3E,EAAI2B,KAAK3B,EAAIQ,GAAG,KAAMR,EAAuB,oBAAEI,EAAG,MAAM,CAACa,MAAO,uDAAyDjB,EAAI4E,OAAQlB,MAAO1D,EAAe,cAAIA,EAAI2B,MAAM,KACj8B,IOWpB,EACA,KACA,WACA,OAIa,M,2FCnBf,ICA4M,ECW5M,CACA,OACA,OACA,aACA,YAEA,MACA,YACA,gBAEA,SACA,YACA,YAEA,WACA,YACA,YAEA,UACA,aACA,aAGA,UACA,gBADA,WAEA,+CAWA,MAVA,sBACA,qDAGA,4DACA,iDAEA,aACA,0BAEA,GAEA,aAfA,WAgBA,SAOA,OANA,eACA,gCAEA,iBACA,wBAEA,IAGA,SACA,QADA,SACA,GACA,yB,OCvDI5B,EAAY,YACd,GHRW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAuC,OAAjBH,EAAIK,MAAMD,IAAIF,GAAa,SAAS,CAACe,MAAMjB,EAAI6E,gBAAgBnB,MAAO1D,EAAgB,aAAEkB,MAAM,CAAC,SAAWlB,EAAI8E,UAAUrE,GAAG,CAAC,MAAQT,EAAI+E,UAAU,CAAC/E,EAAIgF,GAAG,YAAY,KACxN,IGUpB,EACA,KACA,KACA,MAIa,IAAAjF,E","file":"js/23-ee547ca20dbb56c50df5.chunk.js","sourcesContent":["import isToday from 'date-fns/isToday';\nimport isYesterday from 'date-fns/isYesterday'; // Returns a function, that, as long as it continues to be invoked, will not\n// be triggered. The function will be called after it stops being called for\n// N milliseconds. If `immediate` is passed, trigger the function on the\n// leading edge, instead of the trailing.\n\n/**\r\n * @func Callback function to be called after delay\r\n * @delay Delay for debounce in ms\r\n * @immediate should execute immediately\r\n * @returns debounced callback function\r\n */\n\nvar debounce = function debounce(func, wait, immediate) {\n  var timeout;\n  return function () {\n    var context = null;\n    var args = arguments;\n\n    var later = function later() {\n      timeout = null;\n      if (!immediate) func.apply(context, args);\n    };\n\n    var callNow = immediate && !timeout;\n    clearTimeout(timeout);\n    timeout = window.setTimeout(later, wait);\n    if (callNow) func.apply(context, args);\n  };\n};\n/**\r\n * @name Get contrasting text color\r\n * @description Get contrasting text color from a text color\r\n * @param bgColor  Background color of text.\r\n * @returns contrasting text color\r\n */\n\n\nvar getContrastingTextColor = function getContrastingTextColor(bgColor) {\n  var color = bgColor.replace('#', '');\n  var r = parseInt(color.slice(0, 2), 16);\n  var g = parseInt(color.slice(2, 4), 16);\n  var b = parseInt(color.slice(4, 6), 16); // http://stackoverflow.com/a/3943023/112731\n\n  return r * 0.299 + g * 0.587 + b * 0.114 > 186 ? '#000000' : '#FFFFFF';\n};\n/**\r\n * @name Get formatted date\r\n * @description Get date in today, yesterday or any other date format\r\n * @param date  date\r\n * @param todayText  Today text\r\n * @param yesterdayText  Yesterday text\r\n * @returns formatted date\r\n */\n\n\nvar formatDate = function formatDate(_ref) {\n  var date = _ref.date,\n      todayText = _ref.todayText,\n      yesterdayText = _ref.yesterdayText;\n  var dateValue = new Date(date);\n  if (isToday(dateValue)) return todayText;\n  if (isYesterday(dateValue)) return yesterdayText;\n  return date;\n};\n/**\r\n * @name formatTime\r\n * @description Format time to Hour, Minute and Second\r\n * @param timeInSeconds  number\r\n * @returns formatted time\r\n */\n\n\nvar formatTime = function formatTime(timeInSeconds) {\n  var formattedTime = '';\n\n  if (timeInSeconds >= 60 && timeInSeconds < 3600) {\n    var minutes = Math.floor(timeInSeconds / 60);\n    formattedTime = minutes + \" Min\";\n    var seconds = minutes === 60 ? 0 : Math.floor(timeInSeconds % 60);\n    return formattedTime + (\"\" + (seconds > 0 ? ' ' + seconds + ' Sec' : ''));\n  }\n\n  if (timeInSeconds >= 3600 && timeInSeconds < 86400) {\n    var hours = Math.floor(timeInSeconds / 3600);\n    formattedTime = hours + \" Hr\";\n\n    var _minutes = timeInSeconds % 3600 < 60 || hours === 24 ? 0 : Math.floor(timeInSeconds % 3600 / 60);\n\n    return formattedTime + (\"\" + (_minutes > 0 ? ' ' + _minutes + ' Min' : ''));\n  }\n\n  if (timeInSeconds >= 86400) {\n    var days = Math.floor(timeInSeconds / 86400);\n    formattedTime = days + \" Day\";\n\n    var _hours = timeInSeconds % 86400 < 3600 || days >= 364 ? 0 : Math.floor(timeInSeconds % 86400 / 3600);\n\n    return formattedTime + (\"\" + (_hours > 0 ? ' ' + _hours + ' Hr' : ''));\n  }\n\n  return Math.floor(timeInSeconds) + \" Sec\";\n};\n/**\r\n * @name trimContent\r\n * @description Trim a string to max length\r\n * @param content String to trim\r\n * @param maxLength Length of the string to trim, default 1024\r\n * @param ellipsis Boolean to add dots at the end of the string, default false\r\n * @returns trimmed string\r\n */\n\n\nvar trimContent = function trimContent(content, maxLength, ellipsis) {\n  if (content === void 0) {\n    content = '';\n  }\n\n  if (maxLength === void 0) {\n    maxLength = 1024;\n  }\n\n  if (ellipsis === void 0) {\n    ellipsis = false;\n  }\n\n  var trimmedContent = content;\n\n  if (content.length > maxLength) {\n    trimmedContent = content.substring(0, maxLength);\n  }\n\n  if (ellipsis) {\n    trimmedContent = trimmedContent + '...';\n  }\n\n  return trimmedContent;\n};\n/**\r\n * Function that parses a string boolean value and returns the corresponding boolean value\r\n * @param {string | number} candidate - The string boolean value to be parsed\r\n * @return {boolean} - The parsed boolean value\r\n */\n\n\nfunction parseBoolean(candidate) {\n  try {\n    // lowercase the string, so TRUE becomes true\n    var candidateString = String(candidate).toLowerCase(); // wrap in boolean to ensure that the return value\n    // is a boolean even if values like 0 or 1 are passed\n\n    return Boolean(JSON.parse(candidateString));\n  } catch (error) {\n    return false;\n  }\n}\n/**\r\n * Sorts an array of numbers in ascending order.\r\n * @param {number[]} arr - The array of numbers to be sorted.\r\n * @returns {number[]} - The sorted array.\r\n */\n\n\nfunction sortAsc(arr) {\n  // .slice() is used to create a copy of the array so that the original array is not mutated\n  return arr.slice().sort(function (a, b) {\n    return a - b;\n  });\n}\n/**\r\n * Calculates the quantile value of an array at a specified percentile.\r\n * @param {number[]} arr - The array of numbers to calculate the quantile value from.\r\n * @param {number} q - The percentile to calculate the quantile value for.\r\n * @returns {number} - The quantile value.\r\n */\n\n\nfunction quantile(arr, q) {\n  var sorted = sortAsc(arr); // Sort the array in ascending order\n\n  return _quantileForSorted(sorted, q); // Calculate the quantile value\n}\n/**\r\n * Clamps a value between a minimum and maximum range.\r\n * @param {number} min - The minimum range.\r\n * @param {number} max - The maximum range.\r\n * @param {number} value - The value to be clamped.\r\n * @returns {number} - The clamped value.\r\n */\n\n\nfunction clamp(min, max, value) {\n  if (value < min) {\n    return min;\n  }\n\n  if (value > max) {\n    return max;\n  }\n\n  return value;\n}\n/**\r\n * This method assumes the the array provided is already sorted in ascending order.\r\n * It's a helper method for the quantile method and should not be exported as is.\r\n *\r\n * @param {number[]} arr - The array of numbers to calculate the quantile value from.\r\n * @param {number} q - The percentile to calculate the quantile value for.\r\n * @returns {number} - The quantile value.\r\n */\n\n\nfunction _quantileForSorted(sorted, q) {\n  var clamped = clamp(0, 1, q); // Clamp the percentile between 0 and 1\n\n  var pos = (sorted.length - 1) * clamped; // Calculate the index of the element at the specified percentile\n\n  var base = Math.floor(pos); // Find the index of the closest element to the specified percentile\n\n  var rest = pos - base; // Calculate the decimal value between the closest elements\n  // Interpolate the quantile value between the closest elements\n  // Most libraries don't to the interpolation, but I'm just having fun here\n  // also see https://en.wikipedia.org/wiki/Quantile#Estimating_quantiles_from_a_sample\n\n  if (sorted[base + 1] !== undefined) {\n    // in case the position was a integer, the rest will be 0 and the interpolation will be skipped\n    return sorted[base] + rest * (sorted[base + 1] - sorted[base]);\n  } // Return the closest element if there is no interpolation possible\n\n\n  return sorted[base];\n}\n/**\r\n * Calculates the quantile values for an array of intervals.\r\n * @param {number[]} data - The array of numbers to calculate the quantile values from.\r\n * @param {number[]} intervals - The array of intervals to calculate the quantile values for.\r\n * @returns {number[]} - The array of quantile values for the intervals.\r\n */\n\n\nvar getQuantileIntervals = function getQuantileIntervals(data, intervals) {\n  // Sort the array in ascending order before looping through the intervals.\n  // depending on the size of the array and the number of intervals, this can speed up the process by at least twice\n  // for a random array of 100 numbers and 5 intervals, the speedup is 3x\n  var sorted = sortAsc(data);\n  return intervals.map(function (interval) {\n    return _quantileForSorted(sorted, interval);\n  });\n};\n\nexport { clamp, debounce, formatDate, formatTime, getContrastingTextColor, getQuantileIntervals, parseBoolean, quantile, sortAsc, trimContent };","var fails = require('../internals/fails');\nvar whitespaces = require('../internals/whitespaces');\n\nvar non = '\\u200B\\u0085\\u180E';\n\n// check that a method works with the correct list\n// of whitespaces and has a correct name\nmodule.exports = function (METHOD_NAME) {\n  return fails(function () {\n    return !!whitespaces[METHOD_NAME]() || non[METHOD_NAME]() != non || whitespaces[METHOD_NAME].name !== METHOD_NAME;\n  });\n};\n","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../../node_modules/css-loader/dist/cjs.js??ref--3-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--3-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--3-3!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Avatar.vue?vue&type=style&index=0&id=fce88f76&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../../node_modules/css-loader/dist/cjs.js??ref--3-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--3-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--3-3!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Thumbnail.vue?vue&type=style&index=0&id=2f1c9ab6&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ref--3-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--3-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--3-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectMenu.vue?vue&type=style&index=0&id=40262a31&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"button-container\"},[_vm._m(0),_vm._v(\" \"),_c('button',{staticClass:\"vertical-button\",on:{\"click\":function($event){return _vm.onSelectMenu('IBD')}}},[_vm._v(\"\\n    IBD\\n  \")]),_vm._v(\" \"),_c('button',{staticClass:\"vertical-button\",on:{\"click\":function($event){return _vm.onSelectMenu('BBAE')}}},[_vm._v(\"\\n    BBAE\\n  \")]),_vm._v(\" \"),_c('button',{staticClass:\"vertical-button\",on:{\"click\":function($event){return _vm.onSelectMenu('IMD')}}},[_vm._v(\"\\n    IMD\\n  \")])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h3',[_vm._v(\"Chọn chủ đề\")])])}]\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectMenu.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectMenu.vue?vue&type=script&lang=js&\"","<template>\n  <!-- <div v-if=\"showBannerMessage\" :class=\"`banner ${bannerType}`\">\n    <span>\n      {{ bannerMessage }}\n    </span>\n  </div> -->\n  \n  <!-- html for 3 button with 3 option: IBD, BBAE, IMD vertical align-->\n  <div class=\"button-container\">\n    <div>\n      <h3>Chọn chủ đề</h3>\n    </div>\n    <button\n      class=\"vertical-button\"\n      @click=\"onSelectMenu('IBD')\"\n    >\n      IBD\n    </button>\n    <button\n      class=\"vertical-button\"\n      @click=\"onSelectMenu('BBAE')\"\n    >\n      BBAE\n    </button>\n    <button\n      class=\"vertical-button\"\n      @click=\"onSelectMenu('IMD')\"\n    >\n      IMD\n    </button>\n    <!-- <button class=\"vertical-button\">IMD</button> -->\n  </div>\n</template>\n\n<script>\nimport { BUS_EVENTS } from 'shared/constants/busEvents';\n\nexport default {\n  name: 'SelectMenu',\n  data() {\n    return {};\n  },\n  // mounted() {\n  //   bus.$on(BUS_EVENTS.OPEN_SELECT_MENU, ({ message, type = 'error' }) => {\n  //     this.bannerMessage = message;\n  //     this.bannerType = type;\n  //     this.showBannerMessage = true;\n  //     setTimeout(() => {\n  //       this.showBannerMessage = false;\n  //     }, 3000);\n  //   });\n  // },\n  methods: {\n    onSelectMenu(subject) {\n      bus.$emit(BUS_EVENTS.OPEN_SELECT_MENU, {\n        show: false,\n        value: subject,\n      });\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n@import '~widget/assets/scss/variables.scss';\n.button-container {\n    display: flex;\n    flex-direction: column;\n    gap: 10px; /* khoảng cách giữa các nút */\n    align-items: center;\n}\n\n.vertical-button {\n    padding: 10px 20px;\n    font-size: 16px;\n    cursor: pointer;\n    border: 1px solid #ccc;\n    border-radius: 5px;\n    background-color: #fff;\n    transition: background-color 0.3s, border-color 0.3s;\n    width: 120px;\n}\n\n.vertical-button:hover {\n    background-color: #e0e0e0;\n    border-color: #888;\n}\n</style>\n","import { render, staticRenderFns } from \"./SelectMenu.vue?vue&type=template&id=40262a31&scoped=true&\"\nimport script from \"./SelectMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SelectMenu.vue?vue&type=style&index=0&id=40262a31&scoped=true&lang=scss&\"\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  \"40262a31\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex flex-1 flex-col justify-center\"},[(_vm.showSelectMenu)?_c('SelectMenu'):_c('div',{staticClass:\"flex flex-1 flex-col justify-end\"},[_c('div',{staticClass:\"flex flex-1 overflow-auto\"},[(_vm.chatbotEnabled && !_vm.isISME)?_c('div',{staticStyle:{\"margin\":\"70px 30px\",\"line-height\":\"1.36\"}},[_vm._v(\"\\n          Lưu ý:\\n          \"),_c('li',{staticStyle:{\"margin-top\":\"10px\",\"margin-bottom\":\"5px\"}},[_vm._v(\"\\n            Vui lòng ghi rõ tên ngành học/phương thức xét tuyển quan tâm (nếu có) trong câu hỏi, hạn chế viết tắt.\\n          \")]),_vm._v(\" \"),_c('li',{staticStyle:{\"margin-bottom\":\"5px\"}},[_vm._v(\"\\n            Hãy liên tục ấn chọn \\n            \"),_c('b',[_c('i',[_vm._v(\"\\n              \\\"Chủ đề mới\\\"\\n            \")])]),_vm._v(\"\\n            khi bạn muốn hỏi về chương trình học/phương thức xét tuyển khác hoặc khi chưa nhận được câu trả lời mong muốn.\\n          \")]),_vm._v(\" \"),_c('li',{staticStyle:{\"margin-bottom\":\"5px\"}},[_vm._v(\"\\n            Việc triển khai chatbot tại Trường ĐH Kinh tế Quốc dân nhằm cung cấp trải nghiệm công nghệ cho sinh viên. Để đảm bảo thông tin chính xác, hãy tham khảo thêm từ tư vấn viên và kênh truyền thông chính thống của trường.\\n          \")])]):_vm._e(),_vm._v(\" \"),(_vm.chatbotEnabled && _vm.isISME)?_c('div',{staticStyle:{\"margin\":\"60px 30px\",\"line-height\":\"1.36\"}},[_vm._v(\"\\n          Lưu ý:\\n          \"),_c('li',{staticStyle:{\"margin-top\":\"10px\",\"margin-bottom\":\"5px\"}},[_vm._v(\"\\n            Vui lòng ghi rõ tên ngành học/phương thức xét tuyển quan tâm (nếu có) trong câu hỏi, hạn chế viết tắt.\\n          \")]),_vm._v(\" \"),_c('li',{staticStyle:{\"margin-bottom\":\"5px\"}},[_vm._v(\"\\n            Hãy liên tục ấn chọn \\n            \"),_c('b',[_c('i',[_vm._v(\"\\n              \\\"Chủ đề mới\\\"\\n            \")])]),_vm._v(\"\\n            khi bạn muốn hỏi về chương trình học khác hoặc khi chưa nhận được câu trả lời mong muốn.\\n          \")]),_vm._v(\" \"),_c('li',{staticStyle:{\"margin-bottom\":\"5px\"}},[_vm._v(\"\\n            Việc triển khai chatbot tại Viện Đào tạo Quốc tế nhằm cung cấp trải nghiệm công nghệ cho người dùng. Nếu có thông tin nào chưa rõ hoặc chưa cung cấp đủ, vui lòng tham khảo thêm từ website hoặc fanpage (fb.com/ibd.neu hoặc fb.com/bbae.isme) để nhận tư vấn từ tư vấn viên của Viện ĐTQT.\\n          \")])]):_vm._e()]),_vm._v(\" \"),_c('team-availability',{attrs:{\"available-agents\":_vm.availableAgents,\"has-conversation\":!!_vm.conversationSize},on:{\"start-conversation\":_vm.startConversation}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GroupedAvatars.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GroupedAvatars.vue?vue&type=script&lang=js&\"","<template>\n  <div class=\"flex\">\n    <span\n      v-for=\"(user, index) in users\"\n      :key=\"user.id\"\n      :class=\"\n        `${\n          index ? '-ml-4' : ''\n        } inline-block rounded-full text-white shadow-solid`\n      \"\n    >\n      <thumbnail\n        size=\"40px\"\n        :username=\"user.name\"\n        :src=\"user.avatar\"\n        has-border\n      />\n    </span>\n  </div>\n</template>\n\n<script>\nimport Thumbnail from 'dashboard/components/widgets/Thumbnail.vue';\n\nexport default {\n  name: 'GroupedAvatars',\n  components: { Thumbnail },\n  props: {\n    users: {\n      type: Array,\n      default: () => [],\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvailableAgents.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvailableAgents.vue?vue&type=script&lang=js&\"","<template>\n  <grouped-avatars :users=\"users\" />\n</template>\n\n<script>\nimport GroupedAvatars from 'widget/components/GroupedAvatars.vue';\n\nexport default {\n  name: 'AvailableAgents',\n  components: { GroupedAvatars },\n  props: {\n    agents: {\n      type: Array,\n      default: () => [],\n    },\n  },\n  computed: {\n    users() {\n      return this.agents.slice(0, 5).map(agent => ({\n        id: agent.id,\n        avatar: agent.avatar_url,\n        name: agent.name,\n      }));\n    },\n  },\n};\n</script>\n","import { render, staticRenderFns } from \"./GroupedAvatars.vue?vue&type=template&id=1f2b141a&\"\nimport script from \"./GroupedAvatars.vue?vue&type=script&lang=js&\"\nexport * from \"./GroupedAvatars.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex\"},_vm._l((_vm.users),function(user,index){return _c('span',{key:user.id,class:((index ? '-ml-4' : '') + \" inline-block rounded-full text-white shadow-solid\")},[_c('thumbnail',{attrs:{\"size\":\"40px\",\"username\":user.name,\"src\":user.avatar,\"has-border\":\"\"}})],1)}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./AvailableAgents.vue?vue&type=template&id=9765f988&\"\nimport script from \"./AvailableAgents.vue?vue&type=script&lang=js&\"\nexport * from \"./AvailableAgents.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('grouped-avatars',{attrs:{\"users\":_vm.users}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"px-5\">\n    <div class=\"flex items-center justify-between mb-4\">\n      <div\n        class=\"max-w-xs\"\n        :class=\"$dm('text-black-700', 'dark:text-slate-50')\"\n      >\n        <div class=\"text-base leading-5 font-medium mb-1\">\n          {{\n            isOnline\n              ? $t('TEAM_AVAILABILITY.ONLINE')\n              : $t('TEAM_AVAILABILITY.OFFLINE')\n          }}\n        </div>\n        <div class=\"text-xs leading-4 mt-1\">\n          {{ replyWaitMessage }}\n        </div>\n      </div>\n      <available-agents v-if=\"isOnline\" :agents=\"availableAgents\" />\n    </div>\n    <custom-button\n      class=\"font-medium\"\n      block\n      :bg-color=\"widgetColor\"\n      :text-color=\"textColor\"\n      @click=\"startConversation\"\n    >\n      {{\n        hasConversation ? $t('CONTINUE_CONVERSATION') : $t('START_CONVERSATION')\n      }}\n    </custom-button>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport { getContrastingTextColor } from '@chatwoot/utils';\nimport AvailableAgents from 'widget/components/AvailableAgents.vue';\nimport CustomButton from 'shared/components/Button';\nimport configMixin from 'widget/mixins/configMixin';\nimport availabilityMixin from 'widget/mixins/availability';\nimport darkMixin from 'widget/mixins/darkModeMixin.js';\n\nexport default {\n  name: 'TeamAvailability',\n  components: {\n    AvailableAgents,\n    CustomButton,\n  },\n  mixins: [configMixin, availabilityMixin, darkMixin],\n  props: {\n    availableAgents: {\n      type: Array,\n      default: () => {},\n    },\n    hasConversation: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  computed: {\n    ...mapGetters({\n      widgetColor: 'appConfig/getWidgetColor',\n    }),\n    textColor() {\n      return getContrastingTextColor(this.widgetColor);\n    },\n    isOnline() {\n      const { workingHoursEnabled } = this.channelConfig;\n      const anyAgentOnline = this.availableAgents.length > 0;\n\n      if (workingHoursEnabled) {\n        return this.isInBetweenTheWorkingHours;\n      }\n      return anyAgentOnline;\n    },\n    replyWaitMessage() {\n      const { workingHoursEnabled } = this.channelConfig;\n\n      if (this.isOnline) {\n        return this.replyTimeStatus;\n      }\n      if (workingHoursEnabled) {\n        return this.outOfOfficeMessage;\n      }\n      return '';\n    },\n  },\n  methods: {\n    startConversation() {\n      this.$emit('start-conversation');\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TeamAvailability.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TeamAvailability.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TeamAvailability.vue?vue&type=template&id=4e0ad87e&\"\nimport script from \"./TeamAvailability.vue?vue&type=script&lang=js&\"\nexport * from \"./TeamAvailability.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"px-5\"},[_c('div',{staticClass:\"flex items-center justify-between mb-4\"},[_c('div',{staticClass:\"max-w-xs\",class:_vm.$dm('text-black-700', 'dark:text-slate-50')},[_c('div',{staticClass:\"text-base leading-5 font-medium mb-1\"},[_vm._v(\"\\n        \"+_vm._s(_vm.isOnline\n            ? _vm.$t('TEAM_AVAILABILITY.ONLINE')\n            : _vm.$t('TEAM_AVAILABILITY.OFFLINE'))+\"\\n      \")]),_vm._v(\" \"),_c('div',{staticClass:\"text-xs leading-4 mt-1\"},[_vm._v(\"\\n        \"+_vm._s(_vm.replyWaitMessage)+\"\\n      \")])]),_vm._v(\" \"),(_vm.isOnline)?_c('available-agents',{attrs:{\"agents\":_vm.availableAgents}}):_vm._e()],1),_vm._v(\" \"),_c('custom-button',{staticClass:\"font-medium\",attrs:{\"block\":\"\",\"bg-color\":_vm.widgetColor,\"text-color\":_vm.textColor},on:{\"click\":_vm.startConversation}},[_vm._v(\"\\n    \"+_vm._s(_vm.hasConversation ? _vm.$t('CONTINUE_CONVERSATION') : _vm.$t('START_CONVERSATION'))+\"\\n  \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"flex flex-1 flex-col justify-center\">\n    <SelectMenu v-if=\"showSelectMenu\" />\n    <div v-else class=\"flex flex-1 flex-col justify-end\">\n        <div class=\"flex flex-1 overflow-auto\">\n          <!-- Load Conversation List Components Here -->\n          <div\n            v-if=\"chatbotEnabled && !isISME\"\n            style=\"margin: 70px 30px; line-height: 1.36;\"\n          >\n            Lưu ý:\n            <li style=\"margin-top: 10px; margin-bottom: 5px;\">\n              Vui lòng ghi rõ tên ngành học/phương thức xét tuyển quan tâm (nếu có) trong câu hỏi, hạn chế viết tắt.\n            </li>\n            <li style=\"margin-bottom: 5px;\">\n              Hãy liên tục ấn chọn \n              <b><i>\n                \"Chủ đề mới\"\n              </i></b>\n              khi bạn muốn hỏi về chương trình học/phương thức xét tuyển khác hoặc khi chưa nhận được câu trả lời mong muốn.\n            </li>\n            <li style=\"margin-bottom: 5px;\">\n              Việc triển khai chatbot tại Trường ĐH Kinh tế Quốc dân nhằm cung cấp trải nghiệm công nghệ cho sinh viên. Để đảm bảo thông tin chính xác, hãy tham khảo thêm từ tư vấn viên và kênh truyền thông chính thống của trường.\n            </li>\n          </div>\n          <div\n            v-if=\"chatbotEnabled && isISME\"\n            style=\"margin: 60px 30px; line-height: 1.36;\"\n          >\n            Lưu ý:\n            <li style=\"margin-top: 10px; margin-bottom: 5px;\">\n              Vui lòng ghi rõ tên ngành học/phương thức xét tuyển quan tâm (nếu có) trong câu hỏi, hạn chế viết tắt.\n            </li>\n            <li style=\"margin-bottom: 5px;\">\n              Hãy liên tục ấn chọn \n              <b><i>\n                \"Chủ đề mới\"\n              </i></b>\n              khi bạn muốn hỏi về chương trình học khác hoặc khi chưa nhận được câu trả lời mong muốn.\n            </li>\n            <li style=\"margin-bottom: 5px;\">\n              Việc triển khai chatbot tại Viện Đào tạo Quốc tế nhằm cung cấp trải nghiệm công nghệ cho người dùng. Nếu có thông tin nào chưa rõ hoặc chưa cung cấp đủ, vui lòng tham khảo thêm từ website hoặc fanpage (fb.com/ibd.neu hoặc fb.com/bbae.isme) để nhận tư vấn từ tư vấn viên của Viện ĐTQT.\n            </li>\n          </div>\n        </div>\n        <team-availability\n          :available-agents=\"availableAgents\"\n          :has-conversation=\"!!conversationSize\"\n          @start-conversation=\"startConversation\"\n        />\n    </div>\n  </div>\n</template>\n\n<script>\nimport configMixin from '../mixins/configMixin';\nimport TeamAvailability from 'widget/components/TeamAvailability';\nimport { mapGetters } from 'vuex';\nimport routerMixin from 'widget/mixins/routerMixin';\nimport SelectMenu from 'widget/components/SelectMenu.vue';\nimport { BUS_EVENTS } from 'shared/constants/busEvents';\nexport default {\n  name: 'Home',\n  components: {\n    TeamAvailability,\n    SelectMenu,\n  },\n  mixins: [configMixin, routerMixin],\n  props: {\n    hasFetched: {\n      type: Boolean,\n      default: false,\n    },\n    isCampaignViewClicked: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  data() {\n    return {\n      showSelectMenu: false,\n      botSubject: \"IBD\",\n    };\n  },\n  computed: {\n    ...mapGetters({\n      availableAgents: 'agent/availableAgents',\n      lastMessage: 'conversation/getLastMessage',\n      activeCampaign: 'campaign/getActiveCampaign',\n      conversationSize: 'conversation/getConversationSize',\n      chatbotEnabled: 'appConfig/getChatbotEnabled',\n      currentAccountId: 'appConfig/getAccountId',\n    }),\n    isISME() {\n      return this.currentAccountId == 2;\n    },\n  },\n  mounted() {\n    bus.$on(BUS_EVENTS.OPEN_SELECT_MENU, ({ show = false, value = '' }) => {\n      console.log(show)\n      this.showSelectMenu = show;\n      if (value !== '') {\n        this.botSubject = value;\n        localStorage.setItem('cw_bot_subject', this.botSubject);\n        if (this.lastMessage.id && typeof this.lastMessage.id === 'number') {\n          localStorage.setItem('cw_last_message_id', this.lastMessage.id);\n          this.$store.dispatch('conversation/restartConversation');\n        }\n      }\n    });\n  },\n  methods: {\n    startConversation() {\n      if (this.preChatFormEnabled && !this.conversationSize) {\n        return this.replaceRoute('prechat-form');\n      }\n      return this.replaceRoute('messages');\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=19b62416&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $ = require('../internals/export');\nvar $trim = require('../internals/string-trim').trim;\nvar forcedStringTrimMethod = require('../internals/string-trim-forced');\n\n// `String.prototype.trim` method\n// https://tc39.es/ecma262/#sec-string.prototype.trim\n$({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {\n  trim: function trim() {\n    return $trim(this);\n  }\n});\n","/**\n * Detects support for emoji character sets.\n *\n * Based on the Modernizr emoji detection.\n * https://github.com/Modernizr/Modernizr/blob/347ddb078116cee91b25b6e897e211b023f9dcb4/feature-detects/emoji.js\n *\n * @return {Boolean} true or false\n * @example\n *\n * hasEmojiSupport()\n * // => true|false\n */\nexport const hasEmojiSupport = () => {\n  const pixelRatio = window.devicePixelRatio || 1;\n  const offset = 12 * pixelRatio;\n  const node = document.createElement('canvas');\n\n  // canvastext support\n  if (\n    !node.getContext ||\n    !node.getContext('2d') ||\n    typeof node.getContext('2d').fillText !== 'function'\n  ) {\n    return false;\n  }\n\n  const ctx = node.getContext('2d');\n\n  ctx.fillStyle = '#f00';\n  ctx.textBaseline = 'top';\n  ctx.font = '32px Arial';\n  ctx.fillText('\\ud83d\\udc28', 0, 0); // U+1F428 KOALA\n  return ctx.getImageData(offset, offset, 1, 1).data[0] !== 0;\n};\n\nexport const removeEmoji = text => {\n  if (text) {\n    return text\n      .replace(\n        /([\\u2700-\\u27BF]|[\\uE000-\\uF8FF]|\\uD83C[\\uDC00-\\uDFFF]|\\uD83D[\\uDC00-\\uDFFF]|[\\u2011-\\u26FF]|\\uD83E[\\uDD10-\\uDDFF])/g,\n        ''\n      )\n      .replace(/\\s+/g, ' ')\n      .trim();\n  }\n  return '';\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.thumbnailBoxClass,style:({ height: _vm.size, width: _vm.size }),attrs:{\"title\":_vm.title}},[_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.shouldShowImage),expression:\"shouldShowImage\"}],class:_vm.thumbnailClass,attrs:{\"src\":_vm.src},on:{\"load\":_vm.onImgLoad,\"error\":_vm.onImgError}}),_vm._v(\" \"),_c('Avatar',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.shouldShowImage),expression:\"!shouldShowImage\"}],class:_vm.thumbnailClass,attrs:{\"username\":_vm.userNameWithoutEmoji,\"size\":_vm.avatarSize}}),_vm._v(\" \"),(_vm.badgeSrc)?_c('img',{staticClass:\"source-badge\",style:(_vm.badgeStyle),attrs:{\"src\":(\"/integrations/channels/badges/\" + _vm.badgeSrc + \".png\"),\"alt\":\"Badge\"}}):_vm._e(),_vm._v(\" \"),(_vm.showStatusIndicator)?_c('div',{class:(\"source-badge user-online-status user-online-status--\" + _vm.status),style:(_vm.statusStyle)}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Avatar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Avatar.vue?vue&type=script&lang=js&\"","<template>\n  <div class=\"avatar-container\" :style=\"style\" aria-hidden=\"true\">\n    {{ userInitial }}\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'Avatar',\n  props: {\n    username: {\n      type: String,\n      default: '',\n    },\n    size: {\n      type: Number,\n      default: 40,\n    },\n  },\n  computed: {\n    style() {\n      return {\n        fontSize: `${Math.floor(this.size / 2.5)}px`,\n      };\n    },\n    userInitial() {\n      const parts = this.username.split(/[ -]/);\n      let initials = parts.reduce((acc, curr) => acc + curr.charAt(0), '');\n\n      if (initials.length > 2 && initials.search(/[A-Z]/) !== -1) {\n        initials = initials.replace(/[a-z]+/g, '');\n      }\n      initials = initials.substring(0, 2).toUpperCase();\n\n      return initials;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.avatar-container {\n  display: flex;\n  line-height: 100%;\n  font-weight: 500;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-image: linear-gradient(to top, var(--w-100) 0%, var(--w-75) 100%);\n  color: var(--w-600);\n  cursor: default;\n}\n</style>\n","import { render, staticRenderFns } from \"./Avatar.vue?vue&type=template&id=fce88f76&scoped=true&\"\nimport script from \"./Avatar.vue?vue&type=script&lang=js&\"\nexport * from \"./Avatar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Avatar.vue?vue&type=style&index=0&id=fce88f76&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  \"fce88f76\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"avatar-container\",style:(_vm.style),attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"\\n  \"+_vm._s(_vm.userInitial)+\"\\n\")])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Thumbnail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Thumbnail.vue?vue&type=script&lang=js&\"","<template>\n  <div\n    :class=\"thumbnailBoxClass\"\n    :style=\"{ height: size, width: size }\"\n    :title=\"title\"\n  >\n    <!-- Using v-show instead of v-if to avoid flickering as v-if removes dom elements.  -->\n    <img\n      v-show=\"shouldShowImage\"\n      :src=\"src\"\n      :class=\"thumbnailClass\"\n      @load=\"onImgLoad\"\n      @error=\"onImgError\"\n    />\n    <Avatar\n      v-show=\"!shouldShowImage\"\n      :username=\"userNameWithoutEmoji\"\n      :class=\"thumbnailClass\"\n      :size=\"avatarSize\"\n    />\n    <img\n      v-if=\"badgeSrc\"\n      class=\"source-badge\"\n      :style=\"badgeStyle\"\n      :src=\"`/integrations/channels/badges/${badgeSrc}.png`\"\n      alt=\"Badge\"\n    />\n    <div\n      v-if=\"showStatusIndicator\"\n      :class=\"`source-badge user-online-status user-online-status--${status}`\"\n      :style=\"statusStyle\"\n    />\n  </div>\n</template>\n<script>\n/**\n * Thumbnail Component\n * Src - source for round image\n * Size - Size of the thumbnail\n * Badge - Chat source indication { fb / telegram }\n * Username - Username for avatar\n */\nimport Avatar from './Avatar';\nimport { removeEmoji } from 'shared/helpers/emoji';\n\nexport default {\n  components: {\n    Avatar,\n  },\n  props: {\n    src: {\n      type: String,\n      default: '',\n    },\n    size: {\n      type: String,\n      default: '40px',\n    },\n    badge: {\n      type: String,\n      default: '',\n    },\n    username: {\n      type: String,\n      default: '',\n    },\n    status: {\n      type: String,\n      default: '',\n    },\n    hasBorder: {\n      type: Boolean,\n      default: false,\n    },\n    shouldShowStatusAlways: {\n      type: Boolean,\n      default: false,\n    },\n    title: {\n      type: String,\n      default: '',\n    },\n    variant: {\n      type: String,\n      default: 'circle',\n    },\n  },\n  data() {\n    return {\n      hasImageLoaded: false,\n      imgError: false,\n    };\n  },\n  computed: {\n    userNameWithoutEmoji() {\n      return removeEmoji(this.username);\n    },\n    showStatusIndicator() {\n      if (this.shouldShowStatusAlways) return true;\n      return this.status === 'online' || this.status === 'busy';\n    },\n    avatarSize() {\n      return Number(this.size.replace(/\\D+/g, ''));\n    },\n    badgeSrc() {\n      return {\n        instagram_direct_message: 'instagram-dm',\n        facebook: 'messenger',\n        'twitter-tweet': 'twitter-tweet',\n        'twitter-dm': 'twitter-dm',\n        whatsapp: 'whatsapp',\n        sms: 'sms',\n        zalo: 'zalo',\n        comment: 'comment',\n        'Channel::Line': 'line',\n        'Channel::Telegram': 'telegram',\n        'Channel::WebWidget': '',\n      }[this.badge];\n    },\n    badgeStyle() {\n      const size = Math.floor(this.avatarSize / 3);\n      const badgeSize = `${size + 2}px`;\n      const borderRadius = `${size / 2}px`;\n      return { width: badgeSize, height: badgeSize, borderRadius };\n    },\n    statusStyle() {\n      const statusSize = `${this.avatarSize / 4}px`;\n      return { width: statusSize, height: statusSize };\n    },\n    thumbnailClass() {\n      const classname = this.hasBorder ? 'border' : '';\n      const variant =\n        this.variant === 'circle' ? 'thumbnail-rounded' : 'thumbnail-square';\n      return `user-thumbnail ${classname} ${variant}`;\n    },\n    thumbnailBoxClass() {\n      const boxClass = this.variant === 'circle' ? 'is-rounded' : '';\n      return `user-thumbnail-box ${boxClass}`;\n    },\n    shouldShowImage() {\n      if (!this.src) {\n        return false;\n      }\n      if (this.hasImageLoaded) {\n        return !this.imgError;\n      }\n      return false;\n    },\n  },\n  watch: {\n    src(value, oldValue) {\n      if (value !== oldValue && this.imgError) {\n        this.imgError = false;\n      }\n    },\n  },\n  methods: {\n    onImgError() {\n      this.imgError = true;\n    },\n    onImgLoad() {\n      this.hasImageLoaded = true;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.user-thumbnail-box {\n  flex: 0 0 auto;\n  max-width: 100%;\n  position: relative;\n\n  &.is-rounded {\n    border-radius: 50%;\n  }\n\n  .user-thumbnail {\n    border-radius: 50%;\n    &.thumbnail-square {\n      border-radius: var(--border-radius-large);\n    }\n    height: 100%;\n    width: 100%;\n    box-sizing: border-box;\n    object-fit: cover;\n    vertical-align: initial;\n\n    &.border {\n      border: 1px solid white;\n    }\n  }\n\n  .source-badge {\n    background: white;\n    border-radius: var(--border-radius-small);\n    bottom: var(--space-minus-micro);\n    box-shadow: var(--shadow-small);\n    height: var(--space-slab);\n    padding: var(--space-micro);\n    position: absolute;\n    right: 0;\n    width: var(--space-slab);\n  }\n\n  .user-online-status {\n    border-radius: 50%;\n    bottom: var(--space-micro);\n\n    &:after {\n      content: ' ';\n    }\n  }\n\n  .user-online-status--online {\n    background: var(--g-400);\n  }\n\n  .user-online-status--busy {\n    background: var(--y-500);\n  }\n\n  .user-online-status--offline {\n    background: var(--s-500);\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./Thumbnail.vue?vue&type=template&id=2f1c9ab6&scoped=true&\"\nimport script from \"./Thumbnail.vue?vue&type=script&lang=js&\"\nexport * from \"./Thumbnail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Thumbnail.vue?vue&type=style&index=0&id=2f1c9ab6&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  \"2f1c9ab6\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{class:_vm.buttonClassName,style:(_vm.buttonStyles),attrs:{\"disabled\":_vm.disabled},on:{\"click\":_vm.onClick}},[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Button.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Button.vue?vue&type=script&lang=js&\"","<template>\n  <button\n    :class=\"buttonClassName\"\n    :style=\"buttonStyles\"\n    :disabled=\"disabled\"\n    @click=\"onClick\"\n  >\n    <slot />\n  </button>\n</template>\n<script>\nexport default {\n  props: {\n    block: {\n      type: Boolean,\n      default: false,\n    },\n    type: {\n      type: String,\n      default: 'blue',\n    },\n    bgColor: {\n      type: String,\n      default: '',\n    },\n    textColor: {\n      type: String,\n      default: '',\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  computed: {\n    buttonClassName() {\n      let className = 'text-white py-3 px-4 rounded shadow-sm';\n      if (this.type === 'clear') {\n        className = 'flex mx-auto mt-4 text-xs w-auto text-black-600';\n      }\n\n      if (this.type === 'blue' && !Object.keys(this.buttonStyles).length) {\n        className = `${className} bg-woot-500 hover:bg-woot-700`;\n      }\n      if (this.block) {\n        className = `${className} w-full`;\n      }\n      return className;\n    },\n    buttonStyles() {\n      const styles = {};\n      if (this.bgColor) {\n        styles.backgroundColor = this.bgColor;\n      }\n      if (this.textColor) {\n        styles.color = this.textColor;\n      }\n      return styles;\n    },\n  },\n  methods: {\n    onClick(e) {\n      this.$emit('click', e);\n    },\n  },\n};\n</script>\n","import { render, staticRenderFns } from \"./Button.vue?vue&type=template&id=4f2eb420&\"\nimport script from \"./Button.vue?vue&type=script&lang=js&\"\nexport * from \"./Button.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}