{"version":3,"sources":["../node_modules/@dtcm/ui-components/dist/components/VenueTable/VenueTable.js"],"names":["StyledWrapper","_ref3","children","rtl","style","createElement","className","concat","_ref","fields","params","sitecoreContext","useContext","Boolean","dictionary","imageDictionary","_useState","_useState2","calcType","setCalcType","_useState3","_useState4","isMobile","setIsMobile","_useState5","_useState6","tabIndex","setTabIndex","_useState7","_useState8","width","setWidth","_useState9","_useState10","tabsRefs","setTabsRefs","typesRef","containerRef","lineRef","venueID","toLowerCase","venueTitle","primaryPageThemeColor","primaryActivePageThemeColor","BackgroundColorHex","ColorHex","ActiveColorHex","_React$useState","useState","_React$useState2","isVdsite","setIsVdsite","useEffect","document","body","classList","contains","primaryColor","primary","color","activeColor","primary_active","setProperty","_fields$data","data","meetingRoomsTabAnalytics","removeFromShortlistAnalytics","shortlistBusinessVenueAnalytics","dimensionAnalytics","_useState11","_useState12","localStorageVenues","setLocalStorageVenues","_useState13","_useState14","venueSelected","setVenueSelected","checkIsMobile","window","innerWidth","current","left","triggerUpdate","ids","JSON","parse","localStorage","getItem","some","svid","addEventListener","removeEventListener","interval","setInterval","clearInterval","side","map","t","offsetWidth","reduce","acc","next","slice","offsetLeft","tabsData","label","icon","keys","capacity","tableData","onKeyPress","event","key","preventDefault","target","click","type","checked","onChange","e","ref","tabData","index","onClick","_ref2","tabs","alt","src","toUpperCase","str","split","length","splitString","rowData","field","roomName","jss","value","Fragment","ceilingHeightOfMeetingRoom","Math","floor","sizeOfMeetingRoom","meetingRoomLocation","targetItem","title","newids","ok","setItem","stringify","dispatchEvent","Event","find","id","filter","then","response","errors","push"],"mappings":"4IAAA,yFA8WIA,EAAgB,SAAuBC,GACzC,IAAIC,EAAWD,EAAMC,SACnBC,EAAMF,EAAME,IACZC,EAAQH,EAAMG,MAChB,OAAoB,IAAMC,cAAc,IAAmB,CACzDC,UAAW,GAAGC,OARC,WAQoB,KAAKA,OAAOJ,EANnC,UADA,YAQZC,MAAOA,GACNF,IAEU,UA9WE,SAAoBM,GACnC,IAAIC,EAASD,EAAKC,OAChBC,EAASF,EAAKE,OACZC,EAAkB,IAAMC,WAAW,KACnCT,EAAMU,QAAQF,GAAmBA,EAAgBR,KAGjDW,GAFc,YAAIH,EAAiB,YAEtB,YAAIF,EAAQ,oBACzBM,EAAkB,YAAIN,EAAQ,wBAC9BO,EAAY,mBAAS,UACvBC,EAAa,YAAeD,EAAW,GACvCE,EAAWD,EAAW,GACtBE,EAAcF,EAAW,GACvBG,EAAa,oBAAS,GACxBC,EAAa,YAAeD,EAAY,GACxCE,EAAWD,EAAW,GACtBE,EAAcF,EAAW,GACvBG,EAAa,mBAAS,GACxBC,EAAa,YAAeD,EAAY,GACxCE,EAAWD,EAAW,GACtBE,EAAcF,EAAW,GACvBG,EAAa,mBAAS,GACxBC,EAAa,YAAeD,EAAY,GACxCE,EAAQD,EAAW,GACnBE,EAAWF,EAAW,GACpBG,EAAa,mBAAS,IACxBC,EAAc,YAAeD,EAAY,GACzCE,EAAWD,EAAY,GACvBE,EAAcF,EAAY,GACxBG,EAAW,iBAAO,MAClBC,EAAe,iBAAO,MACtBC,EAAU,iBAAO,MACjBC,EAAU,YAAI9B,EAAQ,eAAgB,IAAI+B,cAC1CC,EAAa,YAAIhC,EAAQ,6BACzBiC,EAAwB,YAAI/B,EAAiB,wBAC7CgC,EAA8B,YAAIhC,EAAiB,+BACnDiC,EAAqB,YAAIlC,EAAQ,sBACjCmC,EAAW,YAAInC,EAAQ,YACvBoC,EAAiB,YAAIpC,EAAQ,kBAC7BqC,EAAkB,IAAMC,UAAS,GACnCC,EAAmB,YAAeF,EAAiB,GACnDG,EAAWD,EAAiB,GAC5BE,EAAcF,EAAiB,GACjC,IAAMG,WAAU,WACV,MAAcC,SAASC,KAAKC,UAAUC,SAAS,WACjDL,GAAY,KAEb,IACH,IAAMC,WAAU,WACd,GAAI,KAAaC,SAASC,KAAM,CAC9B,IAAIG,EAAeb,IAA0CF,GAAgD,YAAmBQ,GAAUQ,SACtIC,EAAQf,EAAqBC,EAAW,YAAgBH,GAAgD,YAAmBQ,GAAUQ,SACrIE,EAAchB,EAAqBE,EAAiBH,GAA4D,YAAmBO,GAAUW,eACjJR,SAASC,KAAKlD,MAAM0D,YAAY,iCAAkCL,GAClEJ,SAASC,KAAKlD,MAAM0D,YAAY,wCAAyCF,GACzEP,SAASC,KAAKlD,MAAM0D,YAAY,sBAAuBH,MAExD,IACH,IAAII,EAAetD,EAAOuD,KACxBC,EAA2BF,EAAaE,yBACxCC,EAA+BH,EAAaG,6BAC5CC,EAAkCJ,EAAaI,gCAC/CC,GAAqBL,EAAaK,mBAChCC,GAAc,mBAAS,IACzBC,GAAc,YAAeD,GAAa,GAC1CE,GAAqBD,GAAY,GACjCE,GAAwBF,GAAY,GAClCG,GAAc,oBAAS,GACzBC,GAAc,YAAeD,GAAa,GAC1CE,GAAgBD,GAAY,GAC5BE,GAAmBF,GAAY,GAqC7BG,GAAgB,WAClB9C,EAAS+C,OAAOC,YAChB,IAAIzD,EAAW,KAAawD,OAAOC,YAAc,IACjDxD,EAAYD,GACPA,IACHe,EAAa2C,QAAQ5E,MAAM6E,KAAO,KAGtC,qBAAU,WACR,GAAI,IAAW,CACb,IAAIC,EAAgB,WAClB,IAAIC,EAAMC,KAAKC,MAAMC,aAAaC,QAAQ,oBAAsB,MAChEf,GAAsBW,GACtBP,GAAiBO,EAAIK,MAAK,SAAUC,GAClC,OAAOA,IAASlD,OAKpB,OAFA2C,IACA7B,SAASC,KAAKoC,iBAAiB,kBAAmBR,GAC3C,WACL7B,SAASC,KAAKqC,oBAAoB,kBAAmBT,OAGxD,IACH,qBAAU,WACR,GAAI,IAAW,CACbJ,OAAOY,iBAAiB,SAAUb,IAClC,IAAIe,EAAWC,YAAYhB,GAAe,KAC1C,OAAO,WACLC,OAAOa,oBAAoB,SAAUd,IACrCiB,cAAcF,OAGjB,CAAClE,IACJ,qBAAU,WACR,IAAIqE,EAAO5F,EAAM,QAAU,OAC3B,GAAI,KAAauB,EAAW,EAAG,CAClBQ,EAAS8D,KAAI,SAAUC,GAChC,OAAOA,EAAEC,eACRC,QAAO,SAAUC,EAAKC,GACvB,OAAOD,EAAMC,IACZ,GACSnE,EAASoE,MAAM,EAAG5E,EAAW,GAAGsE,KAAI,SAAUC,GACxD,OAAOA,EAAEC,eACRC,QAAO,SAAUC,EAAKC,GACvB,OAAOD,EAAMC,IACZ,GACH/D,EAAQ0C,QAAQ5E,MAAM6E,KAAO,GAAG1E,OAAO2B,EAASR,GAAU6E,WAAY,MACtEjE,EAAQ0C,QAAQ5E,MAAM0B,MAAQ,GAAGvB,OAAO2B,EAASR,GAAUwE,YAAa,MACpE5E,IACFe,EAAa2C,QAAQ5E,MAAM2F,GAAQ,GAAGxF,OAAO,EAAG,YAGlD8B,EAAa2C,QAAQ5E,MAAM2F,GAAQ,GACnCzD,EAAQ0C,QAAQ5E,MAAM6E,KAAO,GAAG1E,OAAO2B,EAASR,GAAU6E,WAAY,MACtEjE,EAAQ0C,QAAQ5E,MAAM0B,MAAQ,GAAGvB,OAAO2B,EAASR,GAAUwE,YAAa,QAEzE,CAACxE,EAAUI,IACd,IAAI0E,GAAW,CAAC,CACdC,MAAO,YAAkB3F,EAAY,WACrC4F,KAAM,YAAI,YAAkB3F,EAAiB,WAAY,OACzD4F,KAAM,CACJC,SAAU,oBAEX,CACDH,MAAO,YAAkB3F,EAAY,cACrC4F,KAAM,YAAI,YAAkB3F,EAAiB,cAAe,OAC5D4F,KAAM,CACJC,SAAU,mCAEX,CACDH,MAAO,YAAkB3F,EAAY,cACrC4F,KAAM,YAAI,YAAkB3F,EAAiB,cAAe,OAC5D4F,KAAM,CACJC,SAAU,gCAEX,CACDH,MAAO,YAAkB3F,EAAY,WACrC4F,KAAM,YAAI,YAAkB3F,EAAiB,WAAY,OACzD4F,KAAM,CACJC,SAAU,6BAEX,CACDH,MAAO,YAAkB3F,EAAY,WACrC4F,KAAM,YAAI,YAAkB3F,EAAiB,WAAY,OACzD4F,KAAM,CACJC,SAAU,iCAEX,CACDH,MAAO,YAAkB3F,EAAY,WACrC4F,KAAM,YAAI,YAAkB3F,EAAiB,WAAY,OACzD4F,KAAM,CACJC,SAAU,+BAaVC,GAAY,YAAIpG,EAAQ,sBAC5B,OAAoB,IAAMJ,cAAcL,EAAe,CACrDG,IAAKA,GACS,IAAME,cAAc,MAAO,CACzCC,UAAW,OACG,IAAMD,cAAc,MAAO,CACzCC,UAAW,aACI,IAAMD,cAAc,MAAO,CAC1CC,UAAW,aACG,IAAMD,cAAc,KAAM,CACxCC,UAAW,qBACV,YAAkBQ,EAAY,kBAAgC,IAAMT,cAAc,MAAO,CAC1FC,UAAW,kCACG,IAAMD,cAAc,IAAK,CACvCC,UAAW,8BACV,YAAkBQ,EAAY,iCAA+C,IAAMT,cAAc,QAAS,CAC3GC,UAAW,8BACXoB,SAAU,EACVoF,WAAY,SAAoBC,GACZ,UAAdA,EAAMC,KAAiC,gBAAdD,EAAMC,MACjCD,EAAME,iBACNF,EAAMG,OAAOC,WAGH,IAAM9G,cAAc,QAAS,CAC3C+G,KAAM,WACNC,QAAsB,SAAbnG,EACToG,SAAU,SAAkBC,GAC1B,OAzK6CH,EAyKrBG,EAAEL,OAAOG,QAAU,OAAS,SAxKtD,YAAiB,YAAsBjD,GAAoB1D,GAAS,CAAC+B,EAAY2E,SACjFjG,EAAYiG,GAFS,IAA0BA,KA2KhC,IAAM/G,cAAc,OAAQ,CAC3CC,UAAW,2CACV,YAAkBQ,EAAY,WAAyB,IAAMT,cAAc,OAAQ,CACpFC,UAAW,4CACV,YAAkBQ,EAAY,SAAuB,IAAMT,cAAc,OAAQ,CAClFC,UAAW,mBACM,IAAMD,cAAc,MAAO,CAC5CC,UAAW,+BAA+BC,OAAOe,EAAW,kBAAoB,IAChFkG,IAAKpF,GACS,IAAM/B,cAAc,MAAO,CACzCC,UAAW,wCACXkH,IAAKnF,GACJmE,GAASR,KAAI,SAAUyB,EAASC,GACjC,OAAoB,IAAMrH,cAAc,MAAO,CAC7C2G,IAAKU,EACLpH,UAAW,8BAA8BC,OAAOmB,IAAagG,EAAQ,oCAAsC,IAC3GC,QAAS,WACP,YAAiB,YAAsB1D,EAA0BvD,GAAS,CAAC+B,EAAYgF,EAAQhB,QAC/F9E,EAAY+F,IAEdF,IAAK,SAAaI,GAChB,IAAIC,EAAO3F,EAEX2F,EAAKH,GAASE,EACdzF,EAAY0F,IAEdnG,SAAU,EACVoF,WAAY,SAAoBC,GACZ,UAAdA,EAAMC,KAAiC,gBAAdD,EAAMC,MACjCD,EAAME,iBACNF,EAAMG,OAAOC,WAGH,IAAM9G,cAAc,MAAO,CACzCC,UAAW,mCACG,IAAMD,cAAc,MAAO,CACzCyH,IAAK,uBACLC,IAAKN,EAAQf,KACbpG,UAAW,yCACK,IAAMD,cAAc,MAAO,CAC3CC,UAAW,mCACVmH,EAAQhB,MAAMuB,mBACF,IAAM3H,cAAc,MAAO,CAC1CC,UAAW,kCACXkH,IAAKlF,MACY,IAAMjC,cAAc,QAAS,CAC9CC,UAAW,uCACG,IAAMD,cAAc,QAAS,KAAmB,IAAMA,cAAc,KAAM,KAAmB,IAAMA,cAAc,KAAM,KAAM,YAAkBS,EAAY,aAAakH,eAA6B,IAAM3H,cAAc,KAAM,KAAM,YAAkBS,EAAY,YAAYkH,eAA6B,IAAM3H,cAAc,KAAM,KAvFpU,SAAqB4H,GACrC,IAAIC,EAAQD,EAAIC,MAAM,KACtB,OAAqB,IAAjBA,EAAMC,OACY,IAAM9H,cAAc,MAAO,KAAmB,IAAMA,cAAc,MAAO,KAAM6H,EAAM,IAAkB,IAAM7H,cAAc,MAAO,KAAM6H,EAAM,IAAkB,IAAM7H,cAAc,MAAO,KAAM6H,EAAM,KAExM,IAAjBA,EAAMC,OACY,IAAM9H,cAAc,MAAO,KAAmB,IAAMA,cAAc,MAAO,KAAM6H,EAAM,IAAkB,IAAM7H,cAAc,MAAO,KAAM6H,EAAM,KAE7JD,EA+EmVG,CAAY,YAAkBtH,EAAY,kBAAkBkH,gBAA8B,IAAM3H,cAAc,KAAM,KAAM,YAAkBS,EAAY,aAAakH,eAA6B,IAAM3H,cAAc,KAAM,KAAM,YAAkBS,EAAY,YAAYkH,iBAA+B,IAAM3H,cAAc,QAAS,KAAMwG,GAAUb,KAAI,SAAUqC,GAChsB,OAAoB,IAAMhI,cAAc,KAAM,KAAmB,IAAMA,cAAc,KAAM,KAAmB,IAAMA,cAAc,OAAM,CACtIiI,MAAOD,EAAQE,SAASC,OACR,IAAMnI,cAAc,KAAM,CAC1CC,UAAmE,MAAxD+H,EAAQ7B,GAAS9E,GAAUiF,KAAKC,UAAU4B,IAAIC,OAAyE,KAAxDJ,EAAQ7B,GAAS9E,GAAUiF,KAAKC,UAAU4B,IAAIC,MAAe,OAAS,IACvF,MAAxDJ,EAAQ7B,GAAS9E,GAAUiF,KAAKC,UAAU4B,IAAIC,OAAyE,KAAxDJ,EAAQ7B,GAAS9E,GAAUiF,KAAKC,UAAU4B,IAAIC,MAAeJ,EAAQ7B,GAAS9E,GAAUiF,KAAKC,UAAU4B,IAAIC,MAAQ,YAAkB3H,EAAY,kBAAgC,IAAMT,cAAc,KAAM,KAAmB,IAAMA,cAAc,OAAQ,CAC1TC,UAAW,+BACG,WAAbY,EAAqC,IAAMb,cAAc,IAAMqI,SAAU,KAAmB,IAAMrI,cAAc,OAAM,CACvHiI,MAAOD,EAAQM,2BAA2BH,MACxC,YAAkB1H,EAAY,MAAQ,KAAmB,SAAbI,EAAmC,IAAMb,cAAc,IAAMqI,SAAU,KAAME,KAAKC,MAAMR,EAAQM,2BAA2BH,IAAIC,MAAQ,MAAS,IAAM,GAAI,YAAkB3H,EAAY,OAAS,OAAqB,IAAMT,cAAc,KAAM,KAAmB,IAAMA,cAAc,OAAQ,CAC7UC,UAAW,+BACG,WAAbY,EAAqC,IAAMb,cAAc,IAAMqI,SAAU,KAAmB,IAAMrI,cAAc,OAAM,CACvHiI,MAAOD,EAAQS,kBAAkBN,MAC/B,YAAkB1H,EAAY,KAAmB,IAAMT,cAAc,MAAO,KAAM,MAAQ,KAAmB,SAAba,EAAmC,IAAMb,cAAc,IAAMqI,SAAU,KAAME,KAAKC,MAA4C,OAAtCR,EAAQS,kBAAkBN,IAAIC,MAAiB,IAAM,GAAI,YAAkB3H,EAAY,MAAoB,IAAMT,cAAc,MAAO,KAAM,MAAQ,OAAqB,IAAMA,cAAc,KAAM,KAAMgI,EAAQU,oBAAoBC,WAA0B,IAAM3I,cAAc,OAAM,CACndiI,MAAOD,EAAQU,oBAAoBC,WAAWC,MAAMT,MACjD,YACY,IAAMnI,cAAc,KAAM,CAC3CC,UAAW,sCACVuG,GAAUb,KAAI,SAAUqC,GACzB,OAAoB,IAAMhI,cAAc,KAAM,KAAmB,IAAMA,cAAc,MAAO,CAC1FC,UAAW,2CACG,IAAMD,cAAc,OAAM,CACxCiI,MAAOD,EAAQE,SAASC,OACR,IAAMnI,cAAc,QAAS,KAAmB,IAAMA,cAAc,QAAS,KAAmB,IAAMA,cAAc,KAAM,KAAmB,IAAMA,cAAc,KAAM,KAAmB,IAAMA,cAAc,MAAO,CACrOC,UAAW,4CACV,YAAkBQ,EAAY,YAAYkH,eAA6B,IAAM3H,cAAc,MAAO,CACnGC,UAAW,4CAC8C,MAAxD+H,EAAQ7B,GAAS9E,GAAUiF,KAAKC,UAAU4B,IAAIC,OAAyE,KAAxDJ,EAAQ7B,GAAS9E,GAAUiF,KAAKC,UAAU4B,IAAIC,MAAeJ,EAAQ7B,GAAS9E,GAAUiF,KAAKC,UAAU4B,IAAIC,MAAQ,YAAkB3H,EAAY,mBAAiC,IAAMT,cAAc,KAAM,KAAmB,IAAMA,cAAc,MAAO,CAC1TC,UAAW,4CACV,YAAkBQ,EAAY,kBAAkBkH,eAA6B,IAAM3H,cAAc,MAAO,CACzGC,UAAW,4CACG,WAAbY,EAAqC,IAAMb,cAAc,IAAMqI,SAAU,KAAmB,IAAMrI,cAAc,OAAM,CACvHiI,MAAOD,EAAQM,2BAA2BH,MACxC,YAAkB1H,EAAY,MAAQ,KAAmB,SAAbI,EAAmC,IAAMb,cAAc,IAAMqI,SAAU,KAAME,KAAKC,MAAMR,EAAQM,2BAA2BH,IAAIC,MAAQ,MAAS,IAAM,GAAI,YAAkB3H,EAAY,OAAS,QAAsB,IAAMT,cAAc,KAAM,KAAmB,IAAMA,cAAc,KAAM,KAAmB,IAAMA,cAAc,MAAO,CAC1XC,UAAW,4CACV,YAAkBQ,EAAY,aAAakH,eAA6B,IAAM3H,cAAc,MAAO,CACpGC,UAAW,4CACG,WAAbY,EAAqC,IAAMb,cAAc,IAAMqI,SAAU,KAAmB,IAAMrI,cAAc,OAAM,CACvHiI,MAAOD,EAAQS,kBAAkBN,MAC/B,YAAkB1H,EAAY,KAAmB,IAAMT,cAAc,MAAO,KAAM,MAAQ,KAAmB,SAAba,EAAmC,IAAMb,cAAc,IAAMqI,SAAU,KAAME,KAAKC,MAA4C,OAAtCR,EAAQS,kBAAkBN,IAAIC,MAAiB,IAAM,GAAI,YAAkB3H,EAAY,MAAoB,IAAMT,cAAc,MAAO,KAAM,MAAQ,OAAqB,IAAMA,cAAc,KAAM,KAAmB,IAAMA,cAAc,MAAO,CAC3aC,UAAW,4CACV,YAAkBQ,EAAY,YAAYkH,eAA6B,IAAM3H,cAAc,MAAO,CACnGC,UAAW,4CACV+H,EAAQU,oBAAoBC,WAA0B,IAAM3I,cAAc,OAAM,CACjFiI,MAAOD,EAAQU,oBAAoBC,WAAWC,MAAMT,MACjD,gBACY,IAAMnI,cAAc,MAAO,CAC5CC,UAAW,cACK,IAAMD,cAAc,MAAO,CAC3CC,UAAW,OACG,IAAMD,cAAc,MAAO,CACzCC,UAAW,aACI,IAAMD,cAAc,MAAO,CAC1CC,UAAW,aACG,IAAMD,cAAc,MAAO,CACzCC,UAAW,6BAA6BC,OAAOoE,GAAgB,oCAAsC,KACvF,IAAMtE,cAAc,OAAQ,CAC1CC,UAAW,kCACV,YAAkBQ,EAAY,kCAAgD,IAAMT,cAAc,SAAU,CAC7GC,UAAW,kBACXqH,QAlRgB,WAChB,IAAIuB,EAAS3E,GACT4E,EAAK,WACP3E,GAAsB0E,GACtBtE,IAAkBD,IACd,MACFW,aAAa8D,QAAQ,kBAAmBhE,KAAKiE,UAAUH,IACvD7F,SAASC,KAAKgG,cAAc,IAAIC,MAAM,sBAGtChF,GAAmBiF,MAAK,SAAUC,GACpC,OAAOA,IAAOlH,MAEd,YAAiB,YAAsB2B,EAA8BxD,GAAS+B,GAC9EyG,EAASA,EAAOQ,QAAO,SAAUD,GAC/B,OAAOA,IAAOlH,KAEhB,YAAgB5B,EAAiB,CAAC4B,IAAUoH,MAAK,SAAUC,GACpDA,GAAaA,EAASC,QACzBV,SAIJ,YAAiB,YAAsBhF,EAAiCzD,GAAS+B,GACjFyG,EAAOY,KAAKvH,GACZ,YAAc5B,EAAiB,CAAC4B,IAAUoH,MAAK,SAAUC,GAClDA,GAAaA,EAASC,QACzBV,UAwPLxE,GAAgB,YAAkB7D,EAAY,yBAA2B,YAAkBA,EAAY,sBAAoC,IAAMT,cAAc,MAAO,CACvKC,UAAW","file":"static/js/VenueTable.76a7240c.chunk.js","sourcesContent":["import _slicedToArray from \"E:\\\\Agents\\\\Agent-02\\\\_work\\\\1\\\\s\\\\src\\\\apps\\\\vdsite\\\\node_modules\\\\babel-preset-react-app\\\\node_modules\\\\@babel\\\\runtime/helpers/esm/slicedToArray\";\nimport './VenueTable.css';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { canUseDOM, get, getColorByTheme, getDictionaryItem, getPageThemeColors } from '../../utils';\nimport { Text } from '@sitecore-jss/sitecore-jss-react';\nimport { SitecoreContextReactContext } from '../../utils/SitecoreContextReactContext';\nimport ComponentsWrapper from '../atoms/ComponentsWrapper';\nimport { tealiumClickFunc, tealiumMergeClickData } from '../../utils/tealium';\nimport { deleteVenuesApi, saveVenuesApi } from '../../utils/venues';\nvar VenueTable = function VenueTable(_ref) {\n  var fields = _ref.fields,\n    params = _ref.params;\n  var sitecoreContext = React.useContext(SitecoreContextReactContext);\n  var rtl = Boolean(sitecoreContext && sitecoreContext.rtl);\n  var currentLang = get(sitecoreContext, 'language');\n  // const pageSize = params.SearchCount ? parseInt(params.SearchCount) : 10;\n  var dictionary = get(fields, 'data.dictionary');\n  var imageDictionary = get(fields, 'data.imageDictionary');\n  var _useState = useState('metric'),\n    _useState2 = _slicedToArray(_useState, 2),\n    calcType = _useState2[0],\n    setCalcType = _useState2[1];\n  var _useState3 = useState(false),\n    _useState4 = _slicedToArray(_useState3, 2),\n    isMobile = _useState4[0],\n    setIsMobile = _useState4[1];\n  var _useState5 = useState(0),\n    _useState6 = _slicedToArray(_useState5, 2),\n    tabIndex = _useState6[0],\n    setTabIndex = _useState6[1];\n  var _useState7 = useState(0),\n    _useState8 = _slicedToArray(_useState7, 2),\n    width = _useState8[0],\n    setWidth = _useState8[1];\n  var _useState9 = useState([]),\n    _useState10 = _slicedToArray(_useState9, 2),\n    tabsRefs = _useState10[0],\n    setTabsRefs = _useState10[1];\n  var typesRef = useRef(null);\n  var containerRef = useRef(null);\n  var lineRef = useRef(null);\n  var venueID = get(fields, 'data.item.id', '').toLowerCase();\n  var venueTitle = get(fields, 'data.item.title.jss.value');\n  var primaryPageThemeColor = get(sitecoreContext, 'themesOfPage.primary');\n  var primaryActivePageThemeColor = get(sitecoreContext, 'themesOfPage.primary_active');\n  var BackgroundColorHex = get(params, 'BackgroundColorHex');\n  var ColorHex = get(params, 'ColorHex');\n  var ActiveColorHex = get(params, 'ActiveColorHex');\n  var _React$useState = React.useState(true),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    isVdsite = _React$useState2[0],\n    setIsVdsite = _React$useState2[1];\n  React.useEffect(function () {\n    if (canUseDOM && !document.body.classList.contains('vdsite')) {\n      setIsVdsite(false);\n    }\n  }, []);\n  React.useEffect(function () {\n    if (canUseDOM && document.body) {\n      var primaryColor = BackgroundColorHex ? BackgroundColorHex : primaryPageThemeColor ? primaryPageThemeColor : getPageThemeColors(isVdsite).primary;\n      var color = BackgroundColorHex ? ColorHex : getColorByTheme(primaryPageThemeColor ? primaryPageThemeColor : getPageThemeColors(isVdsite).primary);\n      var activeColor = BackgroundColorHex ? ActiveColorHex : primaryActivePageThemeColor ? primaryActivePageThemeColor : getPageThemeColors(isVdsite).primary_active;\n      document.body.style.setProperty('--venue-table-background-color', primaryColor);\n      document.body.style.setProperty('--venue-table-background-active-color', activeColor);\n      document.body.style.setProperty('--venue-table-color', color);\n    }\n  }, []);\n  var _fields$data = fields.data,\n    meetingRoomsTabAnalytics = _fields$data.meetingRoomsTabAnalytics,\n    removeFromShortlistAnalytics = _fields$data.removeFromShortlistAnalytics,\n    shortlistBusinessVenueAnalytics = _fields$data.shortlistBusinessVenueAnalytics,\n    dimensionAnalytics = _fields$data.dimensionAnalytics;\n  var _useState11 = useState([]),\n    _useState12 = _slicedToArray(_useState11, 2),\n    localStorageVenues = _useState12[0],\n    setLocalStorageVenues = _useState12[1];\n  var _useState13 = useState(false),\n    _useState14 = _slicedToArray(_useState13, 2),\n    venueSelected = _useState14[0],\n    setVenueSelected = _useState14[1];\n  var onChangeCalcType = function onChangeCalcType(type) {\n    tealiumClickFunc(tealiumMergeClickData(dimensionAnalytics, params), [venueTitle, type]);\n    setCalcType(type);\n  };\n  var selectVenue = function selectVenue() {\n    var newids = localStorageVenues;\n    var ok = function ok() {\n      setLocalStorageVenues(newids);\n      setVenueSelected(!venueSelected);\n      if (canUseDOM) {\n        localStorage.setItem('shortlistVenues', JSON.stringify(newids));\n        document.body.dispatchEvent(new Event('shortlistVenues'));\n      }\n    };\n    if (localStorageVenues.find(function (id) {\n      return id === venueID;\n    })) {\n      tealiumClickFunc(tealiumMergeClickData(removeFromShortlistAnalytics, params), venueTitle);\n      newids = newids.filter(function (id) {\n        return id !== venueID;\n      });\n      deleteVenuesApi(sitecoreContext, [venueID]).then(function (response) {\n        if (!response || !response.errors) {\n          ok();\n        }\n      });\n    } else {\n      tealiumClickFunc(tealiumMergeClickData(shortlistBusinessVenueAnalytics, params), venueTitle);\n      newids.push(venueID);\n      saveVenuesApi(sitecoreContext, [venueID]).then(function (response) {\n        if (!response || !response.errors) {\n          ok();\n        }\n      });\n    }\n  };\n  var checkIsMobile = function checkIsMobile() {\n    setWidth(window.innerWidth);\n    var isMobile = canUseDOM && window.innerWidth <= 767;\n    setIsMobile(isMobile);\n    if (!isMobile) {\n      containerRef.current.style.left = \"\";\n    }\n  };\n  useEffect(function () {\n    if (canUseDOM) {\n      var triggerUpdate = function triggerUpdate() {\n        var ids = JSON.parse(localStorage.getItem('shortlistVenues') || '[]');\n        setLocalStorageVenues(ids);\n        setVenueSelected(ids.some(function (svid) {\n          return svid === venueID;\n        }));\n      };\n      triggerUpdate();\n      document.body.addEventListener('shortlistVenues', triggerUpdate);\n      return function () {\n        document.body.removeEventListener('shortlistVenues', triggerUpdate);\n      };\n    }\n  }, []);\n  useEffect(function () {\n    if (canUseDOM) {\n      window.addEventListener('resize', checkIsMobile);\n      var interval = setInterval(checkIsMobile, 1000);\n      return function () {\n        window.removeEventListener('resize', checkIsMobile);\n        clearInterval(interval);\n      };\n    }\n  }, [tabIndex]);\n  useEffect(function () {\n    var side = rtl ? 'right' : 'left';\n    if (canUseDOM && tabIndex > 1) {\n      var full = tabsRefs.map(function (t) {\n        return t.offsetWidth;\n      }).reduce(function (acc, next) {\n        return acc + next;\n      }, 0);\n      var shift = tabsRefs.slice(0, tabIndex - 1).map(function (t) {\n        return t.offsetWidth;\n      }).reduce(function (acc, next) {\n        return acc + next;\n      }, 0);\n      lineRef.current.style.left = \"\".concat(tabsRefs[tabIndex].offsetLeft, \"px\");\n      lineRef.current.style.width = \"\".concat(tabsRefs[tabIndex].offsetWidth, \"px\");\n      if (isMobile) {\n        containerRef.current.style[side] = \"\".concat(0, \"px\");\n      }\n    } else {\n      containerRef.current.style[side] = \"\";\n      lineRef.current.style.left = \"\".concat(tabsRefs[tabIndex].offsetLeft, \"px\");\n      lineRef.current.style.width = \"\".concat(tabsRefs[tabIndex].offsetWidth, \"px\");\n    }\n  }, [tabIndex, width]);\n  var tabsData = [{\n    label: getDictionaryItem(dictionary, 'theatre'),\n    icon: get(getDictionaryItem(imageDictionary, 'Theatre'), 'src'),\n    keys: {\n      capacity: 'theatreCapacity'\n    }\n  }, {\n    label: getDictionaryItem(dictionary, 'class room'),\n    icon: get(getDictionaryItem(imageDictionary, 'Class room'), 'src'),\n    keys: {\n      capacity: 'classroomCapacityOfMeetingRoom'\n    }\n  }, {\n    label: getDictionaryItem(dictionary, 'board room'),\n    icon: get(getDictionaryItem(imageDictionary, 'Board room'), 'src'),\n    keys: {\n      capacity: 'boardRoomStyleOfMeetingRoom'\n    }\n  }, {\n    label: getDictionaryItem(dictionary, 'u shape'),\n    icon: get(getDictionaryItem(imageDictionary, 'U shape'), 'src'),\n    keys: {\n      capacity: 'uShapeStyleOfMeetingRoom'\n    }\n  }, {\n    label: getDictionaryItem(dictionary, 'banquet'),\n    icon: get(getDictionaryItem(imageDictionary, 'Banquet'), 'src'),\n    keys: {\n      capacity: 'banquetCapacityOfMeetingRoom'\n    }\n  }, {\n    label: getDictionaryItem(dictionary, 'cabaret'),\n    icon: get(getDictionaryItem(imageDictionary, 'Cabaret'), 'src'),\n    keys: {\n      capacity: 'cabaretStyleOfMeetingRoom'\n    }\n  }];\n  var splitString = function splitString(str) {\n    var split = str.split(' ');\n    if (split.length === 3) {\n      return /*#__PURE__*/React.createElement(\"div\", null, /*#__PURE__*/React.createElement(\"div\", null, split[0]), /*#__PURE__*/React.createElement(\"div\", null, split[1]), /*#__PURE__*/React.createElement(\"div\", null, split[2]));\n    }\n    if (split.length === 2) {\n      return /*#__PURE__*/React.createElement(\"div\", null, /*#__PURE__*/React.createElement(\"div\", null, split[0]), /*#__PURE__*/React.createElement(\"div\", null, split[1]));\n    }\n    return str;\n  };\n  var tableData = get(fields, 'data.item.children');\n  return /*#__PURE__*/React.createElement(StyledWrapper, {\n    rtl: rtl\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"row\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-md-1\"\n  }), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-md-10\"\n  }, /*#__PURE__*/React.createElement(\"h3\", {\n    className: \"h3 section__title\"\n  }, getDictionaryItem(dictionary, 'meeting rooms')), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"venue-meetings-rooms__desc-row\"\n  }, /*#__PURE__*/React.createElement(\"p\", {\n    className: \"venue-meetings-rooms__desc\"\n  }, getDictionaryItem(dictionary, 'in order to receive proposal')), /*#__PURE__*/React.createElement(\"label\", {\n    className: \"venue-meetings-rooms__radio\",\n    tabIndex: 0,\n    onKeyPress: function onKeyPress(event) {\n      if (event.key === 'Enter' || event.key === 'NumpadEnter') {\n        event.preventDefault();\n        event.target.click();\n      }\n    }\n  }, /*#__PURE__*/React.createElement(\"input\", {\n    type: \"checkbox\",\n    checked: calcType === 'feet',\n    onChange: function onChange(e) {\n      return onChangeCalcType(e.target.checked ? 'feet' : 'metric');\n    }\n  }), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"venue-meetings-rooms__radio-value-first\"\n  }, getDictionaryItem(dictionary, 'metric')), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"venue-meetings-rooms__radio-value-second\"\n  }, getDictionaryItem(dictionary, 'feet')), /*#__PURE__*/React.createElement(\"span\", {\n    className: \"slider round\"\n  }))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"venue-meetings-rooms__types \".concat(isMobile ? 'scroll-no-style' : ''),\n    ref: typesRef\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"venue-meetings-rooms__types-container\",\n    ref: containerRef\n  }, tabsData.map(function (tabData, index) {\n    return /*#__PURE__*/React.createElement(\"div\", {\n      key: index,\n      className: \"venue-meetings-rooms__type \".concat(tabIndex === index ? 'venue-meetings-rooms__type-active' : ''),\n      onClick: function onClick() {\n        tealiumClickFunc(tealiumMergeClickData(meetingRoomsTabAnalytics, params), [venueTitle, tabData.label]);\n        setTabIndex(index);\n      },\n      ref: function ref(_ref2) {\n        var tabs = tabsRefs;\n        // @ts-ignore\n        tabs[index] = _ref2;\n        setTabsRefs(tabs);\n      },\n      tabIndex: 0,\n      onKeyPress: function onKeyPress(event) {\n        if (event.key === 'Enter' || event.key === 'NumpadEnter') {\n          event.preventDefault();\n          event.target.click();\n        }\n      }\n    }, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"venue-meetings-rooms__type-icon\"\n    }, /*#__PURE__*/React.createElement(\"img\", {\n      alt: \"venue meetings rooms\",\n      src: tabData.icon,\n      className: \"venue-meetings-rooms__type-icon-img\"\n    })), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"venue-meetings-rooms__type-text\"\n    }, tabData.label.toUpperCase()));\n  }), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"venue-meetings-rooms__type-line\",\n    ref: lineRef\n  }))), /*#__PURE__*/React.createElement(\"table\", {\n    className: \"venue-meetings-rooms__items-desktop\"\n  }, /*#__PURE__*/React.createElement(\"thead\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"th\", null, getDictionaryItem(dictionary, 'room name').toUpperCase()), /*#__PURE__*/React.createElement(\"th\", null, getDictionaryItem(dictionary, 'capacity').toUpperCase()), /*#__PURE__*/React.createElement(\"th\", null, splitString(getDictionaryItem(dictionary, 'ceiling height').toUpperCase())), /*#__PURE__*/React.createElement(\"th\", null, getDictionaryItem(dictionary, 'room size').toUpperCase()), /*#__PURE__*/React.createElement(\"th\", null, getDictionaryItem(dictionary, 'Location').toUpperCase()))), /*#__PURE__*/React.createElement(\"tbody\", null, tableData.map(function (rowData) {\n    return /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(Text, {\n      field: rowData.roomName.jss\n    })), /*#__PURE__*/React.createElement(\"td\", {\n      className: rowData[tabsData[tabIndex].keys.capacity].jss.value === '0' || rowData[tabsData[tabIndex].keys.capacity].jss.value === '' ? 'gray' : ''\n    }, rowData[tabsData[tabIndex].keys.capacity].jss.value !== '0' && rowData[tabsData[tabIndex].keys.capacity].jss.value !== '' ? rowData[tabsData[tabIndex].keys.capacity].jss.value : getDictionaryItem(dictionary, 'not available')), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"span\", {\n      className: \"venue-meetings-rooms__units\"\n    }, calcType === 'metric' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {\n      field: rowData.ceilingHeightOfMeetingRoom.jss\n    }), getDictionaryItem(dictionary, 'm')) : null, calcType === 'feet' ? /*#__PURE__*/React.createElement(React.Fragment, null, Math.floor(rowData.ceilingHeightOfMeetingRoom.jss.value / 0.3048 * 10) / 10, getDictionaryItem(dictionary, 'ft')) : null)), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"span\", {\n      className: \"venue-meetings-rooms__units\"\n    }, calcType === 'metric' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {\n      field: rowData.sizeOfMeetingRoom.jss\n    }), getDictionaryItem(dictionary, 'm'), /*#__PURE__*/React.createElement(\"sup\", null, \"2\")) : null, calcType === 'feet' ? /*#__PURE__*/React.createElement(React.Fragment, null, Math.floor(rowData.sizeOfMeetingRoom.jss.value * 10.764 * 10) / 10, getDictionaryItem(dictionary, 'ft'), /*#__PURE__*/React.createElement(\"sup\", null, \"2\")) : null)), /*#__PURE__*/React.createElement(\"td\", null, rowData.meetingRoomLocation.targetItem ? /*#__PURE__*/React.createElement(Text, {\n      field: rowData.meetingRoomLocation.targetItem.title.jss\n    }) : null));\n  }))), /*#__PURE__*/React.createElement(\"ul\", {\n    className: \"venue-meetings-rooms__items-mobile\"\n  }, tableData.map(function (rowData) {\n    return /*#__PURE__*/React.createElement(\"li\", null, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"venue-meetings-rooms__items-mobile-name\"\n    }, /*#__PURE__*/React.createElement(Text, {\n      field: rowData.roomName.jss\n    })), /*#__PURE__*/React.createElement(\"table\", null, /*#__PURE__*/React.createElement(\"tbody\", null, /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"venue-meetings-rooms__items-mobile-label\"\n    }, getDictionaryItem(dictionary, 'capacity').toUpperCase()), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"venue-meetings-rooms__items-mobile-value\"\n    }, rowData[tabsData[tabIndex].keys.capacity].jss.value !== '0' && rowData[tabsData[tabIndex].keys.capacity].jss.value !== '' ? rowData[tabsData[tabIndex].keys.capacity].jss.value : getDictionaryItem(dictionary, 'not available'))), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"venue-meetings-rooms__items-mobile-label\"\n    }, getDictionaryItem(dictionary, 'ceiling height').toUpperCase()), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"venue-meetings-rooms__items-mobile-value\"\n    }, calcType === 'metric' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {\n      field: rowData.ceilingHeightOfMeetingRoom.jss\n    }), getDictionaryItem(dictionary, 'm')) : null, calcType === 'feet' ? /*#__PURE__*/React.createElement(React.Fragment, null, Math.floor(rowData.ceilingHeightOfMeetingRoom.jss.value / 0.3048 * 10) / 10, getDictionaryItem(dictionary, 'ft')) : null))), /*#__PURE__*/React.createElement(\"tr\", null, /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"venue-meetings-rooms__items-mobile-label\"\n    }, getDictionaryItem(dictionary, 'room size').toUpperCase()), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"venue-meetings-rooms__items-mobile-value\"\n    }, calcType === 'metric' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {\n      field: rowData.sizeOfMeetingRoom.jss\n    }), getDictionaryItem(dictionary, 'm'), /*#__PURE__*/React.createElement(\"sup\", null, \"2\")) : null, calcType === 'feet' ? /*#__PURE__*/React.createElement(React.Fragment, null, Math.floor(rowData.sizeOfMeetingRoom.jss.value * 10.764 * 10) / 10, getDictionaryItem(dictionary, 'ft'), /*#__PURE__*/React.createElement(\"sup\", null, \"2\")) : null)), /*#__PURE__*/React.createElement(\"td\", null, /*#__PURE__*/React.createElement(\"div\", {\n      className: \"venue-meetings-rooms__items-mobile-label\"\n    }, getDictionaryItem(dictionary, 'Location').toUpperCase()), /*#__PURE__*/React.createElement(\"div\", {\n      className: \"venue-meetings-rooms__items-mobile-value\"\n    }, rowData.meetingRoomLocation.targetItem ? /*#__PURE__*/React.createElement(Text, {\n      field: rowData.meetingRoomLocation.targetItem.title.jss\n    }) : null))))));\n  }))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-md-1\"\n  })), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"row\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-md-1\"\n  }), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-md-10\"\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"venue-meetings-rooms__cta \".concat(venueSelected ? 'venue-meetings-rooms__cta_checked' : '')\n  }, /*#__PURE__*/React.createElement(\"span\", {\n    className: \"venue-meetings-rooms__cta-desc\"\n  }, getDictionaryItem(dictionary, 'shortlist this business venue')), /*#__PURE__*/React.createElement(\"button\", {\n    className: \"btn btn-primary\",\n    onClick: selectVenue\n  }, venueSelected ? getDictionaryItem(dictionary, 'remove from shortlist') : getDictionaryItem(dictionary, 'shortlist venue')))), /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-md1\"\n  })));\n};\nvar commonStyles = \"c1ip8imw\";\nvar ltrStyles = \"l15imf4k\";\nvar rtlStyles = \"rjaskhk\";\nvar StyledWrapper = function StyledWrapper(_ref3) {\n  var children = _ref3.children,\n    rtl = _ref3.rtl,\n    style = _ref3.style;\n  return /*#__PURE__*/React.createElement(ComponentsWrapper, {\n    className: \"\".concat(commonStyles, \" \").concat(rtl ? rtlStyles : ltrStyles),\n    style: style\n  }, children);\n};\nexport default VenueTable;"],"sourceRoot":""}