{"version":3,"file":"js/application.js","mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACjEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACjEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;AC1BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;AClCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACRA;AACA;AACA;;;;;;;;;;;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACnBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACpBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;AC7BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;AC5CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;AChCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACnCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;AChDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACrBA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/gCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAaA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;;AAEA;AACA;AACA;AAAA;AAAA;;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAMA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7KA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAGA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;;ACrLA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAGA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AAGA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AAGA;AAEA;;;;;;;;;;;;;;;;;;AC9MA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;ACtBA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAKA;AACA;AACA;AAAA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKA;AAAA;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAGA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;;AC1GA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKA;AACA;AACA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;ACrFA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;ACtCA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAGA;AACA;AAAA;AACA;AACA;AAIA;AAEA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;;;;;;;;;;;;;;;;;;;ACtHA;AACA;AAEA;AACA;AAEA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChGA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;ACpJA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;ACxBA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjFA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAKA;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;AClDA;AACA;AAEA;AAEA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAGA;AAKA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;ACvIA;AACA;AAEA;AAEA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAGA;AAKA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAGA;AAKA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AASA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5GA;AACA;AAEA;AAEA;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;AC7HA;AACA;AACA;AACA;AAEA;AAMA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAMA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;;;;;;;;;;;;;;;;ACxHA;AACA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;ACDA;AACA;AAEA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAGA;AAKA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;ACzHA;AACA;AAEA;AAEA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAGA;AAKA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAGA;AAKA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;AC7FA;AACA;AAEA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAQA;AAPA;AACA;AACA;AACA;AACA;AACA;AAEA;AADA;AAEA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAMA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3HA;AACA;AAEA;AAEA;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;ACnIA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9BA;AACA;AAUA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAOA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAKA;AACA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAIA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAKA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAOA;AAAA;AAAA;AAAA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;ACzPA;AACA;AAEA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AAEA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;ACjIA;AACA;AAEA;AAEA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAIA;AAAA;AAAA;AAGA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7EA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAGA;AACA;AAEA;AACA;;AAGA;AACA;AAGA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AAAA;AAEA;AAAA;AAGA;AACA;AACA;AAAA;AAEA;AACA;AAMA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAIA;AAAA;AAAA;AACA;AAAA;AAGA;AACA;AACA;AAAA;AAEA;AACA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;AChRA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;ACPA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;ACNA;AAAA;AAeA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAnDA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;ACbA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAOA;AAAA;AAEA;AAAA;AAAA;AAAA;AAkBA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;AC7CA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAeA;AAdA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;;;;;;;;;;;;;;;;;ACjBA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACbA;AACA;AACA;AACA;AAoBA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAOA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAIA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAOA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAAA;AACA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AAAA;AAMA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAIA;AACA;AAAA;AAIA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAIA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAOA;AACA;AACA;AAAA;AAAA;AAAA;AAMA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAEA;AAEA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAKA;AAGA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAGA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAGA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAEA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAGA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAGA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAGA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAOA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;AChwBA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;ACnEA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAKA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;AChFA;AACA;AAEA;AAWA;AAEA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAGA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;ACpIA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACvDA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;ACnGA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;;;AC5GA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7CA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAIA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;ACrGA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAQA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;AC9CA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAKA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7IA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;AC5GA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAMA;AAEA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;ACnCA;AACA;AAEA;AAEA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAIA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;AC/HA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;;;;;;;;;;;;;;;AC1BA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;AC3DA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;AC3CA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;ACdA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;AC9EA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5CA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AASA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAGA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAGA;AAEA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAGA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAIA;AACA;AAAA;AAIA;AACA;AAAA;AAIA;AACA;AAAA;AAIA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAIA;AACA;AAAA;AAIA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;ACnMA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AACA;AAAA;AAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;ACxDA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AAEA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;AC3GA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;AC9MA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAKA;AACA;AAAA;AAAA;AAAA;AAAA;AAOA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAIA;AAMA;AAAA;AAIA;AAAA;AAMA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjGA;AACA;AACA;AAgBA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AASA;AAEA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AAAA;AAAA;AAEA;AACA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAEA;AAEA;AAAA;AAGA;AAGA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAIA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAMA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAKA;AAAA;AACA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAKA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAMA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9SA;AACA;AAcA;AAEA;AAEA;AACA;AACA;AAaA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAGA;AAEA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AACA;AAAA;AAAA;AAAA;AAMA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AACA;AAKA;AACA;AAEA;AAAA;AAKA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAMA;AAKA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAEA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAQA;AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChWA;AAEA;AAgBA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAGA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAGA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAKA;AACA;AAEA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAMA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;AChWA;AACA;AAEA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AAGA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;ACrHA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;;;;;;;;;;;;;;;;;;;;AC/BA;AACA;AAEA;AAEA;AAEA;AAgBA;AAfA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AADA;AAEA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;AClDA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAQA;AAEA;;;;;;;;;;;;;;;;AC5DA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;AC7CA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;;AC9CA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpBA;AACA;AAkBA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;AAEA;AACA;AACA;AACA;AAIA;AACA;AAEA;AAAA;AAEA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAEA;AAEA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAIA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAOA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAIA;AAAA;AAAA;AAMA;AAAA;AAAA;AACA;AACA;AAIA;AAKA;AAAA;AAAA;AACA;AACA;AAEA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAQA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACldA;AACA;AACA;AACA;AAaA;AACA;AAEA;AAEA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAUA;AATA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AADA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AAEA;;AAEA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AAGA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAKA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAOA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAMA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;AC/PA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzFA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAKA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;ACpJA;AACA;AAaA;AACA;AAEA;AAEA;AAEA;AAEA;AAWA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAGA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAGA;AAGA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AASA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAOA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;ACjNA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3BA;AAEA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9BA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAIA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrGA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;;;;;;;;;;;;;;;;;;;;;;;ACrBA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AASA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClHA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAOA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;AClQA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;AClDA;AACA;AAEA;AACA;AAAA;AAAA;AAEA;AAEA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrBA;AAEA;AACA;AAEA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AAEA;AAEA;AAGA;AACA;AAAA;AAwFA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAKA;AACA;AACA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAGA;AACA;AAtMA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AACA;AAAA;AAAA;AAIA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AAAA;AAAA;AAGA;AAmHA;AAAA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;ACxOA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAGA;AAAA;AAAA;AAuCA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AA9CA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAYA;AAEA;;;;;;;;;;;;;;AC7DA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;;AAEA;AACA;AAOA;AACA;AAIA;AAAA;AAAA;AAAA;AACA;AAMA;AACA;AAGA;AACA;AAEA;AACA;AAEA;AACA;;AAEA;AACA;AAKA;AACA;AAUA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;ACvEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAIA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAGA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAEA;AACA;AAEA;AAAA;AAGA;AAMA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;ACtFA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AACA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AASA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AAEA;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;ACxLA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;ACtCA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;;;;;;;;;;;;;ACVA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AAAA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;AC5XA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;;AAEA;AACA;AAOA;AACA;AAGA;;AAEA;AACA;AAGA;AACA;AAKA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAWA;AACA;AAYA;AACA;AACA;AACA;AACA;AAEA;AAWA;AAGA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAMA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;AC1JA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAGA;AAAA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AAAA;AAGA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AAAA;AAIA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAGA;;;;;;;;;;;;;;;;;;;;;;;;;ACvIA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAMA;;;;;;;;;;;;;;;;;;;;ACvFA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAIA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAMA;AAAA;AAAA;AAGA;AAAA;AACA;AAAA;AAAA;AAAA;AAMA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;;;;;;;;;;;;;;;;;AC3DA;AACA;AAEA;AAEA;AAAA;AAIA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;ACrBA;AACA;AACA;AAEA;AACA;AAEA;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AALA;AAQA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAMA;AAAA;AAKA;AACA;AACA;AAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AAAA;AAMA;AACA;AACA;AAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAIA;;;;;;;;;;;;;;;;;;;ACzFA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;;;;;;ACzDA;AAAA;AAEA;AAAA;AACA;AAIA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAGA;AAAA;AAEA;AAAA;AAAA;AAIA;AAAA;AAEA;AAAA;AAEA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqDA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiHA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AA2CA;AACA;AACA;AACA;AAAA;AAjNA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AA6KA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AA1PA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoDA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAQA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAaA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjQA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AAAA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAIA;AAEA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;ACjHA;AACA;AAEA;;AAEA;AACA;;;;;;;;;;;;;;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;ACj6BA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AACA;AACA;AAsHA;AA9HA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;;;;;;;;;;;;;;;;;;;ACpIA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;ACrCA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;;;;;;;;;;;;;;;;ACLA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;ACjBA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAIA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AAEA;;;;;;;;;;;;;;;;;;;;;;AChFA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAIA;AAIA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;;;;;;;AC7IA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAKA;AACA;AAAA;AAOA;AAEA;;;;;;;;;;;;;;;;;;;;;;ACpFA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAKA;AAGA;AAEA;;;;;;;;;;;;;;;ACjDA;AACA;;;;;;;;;;;;;;;;;;;;;ACDA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;AC1GA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;ACvBA;;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;ACZA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAEA;AAAA;AAIA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAIA;AAGA;AAEA;;;;;;;;;;;;;;;;;;AC7BA;AACA;AAEA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAOA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtCA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AACA;AAAA;AACA;AAAA;AAOA;AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;AC/EA;AACA;AACA;AACA;AAEA;AAiBA;AACA;AACA;AACA;AAEA;AASA;AAEA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAOA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAIA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAQA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AACA;AAAA;AAMA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;ACvPA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;AC3EA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;ACTA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAIA;AAAA;AAGA;AAGA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;;;;;;;;;;;;;;;;;;;;AClFA;AAEA;;AAEA;AACA;AAGA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9BA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAGA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAMA;AACA;AAAA;AAAA;AAGA;AAGA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAEA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;AC9EA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAMA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAMA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAAA;AAAA;AAGA;AACA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;;;;;;;;;;;;;;;;;ACzIA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;AC5BA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;ACvEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;ACtBA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA;AACA;AAGA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;AClDA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAGA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAGA;AAAA;AAAA;AAIA;AAAA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAQA;AACA;AAAA;AAAA;AAAA;AAAA;AAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;;;;;;;;;;;;;;;;AChHA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;ACzDA;AAEA;AAEA;AAEA;AACA;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;AC3GA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;;AAEA;AACA;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/EA;AACA;AACA;AAYA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAEA;AACA;AACA;AAEA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAIA;AACA;AACA;AACA;AACA;AAAA;AAKA;AACA;AACA;AAEA;AACA;AAEA;AAOA;AACA;AACA;AAEA;AACA;AAAA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAOA;AAEA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;AC5UA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAGA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;;;ACjNA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;ACfA;AAEA;AAEA;AACA;AAEA;AAEA;AACA;AAEA;AAEA;AAGA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAIA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAGA;AAAA;AAAA;AAKA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAMA;AACA;AAAA;AAEA;;;;;;;;;;;;;;;;;AC/GA;AAEA;AAEA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAEA;AAAA;AAGA;AAAA;AAGA;AAIA;AAEA;;;;;;;;;;;;;;;;;;;;;ACrCA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AACA;AAAA;AAIA;;;;;;;;;;;;;;;;ACtBA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAGA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAIA;;;;;;;;;;;;;;;;AC1BA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAQA;;;;;;;;;;;;;;;AChBA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAGA;AAIA;;;;;;;;;;;;;;;;;;;;AClBA;AACA;;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAWA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AAGA;AACA;AACA;AACA;AAvBA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAmBA;;;;;;;;;;;;;;;;;;;;;;ACnCA;AACA;AAEA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAEA;AAEA;AACA;AAGA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAKA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAEA;AAAA;AAEA;AAAA;AAOA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;ACxFA;AACA;AAEA;AACA;AAAA;AAIA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAGA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;ACnBA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAQA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAOA;AACA;AAjEA;AACA;AAkEA;;;;;;;;;;;;;;;;;;;;;;;;;;;AChFA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAUA;AAEA;AAEA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAIA;AAAA;AACA;AAAA;AAKA;AAAA;AACA;AAAA;AAEA;AAAA;AAQA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAIA;AAKA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnFA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAIA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9HA;AACA;AAEA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAIA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAGA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAIA;AACA;AAIA;AAAA;AAAA;AACA;AACA;AAGA;AAEA;AAEA;AACA;AACA;AACA;AAIA;AAEA;AAGA;AACA;AACA;AAAA;AAEA;AAGA;AAAA;AAEA;AAGA;AAAA;AAEA;AAIA;AAEA;AAGA;AACA;AACA;AACA;AAAA;AAEA;AAIA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAKA;AAEA;;;;;;;;;;;;;AC3MA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;;;;;;;;;;;;;;;;ACzBA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;ACxBA;AACA;AAEA;AACA;AACA;AAEA;AASA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAIA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;ACtKA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAKA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;AC7EA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;ACpFA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;AAEA;;;;;;;;;;;;;;;;;;;ACpFA;AAEA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;;;;;;;;;;;;AC5CA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;ACLA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AACA;AACA;AAGA;AAEA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;AClDA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;ACzBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpBA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;AC1KA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;ACtCA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxCA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AAEA;AAEA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;AChFA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1BA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AAEA;AAEA;AAEA;AAEA;AAAA;AAAA;AACA;AAOA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAGA;AAAA;AAAA;AACA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;AC1HA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA;AAAA;AACA;AAAA;AAAA;AAEA;AAEA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;;;;;;;;;;;;;;;;AC9GA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;;;;;;;;;;;;;;;ACtEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;;;;;;;;;;;;;;;ACpDA;AAEA;;AAEA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;ACnDA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAKA;AAEA;AAEA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAMA;AAEA;;;;;;;;;;;;;;;;;;;;;ACnFA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;;;;;;;;;;;;;;;;;;;;AClDA;AAEA;AACA;AAEA;AAEA;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;;AAEA;AACA;AAAA;AAAA;AACA;;AAEA;AACA;AAAA;AAAA;AACA;;AAEA;AACA;AAAA;AAAA;AACA;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;ACtFA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAGA;AAAA;AAAA;AAcA;AACA;AAAA;AAGA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AAAA;AA5CA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAIA;AAmCA;AAEA;;;;;;;;;;;;;;AC9DA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AACA;AAAA;AAIA;;;;;;;;;;;;;;;ACfA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAIA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtBA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AAIA;AAAA;AAAA;AA4BA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAxEA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAEA;AAAA;AAIA;AACA;AACA;AACA;AAAA;AAIA;AAAA;AACA;AAAA;AAGA;AAiDA;;;;;;;;;;;;;;;;;;;;ACvFA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAgCA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AA1CA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAIA;AAAA;AAEA;AAAA;AAAA;AAAA;AAMA;AAeA;AAEA;;;;;;;;;;;;;;;ACtDA;;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;ACvCA;AAEA;AAEA;AAEA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcA;AACA;AACA;AAGA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAGA;AACA;AACA;AACA;AAGA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;;AAEA;AACA;AAAA;AAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAGA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAlLA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwJA;AAEA;;;;;;;;;;;;;;;AChMA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;ACpCA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AAAA;AAAA;AAAA;AAEA;AAKA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;AC9FA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;ACnCA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AAGA;AAAA;AAQA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;;;;;;;;;;;;;;;;;;ACpEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAWA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAOA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAOA;AAEA;;;;;;;;;;;;;;;;;;AC/EA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAIA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAEA;AAAA;AAAA;AAMA;AACA;AAAA;AAAA;AAMA;AAEA;;;;;;;;;;;;;;AC5FA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;ACNA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAMA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAOA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AACA;AAIA;AACA;AACA;AACA;AACA;AAKA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AACA;;AAEA;AACA;AACA;AAGA;AACA;AAAA;AAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAGA;AAAA;AAAA;AAKA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAGA;AAAA;AAAA;AAMA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAIA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;ACvQA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAEA;AACA;AAAA;AAEA;AACA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAEA;AACA;AAAA;AAEA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAEA;AACA;AAAA;AAEA;AACA;AAAA;AAIA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;;;ACjGA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;AC1CA;AACA;AAEA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAEA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AAEA;;;;;;;;;;;;;;;;;;AC3GA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;ACxCA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;ACXA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;;;;;;;;;;;;;;;;;;AC1BA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtBA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AASA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAGA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAGA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAOA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAMA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAKA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAKA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAKA;AAEA;AAEA;AACA;AAEA;AAAA;AAAA;AAOA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAIA;AAAA;AAGA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;ACzMA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5CA;AACA;;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AAAA;;;;;;;;;;;;;;AC1EA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAGA;AAAA;AAEA;AAAA;AAIA;AAAA;AACA;AAAA;AACA;AAAA;AAGA;AAAA;AAKA;AAEA;;;;;;;;;;;;;;;;;;;ACpCA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAgCA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AApCA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAGA;AASA;AAEA;;;;;;;;;;;;;;;;;;ACrDA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAGA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AAEA;;;;;;;;;;;;;;;;;ACxBA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;;;;;;;;;;;;;;;;;;;ACvEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAIA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAKA;AAEA;;;;;;;;;;;;;;;ACjDA;AAEA;AAAA;AAAA;;;;;;;;;;;;;;;;;ACFA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAMA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;AC5CA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzCA;AACA;AAEA;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AAAA;AAMA;AACA;AAAA;AAkRA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AAAA;AAGA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAGA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAKA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAGA;AAAA;AAGA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAcA;AAAA;AAGA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AAGA;AAAA;AAGA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AAAA;AAGA;AAAA;AAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAzyBA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAKA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAEA;AAIA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAIA;AAAA;AAGA;AAAA;AAAA;AACA;AAAA;AAAA;AAKA;AA0YA;AAEA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AAuIA;AAEA;;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;;;;;;;;;;;;;;;ACr3BA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;;;AC3CA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AACA;AACA;AAAA;AACA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;AC5FA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AAAA;AAEA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;ACjEA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;ACxBA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;;;;;;;;;;;;;;;;;;ACbA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAIA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;AChEA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;;;;;;;;;;;;;;;ACrHA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;;;;;;;;;;;;;;;AC1DA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;;;;;;;;;;;;;;;ACxDA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;;;;;;;;;;;;;;;;;AC5BA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;ACdA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAGA;AACA;AACA;AACA;AAAA;AAIA;AACA;AAEA;AACA;AAGA;AACA;AAAA;AAIA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;ACtFA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACtCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;ACvEA;AACA;AACA;AAEA;;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAKA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1BA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAGA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAGA;AAAA;AAOA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAGA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAUA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;AC1RA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxCA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAGA;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AAGA;;AAEA;AACA;AACA;AAEA;AAGA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAKA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAGA;AAAA;AAAA;AAKA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpYA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAGA;AAGA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtOA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAMA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAOA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;ACvHA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;AChEA;AACA;AAEA;AAEA;AAEA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7GA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7GA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAGA;AAAA;AAGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAKA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;;AAEA;AACA;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AAAA;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAGA;AACA;AACA;;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AACA;AAGA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAIA;AAAA;AAEA;;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAGA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AAUA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtUA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;ACtFA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AATA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AADA;AAUA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAGA;AAIA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;ACvHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;AChEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AASA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxBA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;;AAEA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;;AAEA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;ACjNA;AACA;AACA;AACA;AAaA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKA;AACA;;;;;;;;;;;;;;;;;;;;AC/JA;AACA;AACA;AACA;AAYA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAIA;AACA;AACA;AAAA;AAKA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAIA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAQA;AAAA;AAAA;AAAA;AAIA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrIA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAIA;AAAA;AACA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAOA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;AC3LA;AAEA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAKA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;AAEA;AAEA;;;;;;;;;;;;;;;;;;AC5BA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnBA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AAEA;AAOA;AAAA;AANA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AANA;AAOA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAKA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAMA;AAAA;AACA;AAAA;AAOA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAAA;AACA;AAAA;AAMA;AACA;AAAA;AAAA;AAAA;AAAA;AAOA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;;;;;;;;;;;;;;;ACzIA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;;ACrEA;AACA;AAEA;AASA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAIA;AAAA;AAGA;AAAA;AACA;AAAA;AAGA;AAAA;AASA;AAAA;AAAA;AAAA;AAIA;AAAA;AACA;AAAA;AACA;AAAA;AAIA;AAAA;AAMA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAIA;AAEA;AACA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAIA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAGA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAGA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAGA;AAAA;AAAA;AAIA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AAKA;AAGA;AACA;AAIA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAGA;AAAA;AAAA;AAGA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;AAEA;;;;;;;;;;;;;;;;ACxLA;AACA;AAEA;AAQA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAGA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AASA;AAAA;AACA;AAAA;AAKA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/CA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAAA;AAGA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;ACjCA;AACA;AAEA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAIA;AAAA;AACA;AAAA;AAIA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;AC1CA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAGA;AAGA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAMA;AAEA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;ACrGA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;ACnCA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACHA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AACA;AAEA;AAKA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAIA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAKA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAQA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;AChUA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzCA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAEA;AACA;AAAA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AAIA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AAAA;AAKA;AAAA;AAIA;AAIA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAKA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;AAEA;;;;;;;;;;;;;;;AC/TA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnBA;AAaA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;ACpHA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAGA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;AC9EA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjBA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAEA;AACA;AAAA;AAEA;AAEA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAYA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAEA;AAEA;AACA;AACA;AAIA;AACA;AACA;AAIA;AACA;AACA;AACA;AAEA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AAIA;AACA;AACA;AAIA;AACA;AACA;AAEA;AAAA;AAEA;AAEA;AACA;AACA;AAEA;AAAA;AAEA;AAGA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;;;;;;;;;;;;;;;AC3SA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAEA;AAAA;AAKA;AAEA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAEA;AAAA;AAKA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAIA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAKA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;AC5JA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AAEA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;AC3BA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;AC5BA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;AC3BA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AAGA;AAAA;AAAA;AAAA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1CA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AAEA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAKA;AAEA;AAAA;AAGA;AAEA;AAAA;AAEA;AAEA;AACA;AACA;AAAA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAEA;AAEA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAEA;AAEA;AAAA;AACA;AAEA;AACA;AAEA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAEA;AACA;AAAA;AAGA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAMA;AAIA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAOA;;;;;;;;;;;;;;;;;;;;;;;;;;AChRA;AACA;AACA;AACA;AAEA;AACA;AASA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AAAA;AAIA;AACA;AAAA;AAAA;AAEA;AAAA;AAGA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;AC/EA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3BA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAGA;AAAA;AAGA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAGA;AAEA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAKA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AACA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5JA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAGA;;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAUA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAIA;AACA;AACA;AACA;AAAA;AAKA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;AC/QA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAMA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;ACxCA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;AC3IA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAGA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;ACpFA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAEA;AAeA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAGA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;;;;;;;;;;;;;;;;;AC3KA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAKA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAOA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;AC7BA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AAAA;AAGA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;ACtEA;AAEA;AAEA;AACA;AAEA;AAEA;AAUA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAGA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAGA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9IA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAMA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AAOA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAEA;;;;;;;;;;;;;;;;;;ACpFA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;ACnCA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAIA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;;;;;;ACxDA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;;;;;;;;;;;;;;;;;;;;;AC5BA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAEA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAEA;AAAA;AAEA;AAAA;AAGA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;AC5DA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpCA;AACA;AAEA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAIA;AAAA;AAAA;AACA;AAAA;AA4GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAiBA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AA9LA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;;AAEA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;AAAA;AAIA;AACA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAAA;AAKA;AAAA;AAKA;AAkEA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAUA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrOA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AAMA;AAAA;AALA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AADA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAKA;AACA;AAEA;;;;;;;;;;;;;;;;;AC/CA;AACA;AACA;AACA;AAEA;AAGA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAKA;;;;;;;;;;;;;;;;;;;;;ACpBA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;;;;;;;;;;;;;;;AC5CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACdA;AACA;AACA;AAWA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAGA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AAEA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AAIA;AACA;;;;;;;;;;;;;;;;;;;;ACrIA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAKA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;;;;;;;;;;;;;;;;;;AClGA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AAIA;AAIA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;AC1DA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;AC7CA;AAEA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;;;;;;;;;;;;;;ACXA;AAEA;AAEA;AACA;AACA;AAEA;AAaA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;;;;;;;;;;;;;;ACxDA;AAEA;AAEA;AACA;AACA;AAEA;AAaA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;ACrCA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;AChCA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;ACbA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;ACnBA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAIA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;ACnDA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAGA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAKA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AACA;AAAA;AAAA;AAAA;AASA;AAAA;AAKA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;AC7HA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AAGA;AACA;AAAA;AA+CA;AAAA;AAAA;AAEA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAzFA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAgDA;AAAA;AAEA;;;;;;;;;;;;;;;;AC5GA;AACA;AACA;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAEA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAIA;AACA;AACA;AAAA;AAEA;AAAA;AAMA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;;;;;;;;;;;;;;;;;ACnEA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;;;;AC9BA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAKA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;ACnCA;AACA;AAEA;AAEA;AAAA;AAIA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClBA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AANA;AAWA;AACA;AAAA;AA8DA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAGA;AAGA;AACA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAiBA;AAAA;AAAA;AACA;AAlJA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAyEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAKA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrLA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AA0WA;AACA;AA1WA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAOA;AACA;AACA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAIA;AAIA;AAIA;AAIA;;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAOA;AAKA;AAKA;AAKA;AAKA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;;AAEA;AACA;AACA;AAEA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;;AAEA;AACA;AAGA;AACA;AACA;;AAGA;AACA;AAKA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAKA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;AC3qBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AAAA;AAAA;AAGA;AAAA;AACA;AAAA;AAIA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AAAA;AAIA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;;;;;;;;;;;;;;;ACvHA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;;;;;;;;;;;;;;;;;ACbA;AACA;AACA;AACA;;AAEA;AACA;AAEA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;;AAEA;AACA;;AAeA;AACA;AAIA;AACA;AAEA;AAcA;AACA;AAEA;AACA;;AAEA;AACA;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACzFA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAQA;AACA;AAEA;AACA;AACA;AAEA;AAIA;AACA;AAEA;AACA;AACA;;;;;;;;;;;;AC9BA;;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AAEA;AAEA;AACA;AAEA;AAMA;AAOA;AAEA;AACA;;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;ACxCA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AASA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAGA;AACA;AACA;AAEA;;AAEA;AACA;AAKA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AAKA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AACA;;;;;;;;;;;;;;ACrEA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAKA;AAQA;AAQA;AACA;AAEA;AAUA;AACA;AAIA;;;;;;;;;;;;;;ACjGA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AAOA;AACA;AACA;AACA;AAEA;AAQA;AAEA;AAMA;AACA;AAQA;AACA;;;;;;;;;;;;;;AC5CA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;;AAEA;AACA;AAQA;AACA;AAGA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;;AAEA;AACA;;AAEA;AACA;AAKA;AACA;AAKA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAKA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;ACpEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AAGA;AACA;AACA;AACA;AAEA;AAIA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAGA;;AAEA;AACA;AAEA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;AC3JA;AACA;AAEA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AAKA;AACA;;AAEA;AACA;AAKA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAIA;AACA;AACA;;AAEA;AACA;AAIA;AACA;AAKA;AAIA;AAGA;;AAEA;AACA;AAKA;AACA;AACA;AAEA;AAEA;AASA;AACA;;AAEA;AACA;AAEA;AAYA;;AAQA;AACA;AAOA;AACA;AACA;;;;;;;;;;;;;;;;;;ACvHA;AAEA;AACA;AAEA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AAKA;AACA;AAEA;AAIA;AACA;AACA;;AAEA;AACA;AAOA;AACA;AAEA;;AAEA;AACA;AASA;AAGA;AAGA;;AAEA;AACA;AAEA;AAWA;;AASA;AACA;AAEA;AAQA;AASA;AAAA;AAAA;AAAA;AAAA;;AAEA;AACA;AAIA;AACA;AACA;AAEA;AAUA;AASA;AACA;AAEA;AAKA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACrJA;AAEA;AAAA;AAAA;AACA;AAQA;AAQA;AAEA;AAEA;AAIA;;;;;;;;;;;;;;;;;AC3BA;AACA;AAEA;AAEA;AAEA;AAEA;AAAA;AAAA;AACA;AAKA;AACA;;AAEA;AACA;AAKA;AACA;AACA;AAEA;AAEA;AAQA;AAIA;AACA;AACA;;AAEA;AACA;;AAWA;AACA;AAEA;AAOA;AACA;AAGA;;AAEA;AACA;AAOA;AACA;AACA;;;;;;;;;;;;;;ACpFA;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAKA;AACA;;AAEA;AACA;AAQA;AAKA;AACA;AAKA;AAIA;AACA;;AAEA;AACA;AAEA;AAQA;AACA;AACA;AACA;AASA;AAKA;AACA;AAKA;AAIA;AAGA;AACA;AACA;;AAEA;AACA;AAKA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;ACzGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAGA;;;;;;;;;;;;;;;;AChCA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;ACpCA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AAIA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlIA;AACA;AACA;AACA;AACA;AAoEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAuDA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAEA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AAQA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA1UA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAQA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAGA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAoBA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAYA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAwCA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAqCA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAkFA;;;;;;;;;;;;;;ACnVA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3CA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAEA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAIA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsHA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuHA;AACA;AAEA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AA7OA;AAEA;AACA;AAEA;AAEA;AACA;AAwJA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AAoEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA/SA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAGA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAgBA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AA6CA;;;;;;;;;;;;;;;;;;;;;ACpUA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AAGA;AACA;AACA;AACA;AAGA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AA5GA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgGA;;;;;;;;;;;;;;;;;;;;;;;;AClHA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;ACrCA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;AC7FA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AAWA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAKA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAKA;AAAA;AAGA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;ACzGA;AACA;AAEA;AAAA;AAAA;AAAA;AAaA;AAAA;AAAA;AACA;AACA;AAAA;AAdA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAKA;AAMA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;ACrBA;AACA;AACA;AAEA;AAEA;AAEA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAGA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAMA;AAEA;;;;;;;;;;;;;;;;;AClEA;AACA;AAEA;AAEA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAIA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;;AC3DA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxDA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAIA;AAAA;AAGA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAGA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAKA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AACA;AAAA;AAMA;AAAA;AAAA;AAOA;AACA;AAAA;AAAA;AAAA;AAAA;AAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;;;;;;;;;;;;;;;;;ACnIA;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAUA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;AC3DA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;ACjBA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;ACpCA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAGA;;;;;;;;;;;;;;;;;;;;ACtLA;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnEA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/GA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AAAA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAGA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAIA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAMA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;AC7KA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;ACpBA;AACA;AAEA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;;;;;;;;;;;;;;;;AC9BA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;;;;;;;;;;;;;;;ACXA;AACA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAEA;AAAA;AAAA;AAMA;AAEA;;;;;;;;;;;;;;;;ACxBA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;;;;;;;;;;;;;;;;;;;ACXA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;ACtBA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;AC9CA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AACA;AAEA;AAMA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;ACxDA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AACA;AACA;AAAA;AAGA;AAAA;AAQA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;ACnGA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;AC9BA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAEA;AAEA;AAIA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;ACvIA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;AC7CA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAOA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;;;;;;;;;;;;;;;;;;;ACvHA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;ACtBA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;AC3BA;AACA;AACA;AAEA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAGA;AACA;AACA;AACA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAIA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAIA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAKA;AAAA;AAAA;AAMA;AAAA;AAAA;AAQA;AAEA;;;;;;;;;;;;;;;;;AC1JA;AAEA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAGA;AACA;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;ACjCA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;;;;;;;;;;;;;;ACvBA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACzBA;AAEA;AAEA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAKA;AACA;AACA;AAEA;AACA;AAKA;AACA;AACA;;;;;;;;;;;;;;;;;;;;ACrCA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;AC9DA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;ACvBA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAKA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAMA;AAAA;AACA;AAAA;AAIA;AAAA;AACA;AAAA;AAKA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAAA;AACA;AAAA;AAAA;AAGA;AAAA;AAAA;AAMA;AAAA;AACA;AAAA;AASA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AAEA;AAAA;AACA;AAAA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAMA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;AAEA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;ACtNA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAGA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;;;;;;;;;;;;;;;;ACvRA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;ACvCA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;AC9BA;AAEA;AAEA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;ACjCA;AAEA;AAAA;AAAA;AAAA;AAEA;;;;;;;;;;;;;;;;;;;ACJA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AAMA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAGA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACvHA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;;AAIA;AACA;AAGA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAKA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAOA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;AChMA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;AC9CA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAIA;AAKA;AAEA;AACA;AACA;AACA;;AAIA;AACA;AAGA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAKA;AAIA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AAGA;AACA;AACA;AACA;AAAA;AAMA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAOA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;ACjOA;AAEA;AAEA;AACA;AACA;AAUA;AAMA;AALA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AADA;AAEA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAKA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAOA;AAEA;;;;;;;;;;;;;;;;;ACrEA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAOA;;;;;;;;;;;;;;;;;;;;;;ACtBA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAMA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;ACtEA;AACA;AACA;AAEA;AAQA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3CA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAIA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAQA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;AC3KA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;AC1BA;AACA;AAEA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;ACXA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAIA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;AC5EA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAMA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;AC5CA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAKA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAKA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAQA;AAEA;;;;;;;;;;;;;;;;ACvIA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;;;;;;;;;;;;;;;;ACxBA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAKA;AAEA;;;;;;;;;;;;;;;;ACpBA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjBA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;;;;;;;;;;;;;;;ACvRA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAKA;AAEA;;;;;;;;;;;;;;;ACrDA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;;;;;;;;;;;;;;;;;;;;;;;AC5DA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAKA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAGA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;;;;AC5LA;AACA;AAEA;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAIA;AAAA;AACA;AAAA;AAIA;AAAA;AACA;AAAA;AAIA;AAAA;AACA;AAAA;AAIA;AAAA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAIA;AAAA;AACA;AAAA;AAGA;AACA;AAGA;AAAA;AAAA;AAAA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;AC3IA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAGA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;;;;;AC1DA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;;;;;;;;;;;;;;;;;AC9FA;AAEA;AAEA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/GA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AAEA;AAAA;AAIA;AACA;AAAA;AAyDA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAEA;AAAA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAzEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAKA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAGA;AAAA;AAGA;AAAA;AAAA;AAAA;AASA;AAsBA;;;;;;;;;;;;;;;;AC5FA;;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;AC/DA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpBA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AAGA;AACA;AACA;AACA;AACA;AACA;AAEA;AAIA;AAEA;AACA;AACA;AAEA;AAIA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;AClMA;AAEA;AACA;AACA;AACA;;;;;;;;;;;;;;;;ACLA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;AC3CA;AACA;AAYA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAGA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;;;;;;AChQA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAGA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;;ACnFA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAIA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;ACvBA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;AC1DA;AACA;;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAMA;;;;;;;;;;;;;;;;;ACnBA;AACA;AACA;AAEA;AAAA;AAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAIA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAIA;AAKA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxDA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AAKA;AAAA;AAIA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;;;;;;;;;;;;;;;AC5NA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;ACxBA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;AC3EA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAGA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;AC5BA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;;;;;;;;;;;;;;;;ACZA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;;;;;;;;;;;;;;;;AC7BA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;ACbA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;ACZA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AACA;AAGA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AACA;AAEA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;ACnCA;AACA;AAYA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAEA;;AAEA;AACA;AACA;AACA;AAGA;AACA;AAEA;AACA;AACA;AAAA;AACA;AAEA;AAAA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAEA;AACA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAEA;AACA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AAAA;AAEA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAEA;AACA;AAAA;AACA;AACA;AAEA;AAAA;AAEA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAEA;AACA;AAAA;AACA;AAEA;AAAA;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;ACpIA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;AC/BA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;AClCA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAuBA;AAAA;AAAA;AACA;AACA;AACA;AACA;AA1BA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAQA;AAEA;;;;;;;;;;;;;;;;;;;;;;;ACzCA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;AC1EA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;AC3CA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;AClCA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AAGA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;;;;;;;;;;;;;;;;;;ACrHA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAMA;AAEA;;;;;;;;;;;;;;;;;AC3CA;AAEA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;;;;;ACnBA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AAIA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAEA;AAAA;AAMA;AAGA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAOA;AAEA;;;;;;;;;;;;;;;;ACzDA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AAIA;AAGA;AAEA;;;;;;;;;;;;;;;ACxCA;AACA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACDA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;;AAEA;AACA;AACA;AAAA;AAAA;AACA;;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAEA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AACA;AAAA;AAGA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnLA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;AAYA;AAAA;AAXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AADA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;;AAEA;AACA;AAAA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AACA;AAAA;;AAGA;AACA;AACA;AAGA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;;AAEA;AACA;AACA;AAGA;AAEA;AACA;AAEA;AACA;;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAEA;AAGA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;ACnMA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAEA;AAIA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAOA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAIA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;;;;;;;;;;;;;AC/GA;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;ACNA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAQA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzDA;AACA;AACA;AACA;AAEA;AAEA;AAeA;AAdA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AADA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;ACtIA;AACA;AAEA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;;;;;;;;;;;;;;;;ACnDA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;ACXA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;AChCA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAIA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AAEA;AACA;AACA;AAEA;AAEA;;;;;;;;;;;;;;;;;;;;;;ACjCA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAKA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAQA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/DA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;ACjEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAOA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAQA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;ACzEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;AC3BA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACJA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAGA;AACA;AACA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;ACrMA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;ACvBA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;AAAA;AACA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;ACpCA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;;;AC3BA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;ACvCA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;AChEA;AACA;AAEA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AAEA;AAAA;AAEA;AAEA;AACA;AAEA;AAAA;AAEA;AAEA;AACA;AAEA;AAAA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAAA;AAGA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AAAA;AAKA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAAA;AAGA;AACA;AACA;AACA;AAGA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;ACzJA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;ACxDA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;ACHA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAMA;AAEA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;ACxFA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAEA;AAIA;AAKA;AAIA;AACA;AACA;AACA;AACA;AAGA;AAIA;AACA;AAGA;AAMA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAGA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAIA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AAAA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAeA;AAEA;AACA;AAIA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AAAA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AAIA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAKA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AAEA;AAIA;AACA;AAAA;AAIA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AAAA;AAIA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;ACxWA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;ACPA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7BA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AACA;AAAA;AAGA;AACA;AAAA;AAOA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACjGA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;;AAEA;AACA;AACA;AAEA;AACA;AAMA;AAIA;AACA;AAGA;AACA;AAEA;AACA;AAMA;AAOA;AACA;AAKA;;AAEA;AACA;AACA;AAEA;AACA;AAKA;AAGA;AACA;AAGA;AAQA;AAEA;AACA;AAKA;AAMA;AAEA;AACA;AAKA;AAIA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;AChIA;AACA;AACA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;AC3DA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AAAA;AAQA;AAEA;;;;;;;;;;;;;;;;;;;;;AC1DA;AACA;AAEA;AAUA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;AC/CA;AACA;AAEA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAIA;AAGA;AACA;AACA;AACA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;AC7CA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;ACxEA;AACA;AACA;AAEA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;ACtIA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;ACTA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;;;;;;;;;;;;;;;;;;ACXA;AAEA;;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;;;;;;;;;;;;;;;;;;;;;;;ACrBA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AAAA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;;;;;;;;;;;;;;;;AC3BA;AAEA;AAEA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAAA;AAEA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAUA;AAEA;;;;;;;;;;;;;;;;;;;;;;;AC9DA;AACA;AACA;AAEA;AASA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AAGA;AACA;AACA;AACA;AAAA;AAAA;AAKA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAEA;AACA;AAEA;AACA;AAIA;AAEA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;;;;;;;;;;;;;;;;;;ACxFA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAMA;;;;;;;;;;;;;;ACrBA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;ACbA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKA;AAIA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAIA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAKA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;AC3QA;AACA;AACA;AAEA;AAEA;AASA;AAEA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;;;;;;;;;;;;;;;;;;;;;;;AC/DA;AACA;AACA;AAEA;AASA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;;;;;;;;;;;;;;;;ACzDA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAMA;AAEA;;;;;;;;;;;;;;;;;;;;AC/CA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAMA;AAEA;;;;;;;;;;;;;;;;;ACvDA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAOA;;;;;;;;;;;;;;;;;;;;;;;;AC1BA;AACA;AACA;AACA;AAEA;AAUA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;AC1EA;;AAEA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAEA;AACA;AACA;AAAA;AACA;AAEA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;ACpDA;AACA;AACA;AACA;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AArBA;AA0CA;AACA;AAAA;AAmCA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AA3CA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAKA;AAcA;AAhEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAmDA;;;;;;;;;;;;;;;;;;;;AClGA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBA;AAnBA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;;;;;;;;;;;;ACpCA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;ACLA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;AAAA;AAGA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;;;;;;;;;;;;;;;AC5BA;AACA;AAEA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;;;;;;;;;;;;;;;;;;;;;;;ACPA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;ACrHA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AAPA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AADA;AAOA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;AC1CA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;;;;;;;;;;;;;;;;;ACjCA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAOA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;AC3DA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;ACnDA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AAPA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AADA;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAGA;AACA;AAAA;AAAA;AAAA;AAGA;AAEA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;AC5JA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AAPA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AADA;AAQA;AAGA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;ACtCA;AACA;AAEA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAOA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;ACzDA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;ACXA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;ACNA;AACA;AACA;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;ACNA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;ACnBA;;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;ACZA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAGA;AAAA;AAEA;AACA;AAAA;AAAA;AAKA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAMA;AAEA;;;;;;;;;;;;;;;;;;;;ACrDA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAMA;AAEA;;;;;;;;;;;;;;;AC3CA;AACA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;ACDA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;ACjCA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAIA;AACA;AACA;AACA;AAEA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;AC7CA;AACA;AACA;;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAMA;AACA;;;;;;;;;;;;;;ACpCA;AACA;;AAEA;;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAGA;AAEA;;;;;;;;;;;;;;;;;;AChBA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;ACbA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAIA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;AC9MA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5BA;AACA;AACA;AACA;AAEA;AASA;AACA;AACA;AACA;AACA;AAEA;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAUA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;AC/MA;AACA;AAEA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;AC3CA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;;;;;;;;;;;;;;;ACvBA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;AC3CA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACTA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAWA;AAAA;AAVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AADA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjHA;AACA;AACA;AACA;AACA;AAWA;;AAEA;AACA;AACA;AACA;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAWA;AAVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AADA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAGA;AACA;AACA;AAEA;AAAA;AAAA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;ACnKA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1BA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;ACxDA;AACA;;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtBA;AACA;AACA;AACA;AACA;AAEA;AAEA;;AAEA;AACA;AACA;AACA;AAgBA;AACA;AAAA;AAmFA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AA1IA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AAEA;AACA;AAAA;AACA;AAIA;AAAA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAOA;AA4DA;AAAA;AA3JA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;AC3BA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;ACtCA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAsGA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAEA;;AAEA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AA9JA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAEA;AAOA;AAEA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AAIA;AAGA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AA8DA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAIA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;ACzMA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAEA;;;;;;;;;;;;;;;;;ACjEA;AACA;AAEA;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;AClCA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;;AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;AClDA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;AChBA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AAEA;AAYA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;;;;;;;;;;;;AC/DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;AC1CA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;ACzEA;AACA;AACA;AACA;AACA;AAEA;AAEA;;;;;;;;;;;;;;;;ACRA;AAEA;;;;;;;;;;;;;;;ACFA;;AAEA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAGA;AAEA;AAAA;AAGA;AAEA;AAAA;AAGA;AACA;AAQA;AACA;AACA;AACA;AACA;AAEA;AACA;;AAEA;AACA;AACA;AACA;AAEA;AACA;AAAA;AACA;AAEA;;;;;;;;;;;;AC7DA;;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;;;;;;;;;;;;;;;AC1KA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;;;;;;;;;;;;;;;;AChBA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;;;;;;;;;;;;;;;;AC7LA;;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;;;;;;;;;;;;ACjBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;ACrBA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;AC7BA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtDA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AACA;AAAA;AAGA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AACA;AAtCA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCA;;;;;;;;;;;;;;;;;;;;;;ACpDA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAGA;AACA;AAEA;;;;;;;;;;;;ACpDA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AAGA;;;;;;;;;;;;;;ACXA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AAEA;;;;;;;;;;;;;AC/OA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAIA;;;;;;;;;;;;;ACtBA;AAEA;;;;;;;;;;;;;;;;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAGA;;;;;;;;;;;;;AChFA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAGA;;;;;;;;;;;;ACjCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACTA;AACA;AACA;AACA;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;;;;;;;;;;;;AC1KA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;;;;;;;;;;;;;;;;;;AC7BA;AAmEA;AA2BA;AACA;AA6CA;AAsBA;AACA;AACA;AACA;AAEA;AACA;AACA;AASA;AACA;AACA;AAQA;AACA;AACA;AA+BA;AAeA;AACA;AACA;AAyCA;AAeA;AACA;AACA;AA0DA;AAqBA;AACA;AAAA;AAAA;AAAA;AACA;;;;;;;;;;;;ACzXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;ACpBA;AAEA;AAaA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AAEA;;;;;;;;;;;;;;;AC1EA;AACA;AACA;;;;;;;;;;;;;;;;ACFA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;;;;;;;;;;;;;;;;;;;;;ACbA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;AChDA;AAEA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;AClBA;;;;;;;;;;;;;ACAA;;;;;;;;;;;;;ACAA;;;;;;;;;;;;;ACAA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;ACDA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACDA","sources":["webpack://@fortressiq/trinity/./client/app/admin/tenants/__tests__/__snapshots__/CreateTenantButton.test.jsx.snap","webpack://@fortressiq/trinity/./client/app/admin/tenants/__tests__/__snapshots__/ManageAccount.test.jsx.snap","webpack://@fortressiq/trinity/./client/app/admin/tenants/__tests__/__snapshots__/TenantCreator.test.jsx.snap","webpack://@fortressiq/trinity/./client/app/applications/__tests__/__snapshots__/ApplicationIconCell.test.jsx.snap","webpack://@fortressiq/trinity/./client/app/client_dashboard/__tests__/__snapshots__/Details.test.jsx.snap","webpack://@fortressiq/trinity/./client/app/events/__tests__/__snapshots__/EventFilter.test.jsx.snap","webpack://@fortressiq/trinity/./client/app/instances_viewer/controls/__tests__/__snapshots__/index.jsx.snap","webpack://@fortressiq/trinity/./client/app/pdds/__tests__/__snapshots__/PddGenToast.test.jsx.snap","webpack://@fortressiq/trinity/./client/app/process_explorer/controls/__tests__/__snapshots__/ControlsBar.jsx.snap","webpack://@fortressiq/trinity/./client/app/process_explorer/controls/__tests__/__snapshots__/FlowControl.jsx.snap","webpack://@fortressiq/trinity/./client/app/process_explorer/controls/__tests__/__snapshots__/GroupsControl.jsx.snap","webpack://@fortressiq/trinity/./client/app/review/__tests__/__snapshots__/ObserverSelect.test.jsx.snap","webpack://@fortressiq/trinity/./client/app/review/__tests__/__snapshots__/Sidebar.test.jsx.snap","webpack://@fortressiq/trinity/./client/app/review/event/__tests__/__snapshots__/BoundingBox.test.jsx.snap","webpack://@fortressiq/trinity/./client/app/review/event/__tests__/__snapshots__/BoundingBoxTag.test.jsx.snap","webpack://@fortressiq/trinity/./client/app/web-applications/components/tableButtons/__tests__/__snapshots__/RulesExploreButton.text.jsx.snap","webpack://@fortressiq/trinity/./client/app/ sync ^\\.\\/.*$","webpack://@fortressiq/trinity/./client/app/App.jsx","webpack://@fortressiq/trinity/./client/app/AppRoutes.jsx","webpack://@fortressiq/trinity/./client/app/AppSidebar.jsx","webpack://@fortressiq/trinity/./client/app/AppStyles.js","webpack://@fortressiq/trinity/./client/app/CAA.jsx","webpack://@fortressiq/trinity/./client/app/ProcessBoundary/FormOverlay.jsx","webpack://@fortressiq/trinity/./client/app/ProcessBoundary/Gallery.jsx","webpack://@fortressiq/trinity/./client/app/ProcessBoundary/Sidebar.js","webpack://@fortressiq/trinity/./client/app/ProcessBoundary/Toolbar.jsx","webpack://@fortressiq/trinity/./client/app/ProcessBoundary/index.jsx","webpack://@fortressiq/trinity/./client/app/ProcessBoundary/processBoundaryToast.jsx","webpack://@fortressiq/trinity/./client/app/ProcessBoundary/styles/index.js","webpack://@fortressiq/trinity/./client/app/admin/Admin.jsx","webpack://@fortressiq/trinity/./client/app/admin/applicationList/index.jsx","webpack://@fortressiq/trinity/./client/app/admin/applicationList/subComponents/ActionsMenu.jsx","webpack://@fortressiq/trinity/./client/app/admin/applicationList/subComponents/ApplicationListForm.jsx","webpack://@fortressiq/trinity/./client/app/admin/applicationList/subComponents/ControlledApplicationInput.jsx","webpack://@fortressiq/trinity/./client/app/admin/common/constants.js","webpack://@fortressiq/trinity/./client/app/admin/domainList/index.jsx","webpack://@fortressiq/trinity/./client/app/admin/domainList/subComponents/ActionsMenu.jsx","webpack://@fortressiq/trinity/./client/app/admin/domainList/subComponents/ControlledDomainInput.jsx","webpack://@fortressiq/trinity/./client/app/admin/domainList/subComponents/DomainListForm.jsx","webpack://@fortressiq/trinity/./client/app/admin/domainList/subComponents/styles.js","webpack://@fortressiq/trinity/./client/app/admin/event_log_exports/EventLogExportList.jsx","webpack://@fortressiq/trinity/./client/app/admin/integrations/Integrations.jsx","webpack://@fortressiq/trinity/./client/app/admin/integrations/SubComponents/ActionsMenu.jsx","webpack://@fortressiq/trinity/./client/app/admin/integrations/SubComponents/IntegrationFormModal.jsx","webpack://@fortressiq/trinity/./client/app/admin/integrations/SubComponents/wrapperCSS.js","webpack://@fortressiq/trinity/./client/app/admin/integrations/helpers/handleIntegration.js","webpack://@fortressiq/trinity/./client/app/admin/tank/BatchStore.js","webpack://@fortressiq/trinity/./client/app/admin/tank/TankMonitor.jsx","webpack://@fortressiq/trinity/./client/app/admin/tank/TankStore.js","webpack://@fortressiq/trinity/./client/app/admin/tenants/CreateTenantButton.jsx","webpack://@fortressiq/trinity/./client/app/admin/tenants/ManageAccount.jsx","webpack://@fortressiq/trinity/./client/app/admin/tenants/ManageCredits/CreditsChart.jsx","webpack://@fortressiq/trinity/./client/app/admin/tenants/ManageCredits/CreditsCounts.jsx","webpack://@fortressiq/trinity/./client/app/admin/tenants/ManageCredits/CreditsFilter.jsx","webpack://@fortressiq/trinity/./client/app/admin/tenants/ManageCredits/DownloadCreditsButton.jsx","webpack://@fortressiq/trinity/./client/app/admin/tenants/ManageCredits/ManageCredits.jsx","webpack://@fortressiq/trinity/./client/app/admin/tenants/ManageCredits/UserBreakdownTable.jsx","webpack://@fortressiq/trinity/./client/app/admin/tenants/ManageCredits/constants.js","webpack://@fortressiq/trinity/./client/app/admin/tenants/ManageCredits/styles/index.js","webpack://@fortressiq/trinity/./client/app/admin/tenants/SwitchSection.jsx","webpack://@fortressiq/trinity/./client/app/admin/tenants/TenantCreator.jsx","webpack://@fortressiq/trinity/./client/app/admin/tenants/TenantEditor.jsx","webpack://@fortressiq/trinity/./client/app/admin/tenants/TenantEditorNavigation.jsx","webpack://@fortressiq/trinity/./client/app/admin/tenants/TenantList.jsx","webpack://@fortressiq/trinity/./client/app/admin/tenants/__tests__/CreateTenantButton.test.jsx","webpack://@fortressiq/trinity/./client/app/admin/tenants/__tests__/ManageAccount.test.jsx","webpack://@fortressiq/trinity/./client/app/admin/tenants/__tests__/TenantCreator.test.jsx","webpack://@fortressiq/trinity/./client/app/admin/tenants/constants.js","webpack://@fortressiq/trinity/./client/app/admin/tenants/styles/index.js","webpack://@fortressiq/trinity/./client/app/admin/users/constants.jsx","webpack://@fortressiq/trinity/./client/app/admin/users/index.jsx","webpack://@fortressiq/trinity/./client/app/admin/users/subComponents/Actions.jsx","webpack://@fortressiq/trinity/./client/app/admin/users/subComponents/KibanaPassword.jsx","webpack://@fortressiq/trinity/./client/app/admin/users/subComponents/UserEditor.jsx","webpack://@fortressiq/trinity/./client/app/applications/ActionsMenu.jsx","webpack://@fortressiq/trinity/./client/app/applications/Application/index.jsx","webpack://@fortressiq/trinity/./client/app/applications/Application/provisional/Chain.jsx","webpack://@fortressiq/trinity/./client/app/applications/Application/provisional/Form.jsx","webpack://@fortressiq/trinity/./client/app/applications/Application/provisional/Single.jsx","webpack://@fortressiq/trinity/./client/app/applications/Application/provisional/fields/Checkbox.jsx","webpack://@fortressiq/trinity/./client/app/applications/Application/provisional/fields/Number.jsx","webpack://@fortressiq/trinity/./client/app/applications/Application/provisional/fields/RadioGroup.jsx","webpack://@fortressiq/trinity/./client/app/applications/Application/provisional/fields/TextArea.jsx","webpack://@fortressiq/trinity/./client/app/applications/Application/provisional/fields/TextInput.jsx","webpack://@fortressiq/trinity/./client/app/applications/Application/provisional/fields/hooks.js","webpack://@fortressiq/trinity/./client/app/applications/Application/provisional/index.jsx","webpack://@fortressiq/trinity/./client/app/applications/Application/provisional/nGram/Overlay.jsx","webpack://@fortressiq/trinity/./client/app/applications/Application/provisional/nGram/index.jsx","webpack://@fortressiq/trinity/./client/app/applications/Application/provisional/styles/index.js","webpack://@fortressiq/trinity/./client/app/applications/Application/strategy/History.jsx","webpack://@fortressiq/trinity/./client/app/applications/Application/strategy/Promoted.jsx","webpack://@fortressiq/trinity/./client/app/applications/Application/strategy/styles/index.js","webpack://@fortressiq/trinity/./client/app/applications/Application/styles/index.js","webpack://@fortressiq/trinity/./client/app/applications/Application/utilities.js","webpack://@fortressiq/trinity/./client/app/applications/ApplicationIconCell.jsx","webpack://@fortressiq/trinity/./client/app/applications/ApplicationRegistry.jsx","webpack://@fortressiq/trinity/./client/app/applications/__tests__/ApplicationIconCell.test.jsx","webpack://@fortressiq/trinity/./client/app/butterfly/AppCircleRenderer.js","webpack://@fortressiq/trinity/./client/app/butterfly/Butterfly.jsx","webpack://@fortressiq/trinity/./client/app/butterfly/ButterflyChart.jsx","webpack://@fortressiq/trinity/./client/app/butterfly/ButterflyLinkRenderer.js","webpack://@fortressiq/trinity/./client/app/butterfly/ButterflyMainContent.jsx","webpack://@fortressiq/trinity/./client/app/butterfly/ButterflyRenderer.js","webpack://@fortressiq/trinity/./client/app/butterfly/ButterflySelect.jsx","webpack://@fortressiq/trinity/./client/app/butterfly/ButterflyTooltip.jsx","webpack://@fortressiq/trinity/./client/app/butterfly/D3Sankey.js","webpack://@fortressiq/trinity/./client/app/butterfly/NodeRenderer.js","webpack://@fortressiq/trinity/./client/app/butterfly/SidePanel.jsx","webpack://@fortressiq/trinity/./client/app/butterfly/createProcessDialogue/CreateProcessDialogue.jsx","webpack://@fortressiq/trinity/./client/app/butterfly/createProcessDialogue/CreateProcessSection.jsx","webpack://@fortressiq/trinity/./client/app/butterfly/createProcessDialogue/DraggingNode.jsx","webpack://@fortressiq/trinity/./client/app/butterfly/createProcessDialogue/sections/PathDetails.jsx","webpack://@fortressiq/trinity/./client/app/butterfly/details/StepStatistics.jsx","webpack://@fortressiq/trinity/./client/app/butterfly/stores/ButterflyProcessStore.js","webpack://@fortressiq/trinity/./client/app/butterfly/styles/index.js","webpack://@fortressiq/trinity/./client/app/butterfly/util.js","webpack://@fortressiq/trinity/./client/app/caaMarkdown.js","webpack://@fortressiq/trinity/./client/app/client_dashboard/ClientDashboardStore.js","webpack://@fortressiq/trinity/./client/app/client_dashboard/DetailCard.jsx","webpack://@fortressiq/trinity/./client/app/client_dashboard/Details.jsx","webpack://@fortressiq/trinity/./client/app/client_dashboard/__tests__/Details.test.jsx","webpack://@fortressiq/trinity/./client/app/client_dashboard/processListDashboard/AddProcessModal.jsx","webpack://@fortressiq/trinity/./client/app/client_dashboard/processListDashboard/AdminMenu.jsx","webpack://@fortressiq/trinity/./client/app/client_dashboard/processListDashboard/Dashboard.jsx","webpack://@fortressiq/trinity/./client/app/client_dashboard/processListDashboard/TagsFilter.jsx","webpack://@fortressiq/trinity/./client/app/client_dashboard/processListDashboard/constants.js","webpack://@fortressiq/trinity/./client/app/client_dashboard/processListDashboard/dashboardCard/DashboardCard.jsx","webpack://@fortressiq/trinity/./client/app/client_dashboard/processListDashboard/dashboardCard/styles.js","webpack://@fortressiq/trinity/./client/app/client_dashboard/processListDashboard/styles/index.js","webpack://@fortressiq/trinity/./client/app/client_dashboard/processViewDashboard/AppsCard/AppsCard.jsx","webpack://@fortressiq/trinity/./client/app/client_dashboard/processViewDashboard/CardListing.jsx","webpack://@fortressiq/trinity/./client/app/client_dashboard/processViewDashboard/Dashboard.jsx","webpack://@fortressiq/trinity/./client/app/client_dashboard/processViewDashboard/DashboardHeader.jsx","webpack://@fortressiq/trinity/./client/app/client_dashboard/processViewDashboard/Menus/CardMenu.jsx","webpack://@fortressiq/trinity/./client/app/client_dashboard/processViewDashboard/Menus/styles/index.js","webpack://@fortressiq/trinity/./client/app/client_dashboard/processViewDashboard/UploadsCard/UploadsCard.jsx","webpack://@fortressiq/trinity/./client/app/client_dashboard/processViewDashboard/UploadsModal/UploadsModal.jsx","webpack://@fortressiq/trinity/./client/app/client_dashboard/processViewDashboard/VisualizationCard/VisualizationCard.jsx","webpack://@fortressiq/trinity/./client/app/client_dashboard/processViewDashboard/VisualizationModal/VisualizationModal.jsx","webpack://@fortressiq/trinity/./client/app/client_dashboard/processViewDashboard/styles/cardListing.js","webpack://@fortressiq/trinity/./client/app/client_dashboard/processViewDashboard/styles/dashboard.js","webpack://@fortressiq/trinity/./client/app/client_dashboard/processViewDashboard/styles/index.js","webpack://@fortressiq/trinity/./client/app/client_dashboard/processViewDashboard/utilities/Utilities.js","webpack://@fortressiq/trinity/./client/app/cycles/ActionsMenu.jsx","webpack://@fortressiq/trinity/./client/app/cycles/FormModal.jsx","webpack://@fortressiq/trinity/./client/app/cycles/form/SignatureBuilder.jsx","webpack://@fortressiq/trinity/./client/app/cycles/form/SignatureSelect.jsx","webpack://@fortressiq/trinity/./client/app/cycles/form/index.jsx","webpack://@fortressiq/trinity/./client/app/cycles/index.jsx","webpack://@fortressiq/trinity/./client/app/cycles/styles/index.js","webpack://@fortressiq/trinity/./client/app/dashboard/Dashboard.jsx","webpack://@fortressiq/trinity/./client/app/dashboard/cards/CalendarCard.jsx","webpack://@fortressiq/trinity/./client/app/dashboard/cards/DashCard.jsx","webpack://@fortressiq/trinity/./client/app/dashboard/cards/EventStatsCard.jsx","webpack://@fortressiq/trinity/./client/app/dashboard/cards/MetricContainer.jsx","webpack://@fortressiq/trinity/./client/app/dashboard/cards/TopListingsCard.jsx","webpack://@fortressiq/trinity/./client/app/dashboard/dashboardStore.js","webpack://@fortressiq/trinity/./client/app/dashboard/sections/AddVisCard.jsx","webpack://@fortressiq/trinity/./client/app/dashboard/sections/CalendarStats.jsx","webpack://@fortressiq/trinity/./client/app/dashboard/sections/DashRow.jsx","webpack://@fortressiq/trinity/./client/app/dashboard/sections/EventStats.jsx","webpack://@fortressiq/trinity/./client/app/dfGraph/DfGraph.jsx","webpack://@fortressiq/trinity/./client/app/dfGraph/Graph.jsx","webpack://@fortressiq/trinity/./client/app/dfGraph/Marker.jsx","webpack://@fortressiq/trinity/./client/app/dfGraph/ProcessSelect.jsx","webpack://@fortressiq/trinity/./client/app/dfGraph/Sidebar/PathStatistics.jsx","webpack://@fortressiq/trinity/./client/app/dfGraph/Sidebar/PathsOverview.jsx","webpack://@fortressiq/trinity/./client/app/dfGraph/Sidebar/Sidebar.jsx","webpack://@fortressiq/trinity/./client/app/dfGraph/Sidebar/StepDetails.jsx","webpack://@fortressiq/trinity/./client/app/dfGraph/api.js","webpack://@fortressiq/trinity/./client/app/dfGraph/cacheSettings.js","webpack://@fortressiq/trinity/./client/app/dfGraph/commonPropTypes.js","webpack://@fortressiq/trinity/./client/app/dfGraph/controls/ExportProcess.jsx","webpack://@fortressiq/trinity/./client/app/dfGraph/dfgColors.js","webpack://@fortressiq/trinity/./client/app/dfGraph/edgeTypes/ElkEdge.jsx","webpack://@fortressiq/trinity/./client/app/dfGraph/nodeTypes/EndNode.jsx","webpack://@fortressiq/trinity/./client/app/dfGraph/nodeTypes/StartNode.jsx","webpack://@fortressiq/trinity/./client/app/dfGraph/nodeTypes/StepNode.jsx","webpack://@fortressiq/trinity/./client/app/dfGraph/styles/index.js","webpack://@fortressiq/trinity/./client/app/diagram_composer/DiagramComposer.jsx","webpack://@fortressiq/trinity/./client/app/diagram_composer/DiagramComposerEvents.js","webpack://@fortressiq/trinity/./client/app/diagram_composer/config/config_halo.js","webpack://@fortressiq/trinity/./client/app/diagram_composer/config/config_selection.js","webpack://@fortressiq/trinity/./client/app/diagram_composer/config/config_shapes.js","webpack://@fortressiq/trinity/./client/app/diagram_composer/controlsBar/ControlsBar.jsx","webpack://@fortressiq/trinity/./client/app/diagram_composer/controlsBar/SaveModal.jsx","webpack://@fortressiq/trinity/./client/app/diagram_composer/controlsBar/generatePdd.js","webpack://@fortressiq/trinity/./client/app/diagram_composer/diagramInspector/DiagramInspector.jsx","webpack://@fortressiq/trinity/./client/app/diagram_composer/leftPanel/DecisionMenuItem.jsx","webpack://@fortressiq/trinity/./client/app/diagram_composer/leftPanel/GroupMenuItem.jsx","webpack://@fortressiq/trinity/./client/app/diagram_composer/leftPanel/LeftPanel.jsx","webpack://@fortressiq/trinity/./client/app/diagram_composer/leftPanel/ProcessMenuItem.jsx","webpack://@fortressiq/trinity/./client/app/diagram_composer/shape_defs/Rectangle.js","webpack://@fortressiq/trinity/./client/app/diagram_composer/store/DiagramComposerStore.js","webpack://@fortressiq/trinity/./client/app/diagram_composer/utils.js","webpack://@fortressiq/trinity/./client/app/events/EventColumns.js","webpack://@fortressiq/trinity/./client/app/events/EventContext.jsx","webpack://@fortressiq/trinity/./client/app/events/EventDeleteConfirm.jsx","webpack://@fortressiq/trinity/./client/app/events/EventDetails.jsx","webpack://@fortressiq/trinity/./client/app/events/EventExportConfirm.jsx","webpack://@fortressiq/trinity/./client/app/events/EventFilter.jsx","webpack://@fortressiq/trinity/./client/app/events/EventList.jsx","webpack://@fortressiq/trinity/./client/app/events/Events.jsx","webpack://@fortressiq/trinity/./client/app/events/Export/index.jsx","webpack://@fortressiq/trinity/./client/app/events/FilteredEvents.jsx","webpack://@fortressiq/trinity/./client/app/events/ObserversOverlay/index.jsx","webpack://@fortressiq/trinity/./client/app/events/UploadsModal/UploadsModal.jsx","webpack://@fortressiq/trinity/./client/app/events/__tests__/EventFilter.test.jsx","webpack://@fortressiq/trinity/./client/app/events/fetchEventCount.js","webpack://@fortressiq/trinity/./client/app/events/styles/index.js","webpack://@fortressiq/trinity/./client/app/header/Header.jsx","webpack://@fortressiq/trinity/./client/app/header/HeaderContext.jsx","webpack://@fortressiq/trinity/./client/app/header/styles/index.js","webpack://@fortressiq/trinity/./client/app/inspectors/DecisionNoEdit.jsx","webpack://@fortressiq/trinity/./client/app/inspectors/EditDecisionInPlace.jsx","webpack://@fortressiq/trinity/./client/app/inspectors/EditDiagramNode.jsx","webpack://@fortressiq/trinity/./client/app/instances_viewer/AnnotationControls.jsx","webpack://@fortressiq/trinity/./client/app/instances_viewer/AnnotationTopBar.jsx","webpack://@fortressiq/trinity/./client/app/instances_viewer/Constants.js","webpack://@fortressiq/trinity/./client/app/instances_viewer/EventDetailBar.jsx","webpack://@fortressiq/trinity/./client/app/instances_viewer/ExportDropdown.jsx","webpack://@fortressiq/trinity/./client/app/instances_viewer/InstancesViewer.jsx","webpack://@fortressiq/trinity/./client/app/instances_viewer/ProcessControls.jsx","webpack://@fortressiq/trinity/./client/app/instances_viewer/ProcessModal.jsx","webpack://@fortressiq/trinity/./client/app/instances_viewer/Signature.jsx","webpack://@fortressiq/trinity/./client/app/instances_viewer/SignatureDetailsBar.jsx","webpack://@fortressiq/trinity/./client/app/instances_viewer/controls/AnnotateButton.jsx","webpack://@fortressiq/trinity/./client/app/instances_viewer/controls/EventFilter.jsx","webpack://@fortressiq/trinity/./client/app/instances_viewer/controls/InstancesFilter.jsx","webpack://@fortressiq/trinity/./client/app/instances_viewer/controls/MachineFilter.jsx","webpack://@fortressiq/trinity/./client/app/instances_viewer/controls/PathFilter.jsx","webpack://@fortressiq/trinity/./client/app/instances_viewer/controls/PlaybackControls.jsx","webpack://@fortressiq/trinity/./client/app/instances_viewer/controls/__tests__/index.jsx","webpack://@fortressiq/trinity/./client/app/instances_viewer/dataUtils.js","webpack://@fortressiq/trinity/./client/app/instances_viewer/styles/index.js","webpack://@fortressiq/trinity/./client/app/instances_viewer/validationHooks.jsx","webpack://@fortressiq/trinity/./client/app/mining/ImportSuccess.jsx","webpack://@fortressiq/trinity/./client/app/mining/MiningRunList.jsx","webpack://@fortressiq/trinity/./client/app/mining/ProcessesTable.jsx","webpack://@fortressiq/trinity/./client/app/mining/form/AdvancedForm.jsx","webpack://@fortressiq/trinity/./client/app/mining/form/BasicForm.jsx","webpack://@fortressiq/trinity/./client/app/mining/form/MiningRunForms.jsx","webpack://@fortressiq/trinity/./client/app/mining/form/MiningRunModal.jsx","webpack://@fortressiq/trinity/./client/app/mining/form/RecipesForm.jsx","webpack://@fortressiq/trinity/./client/app/mining/form/ReportForm.jsx","webpack://@fortressiq/trinity/./client/app/mining/form/helpers.js","webpack://@fortressiq/trinity/./client/app/mining/form/styles/index.js","webpack://@fortressiq/trinity/./client/app/mining/form/subComponents/AdvancedMiningParamFields.jsx","webpack://@fortressiq/trinity/./client/app/mining/form/subComponents/FormFooter.jsx","webpack://@fortressiq/trinity/./client/app/mining/form/subComponents/MustIncludesGroupsModal.jsx","webpack://@fortressiq/trinity/./client/app/mining/form/subComponents/NestedSignaturesBuilder/NestedSignaturesBuilder.jsx","webpack://@fortressiq/trinity/./client/app/mining/form/subComponents/NestedSignaturesBuilder/RecursiveSignaturesGroup.jsx","webpack://@fortressiq/trinity/./client/app/mining/form/subComponents/NestedSignaturesBuilder/SignatureForm.jsx","webpack://@fortressiq/trinity/./client/app/mining/form/subComponents/SignatureBuilder.jsx","webpack://@fortressiq/trinity/./client/app/mining/miningRunImportSuccess.jsx","webpack://@fortressiq/trinity/./client/app/mining/styles/index.js","webpack://@fortressiq/trinity/./client/app/mining/tableComponents/ActionsMenu.jsx","webpack://@fortressiq/trinity/./client/app/mining/tableComponents/MiningFilter.jsx","webpack://@fortressiq/trinity/./client/app/mining/tableComponents/MiningRunDetails.jsx","webpack://@fortressiq/trinity/./client/app/mining/tableComponents/NestedSignatureDetails.jsx","webpack://@fortressiq/trinity/./client/app/mining/tableComponents/miningRunDetailsStyles.js","webpack://@fortressiq/trinity/./client/app/noAccess/NoAccess.jsx","webpack://@fortressiq/trinity/./client/app/observers/ConfigureModal/AppList.jsx","webpack://@fortressiq/trinity/./client/app/observers/ConfigureModal/AppListInput.jsx","webpack://@fortressiq/trinity/./client/app/observers/ConfigureModal/Constants.js","webpack://@fortressiq/trinity/./client/app/observers/ConfigureModal/index.jsx","webpack://@fortressiq/trinity/./client/app/observers/ConfigureModal/styles/index.js","webpack://@fortressiq/trinity/./client/app/observers/Observers.jsx","webpack://@fortressiq/trinity/./client/app/observers/common/Metric.jsx","webpack://@fortressiq/trinity/./client/app/observers/common/Util.js","webpack://@fortressiq/trinity/./client/app/observers/common/downloadCSV.js","webpack://@fortressiq/trinity/./client/app/observers/styles/index.js","webpack://@fortressiq/trinity/./client/app/observers/subComponents/ActionsMenu.jsx","webpack://@fortressiq/trinity/./client/app/observers/subComponents/CaptureButtons.jsx","webpack://@fortressiq/trinity/./client/app/observers/subComponents/DataMetricsCards.jsx","webpack://@fortressiq/trinity/./client/app/observers/subComponents/FirstDetected.jsx","webpack://@fortressiq/trinity/./client/app/observers/subComponents/LastDetected.jsx","webpack://@fortressiq/trinity/./client/app/observers/subComponents/MiniSparkByte.jsx","webpack://@fortressiq/trinity/./client/app/observers/subComponents/MiniSparkEvent.jsx","webpack://@fortressiq/trinity/./client/app/observers/viewer/ObserverViewer.jsx","webpack://@fortressiq/trinity/./client/app/observers/viewer/sections/EventsChart.jsx","webpack://@fortressiq/trinity/./client/app/observers/viewer/sections/MetadataTable.jsx","webpack://@fortressiq/trinity/./client/app/pdds/ActionsContainer.jsx","webpack://@fortressiq/trinity/./client/app/pdds/CoeForm/CoeForm.jsx","webpack://@fortressiq/trinity/./client/app/pdds/CoeForm/FormFooter.jsx","webpack://@fortressiq/trinity/./client/app/pdds/CoeForm/FormPage.jsx","webpack://@fortressiq/trinity/./client/app/pdds/CoeForm/coeApis.js","webpack://@fortressiq/trinity/./client/app/pdds/CoeForm/formPages.js","webpack://@fortressiq/trinity/./client/app/pdds/OpportunitySubmittedDialogue.jsx","webpack://@fortressiq/trinity/./client/app/pdds/PddGenToast.jsx","webpack://@fortressiq/trinity/./client/app/pdds/PddList.jsx","webpack://@fortressiq/trinity/./client/app/pdds/PddListCells.jsx","webpack://@fortressiq/trinity/./client/app/pdds/__tests__/PddGenToast.test.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/GroupsModal/EditGroupForm.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/GroupsModal/GroupsModal.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/GroupsModal/NewGroupForm.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/GroupsModal/common/GroupForm.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/ProcessExplorer.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/ProcessExplorerContainer.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/ProcessExplorerHeader.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/ProcessSelect.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/common/util.js","webpack://@fortressiq/trinity/./client/app/process_explorer/controls/ControlsBar.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/controls/FlowControl.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/controls/GroupsControl.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/controls/NewProcessForm.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/controls/SubprocessControl.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/controls/__tests__/ControlsBar.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/controls/__tests__/FlowControl.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/controls/__tests__/GroupsControl.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/controls/styles/controlsBar.js","webpack://@fortressiq/trinity/./client/app/process_explorer/controls/styles/flowControl.js","webpack://@fortressiq/trinity/./client/app/process_explorer/controls/styles/groupsControl.js","webpack://@fortressiq/trinity/./client/app/process_explorer/details/stepDetails/ActivityControlPanel.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/details/stepDetails/EditDecision.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/details/stepDetails/EditDecisionForm.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/details/stepDetails/NodeControls.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/details/stepDetails/NodeInspector.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/DraggingNode.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/ProcessExplorationDiagram.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/ProcessExplorerTree.js","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/SidePanel.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/common/constants.js","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/renderers/BaseNodeRenderer.js","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/renderers/BuildGroupRenderer.js","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/renderers/DropShadowRenderer.js","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/renderers/FlowRenderer.js","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/renderers/GroupRenderer.js","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/renderers/LabelRenderer.js","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/renderers/LinkRenderer.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/renderers/NodeRenderer.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/renderers/nodes/ActivityNode.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/renderers/nodes/CollapsedNode.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/renderers/nodes/DecisionNode.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/renderers/nodes/EndNode.js","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/renderers/nodes/sections/ActionListRenderer.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/styles/index.js","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/utils.js","webpack://@fortressiq/trinity/./client/app/process_explorer/stores/GroupsStore.js","webpack://@fortressiq/trinity/./client/app/process_explorer/stores/__tests__/GroupStore.test.js","webpack://@fortressiq/trinity/./client/app/process_explorer/stores/processExplorerStore.js","webpack://@fortressiq/trinity/./client/app/process_explorer/stores/subprocessStore.js","webpack://@fortressiq/trinity/./client/app/process_explorer/styles/index.js","webpack://@fortressiq/trinity/./client/app/process_explorer/styles/subprocessModal.js","webpack://@fortressiq/trinity/./client/app/process_explorer/subprocessModal/CreateSubprocessDialogue.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/subprocessModal/SavedSubprocessDialogue.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/subprocessModal/SubprocessModal.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/zoomControls/ZoomControls.jsx","webpack://@fortressiq/trinity/./client/app/process_explorer/zoomControls/styles/index.js","webpack://@fortressiq/trinity/./client/app/processes/ActionsMenu.jsx","webpack://@fortressiq/trinity/./client/app/processes/Processes.jsx","webpack://@fortressiq/trinity/./client/app/processes/RatingTag.jsx","webpack://@fortressiq/trinity/./client/app/processes/StateManager.jsx","webpack://@fortressiq/trinity/./client/app/processes/getProcessesColumns.jsx","webpack://@fortressiq/trinity/./client/app/processes/utils.js","webpack://@fortressiq/trinity/./client/app/processes/viewer/FlowGraph.jsx","webpack://@fortressiq/trinity/./client/app/processes/viewer/GraphProcess.jsx","webpack://@fortressiq/trinity/./client/app/processes/viewer/ProcessViewerContainer.jsx","webpack://@fortressiq/trinity/./client/app/processes/viewer/components/ObserverDetail.jsx","webpack://@fortressiq/trinity/./client/app/processes/viewer/components/ProcessDashCard.jsx","webpack://@fortressiq/trinity/./client/app/processes/viewer/components/RunDetail.jsx","webpack://@fortressiq/trinity/./client/app/processes/viewer/components/TooltipButton.jsx","webpack://@fortressiq/trinity/./client/app/processes/viewer/components/styles/index.js","webpack://@fortressiq/trinity/./client/app/processes/viewer/sections/Overview.jsx","webpack://@fortressiq/trinity/./client/app/processes/viewer/sections/ProcessHeader.jsx","webpack://@fortressiq/trinity/./client/app/processes/viewer/sections/RunDetails.jsx","webpack://@fortressiq/trinity/./client/app/processes/viewer/sections/RunDetailsWrapper.jsx","webpack://@fortressiq/trinity/./client/app/processes/viewer/sections/ToolbarActions.jsx","webpack://@fortressiq/trinity/./client/app/processes/viewer/sections/TopSignaturesTable.jsx","webpack://@fortressiq/trinity/./client/app/processes/viewer/sections/UserMetadata.jsx","webpack://@fortressiq/trinity/./client/app/processes/viewer/styles/index.js","webpack://@fortressiq/trinity/./client/app/review/ObserverSelect.jsx","webpack://@fortressiq/trinity/./client/app/review/Review.jsx","webpack://@fortressiq/trinity/./client/app/review/ReviewHeader.jsx","webpack://@fortressiq/trinity/./client/app/review/Sidebar.jsx","webpack://@fortressiq/trinity/./client/app/review/__tests__/ObserverSelect.test.jsx","webpack://@fortressiq/trinity/./client/app/review/__tests__/Sidebar.test.jsx","webpack://@fortressiq/trinity/./client/app/review/event/BoundingBox.jsx","webpack://@fortressiq/trinity/./client/app/review/event/BoundingBoxTag.jsx","webpack://@fortressiq/trinity/./client/app/review/event/Event.jsx","webpack://@fortressiq/trinity/./client/app/review/event/EventContext.jsx","webpack://@fortressiq/trinity/./client/app/review/event/__tests__/BoundingBox.test.jsx","webpack://@fortressiq/trinity/./client/app/review/event/__tests__/BoundingBoxTag.test.jsx","webpack://@fortressiq/trinity/./client/app/roles/Roles.jsx","webpack://@fortressiq/trinity/./client/app/sandbox/Sandbox.jsx","webpack://@fortressiq/trinity/./client/app/screens/list/ScreenList.jsx","webpack://@fortressiq/trinity/./client/app/screens/viewer/EventGroup.jsx","webpack://@fortressiq/trinity/./client/app/screens/viewer/EventGroupRow.jsx","webpack://@fortressiq/trinity/./client/app/screens/viewer/EventGroups.jsx","webpack://@fortressiq/trinity/./client/app/screens/viewer/EventSlide.jsx","webpack://@fortressiq/trinity/./client/app/screens/viewer/InactiveEventGroup.jsx","webpack://@fortressiq/trinity/./client/app/screens/viewer/ScreenViewer.jsx","webpack://@fortressiq/trinity/./client/app/screens/viewer/ScreenViewerDrawer.jsx","webpack://@fortressiq/trinity/./client/app/screens/viewer/ScreenViewerHeader.jsx","webpack://@fortressiq/trinity/./client/app/screens/viewer/common.js","webpack://@fortressiq/trinity/./client/app/screens/viewer/controls/ControlHelpers.jsx","webpack://@fortressiq/trinity/./client/app/screens/viewer/controls/Controls.jsx","webpack://@fortressiq/trinity/./client/app/screens/viewer/controls/EventGroupNav.jsx","webpack://@fortressiq/trinity/./client/app/screens/viewer/controls/EventMoveSelector.jsx","webpack://@fortressiq/trinity/./client/app/screens/viewer/controls/EventSelection.jsx","webpack://@fortressiq/trinity/./client/app/screens/viewer/controls/Minimap.jsx","webpack://@fortressiq/trinity/./client/app/screens/viewer/controls/ScreenViewerSettings.jsx","webpack://@fortressiq/trinity/./client/app/screens/viewer/styles/index.js","webpack://@fortressiq/trinity/./client/app/screenshot/ScreenshotViewer.jsx","webpack://@fortressiq/trinity/./client/app/signature_service_jobs/ParamsColumn.jsx","webpack://@fortressiq/trinity/./client/app/signature_service_jobs/SignatureServiceJobList.jsx","webpack://@fortressiq/trinity/./client/app/status/Status.jsx","webpack://@fortressiq/trinity/./client/app/support/Support.jsx","webpack://@fortressiq/trinity/./client/app/templates/TemplateCreator.jsx","webpack://@fortressiq/trinity/./client/app/templates/TemplateList.jsx","webpack://@fortressiq/trinity/./client/app/topNavHelp/TopNavHelp.jsx","webpack://@fortressiq/trinity/./client/app/topNavHelp/helpTips.js","webpack://@fortressiq/trinity/./client/app/user_notifications/UserNotifications.jsx","webpack://@fortressiq/trinity/./client/app/web-applications/ApplicationList.jsx","webpack://@fortressiq/trinity/./client/app/web-applications/Constants.js","webpack://@fortressiq/trinity/./client/app/web-applications/CreateWebApplicationModal.jsx","webpack://@fortressiq/trinity/./client/app/web-applications/TitleGroupList.jsx","webpack://@fortressiq/trinity/./client/app/web-applications/WebApplications.jsx","webpack://@fortressiq/trinity/./client/app/web-applications/__tests__/ApplicationList.test.jsx","webpack://@fortressiq/trinity/./client/app/web-applications/components/ApplicationsTableActions.jsx","webpack://@fortressiq/trinity/./client/app/web-applications/components/ErrorMsg.jsx","webpack://@fortressiq/trinity/./client/app/web-applications/components/PanelTitle.jsx","webpack://@fortressiq/trinity/./client/app/web-applications/components/WebApplicationForm.jsx","webpack://@fortressiq/trinity/./client/app/web-applications/components/tableButtons/RulesDeleteButton.jsx","webpack://@fortressiq/trinity/./client/app/web-applications/components/tableButtons/RulesEditButton.jsx","webpack://@fortressiq/trinity/./client/app/web-applications/components/tableButtons/RulesExploreButton.jsx","webpack://@fortressiq/trinity/./client/app/web-applications/components/tableButtons/RulesRefreshButton.jsx","webpack://@fortressiq/trinity/./client/app/web-applications/components/tableButtons/UnclaimedExploreLink.jsx","webpack://@fortressiq/trinity/./client/app/web-applications/components/tableButtons/__tests__/RulesExploreButton.text.jsx","webpack://@fortressiq/trinity/./client/app/web-applications/reducers/Actions.js","webpack://@fortressiq/trinity/./client/app/web-applications/reducers/UnclaimedEventsReducer.js","webpack://@fortressiq/trinity/./client/app/web-applications/reducers/WebApplicationsReducer.js","webpack://@fortressiq/trinity/./client/app/web-applications/styles/index.js","webpack://@fortressiq/trinity/./client/components/404/NotFound.jsx","webpack://@fortressiq/trinity/./client/components/ClickOutside.jsx","webpack://@fortressiq/trinity/./client/components/Comment/Comment.jsx","webpack://@fortressiq/trinity/./client/components/DisabledScreenshot/DisabledScreenshot.jsx","webpack://@fortressiq/trinity/./client/components/DisabledScreenshot/styles/index.js","webpack://@fortressiq/trinity/./client/components/EventTimeline/Context.jsx","webpack://@fortressiq/trinity/./client/components/EventTimeline/EventTimeline.jsx","webpack://@fortressiq/trinity/./client/components/EventTimeline/Slide.jsx","webpack://@fortressiq/trinity/./client/components/EventTimeline/SlideDetails.jsx","webpack://@fortressiq/trinity/./client/components/EventTimeline/Slider.jsx","webpack://@fortressiq/trinity/./client/components/EventTimeline/styles/index.js","webpack://@fortressiq/trinity/./client/components/ExportButton/ExportButton.jsx","webpack://@fortressiq/trinity/./client/components/ExportButton/ExportMenuItem.jsx","webpack://@fortressiq/trinity/./client/components/ExportButton/Modal.jsx","webpack://@fortressiq/trinity/./client/components/ExportButton/exportTypes.js","webpack://@fortressiq/trinity/./client/components/FavoriteToggle/FavoriteToggle.jsx","webpack://@fortressiq/trinity/./client/components/FileDrop/FileDrop.jsx","webpack://@fortressiq/trinity/./client/components/IntegrationsDropdown/index.jsx","webpack://@fortressiq/trinity/./client/components/LoadingContainer.jsx","webpack://@fortressiq/trinity/./client/components/MaintenanceBanner/index.jsx","webpack://@fortressiq/trinity/./client/components/PanelMetrics/PanelMetrics.jsx","webpack://@fortressiq/trinity/./client/components/SidebarMenu/MenuItem.jsx","webpack://@fortressiq/trinity/./client/components/SidebarMenu/Sidebar.jsx","webpack://@fortressiq/trinity/./client/components/SidebarMenu/SubMenu.jsx","webpack://@fortressiq/trinity/./client/components/SidebarMenu/SubMenuItem.jsx","webpack://@fortressiq/trinity/./client/components/SidebarMenu/index.jsx","webpack://@fortressiq/trinity/./client/components/SidebarMenu/styles/index.js","webpack://@fortressiq/trinity/./client/components/StatusBadge/StatusBadge.jsx","webpack://@fortressiq/trinity/./client/components/TrackedRoute/TrackedRoute.jsx","webpack://@fortressiq/trinity/./client/components/TrinityTable/ActionMenu/ActionMenu.jsx","webpack://@fortressiq/trinity/./client/components/TrinityTable/EditableCell.jsx","webpack://@fortressiq/trinity/./client/components/TrinityTable/FiltersControls/Autocomplete.jsx","webpack://@fortressiq/trinity/./client/components/TrinityTable/FiltersControls/Filter.jsx","webpack://@fortressiq/trinity/./client/components/TrinityTable/FiltersControls/FiltersControls.jsx","webpack://@fortressiq/trinity/./client/components/TrinityTable/FiltersControls/constants.js","webpack://@fortressiq/trinity/./client/components/TrinityTable/HideColumnControls/HideColumnControls.jsx","webpack://@fortressiq/trinity/./client/components/TrinityTable/HideColumnControls/styles/index.js","webpack://@fortressiq/trinity/./client/components/TrinityTable/index.jsx","webpack://@fortressiq/trinity/./client/components/TrinityTable/styles/index.js","webpack://@fortressiq/trinity/./client/components/WindowFocusHandler/WindowFocusHandler.jsx","webpack://@fortressiq/trinity/./client/components/actioncable-provider/index.jsx","webpack://@fortressiq/trinity/./client/components/applicationIcon/ApplicationIconD3.js","webpack://@fortressiq/trinity/./client/components/can/Can.jsx","webpack://@fortressiq/trinity/./client/components/cards/public/MetricCardBigText.jsx","webpack://@fortressiq/trinity/./client/components/cards/public/PieMetricCard.jsx","webpack://@fortressiq/trinity/./client/components/cards/public/SparkChart.jsx","webpack://@fortressiq/trinity/./client/components/configureObserver/AllowBlockListSection.jsx","webpack://@fortressiq/trinity/./client/components/configureObserver/ConfigureObserver.jsx","webpack://@fortressiq/trinity/./client/components/configureObserver/Constants.js","webpack://@fortressiq/trinity/./client/components/configureObserver/styles/index.js","webpack://@fortressiq/trinity/./client/components/configureObserver/utils.js","webpack://@fortressiq/trinity/./client/components/containers/FlexContainer.jsx","webpack://@fortressiq/trinity/./client/components/detailsSidePanel/SidePanel.jsx","webpack://@fortressiq/trinity/./client/components/detailsSidePanel/applications/viz/ProcessTime.jsx","webpack://@fortressiq/trinity/./client/components/detailsSidePanel/miningRun/MiningRun.jsx","webpack://@fortressiq/trinity/./client/components/detailsSidePanel/pathStatistics/Bar.jsx","webpack://@fortressiq/trinity/./client/components/detailsSidePanel/pathStatistics/PathStatistics.jsx","webpack://@fortressiq/trinity/./client/components/detailsSidePanel/pathStatistics/viz/PathsByDuration.jsx","webpack://@fortressiq/trinity/./client/components/detailsSidePanel/pathStatistics/viz/PathsByInstances.jsx","webpack://@fortressiq/trinity/./client/components/detailsSidePanel/processOverview/ApplicationSegment.jsx","webpack://@fortressiq/trinity/./client/components/detailsSidePanel/processOverview/Stats.jsx","webpack://@fortressiq/trinity/./client/components/detailsSidePanel/processOverview/StepsByApplication.jsx","webpack://@fortressiq/trinity/./client/components/detailsSidePanel/processOverview/viz/StepsByApplication.jsx","webpack://@fortressiq/trinity/./client/components/detailsSidePanel/styles/index.js","webpack://@fortressiq/trinity/./client/components/dragAndDrop/SVGDropZone.jsx","webpack://@fortressiq/trinity/./client/components/dragAndDrop/SVGDropZoneStore.js","webpack://@fortressiq/trinity/./client/components/dragAndDrop/sourceTypes.js","webpack://@fortressiq/trinity/./client/components/filterBreadcrumbs/FilterBreadcrumbs.jsx","webpack://@fortressiq/trinity/./client/components/flash/flashHOC.jsx","webpack://@fortressiq/trinity/./client/components/form/AsyncSelect.jsx","webpack://@fortressiq/trinity/./client/components/form/ControlledCheckbox.jsx","webpack://@fortressiq/trinity/./client/components/form/ControlledQueryBuilder.jsx","webpack://@fortressiq/trinity/./client/components/form/ControlledRadioGroup.jsx","webpack://@fortressiq/trinity/./client/components/form/ControlledRangePicker.jsx","webpack://@fortressiq/trinity/./client/components/form/ControlledSelect.jsx","webpack://@fortressiq/trinity/./client/components/form/ControlledSwitch.jsx","webpack://@fortressiq/trinity/./client/components/form/FieldWrapper.jsx","webpack://@fortressiq/trinity/./client/components/form/helpers/constructApplicationOptions.js","webpack://@fortressiq/trinity/./client/components/form/helpers/uniqueOptionsByDate.js","webpack://@fortressiq/trinity/./client/components/form/styles/index.js","webpack://@fortressiq/trinity/./client/components/headers/FixedHeader.jsx","webpack://@fortressiq/trinity/./client/components/headers/styles/index.js","webpack://@fortressiq/trinity/./client/components/image/UnredactedImageViewerWithOption.jsx","webpack://@fortressiq/trinity/./client/components/image/UnredactedImageWithOption.jsx","webpack://@fortressiq/trinity/./client/components/image/styles/index.js","webpack://@fortressiq/trinity/./client/components/infoTooltip/InfoTooltip.jsx","webpack://@fortressiq/trinity/./client/components/inputs/TextToInput.jsx","webpack://@fortressiq/trinity/./client/components/inspector/Inspector.jsx","webpack://@fortressiq/trinity/./client/components/loaders/Spinner.jsx","webpack://@fortressiq/trinity/./client/components/main/Main.jsx","webpack://@fortressiq/trinity/./client/components/mini_map/MiniMap.jsx","webpack://@fortressiq/trinity/./client/components/mini_map/styles/index.js","webpack://@fortressiq/trinity/./client/components/query_builder/QueryBuilder.jsx","webpack://@fortressiq/trinity/./client/components/query_builder/components/QueryBuilderAutocomplete.jsx","webpack://@fortressiq/trinity/./client/components/query_builder/components/QueryBuilderDatetime.jsx","webpack://@fortressiq/trinity/./client/components/query_builder/components/QueryBuilderInput.jsx","webpack://@fortressiq/trinity/./client/components/query_builder/components/QueryBuilderRemove.jsx","webpack://@fortressiq/trinity/./client/components/query_builder/components/QueryBuilderSelect.jsx","webpack://@fortressiq/trinity/./client/components/query_builder/queryBuilderDropdown/QueryBuilderDropdown.jsx","webpack://@fortressiq/trinity/./client/components/query_builder/queryBuilderDropdown/styles/index.js","webpack://@fortressiq/trinity/./client/components/query_builder/styles/index.js","webpack://@fortressiq/trinity/./client/components/query_builder/utils.js","webpack://@fortressiq/trinity/./client/components/rangeInputSlider/RangeInputSlider.jsx","webpack://@fortressiq/trinity/./client/components/rangeInputSlider/styles/index.js","webpack://@fortressiq/trinity/./client/components/table/VirtualizedTable.jsx","webpack://@fortressiq/trinity/./client/components/tags/Tags.jsx","webpack://@fortressiq/trinity/./client/components/toggles/BigGrayCheckbox.jsx","webpack://@fortressiq/trinity/./client/components/user/util.js","webpack://@fortressiq/trinity/./client/components/viz/index.jsx","webpack://@fortressiq/trinity/./client/constants/app-constants.js","webpack://@fortressiq/trinity/./client/constants/event-constants.js","webpack://@fortressiq/trinity/./client/constants/roles.js","webpack://@fortressiq/trinity/./client/context/UserContext.jsx","webpack://@fortressiq/trinity/./client/helpers/index.js","webpack://@fortressiq/trinity/./client/lib/ArrayHelpers.js","webpack://@fortressiq/trinity/./client/lib/Dom.js","webpack://@fortressiq/trinity/./client/lib/Localizer.js","webpack://@fortressiq/trinity/./client/lib/NeoUtils.js","webpack://@fortressiq/trinity/./client/lib/SignatureStrategies.js","webpack://@fortressiq/trinity/./client/lib/Sort.js","webpack://@fortressiq/trinity/./client/lib/Storage.js","webpack://@fortressiq/trinity/./client/lib/String.js","webpack://@fortressiq/trinity/./client/lib/Time.js","webpack://@fortressiq/trinity/./client/lib/UiStore.js","webpack://@fortressiq/trinity/./client/lib/checkAllowedRoutes.js","webpack://@fortressiq/trinity/./client/lib/controlTypeOptions.js","webpack://@fortressiq/trinity/./client/lib/getFilterOptions.jsx","webpack://@fortressiq/trinity/./client/lib/getMiningParamsButterfly.js","webpack://@fortressiq/trinity/./client/lib/getMiningParamsFlowGraph.js","webpack://@fortressiq/trinity/./client/lib/getMiningParamsPath.js","webpack://@fortressiq/trinity/./client/lib/getMiningParamsReport.js","webpack://@fortressiq/trinity/./client/lib/graphTypeDisplayNameMap.js","webpack://@fortressiq/trinity/./client/lib/hooks.js","webpack://@fortressiq/trinity/./client/lib/parseApplicationData.js","webpack://@fortressiq/trinity/./client/lib/rbac-rules.js","webpack://@fortressiq/trinity/./client/lib/statusMap.js","webpack://@fortressiq/trinity/./client/lib/test_helpers/mockGraphColors.js","webpack://@fortressiq/trinity/./client/lib/validationRegex.js","webpack://@fortressiq/trinity/./client/packs/application.js","webpack://@fortressiq/trinity/./client/stores/callback.jsx","webpack://@fortressiq/trinity/./client/styles/utils.js","webpack://@fortressiq/trinity/./client/vendor/rappid.css?b947","webpack://@fortressiq/trinity/./node_modules/react-virtualized/styles.css?c7f4","webpack://@fortressiq/trinity/./node_modules/reactflow/dist/style.css?a777","webpack://@fortressiq/trinity/./client/app/butterfly/butterflyMainContentStyle.scss","webpack://@fortressiq/trinity/./client/app/butterfly/createProcessDialogue/createProcessDialogueStyle.scss","webpack://@fortressiq/trinity/./client/app/butterfly/createProcessDialogue/createProcessSectionStyle.scss","webpack://@fortressiq/trinity/./client/app/butterfly/createProcessDialogue/draggingNodeStyle.scss","webpack://@fortressiq/trinity/./client/app/butterfly/createProcessDialogue/sections/pathDetailsStyle.scss","webpack://@fortressiq/trinity/./client/app/butterfly/utils.scss","webpack://@fortressiq/trinity/./client/app/client_dashboard/detailCardStyle.scss","webpack://@fortressiq/trinity/./client/app/client_dashboard/detailsStyle.scss","webpack://@fortressiq/trinity/./client/app/client_dashboard/processListDashboard/addProcessesModal.scss","webpack://@fortressiq/trinity/./client/app/client_dashboard/processListDashboard/dashboardHeader.scss","webpack://@fortressiq/trinity/./client/app/dashboard/cards/calendarCardStyle.scss","webpack://@fortressiq/trinity/./client/app/dashboard/cards/dashCardStyle.scss","webpack://@fortressiq/trinity/./client/app/dashboard/cards/eventStatsCardStyle.scss","webpack://@fortressiq/trinity/./client/app/dashboard/cards/metricContainerStyle.scss","webpack://@fortressiq/trinity/./client/app/dashboard/cards/pictogramDashCardStyle.scss","webpack://@fortressiq/trinity/./client/app/dashboard/cards/topListingsCardStyle.scss","webpack://@fortressiq/trinity/./client/app/dashboard/styles.scss","webpack://@fortressiq/trinity/./client/app/diagram_composer/diagram.scss","webpack://@fortressiq/trinity/./client/app/diagram_composer/diagramComposerStyle.scss","webpack://@fortressiq/trinity/./client/app/diagram_composer/diagramInspector/diagramInspectorStyle.scss","webpack://@fortressiq/trinity/./client/app/diagram_composer/leftPanel/leftPanelStyle.scss","webpack://@fortressiq/trinity/./client/app/diagram_composer/leftPanel/menuItem.scss","webpack://@fortressiq/trinity/./client/app/events/eventDetailsStyle.scss","webpack://@fortressiq/trinity/./client/app/inspectors/decisionNoEditStyle.scss","webpack://@fortressiq/trinity/./client/app/instances_viewer/eventDetailBarStyle.scss","webpack://@fortressiq/trinity/./client/app/instances_viewer/instancesViewerStyle.scss","webpack://@fortressiq/trinity/./client/app/instances_viewer/signatureDetailsBarStyle.scss","webpack://@fortressiq/trinity/./client/app/observers/viewer/observerViewerStyle.scss","webpack://@fortressiq/trinity/./client/app/observers/viewer/sections/metadataTableStyle.scss","webpack://@fortressiq/trinity/./client/app/pdds/pddGenToastStyle.scss","webpack://@fortressiq/trinity/./client/app/process_explorer/GroupsModal/groupsModalStyle.scss","webpack://@fortressiq/trinity/./client/app/process_explorer/details/stepDetails/activityControlPanelStyle.scss","webpack://@fortressiq/trinity/./client/app/process_explorer/details/stepDetails/editDecisionFormStyle.scss","webpack://@fortressiq/trinity/./client/app/process_explorer/details/stepDetails/nodeInspectorStyle.scss","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/activityControlPanel.scss","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/draggingNodeStyle.scss","webpack://@fortressiq/trinity/./client/app/process_explorer/diagram/processExploration.scss","webpack://@fortressiq/trinity/./client/app/process_explorer/subprocessModal/subprocessModalStyle.scss","webpack://@fortressiq/trinity/./client/app/processes/viewer/components/tooltipButtonStyle.scss","webpack://@fortressiq/trinity/./client/app/review/event/boundingBoxStyle.scss","webpack://@fortressiq/trinity/./client/app/review/event/eventStyle.scss","webpack://@fortressiq/trinity/./client/app/screens/viewer/controls/controlsStyle.scss","webpack://@fortressiq/trinity/./client/app/topNavHelp/topNavHelpStyle.scss","webpack://@fortressiq/trinity/./client/components/404/notFound.scss","webpack://@fortressiq/trinity/./client/components/Comment/comment.scss","webpack://@fortressiq/trinity/./client/components/EventTimeline/eventTimeline.scss","webpack://@fortressiq/trinity/./client/components/FavoriteToggle/favoriteToggle.scss","webpack://@fortressiq/trinity/./client/components/PanelMetrics/panelMetrics.scss","webpack://@fortressiq/trinity/./client/components/detailsSidePanel/miningRun/miningRun.scss","webpack://@fortressiq/trinity/./client/components/detailsSidePanel/pathStatistics/bar.scss","webpack://@fortressiq/trinity/./client/components/detailsSidePanel/processOverview/stepsByApplication.scss","webpack://@fortressiq/trinity/./client/components/dragAndDrop/svgDropZone.scss","webpack://@fortressiq/trinity/./client/components/filterBreadcrumbs/filterBreadcrumbs.scss","webpack://@fortressiq/trinity/./client/components/loaders/spinner.scss","webpack://@fortressiq/trinity/./client/components/table/virtualizedTable.scss","webpack://@fortressiq/trinity/./client/components/toggles/bigGrayCheckbox.scss","webpack://@fortressiq/trinity/./client/styles/app.scss","webpack://@fortressiq/trinity/./client/styles/fonts.scss","webpack://@fortressiq/trinity/ignored|/usr/src/app/node_modules/object-inspect|./util.inspect"],"sourcesContent":["// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`CreateTenantButton component should NOT render 1`] = `\n<UserProvider\n  init={\n    {\n      \"roleNames\": \"limited\",\n    }\n  }\n>\n  <CreateTenantButton>\n    <Can\n      perform=\"/admin/tenant/create\"\n    />\n  </CreateTenantButton>\n</UserProvider>\n`;\n\nexports[`CreateTenantButton component should render without throwing an error 1`] = `\n<UserProvider\n  init={\n    {\n      \"roleNames\": \"superuser\",\n    }\n  }\n>\n  <CreateTenantButton>\n    <Can\n      perform=\"/admin/tenant/create\"\n    >\n      <Button\n        href=\"/admin/tenants/new\"\n        type=\"secondary\"\n      >\n        <a\n          className=\"a b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak al fiqds-button\"\n          disabled={false}\n          href=\"/admin/tenants/new\"\n          onClick={[Function]}\n          src=\"\"\n        >\n          <Element\n            as=\"span\"\n            className=\"ant-btn-txt fiqds-btn-txt\"\n            style={[Function]}\n          >\n            <Component\n              as=\"span\"\n              className=\"ant-btn-txt fiqds-btn-txt\"\n              style={[Function]}\n            >\n              <Component>\n                <span\n                  className=\"ao ap r ant-btn-txt fiqds-btn-txt\"\n                >\n                  Create Tenant\n                </span>\n              </Component>\n            </Component>\n          </Element>\n        </a>\n      </Button>\n    </Can>\n  </CreateTenantButton>\n</UserProvider>\n`;\n","// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`ManageAccount component should render without throwing an error 1`] = `\n<UserProvider\n  init={\n    {\n      \"roleNames\": \"superuser\",\n    }\n  }\n>\n  <ManageAccount\n    allowAllSettings={true}\n    defaultTenant={\n      {\n        \"aggregationFrequency\": \"\",\n        \"appUrl\": \"\",\n        \"coeIntakeUrl\": \"\",\n        \"coeUserName\": \"\",\n        \"createdAt\": \"\",\n        \"emailFromAddress\": \"\",\n        \"id\": 123,\n        \"isActive\": true,\n        \"isLite\": false,\n        \"name\": \"\",\n        \"smtpHost\": \"\",\n        \"smtpPassword\": \"\",\n        \"smtpPort\": \"\",\n        \"smtpUsername\": \"\",\n        \"updatedAt\": \"\",\n        \"uuid\": \"\",\n      }\n    }\n    isLoading={false}\n    setDefaultTenant={[Function]}\n    setIsLoading={[Function]}\n    tenantId=\"1\"\n  >\n    <MainLoader>\n      <Element\n        className=\"loaderLayout\"\n      >\n        <div\n          className=\"loaderLayout\"\n        >\n          <div\n            className=\"loaderContainer\"\n          >\n            <div\n              className=\"lowerLeft\"\n            />\n            <div\n              className=\"lowerRight\"\n            />\n            <div\n              className=\"topRight\"\n            />\n            <div\n              className=\"topLeft\"\n            />\n          </div>\n        </div>\n      </Element>\n    </MainLoader>\n  </ManageAccount>\n</UserProvider>\n`;\n","// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`TenantCreator component should render without throwing an error 1`] = `\n<ContextProvider\n  value={\n    {\n      \"canViewUnredactedImages\": false,\n      \"email\": \"\",\n      \"id\": \"\",\n      \"isAdmin\": false,\n      \"isSuperUser\": false,\n      \"name\": \"\",\n      \"roles\": [\n        \"superuser\",\n      ],\n    }\n  }\n>\n  <ContextProvider\n    value={[Function]}\n  >\n    <HeaderProvider>\n      <TenantCreator />\n    </HeaderProvider>\n  </ContextProvider>\n</ContextProvider>\n`;\n","// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`ApplicationIconCell component should render without throwing an error 1`] = `\n<div\n  onClick={[Function]}\n  onMouseEnter={[Function]}\n  onMouseLeave={[Function]}\n>\n  <Upload\n    accept=\"image/jpg,image/png\"\n    multiple={false}\n    name=\"applicationIcon\"\n    noDrag={true}\n    onDrop={[Function]}\n    showThumbnails={false}\n  >\n    <Tooltip\n      mouseEnterDelay={3000}\n      placement=\"top-center\"\n      title=\"Upload App Icon\"\n    >\n      <ApplicationIcon\n        name=\"\"\n        size={39}\n        src=\"test/url.png\"\n        style={\n          {\n            \"cursor\": \"pointer\",\n          }\n        }\n      />\n    </Tooltip>\n  </Upload>\n</div>\n`;\n","// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Details component should render without throwing an error 1`] = `\n<div\n  className=\"details\"\n>\n  First Detail | Second Detail\n</div>\n`;\n","// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`EventFilter component should render without throwing an error 1`] = `<FilterBreadcrumbs />`;\n","// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`PlaybackControls Component should render without throwing an error 1`] = `\n<div\n  className=\"fiqds-overlay-container fiqds-overlay-dropdown-container clickable\"\n>\n  <div\n    className=\"fiqds-overlay-trigger\"\n  >\n    <Memo(Button)\n      disabled={false}\n      flat={true}\n      icon=\"playcircle\"\n      onClick={[Function]}\n    >\n      Playback\n    </Memo(Button)>\n  </div>\n</div>\n`;\n","// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`PddProgressMessage should render without throwing an error 1`] = `\n<Fragment>\n  <Memo(Title)\n    level={5}\n  >\n    Generating PDD\n  </Memo(Title)>\n  <Memo(Image)\n    alt=\"Step One\"\n    bordered={true}\n    className=\"stepThumb\"\n    src=\"data:image/jpeg;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjQwIiB3aWR0aD0iNDMuMDA3Ij4KICAgIDxwYXRoIGNsYXNzPSJicmFuZC1pY29uIiBmaWxsPSIjRjA1NzQyIiBkPSJNMzIuNzUgMHY0LjUxOWgtNi4xMThWMEgxNi4zNzV2NC41MTloLTYuMTE4VjBIMHY0MGg0My4wMDdWMHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgogICAgPHBhdGggZD0iTTMxLjU3NiAyMC40OWMwLTEuMDExLS4xMzgtMS45MjItLjQxNi0yLjczMS0uMjc3LS44MS0uNjc2LTEuNDk2LTEuMTk1LTIuMDU4YTUuMTU4IDUuMTU4IDAgMDAtMS45MDktMS4yOTJjLS43NTItLjMtMS42MDktLjQ1LTIuNTctLjQ1LS45NyAwLTEuODM0LjE1LTIuNTkxLjQ1LS43NTcuMy0xLjM5Ni43My0xLjkxNiAxLjI5MnMtLjkxOCAxLjI0OC0xLjE5NSAyLjA1OGMtLjI3OC44MS0uNDE2IDEuNzItLjQxNiAyLjczMSAwIDEuMDIuMTM4IDEuOTM2LjQxNiAyLjc0NS4yNzcuODEuNjc1IDEuNDk2IDEuMTk1IDIuMDU4LjUyLjU2MSAxLjE1OS45OSAxLjkxNiAxLjI4NC43NTcuMjk2IDEuNjIyLjQ0MyAyLjU5Mi40NDMuOTYgMCAxLjgxNy0uMTQ3IDIuNTctLjQ0M2E1LjA4MyA1LjA4MyAwIDAwMS45MDgtMS4yODRjLjUyLS41NjIuOTE4LTEuMjQ4IDEuMTk1LTIuMDU4LjI3OC0uODEuNDE2LTEuNzI1LjQxNi0yLjc0NXptNS4xMzkgMGMwIC44OC0uMDk3IDEuNzI1LS4yOSAyLjUzNS0uMTkzLjgxLS40NyAxLjU3LS44MzEgMi4yODJhOS44MDEgOS44MDEgMCAwMS0zLjE0MSAzLjU5NWw1LjQ4IDUuNjU5aC00LjEzYTUuOTk4IDUuOTk4IDAgMDEtMS42MTgtLjIwM2MtLjQ4NS0uMTM2LS45MTYtLjQxLTEuMjkyLS44MjJsLTIuNjg4LTIuODVjLS40MzYuMDgzLS44NzkuMTUtMS4zMy4xOTYtLjQ1LjA0Ny0uOTEzLjA3LTEuMzg4LjA3LTEuNjgzIDAtMy4yMTgtLjI2Ny00LjYwNC0uOC0xLjM4Ny0uNTM0LTIuNTcyLTEuMjcxLTMuNTU3LTIuMjEyYTkuODU5IDkuODU5IDAgMDEtMi4yODgtMy4zMjFjLS41NC0xLjI3NC0uODA5LTIuNjUtLjgwOS00LjEyOSAwLTEuNDguMjctMi44NTYuODEtNC4xMjlhOS43ODcgOS43ODcgMCAwMTIuMjg3LTMuMzE0Yy45ODUtLjkzNiAyLjE3LTEuNjcxIDMuNTU3LTIuMjA1IDEuMzg2LS41MzMgMi45Mi0uOCA0LjYwNC0uOCAxLjY4MyAwIDMuMjE1LjI2OSA0LjU5Ni44MDcgMS4zODIuNTM5IDIuNTYyIDEuMjc2IDMuNTQzIDIuMjEyYTkuODM2IDkuODM2IDAgMDEyLjI4IDMuMzE0Yy41NCAxLjI3NC44MDkgMi42NDUuODA5IDQuMTE1ek02LjI5OCAzMC43MjdoNS4wNXYtMjAuNDZoLTUuMDV6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+Cg==\"\n    width={80}\n  />\n  <Memo(Text)>\n    Step One\n  </Memo(Text)>\n</Fragment>\n`;\n","// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`ControlsBar component should render without throwing an error 1`] = `\n<Header\n  toolbar={\n    <Memo(wrappedComponent)\n      currentUser={{}}\n      diagramData={{}}\n      flowData={{}}\n    />\n  }\n  toolbarActions={\n    <ToolbarActions\n      exportOptions={\n        [\n          {\n            \"disabled\": false,\n            \"exportArgs\": {\n              \"graphId\": {},\n            },\n            \"text\": \"Export Process (.csv)\",\n          },\n        ]\n      }\n      graphId={{}}\n      openModal={[Function]}\n    />\n  }\n/>\n`;\n","// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`ControlsBar FlowsControl component should render without throwing an error 1`] = `\n<div\n  className={{}}\n>\n  <Row\n    noEndGutter={true}\n    noOfCols={2}\n    type=\"grid\"\n  >\n    <Col>\n      Display Paths by:\n    </Col>\n    <Col\n      justify=\"flex-end\"\n    >\n      <Select\n        onChange={[Function]}\n        options={\n          [\n            {\n              \"label\": \"Duration\",\n              \"value\": \"duration\",\n            },\n            {\n              \"label\": \"Instances\",\n              \"value\": \"frequency\",\n            },\n          ]\n        }\n        size=\"small\"\n        style={\n          {\n            \"width\": \"150px\",\n          }\n        }\n      />\n    </Col>\n  </Row>\n  <div\n    className={{}}\n  />\n</div>\n`;\n","// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`ControlsBar GroupsControl component should render without throwing an error 1`] = `\n<Dropdown\n  id=\"process-explorer-groups\"\n  layer={\n    {\n      \"placement\": \"bottom-start\",\n    }\n  }\n  overlay={\n    <Menu\n      className={{}}\n    >\n      <MenuItem>\n        Highlight All\n      </MenuItem>\n    </Menu>\n  }\n  trigger={\n    {\n      \"type\": \"click\",\n    }\n  }\n>\n  <div\n    className={{}}\n  >\n    Display Group(s): \n    None\n  </div>\n</Dropdown>\n`;\n","// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`ObserverSelect component should render without throwing an error 1`] = `\n<Memo(ForwardRef)\n  menuPortalTarget={<body />}\n  onChange={[Function]}\n  options={\n    [\n      {\n        \"label\": \"name1\",\n        \"type\": \"observer\",\n        \"value\": 1,\n      },\n      {\n        \"label\": \"name2\",\n        \"type\": \"observer\",\n        \"value\": 2,\n      },\n    ]\n  }\n  placeholder=\"Select an Observer\"\n  style={\n    {\n      \"maxWidth\": \"100%\",\n      \"width\": \"250px\",\n    }\n  }\n  value={\n    {\n      \"label\": \"name1\",\n      \"type\": \"observer\",\n      \"value\": 1,\n    }\n  }\n/>\n`;\n","// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`Sidebar component should render without throwing an error 1`] = `\n<div\n  className=\"testclass\"\n>\n  <h1>\n    Test\n  </h1>\n</div>\n`;\n","// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`BoundingBox component should render without throwing an error 1`] = `\n<div\n  className=\"boundingBox\"\n  onClick={[Function]}\n  onMouseEnter={[Function]}\n  onMouseLeave={[Function]}\n  style={\n    {\n      \"height\": 64.6142870914875,\n      \"left\": 115.42364672707993,\n      \"top\": 61.36231803721199,\n      \"width\": 78.89744529065842,\n    }\n  }\n>\n  <div\n    className=\"boundingBoxControl tl\"\n    data-direction=\"tl\"\n  />\n  <div\n    className=\"boundingBoxControl tr\"\n    data-direction=\"tr\"\n  />\n  <div\n    className=\"boundingBoxControl bl\"\n    data-direction=\"bl\"\n  />\n  <div\n    className=\"boundingBoxControl br\"\n    data-direction=\"br\"\n  />\n  <div\n    className=\"boundingBoxMove\"\n    data-direction=\"move\"\n  />\n  <div\n    className=\"boundingBoxDeleteTrigger\"\n    onClick={[Function]}\n  >\n    <Icon\n      fill=\"white\"\n      icon=\"colorx\"\n      size={16}\n    />\n  </div>\n</div>\n`;\n","// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`BoundingBoxTag component should render without throwing an error 1`] = `\n<div\n  className=\"boundingBoxTag\"\n>\n  <Memo(Tag)\n    closable={true}\n    color={false}\n    onClose={[Function]}\n    onMouseEnter={[Function]}\n    onMouseLeave={[Function]}\n    style={\n      {\n        \"marginRight\": \"8px\",\n      }\n    }\n  >\n    1\n  </Memo(Tag)>\n</div>\n`;\n","// Jest Snapshot v1, https://goo.gl/fbAQLP\n\nexports[`ExploreButton (Web Applications) component should render without throwing an error 1`] = `\n<ContextConsumer>\n  <Component />\n</ContextConsumer>\n`;\n","var map = {\n\t\"./App\": \"./client/app/App.jsx\",\n\t\"./App.jsx\": \"./client/app/App.jsx\",\n\t\"./AppRoutes\": \"./client/app/AppRoutes.jsx\",\n\t\"./AppRoutes.jsx\": \"./client/app/AppRoutes.jsx\",\n\t\"./AppSidebar\": \"./client/app/AppSidebar.jsx\",\n\t\"./AppSidebar.jsx\": \"./client/app/AppSidebar.jsx\",\n\t\"./AppStyles\": \"./client/app/AppStyles.js\",\n\t\"./AppStyles.js\": \"./client/app/AppStyles.js\",\n\t\"./CAA\": \"./client/app/CAA.jsx\",\n\t\"./CAA.jsx\": \"./client/app/CAA.jsx\",\n\t\"./ProcessBoundary\": \"./client/app/ProcessBoundary/index.jsx\",\n\t\"./ProcessBoundary/\": \"./client/app/ProcessBoundary/index.jsx\",\n\t\"./ProcessBoundary/FormOverlay\": \"./client/app/ProcessBoundary/FormOverlay.jsx\",\n\t\"./ProcessBoundary/FormOverlay.jsx\": \"./client/app/ProcessBoundary/FormOverlay.jsx\",\n\t\"./ProcessBoundary/Gallery\": \"./client/app/ProcessBoundary/Gallery.jsx\",\n\t\"./ProcessBoundary/Gallery.jsx\": \"./client/app/ProcessBoundary/Gallery.jsx\",\n\t\"./ProcessBoundary/Sidebar\": \"./client/app/ProcessBoundary/Sidebar.js\",\n\t\"./ProcessBoundary/Sidebar.js\": \"./client/app/ProcessBoundary/Sidebar.js\",\n\t\"./ProcessBoundary/Toolbar\": \"./client/app/ProcessBoundary/Toolbar.jsx\",\n\t\"./ProcessBoundary/Toolbar.jsx\": \"./client/app/ProcessBoundary/Toolbar.jsx\",\n\t\"./ProcessBoundary/index\": \"./client/app/ProcessBoundary/index.jsx\",\n\t\"./ProcessBoundary/index.jsx\": \"./client/app/ProcessBoundary/index.jsx\",\n\t\"./ProcessBoundary/processBoundaryToast\": \"./client/app/ProcessBoundary/processBoundaryToast.jsx\",\n\t\"./ProcessBoundary/processBoundaryToast.jsx\": \"./client/app/ProcessBoundary/processBoundaryToast.jsx\",\n\t\"./ProcessBoundary/styles\": \"./client/app/ProcessBoundary/styles/index.js\",\n\t\"./ProcessBoundary/styles/\": \"./client/app/ProcessBoundary/styles/index.js\",\n\t\"./ProcessBoundary/styles/index\": \"./client/app/ProcessBoundary/styles/index.js\",\n\t\"./ProcessBoundary/styles/index.js\": \"./client/app/ProcessBoundary/styles/index.js\",\n\t\"./admin/Admin\": \"./client/app/admin/Admin.jsx\",\n\t\"./admin/Admin.jsx\": \"./client/app/admin/Admin.jsx\",\n\t\"./admin/applicationList\": \"./client/app/admin/applicationList/index.jsx\",\n\t\"./admin/applicationList/\": \"./client/app/admin/applicationList/index.jsx\",\n\t\"./admin/applicationList/index\": \"./client/app/admin/applicationList/index.jsx\",\n\t\"./admin/applicationList/index.jsx\": \"./client/app/admin/applicationList/index.jsx\",\n\t\"./admin/applicationList/subComponents/ActionsMenu\": \"./client/app/admin/applicationList/subComponents/ActionsMenu.jsx\",\n\t\"./admin/applicationList/subComponents/ActionsMenu.jsx\": \"./client/app/admin/applicationList/subComponents/ActionsMenu.jsx\",\n\t\"./admin/applicationList/subComponents/ApplicationListForm\": \"./client/app/admin/applicationList/subComponents/ApplicationListForm.jsx\",\n\t\"./admin/applicationList/subComponents/ApplicationListForm.jsx\": \"./client/app/admin/applicationList/subComponents/ApplicationListForm.jsx\",\n\t\"./admin/applicationList/subComponents/ControlledApplicationInput\": \"./client/app/admin/applicationList/subComponents/ControlledApplicationInput.jsx\",\n\t\"./admin/applicationList/subComponents/ControlledApplicationInput.jsx\": \"./client/app/admin/applicationList/subComponents/ControlledApplicationInput.jsx\",\n\t\"./admin/common/constants\": \"./client/app/admin/common/constants.js\",\n\t\"./admin/common/constants.js\": \"./client/app/admin/common/constants.js\",\n\t\"./admin/domainList\": \"./client/app/admin/domainList/index.jsx\",\n\t\"./admin/domainList/\": \"./client/app/admin/domainList/index.jsx\",\n\t\"./admin/domainList/index\": \"./client/app/admin/domainList/index.jsx\",\n\t\"./admin/domainList/index.jsx\": \"./client/app/admin/domainList/index.jsx\",\n\t\"./admin/domainList/subComponents/ActionsMenu\": \"./client/app/admin/domainList/subComponents/ActionsMenu.jsx\",\n\t\"./admin/domainList/subComponents/ActionsMenu.jsx\": \"./client/app/admin/domainList/subComponents/ActionsMenu.jsx\",\n\t\"./admin/domainList/subComponents/ControlledDomainInput\": \"./client/app/admin/domainList/subComponents/ControlledDomainInput.jsx\",\n\t\"./admin/domainList/subComponents/ControlledDomainInput.jsx\": \"./client/app/admin/domainList/subComponents/ControlledDomainInput.jsx\",\n\t\"./admin/domainList/subComponents/DomainListForm\": \"./client/app/admin/domainList/subComponents/DomainListForm.jsx\",\n\t\"./admin/domainList/subComponents/DomainListForm.jsx\": \"./client/app/admin/domainList/subComponents/DomainListForm.jsx\",\n\t\"./admin/domainList/subComponents/styles\": \"./client/app/admin/domainList/subComponents/styles.js\",\n\t\"./admin/domainList/subComponents/styles.js\": \"./client/app/admin/domainList/subComponents/styles.js\",\n\t\"./admin/event_log_exports/EventLogExportList\": \"./client/app/admin/event_log_exports/EventLogExportList.jsx\",\n\t\"./admin/event_log_exports/EventLogExportList.jsx\": \"./client/app/admin/event_log_exports/EventLogExportList.jsx\",\n\t\"./admin/integrations/Integrations\": \"./client/app/admin/integrations/Integrations.jsx\",\n\t\"./admin/integrations/Integrations.jsx\": \"./client/app/admin/integrations/Integrations.jsx\",\n\t\"./admin/integrations/SubComponents/ActionsMenu\": \"./client/app/admin/integrations/SubComponents/ActionsMenu.jsx\",\n\t\"./admin/integrations/SubComponents/ActionsMenu.jsx\": \"./client/app/admin/integrations/SubComponents/ActionsMenu.jsx\",\n\t\"./admin/integrations/SubComponents/IntegrationFormModal\": \"./client/app/admin/integrations/SubComponents/IntegrationFormModal.jsx\",\n\t\"./admin/integrations/SubComponents/IntegrationFormModal.jsx\": \"./client/app/admin/integrations/SubComponents/IntegrationFormModal.jsx\",\n\t\"./admin/integrations/SubComponents/wrapperCSS\": \"./client/app/admin/integrations/SubComponents/wrapperCSS.js\",\n\t\"./admin/integrations/SubComponents/wrapperCSS.js\": \"./client/app/admin/integrations/SubComponents/wrapperCSS.js\",\n\t\"./admin/integrations/helpers/handleIntegration\": \"./client/app/admin/integrations/helpers/handleIntegration.js\",\n\t\"./admin/integrations/helpers/handleIntegration.js\": \"./client/app/admin/integrations/helpers/handleIntegration.js\",\n\t\"./admin/tank/BatchStore\": \"./client/app/admin/tank/BatchStore.js\",\n\t\"./admin/tank/BatchStore.js\": \"./client/app/admin/tank/BatchStore.js\",\n\t\"./admin/tank/TankMonitor\": \"./client/app/admin/tank/TankMonitor.jsx\",\n\t\"./admin/tank/TankMonitor.jsx\": \"./client/app/admin/tank/TankMonitor.jsx\",\n\t\"./admin/tank/TankStore\": \"./client/app/admin/tank/TankStore.js\",\n\t\"./admin/tank/TankStore.js\": \"./client/app/admin/tank/TankStore.js\",\n\t\"./admin/tenants/CreateTenantButton\": \"./client/app/admin/tenants/CreateTenantButton.jsx\",\n\t\"./admin/tenants/CreateTenantButton.jsx\": \"./client/app/admin/tenants/CreateTenantButton.jsx\",\n\t\"./admin/tenants/ManageAccount\": \"./client/app/admin/tenants/ManageAccount.jsx\",\n\t\"./admin/tenants/ManageAccount.jsx\": \"./client/app/admin/tenants/ManageAccount.jsx\",\n\t\"./admin/tenants/ManageCredits/CreditsChart\": \"./client/app/admin/tenants/ManageCredits/CreditsChart.jsx\",\n\t\"./admin/tenants/ManageCredits/CreditsChart.jsx\": \"./client/app/admin/tenants/ManageCredits/CreditsChart.jsx\",\n\t\"./admin/tenants/ManageCredits/CreditsCounts\": \"./client/app/admin/tenants/ManageCredits/CreditsCounts.jsx\",\n\t\"./admin/tenants/ManageCredits/CreditsCounts.jsx\": \"./client/app/admin/tenants/ManageCredits/CreditsCounts.jsx\",\n\t\"./admin/tenants/ManageCredits/CreditsFilter\": \"./client/app/admin/tenants/ManageCredits/CreditsFilter.jsx\",\n\t\"./admin/tenants/ManageCredits/CreditsFilter.jsx\": \"./client/app/admin/tenants/ManageCredits/CreditsFilter.jsx\",\n\t\"./admin/tenants/ManageCredits/DownloadCreditsButton\": \"./client/app/admin/tenants/ManageCredits/DownloadCreditsButton.jsx\",\n\t\"./admin/tenants/ManageCredits/DownloadCreditsButton.jsx\": \"./client/app/admin/tenants/ManageCredits/DownloadCreditsButton.jsx\",\n\t\"./admin/tenants/ManageCredits/ManageCredits\": \"./client/app/admin/tenants/ManageCredits/ManageCredits.jsx\",\n\t\"./admin/tenants/ManageCredits/ManageCredits.jsx\": \"./client/app/admin/tenants/ManageCredits/ManageCredits.jsx\",\n\t\"./admin/tenants/ManageCredits/UserBreakdownTable\": \"./client/app/admin/tenants/ManageCredits/UserBreakdownTable.jsx\",\n\t\"./admin/tenants/ManageCredits/UserBreakdownTable.jsx\": \"./client/app/admin/tenants/ManageCredits/UserBreakdownTable.jsx\",\n\t\"./admin/tenants/ManageCredits/constants\": \"./client/app/admin/tenants/ManageCredits/constants.js\",\n\t\"./admin/tenants/ManageCredits/constants.js\": \"./client/app/admin/tenants/ManageCredits/constants.js\",\n\t\"./admin/tenants/ManageCredits/styles\": \"./client/app/admin/tenants/ManageCredits/styles/index.js\",\n\t\"./admin/tenants/ManageCredits/styles/\": \"./client/app/admin/tenants/ManageCredits/styles/index.js\",\n\t\"./admin/tenants/ManageCredits/styles/index\": \"./client/app/admin/tenants/ManageCredits/styles/index.js\",\n\t\"./admin/tenants/ManageCredits/styles/index.js\": \"./client/app/admin/tenants/ManageCredits/styles/index.js\",\n\t\"./admin/tenants/SwitchSection\": \"./client/app/admin/tenants/SwitchSection.jsx\",\n\t\"./admin/tenants/SwitchSection.jsx\": \"./client/app/admin/tenants/SwitchSection.jsx\",\n\t\"./admin/tenants/TenantCreator\": \"./client/app/admin/tenants/TenantCreator.jsx\",\n\t\"./admin/tenants/TenantCreator.jsx\": \"./client/app/admin/tenants/TenantCreator.jsx\",\n\t\"./admin/tenants/TenantEditor\": \"./client/app/admin/tenants/TenantEditor.jsx\",\n\t\"./admin/tenants/TenantEditor.jsx\": \"./client/app/admin/tenants/TenantEditor.jsx\",\n\t\"./admin/tenants/TenantEditorNavigation\": \"./client/app/admin/tenants/TenantEditorNavigation.jsx\",\n\t\"./admin/tenants/TenantEditorNavigation.jsx\": \"./client/app/admin/tenants/TenantEditorNavigation.jsx\",\n\t\"./admin/tenants/TenantList\": \"./client/app/admin/tenants/TenantList.jsx\",\n\t\"./admin/tenants/TenantList.jsx\": \"./client/app/admin/tenants/TenantList.jsx\",\n\t\"./admin/tenants/__tests__/CreateTenantButton.test\": \"./client/app/admin/tenants/__tests__/CreateTenantButton.test.jsx\",\n\t\"./admin/tenants/__tests__/CreateTenantButton.test.jsx\": \"./client/app/admin/tenants/__tests__/CreateTenantButton.test.jsx\",\n\t\"./admin/tenants/__tests__/ManageAccount.test\": \"./client/app/admin/tenants/__tests__/ManageAccount.test.jsx\",\n\t\"./admin/tenants/__tests__/ManageAccount.test.jsx\": \"./client/app/admin/tenants/__tests__/ManageAccount.test.jsx\",\n\t\"./admin/tenants/__tests__/TenantCreator.test\": \"./client/app/admin/tenants/__tests__/TenantCreator.test.jsx\",\n\t\"./admin/tenants/__tests__/TenantCreator.test.jsx\": \"./client/app/admin/tenants/__tests__/TenantCreator.test.jsx\",\n\t\"./admin/tenants/__tests__/__snapshots__/CreateTenantButton.test.jsx.snap\": \"./client/app/admin/tenants/__tests__/__snapshots__/CreateTenantButton.test.jsx.snap\",\n\t\"./admin/tenants/__tests__/__snapshots__/ManageAccount.test.jsx.snap\": \"./client/app/admin/tenants/__tests__/__snapshots__/ManageAccount.test.jsx.snap\",\n\t\"./admin/tenants/__tests__/__snapshots__/TenantCreator.test.jsx.snap\": \"./client/app/admin/tenants/__tests__/__snapshots__/TenantCreator.test.jsx.snap\",\n\t\"./admin/tenants/constants\": \"./client/app/admin/tenants/constants.js\",\n\t\"./admin/tenants/constants.js\": \"./client/app/admin/tenants/constants.js\",\n\t\"./admin/tenants/styles\": \"./client/app/admin/tenants/styles/index.js\",\n\t\"./admin/tenants/styles/\": \"./client/app/admin/tenants/styles/index.js\",\n\t\"./admin/tenants/styles/index\": \"./client/app/admin/tenants/styles/index.js\",\n\t\"./admin/tenants/styles/index.js\": \"./client/app/admin/tenants/styles/index.js\",\n\t\"./admin/users\": \"./client/app/admin/users/index.jsx\",\n\t\"./admin/users/\": \"./client/app/admin/users/index.jsx\",\n\t\"./admin/users/constants\": \"./client/app/admin/users/constants.jsx\",\n\t\"./admin/users/constants.jsx\": \"./client/app/admin/users/constants.jsx\",\n\t\"./admin/users/index\": \"./client/app/admin/users/index.jsx\",\n\t\"./admin/users/index.jsx\": \"./client/app/admin/users/index.jsx\",\n\t\"./admin/users/subComponents/Actions\": \"./client/app/admin/users/subComponents/Actions.jsx\",\n\t\"./admin/users/subComponents/Actions.jsx\": \"./client/app/admin/users/subComponents/Actions.jsx\",\n\t\"./admin/users/subComponents/KibanaPassword\": \"./client/app/admin/users/subComponents/KibanaPassword.jsx\",\n\t\"./admin/users/subComponents/KibanaPassword.jsx\": \"./client/app/admin/users/subComponents/KibanaPassword.jsx\",\n\t\"./admin/users/subComponents/UserEditor\": \"./client/app/admin/users/subComponents/UserEditor.jsx\",\n\t\"./admin/users/subComponents/UserEditor.jsx\": \"./client/app/admin/users/subComponents/UserEditor.jsx\",\n\t\"./applications/ActionsMenu\": \"./client/app/applications/ActionsMenu.jsx\",\n\t\"./applications/ActionsMenu.jsx\": \"./client/app/applications/ActionsMenu.jsx\",\n\t\"./applications/Application\": \"./client/app/applications/Application/index.jsx\",\n\t\"./applications/Application/\": \"./client/app/applications/Application/index.jsx\",\n\t\"./applications/Application/index\": \"./client/app/applications/Application/index.jsx\",\n\t\"./applications/Application/index.jsx\": \"./client/app/applications/Application/index.jsx\",\n\t\"./applications/Application/provisional\": \"./client/app/applications/Application/provisional/index.jsx\",\n\t\"./applications/Application/provisional/\": \"./client/app/applications/Application/provisional/index.jsx\",\n\t\"./applications/Application/provisional/Chain\": \"./client/app/applications/Application/provisional/Chain.jsx\",\n\t\"./applications/Application/provisional/Chain.jsx\": \"./client/app/applications/Application/provisional/Chain.jsx\",\n\t\"./applications/Application/provisional/Form\": \"./client/app/applications/Application/provisional/Form.jsx\",\n\t\"./applications/Application/provisional/Form.jsx\": \"./client/app/applications/Application/provisional/Form.jsx\",\n\t\"./applications/Application/provisional/Single\": \"./client/app/applications/Application/provisional/Single.jsx\",\n\t\"./applications/Application/provisional/Single.jsx\": \"./client/app/applications/Application/provisional/Single.jsx\",\n\t\"./applications/Application/provisional/fields/Checkbox\": \"./client/app/applications/Application/provisional/fields/Checkbox.jsx\",\n\t\"./applications/Application/provisional/fields/Checkbox.jsx\": \"./client/app/applications/Application/provisional/fields/Checkbox.jsx\",\n\t\"./applications/Application/provisional/fields/Number\": \"./client/app/applications/Application/provisional/fields/Number.jsx\",\n\t\"./applications/Application/provisional/fields/Number.jsx\": \"./client/app/applications/Application/provisional/fields/Number.jsx\",\n\t\"./applications/Application/provisional/fields/RadioGroup\": \"./client/app/applications/Application/provisional/fields/RadioGroup.jsx\",\n\t\"./applications/Application/provisional/fields/RadioGroup.jsx\": \"./client/app/applications/Application/provisional/fields/RadioGroup.jsx\",\n\t\"./applications/Application/provisional/fields/TextArea\": \"./client/app/applications/Application/provisional/fields/TextArea.jsx\",\n\t\"./applications/Application/provisional/fields/TextArea.jsx\": \"./client/app/applications/Application/provisional/fields/TextArea.jsx\",\n\t\"./applications/Application/provisional/fields/TextInput\": \"./client/app/applications/Application/provisional/fields/TextInput.jsx\",\n\t\"./applications/Application/provisional/fields/TextInput.jsx\": \"./client/app/applications/Application/provisional/fields/TextInput.jsx\",\n\t\"./applications/Application/provisional/fields/hooks\": \"./client/app/applications/Application/provisional/fields/hooks.js\",\n\t\"./applications/Application/provisional/fields/hooks.js\": \"./client/app/applications/Application/provisional/fields/hooks.js\",\n\t\"./applications/Application/provisional/index\": \"./client/app/applications/Application/provisional/index.jsx\",\n\t\"./applications/Application/provisional/index.jsx\": \"./client/app/applications/Application/provisional/index.jsx\",\n\t\"./applications/Application/provisional/nGram\": \"./client/app/applications/Application/provisional/nGram/index.jsx\",\n\t\"./applications/Application/provisional/nGram/\": \"./client/app/applications/Application/provisional/nGram/index.jsx\",\n\t\"./applications/Application/provisional/nGram/Overlay\": \"./client/app/applications/Application/provisional/nGram/Overlay.jsx\",\n\t\"./applications/Application/provisional/nGram/Overlay.jsx\": \"./client/app/applications/Application/provisional/nGram/Overlay.jsx\",\n\t\"./applications/Application/provisional/nGram/index\": \"./client/app/applications/Application/provisional/nGram/index.jsx\",\n\t\"./applications/Application/provisional/nGram/index.jsx\": \"./client/app/applications/Application/provisional/nGram/index.jsx\",\n\t\"./applications/Application/provisional/styles\": \"./client/app/applications/Application/provisional/styles/index.js\",\n\t\"./applications/Application/provisional/styles/\": \"./client/app/applications/Application/provisional/styles/index.js\",\n\t\"./applications/Application/provisional/styles/index\": \"./client/app/applications/Application/provisional/styles/index.js\",\n\t\"./applications/Application/provisional/styles/index.js\": \"./client/app/applications/Application/provisional/styles/index.js\",\n\t\"./applications/Application/strategy/History\": \"./client/app/applications/Application/strategy/History.jsx\",\n\t\"./applications/Application/strategy/History.jsx\": \"./client/app/applications/Application/strategy/History.jsx\",\n\t\"./applications/Application/strategy/Promoted\": \"./client/app/applications/Application/strategy/Promoted.jsx\",\n\t\"./applications/Application/strategy/Promoted.jsx\": \"./client/app/applications/Application/strategy/Promoted.jsx\",\n\t\"./applications/Application/strategy/styles\": \"./client/app/applications/Application/strategy/styles/index.js\",\n\t\"./applications/Application/strategy/styles/\": \"./client/app/applications/Application/strategy/styles/index.js\",\n\t\"./applications/Application/strategy/styles/index\": \"./client/app/applications/Application/strategy/styles/index.js\",\n\t\"./applications/Application/strategy/styles/index.js\": \"./client/app/applications/Application/strategy/styles/index.js\",\n\t\"./applications/Application/styles\": \"./client/app/applications/Application/styles/index.js\",\n\t\"./applications/Application/styles/\": \"./client/app/applications/Application/styles/index.js\",\n\t\"./applications/Application/styles/index\": \"./client/app/applications/Application/styles/index.js\",\n\t\"./applications/Application/styles/index.js\": \"./client/app/applications/Application/styles/index.js\",\n\t\"./applications/Application/utilities\": \"./client/app/applications/Application/utilities.js\",\n\t\"./applications/Application/utilities.js\": \"./client/app/applications/Application/utilities.js\",\n\t\"./applications/ApplicationIconCell\": \"./client/app/applications/ApplicationIconCell.jsx\",\n\t\"./applications/ApplicationIconCell.jsx\": \"./client/app/applications/ApplicationIconCell.jsx\",\n\t\"./applications/ApplicationRegistry\": \"./client/app/applications/ApplicationRegistry.jsx\",\n\t\"./applications/ApplicationRegistry.jsx\": \"./client/app/applications/ApplicationRegistry.jsx\",\n\t\"./applications/__tests__/ApplicationIconCell.test\": \"./client/app/applications/__tests__/ApplicationIconCell.test.jsx\",\n\t\"./applications/__tests__/ApplicationIconCell.test.jsx\": \"./client/app/applications/__tests__/ApplicationIconCell.test.jsx\",\n\t\"./applications/__tests__/__snapshots__/ApplicationIconCell.test.jsx.snap\": \"./client/app/applications/__tests__/__snapshots__/ApplicationIconCell.test.jsx.snap\",\n\t\"./butterfly/AppCircleRenderer\": \"./client/app/butterfly/AppCircleRenderer.js\",\n\t\"./butterfly/AppCircleRenderer.js\": \"./client/app/butterfly/AppCircleRenderer.js\",\n\t\"./butterfly/Butterfly\": \"./client/app/butterfly/Butterfly.jsx\",\n\t\"./butterfly/Butterfly.jsx\": \"./client/app/butterfly/Butterfly.jsx\",\n\t\"./butterfly/ButterflyChart\": \"./client/app/butterfly/ButterflyChart.jsx\",\n\t\"./butterfly/ButterflyChart.jsx\": \"./client/app/butterfly/ButterflyChart.jsx\",\n\t\"./butterfly/ButterflyLinkRenderer\": \"./client/app/butterfly/ButterflyLinkRenderer.js\",\n\t\"./butterfly/ButterflyLinkRenderer.js\": \"./client/app/butterfly/ButterflyLinkRenderer.js\",\n\t\"./butterfly/ButterflyMainContent\": \"./client/app/butterfly/ButterflyMainContent.jsx\",\n\t\"./butterfly/ButterflyMainContent.jsx\": \"./client/app/butterfly/ButterflyMainContent.jsx\",\n\t\"./butterfly/ButterflyRenderer\": \"./client/app/butterfly/ButterflyRenderer.js\",\n\t\"./butterfly/ButterflyRenderer.js\": \"./client/app/butterfly/ButterflyRenderer.js\",\n\t\"./butterfly/ButterflySelect\": \"./client/app/butterfly/ButterflySelect.jsx\",\n\t\"./butterfly/ButterflySelect.jsx\": \"./client/app/butterfly/ButterflySelect.jsx\",\n\t\"./butterfly/ButterflyTooltip\": \"./client/app/butterfly/ButterflyTooltip.jsx\",\n\t\"./butterfly/ButterflyTooltip.jsx\": \"./client/app/butterfly/ButterflyTooltip.jsx\",\n\t\"./butterfly/D3Sankey\": \"./client/app/butterfly/D3Sankey.js\",\n\t\"./butterfly/D3Sankey.js\": \"./client/app/butterfly/D3Sankey.js\",\n\t\"./butterfly/NodeRenderer\": \"./client/app/butterfly/NodeRenderer.js\",\n\t\"./butterfly/NodeRenderer.js\": \"./client/app/butterfly/NodeRenderer.js\",\n\t\"./butterfly/SidePanel\": \"./client/app/butterfly/SidePanel.jsx\",\n\t\"./butterfly/SidePanel.jsx\": \"./client/app/butterfly/SidePanel.jsx\",\n\t\"./butterfly/butterflyMainContentStyle\": \"./client/app/butterfly/butterflyMainContentStyle.scss\",\n\t\"./butterfly/butterflyMainContentStyle.scss\": \"./client/app/butterfly/butterflyMainContentStyle.scss\",\n\t\"./butterfly/createProcessDialogue/CreateProcessDialogue\": \"./client/app/butterfly/createProcessDialogue/CreateProcessDialogue.jsx\",\n\t\"./butterfly/createProcessDialogue/CreateProcessDialogue.jsx\": \"./client/app/butterfly/createProcessDialogue/CreateProcessDialogue.jsx\",\n\t\"./butterfly/createProcessDialogue/CreateProcessSection\": \"./client/app/butterfly/createProcessDialogue/CreateProcessSection.jsx\",\n\t\"./butterfly/createProcessDialogue/CreateProcessSection.jsx\": \"./client/app/butterfly/createProcessDialogue/CreateProcessSection.jsx\",\n\t\"./butterfly/createProcessDialogue/DraggingNode\": \"./client/app/butterfly/createProcessDialogue/DraggingNode.jsx\",\n\t\"./butterfly/createProcessDialogue/DraggingNode.jsx\": \"./client/app/butterfly/createProcessDialogue/DraggingNode.jsx\",\n\t\"./butterfly/createProcessDialogue/createProcessDialogueStyle\": \"./client/app/butterfly/createProcessDialogue/createProcessDialogueStyle.scss\",\n\t\"./butterfly/createProcessDialogue/createProcessDialogueStyle.scss\": \"./client/app/butterfly/createProcessDialogue/createProcessDialogueStyle.scss\",\n\t\"./butterfly/createProcessDialogue/createProcessSectionStyle\": \"./client/app/butterfly/createProcessDialogue/createProcessSectionStyle.scss\",\n\t\"./butterfly/createProcessDialogue/createProcessSectionStyle.scss\": \"./client/app/butterfly/createProcessDialogue/createProcessSectionStyle.scss\",\n\t\"./butterfly/createProcessDialogue/draggingNodeStyle\": \"./client/app/butterfly/createProcessDialogue/draggingNodeStyle.scss\",\n\t\"./butterfly/createProcessDialogue/draggingNodeStyle.scss\": \"./client/app/butterfly/createProcessDialogue/draggingNodeStyle.scss\",\n\t\"./butterfly/createProcessDialogue/images/toggleClose\": \"./client/app/butterfly/createProcessDialogue/images/toggleClose.svg\",\n\t\"./butterfly/createProcessDialogue/images/toggleClose.svg\": \"./client/app/butterfly/createProcessDialogue/images/toggleClose.svg\",\n\t\"./butterfly/createProcessDialogue/images/toggleOpen\": \"./client/app/butterfly/createProcessDialogue/images/toggleOpen.svg\",\n\t\"./butterfly/createProcessDialogue/images/toggleOpen.svg\": \"./client/app/butterfly/createProcessDialogue/images/toggleOpen.svg\",\n\t\"./butterfly/createProcessDialogue/sections/PathDetails\": \"./client/app/butterfly/createProcessDialogue/sections/PathDetails.jsx\",\n\t\"./butterfly/createProcessDialogue/sections/PathDetails.jsx\": \"./client/app/butterfly/createProcessDialogue/sections/PathDetails.jsx\",\n\t\"./butterfly/createProcessDialogue/sections/pathDetailsStyle\": \"./client/app/butterfly/createProcessDialogue/sections/pathDetailsStyle.scss\",\n\t\"./butterfly/createProcessDialogue/sections/pathDetailsStyle.scss\": \"./client/app/butterfly/createProcessDialogue/sections/pathDetailsStyle.scss\",\n\t\"./butterfly/details/StepStatistics\": \"./client/app/butterfly/details/StepStatistics.jsx\",\n\t\"./butterfly/details/StepStatistics.jsx\": \"./client/app/butterfly/details/StepStatistics.jsx\",\n\t\"./butterfly/stores/ButterflyProcessStore\": \"./client/app/butterfly/stores/ButterflyProcessStore.js\",\n\t\"./butterfly/stores/ButterflyProcessStore.js\": \"./client/app/butterfly/stores/ButterflyProcessStore.js\",\n\t\"./butterfly/styles\": \"./client/app/butterfly/styles/index.js\",\n\t\"./butterfly/styles/\": \"./client/app/butterfly/styles/index.js\",\n\t\"./butterfly/styles/index\": \"./client/app/butterfly/styles/index.js\",\n\t\"./butterfly/styles/index.js\": \"./client/app/butterfly/styles/index.js\",\n\t\"./butterfly/util\": \"./client/app/butterfly/util.js\",\n\t\"./butterfly/util.js\": \"./client/app/butterfly/util.js\",\n\t\"./butterfly/utils\": \"./client/app/butterfly/utils.scss\",\n\t\"./butterfly/utils.scss\": \"./client/app/butterfly/utils.scss\",\n\t\"./caaMarkdown\": \"./client/app/caaMarkdown.js\",\n\t\"./caaMarkdown.js\": \"./client/app/caaMarkdown.js\",\n\t\"./client_dashboard/ClientDashboardStore\": \"./client/app/client_dashboard/ClientDashboardStore.js\",\n\t\"./client_dashboard/ClientDashboardStore.js\": \"./client/app/client_dashboard/ClientDashboardStore.js\",\n\t\"./client_dashboard/DetailCard\": \"./client/app/client_dashboard/DetailCard.jsx\",\n\t\"./client_dashboard/DetailCard.jsx\": \"./client/app/client_dashboard/DetailCard.jsx\",\n\t\"./client_dashboard/Details\": \"./client/app/client_dashboard/Details.jsx\",\n\t\"./client_dashboard/Details.jsx\": \"./client/app/client_dashboard/Details.jsx\",\n\t\"./client_dashboard/__tests__/Details.test\": \"./client/app/client_dashboard/__tests__/Details.test.jsx\",\n\t\"./client_dashboard/__tests__/Details.test.jsx\": \"./client/app/client_dashboard/__tests__/Details.test.jsx\",\n\t\"./client_dashboard/__tests__/__snapshots__/Details.test.jsx.snap\": \"./client/app/client_dashboard/__tests__/__snapshots__/Details.test.jsx.snap\",\n\t\"./client_dashboard/detailCardStyle\": \"./client/app/client_dashboard/detailCardStyle.scss\",\n\t\"./client_dashboard/detailCardStyle.scss\": \"./client/app/client_dashboard/detailCardStyle.scss\",\n\t\"./client_dashboard/detailsStyle\": \"./client/app/client_dashboard/detailsStyle.scss\",\n\t\"./client_dashboard/detailsStyle.scss\": \"./client/app/client_dashboard/detailsStyle.scss\",\n\t\"./client_dashboard/processListDashboard/AddProcessModal\": \"./client/app/client_dashboard/processListDashboard/AddProcessModal.jsx\",\n\t\"./client_dashboard/processListDashboard/AddProcessModal.jsx\": \"./client/app/client_dashboard/processListDashboard/AddProcessModal.jsx\",\n\t\"./client_dashboard/processListDashboard/AdminMenu\": \"./client/app/client_dashboard/processListDashboard/AdminMenu.jsx\",\n\t\"./client_dashboard/processListDashboard/AdminMenu.jsx\": \"./client/app/client_dashboard/processListDashboard/AdminMenu.jsx\",\n\t\"./client_dashboard/processListDashboard/Dashboard\": \"./client/app/client_dashboard/processListDashboard/Dashboard.jsx\",\n\t\"./client_dashboard/processListDashboard/Dashboard.jsx\": \"./client/app/client_dashboard/processListDashboard/Dashboard.jsx\",\n\t\"./client_dashboard/processListDashboard/TagsFilter\": \"./client/app/client_dashboard/processListDashboard/TagsFilter.jsx\",\n\t\"./client_dashboard/processListDashboard/TagsFilter.jsx\": \"./client/app/client_dashboard/processListDashboard/TagsFilter.jsx\",\n\t\"./client_dashboard/processListDashboard/addProcessesModal\": \"./client/app/client_dashboard/processListDashboard/addProcessesModal.scss\",\n\t\"./client_dashboard/processListDashboard/addProcessesModal.scss\": \"./client/app/client_dashboard/processListDashboard/addProcessesModal.scss\",\n\t\"./client_dashboard/processListDashboard/constants\": \"./client/app/client_dashboard/processListDashboard/constants.js\",\n\t\"./client_dashboard/processListDashboard/constants.js\": \"./client/app/client_dashboard/processListDashboard/constants.js\",\n\t\"./client_dashboard/processListDashboard/dashboardCard/DashboardCard\": \"./client/app/client_dashboard/processListDashboard/dashboardCard/DashboardCard.jsx\",\n\t\"./client_dashboard/processListDashboard/dashboardCard/DashboardCard.jsx\": \"./client/app/client_dashboard/processListDashboard/dashboardCard/DashboardCard.jsx\",\n\t\"./client_dashboard/processListDashboard/dashboardCard/styles\": \"./client/app/client_dashboard/processListDashboard/dashboardCard/styles.js\",\n\t\"./client_dashboard/processListDashboard/dashboardCard/styles.js\": \"./client/app/client_dashboard/processListDashboard/dashboardCard/styles.js\",\n\t\"./client_dashboard/processListDashboard/dashboardHeader\": \"./client/app/client_dashboard/processListDashboard/dashboardHeader.scss\",\n\t\"./client_dashboard/processListDashboard/dashboardHeader.scss\": \"./client/app/client_dashboard/processListDashboard/dashboardHeader.scss\",\n\t\"./client_dashboard/processListDashboard/styles\": \"./client/app/client_dashboard/processListDashboard/styles/index.js\",\n\t\"./client_dashboard/processListDashboard/styles/\": \"./client/app/client_dashboard/processListDashboard/styles/index.js\",\n\t\"./client_dashboard/processListDashboard/styles/index\": \"./client/app/client_dashboard/processListDashboard/styles/index.js\",\n\t\"./client_dashboard/processListDashboard/styles/index.js\": \"./client/app/client_dashboard/processListDashboard/styles/index.js\",\n\t\"./client_dashboard/processViewDashboard/AppsCard/AppsCard\": \"./client/app/client_dashboard/processViewDashboard/AppsCard/AppsCard.jsx\",\n\t\"./client_dashboard/processViewDashboard/AppsCard/AppsCard.jsx\": \"./client/app/client_dashboard/processViewDashboard/AppsCard/AppsCard.jsx\",\n\t\"./client_dashboard/processViewDashboard/CardListing\": \"./client/app/client_dashboard/processViewDashboard/CardListing.jsx\",\n\t\"./client_dashboard/processViewDashboard/CardListing.jsx\": \"./client/app/client_dashboard/processViewDashboard/CardListing.jsx\",\n\t\"./client_dashboard/processViewDashboard/Dashboard\": \"./client/app/client_dashboard/processViewDashboard/Dashboard.jsx\",\n\t\"./client_dashboard/processViewDashboard/Dashboard.jsx\": \"./client/app/client_dashboard/processViewDashboard/Dashboard.jsx\",\n\t\"./client_dashboard/processViewDashboard/DashboardHeader\": \"./client/app/client_dashboard/processViewDashboard/DashboardHeader.jsx\",\n\t\"./client_dashboard/processViewDashboard/DashboardHeader.jsx\": \"./client/app/client_dashboard/processViewDashboard/DashboardHeader.jsx\",\n\t\"./client_dashboard/processViewDashboard/Menus/CardMenu\": \"./client/app/client_dashboard/processViewDashboard/Menus/CardMenu.jsx\",\n\t\"./client_dashboard/processViewDashboard/Menus/CardMenu.jsx\": \"./client/app/client_dashboard/processViewDashboard/Menus/CardMenu.jsx\",\n\t\"./client_dashboard/processViewDashboard/Menus/styles\": \"./client/app/client_dashboard/processViewDashboard/Menus/styles/index.js\",\n\t\"./client_dashboard/processViewDashboard/Menus/styles/\": \"./client/app/client_dashboard/processViewDashboard/Menus/styles/index.js\",\n\t\"./client_dashboard/processViewDashboard/Menus/styles/index\": \"./client/app/client_dashboard/processViewDashboard/Menus/styles/index.js\",\n\t\"./client_dashboard/processViewDashboard/Menus/styles/index.js\": \"./client/app/client_dashboard/processViewDashboard/Menus/styles/index.js\",\n\t\"./client_dashboard/processViewDashboard/UploadsCard/UploadsCard\": \"./client/app/client_dashboard/processViewDashboard/UploadsCard/UploadsCard.jsx\",\n\t\"./client_dashboard/processViewDashboard/UploadsCard/UploadsCard.jsx\": \"./client/app/client_dashboard/processViewDashboard/UploadsCard/UploadsCard.jsx\",\n\t\"./client_dashboard/processViewDashboard/UploadsModal/UploadsModal\": \"./client/app/client_dashboard/processViewDashboard/UploadsModal/UploadsModal.jsx\",\n\t\"./client_dashboard/processViewDashboard/UploadsModal/UploadsModal.jsx\": \"./client/app/client_dashboard/processViewDashboard/UploadsModal/UploadsModal.jsx\",\n\t\"./client_dashboard/processViewDashboard/VisualizationCard/VisualizationCard\": \"./client/app/client_dashboard/processViewDashboard/VisualizationCard/VisualizationCard.jsx\",\n\t\"./client_dashboard/processViewDashboard/VisualizationCard/VisualizationCard.jsx\": \"./client/app/client_dashboard/processViewDashboard/VisualizationCard/VisualizationCard.jsx\",\n\t\"./client_dashboard/processViewDashboard/VisualizationModal/VisualizationModal\": \"./client/app/client_dashboard/processViewDashboard/VisualizationModal/VisualizationModal.jsx\",\n\t\"./client_dashboard/processViewDashboard/VisualizationModal/VisualizationModal.jsx\": \"./client/app/client_dashboard/processViewDashboard/VisualizationModal/VisualizationModal.jsx\",\n\t\"./client_dashboard/processViewDashboard/styles\": \"./client/app/client_dashboard/processViewDashboard/styles/index.js\",\n\t\"./client_dashboard/processViewDashboard/styles/\": \"./client/app/client_dashboard/processViewDashboard/styles/index.js\",\n\t\"./client_dashboard/processViewDashboard/styles/cardListing\": \"./client/app/client_dashboard/processViewDashboard/styles/cardListing.js\",\n\t\"./client_dashboard/processViewDashboard/styles/cardListing.js\": \"./client/app/client_dashboard/processViewDashboard/styles/cardListing.js\",\n\t\"./client_dashboard/processViewDashboard/styles/dashboard\": \"./client/app/client_dashboard/processViewDashboard/styles/dashboard.js\",\n\t\"./client_dashboard/processViewDashboard/styles/dashboard.js\": \"./client/app/client_dashboard/processViewDashboard/styles/dashboard.js\",\n\t\"./client_dashboard/processViewDashboard/styles/index\": \"./client/app/client_dashboard/processViewDashboard/styles/index.js\",\n\t\"./client_dashboard/processViewDashboard/styles/index.js\": \"./client/app/client_dashboard/processViewDashboard/styles/index.js\",\n\t\"./client_dashboard/processViewDashboard/utilities/Utilities\": \"./client/app/client_dashboard/processViewDashboard/utilities/Utilities.js\",\n\t\"./client_dashboard/processViewDashboard/utilities/Utilities.js\": \"./client/app/client_dashboard/processViewDashboard/utilities/Utilities.js\",\n\t\"./cycles\": \"./client/app/cycles/index.jsx\",\n\t\"./cycles/\": \"./client/app/cycles/index.jsx\",\n\t\"./cycles/ActionsMenu\": \"./client/app/cycles/ActionsMenu.jsx\",\n\t\"./cycles/ActionsMenu.jsx\": \"./client/app/cycles/ActionsMenu.jsx\",\n\t\"./cycles/FormModal\": \"./client/app/cycles/FormModal.jsx\",\n\t\"./cycles/FormModal.jsx\": \"./client/app/cycles/FormModal.jsx\",\n\t\"./cycles/form\": \"./client/app/cycles/form/index.jsx\",\n\t\"./cycles/form/\": \"./client/app/cycles/form/index.jsx\",\n\t\"./cycles/form/SignatureBuilder\": \"./client/app/cycles/form/SignatureBuilder.jsx\",\n\t\"./cycles/form/SignatureBuilder.jsx\": \"./client/app/cycles/form/SignatureBuilder.jsx\",\n\t\"./cycles/form/SignatureSelect\": \"./client/app/cycles/form/SignatureSelect.jsx\",\n\t\"./cycles/form/SignatureSelect.jsx\": \"./client/app/cycles/form/SignatureSelect.jsx\",\n\t\"./cycles/form/index\": \"./client/app/cycles/form/index.jsx\",\n\t\"./cycles/form/index.jsx\": \"./client/app/cycles/form/index.jsx\",\n\t\"./cycles/index\": \"./client/app/cycles/index.jsx\",\n\t\"./cycles/index.jsx\": \"./client/app/cycles/index.jsx\",\n\t\"./cycles/styles\": \"./client/app/cycles/styles/index.js\",\n\t\"./cycles/styles/\": \"./client/app/cycles/styles/index.js\",\n\t\"./cycles/styles/index\": \"./client/app/cycles/styles/index.js\",\n\t\"./cycles/styles/index.js\": \"./client/app/cycles/styles/index.js\",\n\t\"./dashboard/Dashboard\": \"./client/app/dashboard/Dashboard.jsx\",\n\t\"./dashboard/Dashboard.jsx\": \"./client/app/dashboard/Dashboard.jsx\",\n\t\"./dashboard/cards/CalendarCard\": \"./client/app/dashboard/cards/CalendarCard.jsx\",\n\t\"./dashboard/cards/CalendarCard.jsx\": \"./client/app/dashboard/cards/CalendarCard.jsx\",\n\t\"./dashboard/cards/DashCard\": \"./client/app/dashboard/cards/DashCard.jsx\",\n\t\"./dashboard/cards/DashCard.jsx\": \"./client/app/dashboard/cards/DashCard.jsx\",\n\t\"./dashboard/cards/EventStatsCard\": \"./client/app/dashboard/cards/EventStatsCard.jsx\",\n\t\"./dashboard/cards/EventStatsCard.jsx\": \"./client/app/dashboard/cards/EventStatsCard.jsx\",\n\t\"./dashboard/cards/MetricContainer\": \"./client/app/dashboard/cards/MetricContainer.jsx\",\n\t\"./dashboard/cards/MetricContainer.jsx\": \"./client/app/dashboard/cards/MetricContainer.jsx\",\n\t\"./dashboard/cards/TopListingsCard\": \"./client/app/dashboard/cards/TopListingsCard.jsx\",\n\t\"./dashboard/cards/TopListingsCard.jsx\": \"./client/app/dashboard/cards/TopListingsCard.jsx\",\n\t\"./dashboard/cards/calendarCardStyle\": \"./client/app/dashboard/cards/calendarCardStyle.scss\",\n\t\"./dashboard/cards/calendarCardStyle.scss\": \"./client/app/dashboard/cards/calendarCardStyle.scss\",\n\t\"./dashboard/cards/dashCardStyle\": \"./client/app/dashboard/cards/dashCardStyle.scss\",\n\t\"./dashboard/cards/dashCardStyle.scss\": \"./client/app/dashboard/cards/dashCardStyle.scss\",\n\t\"./dashboard/cards/eventStatsCardStyle\": \"./client/app/dashboard/cards/eventStatsCardStyle.scss\",\n\t\"./dashboard/cards/eventStatsCardStyle.scss\": \"./client/app/dashboard/cards/eventStatsCardStyle.scss\",\n\t\"./dashboard/cards/metricContainerStyle\": \"./client/app/dashboard/cards/metricContainerStyle.scss\",\n\t\"./dashboard/cards/metricContainerStyle.scss\": \"./client/app/dashboard/cards/metricContainerStyle.scss\",\n\t\"./dashboard/cards/pictogramDashCardStyle\": \"./client/app/dashboard/cards/pictogramDashCardStyle.scss\",\n\t\"./dashboard/cards/pictogramDashCardStyle.scss\": \"./client/app/dashboard/cards/pictogramDashCardStyle.scss\",\n\t\"./dashboard/cards/topListingsCardStyle\": \"./client/app/dashboard/cards/topListingsCardStyle.scss\",\n\t\"./dashboard/cards/topListingsCardStyle.scss\": \"./client/app/dashboard/cards/topListingsCardStyle.scss\",\n\t\"./dashboard/dashboardStore\": \"./client/app/dashboard/dashboardStore.js\",\n\t\"./dashboard/dashboardStore.js\": \"./client/app/dashboard/dashboardStore.js\",\n\t\"./dashboard/sections/AddVisCard\": \"./client/app/dashboard/sections/AddVisCard.jsx\",\n\t\"./dashboard/sections/AddVisCard.jsx\": \"./client/app/dashboard/sections/AddVisCard.jsx\",\n\t\"./dashboard/sections/CalendarStats\": \"./client/app/dashboard/sections/CalendarStats.jsx\",\n\t\"./dashboard/sections/CalendarStats.jsx\": \"./client/app/dashboard/sections/CalendarStats.jsx\",\n\t\"./dashboard/sections/DashRow\": \"./client/app/dashboard/sections/DashRow.jsx\",\n\t\"./dashboard/sections/DashRow.jsx\": \"./client/app/dashboard/sections/DashRow.jsx\",\n\t\"./dashboard/sections/EventStats\": \"./client/app/dashboard/sections/EventStats.jsx\",\n\t\"./dashboard/sections/EventStats.jsx\": \"./client/app/dashboard/sections/EventStats.jsx\",\n\t\"./dashboard/styles\": \"./client/app/dashboard/styles.scss\",\n\t\"./dashboard/styles.scss\": \"./client/app/dashboard/styles.scss\",\n\t\"./dfGraph/DfGraph\": \"./client/app/dfGraph/DfGraph.jsx\",\n\t\"./dfGraph/DfGraph.jsx\": \"./client/app/dfGraph/DfGraph.jsx\",\n\t\"./dfGraph/Graph\": \"./client/app/dfGraph/Graph.jsx\",\n\t\"./dfGraph/Graph.jsx\": \"./client/app/dfGraph/Graph.jsx\",\n\t\"./dfGraph/Marker\": \"./client/app/dfGraph/Marker.jsx\",\n\t\"./dfGraph/Marker.jsx\": \"./client/app/dfGraph/Marker.jsx\",\n\t\"./dfGraph/ProcessSelect\": \"./client/app/dfGraph/ProcessSelect.jsx\",\n\t\"./dfGraph/ProcessSelect.jsx\": \"./client/app/dfGraph/ProcessSelect.jsx\",\n\t\"./dfGraph/Sidebar/PathStatistics\": \"./client/app/dfGraph/Sidebar/PathStatistics.jsx\",\n\t\"./dfGraph/Sidebar/PathStatistics.jsx\": \"./client/app/dfGraph/Sidebar/PathStatistics.jsx\",\n\t\"./dfGraph/Sidebar/PathsOverview\": \"./client/app/dfGraph/Sidebar/PathsOverview.jsx\",\n\t\"./dfGraph/Sidebar/PathsOverview.jsx\": \"./client/app/dfGraph/Sidebar/PathsOverview.jsx\",\n\t\"./dfGraph/Sidebar/Sidebar\": \"./client/app/dfGraph/Sidebar/Sidebar.jsx\",\n\t\"./dfGraph/Sidebar/Sidebar.jsx\": \"./client/app/dfGraph/Sidebar/Sidebar.jsx\",\n\t\"./dfGraph/Sidebar/StepDetails\": \"./client/app/dfGraph/Sidebar/StepDetails.jsx\",\n\t\"./dfGraph/Sidebar/StepDetails.jsx\": \"./client/app/dfGraph/Sidebar/StepDetails.jsx\",\n\t\"./dfGraph/api\": \"./client/app/dfGraph/api.js\",\n\t\"./dfGraph/api.js\": \"./client/app/dfGraph/api.js\",\n\t\"./dfGraph/cacheSettings\": \"./client/app/dfGraph/cacheSettings.js\",\n\t\"./dfGraph/cacheSettings.js\": \"./client/app/dfGraph/cacheSettings.js\",\n\t\"./dfGraph/commonPropTypes\": \"./client/app/dfGraph/commonPropTypes.js\",\n\t\"./dfGraph/commonPropTypes.js\": \"./client/app/dfGraph/commonPropTypes.js\",\n\t\"./dfGraph/controls/ExportProcess\": \"./client/app/dfGraph/controls/ExportProcess.jsx\",\n\t\"./dfGraph/controls/ExportProcess.jsx\": \"./client/app/dfGraph/controls/ExportProcess.jsx\",\n\t\"./dfGraph/dfgColors\": \"./client/app/dfGraph/dfgColors.js\",\n\t\"./dfGraph/dfgColors.js\": \"./client/app/dfGraph/dfgColors.js\",\n\t\"./dfGraph/edgeTypes/ElkEdge\": \"./client/app/dfGraph/edgeTypes/ElkEdge.jsx\",\n\t\"./dfGraph/edgeTypes/ElkEdge.jsx\": \"./client/app/dfGraph/edgeTypes/ElkEdge.jsx\",\n\t\"./dfGraph/nodeTypes/EndNode\": \"./client/app/dfGraph/nodeTypes/EndNode.jsx\",\n\t\"./dfGraph/nodeTypes/EndNode.jsx\": \"./client/app/dfGraph/nodeTypes/EndNode.jsx\",\n\t\"./dfGraph/nodeTypes/StartNode\": \"./client/app/dfGraph/nodeTypes/StartNode.jsx\",\n\t\"./dfGraph/nodeTypes/StartNode.jsx\": \"./client/app/dfGraph/nodeTypes/StartNode.jsx\",\n\t\"./dfGraph/nodeTypes/StepNode\": \"./client/app/dfGraph/nodeTypes/StepNode.jsx\",\n\t\"./dfGraph/nodeTypes/StepNode.jsx\": \"./client/app/dfGraph/nodeTypes/StepNode.jsx\",\n\t\"./dfGraph/styles\": \"./client/app/dfGraph/styles/index.js\",\n\t\"./dfGraph/styles/\": \"./client/app/dfGraph/styles/index.js\",\n\t\"./dfGraph/styles/index\": \"./client/app/dfGraph/styles/index.js\",\n\t\"./dfGraph/styles/index.js\": \"./client/app/dfGraph/styles/index.js\",\n\t\"./diagram_composer/DiagramComposer\": \"./client/app/diagram_composer/DiagramComposer.jsx\",\n\t\"./diagram_composer/DiagramComposer.jsx\": \"./client/app/diagram_composer/DiagramComposer.jsx\",\n\t\"./diagram_composer/DiagramComposerEvents\": \"./client/app/diagram_composer/DiagramComposerEvents.js\",\n\t\"./diagram_composer/DiagramComposerEvents.js\": \"./client/app/diagram_composer/DiagramComposerEvents.js\",\n\t\"./diagram_composer/config/config_halo\": \"./client/app/diagram_composer/config/config_halo.js\",\n\t\"./diagram_composer/config/config_halo.js\": \"./client/app/diagram_composer/config/config_halo.js\",\n\t\"./diagram_composer/config/config_selection\": \"./client/app/diagram_composer/config/config_selection.js\",\n\t\"./diagram_composer/config/config_selection.js\": \"./client/app/diagram_composer/config/config_selection.js\",\n\t\"./diagram_composer/config/config_shapes\": \"./client/app/diagram_composer/config/config_shapes.js\",\n\t\"./diagram_composer/config/config_shapes.js\": \"./client/app/diagram_composer/config/config_shapes.js\",\n\t\"./diagram_composer/controlsBar/ControlsBar\": \"./client/app/diagram_composer/controlsBar/ControlsBar.jsx\",\n\t\"./diagram_composer/controlsBar/ControlsBar.jsx\": \"./client/app/diagram_composer/controlsBar/ControlsBar.jsx\",\n\t\"./diagram_composer/controlsBar/SaveModal\": \"./client/app/diagram_composer/controlsBar/SaveModal.jsx\",\n\t\"./diagram_composer/controlsBar/SaveModal.jsx\": \"./client/app/diagram_composer/controlsBar/SaveModal.jsx\",\n\t\"./diagram_composer/controlsBar/generatePdd\": \"./client/app/diagram_composer/controlsBar/generatePdd.js\",\n\t\"./diagram_composer/controlsBar/generatePdd.js\": \"./client/app/diagram_composer/controlsBar/generatePdd.js\",\n\t\"./diagram_composer/diagram\": \"./client/app/diagram_composer/diagram.scss\",\n\t\"./diagram_composer/diagram.scss\": \"./client/app/diagram_composer/diagram.scss\",\n\t\"./diagram_composer/diagramComposerStyle\": \"./client/app/diagram_composer/diagramComposerStyle.scss\",\n\t\"./diagram_composer/diagramComposerStyle.scss\": \"./client/app/diagram_composer/diagramComposerStyle.scss\",\n\t\"./diagram_composer/diagramInspector/DiagramInspector\": \"./client/app/diagram_composer/diagramInspector/DiagramInspector.jsx\",\n\t\"./diagram_composer/diagramInspector/DiagramInspector.jsx\": \"./client/app/diagram_composer/diagramInspector/DiagramInspector.jsx\",\n\t\"./diagram_composer/diagramInspector/diagramInspectorStyle\": \"./client/app/diagram_composer/diagramInspector/diagramInspectorStyle.scss\",\n\t\"./diagram_composer/diagramInspector/diagramInspectorStyle.scss\": \"./client/app/diagram_composer/diagramInspector/diagramInspectorStyle.scss\",\n\t\"./diagram_composer/leftPanel/DecisionMenuItem\": \"./client/app/diagram_composer/leftPanel/DecisionMenuItem.jsx\",\n\t\"./diagram_composer/leftPanel/DecisionMenuItem.jsx\": \"./client/app/diagram_composer/leftPanel/DecisionMenuItem.jsx\",\n\t\"./diagram_composer/leftPanel/GroupMenuItem\": \"./client/app/diagram_composer/leftPanel/GroupMenuItem.jsx\",\n\t\"./diagram_composer/leftPanel/GroupMenuItem.jsx\": \"./client/app/diagram_composer/leftPanel/GroupMenuItem.jsx\",\n\t\"./diagram_composer/leftPanel/LeftPanel\": \"./client/app/diagram_composer/leftPanel/LeftPanel.jsx\",\n\t\"./diagram_composer/leftPanel/LeftPanel.jsx\": \"./client/app/diagram_composer/leftPanel/LeftPanel.jsx\",\n\t\"./diagram_composer/leftPanel/ProcessMenuItem\": \"./client/app/diagram_composer/leftPanel/ProcessMenuItem.jsx\",\n\t\"./diagram_composer/leftPanel/ProcessMenuItem.jsx\": \"./client/app/diagram_composer/leftPanel/ProcessMenuItem.jsx\",\n\t\"./diagram_composer/leftPanel/leftPanelStyle\": \"./client/app/diagram_composer/leftPanel/leftPanelStyle.scss\",\n\t\"./diagram_composer/leftPanel/leftPanelStyle.scss\": \"./client/app/diagram_composer/leftPanel/leftPanelStyle.scss\",\n\t\"./diagram_composer/leftPanel/menuItem\": \"./client/app/diagram_composer/leftPanel/menuItem.scss\",\n\t\"./diagram_composer/leftPanel/menuItem.scss\": \"./client/app/diagram_composer/leftPanel/menuItem.scss\",\n\t\"./diagram_composer/shape_defs/Rectangle\": \"./client/app/diagram_composer/shape_defs/Rectangle.js\",\n\t\"./diagram_composer/shape_defs/Rectangle.js\": \"./client/app/diagram_composer/shape_defs/Rectangle.js\",\n\t\"./diagram_composer/store/DiagramComposerStore\": \"./client/app/diagram_composer/store/DiagramComposerStore.js\",\n\t\"./diagram_composer/store/DiagramComposerStore.js\": \"./client/app/diagram_composer/store/DiagramComposerStore.js\",\n\t\"./diagram_composer/utils\": \"./client/app/diagram_composer/utils.js\",\n\t\"./diagram_composer/utils.js\": \"./client/app/diagram_composer/utils.js\",\n\t\"./events/EventColumns\": \"./client/app/events/EventColumns.js\",\n\t\"./events/EventColumns.js\": \"./client/app/events/EventColumns.js\",\n\t\"./events/EventContext\": \"./client/app/events/EventContext.jsx\",\n\t\"./events/EventContext.jsx\": \"./client/app/events/EventContext.jsx\",\n\t\"./events/EventDeleteConfirm\": \"./client/app/events/EventDeleteConfirm.jsx\",\n\t\"./events/EventDeleteConfirm.jsx\": \"./client/app/events/EventDeleteConfirm.jsx\",\n\t\"./events/EventDetails\": \"./client/app/events/EventDetails.jsx\",\n\t\"./events/EventDetails.jsx\": \"./client/app/events/EventDetails.jsx\",\n\t\"./events/EventExportConfirm\": \"./client/app/events/EventExportConfirm.jsx\",\n\t\"./events/EventExportConfirm.jsx\": \"./client/app/events/EventExportConfirm.jsx\",\n\t\"./events/EventFilter\": \"./client/app/events/EventFilter.jsx\",\n\t\"./events/EventFilter.jsx\": \"./client/app/events/EventFilter.jsx\",\n\t\"./events/EventList\": \"./client/app/events/EventList.jsx\",\n\t\"./events/EventList.jsx\": \"./client/app/events/EventList.jsx\",\n\t\"./events/Events\": \"./client/app/events/Events.jsx\",\n\t\"./events/Events.jsx\": \"./client/app/events/Events.jsx\",\n\t\"./events/Export\": \"./client/app/events/Export/index.jsx\",\n\t\"./events/Export/\": \"./client/app/events/Export/index.jsx\",\n\t\"./events/Export/index\": \"./client/app/events/Export/index.jsx\",\n\t\"./events/Export/index.jsx\": \"./client/app/events/Export/index.jsx\",\n\t\"./events/FilteredEvents\": \"./client/app/events/FilteredEvents.jsx\",\n\t\"./events/FilteredEvents.jsx\": \"./client/app/events/FilteredEvents.jsx\",\n\t\"./events/ObserversOverlay\": \"./client/app/events/ObserversOverlay/index.jsx\",\n\t\"./events/ObserversOverlay/\": \"./client/app/events/ObserversOverlay/index.jsx\",\n\t\"./events/ObserversOverlay/index\": \"./client/app/events/ObserversOverlay/index.jsx\",\n\t\"./events/ObserversOverlay/index.jsx\": \"./client/app/events/ObserversOverlay/index.jsx\",\n\t\"./events/UploadsModal/UploadsModal\": \"./client/app/events/UploadsModal/UploadsModal.jsx\",\n\t\"./events/UploadsModal/UploadsModal.jsx\": \"./client/app/events/UploadsModal/UploadsModal.jsx\",\n\t\"./events/__tests__/EventFilter.test\": \"./client/app/events/__tests__/EventFilter.test.jsx\",\n\t\"./events/__tests__/EventFilter.test.jsx\": \"./client/app/events/__tests__/EventFilter.test.jsx\",\n\t\"./events/__tests__/__snapshots__/EventFilter.test.jsx.snap\": \"./client/app/events/__tests__/__snapshots__/EventFilter.test.jsx.snap\",\n\t\"./events/eventDetailsStyle\": \"./client/app/events/eventDetailsStyle.scss\",\n\t\"./events/eventDetailsStyle.scss\": \"./client/app/events/eventDetailsStyle.scss\",\n\t\"./events/fetchEventCount\": \"./client/app/events/fetchEventCount.js\",\n\t\"./events/fetchEventCount.js\": \"./client/app/events/fetchEventCount.js\",\n\t\"./events/styles\": \"./client/app/events/styles/index.js\",\n\t\"./events/styles/\": \"./client/app/events/styles/index.js\",\n\t\"./events/styles/index\": \"./client/app/events/styles/index.js\",\n\t\"./events/styles/index.js\": \"./client/app/events/styles/index.js\",\n\t\"./header/Header\": \"./client/app/header/Header.jsx\",\n\t\"./header/Header.jsx\": \"./client/app/header/Header.jsx\",\n\t\"./header/HeaderContext\": \"./client/app/header/HeaderContext.jsx\",\n\t\"./header/HeaderContext.jsx\": \"./client/app/header/HeaderContext.jsx\",\n\t\"./header/styles\": \"./client/app/header/styles/index.js\",\n\t\"./header/styles/\": \"./client/app/header/styles/index.js\",\n\t\"./header/styles/index\": \"./client/app/header/styles/index.js\",\n\t\"./header/styles/index.js\": \"./client/app/header/styles/index.js\",\n\t\"./inspectors/DecisionNoEdit\": \"./client/app/inspectors/DecisionNoEdit.jsx\",\n\t\"./inspectors/DecisionNoEdit.jsx\": \"./client/app/inspectors/DecisionNoEdit.jsx\",\n\t\"./inspectors/EditDecisionInPlace\": \"./client/app/inspectors/EditDecisionInPlace.jsx\",\n\t\"./inspectors/EditDecisionInPlace.jsx\": \"./client/app/inspectors/EditDecisionInPlace.jsx\",\n\t\"./inspectors/EditDiagramNode\": \"./client/app/inspectors/EditDiagramNode.jsx\",\n\t\"./inspectors/EditDiagramNode.jsx\": \"./client/app/inspectors/EditDiagramNode.jsx\",\n\t\"./inspectors/decisionNoEditStyle\": \"./client/app/inspectors/decisionNoEditStyle.scss\",\n\t\"./inspectors/decisionNoEditStyle.scss\": \"./client/app/inspectors/decisionNoEditStyle.scss\",\n\t\"./instances_viewer/AnnotationControls\": \"./client/app/instances_viewer/AnnotationControls.jsx\",\n\t\"./instances_viewer/AnnotationControls.jsx\": \"./client/app/instances_viewer/AnnotationControls.jsx\",\n\t\"./instances_viewer/AnnotationTopBar\": \"./client/app/instances_viewer/AnnotationTopBar.jsx\",\n\t\"./instances_viewer/AnnotationTopBar.jsx\": \"./client/app/instances_viewer/AnnotationTopBar.jsx\",\n\t\"./instances_viewer/Constants\": \"./client/app/instances_viewer/Constants.js\",\n\t\"./instances_viewer/Constants.js\": \"./client/app/instances_viewer/Constants.js\",\n\t\"./instances_viewer/EventDetailBar\": \"./client/app/instances_viewer/EventDetailBar.jsx\",\n\t\"./instances_viewer/EventDetailBar.jsx\": \"./client/app/instances_viewer/EventDetailBar.jsx\",\n\t\"./instances_viewer/ExportDropdown\": \"./client/app/instances_viewer/ExportDropdown.jsx\",\n\t\"./instances_viewer/ExportDropdown.jsx\": \"./client/app/instances_viewer/ExportDropdown.jsx\",\n\t\"./instances_viewer/InstancesViewer\": \"./client/app/instances_viewer/InstancesViewer.jsx\",\n\t\"./instances_viewer/InstancesViewer.jsx\": \"./client/app/instances_viewer/InstancesViewer.jsx\",\n\t\"./instances_viewer/ProcessControls\": \"./client/app/instances_viewer/ProcessControls.jsx\",\n\t\"./instances_viewer/ProcessControls.jsx\": \"./client/app/instances_viewer/ProcessControls.jsx\",\n\t\"./instances_viewer/ProcessModal\": \"./client/app/instances_viewer/ProcessModal.jsx\",\n\t\"./instances_viewer/ProcessModal.jsx\": \"./client/app/instances_viewer/ProcessModal.jsx\",\n\t\"./instances_viewer/Signature\": \"./client/app/instances_viewer/Signature.jsx\",\n\t\"./instances_viewer/Signature.jsx\": \"./client/app/instances_viewer/Signature.jsx\",\n\t\"./instances_viewer/SignatureDetailsBar\": \"./client/app/instances_viewer/SignatureDetailsBar.jsx\",\n\t\"./instances_viewer/SignatureDetailsBar.jsx\": \"./client/app/instances_viewer/SignatureDetailsBar.jsx\",\n\t\"./instances_viewer/controls/AnnotateButton\": \"./client/app/instances_viewer/controls/AnnotateButton.jsx\",\n\t\"./instances_viewer/controls/AnnotateButton.jsx\": \"./client/app/instances_viewer/controls/AnnotateButton.jsx\",\n\t\"./instances_viewer/controls/EventFilter\": \"./client/app/instances_viewer/controls/EventFilter.jsx\",\n\t\"./instances_viewer/controls/EventFilter.jsx\": \"./client/app/instances_viewer/controls/EventFilter.jsx\",\n\t\"./instances_viewer/controls/InstancesFilter\": \"./client/app/instances_viewer/controls/InstancesFilter.jsx\",\n\t\"./instances_viewer/controls/InstancesFilter.jsx\": \"./client/app/instances_viewer/controls/InstancesFilter.jsx\",\n\t\"./instances_viewer/controls/MachineFilter\": \"./client/app/instances_viewer/controls/MachineFilter.jsx\",\n\t\"./instances_viewer/controls/MachineFilter.jsx\": \"./client/app/instances_viewer/controls/MachineFilter.jsx\",\n\t\"./instances_viewer/controls/PathFilter\": \"./client/app/instances_viewer/controls/PathFilter.jsx\",\n\t\"./instances_viewer/controls/PathFilter.jsx\": \"./client/app/instances_viewer/controls/PathFilter.jsx\",\n\t\"./instances_viewer/controls/PlaybackControls\": \"./client/app/instances_viewer/controls/PlaybackControls.jsx\",\n\t\"./instances_viewer/controls/PlaybackControls.jsx\": \"./client/app/instances_viewer/controls/PlaybackControls.jsx\",\n\t\"./instances_viewer/controls/__tests__\": \"./client/app/instances_viewer/controls/__tests__/index.jsx\",\n\t\"./instances_viewer/controls/__tests__/\": \"./client/app/instances_viewer/controls/__tests__/index.jsx\",\n\t\"./instances_viewer/controls/__tests__/__snapshots__/index.jsx.snap\": \"./client/app/instances_viewer/controls/__tests__/__snapshots__/index.jsx.snap\",\n\t\"./instances_viewer/controls/__tests__/index\": \"./client/app/instances_viewer/controls/__tests__/index.jsx\",\n\t\"./instances_viewer/controls/__tests__/index.jsx\": \"./client/app/instances_viewer/controls/__tests__/index.jsx\",\n\t\"./instances_viewer/dataUtils\": \"./client/app/instances_viewer/dataUtils.js\",\n\t\"./instances_viewer/dataUtils.js\": \"./client/app/instances_viewer/dataUtils.js\",\n\t\"./instances_viewer/eventDetailBarStyle\": \"./client/app/instances_viewer/eventDetailBarStyle.scss\",\n\t\"./instances_viewer/eventDetailBarStyle.scss\": \"./client/app/instances_viewer/eventDetailBarStyle.scss\",\n\t\"./instances_viewer/instancesViewerStyle\": \"./client/app/instances_viewer/instancesViewerStyle.scss\",\n\t\"./instances_viewer/instancesViewerStyle.scss\": \"./client/app/instances_viewer/instancesViewerStyle.scss\",\n\t\"./instances_viewer/signatureDetailsBarStyle\": \"./client/app/instances_viewer/signatureDetailsBarStyle.scss\",\n\t\"./instances_viewer/signatureDetailsBarStyle.scss\": \"./client/app/instances_viewer/signatureDetailsBarStyle.scss\",\n\t\"./instances_viewer/styles\": \"./client/app/instances_viewer/styles/index.js\",\n\t\"./instances_viewer/styles/\": \"./client/app/instances_viewer/styles/index.js\",\n\t\"./instances_viewer/styles/index\": \"./client/app/instances_viewer/styles/index.js\",\n\t\"./instances_viewer/styles/index.js\": \"./client/app/instances_viewer/styles/index.js\",\n\t\"./instances_viewer/validationHooks\": \"./client/app/instances_viewer/validationHooks.jsx\",\n\t\"./instances_viewer/validationHooks.jsx\": \"./client/app/instances_viewer/validationHooks.jsx\",\n\t\"./mining/ImportSuccess\": \"./client/app/mining/ImportSuccess.jsx\",\n\t\"./mining/ImportSuccess.jsx\": \"./client/app/mining/ImportSuccess.jsx\",\n\t\"./mining/MiningRunList\": \"./client/app/mining/MiningRunList.jsx\",\n\t\"./mining/MiningRunList.jsx\": \"./client/app/mining/MiningRunList.jsx\",\n\t\"./mining/ProcessesTable\": \"./client/app/mining/ProcessesTable.jsx\",\n\t\"./mining/ProcessesTable.jsx\": \"./client/app/mining/ProcessesTable.jsx\",\n\t\"./mining/form/AdvancedForm\": \"./client/app/mining/form/AdvancedForm.jsx\",\n\t\"./mining/form/AdvancedForm.jsx\": \"./client/app/mining/form/AdvancedForm.jsx\",\n\t\"./mining/form/BasicForm\": \"./client/app/mining/form/BasicForm.jsx\",\n\t\"./mining/form/BasicForm.jsx\": \"./client/app/mining/form/BasicForm.jsx\",\n\t\"./mining/form/MiningRunForms\": \"./client/app/mining/form/MiningRunForms.jsx\",\n\t\"./mining/form/MiningRunForms.jsx\": \"./client/app/mining/form/MiningRunForms.jsx\",\n\t\"./mining/form/MiningRunModal\": \"./client/app/mining/form/MiningRunModal.jsx\",\n\t\"./mining/form/MiningRunModal.jsx\": \"./client/app/mining/form/MiningRunModal.jsx\",\n\t\"./mining/form/RecipesForm\": \"./client/app/mining/form/RecipesForm.jsx\",\n\t\"./mining/form/RecipesForm.jsx\": \"./client/app/mining/form/RecipesForm.jsx\",\n\t\"./mining/form/ReportForm\": \"./client/app/mining/form/ReportForm.jsx\",\n\t\"./mining/form/ReportForm.jsx\": \"./client/app/mining/form/ReportForm.jsx\",\n\t\"./mining/form/helpers\": \"./client/app/mining/form/helpers.js\",\n\t\"./mining/form/helpers.js\": \"./client/app/mining/form/helpers.js\",\n\t\"./mining/form/styles\": \"./client/app/mining/form/styles/index.js\",\n\t\"./mining/form/styles/\": \"./client/app/mining/form/styles/index.js\",\n\t\"./mining/form/styles/index\": \"./client/app/mining/form/styles/index.js\",\n\t\"./mining/form/styles/index.js\": \"./client/app/mining/form/styles/index.js\",\n\t\"./mining/form/subComponents/AdvancedMiningParamFields\": \"./client/app/mining/form/subComponents/AdvancedMiningParamFields.jsx\",\n\t\"./mining/form/subComponents/AdvancedMiningParamFields.jsx\": \"./client/app/mining/form/subComponents/AdvancedMiningParamFields.jsx\",\n\t\"./mining/form/subComponents/FormFooter\": \"./client/app/mining/form/subComponents/FormFooter.jsx\",\n\t\"./mining/form/subComponents/FormFooter.jsx\": \"./client/app/mining/form/subComponents/FormFooter.jsx\",\n\t\"./mining/form/subComponents/MustIncludesGroupsModal\": \"./client/app/mining/form/subComponents/MustIncludesGroupsModal.jsx\",\n\t\"./mining/form/subComponents/MustIncludesGroupsModal.jsx\": \"./client/app/mining/form/subComponents/MustIncludesGroupsModal.jsx\",\n\t\"./mining/form/subComponents/NestedSignaturesBuilder/NestedSignaturesBuilder\": \"./client/app/mining/form/subComponents/NestedSignaturesBuilder/NestedSignaturesBuilder.jsx\",\n\t\"./mining/form/subComponents/NestedSignaturesBuilder/NestedSignaturesBuilder.jsx\": \"./client/app/mining/form/subComponents/NestedSignaturesBuilder/NestedSignaturesBuilder.jsx\",\n\t\"./mining/form/subComponents/NestedSignaturesBuilder/RecursiveSignaturesGroup\": \"./client/app/mining/form/subComponents/NestedSignaturesBuilder/RecursiveSignaturesGroup.jsx\",\n\t\"./mining/form/subComponents/NestedSignaturesBuilder/RecursiveSignaturesGroup.jsx\": \"./client/app/mining/form/subComponents/NestedSignaturesBuilder/RecursiveSignaturesGroup.jsx\",\n\t\"./mining/form/subComponents/NestedSignaturesBuilder/SignatureForm\": \"./client/app/mining/form/subComponents/NestedSignaturesBuilder/SignatureForm.jsx\",\n\t\"./mining/form/subComponents/NestedSignaturesBuilder/SignatureForm.jsx\": \"./client/app/mining/form/subComponents/NestedSignaturesBuilder/SignatureForm.jsx\",\n\t\"./mining/form/subComponents/SignatureBuilder\": \"./client/app/mining/form/subComponents/SignatureBuilder.jsx\",\n\t\"./mining/form/subComponents/SignatureBuilder.jsx\": \"./client/app/mining/form/subComponents/SignatureBuilder.jsx\",\n\t\"./mining/miningRunImportSuccess\": \"./client/app/mining/miningRunImportSuccess.jsx\",\n\t\"./mining/miningRunImportSuccess.jsx\": \"./client/app/mining/miningRunImportSuccess.jsx\",\n\t\"./mining/styles\": \"./client/app/mining/styles/index.js\",\n\t\"./mining/styles/\": \"./client/app/mining/styles/index.js\",\n\t\"./mining/styles/index\": \"./client/app/mining/styles/index.js\",\n\t\"./mining/styles/index.js\": \"./client/app/mining/styles/index.js\",\n\t\"./mining/tableComponents/ActionsMenu\": \"./client/app/mining/tableComponents/ActionsMenu.jsx\",\n\t\"./mining/tableComponents/ActionsMenu.jsx\": \"./client/app/mining/tableComponents/ActionsMenu.jsx\",\n\t\"./mining/tableComponents/MiningFilter\": \"./client/app/mining/tableComponents/MiningFilter.jsx\",\n\t\"./mining/tableComponents/MiningFilter.jsx\": \"./client/app/mining/tableComponents/MiningFilter.jsx\",\n\t\"./mining/tableComponents/MiningRunDetails\": \"./client/app/mining/tableComponents/MiningRunDetails.jsx\",\n\t\"./mining/tableComponents/MiningRunDetails.jsx\": \"./client/app/mining/tableComponents/MiningRunDetails.jsx\",\n\t\"./mining/tableComponents/NestedSignatureDetails\": \"./client/app/mining/tableComponents/NestedSignatureDetails.jsx\",\n\t\"./mining/tableComponents/NestedSignatureDetails.jsx\": \"./client/app/mining/tableComponents/NestedSignatureDetails.jsx\",\n\t\"./mining/tableComponents/miningRunDetailsStyles\": \"./client/app/mining/tableComponents/miningRunDetailsStyles.js\",\n\t\"./mining/tableComponents/miningRunDetailsStyles.js\": \"./client/app/mining/tableComponents/miningRunDetailsStyles.js\",\n\t\"./noAccess/NoAccess\": \"./client/app/noAccess/NoAccess.jsx\",\n\t\"./noAccess/NoAccess.jsx\": \"./client/app/noAccess/NoAccess.jsx\",\n\t\"./observers/ConfigureModal\": \"./client/app/observers/ConfigureModal/index.jsx\",\n\t\"./observers/ConfigureModal/\": \"./client/app/observers/ConfigureModal/index.jsx\",\n\t\"./observers/ConfigureModal/AppList\": \"./client/app/observers/ConfigureModal/AppList.jsx\",\n\t\"./observers/ConfigureModal/AppList.jsx\": \"./client/app/observers/ConfigureModal/AppList.jsx\",\n\t\"./observers/ConfigureModal/AppListInput\": \"./client/app/observers/ConfigureModal/AppListInput.jsx\",\n\t\"./observers/ConfigureModal/AppListInput.jsx\": \"./client/app/observers/ConfigureModal/AppListInput.jsx\",\n\t\"./observers/ConfigureModal/Constants\": \"./client/app/observers/ConfigureModal/Constants.js\",\n\t\"./observers/ConfigureModal/Constants.js\": \"./client/app/observers/ConfigureModal/Constants.js\",\n\t\"./observers/ConfigureModal/index\": \"./client/app/observers/ConfigureModal/index.jsx\",\n\t\"./observers/ConfigureModal/index.jsx\": \"./client/app/observers/ConfigureModal/index.jsx\",\n\t\"./observers/ConfigureModal/styles\": \"./client/app/observers/ConfigureModal/styles/index.js\",\n\t\"./observers/ConfigureModal/styles/\": \"./client/app/observers/ConfigureModal/styles/index.js\",\n\t\"./observers/ConfigureModal/styles/index\": \"./client/app/observers/ConfigureModal/styles/index.js\",\n\t\"./observers/ConfigureModal/styles/index.js\": \"./client/app/observers/ConfigureModal/styles/index.js\",\n\t\"./observers/Observers\": \"./client/app/observers/Observers.jsx\",\n\t\"./observers/Observers.jsx\": \"./client/app/observers/Observers.jsx\",\n\t\"./observers/common/Metric\": \"./client/app/observers/common/Metric.jsx\",\n\t\"./observers/common/Metric.jsx\": \"./client/app/observers/common/Metric.jsx\",\n\t\"./observers/common/Util\": \"./client/app/observers/common/Util.js\",\n\t\"./observers/common/Util.js\": \"./client/app/observers/common/Util.js\",\n\t\"./observers/common/downloadCSV\": \"./client/app/observers/common/downloadCSV.js\",\n\t\"./observers/common/downloadCSV.js\": \"./client/app/observers/common/downloadCSV.js\",\n\t\"./observers/styles\": \"./client/app/observers/styles/index.js\",\n\t\"./observers/styles/\": \"./client/app/observers/styles/index.js\",\n\t\"./observers/styles/index\": \"./client/app/observers/styles/index.js\",\n\t\"./observers/styles/index.js\": \"./client/app/observers/styles/index.js\",\n\t\"./observers/subComponents/ActionsMenu\": \"./client/app/observers/subComponents/ActionsMenu.jsx\",\n\t\"./observers/subComponents/ActionsMenu.jsx\": \"./client/app/observers/subComponents/ActionsMenu.jsx\",\n\t\"./observers/subComponents/CaptureButtons\": \"./client/app/observers/subComponents/CaptureButtons.jsx\",\n\t\"./observers/subComponents/CaptureButtons.jsx\": \"./client/app/observers/subComponents/CaptureButtons.jsx\",\n\t\"./observers/subComponents/DataMetricsCards\": \"./client/app/observers/subComponents/DataMetricsCards.jsx\",\n\t\"./observers/subComponents/DataMetricsCards.jsx\": \"./client/app/observers/subComponents/DataMetricsCards.jsx\",\n\t\"./observers/subComponents/FirstDetected\": \"./client/app/observers/subComponents/FirstDetected.jsx\",\n\t\"./observers/subComponents/FirstDetected.jsx\": \"./client/app/observers/subComponents/FirstDetected.jsx\",\n\t\"./observers/subComponents/LastDetected\": \"./client/app/observers/subComponents/LastDetected.jsx\",\n\t\"./observers/subComponents/LastDetected.jsx\": \"./client/app/observers/subComponents/LastDetected.jsx\",\n\t\"./observers/subComponents/MiniSparkByte\": \"./client/app/observers/subComponents/MiniSparkByte.jsx\",\n\t\"./observers/subComponents/MiniSparkByte.jsx\": \"./client/app/observers/subComponents/MiniSparkByte.jsx\",\n\t\"./observers/subComponents/MiniSparkEvent\": \"./client/app/observers/subComponents/MiniSparkEvent.jsx\",\n\t\"./observers/subComponents/MiniSparkEvent.jsx\": \"./client/app/observers/subComponents/MiniSparkEvent.jsx\",\n\t\"./observers/viewer/ObserverViewer\": \"./client/app/observers/viewer/ObserverViewer.jsx\",\n\t\"./observers/viewer/ObserverViewer.jsx\": \"./client/app/observers/viewer/ObserverViewer.jsx\",\n\t\"./observers/viewer/observerViewerStyle\": \"./client/app/observers/viewer/observerViewerStyle.scss\",\n\t\"./observers/viewer/observerViewerStyle.scss\": \"./client/app/observers/viewer/observerViewerStyle.scss\",\n\t\"./observers/viewer/sections/EventsChart\": \"./client/app/observers/viewer/sections/EventsChart.jsx\",\n\t\"./observers/viewer/sections/EventsChart.jsx\": \"./client/app/observers/viewer/sections/EventsChart.jsx\",\n\t\"./observers/viewer/sections/MetadataTable\": \"./client/app/observers/viewer/sections/MetadataTable.jsx\",\n\t\"./observers/viewer/sections/MetadataTable.jsx\": \"./client/app/observers/viewer/sections/MetadataTable.jsx\",\n\t\"./observers/viewer/sections/metadataTableStyle\": \"./client/app/observers/viewer/sections/metadataTableStyle.scss\",\n\t\"./observers/viewer/sections/metadataTableStyle.scss\": \"./client/app/observers/viewer/sections/metadataTableStyle.scss\",\n\t\"./pdds/ActionsContainer\": \"./client/app/pdds/ActionsContainer.jsx\",\n\t\"./pdds/ActionsContainer.jsx\": \"./client/app/pdds/ActionsContainer.jsx\",\n\t\"./pdds/CoeForm/CoeForm\": \"./client/app/pdds/CoeForm/CoeForm.jsx\",\n\t\"./pdds/CoeForm/CoeForm.jsx\": \"./client/app/pdds/CoeForm/CoeForm.jsx\",\n\t\"./pdds/CoeForm/FormFooter\": \"./client/app/pdds/CoeForm/FormFooter.jsx\",\n\t\"./pdds/CoeForm/FormFooter.jsx\": \"./client/app/pdds/CoeForm/FormFooter.jsx\",\n\t\"./pdds/CoeForm/FormPage\": \"./client/app/pdds/CoeForm/FormPage.jsx\",\n\t\"./pdds/CoeForm/FormPage.jsx\": \"./client/app/pdds/CoeForm/FormPage.jsx\",\n\t\"./pdds/CoeForm/coeApis\": \"./client/app/pdds/CoeForm/coeApis.js\",\n\t\"./pdds/CoeForm/coeApis.js\": \"./client/app/pdds/CoeForm/coeApis.js\",\n\t\"./pdds/CoeForm/formPages\": \"./client/app/pdds/CoeForm/formPages.js\",\n\t\"./pdds/CoeForm/formPages.js\": \"./client/app/pdds/CoeForm/formPages.js\",\n\t\"./pdds/OpportunitySubmittedDialogue\": \"./client/app/pdds/OpportunitySubmittedDialogue.jsx\",\n\t\"./pdds/OpportunitySubmittedDialogue.jsx\": \"./client/app/pdds/OpportunitySubmittedDialogue.jsx\",\n\t\"./pdds/PddGenToast\": \"./client/app/pdds/PddGenToast.jsx\",\n\t\"./pdds/PddGenToast.jsx\": \"./client/app/pdds/PddGenToast.jsx\",\n\t\"./pdds/PddList\": \"./client/app/pdds/PddList.jsx\",\n\t\"./pdds/PddList.jsx\": \"./client/app/pdds/PddList.jsx\",\n\t\"./pdds/PddListCells\": \"./client/app/pdds/PddListCells.jsx\",\n\t\"./pdds/PddListCells.jsx\": \"./client/app/pdds/PddListCells.jsx\",\n\t\"./pdds/__tests__/PddGenToast.test\": \"./client/app/pdds/__tests__/PddGenToast.test.jsx\",\n\t\"./pdds/__tests__/PddGenToast.test.jsx\": \"./client/app/pdds/__tests__/PddGenToast.test.jsx\",\n\t\"./pdds/__tests__/__snapshots__/PddGenToast.test.jsx.snap\": \"./client/app/pdds/__tests__/__snapshots__/PddGenToast.test.jsx.snap\",\n\t\"./pdds/pddGenToastStyle\": \"./client/app/pdds/pddGenToastStyle.scss\",\n\t\"./pdds/pddGenToastStyle.scss\": \"./client/app/pdds/pddGenToastStyle.scss\",\n\t\"./process_explorer/GroupsModal/EditGroupForm\": \"./client/app/process_explorer/GroupsModal/EditGroupForm.jsx\",\n\t\"./process_explorer/GroupsModal/EditGroupForm.jsx\": \"./client/app/process_explorer/GroupsModal/EditGroupForm.jsx\",\n\t\"./process_explorer/GroupsModal/GroupsModal\": \"./client/app/process_explorer/GroupsModal/GroupsModal.jsx\",\n\t\"./process_explorer/GroupsModal/GroupsModal.jsx\": \"./client/app/process_explorer/GroupsModal/GroupsModal.jsx\",\n\t\"./process_explorer/GroupsModal/NewGroupForm\": \"./client/app/process_explorer/GroupsModal/NewGroupForm.jsx\",\n\t\"./process_explorer/GroupsModal/NewGroupForm.jsx\": \"./client/app/process_explorer/GroupsModal/NewGroupForm.jsx\",\n\t\"./process_explorer/GroupsModal/common/GroupForm\": \"./client/app/process_explorer/GroupsModal/common/GroupForm.jsx\",\n\t\"./process_explorer/GroupsModal/common/GroupForm.jsx\": \"./client/app/process_explorer/GroupsModal/common/GroupForm.jsx\",\n\t\"./process_explorer/GroupsModal/groupsModalStyle\": \"./client/app/process_explorer/GroupsModal/groupsModalStyle.scss\",\n\t\"./process_explorer/GroupsModal/groupsModalStyle.scss\": \"./client/app/process_explorer/GroupsModal/groupsModalStyle.scss\",\n\t\"./process_explorer/ProcessExplorer\": \"./client/app/process_explorer/ProcessExplorer.jsx\",\n\t\"./process_explorer/ProcessExplorer.jsx\": \"./client/app/process_explorer/ProcessExplorer.jsx\",\n\t\"./process_explorer/ProcessExplorerContainer\": \"./client/app/process_explorer/ProcessExplorerContainer.jsx\",\n\t\"./process_explorer/ProcessExplorerContainer.jsx\": \"./client/app/process_explorer/ProcessExplorerContainer.jsx\",\n\t\"./process_explorer/ProcessExplorerHeader\": \"./client/app/process_explorer/ProcessExplorerHeader.jsx\",\n\t\"./process_explorer/ProcessExplorerHeader.jsx\": \"./client/app/process_explorer/ProcessExplorerHeader.jsx\",\n\t\"./process_explorer/ProcessSelect\": \"./client/app/process_explorer/ProcessSelect.jsx\",\n\t\"./process_explorer/ProcessSelect.jsx\": \"./client/app/process_explorer/ProcessSelect.jsx\",\n\t\"./process_explorer/common/util\": \"./client/app/process_explorer/common/util.js\",\n\t\"./process_explorer/common/util.js\": \"./client/app/process_explorer/common/util.js\",\n\t\"./process_explorer/controls/ControlsBar\": \"./client/app/process_explorer/controls/ControlsBar.jsx\",\n\t\"./process_explorer/controls/ControlsBar.jsx\": \"./client/app/process_explorer/controls/ControlsBar.jsx\",\n\t\"./process_explorer/controls/FlowControl\": \"./client/app/process_explorer/controls/FlowControl.jsx\",\n\t\"./process_explorer/controls/FlowControl.jsx\": \"./client/app/process_explorer/controls/FlowControl.jsx\",\n\t\"./process_explorer/controls/GroupsControl\": \"./client/app/process_explorer/controls/GroupsControl.jsx\",\n\t\"./process_explorer/controls/GroupsControl.jsx\": \"./client/app/process_explorer/controls/GroupsControl.jsx\",\n\t\"./process_explorer/controls/NewProcessForm\": \"./client/app/process_explorer/controls/NewProcessForm.jsx\",\n\t\"./process_explorer/controls/NewProcessForm.jsx\": \"./client/app/process_explorer/controls/NewProcessForm.jsx\",\n\t\"./process_explorer/controls/SubprocessControl\": \"./client/app/process_explorer/controls/SubprocessControl.jsx\",\n\t\"./process_explorer/controls/SubprocessControl.jsx\": \"./client/app/process_explorer/controls/SubprocessControl.jsx\",\n\t\"./process_explorer/controls/__tests__/ControlsBar\": \"./client/app/process_explorer/controls/__tests__/ControlsBar.jsx\",\n\t\"./process_explorer/controls/__tests__/ControlsBar.jsx\": \"./client/app/process_explorer/controls/__tests__/ControlsBar.jsx\",\n\t\"./process_explorer/controls/__tests__/FlowControl\": \"./client/app/process_explorer/controls/__tests__/FlowControl.jsx\",\n\t\"./process_explorer/controls/__tests__/FlowControl.jsx\": \"./client/app/process_explorer/controls/__tests__/FlowControl.jsx\",\n\t\"./process_explorer/controls/__tests__/GroupsControl\": \"./client/app/process_explorer/controls/__tests__/GroupsControl.jsx\",\n\t\"./process_explorer/controls/__tests__/GroupsControl.jsx\": \"./client/app/process_explorer/controls/__tests__/GroupsControl.jsx\",\n\t\"./process_explorer/controls/__tests__/__snapshots__/ControlsBar.jsx.snap\": \"./client/app/process_explorer/controls/__tests__/__snapshots__/ControlsBar.jsx.snap\",\n\t\"./process_explorer/controls/__tests__/__snapshots__/FlowControl.jsx.snap\": \"./client/app/process_explorer/controls/__tests__/__snapshots__/FlowControl.jsx.snap\",\n\t\"./process_explorer/controls/__tests__/__snapshots__/GroupsControl.jsx.snap\": \"./client/app/process_explorer/controls/__tests__/__snapshots__/GroupsControl.jsx.snap\",\n\t\"./process_explorer/controls/styles/controlsBar\": \"./client/app/process_explorer/controls/styles/controlsBar.js\",\n\t\"./process_explorer/controls/styles/controlsBar.js\": \"./client/app/process_explorer/controls/styles/controlsBar.js\",\n\t\"./process_explorer/controls/styles/flowControl\": \"./client/app/process_explorer/controls/styles/flowControl.js\",\n\t\"./process_explorer/controls/styles/flowControl.js\": \"./client/app/process_explorer/controls/styles/flowControl.js\",\n\t\"./process_explorer/controls/styles/groupsControl\": \"./client/app/process_explorer/controls/styles/groupsControl.js\",\n\t\"./process_explorer/controls/styles/groupsControl.js\": \"./client/app/process_explorer/controls/styles/groupsControl.js\",\n\t\"./process_explorer/details/stepDetails/ActivityControlPanel\": \"./client/app/process_explorer/details/stepDetails/ActivityControlPanel.jsx\",\n\t\"./process_explorer/details/stepDetails/ActivityControlPanel.jsx\": \"./client/app/process_explorer/details/stepDetails/ActivityControlPanel.jsx\",\n\t\"./process_explorer/details/stepDetails/EditDecision\": \"./client/app/process_explorer/details/stepDetails/EditDecision.jsx\",\n\t\"./process_explorer/details/stepDetails/EditDecision.jsx\": \"./client/app/process_explorer/details/stepDetails/EditDecision.jsx\",\n\t\"./process_explorer/details/stepDetails/EditDecisionForm\": \"./client/app/process_explorer/details/stepDetails/EditDecisionForm.jsx\",\n\t\"./process_explorer/details/stepDetails/EditDecisionForm.jsx\": \"./client/app/process_explorer/details/stepDetails/EditDecisionForm.jsx\",\n\t\"./process_explorer/details/stepDetails/NodeControls\": \"./client/app/process_explorer/details/stepDetails/NodeControls.jsx\",\n\t\"./process_explorer/details/stepDetails/NodeControls.jsx\": \"./client/app/process_explorer/details/stepDetails/NodeControls.jsx\",\n\t\"./process_explorer/details/stepDetails/NodeInspector\": \"./client/app/process_explorer/details/stepDetails/NodeInspector.jsx\",\n\t\"./process_explorer/details/stepDetails/NodeInspector.jsx\": \"./client/app/process_explorer/details/stepDetails/NodeInspector.jsx\",\n\t\"./process_explorer/details/stepDetails/activityControlPanelStyle\": \"./client/app/process_explorer/details/stepDetails/activityControlPanelStyle.scss\",\n\t\"./process_explorer/details/stepDetails/activityControlPanelStyle.scss\": \"./client/app/process_explorer/details/stepDetails/activityControlPanelStyle.scss\",\n\t\"./process_explorer/details/stepDetails/editDecisionFormStyle\": \"./client/app/process_explorer/details/stepDetails/editDecisionFormStyle.scss\",\n\t\"./process_explorer/details/stepDetails/editDecisionFormStyle.scss\": \"./client/app/process_explorer/details/stepDetails/editDecisionFormStyle.scss\",\n\t\"./process_explorer/details/stepDetails/nodeInspectorStyle\": \"./client/app/process_explorer/details/stepDetails/nodeInspectorStyle.scss\",\n\t\"./process_explorer/details/stepDetails/nodeInspectorStyle.scss\": \"./client/app/process_explorer/details/stepDetails/nodeInspectorStyle.scss\",\n\t\"./process_explorer/diagram/DraggingNode\": \"./client/app/process_explorer/diagram/DraggingNode.jsx\",\n\t\"./process_explorer/diagram/DraggingNode.jsx\": \"./client/app/process_explorer/diagram/DraggingNode.jsx\",\n\t\"./process_explorer/diagram/ProcessExplorationDiagram\": \"./client/app/process_explorer/diagram/ProcessExplorationDiagram.jsx\",\n\t\"./process_explorer/diagram/ProcessExplorationDiagram.jsx\": \"./client/app/process_explorer/diagram/ProcessExplorationDiagram.jsx\",\n\t\"./process_explorer/diagram/ProcessExplorerTree\": \"./client/app/process_explorer/diagram/ProcessExplorerTree.js\",\n\t\"./process_explorer/diagram/ProcessExplorerTree.js\": \"./client/app/process_explorer/diagram/ProcessExplorerTree.js\",\n\t\"./process_explorer/diagram/SidePanel\": \"./client/app/process_explorer/diagram/SidePanel.jsx\",\n\t\"./process_explorer/diagram/SidePanel.jsx\": \"./client/app/process_explorer/diagram/SidePanel.jsx\",\n\t\"./process_explorer/diagram/activityControlPanel\": \"./client/app/process_explorer/diagram/activityControlPanel.scss\",\n\t\"./process_explorer/diagram/activityControlPanel.scss\": \"./client/app/process_explorer/diagram/activityControlPanel.scss\",\n\t\"./process_explorer/diagram/common/constants\": \"./client/app/process_explorer/diagram/common/constants.js\",\n\t\"./process_explorer/diagram/common/constants.js\": \"./client/app/process_explorer/diagram/common/constants.js\",\n\t\"./process_explorer/diagram/draggingNodeStyle\": \"./client/app/process_explorer/diagram/draggingNodeStyle.scss\",\n\t\"./process_explorer/diagram/draggingNodeStyle.scss\": \"./client/app/process_explorer/diagram/draggingNodeStyle.scss\",\n\t\"./process_explorer/diagram/processExploration\": \"./client/app/process_explorer/diagram/processExploration.scss\",\n\t\"./process_explorer/diagram/processExploration.scss\": \"./client/app/process_explorer/diagram/processExploration.scss\",\n\t\"./process_explorer/diagram/renderers/BaseNodeRenderer\": \"./client/app/process_explorer/diagram/renderers/BaseNodeRenderer.js\",\n\t\"./process_explorer/diagram/renderers/BaseNodeRenderer.js\": \"./client/app/process_explorer/diagram/renderers/BaseNodeRenderer.js\",\n\t\"./process_explorer/diagram/renderers/BuildGroupRenderer\": \"./client/app/process_explorer/diagram/renderers/BuildGroupRenderer.js\",\n\t\"./process_explorer/diagram/renderers/BuildGroupRenderer.js\": \"./client/app/process_explorer/diagram/renderers/BuildGroupRenderer.js\",\n\t\"./process_explorer/diagram/renderers/DropShadowRenderer\": \"./client/app/process_explorer/diagram/renderers/DropShadowRenderer.js\",\n\t\"./process_explorer/diagram/renderers/DropShadowRenderer.js\": \"./client/app/process_explorer/diagram/renderers/DropShadowRenderer.js\",\n\t\"./process_explorer/diagram/renderers/FlowRenderer\": \"./client/app/process_explorer/diagram/renderers/FlowRenderer.js\",\n\t\"./process_explorer/diagram/renderers/FlowRenderer.js\": \"./client/app/process_explorer/diagram/renderers/FlowRenderer.js\",\n\t\"./process_explorer/diagram/renderers/GroupRenderer\": \"./client/app/process_explorer/diagram/renderers/GroupRenderer.js\",\n\t\"./process_explorer/diagram/renderers/GroupRenderer.js\": \"./client/app/process_explorer/diagram/renderers/GroupRenderer.js\",\n\t\"./process_explorer/diagram/renderers/LabelRenderer\": \"./client/app/process_explorer/diagram/renderers/LabelRenderer.js\",\n\t\"./process_explorer/diagram/renderers/LabelRenderer.js\": \"./client/app/process_explorer/diagram/renderers/LabelRenderer.js\",\n\t\"./process_explorer/diagram/renderers/LinkRenderer\": \"./client/app/process_explorer/diagram/renderers/LinkRenderer.jsx\",\n\t\"./process_explorer/diagram/renderers/LinkRenderer.jsx\": \"./client/app/process_explorer/diagram/renderers/LinkRenderer.jsx\",\n\t\"./process_explorer/diagram/renderers/NodeRenderer\": \"./client/app/process_explorer/diagram/renderers/NodeRenderer.jsx\",\n\t\"./process_explorer/diagram/renderers/NodeRenderer.jsx\": \"./client/app/process_explorer/diagram/renderers/NodeRenderer.jsx\",\n\t\"./process_explorer/diagram/renderers/nodes/ActivityNode\": \"./client/app/process_explorer/diagram/renderers/nodes/ActivityNode.jsx\",\n\t\"./process_explorer/diagram/renderers/nodes/ActivityNode.jsx\": \"./client/app/process_explorer/diagram/renderers/nodes/ActivityNode.jsx\",\n\t\"./process_explorer/diagram/renderers/nodes/CollapsedNode\": \"./client/app/process_explorer/diagram/renderers/nodes/CollapsedNode.jsx\",\n\t\"./process_explorer/diagram/renderers/nodes/CollapsedNode.jsx\": \"./client/app/process_explorer/diagram/renderers/nodes/CollapsedNode.jsx\",\n\t\"./process_explorer/diagram/renderers/nodes/DecisionNode\": \"./client/app/process_explorer/diagram/renderers/nodes/DecisionNode.jsx\",\n\t\"./process_explorer/diagram/renderers/nodes/DecisionNode.jsx\": \"./client/app/process_explorer/diagram/renderers/nodes/DecisionNode.jsx\",\n\t\"./process_explorer/diagram/renderers/nodes/EndNode\": \"./client/app/process_explorer/diagram/renderers/nodes/EndNode.js\",\n\t\"./process_explorer/diagram/renderers/nodes/EndNode.js\": \"./client/app/process_explorer/diagram/renderers/nodes/EndNode.js\",\n\t\"./process_explorer/diagram/renderers/nodes/images/delete-2\": \"./client/app/process_explorer/diagram/renderers/nodes/images/delete-2.svg\",\n\t\"./process_explorer/diagram/renderers/nodes/images/delete-2.svg\": \"./client/app/process_explorer/diagram/renderers/nodes/images/delete-2.svg\",\n\t\"./process_explorer/diagram/renderers/nodes/sections/ActionListRenderer\": \"./client/app/process_explorer/diagram/renderers/nodes/sections/ActionListRenderer.jsx\",\n\t\"./process_explorer/diagram/renderers/nodes/sections/ActionListRenderer.jsx\": \"./client/app/process_explorer/diagram/renderers/nodes/sections/ActionListRenderer.jsx\",\n\t\"./process_explorer/diagram/styles\": \"./client/app/process_explorer/diagram/styles/index.js\",\n\t\"./process_explorer/diagram/styles/\": \"./client/app/process_explorer/diagram/styles/index.js\",\n\t\"./process_explorer/diagram/styles/index\": \"./client/app/process_explorer/diagram/styles/index.js\",\n\t\"./process_explorer/diagram/styles/index.js\": \"./client/app/process_explorer/diagram/styles/index.js\",\n\t\"./process_explorer/diagram/utils\": \"./client/app/process_explorer/diagram/utils.js\",\n\t\"./process_explorer/diagram/utils.js\": \"./client/app/process_explorer/diagram/utils.js\",\n\t\"./process_explorer/stores/GroupsStore\": \"./client/app/process_explorer/stores/GroupsStore.js\",\n\t\"./process_explorer/stores/GroupsStore.js\": \"./client/app/process_explorer/stores/GroupsStore.js\",\n\t\"./process_explorer/stores/__tests__/GroupStore.test\": \"./client/app/process_explorer/stores/__tests__/GroupStore.test.js\",\n\t\"./process_explorer/stores/__tests__/GroupStore.test.js\": \"./client/app/process_explorer/stores/__tests__/GroupStore.test.js\",\n\t\"./process_explorer/stores/processExplorerStore\": \"./client/app/process_explorer/stores/processExplorerStore.js\",\n\t\"./process_explorer/stores/processExplorerStore.js\": \"./client/app/process_explorer/stores/processExplorerStore.js\",\n\t\"./process_explorer/stores/subprocessStore\": \"./client/app/process_explorer/stores/subprocessStore.js\",\n\t\"./process_explorer/stores/subprocessStore.js\": \"./client/app/process_explorer/stores/subprocessStore.js\",\n\t\"./process_explorer/styles\": \"./client/app/process_explorer/styles/index.js\",\n\t\"./process_explorer/styles/\": \"./client/app/process_explorer/styles/index.js\",\n\t\"./process_explorer/styles/index\": \"./client/app/process_explorer/styles/index.js\",\n\t\"./process_explorer/styles/index.js\": \"./client/app/process_explorer/styles/index.js\",\n\t\"./process_explorer/styles/subprocessModal\": \"./client/app/process_explorer/styles/subprocessModal.js\",\n\t\"./process_explorer/styles/subprocessModal.js\": \"./client/app/process_explorer/styles/subprocessModal.js\",\n\t\"./process_explorer/subprocessModal/CreateSubprocessDialogue\": \"./client/app/process_explorer/subprocessModal/CreateSubprocessDialogue.jsx\",\n\t\"./process_explorer/subprocessModal/CreateSubprocessDialogue.jsx\": \"./client/app/process_explorer/subprocessModal/CreateSubprocessDialogue.jsx\",\n\t\"./process_explorer/subprocessModal/SavedSubprocessDialogue\": \"./client/app/process_explorer/subprocessModal/SavedSubprocessDialogue.jsx\",\n\t\"./process_explorer/subprocessModal/SavedSubprocessDialogue.jsx\": \"./client/app/process_explorer/subprocessModal/SavedSubprocessDialogue.jsx\",\n\t\"./process_explorer/subprocessModal/SubprocessModal\": \"./client/app/process_explorer/subprocessModal/SubprocessModal.jsx\",\n\t\"./process_explorer/subprocessModal/SubprocessModal.jsx\": \"./client/app/process_explorer/subprocessModal/SubprocessModal.jsx\",\n\t\"./process_explorer/subprocessModal/subprocessModalStyle\": \"./client/app/process_explorer/subprocessModal/subprocessModalStyle.scss\",\n\t\"./process_explorer/subprocessModal/subprocessModalStyle.scss\": \"./client/app/process_explorer/subprocessModal/subprocessModalStyle.scss\",\n\t\"./process_explorer/zoomControls/ZoomControls\": \"./client/app/process_explorer/zoomControls/ZoomControls.jsx\",\n\t\"./process_explorer/zoomControls/ZoomControls.jsx\": \"./client/app/process_explorer/zoomControls/ZoomControls.jsx\",\n\t\"./process_explorer/zoomControls/styles\": \"./client/app/process_explorer/zoomControls/styles/index.js\",\n\t\"./process_explorer/zoomControls/styles/\": \"./client/app/process_explorer/zoomControls/styles/index.js\",\n\t\"./process_explorer/zoomControls/styles/index\": \"./client/app/process_explorer/zoomControls/styles/index.js\",\n\t\"./process_explorer/zoomControls/styles/index.js\": \"./client/app/process_explorer/zoomControls/styles/index.js\",\n\t\"./processes/ActionsMenu\": \"./client/app/processes/ActionsMenu.jsx\",\n\t\"./processes/ActionsMenu.jsx\": \"./client/app/processes/ActionsMenu.jsx\",\n\t\"./processes/Processes\": \"./client/app/processes/Processes.jsx\",\n\t\"./processes/Processes.jsx\": \"./client/app/processes/Processes.jsx\",\n\t\"./processes/RatingTag\": \"./client/app/processes/RatingTag.jsx\",\n\t\"./processes/RatingTag.jsx\": \"./client/app/processes/RatingTag.jsx\",\n\t\"./processes/StateManager\": \"./client/app/processes/StateManager.jsx\",\n\t\"./processes/StateManager.jsx\": \"./client/app/processes/StateManager.jsx\",\n\t\"./processes/getProcessesColumns\": \"./client/app/processes/getProcessesColumns.jsx\",\n\t\"./processes/getProcessesColumns.jsx\": \"./client/app/processes/getProcessesColumns.jsx\",\n\t\"./processes/utils\": \"./client/app/processes/utils.js\",\n\t\"./processes/utils.js\": \"./client/app/processes/utils.js\",\n\t\"./processes/viewer/FlowGraph\": \"./client/app/processes/viewer/FlowGraph.jsx\",\n\t\"./processes/viewer/FlowGraph.jsx\": \"./client/app/processes/viewer/FlowGraph.jsx\",\n\t\"./processes/viewer/GraphProcess\": \"./client/app/processes/viewer/GraphProcess.jsx\",\n\t\"./processes/viewer/GraphProcess.jsx\": \"./client/app/processes/viewer/GraphProcess.jsx\",\n\t\"./processes/viewer/ProcessViewerContainer\": \"./client/app/processes/viewer/ProcessViewerContainer.jsx\",\n\t\"./processes/viewer/ProcessViewerContainer.jsx\": \"./client/app/processes/viewer/ProcessViewerContainer.jsx\",\n\t\"./processes/viewer/components/ObserverDetail\": \"./client/app/processes/viewer/components/ObserverDetail.jsx\",\n\t\"./processes/viewer/components/ObserverDetail.jsx\": \"./client/app/processes/viewer/components/ObserverDetail.jsx\",\n\t\"./processes/viewer/components/ProcessDashCard\": \"./client/app/processes/viewer/components/ProcessDashCard.jsx\",\n\t\"./processes/viewer/components/ProcessDashCard.jsx\": \"./client/app/processes/viewer/components/ProcessDashCard.jsx\",\n\t\"./processes/viewer/components/RunDetail\": \"./client/app/processes/viewer/components/RunDetail.jsx\",\n\t\"./processes/viewer/components/RunDetail.jsx\": \"./client/app/processes/viewer/components/RunDetail.jsx\",\n\t\"./processes/viewer/components/TooltipButton\": \"./client/app/processes/viewer/components/TooltipButton.jsx\",\n\t\"./processes/viewer/components/TooltipButton.jsx\": \"./client/app/processes/viewer/components/TooltipButton.jsx\",\n\t\"./processes/viewer/components/styles\": \"./client/app/processes/viewer/components/styles/index.js\",\n\t\"./processes/viewer/components/styles/\": \"./client/app/processes/viewer/components/styles/index.js\",\n\t\"./processes/viewer/components/styles/index\": \"./client/app/processes/viewer/components/styles/index.js\",\n\t\"./processes/viewer/components/styles/index.js\": \"./client/app/processes/viewer/components/styles/index.js\",\n\t\"./processes/viewer/components/tooltipButtonStyle\": \"./client/app/processes/viewer/components/tooltipButtonStyle.scss\",\n\t\"./processes/viewer/components/tooltipButtonStyle.scss\": \"./client/app/processes/viewer/components/tooltipButtonStyle.scss\",\n\t\"./processes/viewer/sections/Overview\": \"./client/app/processes/viewer/sections/Overview.jsx\",\n\t\"./processes/viewer/sections/Overview.jsx\": \"./client/app/processes/viewer/sections/Overview.jsx\",\n\t\"./processes/viewer/sections/ProcessHeader\": \"./client/app/processes/viewer/sections/ProcessHeader.jsx\",\n\t\"./processes/viewer/sections/ProcessHeader.jsx\": \"./client/app/processes/viewer/sections/ProcessHeader.jsx\",\n\t\"./processes/viewer/sections/RunDetails\": \"./client/app/processes/viewer/sections/RunDetails.jsx\",\n\t\"./processes/viewer/sections/RunDetails.jsx\": \"./client/app/processes/viewer/sections/RunDetails.jsx\",\n\t\"./processes/viewer/sections/RunDetailsWrapper\": \"./client/app/processes/viewer/sections/RunDetailsWrapper.jsx\",\n\t\"./processes/viewer/sections/RunDetailsWrapper.jsx\": \"./client/app/processes/viewer/sections/RunDetailsWrapper.jsx\",\n\t\"./processes/viewer/sections/ToolbarActions\": \"./client/app/processes/viewer/sections/ToolbarActions.jsx\",\n\t\"./processes/viewer/sections/ToolbarActions.jsx\": \"./client/app/processes/viewer/sections/ToolbarActions.jsx\",\n\t\"./processes/viewer/sections/TopSignaturesTable\": \"./client/app/processes/viewer/sections/TopSignaturesTable.jsx\",\n\t\"./processes/viewer/sections/TopSignaturesTable.jsx\": \"./client/app/processes/viewer/sections/TopSignaturesTable.jsx\",\n\t\"./processes/viewer/sections/UserMetadata\": \"./client/app/processes/viewer/sections/UserMetadata.jsx\",\n\t\"./processes/viewer/sections/UserMetadata.jsx\": \"./client/app/processes/viewer/sections/UserMetadata.jsx\",\n\t\"./processes/viewer/styles\": \"./client/app/processes/viewer/styles/index.js\",\n\t\"./processes/viewer/styles/\": \"./client/app/processes/viewer/styles/index.js\",\n\t\"./processes/viewer/styles/index\": \"./client/app/processes/viewer/styles/index.js\",\n\t\"./processes/viewer/styles/index.js\": \"./client/app/processes/viewer/styles/index.js\",\n\t\"./review/ObserverSelect\": \"./client/app/review/ObserverSelect.jsx\",\n\t\"./review/ObserverSelect.jsx\": \"./client/app/review/ObserverSelect.jsx\",\n\t\"./review/Review\": \"./client/app/review/Review.jsx\",\n\t\"./review/Review.jsx\": \"./client/app/review/Review.jsx\",\n\t\"./review/ReviewHeader\": \"./client/app/review/ReviewHeader.jsx\",\n\t\"./review/ReviewHeader.jsx\": \"./client/app/review/ReviewHeader.jsx\",\n\t\"./review/Sidebar\": \"./client/app/review/Sidebar.jsx\",\n\t\"./review/Sidebar.jsx\": \"./client/app/review/Sidebar.jsx\",\n\t\"./review/__tests__/ObserverSelect.test\": \"./client/app/review/__tests__/ObserverSelect.test.jsx\",\n\t\"./review/__tests__/ObserverSelect.test.jsx\": \"./client/app/review/__tests__/ObserverSelect.test.jsx\",\n\t\"./review/__tests__/Sidebar.test\": \"./client/app/review/__tests__/Sidebar.test.jsx\",\n\t\"./review/__tests__/Sidebar.test.jsx\": \"./client/app/review/__tests__/Sidebar.test.jsx\",\n\t\"./review/__tests__/__snapshots__/ObserverSelect.test.jsx.snap\": \"./client/app/review/__tests__/__snapshots__/ObserverSelect.test.jsx.snap\",\n\t\"./review/__tests__/__snapshots__/Sidebar.test.jsx.snap\": \"./client/app/review/__tests__/__snapshots__/Sidebar.test.jsx.snap\",\n\t\"./review/event/BoundingBox\": \"./client/app/review/event/BoundingBox.jsx\",\n\t\"./review/event/BoundingBox.jsx\": \"./client/app/review/event/BoundingBox.jsx\",\n\t\"./review/event/BoundingBoxTag\": \"./client/app/review/event/BoundingBoxTag.jsx\",\n\t\"./review/event/BoundingBoxTag.jsx\": \"./client/app/review/event/BoundingBoxTag.jsx\",\n\t\"./review/event/Event\": \"./client/app/review/event/Event.jsx\",\n\t\"./review/event/Event.jsx\": \"./client/app/review/event/Event.jsx\",\n\t\"./review/event/EventContext\": \"./client/app/review/event/EventContext.jsx\",\n\t\"./review/event/EventContext.jsx\": \"./client/app/review/event/EventContext.jsx\",\n\t\"./review/event/__tests__/BoundingBox.test\": \"./client/app/review/event/__tests__/BoundingBox.test.jsx\",\n\t\"./review/event/__tests__/BoundingBox.test.jsx\": \"./client/app/review/event/__tests__/BoundingBox.test.jsx\",\n\t\"./review/event/__tests__/BoundingBoxTag.test\": \"./client/app/review/event/__tests__/BoundingBoxTag.test.jsx\",\n\t\"./review/event/__tests__/BoundingBoxTag.test.jsx\": \"./client/app/review/event/__tests__/BoundingBoxTag.test.jsx\",\n\t\"./review/event/__tests__/__snapshots__/BoundingBox.test.jsx.snap\": \"./client/app/review/event/__tests__/__snapshots__/BoundingBox.test.jsx.snap\",\n\t\"./review/event/__tests__/__snapshots__/BoundingBoxTag.test.jsx.snap\": \"./client/app/review/event/__tests__/__snapshots__/BoundingBoxTag.test.jsx.snap\",\n\t\"./review/event/boundingBoxStyle\": \"./client/app/review/event/boundingBoxStyle.scss\",\n\t\"./review/event/boundingBoxStyle.scss\": \"./client/app/review/event/boundingBoxStyle.scss\",\n\t\"./review/event/eventStyle\": \"./client/app/review/event/eventStyle.scss\",\n\t\"./review/event/eventStyle.scss\": \"./client/app/review/event/eventStyle.scss\",\n\t\"./roles/Roles\": \"./client/app/roles/Roles.jsx\",\n\t\"./roles/Roles.jsx\": \"./client/app/roles/Roles.jsx\",\n\t\"./sandbox/Sandbox\": \"./client/app/sandbox/Sandbox.jsx\",\n\t\"./sandbox/Sandbox.jsx\": \"./client/app/sandbox/Sandbox.jsx\",\n\t\"./screens/list/ScreenList\": \"./client/app/screens/list/ScreenList.jsx\",\n\t\"./screens/list/ScreenList.jsx\": \"./client/app/screens/list/ScreenList.jsx\",\n\t\"./screens/viewer/EventGroup\": \"./client/app/screens/viewer/EventGroup.jsx\",\n\t\"./screens/viewer/EventGroup.jsx\": \"./client/app/screens/viewer/EventGroup.jsx\",\n\t\"./screens/viewer/EventGroupRow\": \"./client/app/screens/viewer/EventGroupRow.jsx\",\n\t\"./screens/viewer/EventGroupRow.jsx\": \"./client/app/screens/viewer/EventGroupRow.jsx\",\n\t\"./screens/viewer/EventGroups\": \"./client/app/screens/viewer/EventGroups.jsx\",\n\t\"./screens/viewer/EventGroups.jsx\": \"./client/app/screens/viewer/EventGroups.jsx\",\n\t\"./screens/viewer/EventSlide\": \"./client/app/screens/viewer/EventSlide.jsx\",\n\t\"./screens/viewer/EventSlide.jsx\": \"./client/app/screens/viewer/EventSlide.jsx\",\n\t\"./screens/viewer/InactiveEventGroup\": \"./client/app/screens/viewer/InactiveEventGroup.jsx\",\n\t\"./screens/viewer/InactiveEventGroup.jsx\": \"./client/app/screens/viewer/InactiveEventGroup.jsx\",\n\t\"./screens/viewer/ScreenViewer\": \"./client/app/screens/viewer/ScreenViewer.jsx\",\n\t\"./screens/viewer/ScreenViewer.jsx\": \"./client/app/screens/viewer/ScreenViewer.jsx\",\n\t\"./screens/viewer/ScreenViewerDrawer\": \"./client/app/screens/viewer/ScreenViewerDrawer.jsx\",\n\t\"./screens/viewer/ScreenViewerDrawer.jsx\": \"./client/app/screens/viewer/ScreenViewerDrawer.jsx\",\n\t\"./screens/viewer/ScreenViewerHeader\": \"./client/app/screens/viewer/ScreenViewerHeader.jsx\",\n\t\"./screens/viewer/ScreenViewerHeader.jsx\": \"./client/app/screens/viewer/ScreenViewerHeader.jsx\",\n\t\"./screens/viewer/common\": \"./client/app/screens/viewer/common.js\",\n\t\"./screens/viewer/common.js\": \"./client/app/screens/viewer/common.js\",\n\t\"./screens/viewer/controls/ControlHelpers\": \"./client/app/screens/viewer/controls/ControlHelpers.jsx\",\n\t\"./screens/viewer/controls/ControlHelpers.jsx\": \"./client/app/screens/viewer/controls/ControlHelpers.jsx\",\n\t\"./screens/viewer/controls/Controls\": \"./client/app/screens/viewer/controls/Controls.jsx\",\n\t\"./screens/viewer/controls/Controls.jsx\": \"./client/app/screens/viewer/controls/Controls.jsx\",\n\t\"./screens/viewer/controls/EventGroupNav\": \"./client/app/screens/viewer/controls/EventGroupNav.jsx\",\n\t\"./screens/viewer/controls/EventGroupNav.jsx\": \"./client/app/screens/viewer/controls/EventGroupNav.jsx\",\n\t\"./screens/viewer/controls/EventMoveSelector\": \"./client/app/screens/viewer/controls/EventMoveSelector.jsx\",\n\t\"./screens/viewer/controls/EventMoveSelector.jsx\": \"./client/app/screens/viewer/controls/EventMoveSelector.jsx\",\n\t\"./screens/viewer/controls/EventSelection\": \"./client/app/screens/viewer/controls/EventSelection.jsx\",\n\t\"./screens/viewer/controls/EventSelection.jsx\": \"./client/app/screens/viewer/controls/EventSelection.jsx\",\n\t\"./screens/viewer/controls/Minimap\": \"./client/app/screens/viewer/controls/Minimap.jsx\",\n\t\"./screens/viewer/controls/Minimap.jsx\": \"./client/app/screens/viewer/controls/Minimap.jsx\",\n\t\"./screens/viewer/controls/ScreenViewerSettings\": \"./client/app/screens/viewer/controls/ScreenViewerSettings.jsx\",\n\t\"./screens/viewer/controls/ScreenViewerSettings.jsx\": \"./client/app/screens/viewer/controls/ScreenViewerSettings.jsx\",\n\t\"./screens/viewer/controls/controlsStyle\": \"./client/app/screens/viewer/controls/controlsStyle.scss\",\n\t\"./screens/viewer/controls/controlsStyle.scss\": \"./client/app/screens/viewer/controls/controlsStyle.scss\",\n\t\"./screens/viewer/styles\": \"./client/app/screens/viewer/styles/index.js\",\n\t\"./screens/viewer/styles/\": \"./client/app/screens/viewer/styles/index.js\",\n\t\"./screens/viewer/styles/index\": \"./client/app/screens/viewer/styles/index.js\",\n\t\"./screens/viewer/styles/index.js\": \"./client/app/screens/viewer/styles/index.js\",\n\t\"./screenshot/ScreenshotViewer\": \"./client/app/screenshot/ScreenshotViewer.jsx\",\n\t\"./screenshot/ScreenshotViewer.jsx\": \"./client/app/screenshot/ScreenshotViewer.jsx\",\n\t\"./signature_service_jobs/ParamsColumn\": \"./client/app/signature_service_jobs/ParamsColumn.jsx\",\n\t\"./signature_service_jobs/ParamsColumn.jsx\": \"./client/app/signature_service_jobs/ParamsColumn.jsx\",\n\t\"./signature_service_jobs/SignatureServiceJobList\": \"./client/app/signature_service_jobs/SignatureServiceJobList.jsx\",\n\t\"./signature_service_jobs/SignatureServiceJobList.jsx\": \"./client/app/signature_service_jobs/SignatureServiceJobList.jsx\",\n\t\"./status/Status\": \"./client/app/status/Status.jsx\",\n\t\"./status/Status.jsx\": \"./client/app/status/Status.jsx\",\n\t\"./support/Support\": \"./client/app/support/Support.jsx\",\n\t\"./support/Support.jsx\": \"./client/app/support/Support.jsx\",\n\t\"./templates/TemplateCreator\": \"./client/app/templates/TemplateCreator.jsx\",\n\t\"./templates/TemplateCreator.jsx\": \"./client/app/templates/TemplateCreator.jsx\",\n\t\"./templates/TemplateList\": \"./client/app/templates/TemplateList.jsx\",\n\t\"./templates/TemplateList.jsx\": \"./client/app/templates/TemplateList.jsx\",\n\t\"./topNavHelp/TopNavHelp\": \"./client/app/topNavHelp/TopNavHelp.jsx\",\n\t\"./topNavHelp/TopNavHelp.jsx\": \"./client/app/topNavHelp/TopNavHelp.jsx\",\n\t\"./topNavHelp/helpTips\": \"./client/app/topNavHelp/helpTips.js\",\n\t\"./topNavHelp/helpTips.js\": \"./client/app/topNavHelp/helpTips.js\",\n\t\"./topNavHelp/topNavHelpStyle\": \"./client/app/topNavHelp/topNavHelpStyle.scss\",\n\t\"./topNavHelp/topNavHelpStyle.scss\": \"./client/app/topNavHelp/topNavHelpStyle.scss\",\n\t\"./user_notifications/UserNotifications\": \"./client/app/user_notifications/UserNotifications.jsx\",\n\t\"./user_notifications/UserNotifications.jsx\": \"./client/app/user_notifications/UserNotifications.jsx\",\n\t\"./web-applications/ApplicationList\": \"./client/app/web-applications/ApplicationList.jsx\",\n\t\"./web-applications/ApplicationList.jsx\": \"./client/app/web-applications/ApplicationList.jsx\",\n\t\"./web-applications/Constants\": \"./client/app/web-applications/Constants.js\",\n\t\"./web-applications/Constants.js\": \"./client/app/web-applications/Constants.js\",\n\t\"./web-applications/CreateWebApplicationModal\": \"./client/app/web-applications/CreateWebApplicationModal.jsx\",\n\t\"./web-applications/CreateWebApplicationModal.jsx\": \"./client/app/web-applications/CreateWebApplicationModal.jsx\",\n\t\"./web-applications/TitleGroupList\": \"./client/app/web-applications/TitleGroupList.jsx\",\n\t\"./web-applications/TitleGroupList.jsx\": \"./client/app/web-applications/TitleGroupList.jsx\",\n\t\"./web-applications/WebApplications\": \"./client/app/web-applications/WebApplications.jsx\",\n\t\"./web-applications/WebApplications.jsx\": \"./client/app/web-applications/WebApplications.jsx\",\n\t\"./web-applications/__tests__/ApplicationList.test\": \"./client/app/web-applications/__tests__/ApplicationList.test.jsx\",\n\t\"./web-applications/__tests__/ApplicationList.test.jsx\": \"./client/app/web-applications/__tests__/ApplicationList.test.jsx\",\n\t\"./web-applications/components/ApplicationsTableActions\": \"./client/app/web-applications/components/ApplicationsTableActions.jsx\",\n\t\"./web-applications/components/ApplicationsTableActions.jsx\": \"./client/app/web-applications/components/ApplicationsTableActions.jsx\",\n\t\"./web-applications/components/ErrorMsg\": \"./client/app/web-applications/components/ErrorMsg.jsx\",\n\t\"./web-applications/components/ErrorMsg.jsx\": \"./client/app/web-applications/components/ErrorMsg.jsx\",\n\t\"./web-applications/components/PanelTitle\": \"./client/app/web-applications/components/PanelTitle.jsx\",\n\t\"./web-applications/components/PanelTitle.jsx\": \"./client/app/web-applications/components/PanelTitle.jsx\",\n\t\"./web-applications/components/WebApplicationForm\": \"./client/app/web-applications/components/WebApplicationForm.jsx\",\n\t\"./web-applications/components/WebApplicationForm.jsx\": \"./client/app/web-applications/components/WebApplicationForm.jsx\",\n\t\"./web-applications/components/tableButtons/RulesDeleteButton\": \"./client/app/web-applications/components/tableButtons/RulesDeleteButton.jsx\",\n\t\"./web-applications/components/tableButtons/RulesDeleteButton.jsx\": \"./client/app/web-applications/components/tableButtons/RulesDeleteButton.jsx\",\n\t\"./web-applications/components/tableButtons/RulesEditButton\": \"./client/app/web-applications/components/tableButtons/RulesEditButton.jsx\",\n\t\"./web-applications/components/tableButtons/RulesEditButton.jsx\": \"./client/app/web-applications/components/tableButtons/RulesEditButton.jsx\",\n\t\"./web-applications/components/tableButtons/RulesExploreButton\": \"./client/app/web-applications/components/tableButtons/RulesExploreButton.jsx\",\n\t\"./web-applications/components/tableButtons/RulesExploreButton.jsx\": \"./client/app/web-applications/components/tableButtons/RulesExploreButton.jsx\",\n\t\"./web-applications/components/tableButtons/RulesRefreshButton\": \"./client/app/web-applications/components/tableButtons/RulesRefreshButton.jsx\",\n\t\"./web-applications/components/tableButtons/RulesRefreshButton.jsx\": \"./client/app/web-applications/components/tableButtons/RulesRefreshButton.jsx\",\n\t\"./web-applications/components/tableButtons/UnclaimedExploreLink\": \"./client/app/web-applications/components/tableButtons/UnclaimedExploreLink.jsx\",\n\t\"./web-applications/components/tableButtons/UnclaimedExploreLink.jsx\": \"./client/app/web-applications/components/tableButtons/UnclaimedExploreLink.jsx\",\n\t\"./web-applications/components/tableButtons/__tests__/RulesExploreButton.text\": \"./client/app/web-applications/components/tableButtons/__tests__/RulesExploreButton.text.jsx\",\n\t\"./web-applications/components/tableButtons/__tests__/RulesExploreButton.text.jsx\": \"./client/app/web-applications/components/tableButtons/__tests__/RulesExploreButton.text.jsx\",\n\t\"./web-applications/components/tableButtons/__tests__/__snapshots__/RulesExploreButton.text.jsx.snap\": \"./client/app/web-applications/components/tableButtons/__tests__/__snapshots__/RulesExploreButton.text.jsx.snap\",\n\t\"./web-applications/reducers/Actions\": \"./client/app/web-applications/reducers/Actions.js\",\n\t\"./web-applications/reducers/Actions.js\": \"./client/app/web-applications/reducers/Actions.js\",\n\t\"./web-applications/reducers/UnclaimedEventsReducer\": \"./client/app/web-applications/reducers/UnclaimedEventsReducer.js\",\n\t\"./web-applications/reducers/UnclaimedEventsReducer.js\": \"./client/app/web-applications/reducers/UnclaimedEventsReducer.js\",\n\t\"./web-applications/reducers/WebApplicationsReducer\": \"./client/app/web-applications/reducers/WebApplicationsReducer.js\",\n\t\"./web-applications/reducers/WebApplicationsReducer.js\": \"./client/app/web-applications/reducers/WebApplicationsReducer.js\",\n\t\"./web-applications/styles\": \"./client/app/web-applications/styles/index.js\",\n\t\"./web-applications/styles/\": \"./client/app/web-applications/styles/index.js\",\n\t\"./web-applications/styles/index\": \"./client/app/web-applications/styles/index.js\",\n\t\"./web-applications/styles/index.js\": \"./client/app/web-applications/styles/index.js\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"./client/app sync recursive ^\\\\.\\\\/.*$\";","import React from 'react'\nimport ReactGA from 'react-ga'\nimport { BrowserRouter as Router, Route } from 'react-router-dom'\nimport { ActionCableProvider } from 'components/actioncable-provider'\nimport { Provider } from 'mobx-react'\nimport ttiPolyfill from 'tti-polyfill'\nimport { QueryParamProvider, transformSearchStringJsonSafe } from 'use-query-params'\nimport { useFela, ThemeProvider, NotificationProvider, ModalProvider, theme } from '@fortressiq/fiq-ds'\nimport { HelmetProvider } from 'react-helmet-async'\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query'\n\nimport uiStore from 'lib/UiStore'\n\nimport Flash from 'components/flash/Flash'\nimport MaintenanceBanner from 'components/MaintenanceBanner'\n\nimport UserNotifications from 'app/user_notifications/UserNotifications'\n\nimport AppRoutes from './AppRoutes'\nimport AppSidebar from './AppSidebar'\nimport { EventsProvider } from './events/EventContext'\nimport { HeaderProvider } from './header/HeaderContext'\nimport { UserProvider } from '../context/UserContext'\nimport Header from './header/Header'\n\nimport { appContentCSS, appGridCSS, rightColCSS } from './AppStyles'\n\nReactGA.initialize(document.getElementById('google:analytics_key').content, {\n  gaOptions: {\n    siteSpeedSampleRate: 100,\n  },\n})\n\nttiPolyfill.getFirstConsistentlyInteractive().then(tti => {\n  ReactGA.timing({\n    category: 'Load Performace',\n    variable: 'Time to Interactive',\n    label: window.location.pathname,\n    value: Math.round(tti),\n  })\n})\n\nconst callback = list => {\n  list.getEntries().forEach(entry => {\n    if (entry.entryType === 'navigation') {\n      ReactGA.timing({\n        category: 'Load Performace',\n        variable: 'Server Latency',\n        label: window.location.pathname,\n        value: Math.round(entry.responseStart - entry.requestStart),\n      })\n    } else if (entry.entryType === 'paint') {\n      ReactGA.timing({\n        category: 'Paint',\n        variable: entry.name,\n        label: window.location.pathname,\n        value: Math.round(entry.startTime),\n      })\n    } else if (entry.name.includes('App') && entry.duration > 0) {\n      ReactGA.timing({\n        category: 'App Render Performace',\n        variable: entry.name,\n        label: window.location.pathname,\n        value: Math.round(entry.duration),\n      })\n    }\n  })\n}\n\nconst queryClient = new QueryClient()\n\nconst observer = new PerformanceObserver(callback)\nobserver.observe({\n  entryTypes: ['navigation', 'paint', 'mark', 'measure', 'longtask'],\n})\n\nconst queryStringifyOptions = {\n  transformSearchString: transformSearchStringJsonSafe,\n}\n\nconst alignNotificationsBesideSidebar = { left: '54px' }\n\nconst App = ({ config, user, tenant, system: { maintenance } }) => {\n  uiStore.config = config\n  uiStore.setTenantData(tenant)\n  ReactGA.set({ dimension1: tenant.id, dimension2: tenant.name, dimension3: user.id })\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <ThemeProvider theme={theme}>\n        <NotificationProvider align={alignNotificationsBesideSidebar}>\n          <UserProvider init={user}>\n            <ActionCableProvider url={`${uiStore.config.pubsubUrl}?user_id=${user.id}`}>\n              <HelmetProvider>\n                <Provider uiStore={uiStore}>\n                  <Router>\n                    <QueryParamProvider ReactRouterRoute={Route} stringifyOptions={queryStringifyOptions}>\n                      <ModalProvider>\n                        <AppContents\n                          maintenance={maintenance}\n                          tenantId={tenant?.uuid}\n                          userId={user?.id}\n                          userRoleName={user?.roleNames}\n                        />\n                      </ModalProvider>\n                    </QueryParamProvider>\n                  </Router>\n                </Provider>\n              </HelmetProvider>\n            </ActionCableProvider>\n          </UserProvider>\n        </NotificationProvider>\n      </ThemeProvider>\n    </QueryClientProvider>\n  )\n}\n\nconst AppContents = ({ maintenance, tenantId, userId, userRoleName }) => {\n  const { css, renderer } = useFela()\n\n  // Ensure the div#layers has a z-index above most UI so notifications/tooltips/etc position above content\n  // with few edge cases needing z-index tweaks.\n  renderer.renderStatic({ zIndex: theme['z-modal-above'] }, '#layers')\n\n  // Setup pendo analytics:\n  const dev = GIT_BRANCH.substring(0, GIT_BRANCH.length - 1) || 'development'\n  const buildNumber = GIT_SHA || dev\n  const versionNumber = document.getElementById('fiq:app_version').getAttribute('content') || dev\n  const { locale: language } = new Intl.DateTimeFormat().resolvedOptions()\n\n  // Setup pendo object and shared props for account/visitor:\n  const sharedProps = {\n    buildNumber,\n    edition: 'process-discovery-platform',\n    features: [],\n    selfHelp: undefined,\n    versionNumber,\n  }\n  // Send data to pendo:\n  pendo.initialize({\n    account: {\n      id: tenantId,\n      ...sharedProps,\n    },\n    visitor: {\n      id: `${userId}:${tenantId}`,\n      language,\n      licenses: 'PROCESSDISCOVERYANALYZER',\n      permissions: `processdiscovery:${userRoleName}`,\n      ...sharedProps,\n    },\n  })\n\n  return (\n    <div className={css(appGridCSS)}>\n      <AppSidebar />\n      <div className={css(rightColCSS)}>\n        <HeaderProvider>\n          <EventsProvider>\n            {maintenance && <MaintenanceBanner maintenance={maintenance} />}\n            <Header />\n            <main className={css(appContentCSS)}>\n              <Flash />\n              <AppRoutes />\n            </main>\n            <UserNotifications />\n          </EventsProvider>\n        </HeaderProvider>\n      </div>\n    </div>\n  )\n}\n\nexport default App\n","import React, { memo, Suspense, lazy } from 'react'\nimport { Switch, Redirect } from 'react-router-dom'\nimport { useUserState } from 'context/UserContext'\nimport NoAccess from 'app/noAccess/NoAccess'\n\nimport NotFound from 'components/404/NotFound'\nimport TrackedRoute from 'components/TrackedRoute/TrackedRoute'\nimport LoadingFallback from 'components/loaders/MainLoader'\n\nimport checkAllowedRoutes from 'lib/checkAllowedRoutes'\n\nimport uiStore from 'lib/UiStore'\n\nexport const routes = [\n  {\n    path: '/',\n    redirect: '/dashboard',\n    component: () => import('app/dashboard/Dashboard'),\n    exact: true,\n  },\n  {\n    path: '/dashboard',\n    component: () => import('app/dashboard/Dashboard'),\n    exact: true,\n  },\n\n  { path: '/admin', component: () => import('app/admin/Admin') },\n  { path: '/support', component: () => import('app/support/Support') },\n  { path: '/mining', component: () => import('app/mining/MiningRunList'), exact: true },\n  {\n    path: '/applications',\n    component: () => import(/* webpackChunkName: \"applications\" */ 'app/applications/ApplicationRegistry'),\n    exact: true,\n  },\n  {\n    path: '/applications/:appId/:cycleId?',\n    component: () => import(/* webpackChunkName: \"applications\" */ 'app/applications/Application/'),\n    exact: true,\n  },\n  {\n    path: '/applications/:applicationId/screens/:screenSignature/:cycleId?',\n    component: () => import(/* webpackChunkName: \"applications\" */ 'app/screens/viewer/ScreenViewer'),\n  },\n  {\n    path: '/web-applications',\n    component: () => import('app/web-applications/WebApplications'),\n  },\n  { path: '/events/:observerIds?', component: () => import('app/events/Events') },\n  {\n    path: '/event-log-exports',\n    component: () => import('app/admin/event_log_exports/EventLogExportList'),\n  },\n  { path: '/templates', component: () => import('app/templates/TemplateList'), exact: true },\n  { path: '/templates/new', component: () => import('app/templates/TemplateCreator') },\n  { path: '/visualizations/butterfly/:id?', component: () => import('app/butterfly/Butterfly') },\n  {\n    path: '/client-dashboard',\n    component: () => import('app/client_dashboard/processListDashboard/Dashboard'),\n    exact: true,\n  },\n  {\n    path: '/client-dashboard/:id',\n    component: () => import('app/client_dashboard/processViewDashboard/Dashboard'),\n  },\n  {\n    path: '/diagrams/:id',\n    component: () => import('app/diagram_composer/DiagramComposer'),\n  },\n  {\n    path: '/observers',\n    component: () => import('app/observers/Observers'),\n    exact: true,\n  },\n  { path: '/observers/:id', component: () => import('app/observers/viewer/ObserverViewer') },\n  { path: '/pdds', component: () => import('app/pdds/PddList') },\n  {\n    path: '/processes',\n    component: () => import('app/processes/Processes'),\n    exact: true,\n  },\n  {\n    path: '/processes/:id',\n    component: () => import('app/processes/viewer/ProcessViewerContainer'),\n    exact: true,\n  },\n  {\n    path: '/process-boundary/:reportId',\n    component: () => import(/* webpackChunkName: \"applications\" */ 'app/ProcessBoundary'),\n    exact: true,\n  },\n  {\n    path: '/processes/:processId/state_actions/:state',\n    component: () => import('app/processes/StateManager'),\n  },\n  { path: '/process-explorer/:id?', component: () => import('app/process_explorer/ProcessExplorerContainer') },\n  { path: '/sandbox', component: () => import('app/sandbox/Sandbox') },\n  { path: '/screenshot/:eventLogId', component: () => import('app/screenshot/ScreenshotViewer') },\n  {\n    path: '/screenshot-annotator',\n    component: () => <Redirect to='/admin/account' />,\n  },\n  {\n    path: '/instances-viewer/:id?',\n    component: () => import('app/instances_viewer/InstancesViewer'),\n    exact: true,\n  },\n  {\n    path: '/signature-service-jobs',\n    component: () => import('app/signature_service_jobs/SignatureServiceJobList'),\n  },\n  {\n    path: '/review/:observerID?',\n    component: () => import('app/review/Review'),\n    exact: true,\n  },\n  {\n    path: '/review/:observerID/new',\n    component: () => import('app/review/event/Event'),\n    exact: true,\n  },\n  {\n    path: '/review/:observerID/:reviewID/new',\n    component: () => import('app/review/event/Event'),\n    exact: true,\n  },\n  {\n    path: '/review/:observerID/:reviewID/:eventAnnotationID',\n    component: () => import('app/review/event/Event'),\n    exact: true,\n  },\n  {\n    path: '/status',\n    component: () => import('app/status/Status'),\n    exact: true,\n  },\n  {\n    path: '/roles',\n    component: () => import('app/roles/Roles'),\n    exact: true,\n  },\n  {\n    path: '/cycles',\n    component: () => import('app/cycles/'),\n    exact: true,\n  },\n  {\n    path: '/flow-graph',\n    component: () => import('app/dfGraph/DfGraph'),\n    exact: true,\n  },\n  {\n    path: '/flow-graph/:processId',\n    component: () => import('app/dfGraph/DfGraph'),\n    exact: true,\n  },\n]\n\nconst AppRoutes = memo(() => {\n  const { roles: userRoles } = useUserState()\n  const [allowedRoutes, deniedRoutes] = checkAllowedRoutes(routes, userRoles, uiStore.tenant)\n\n  return (\n    <Suspense fallback={<LoadingFallback />}>\n      <Switch>\n        {allowedRoutes.map(({ component, routes: nestedRoutes, switchRoutes, exact, roles, ...rest }, index) => {\n          const Component = lazy(component)\n          const key = `${rest.path.replace('/', '-')}-${index}`\n\n          return <TrackedRoute exact={exact} key={key} render={props => <Component {...props} {...rest} />} {...rest} />\n        })}\n        {deniedRoutes.map(({ component, routes: nestedRoutes, switchRoutes, exact, roles, ...rest }, index) => {\n          const key = `${rest.path.replace('/', '-')}-${index}`\n\n          return <TrackedRoute exact={exact} key={key} render={props => <NoAccess {...props} {...rest} />} {...rest} />\n        })}\n        <TrackedRoute component={NotFound} />\n      </Switch>\n    </Suspense>\n  )\n})\n\nexport default AppRoutes\n","import React, { useState, useEffect } from 'react'\nimport { withRouter } from 'react-router-dom'\nimport { getUserMenu } from 'lib/checkAllowedRoutes'\nimport uiStore from 'lib/UiStore'\n\nimport { useUserState } from 'context/UserContext'\nimport { Sidebar, MenuItem, SubMenu, SubMenuItem } from '../components/SidebarMenu'\n\nconst dashboardIcon = { icon: 'dashboardhomeicon', size: 24, style: { marginTop: 2 } }\nconst limitedUserRoutes = [{ label: 'Dashboard', icon: dashboardIcon, to: '/client-dashboard' }]\n\nconst allRoutes = [\n  {\n    label: 'Dashboard',\n    icon: dashboardIcon,\n    to: '/',\n  },\n  {\n    label: 'Data',\n    icon: { fill: 'transparent', icon: 'databaseicon', size: 24 },\n    subItems: [\n      {\n        label: 'Observers',\n        to: '/observers',\n      },\n      {\n        label: 'Cycles',\n        to: '/cycles',\n      },\n      {\n        label: 'Mining Runs',\n        to: '/mining',\n      },\n      {\n        label: 'Applications',\n        to: '/applications',\n      },\n      {\n        label: 'Web Applications',\n        to: '/web-applications',\n      },\n      {\n        label: 'Review',\n        to: '/review',\n      },\n      {\n        label: 'Signature Jobs',\n        to: '/signature-service-jobs',\n      },\n      {\n        label: 'Status',\n        to: '/status',\n      },\n      {\n        label: 'Events',\n        to: '/events',\n      },\n      {\n        label: 'Event Log Exports',\n        to: '/event-log-exports',\n      },\n      {\n        label: 'Instances Viewer',\n        to: '/instances-viewer',\n      },\n      {\n        label: 'Templates',\n        to: '/templates',\n      },\n    ],\n  },\n  {\n    label: 'Visualizations',\n    icon: { fill: 'transparent', icon: 'visualizationthick', size: 24 },\n    subItems: [\n      {\n        label: 'Flow',\n        to: '/flow-graph',\n      },\n      {\n        label: 'Path',\n        to: '/process-explorer',\n      },\n      {\n        label: 'Butterfly',\n        to: '/visualizations/butterfly',\n      },\n    ],\n  },\n  {\n    label: 'Models',\n    icon: { fill: 'transparent', icon: 'modelsthick', size: 24 },\n    subItems: [\n      {\n        label: 'PDDs',\n        to: '/pdds',\n      },\n      {\n        label: 'Diagram Composer',\n        to: '/diagrams/new',\n      },\n      {\n        label: 'Client Dashboard',\n        to: '/client-dashboard',\n      },\n    ],\n  },\n  {\n    label: 'Processes',\n    icon: { fill: 'transparent', icon: 'processesthick', size: 24 },\n    to: '/processes',\n  },\n]\n\nconst AppSidebar = ({ location: { pathname } }) => {\n  const { roles } = useUserState()\n  const limitedUser = roles.includes('limited')\n  const [collapsedSidebar, setCollapsedSidebar] = useState(true)\n  const [activeSubMenu, setActiveSubMenu] = useState()\n  const [activeMenuItem, setActiveMenuItem] = useState()\n  const [routes, setRoutes] = useState()\n\n  useEffect(() => {\n    setRoutes(limitedUser ? limitedUserRoutes : getUserMenu(allRoutes, roles, uiStore.tenant))\n  }, [limitedUser, roles])\n\n  useEffect(() => {\n    if (routes) {\n      const handleIsItemActive = itemPath => {\n        if (itemPath === '/') {\n          if (pathname === '/') {\n            return true\n          }\n          return false\n        } else {\n          const regex = new RegExp(`^${itemPath}`, 'i')\n          const isActive = regex.test(pathname)\n          return isActive\n        }\n      }\n      let isAnyActive = false\n      for (let i = 0; i < routes.length; i += 1) {\n        const item = routes[i]\n        if (item.subItems) {\n          for (let j = 0; j < item.subItems.length; j += 1) {\n            const subItem = item.subItems[j]\n            if (subItem && handleIsItemActive(subItem.to, item.label)) {\n              setActiveSubMenu(item.label)\n              setActiveMenuItem(subItem.to)\n              isAnyActive = true\n              break\n            }\n          }\n        } else if (handleIsItemActive(item.to)) {\n          setActiveSubMenu()\n          setActiveMenuItem(item.to)\n          isAnyActive = true\n          break\n        }\n      }\n      if (!isAnyActive) {\n        setActiveSubMenu()\n        setActiveMenuItem()\n      }\n    }\n  }, [pathname, routes])\n\n  return (\n    <Sidebar collapsedSidebar={collapsedSidebar} setCollapsedSidebar={setCollapsedSidebar}>\n      {routes &&\n        routes.length !== 0 &&\n        routes.map(item => {\n          if (item.subItems) {\n            return (\n              <SubMenu\n                collapsedSidebar={collapsedSidebar}\n                key={`nav-${item.label}`}\n                isActive={activeSubMenu === item.label}\n                item={item}\n              >\n                {item.subItems.map(subItem => {\n                  return (\n                    <SubMenuItem\n                      collapsedSidebar={collapsedSidebar}\n                      key={`nav-${subItem.to}`}\n                      isActive={activeMenuItem === subItem.to}\n                      item={subItem}\n                    />\n                  )\n                })}\n              </SubMenu>\n            )\n          }\n          return (\n            <MenuItem\n              collapsedSidebar={collapsedSidebar}\n              key={`nav-${item.label}`}\n              isActive={activeMenuItem === item.to}\n              item={item}\n            />\n          )\n        })}\n    </Sidebar>\n  )\n}\n\nexport default withRouter(AppSidebar)\n","export const sideBarWidth = '48px'\n\nexport const appGridCSS = ({ theme }) => ({\n  background: theme.white,\n  display: 'flex',\n  height: '100vh',\n  marginLeft: sideBarWidth,\n  width: `calc(100vw - ${sideBarWidth})`,\n})\n\nexport const rightColCSS = {\n  display: 'flex',\n  flex: '1',\n  flexDirection: 'column',\n  height: '100%',\n  overflow: 'hidden',\n  position: 'relative',\n}\n\nexport const appContentCSS = {\n  flex: 1,\n  overflow: 'auto',\n}\n","import React, { useState, useEffect } from 'react'\nimport { Button, Checkbox, FullscreenPage, HiddenInput, ThemeProvider, theme } from '@fortressiq/fiq-ds'\n\nimport Markdown from 'react-markdown'\nimport { caaMarkdown } from './caaMarkdown'\n\nconst CaaAgreement = props => {\n  const [tokens, setTokens] = useState({})\n  const [{ scrollTop, offsetHeight, scrollHeight }, setScrollData] = useState({\n    scrollTop: 0,\n    offsetHeight: 0,\n    scrollHeight: 1,\n  })\n  const [checked, setChecked] = useState(false)\n\n  useEffect(() => {\n    const authTokenElement = document.getElementById('fiq:authenticity_token')\n    const authInfo = JSON.parse(authTokenElement.content)\n\n    setTokens(authInfo)\n  }, [])\n\n  const getScrollPosition = e => {\n    setScrollData({\n      scrollTop: e.target.scrollTop,\n      offsetHeight: e.target.offsetHeight,\n      scrollHeight: e.target.scrollHeight,\n    })\n  }\n\n  const handleHaveRead = e => {\n    setChecked(e)\n  }\n\n  const isScrolledBottom = scrollTop + offsetHeight >= scrollHeight\n  const acceptIsEnabled = isScrolledBottom && checked\n\n  const pageContent = [\n    <div key='caa-page'>\n      <p>\n        To continue your first time login, scroll through the agreement completely to enable the checkbox and agree to\n        our terms and conditions. You can bookmark the{' '}\n        <a\n          href='https://www.automationanywhere.com/legal/cloud-automation-agreement'\n          target='_blank'\n          rel='noopener noreferrer'\n        >\n          Cloud Automation Agreement\n        </a>{' '}\n        for your records.\n      </p>\n      <div\n        style={{\n          overflowY: 'scroll',\n          padding: theme['default-spacer-md'],\n          background: theme.white,\n          border: `1px solid ${theme['border-color-base']}`,\n          borderRadius: theme['default-spacer-xs'],\n          maxHeight: '40vh',\n          marginBottom: theme['default-spacer-md'],\n        }}\n        onScroll={getScrollPosition}\n      >\n        <Markdown>{caaMarkdown}</Markdown>\n      </div>\n    </div>,\n    <Checkbox key='caa_checkbox' onCheck={handleHaveRead} disabled={!isScrolledBottom}>\n      I have read the Terms and Conditions of the Cloud Automation Agreement and I accept them.\n    </Checkbox>,\n    <div\n      key='caa_submit'\n      style={{ width: '100%', display: 'flex', justifyContent: 'center', marginTop: theme['default-spacer-sm'] }}\n    >\n      <Button disabled={!acceptIsEnabled} htmlType='submit' key='submitCaa' type='default'>\n        Accept and Log In\n      </Button>\n    </div>,\n  ]\n\n  const formSettings = {\n    acceptCharset: 'UTF-8',\n    action: '/tenant_caa_agreements',\n    hiddenFields: (\n      <HiddenInput\n        fields={[\n          { name: 'uft8', value: '✓' },\n          { name: tokens.name, value: tokens.token },\n        ]}\n      />\n    ),\n    method: 'post',\n  }\n\n  return (\n    <FullscreenPage content={pageContent} contentWidth='700px' form={formSettings} title='Cloud Automation Agreement' />\n  )\n}\n\nconst CAA = props => {\n  return (\n    <ThemeProvider theme={theme}>\n      <CaaAgreement {...props} />\n    </ThemeProvider>\n  )\n}\n\nexport default CAA\n","import React, { useState, Fragment } from 'react'\nimport { Overlay, Typography, theme } from '@fortressiq/fiq-ds'\n\nimport { useHistory } from 'react-router-dom'\nimport AdvancedForm from '../mining/form/AdvancedForm'\n\nconst { Title } = Typography\n\nconst FormOverlay = ({ startStopRankings, miningParams, filterRules }) => {\n  const [showing, setShowing] = useState(false)\n  const history = useHistory()\n\n  const startSignatures = startStopRankings\n    .filter(item => item.user_selected && item.type === 'start')\n    .map(item => ({ primary: item.screen_signature, secondary_signature_level: 'none' }))\n  const endSignatures = startStopRankings\n    .filter(item => item.user_selected && item.type === 'end')\n    .map(item => ({ primary: item.screen_signature, secondary_signature_level: 'none' }))\n  const clonedMiningRun = {\n    miningType: 'default',\n    fromReport: true,\n    miningParams: {\n      ...miningParams,\n      signature_level: 'screen_signature',\n      end_signatures: { signatures: endSignatures },\n      start_signatures: { signatures: startSignatures },\n    },\n    filterRules,\n  }\n\n  const placement = {\n    overflow: { adjustX: true, adjustY: true },\n    points: ['br', 'tr'],\n    targetOffset: [0, 4],\n    useCssTransform: false,\n  }\n\n  const trigger = {\n    showing,\n    setShowing,\n    text: 'Populate Mining Run',\n    type: 'secondary',\n  }\n\n  const heights = {\n    min: 'auto',\n  }\n\n  return (\n    <Overlay\n      config={{ disableOutsideClick: true }}\n      closeIcon={false}\n      basic={false}\n      content={\n        <Fragment>\n          <Title\n            style={{\n              padding: `0 ${theme['default-spacer-md']} ${theme['default-spacer-sm']}`,\n              marginBottom: theme['default-spacer-sm'],\n              borderBottom: `1px solid ${theme['table-border-color']}`,\n            }}\n            level={5}\n            noMargin={true}\n          >\n            Create a Mining Run\n          </Title>\n          <AdvancedForm\n            fetchData={() => history.push('/mining')}\n            setShowing={setShowing}\n            defaultValues={clonedMiningRun}\n            fromReport={true}\n          />\n        </Fragment>\n      }\n      draggable={true}\n      heights={heights}\n      id='mining-modal'\n      placement={placement}\n      trigger={trigger}\n      noPadding={true}\n      zIndex={1040}\n    />\n  )\n}\n\nexport default FormOverlay\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { LazyImage, Empty, Icon, Spin, theme, useFela } from '@fortressiq/fiq-ds'\nimport { emptyWrapperCSS, loadingWrapperCSS, galleryWrapperCSS, galleryImageCSS } from './styles/index.js'\n\nconst Gallery = ({ currentImages, isLoadingImages }) => {\n  const { css } = useFela()\n  if (isLoadingImages) {\n    return <Spin containerStyle={loadingWrapperCSS}>Loading images...</Spin>\n  }\n\n  if (currentImages?.length > 0) {\n    return (\n      <div className={css(galleryWrapperCSS)}>\n        {currentImages.map((screenshot, i) => (\n          <div className={css(galleryImageCSS)} key={`screenshot-${i}`}>\n            <LazyImage bordered={true} height={400} fluid={true} src={screenshot} threshold={400} width={800} />\n          </div>\n        ))}\n      </div>\n    )\n  }\n\n  return (\n    <Empty\n      className={css(emptyWrapperCSS)}\n      customImage={<Icon fill={theme['warning-color']} icon='alerttriangle' size={66} />}\n      description='No screenshots found'\n    />\n  )\n}\n\nGallery.propTypes = {\n  currentImages: PropTypes.arrayOf(PropTypes.string).isRequired,\n  isLoadingImages: PropTypes.bool.isRequired,\n}\n\nexport default Gallery\n","import React, { useMemo, useCallback, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { Checkbox, Table, useFela, theme, Icon, AdvancedCell } from '@fortressiq/fiq-ds'\n\nimport { sidebarCSS, sidebarToggleCSS } from './styles'\n\nconst Sidebar = ({ changeStep, step, toggleSignature, startStopRankings }) => {\n  const [isSidebarOpen, setIsSidebarOpen] = useState(false)\n\n  const { css } = useFela({ isSidebarOpen })\n\n  const data = startStopRankings.map((ranking, i) => ({ index: i, ...ranking }))\n\n  const columns = [\n    {\n      accessor: 'rank',\n      align: 'center',\n      Header: 'Rank',\n      width: 20,\n    },\n    {\n      accessor: 'screen_signature',\n      Header: 'Signature',\n      Cell: ({ value }) => <AdvancedCell>{value}</AdvancedCell>,\n    },\n    {\n      accessor: 'type',\n      align: 'center',\n      Header: 'Type',\n      width: 20,\n    },\n    {\n      accessor: 'user_selected',\n      align: 'center',\n      Cell: ({\n        value,\n        row: {\n          original: { index },\n        },\n      }) => (\n        <Checkbox checked={value} id={`${index}-checkbox`} onCheck={() => toggleSignature(index + 1)} size='small' />\n      ),\n      Header: 'Selected',\n      width: 50,\n    },\n  ]\n\n  const onRowClickHandler = useCallback(\n    ({ index }) => {\n      changeStep(index + 1)\n    },\n    [changeStep]\n  )\n\n  const rowSelection = useMemo(\n    () => ({\n      selectedRows: [step - 1],\n      selectedRowKey: 'index',\n    }),\n    [step]\n  )\n\n  const containerConfig = {\n    as: 'div',\n    style: {\n      borderRight: `1px solid ${theme['antd-card-border']}`,\n      height: '100%',\n      minWidth: '520px',\n      overflow: 'auto',\n      '> div .fiqds-table-thead': {\n        background: theme.white,\n        position: 'sticky',\n        top: 0,\n        zIndex: theme['z-base-above'],\n      },\n    },\n  }\n\n  const tableStyles = {\n    table: { tr: { cursor: 'pointer', userSelect: 'none' } },\n  }\n\n  return (\n    <div className={css(sidebarCSS)}>\n      {isSidebarOpen && (\n        <Table\n          columns={columns}\n          container={containerConfig}\n          data={data}\n          disablePagination={true}\n          disableSortBy={true}\n          id='process-boundary-signature-table'\n          onRowClick={onRowClickHandler}\n          rowSelection={rowSelection}\n          styles={tableStyles}\n        />\n      )}\n      <div className={css(sidebarToggleCSS)} onClick={() => setIsSidebarOpen(!isSidebarOpen)}>\n        <Icon icon={`arrow${isSidebarOpen ? 'left' : 'right'}`} size={20} />\n      </div>\n    </div>\n  )\n}\n\nSidebar.propTypes = {\n  changeStep: PropTypes.func.isRequired,\n  step: PropTypes.number.isRequired,\n  toggleSignature: PropTypes.func.isRequired,\n  startStopRankings: PropTypes.arrayOf(\n    PropTypes.shape({\n      rank: PropTypes.number,\n      screen_signature: PropTypes.string,\n      type: PropTypes.oneOf(['start', 'end']),\n      user_selected: PropTypes.bool,\n    })\n  ).isRequired,\n}\n\nexport default Sidebar\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Button, Group, useFela, Select, Typography, Checkbox, theme } from '@fortressiq/fiq-ds'\nimport { toolbarCSS, detailsListCSS } from './styles/index.js'\n\nimport FormOverlay from './FormOverlay'\n\nconst { Text } = Typography\n\nconst Toolbar = ({\n  canNextPage,\n  canPreviousPage,\n  changeStep,\n  currentSignature: { rank, screen_signature: screenSignature, user_selected: userSelected, type },\n  step,\n  stepLength,\n  toggleSignature,\n  startStopRankings,\n  miningParams,\n  filterRules,\n}) => {\n  const { css } = useFela()\n\n  const selectOptions = Array.from({ length: stepLength }, (v, i) => i + 1).map(num => ({ label: num, value: num }))\n\n  return (\n    <div className={css(toolbarCSS)}>\n      <ul className={css(detailsListCSS)}>\n        <Text as='li' ellipsis={true}>\n          Signature: {screenSignature}\n        </Text>\n        <li>Type: {type}</li>\n        <li>Rank: {rank}</li>\n      </ul>\n      <Group\n        style={{\n          alignItems: 'center',\n          flexShrink: 0,\n        }}\n        noEndGutter={true}\n      >\n        <Group>\n          <span>Signature</span>\n          <Select\n            options={selectOptions}\n            onChange={({ value }) => changeStep(Number(value))}\n            size='small'\n            value={selectOptions.find(option => option.value === step)}\n          />\n          <span>of {stepLength}</span>\n        </Group>\n        <Button size='small' onClick={() => changeStep(step - 1)} disabled={canPreviousPage}>\n          {'<'}\n        </Button>\n        <Button size='small' onClick={() => changeStep(step + 1)} disabled={canNextPage}>\n          {'>'}\n        </Button>\n        <Checkbox\n          style={{ marginLeft: theme['default-spacer-sm'] }}\n          checked={userSelected}\n          onCheck={() => toggleSignature(step)}\n        >\n          Use {type} signature\n        </Checkbox>\n        <FormOverlay startStopRankings={startStopRankings} miningParams={miningParams} filterRules={filterRules} />\n      </Group>\n    </div>\n  )\n}\n\nToolbar.propTypes = {\n  canNextPage: PropTypes.bool.isRequired,\n  canPreviousPage: PropTypes.bool.isRequired,\n  changeStep: PropTypes.func.isRequired,\n  currentSignature: PropTypes.shape({\n    screen_signature: PropTypes.string,\n    type: PropTypes.oneOf(['start', 'end']),\n    rank: PropTypes.number,\n    user_selected: PropTypes.bool,\n  }).isRequired,\n  filterRules: PropTypes.shape().isRequired,\n  miningParams: PropTypes.shape().isRequired,\n  startStopRankings: PropTypes.arrayOf(\n    PropTypes.shape({\n      rank: PropTypes.number,\n      screen_signature: PropTypes.string,\n      type: PropTypes.oneOf(['start', 'end']),\n      user_selected: PropTypes.bool,\n    })\n  ).isRequired,\n  step: PropTypes.number.isRequired,\n  stepLength: PropTypes.number.isRequired,\n  toggleSignature: PropTypes.func.isRequired,\n}\n\nexport default Toolbar\n","import React, { useEffect, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { useFela } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\n\nimport { useHeaderDispatch } from 'app/header/HeaderContext'\nimport Loader from 'components/loaders/MainLoader'\n\nimport Gallery from './Gallery'\nimport Sidebar from './Sidebar'\nimport Toolbar from './Toolbar'\n\nimport { wrapperCSS, innerWrapperCSS } from './styles'\n\nconst pageTitle = 'Process Boundary Detection'\n\nconst ProcessBoundary = ({\n  match: {\n    params: { reportId },\n  },\n}) => {\n  const headerDispatch = useHeaderDispatch()\n  const [data, setData] = useState([])\n  const [imagesHash, setImagesHash] = useState({})\n  const [stepLength, setStepLength] = useState(0)\n  const [isLoadingSignatures, setIsLoadingSignatures] = useState(true)\n  const [isLoadingImages, setIsLoadingImages] = useState(true)\n  const [currentSignature, setCurrentSignature] = useState()\n  const [step, setStep] = useState(1)\n  const { css } = useFela()\n\n  const toggleSignature = async selectedStep => {\n    // make a copy of the signatures\n    const items = [...data.start_stop_rankings]\n    // get current signature from the array based on current step\n    const item = items[selectedStep - 1]\n    // toggle current signature selected state\n    item.user_selected = !item.user_selected\n    // Replace current signature with the updated signature\n    items[selectedStep - 1] = item\n    // Update local state\n    setData(prevState => ({ ...prevState, start_stop_rankings: items }))\n    // make an array of user selected signatures\n    const newScreenSignatures = items\n      .filter(sig => !!sig.user_selected)\n      .map(sig => ({ screen_signature: sig.screen_signature, type: sig.type }))\n    await api.put(`/process-boundary/select-signatures/${reportId}`, {\n      screen_signatures: newScreenSignatures,\n    })\n  }\n\n  useEffect(() => {\n    const fetchImages = async () => {\n      setIsLoadingImages(true)\n      const { data: newImages } = await api.get('/process-boundary/screenshots', {\n        type: currentSignature.type,\n        report_mining_run_id: reportId,\n        screen_signature: currentSignature.screen_signature,\n      })\n      setImagesHash(prevState => ({ ...prevState, [currentSignature.screen_signature]: newImages }))\n      setIsLoadingImages(false)\n    }\n    // fetch new images based on current signature\n    // don't refetch if images is already in imagesHash state\n    if (currentSignature && !(currentSignature.screen_signature in imagesHash)) {\n      fetchImages()\n    }\n  }, [currentSignature, imagesHash, reportId])\n\n  useEffect(() => {\n    const fetchProcessBoundary = async () => {\n      const { data: newData } = await api.get(`/process-boundary/show/${reportId}`)\n      setCurrentSignature(newData?.start_stop_rankings?.[0])\n      setData(newData)\n      setStepLength(newData.start_stop_rankings.length)\n      setIsLoadingSignatures(false)\n    }\n    fetchProcessBoundary()\n    headerDispatch({\n      type: 'set',\n      heading: pageTitle,\n      title: pageTitle,\n    })\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch, reportId])\n\n  const changeStep = nextStep => {\n    setStep(nextStep)\n    setCurrentSignature(data?.start_stop_rankings?.[nextStep - 1])\n  }\n\n  const canPreviousPage = step <= 1\n  const canNextPage = step >= stepLength\n  const currentImages = imagesHash[currentSignature?.screen_signature] || []\n\n  if (isLoadingSignatures) {\n    return <Loader />\n  }\n\n  return (\n    <div className={css(wrapperCSS)}>\n      <Toolbar\n        canNextPage={canNextPage}\n        canPreviousPage={canPreviousPage}\n        changeStep={changeStep}\n        currentSignature={currentSignature}\n        isLoadingSignatures={isLoadingSignatures}\n        step={step}\n        stepLength={stepLength}\n        toggleSignature={toggleSignature}\n        startStopRankings={data.start_stop_rankings}\n        miningParams={data.report_mining_run.mining_params}\n        filterRules={data.report_mining_run.filter_rules}\n      />\n      <div className={css(innerWrapperCSS)}>\n        <Sidebar\n          canNextPage={canNextPage}\n          canPreviousPage={canPreviousPage}\n          changeStep={changeStep}\n          currentSignature={currentSignature}\n          isLoadingSignatures={isLoadingSignatures}\n          step={step}\n          stepLength={stepLength}\n          toggleSignature={toggleSignature}\n          startStopRankings={data.start_stop_rankings}\n          miningParams={data.report_mining_run.mining_params}\n          filterRules={data.report_mining_run.filter_rules}\n        />\n        <Gallery currentImages={currentImages} isLoadingImages={isLoadingImages} />\n      </div>\n    </div>\n  )\n}\n\nProcessBoundary.propTypes = {\n  match: PropTypes.shape({\n    params: PropTypes.shape({\n      reportId: PropTypes.string.isRequired,\n    }).isRequired,\n  }).isRequired,\n}\n\nexport default ProcessBoundary\n","import React from 'react'\nimport shortid from 'shortid'\nimport { Button } from '@fortressiq/fiq-ds'\n\nimport Flash from 'components/flash/Flash'\n\nconst processBoundaryToast = ({ runId }) => {\n  const id = shortid.generate()\n\n  if (status === 'done') {\n    Flash.success(\n      {\n        message: 'Start/Stop suggestions generated',\n        cta: (\n          <Button type='default' href={`/process-boundary/${runId}`} size='small'>\n            View Suggestions\n          </Button>\n        ),\n      },\n      { duration: 0, key: id }\n    )\n  }\n}\n\nexport default processBoundaryToast\n","export const toolbarCSS = ({ theme }) => ({\n  alignItems: 'center',\n  background: theme.white,\n  borderBottom: `1px solid ${theme['table-border-color']}`,\n  display: 'flex',\n  justifyContent: 'space-between',\n  padding: `${theme['default-spacer-sm']} ${theme['default-spacer-md']}`,\n  position: 'sticky',\n  top: 0,\n  width: '100%',\n  zIndex: theme['z-base-above'],\n})\n\nexport const detailsListCSS = () => ({\n  listStyle: 'none',\n  margin: 0,\n  padding: 0,\n  overflow: 'hidden',\n})\n\nexport const emptyWrapperCSS = ({ theme }) => ({\n  paddingTop: theme['default-spacer-md'],\n  width: '100%',\n})\n\nexport const loadingWrapperCSS = ({ theme }) => ({\n  paddingTop: theme['default-spacer-lg'],\n  width: '100%',\n  display: 'flex',\n  justifyContent: 'center',\n})\n\nexport const wrapperCSS = () => ({\n  display: 'flex',\n  flexFlow: 'column',\n  height: '100%',\n})\n\nexport const innerWrapperCSS = () => ({\n  flex: 1,\n  display: 'flex',\n  overflow: 'hidden',\n})\n\nexport const sidebarCSS = ({ theme, isSidebarOpen }) => ({\n  background: theme.white,\n  borderRight: isSidebarOpen ? `1px solid ${theme['table-border-color']}` : 'none',\n  height: '100%',\n  position: 'relative',\n  width: isSidebarOpen ? '520px' : '0px',\n})\n\nexport const galleryWrapperCSS = ({ theme }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  height: '100%',\n  overflow: 'auto',\n  padding: theme['default-spacer-sm'],\n  width: '100%',\n})\n\nexport const galleryImageCSS = ({ theme }) => ({\n  justifyContent: 'center',\n  margin: theme['default-spacer-sm'],\n  width: `calc(50% - ${theme['default-spacer-md']})`,\n})\n\nexport const sidebarToggleCSS = ({ theme }) => ({\n  alignItems: 'center',\n  background: theme.white,\n  borderBottom: `1px solid ${theme['table-border-color']}`,\n  borderBottomRightRadius: theme['border-radius-base'],\n  borderRight: `1px solid ${theme['table-border-color']}`,\n  cursor: 'pointer',\n  display: 'flex',\n  justifycontent: 'center',\n  padding: theme['default-spacer-sm'],\n  position: 'absolute',\n  right: '-38px',\n  top: 0,\n  zIndex: theme['z-base-above'],\n})\n","import React from 'react'\nimport { Route, Switch } from 'react-router-dom'\n\nimport Can from 'components/can/Can'\n\nimport TankMonitor from './tank/TankMonitor'\nimport TenantCreator from './tenants/TenantCreator'\nimport TenantEditor from './tenants/TenantEditor'\nimport TenantList from './tenants/TenantList'\nimport UserList from './users'\nimport DomainList from './domainList'\nimport ApplicationList from './applicationList'\nimport Integrations from './integrations/Integrations'\n\n// @todo: move routes to a single config\nexport const adminRoutes = [\n  {\n    path: '/admin/sidekiq',\n    component: () => {\n      window.location.assign('/admin/sidekiq')\n      return null\n    },\n  },\n  { path: '/admin/tank', component: TankMonitor },\n  { path: '/admin/tenants', component: TenantList },\n  { path: '/admin/tenants/new', component: TenantCreator },\n  { path: '/admin/users', component: UserList },\n  { path: '/admin/application-list', component: ApplicationList },\n  { path: '/admin/domain-list', component: DomainList },\n  { path: '/admin/integrations', component: Integrations },\n  { path: '/admin/tenants/:id/:page?', component: TenantEditor },\n  { path: '/admin/:page?', component: TenantEditor },\n]\n\nconst Admin = () => (\n  <Switch>\n    {adminRoutes.map(({ component, roles, ...routeProps }) => {\n      const Component = component\n\n      return (\n        <Route {...routeProps} key={routeProps.path} exact={true}>\n          <Can route={routeProps.path}>\n            <Component />\n          </Can>\n        </Route>\n      )\n    })}\n  </Switch>\n)\n\nexport default Admin\n","import React, { useEffect, useState } from 'react'\nimport { DateCell, Button, useModal, theme } from '@fortressiq/fiq-ds'\n\nimport TrinityTable, { columnWidths } from 'components/TrinityTable'\n\nimport { useHeaderDispatch } from 'app/header/HeaderContext'\n\nimport { useFetch } from 'lib/hooks'\n\nimport ActionsMenu from './subComponents/ActionsMenu'\nimport ApplicationListForm from './subComponents/ApplicationListForm'\n\nconst sortKeyMap = {\n  accessType: 'access_type',\n  createdAt: 'created_at',\n}\n\nconst createModalId = 'create-application-list-form'\n\nconst modalConfig = {\n  footer: false,\n  style: { height: 'auto', width: '500px' },\n  config: { interactWithKeyboard: false, destroyOnClose: true },\n  headerStyle: { background: theme.white },\n}\n\nconst ApplicationList = () => {\n  const [reFetch, setReFetch] = useState(0)\n  const { addModal, removeModal } = useModal()\n\n  const { data: applicationsOptions } = useFetch('/applications/filters', {\n    field: 'win_process_name',\n    app_type: 'windows',\n  })\n\n  const handleReFetch = () => {\n    setReFetch(reFetch + 1)\n  }\n  const headerDispatch = useHeaderDispatch()\n\n  const columns = [\n    {\n      Header: 'Name',\n      accessor: 'name',\n    },\n    {\n      align: 'center',\n      Header: 'Type',\n      accessor: 'accessType',\n      width: 50,\n    },\n    {\n      align: 'right',\n      Header: 'Created By',\n      accessor: 'createdBy',\n      disableSortBy: true,\n      width: 150,\n      Cell: ({ value: { firstName, lastName } }) => `${firstName} ${lastName}`,\n    },\n    {\n      align: 'right',\n      Header: 'Created At',\n      accessor: 'createdAt',\n      width: columnWidths.date,\n      maxWidth: columnWidths.date,\n      Cell: ({ value }) => <DateCell timestamp={value} />,\n    },\n    {\n      Header: 'Actions',\n      accessor: 'actions',\n      align: 'center',\n      disableSortBy: true,\n      width: 30,\n      maxWidth: columnWidths.actionMenu,\n      Cell: ({ row: { original } }) => (\n        <ActionsMenu\n          handleReFetch={handleReFetch}\n          applicationList={original}\n          modalConfig={modalConfig}\n          isInUse={original.observers?.length !== 0}\n          applicationsOptions={applicationsOptions}\n        />\n      ),\n    },\n  ]\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      title: 'Manage Application List',\n      heading: 'Manage Application List',\n    })\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch])\n\n  return (\n    <TrinityTable\n      toolbarActions={[\n        <Button\n          type='secondary'\n          key={createModalId}\n          onClick={() =>\n            addModal({\n              children: (\n                <ApplicationListForm\n                  handleReFetch={handleReFetch}\n                  removeModal={() => removeModal(createModalId)}\n                  applicationsOptions={applicationsOptions}\n                />\n              ),\n              header: 'Create List',\n              id: createModalId,\n              ...modalConfig,\n            })\n          }\n        >\n          Create List\n        </Button>,\n      ]}\n      reFetch={reFetch}\n      sortKeyMap={sortKeyMap}\n      params={{ category_type: 'application' }}\n      tableId='application-table'\n      columns={columns}\n      url='/allow_block_lists'\n      dataKey='allowBlockList'\n    />\n  )\n}\n\nexport default ApplicationList\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Menu, MenuItem, Popconfirm, useModal } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\n\nimport ActionMenu from 'components/TrinityTable/ActionMenu/ActionMenu'\n\nimport ApplicationListForm from './ApplicationListForm'\n\nconst ActionsMenu = ({ applicationList, handleReFetch, modalConfig, isInUse, applicationsOptions }) => {\n  const { addModal, removeModal } = useModal()\n\n  const handleDelete = async () => {\n    await api.delete(`/allow_block_lists/${applicationList.id}`)\n    handleReFetch()\n  }\n\n  const cloneModalId = 'clone-application-list-form'\n  const editModalId = 'edit-application-list-form'\n\n  const menu = (\n    <Menu bordered={false} dark={true}>\n      <MenuItem\n        key='edit-menu-item'\n        onClick={() =>\n          addModal({\n            children: (\n              <ApplicationListForm\n                handleReFetch={handleReFetch}\n                removeModal={() => removeModal(editModalId)}\n                editValues={applicationList}\n                editId={applicationList.id}\n                isInUse={isInUse}\n                applicationsOptions={applicationsOptions}\n              />\n            ),\n            header: 'Edit list',\n            id: editModalId,\n            ...modalConfig,\n          })\n        }\n      >\n        Edit\n      </MenuItem>\n      <MenuItem\n        key='clone-menu-item'\n        onClick={() =>\n          addModal({\n            children: (\n              <ApplicationListForm\n                handleReFetch={handleReFetch}\n                removeModal={() => removeModal(cloneModalId)}\n                editValues={applicationList}\n                applicationsOptions={applicationsOptions}\n              />\n            ),\n            header: 'Create list',\n            id: cloneModalId,\n            ...modalConfig,\n          })\n        }\n      >\n        Clone\n      </MenuItem>\n      {!isInUse && (\n        <MenuItem key='delete-menu-item'>\n          <div onClick={e => e.stopPropagation()}>\n            <Popconfirm\n              cancelText='No'\n              okText='Yes'\n              onConfirm={() => {\n                handleDelete()\n              }}\n              placement='left-center'\n              title='Are you sure you want to delete this list?'\n            >\n              Delete\n            </Popconfirm>\n          </div>\n        </MenuItem>\n      )}\n    </Menu>\n  )\n  return <ActionMenu menu={menu} />\n}\n\nActionsMenu.defaultProps = {\n  applicationsOptions: undefined,\n}\n\nActionsMenu.propTypes = {\n  applicationsOptions: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.number,\n    })\n  ),\n  applicationList: PropTypes.shape({\n    list: PropTypes.arrayOf(PropTypes.string),\n    name: PropTypes.string,\n    accessType: PropTypes.string,\n  }).isRequired,\n  handleReFetch: PropTypes.func.isRequired,\n  isInUse: PropTypes.bool.isRequired,\n}\n\nexport default ActionsMenu\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Button, Input, Group, useForm, useFela } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\n\nimport ControlledSelect from 'components/form/ControlledSelect'\nimport FieldWrapper from 'components/form/FieldWrapper'\n\nimport ControlledApplicationInput from './ControlledApplicationInput'\n\nimport { modalWrapperCSS, scrollWrapperCSS, formFooterCSS } from '../../domainList/subComponents/styles'\n\nconst accessTypeOptions = [\n  { label: 'Allow', value: 'allow' },\n  { label: 'Block', value: 'block' },\n]\n\nconst generateDefaultValues = editValues => {\n  const { accessType, list, name } = editValues\n  return {\n    accessType: accessTypeOptions.filter(option => option.value === accessType)[0],\n    applications: list,\n    name: name,\n  }\n}\n\nconst ApplicationListForm = ({ editId, editValues, handleReFetch, removeModal, isInUse, applicationsOptions }) => {\n  const isEditing = !!editId\n\n  const { css } = useFela()\n\n  const { register, clearErrors, setError, handleSubmit, control, formState } = useForm({\n    mode: 'all',\n    reValidateMode: 'onChange',\n    defaultValues: editValues ? { ...generateDefaultValues(editValues) } : { applications: [] },\n  })\n\n  const onSubmitHandler = async formValues => {\n    const params = {\n      list: formValues.applications,\n      name: formValues.name,\n      accessType: formValues.accessType.value,\n      categoryType: 'application',\n    }\n\n    // If editId exist, we are in edit mode and use api.put instead of post\n    try {\n      const data = isEditing ? api.put(`/allow_block_lists/${editId}`, params) : api.post('/allow_block_lists', params)\n      await data\n      handleReFetch()\n      removeModal()\n    } catch (err) {\n      if (err.response.data.errors.includes('Name already exists for this tenant')) {\n        setError('name', {\n          type: 'manual',\n          message: `Name \"${formValues.name}\" already exist`,\n        })\n      }\n    }\n  }\n\n  return (\n    <div className={css(modalWrapperCSS)}>\n      <form onSubmit={handleSubmit(onSubmitHandler)}>\n        <div className={css(scrollWrapperCSS)}>\n          <FieldWrapper htmlFor='name' label='Name' error={formState.errors.name}>\n            <Input {...register('name', { required: 'This is required.' })} />\n          </FieldWrapper>\n          <FieldWrapper htmlFor='accessType' label='Type' error={formState.errors.accessType}>\n            <ControlledSelect\n              control={control}\n              isDisabled={isInUse || isEditing}\n              isMulti={false}\n              name='accessType'\n              options={accessTypeOptions}\n              portal={true}\n              rules={{ required: 'This field is required' }}\n            />\n          </FieldWrapper>\n\n          <ControlledApplicationInput\n            applicationsOptions={applicationsOptions}\n            clearErrors={clearErrors}\n            control={control}\n            error={formState.errors.applications}\n            name='applications'\n            placeholder='Applications to be added to Applications List.'\n          />\n        </div>\n        <Group noEndGutter={true} justify='flex-end' className={css(formFooterCSS)}>\n          <Button\n            onClick={e => {\n              e.preventDefault()\n              removeModal()\n            }}\n          >\n            Cancel\n          </Button>\n          <Button type='primary'>{isEditing ? 'Update List' : 'Create List'}</Button>\n        </Group>\n      </form>\n    </div>\n  )\n}\n\nApplicationListForm.defaultProps = {\n  editValues: undefined,\n  editId: undefined,\n  isInUse: false,\n}\n\nApplicationListForm.propTypes = {\n  editId: PropTypes.number,\n  editValues: PropTypes.shape({\n    list: PropTypes.arrayOf(PropTypes.string),\n    name: PropTypes.string,\n    accessType: PropTypes.string,\n  }),\n  handleReFetch: PropTypes.func.isRequired,\n  removeModal: PropTypes.func.isRequired,\n  isInUse: PropTypes.bool,\n}\n\nexport default ApplicationListForm\n","import React, { useState, Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport { Select, useController, Button, Table, useFela, theme } from '@fortressiq/fiq-ds'\nimport FieldWrapper from 'components/form/FieldWrapper'\n\nimport {\n  applicationSelectWrapperCSS,\n  applicationSelectCSS,\n  tableWrapperCSS,\n} from '../../domainList/subComponents/styles'\n\nconst tableContainerCSS = { maxHeight: '40vh', display: 'flex' }\nconst tableWrapperInnerCSS = { flex: 1, overflow: 'auto' }\n\nconst ControlledApplicationInput = ({ control, name, error, clearErrors, applicationsOptions }) => {\n  const [localValue, setLocalValue] = useState()\n\n  const {\n    field: { value, onChange, ref },\n  } = useController({\n    name,\n    control,\n    rules: { validate: v => v?.length || 'Add at least one application' },\n  })\n\n  const { css } = useFela()\n\n  const onRemoveApplication = application => {\n    const updatedApplication = value.filter(oldApplication => oldApplication !== application)\n    onChange(updatedApplication)\n  }\n\n  const onSubmit = e => {\n    e.preventDefault()\n    e.stopPropagation()\n    onChange([...value, ...localValue.map(({ label }) => label)])\n    // clear values after submit\n    setLocalValue(null)\n  }\n\n  const onSelectChange = e => {\n    setLocalValue(e)\n    if (error) {\n      clearErrors('applications')\n    }\n  }\n\n  return (\n    <Fragment>\n      <FieldWrapper htmlFor='application' label='Application' error={error}>\n        <div className={css(applicationSelectWrapperCSS)}>\n          <Select\n            className={css(applicationSelectCSS)}\n            creatable={true}\n            isMulti={true}\n            menuPortalTarget={document.body}\n            menuShouldBlockScroll={true}\n            onChange={onSelectChange}\n            options={applicationsOptions}\n            placeholder='Select Applications'\n            value={localValue}\n            ref={ref}\n            styles={{ menuPortal: { zIndex: theme['z-modal-above'] } }}\n          />\n          <Button disabled={!localValue} onClick={onSubmit}>\n            Add\n          </Button>\n        </div>\n      </FieldWrapper>\n      <div className={css(tableWrapperCSS, tableContainerCSS)}>\n        <div className={css(tableWrapperInnerCSS)}>\n          <Table\n            data={value ? value.map(application => ({ application })) : []}\n            disablePagination={true}\n            disableResizing={true}\n            verticalBorders={false}\n            columns={[\n              {\n                Header: 'Application',\n                accessor: 'application',\n                width: 380,\n              },\n              {\n                Header: '',\n                accessor: 'action',\n                disableSortBy: true,\n                minWidth: 60,\n                width: 60,\n                align: 'right',\n                Cell: ({\n                  row: {\n                    original: { application },\n                  },\n                }) => <Button icon='trash' onClick={() => onRemoveApplication(application)} />,\n              },\n            ]}\n          />\n        </div>\n      </div>\n    </Fragment>\n  )\n}\n\nControlledApplicationInput.defaultProps = {\n  applicationsOptions: undefined,\n}\n\nControlledApplicationInput.propTypes = {\n  control: PropTypes.shape({}).isRequired,\n  name: PropTypes.string.isRequired,\n  rules: PropTypes.shape({}).isRequired,\n  clearErrors: PropTypes.func.isRequired,\n  applicationsOptions: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    })\n  ),\n}\n\nexport default ControlledApplicationInput\n","export const gutter = 16\nexport const topMarginStyle = ({ theme }) => ({ marginTop: theme['default-spacer-md'] })\n","import React, { useEffect, useState } from 'react'\nimport { DateCell, Button, useModal, theme } from '@fortressiq/fiq-ds'\n\nimport TrinityTable, { columnWidths } from 'components/TrinityTable'\n\nimport { useHeaderDispatch } from 'app/header/HeaderContext'\n\nimport ActionsMenu from './subComponents/ActionsMenu'\nimport DomainListForm from './subComponents/DomainListForm'\n\nconst sortKeyMap = {\n  accessType: 'access_type',\n  createdAt: 'created_at',\n}\n\nconst createModalId = 'create-domain-list-form'\n\nconst modalConfig = {\n  footer: false,\n  style: { height: 'auto', width: '500px' },\n  config: { interactWithKeyboard: false, destroyOnClose: true },\n  headerStyle: { background: theme.white },\n}\n\nconst DomainList = () => {\n  const [reFetch, setReFetch] = useState(0)\n  const { addModal, removeModal } = useModal()\n\n  const handleReFetch = () => {\n    setReFetch(reFetch + 1)\n  }\n  const headerDispatch = useHeaderDispatch()\n\n  const columns = [\n    {\n      Header: 'Name',\n      accessor: 'name',\n    },\n    {\n      align: 'center',\n      Header: 'Type',\n      accessor: 'accessType',\n      width: 50,\n    },\n    {\n      align: 'right',\n      Header: 'Created By',\n      accessor: 'createdBy',\n      disableSortBy: true,\n      width: 150,\n      Cell: ({ value: { firstName, lastName } }) => `${firstName} ${lastName}`,\n    },\n    {\n      align: 'right',\n      Header: 'Created At',\n      accessor: 'createdAt',\n      width: columnWidths.date,\n      maxWidth: columnWidths.date,\n      Cell: ({ value }) => <DateCell timestamp={value} />,\n    },\n    {\n      Header: 'Actions',\n      accessor: 'actions',\n      align: 'center',\n      disableSortBy: true,\n      width: 30,\n      maxWidth: columnWidths.actionMenu,\n      Cell: ({ row: { original } }) => (\n        <ActionsMenu\n          handleReFetch={handleReFetch}\n          domainList={original}\n          modalConfig={modalConfig}\n          isInUse={original.observers?.length !== 0}\n        />\n      ),\n    },\n  ]\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      title: 'Manage Domain List',\n      heading: 'Manage Domain List',\n    })\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch])\n\n  return (\n    <TrinityTable\n      toolbarActions={[\n        <Button\n          type='secondary'\n          key={createModalId}\n          onClick={() =>\n            addModal({\n              children: <DomainListForm handleReFetch={handleReFetch} removeModal={() => removeModal(createModalId)} />,\n              header: 'Create List',\n              id: createModalId,\n              ...modalConfig,\n            })\n          }\n        >\n          Create List\n        </Button>,\n      ]}\n      reFetch={reFetch}\n      sortKeyMap={sortKeyMap}\n      params={{ category_type: 'url' }}\n      tableId='domain-table'\n      columns={columns}\n      url='/allow_block_lists'\n      dataKey='allowBlockList'\n    />\n  )\n}\n\nexport default DomainList\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Menu, MenuItem, Popconfirm, useModal } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\n\nimport ActionMenu from 'components/TrinityTable/ActionMenu/ActionMenu'\n\nimport DomainListForm from './DomainListForm'\n\nconst ActionsMenu = ({ domainList, handleReFetch, modalConfig, isInUse }) => {\n  const { addModal, removeModal } = useModal()\n\n  const handleDelete = async () => {\n    await api.delete(`/allow_block_lists/${domainList.id}`)\n    handleReFetch()\n  }\n\n  const cloneModalId = 'clone-domain-list-form'\n  const editModalId = 'edit-domain-list-form'\n\n  const menu = (\n    <Menu bordered={false} dark={true}>\n      <MenuItem\n        key='edit-menu-item'\n        onClick={() =>\n          addModal({\n            children: (\n              <DomainListForm\n                handleReFetch={handleReFetch}\n                removeModal={() => removeModal(editModalId)}\n                editValues={domainList}\n                editId={domainList.id}\n                isInUse={isInUse}\n              />\n            ),\n            header: 'Edit list',\n            id: editModalId,\n            ...modalConfig,\n          })\n        }\n      >\n        Edit\n      </MenuItem>\n      <MenuItem\n        key='clone-menu-item'\n        onClick={() =>\n          addModal({\n            children: (\n              <DomainListForm\n                handleReFetch={handleReFetch}\n                removeModal={() => removeModal(cloneModalId)}\n                editValues={domainList}\n              />\n            ),\n            header: 'Create list',\n            id: cloneModalId,\n            ...modalConfig,\n          })\n        }\n      >\n        Clone\n      </MenuItem>\n      {!isInUse && (\n        <MenuItem key='delete-menu-item'>\n          <Popconfirm\n            cancelText='No'\n            okText='Yes'\n            onConfirm={() => {\n              handleDelete()\n            }}\n            placement='left-center'\n            title='Are you sure you want to delete this list?'\n          >\n            Delete\n          </Popconfirm>\n        </MenuItem>\n      )}\n    </Menu>\n  )\n  return <ActionMenu menu={menu} />\n}\n\nActionsMenu.propTypes = {\n  domainList: PropTypes.shape({\n    list: PropTypes.arrayOf(PropTypes.string),\n    name: PropTypes.string,\n    accessType: PropTypes.string,\n  }).isRequired,\n  handleReFetch: PropTypes.func.isRequired,\n}\n\nexport default ActionsMenu\n","import React, { useState, Fragment } from 'react'\nimport PropTypes from 'prop-types'\n\nimport { useController, Input, Table, useFela, Button } from '@fortressiq/fiq-ds'\n\nimport FieldWrapper from 'components/form/FieldWrapper'\nimport { tableWrapperCSS } from './styles'\n\nconst tableContainerCSS = { maxHeight: '40vh', display: 'flex' }\nconst tableWrapperInnerCSS = { flex: 1, overflow: 'auto' }\n\nconst ControlledDomainInput = ({\n  control,\n  name,\n  error,\n  clearErrors,\n  isRequired,\n  setError,\n  ...controlledDomainInput\n}) => {\n  const { css } = useFela()\n  const [localValue, setLocalValue] = useState('')\n\n  const {\n    field: { value, onChange, ref },\n  } = useController({\n    name,\n    control,\n    rules: { validate: v => v?.length || 'Add at least one domain' },\n  })\n\n  const onRemoveDomain = domain => {\n    const updatedDomains = value.filter(oldDomains => oldDomains !== domain)\n    onChange(updatedDomains)\n  }\n\n  const onSubmit = () => {\n    if (localValue === '') {\n      setError('domains', {\n        type: 'manual',\n        message: \"Domain can't be blank\",\n      })\n    } else {\n      const newDomains = localValue\n        .split(',')\n        .map(string => string.trim())\n        .filter(item => item !== '')\n      onChange([...new Set([...value, ...newDomains])])\n      setLocalValue('')\n      clearErrors('domains')\n    }\n  }\n\n  return (\n    <Fragment>\n      <FieldWrapper htmlFor='domain' isRequired={isRequired} label='Domain' error={error}>\n        <Input\n          button={true}\n          buttonProps={{\n            children: 'Add',\n            onClick: e => {\n              e.preventDefault()\n              onSubmit()\n            },\n            type: 'secondary',\n          }}\n          name='domain'\n          onChange={e => {\n            setLocalValue(e.target.value)\n            if (error) {\n              clearErrors('domains')\n            }\n          }}\n          onEnter={onSubmit}\n          onEnterDependencies={[localValue, JSON.stringify(value)]}\n          ref={ref}\n          value={localValue}\n          {...controlledDomainInput}\n        />\n      </FieldWrapper>\n\n      <div className={css(tableWrapperCSS, tableContainerCSS)}>\n        <div className={css(tableWrapperInnerCSS)}>\n          <Table\n            data={value ? value.map(domain => ({ domain: domain })) : []}\n            disablePagination={true}\n            disableResizing={true}\n            verticalBorders={false}\n            columns={[\n              {\n                Header: 'Domain',\n                accessor: 'domain',\n                width: 380,\n              },\n              {\n                Header: '',\n                accessor: 'action',\n                disableSortBy: true,\n                minWidth: 60,\n                width: 60,\n                align: 'right',\n                Cell: ({\n                  row: {\n                    original: { domain },\n                  },\n                }) => <Button icon='trash' onClick={() => onRemoveDomain(domain)} />,\n              },\n            ]}\n          />\n        </div>\n      </div>\n    </Fragment>\n  )\n}\n\nControlledDomainInput.propTypes = {\n  control: PropTypes.shape({}).isRequired,\n  name: PropTypes.string.isRequired,\n  rules: PropTypes.shape({}).isRequired,\n  clearErrors: PropTypes.func.isRequired,\n  setError: PropTypes.func.isRequired,\n}\n\nexport default ControlledDomainInput\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Button, Input, Group, useForm, useFela, theme } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\n\nimport ControlledSelect from 'components/form/ControlledSelect'\nimport FieldWrapper from 'components/form/FieldWrapper'\n\nimport ControlledDomainInput from './ControlledDomainInput'\n\nimport { modalWrapperCSS } from './styles'\n\nconst accessTypeOptions = [\n  { label: 'Allow', value: 'allow' },\n  { label: 'Block', value: 'block' },\n]\n\nconst generateDefaultValues = editValues => {\n  // Remove none form fields: categoryType, createdAt, createdBy, id, updatedAt, observers,\n  const { categoryType, createdAt, createdBy, id, updatedAt, observers, accessType, list, ...formFields } = editValues\n  return {\n    ...formFields,\n    // get value label obj for select inputs, based on value from options array\n    domains: list,\n    accessType: accessTypeOptions.filter(option => option.value === accessType)[0],\n  }\n}\n\nconst DomainListForm = ({ editId, editValues, handleReFetch, removeModal, isInUse }) => {\n  const isEditing = !!editId\n\n  const { css } = useFela()\n\n  const { register, clearErrors, setError, handleSubmit, control, formState } = useForm({\n    mode: 'all',\n    reValidateMode: 'onChange',\n    defaultValues: editValues ? { ...generateDefaultValues(editValues) } : { domains: [] },\n  })\n\n  const onSubmitHandler = async formValues => {\n    const params = {\n      list: formValues.domains,\n      name: formValues.name,\n      accessType: formValues.accessType.value,\n      categoryType: 'url',\n    }\n\n    // If editId exist, we are in edit mode and use api.put instead of post\n    try {\n      const data = isEditing ? api.put(`/allow_block_lists/${editId}`, params) : api.post('/allow_block_lists', params)\n      await data\n      handleReFetch()\n      removeModal()\n    } catch (err) {\n      if (err.response.data.errors.includes('Name already exists for this tenant')) {\n        setError('name', {\n          type: 'manual',\n          message: `Name \"${formValues.name}\" already exist`,\n        })\n      }\n    }\n  }\n\n  return (\n    <div className={css(modalWrapperCSS)}>\n      <form onSubmit={handleSubmit(onSubmitHandler)}>\n        <FieldWrapper htmlFor='name' error={formState.errors.name}>\n          <Input\n            {...register('name', { required: 'This is required.' })}\n            label='Name'\n            isRequired={true}\n            placeholder='Name of Domain List.'\n          />\n        </FieldWrapper>\n        <FieldWrapper htmlFor='accessType' isRequired={true} label='Type' error={formState.errors.accessType}>\n          <ControlledSelect\n            control={control}\n            isDisabled={isInUse}\n            isMulti={false}\n            name='accessType'\n            options={accessTypeOptions}\n            placeholder='Select Type of Domain List.'\n            portal={true}\n            rules={{ required: 'This field is required' }}\n          />\n        </FieldWrapper>\n        <ControlledDomainInput\n          clearErrors={clearErrors}\n          control={control}\n          error={formState.errors.domains}\n          isRequired={true}\n          name='domains'\n          placeholder='Domain to be added to Domain List.'\n          setError={setError}\n        />\n        <Group noEndGutter={true} justify='flex-end' style={{ marginTop: theme['default-spacer-md'] }}>\n          <Button\n            onClick={e => {\n              e.preventDefault()\n              removeModal()\n            }}\n          >\n            Cancel\n          </Button>\n          <Button type='primary'>{isEditing ? 'Update List' : 'Create List'}</Button>\n        </Group>\n      </form>\n    </div>\n  )\n}\n\nDomainListForm.defaultProps = {\n  editValues: undefined,\n  editId: undefined,\n  isInUse: false,\n}\n\nDomainListForm.propTypes = {\n  editId: PropTypes.number,\n  editValues: PropTypes.shape({\n    list: PropTypes.arrayOf(PropTypes.string),\n    name: PropTypes.string,\n    accessType: PropTypes.string,\n  }),\n  handleReFetch: PropTypes.func.isRequired,\n  removeModal: PropTypes.func.isRequired,\n  isInUse: PropTypes.bool,\n}\n\nexport default DomainListForm\n","export const modalWrapperCSS = ({ theme }) => ({\n  margin: `-${theme['default-spacer-sm']}`,\n  padding: theme['default-spacer-sm'],\n})\nexport const scrollWrapperCSS = ({ theme }) => ({\n  flex: 1,\n  margin: `-${theme['default-spacer-sm']} -${theme['default-spacer-sm']} -1px`,\n  maxHeight: '50vh',\n  overflow: 'auto',\n  padding: `${theme['default-spacer-sm']} ${theme['default-spacer-sm']} 0`,\n})\n\nexport const formFooterCSS = ({ theme }) => ({\n  background: theme.white,\n  borderTop: `1px solid ${theme['dividing-line']}`,\n  margin: `0 -${theme['default-spacer-sm']} -${theme['default-spacer-sm']}`,\n  padding: theme['default-spacer-sm'],\n})\n\nexport const tableWrapperCSS = ({ theme }) => ({\n  margin: `${theme['default-spacer-sm']} -${theme['default-spacer-sm']} 0`,\n})\n\nexport const applicationSelectWrapperCSS = () => ({\n  display: 'flex',\n})\n\nexport const applicationSelectCSS = ({ theme }) => ({\n  marginRight: theme['default-spacer-sm'],\n  width: '415px',\n})\n","import React, { useEffect, useState, useCallback, memo } from 'react'\nimport {\n  useNotification,\n  AdvancedCell,\n  Button,\n  DateCell,\n  Menu,\n  MenuItem,\n  EditableLabel,\n  Popconfirm,\n} from '@fortressiq/fiq-ds'\nimport camelCase from 'lodash/camelCase'\nimport { Link } from 'react-router-dom'\nimport qs from 'qs'\nimport shortid from 'shortid'\n\nimport api from 'lib/Api'\nimport StatusBadge from 'components/StatusBadge/StatusBadge'\nimport Flash, { FLASH_LEVELS } from 'components/flash/Flash'\n\nimport ExportMenuItem from 'components/ExportButton/ExportMenuItem'\n\nimport TrinityTable, { columnWidths } from 'components/TrinityTable'\nimport ActionMenu from 'components/TrinityTable/ActionMenu/ActionMenu'\n\nimport callbackStore from 'stores/callback'\n\nimport { useHeaderDispatch } from '../../header/HeaderContext'\n\nconst pageTitle = 'Event Log Exports'\n\nexport const downloadEventLogExport = async eventLogExportId => {\n  const { data } = await api.get(`/event_log_exports/${eventLogExportId}/zip_url`)\n  window.open(data, '_blank')\n}\n\nlet eventLogExportListCallback\nexport const eventLogExportSuccess = ({ eventLogExport, graphProcessName }) => {\n  if (eventLogExportListCallback) {\n    eventLogExportListCallback()\n  }\n\n  const messageText = [\n    `Event log ${eventLogExport.exportType} export`,\n    graphProcessName && `for ${eventLogExport.name || graphProcessName}`,\n    'is ready.',\n  ]\n    .filter(Boolean)\n    .join(' ')\n  const id = shortid.generate()\n  Flash.success(\n    {\n      description: messageText,\n      message: 'Event log export',\n      cta: (\n        <Button\n          onClick={() => {\n            downloadEventLogExport(eventLogExport.id)\n            Flash.remove(id)\n          }}\n          size='small'\n        >\n          Download Now\n        </Button>\n      ),\n    },\n    { duration: 0, key: id }\n  )\n}\n\nconst sortKeyMap = {\n  exportType: 'export_type',\n  createdAt: 'created_at',\n}\n\nconst exportsMap = {\n  cycle_events: { displayName: 'Cycle', originUrl: '/cycles', idParam: 'cycleIds' },\n  flowgraph_process: { displayName: 'Flow Process', originUrl: '/processes', idParam: 'graphProcessIds' },\n  graph_process: { displayName: 'Path Process', originUrl: '/processes', idParam: 'graphProcessIds' },\n  mining_run: { displayName: 'Mining', originUrl: '/mining', idParam: 'miningRunIds' },\n}\n\nconst geOriginUrl = (recordTypeKey, exportRecords) => {\n  const IDs = [exportRecords.map(({ record_id: rId }) => rId)]\n  return `${exportsMap[recordTypeKey].originUrl}?globalFilter={\"${exportsMap[recordTypeKey].idParam}\":[${IDs}]}`\n}\n\nconst EventLogExportList = () => {\n  const [reFetch, setRefetch] = useState(0)\n  const [deletingEventLogExport, setDeletingEventLogExport] = useState(null)\n  const headerDispatch = useHeaderDispatch()\n  const { addNotification } = useNotification()\n\n  eventLogExportListCallback = () => {\n    setRefetch(reFetch + 1)\n  }\n\n  const deleteEventLogExport = useCallback(\n    async eventLogExportId => {\n      if (deletingEventLogExport) {\n        return null\n      }\n      setDeletingEventLogExport(eventLogExportId)\n      const { data } = await api.delete(`/event_log_exports/${eventLogExportId}`)\n\n      addNotification({\n        message: 'Delete Successful',\n        description: `Deleted \"${data.name}\"`,\n        type: FLASH_LEVELS.SUCCESS,\n      })\n      setDeletingEventLogExport(null)\n      setRefetch(reFetch + 1)\n    },\n    [deletingEventLogExport, setDeletingEventLogExport, addNotification, reFetch]\n  )\n\n  const handleUpdateExportName = ({ id, value: exportName }) => api.put(`/event_log_exports/${id}`, { exportName })\n\n  const columns = [\n    {\n      Header: 'ID',\n      accessor: 'id',\n      align: 'left',\n      width: columnWidths.id,\n      minWidth: columnWidths.id,\n    },\n    {\n      Header: 'Name',\n      accessor: 'name',\n      width: 300,\n      Cell: ({\n        value: name,\n        row: {\n          original: { id },\n        },\n      }) => (\n        <EditableLabel\n          key={`name${id}`}\n          value={name}\n          render={AdvancedCell}\n          showEditIcon={false}\n          onUpdate={({ target: { value } }) => handleUpdateExportName({ value, id })}\n        />\n      ),\n    },\n    {\n      Header: 'Type',\n      accessor: 'exportType',\n    },\n    {\n      Header: 'Created',\n      accessor: 'createdAt',\n      Cell: ({ value: timestamp }) => <DateCell timestamp={timestamp} />,\n    },\n    {\n      accessor: 'filesize',\n      disableSortBy: true,\n      Header: 'Size',\n      width: 90,\n    },\n    {\n      accessor: 'status',\n      Header: 'Status',\n      width: 80,\n      Cell: ({ value: status }) => <StatusBadge status={status.message ? status.message : status} />,\n    },\n    {\n      align: 'center',\n      accessor: 'action',\n      disableSortBy: true,\n      Header: 'File',\n      width: 60,\n      Cell: ({\n        row: {\n          original: { name, status, exportType, filterRules: filter = {}, id, recordsByType },\n        },\n      }) => {\n        const isDeleting = deletingEventLogExport === id\n        const menu = (\n          <Menu bordered={false} dark={true}>\n            {status === 'complete' && (\n              <ExportMenuItem\n                itemText='Export Events as .csv'\n                customExportAjax={() => downloadEventLogExport(id)}\n                exportName={name}\n                callbackStore={callbackStore}\n              />\n            )}\n            {!!Object.keys(filter).length && (\n              <MenuItem key='browse-search-results'>\n                <Link to={{ pathname: '/events', search: qs.stringify({ filter }) }}>View Search</Link>\n              </MenuItem>\n            )}\n            {['cycle_events', 'graph_process', 'flowgraph_process', 'mining_run'].includes(exportType)\n              ? Object.entries(recordsByType).map(([recordTitle, exportRecords]) => {\n                  const recordTypeKey = camelCase(recordTitle)\n                  return (\n                    <MenuItem key={`${recordTypeKey}-records`}>\n                      <Link to={geOriginUrl(exportType, exportRecords)}>\n                        View {exportsMap[exportType].displayName || exportType}\n                      </Link>\n                    </MenuItem>\n                  )\n                })\n              : null}\n            <MenuItem key='delete-export-trigger' onClick={event => event.stopPropagation()}>\n              <Popconfirm\n                okText='Yes'\n                onConfirm={() => !isDeleting && deleteEventLogExport(id)}\n                placement='left-center'\n              >\n                {isDeleting ? 'Deleting' : 'Delete'}\n              </Popconfirm>\n            </MenuItem>\n          </Menu>\n        )\n        return <ActionMenu menu={menu} />\n      },\n    },\n  ]\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      heading: pageTitle,\n      title: pageTitle,\n    })\n\n    return () => {\n      eventLogExportListCallback = null\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch])\n\n  return (\n    <TrinityTable\n      key='exports-table'\n      sortKeyMap={sortKeyMap}\n      columns={columns}\n      reFetch={reFetch}\n      url='/event_log_exports'\n      dataKey='exports'\n      tableId='event-log-exports-table'\n    />\n  )\n}\n\nexport default memo(EventLogExportList)\n","import React, { useEffect, useState } from 'react'\nimport { Button, useModal } from '@fortressiq/fiq-ds'\n\nimport { useHeaderDispatch } from 'app/header/HeaderContext'\n\nimport TrinityTable, { columnWidths } from 'components/TrinityTable'\n\nimport IntegrationFormModal from './SubComponents/IntegrationFormModal'\nimport ActionsMenu from './SubComponents/ActionsMenu'\n\nconst sortKeyMap = {\n  exportType: 'export_type',\n  createdAt: 'created_at',\n  updatedAt: 'updated_at',\n}\n\nconst Integrations = () => {\n  const [reFetch, setReFetch] = useState(1)\n  const headerDispatch = useHeaderDispatch()\n  const { addModal, removeModal } = useModal()\n\n  const handleReFetch = () => {\n    setReFetch(reFetch + 1)\n  }\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      title: 'Integrations',\n      heading: 'Integrations',\n    })\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch])\n\n  const columns = [\n    {\n      accessor: 'id',\n      align: 'center',\n      Header: 'ID',\n      maxWidth: columnWidths.id,\n    },\n    {\n      Header: 'Button Label',\n      accessor: 'title',\n      disableSortBy: true,\n    },\n    {\n      Header: 'Endpoint',\n      accessor: 'endpoint',\n      disableSortBy: true,\n    },\n    {\n      Header: 'Transport',\n      accessor: 'transport',\n      disableSortBy: true,\n      maxWidth: 80,\n    },\n    {\n      Header: 'Integration Type',\n      accessor: 'integrationType',\n      disableSortBy: true,\n      maxWidth: 100,\n    },\n    {\n      Header: 'Authorization Type',\n      accessor: 'authorizationType',\n      disableSortBy: true,\n      maxWidth: 100,\n    },\n    {\n      accessor: 'method',\n      align: 'center',\n      Header: 'Method',\n      maxWidth: 50,\n      disableSortBy: true,\n    },\n    {\n      accessor: 'isActive',\n      align: 'center',\n      Header: 'Active',\n      disableSortBy: true,\n      maxWidth: 50,\n      Cell: ({ value }) => (value ? 'True' : 'False'),\n    },\n    {\n      Header: 'Actions',\n      accessor: 'actions',\n      align: 'center',\n      disableSortBy: true,\n      width: 60,\n      Cell: ({ row: { original } }) => <ActionsMenu handleReFetch={handleReFetch} integration={original} />,\n    },\n  ]\n  const modalID = 'integrations-form-modal'\n\n  return (\n    <TrinityTable\n      toolbarActions={[\n        <Button\n          key={modalID}\n          onClick={() =>\n            addModal({\n              children: <IntegrationFormModal handleReFetch={handleReFetch} removeModal={() => removeModal(modalID)} />,\n              header: 'Create a new integration',\n              footer: false,\n              id: modalID,\n              style: { width: '400px' },\n            })\n          }\n          type='secondary'\n        >\n          Create Integration\n        </Button>,\n      ]}\n      reFetch={reFetch}\n      tableId='integrations-table'\n      sortKeyMap={sortKeyMap}\n      columns={columns}\n      url='/dynamic_integrations'\n      dataKey='integrations'\n    />\n  )\n}\n\nexport default Integrations\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Menu, MenuItem, Popconfirm, useModal } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\n\nimport ActionMenu from 'components/TrinityTable/ActionMenu/ActionMenu'\nimport IntegrationFormModal from './IntegrationFormModal'\n\nconst ActionsMenu = ({ integration, handleReFetch }) => {\n  const { addModal, removeModal } = useModal()\n\n  const handleDelete = async () => {\n    await api.delete(`/dynamic_integrations/${integration.id}`)\n    handleReFetch()\n  }\n\n  const handleActivateToggle = async () => {\n    const params = {\n      is_active: !integration.isActive,\n    }\n    await api.put(`/dynamic_integrations/${integration.id}`, params)\n    handleReFetch()\n  }\n  const modalID = 'edit-menu-item'\n\n  const menu = (\n    <Menu bordered={false} dark={true}>\n      <MenuItem\n        key={modalID}\n        onClick={() =>\n          addModal({\n            children: (\n              <IntegrationFormModal\n                handleReFetch={handleReFetch}\n                removeModal={() => removeModal(modalID)}\n                editValues={integration}\n                editId={integration.id}\n              />\n            ),\n            header: 'Edit integration',\n            footer: false,\n            id: modalID,\n            style: { width: '400px' },\n          })\n        }\n      >\n        Edit\n      </MenuItem>\n      <MenuItem key='toggle-active-menu-item' onClick={() => handleActivateToggle()}>\n        {integration.isActive ? 'Deactivate' : 'Activate'}\n      </MenuItem>\n      <MenuItem key='delete-menu-item' onClick={event => event.stopPropagation()}>\n        <Popconfirm\n          cancelText='No'\n          okText='Yes'\n          onConfirm={handleDelete}\n          placement='left-center'\n          title='Are you sure you want to delete this integration?'\n        >\n          Delete\n        </Popconfirm>\n      </MenuItem>\n    </Menu>\n  )\n  return <ActionMenu menu={menu} />\n}\n\nActionsMenu.propTypes = {\n  handleReFetch: PropTypes.func.isRequired,\n  integration: PropTypes.shape({\n    id: PropTypes.number,\n    isActive: PropTypes.bool,\n  }).isRequired,\n}\n\nexport default ActionsMenu\n","import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport debounce from 'lodash/debounce'\nimport { Button, Input, useForm, useFela } from '@fortressiq/fiq-ds'\n\nimport ControlledSelect from 'components/form/ControlledSelect'\nimport FieldWrapper from 'components/form/FieldWrapper'\nimport ControlledSwitch from 'components/form/ControlledSwitch'\n\nimport api from 'lib/Api'\n\nimport wrapperCSS from './wrapperCSS'\n\nconst typeOptions = [\n  { value: 'Tenant', label: 'Tenant' },\n  { value: 'Observer', label: 'Observer' },\n  { value: 'Application', label: 'Application' },\n  { value: 'Cycle', label: 'Cycle' },\n  { value: 'Process', label: 'Process' },\n  { value: 'Mining Run', label: 'Mining Run' },\n  { value: 'Event', label: 'Event' },\n]\n\nconst transportOptions = [\n  { value: 'HTTP', label: 'HTTP' },\n  { value: 'HTTPS', label: 'HTTPS' },\n]\n\nconst methodOptions = [\n  { value: 'GET', label: 'GET' },\n  { value: 'POST', label: 'POST' },\n  { value: 'PUT', label: 'PUT' },\n  { value: 'DELETE', label: 'DELETE' },\n]\n\nconst authorizationTypeOptions = [\n  { value: 'None', label: 'None' },\n  { value: 'Basic', label: 'Basic' },\n  { value: 'Bearer', label: 'Bearer' },\n]\n\nconst generateDefaultValues = editValues => {\n  // Remove none form fields: createdAt, id, tenantId, updatedAt,\n  const { createdAt, id, tenantId, updatedAt, integrationType, transport, method, authorizationType, ...formFields } =\n    editValues\n  return {\n    ...formFields,\n    // get value label obj for select inputs, based on value from options array\n    integrationType: typeOptions.filter(option => option.value === integrationType)[0],\n    transport: transportOptions.filter(option => option.value === transport)[0],\n    method: methodOptions.filter(option => option.value === method)[0],\n    authorizationType: authorizationTypeOptions.filter(option => option.value === authorizationType)[0],\n  }\n}\n\nconst IntegrationFormModal = ({ removeModal, handleReFetch, editId, editValues }) => {\n  const { css } = useFela()\n  const isEditing = !!editId\n\n  const { register, watch, setValue, handleSubmit, control, formState } = useForm({\n    mode: 'all',\n    reValidateMode: 'onChange',\n    shouldUnregister: true, // Will unregister conditional fields\n    defaultValues: editValues ? { ...generateDefaultValues(editValues) } : undefined,\n  })\n\n  const onSubmitHandler = async formValues => {\n    let { endpoint } = formValues\n    if (endpoint.toLowerCase().startsWith('https://')) {\n      endpoint = endpoint.substring(8)\n    } else if (endpoint.toLowerCase().startsWith('http://')) {\n      endpoint = endpoint.substring(7)\n    }\n    const params = {\n      integration_type: formValues.integrationType.value,\n      authorization_type: formValues.authorizationType.value,\n      endpoint: endpoint,\n      method: formValues.method.value,\n      transport: formValues.transport.value,\n      title: formValues.title,\n      is_active: formValues.isActive,\n      ...(formValues.authorizationType.value === 'Bearer' &&\n        formValues.bearerToken && { api_token: formValues.bearerToken }),\n      ...(formValues.authorizationType.value === 'Basic' &&\n        formValues.password && {\n          password: formValues.password,\n        }),\n      ...(formValues.authorizationType.value === 'Basic' && {\n        user_name: formValues.userName,\n      }),\n    }\n\n    // If editId exist, we are in edit mode and use api.put instead of post\n    const data = isEditing\n      ? api.put(`/dynamic_integrations/${editId}`, params)\n      : api.post('/dynamic_integrations', params)\n    await data\n    handleReFetch()\n    removeModal()\n  }\n\n  const validatePassword = value => {\n    // If editing allow empty password\n    if ((isEditing && editValues.authorizationType === 'Basic') || value !== '') {\n      return true\n    }\n    return false\n  }\n\n  // authorizationType bearer and basic has some additional fields\n  // Need to watch authorizationType to determine what fields to display\n  const watchAuthorizationField = watch('authorizationType')\n\n  const help = debounce(val => {\n    const url = val.toLowerCase()\n    if (url.startsWith('https:')) {\n      setValue('transport', { value: 'HTTPS', label: 'HTTPS' }, { shouldDirty: true })\n    } else if (url.startsWith('http:')) {\n      setValue('transport', { value: 'HTTP', label: 'HTTP' }, { shouldDirty: true })\n    }\n  }, 300)\n\n  const endPointHelper = evt => {\n    help(evt.target.value)\n  }\n\n  return (\n    <div className={css(wrapperCSS)}>\n      <form onSubmit={handleSubmit(onSubmitHandler)}>\n        <FieldWrapper\n          error={formState.errors.integrationType}\n          htmlFor='integrationType'\n          isRequired={true}\n          label='Integration Type'\n        >\n          <ControlledSelect\n            control={control}\n            isMulti={false}\n            name='integrationType'\n            options={typeOptions}\n            portal={true}\n            rules={{ required: 'This field is required' }}\n          />\n        </FieldWrapper>\n        <FieldWrapper error={formState.errors.title}>\n          <Input\n            {...register('title', { required: 'This is required.' })}\n            isRequired={true}\n            label='Button Label'\n            placeholder='Label associated with integration.'\n          />\n        </FieldWrapper>\n        <FieldWrapper\n          error={formState.errors.endpoint && { message: 'Endpoint is required and needs to include %id%' }}\n          helperText='To use an object ID in the url, use /%id%/'\n          htmlFor='endpoint'\n        >\n          <Input\n            label='Endpoint'\n            placeholder='For example: automationanywhere.com/%id%'\n            {...register('endpoint', {\n              validate: value => value.includes('%id%'),\n            })}\n            onChange={endPointHelper}\n          />\n        </FieldWrapper>\n        <FieldWrapper htmlFor='transport' label='Transport' error={formState.errors.transport} isRequired={true}>\n          <ControlledSelect\n            control={control}\n            isMulti={false}\n            name='transport'\n            options={transportOptions}\n            portal={true}\n            rules={{ required: 'This field is required' }}\n          />\n        </FieldWrapper>\n        <FieldWrapper htmlFor='method' label='Method' error={formState.errors.method} isRequired={true}>\n          <ControlledSelect\n            control={control}\n            isMulti={false}\n            name='method'\n            options={methodOptions}\n            portal={true}\n            rules={{ required: 'This field is required' }}\n          />\n        </FieldWrapper>\n        <FieldWrapper\n          error={formState.errors.authorizationType}\n          htmlFor='authorizationType'\n          isRequired={true}\n          label='Authorization Type'\n        >\n          <ControlledSelect\n            control={control}\n            isMulti={false}\n            name='authorizationType'\n            options={authorizationTypeOptions}\n            portal={true}\n            rules={{ required: 'This field is required' }}\n          />\n        </FieldWrapper>\n        {watchAuthorizationField && watchAuthorizationField.value === 'Bearer' && (\n          <FieldWrapper\n            error={\n              formState.errors.bearerToken && { message: 'Bearer Token is required for Authorization Type Bearer.' }\n            }\n            htmlFor='bearerToken'\n          >\n            <Input\n              label='Bearer Token'\n              prefixIcon='keyhole'\n              type='password'\n              {...register('bearerToken', {\n                validate: value => validatePassword(value),\n              })}\n            />\n          </FieldWrapper>\n        )}\n        {watchAuthorizationField && watchAuthorizationField.value === 'Basic' && (\n          <Fragment>\n            <FieldWrapper htmlFor='userName' error={formState.errors.userName}>\n              <Input\n                {...register('userName', { required: 'User Name is required for Authorization Type Basic.' })}\n                label='User Name'\n              />\n            </FieldWrapper>\n            <FieldWrapper\n              error={formState.errors.password && { message: 'Password is required for Authorization Type Basic' }}\n              htmlFor='password'\n            >\n              <Input\n                label='Password'\n                prefixIcon='keyhole'\n                type='password'\n                {...register('password', {\n                  validate: value => validatePassword(value),\n                })}\n              />\n            </FieldWrapper>\n          </Fragment>\n        )}\n        <FieldWrapper htmlFor='isActive' label='Is Active' align='right'>\n          <ControlledSwitch control={control} name='isActive' />\n        </FieldWrapper>\n        <Button align='right' htmlType='submit' type='primary'>\n          {isEditing ? 'Save' : 'Create'} Integration\n        </Button>\n      </form>\n    </div>\n  )\n}\n\nIntegrationFormModal.defaultProps = {\n  editId: undefined,\n  editValues: undefined,\n}\n\nIntegrationFormModal.propTypes = {\n  removeModal: PropTypes.func.isRequired,\n  handleReFetch: PropTypes.func.isRequired,\n  editId: PropTypes.number,\n  editValues: PropTypes.shape({\n    authorizationType: PropTypes.string,\n    endpoint: PropTypes.string,\n    integrationType: PropTypes.string,\n    isActive: PropTypes.bool,\n    method: PropTypes.string,\n    title: PropTypes.string,\n    transport: PropTypes.string,\n  }),\n}\n\nexport default IntegrationFormModal\n","const wrapperCSS = ({ theme }) => ({\n  maxHeight: '80vh',\n  overflow: 'auto',\n  margin: `-${theme['default-spacer-sm']}`,\n  padding: theme['default-spacer-sm'],\n})\n\nexport default wrapperCSS\n","import api from 'lib/Api'\n\nconst handleIntegration = ({ integrationId, objectId }) => {\n  api.get(`/dynamic_integrations/${integrationId}/execute`, { object_id: objectId })\n}\n\nexport default handleIntegration\n","import { observable, action, computed } from 'mobx'\n\nexport default class BatchStore {\n  @observable startedAt = null\n\n  @observable endedAt = null\n\n  @observable failed = 0\n\n  @observable succeeded = 0\n\n  @observable total = 0\n\n  @observable observers = 0\n\n  constructor(id) {\n    this.id = id\n  }\n\n  @action\n  update(event, data) {\n    switch (event) {\n      case 'aggregator-started':\n        this.startedAt = data.timestamp\n        break\n      case 'aggregator-processing':\n        this.total = data.total\n        break\n      case 'aggregator-finished':\n        this.endedAt = data.timestamp\n        break\n      case 'logs-processed':\n        this.failed += data.failed\n        this.succeeded += data.processed\n        break\n      case 'observer-updated':\n        this.observers += 1\n        break\n      default:\n        window.console.warn(`TankMonitor: Unknown event type: ${event}`)\n    }\n  }\n\n  @computed get completed() {\n    return this.endedAt !== null\n  }\n\n  @computed get progress() {\n    if (this.total === 0) {\n      return 100\n    } else {\n      return Math.floor(((this.failed + this.succeeded) / this.total) * 100)\n    }\n  }\n}\n","import React from 'react'\nimport { ActionCableConsumer } from 'components/actioncable-provider'\nimport { observer } from 'mobx-react'\nimport localizer from 'lib/Localizer'\nimport Main from 'components/main/Main'\n\nimport TankStore from './TankStore'\n\nconst TankMonitor = () => {\n  const { batches, update } = new TankStore()\n\n  return (\n    <Main>\n      <h1>Tank: Aggregation Monitor</h1>\n      {batches.length === 0 && (\n        <div>\n          <i>Waiting for an aggregation run to start...</i>\n        </div>\n      )}\n      {batches.reverse().map(batch => (\n        <div key={batch.id}>\n          BatchID: {batch.id}\n          <pre style={{ backgroundColor: batch.completed ? null : '#e4ffe0' }}>\n            STATUS {batch.completed ? 'Done' : 'Processing...'}\n            <br />\n            ROWS TOTAL {localizer.asInteger(batch.total)}\n            <br />\n            ROWS PROCESSED {localizer.asInteger(batch.succeeded)}\n            <br />\n            ROWS FAILED {localizer.asInteger(batch.failed)}\n            <br />\n            OBSERVERS SEEN {batch.observers}\n            <br />\n            STARTED AT {localizer.asDateTime(batch.startedAt)}\n            <br />\n            ENDED AT {localizer.asDateTime(batch.endedAt)}\n          </pre>\n          <br />\n        </div>\n      ))}\n      <ActionCableConsumer channel={{ channel: 'TankChannel' }} onReceived={update} />\n    </Main>\n  )\n}\n\nexport default observer(TankMonitor)\n","import { observable, action } from 'mobx'\nimport BatchStore from './BatchStore'\n\nexport default class TankStore {\n  @observable batches = []\n\n  @action\n  update = message => {\n    const [batchId, event, data] = message\n\n    let batch = this.batches.find(b => b.id === batchId)\n    if (!batch) {\n      batch = new BatchStore(batchId)\n      this.batches = [...this.batches, batch]\n    }\n\n    batch.update(event, data)\n  }\n}\n","import React from 'react'\nimport { Button } from '@fortressiq/fiq-ds'\n\nimport Can from 'components/can/Can'\n\nconst CreateTenantButton = () => (\n  <Can perform='/admin/tenant/create'>\n    <Button href='/admin/tenants/new' type='secondary'>\n      Create Tenant\n    </Button>\n  </Can>\n)\n\nexport default CreateTenantButton\n","import React, { Fragment, useEffect, useState } from 'react'\nimport { shape, string, number, bool, func, oneOfType } from 'prop-types'\nimport set from 'lodash/set'\nimport {\n  Button,\n  Col,\n  Element,\n  get,\n  Group,\n  Heading,\n  Input,\n  Label,\n  Radio,\n  RadioGroup,\n  Row,\n  Select,\n  theme,\n  Typography,\n  useModal,\n  useNotification,\n  FormControl,\n} from '@fortressiq/fiq-ds'\n\nimport Can, { roleActionCheck } from 'components/can/Can'\nimport { useUserState } from 'context/UserContext'\n\nimport api from 'lib/Api'\nimport uiStore from 'lib/UiStore'\n\nimport MainLoader from 'components/loaders/MainLoader'\nimport ConfigureObserver from 'components/configureObserver/ConfigureObserver'\nimport { LIST_CATEGORIES, LIST_TYPES } from 'components/configureObserver/Constants'\nimport { fetchUrlAllowAndBlockLists, getConfiguredAllowBlockLists } from 'components/configureObserver/utils'\n\nimport InfoTooltip from 'components/infoTooltip/InfoTooltip'\nimport SwitchSection from './SwitchSection'\nimport { columnCSS, containerCss, contentCss, footerCss, observerConfigContainer, coeErrorCss } from './styles/index'\n\nimport { AGGREGATION_STRATEGIES, validCoeUrl, TENANT_TYPES } from './constants'\n\nconst { Paragraph } = Typography\n\nconst fullRowInputContainerProps = { style: { margin: `0 ${theme['default-spacer-md']} 0 0` } }\nconst selectLabelStyles = {\n  style: {\n    marginTop: theme['default-spacer-md'],\n  },\n}\n\nconst sharedInputProps = {\n  containerProps: {\n    style: { width: '100%' },\n  },\n}\n\nconst defaultObserverSettings = {\n  screenshotAllowed: true,\n  titleAllowed: true,\n  keystrokeAllowed: true,\n  clipboardAllowed: true,\n  urlLists: [],\n  urlListValue: undefined,\n  urlListAccessType: LIST_TYPES.NONE.val,\n  applicationLists: [],\n  applicationListValue: undefined,\n  applicationListAccessType: LIST_TYPES.NONE.val,\n  active: false,\n}\n\nconst getIndex = selectedValue => AGGREGATION_STRATEGIES.findIndex(o => o.value === selectedValue)\n\nconst ObserverPrivacyTooltip = () => (\n  <Fragment>\n    <Paragraph style={{ marginTop: 0 }}>\n      Enabling observer privacy changes the displayed observer-name from a combination of username-machine to a\n      randomly-selected word, only for non-admin (Limited, Discovery, Power) role Process&nbsp;Discovery users.\n    </Paragraph>\n    <Paragraph>\n      This optional setting is intended to help protect the privacy of your observed users as other people access their\n      data in Process&nbsp;Discovery.\n    </Paragraph>\n    <Paragraph style={{ marginBottom: 0 }}>\n      Enabling observer privacy also disables the ability to export data for non-admin users throughout the app.\n      Exporting events to .csv will continue to display the username and machine-name for admin users.\n    </Paragraph>\n  </Fragment>\n)\n\nconst CoEManagerRoleError = () => (\n  <div>\n    <p>\n      The configured CoE Manager user does not have sufficient permissions. <br />\n      The user must belong to at least a Collaborator role in CoE Manager.\n    </p>\n    <p>Are you sure you want to save your changes?</p>\n  </div>\n)\n\nconst CoEManagerAuthError = () => (\n  <div>\n    <p>The configured CoE Manager user or password is not valid.</p>\n    <p>Are you sure you want to save your changes?</p>\n  </div>\n)\n\nconst DemiGroup = ({ children, className }) => (\n  <Group\n    className={className}\n    gutter={get.numericValues('spacer').sm}\n    justify='space-between'\n    noOfCols={12}\n    noEndGutter={true}\n    span={6}\n    style={{ margin: `${theme['default-spacer-md']} 0` }}\n    type='flex'\n  >\n    {children}\n  </Group>\n)\n\nconst ManageAccount = ({ defaultTenant, tenantId, isLoading, setIsLoading, setDefaultTenant, allowAllSettings }) => {\n  const [isTestable, setIsTestable] = useState()\n  const [tenant, setTenant] = useState(defaultTenant)\n  const [observerConfigLoading, setObserverConfigLoading] = useState(true)\n  const { addNotification } = useNotification()\n  const { roles } = useUserState()\n  const { addModal, removeModal } = useModal()\n\n  const [observerConfiguration, setObserverConfiguration] = useState(defaultObserverSettings)\n  const {\n    active,\n    screenshotAllowed,\n    titleAllowed,\n    keystrokeAllowed,\n    clipboardAllowed,\n    urlLists,\n    urlListValue,\n    urlListAccessType,\n    applicationLists,\n    applicationListValue,\n    applicationListAccessType,\n  } = observerConfiguration\n\n  // validate if COE field is empty or matches regex\n  const isCoeUrlValid = !tenant.coeIntakeUrl || validCoeUrl.test(tenant.coeIntakeUrl)\n\n  useEffect(() => {\n    setTenant({ ...defaultTenant })\n  }, [defaultTenant])\n  useEffect(() => {\n    const fetchConfigData = async () => {\n      const {\n        data: {\n          data: { attributes: data },\n        },\n      } = await api.get('/tenants/neo_config_policies', { id: tenantId })\n\n      const { urlLists: newUrlLists, applicationLists: newApplicationLists } = await fetchUrlAllowAndBlockLists()\n\n      const { url: urlListValueObj, application: applicationListValueObj } = getConfiguredAllowBlockLists(\n        data.allowBlockLists\n      )\n\n      const newUrlListAccessType = urlListValueObj?.accessType || LIST_TYPES.NONE.val\n\n      const newAppListAccessType = applicationListValueObj?.accessType || LIST_TYPES.NONE.val\n\n      const newValues = {\n        ...data,\n        urlLists: newUrlLists,\n        urlListAccessType: newUrlListAccessType,\n        urlListValue: urlListValueObj?.id,\n        applicationLists: newApplicationLists,\n        applicationListAccessType: newAppListAccessType,\n        applicationListValue: applicationListValueObj?.id,\n      }\n      setObserverConfiguration(newValues)\n      setObserverConfigLoading(false)\n    }\n    if (allowAllSettings) {\n      fetchConfigData()\n    } else {\n      setObserverConfigLoading(false)\n    }\n  }, [allowAllSettings, tenantId])\n\n  const onChange = ({ target: { name, value } }) => {\n    // need to clone because set isn't making a new object\n    setTenant({ ...set(tenant, name, value) })\n    const emailFields = ['smtpHost', 'smtpPort', 'smtpUsername', 'smtpPassword', 'emailFromAddress']\n    if (emailFields.includes(name)) {\n      setIsTestable(false)\n    }\n  }\n\n  const onChangePEG = ({ target: { name, value } }) => {\n    const vals = { ...tenant }\n    const nameArr = name.split('.')\n    let i = 0\n    let obj = vals\n    while (i < nameArr.length - 1) {\n      obj = obj[nameArr[i]]\n      i += 1\n    }\n    obj[nameArr[i]] = value\n    setTenant(vals)\n  }\n\n  const onObserverPrivacyChange = ({ selectedValue }) => {\n    const settings = { ...tenant.privacySettings.settings }\n    settings.observers.mode = selectedValue\n    setTenant({ ...tenant, privacySettings: { settings } })\n  }\n\n  const onObserverActiveChange = ({ selectedValue }) =>\n    setObserverConfiguration({ ...observerConfiguration, active: selectedValue })\n\n  const isSubmitDisabled = () => {\n    const urlListNotFilled = urlListAccessType !== LIST_TYPES.NONE.val && !urlListValue\n    const applicationListNotFilled = applicationListAccessType !== LIST_TYPES.NONE.val && !applicationListValue\n    const invalidEmptyPassword = tenant.coeUserName !== defaultTenant.coeUserName && !tenant.coeUserPassword\n    return (\n      urlListNotFilled ||\n      applicationListNotFilled ||\n      !isCoeUrlValid ||\n      (!tenant.coeIntakeUrl && tenant.coeUserName) ||\n      invalidEmptyPassword\n    )\n  }\n\n  const save = async (forceCoeSave = false) => {\n    // When a CoE user changes their username, the password must also change\n    if (tenant.coeUserName && tenant.coeUserName !== defaultTenant.coeUserName && !tenant.coeUserPassword) return\n\n    setIsLoading(true)\n    const {\n      aggregationFrequency,\n      isActive,\n      name,\n      tenantType,\n      smtpHost,\n      smtpPort,\n      smtpUsername,\n      smtpPassword,\n      emailFromAddress,\n      appUrl,\n      privacySettings,\n      coeIntakeUrl,\n      coeUserName,\n      coeUserPassword,\n    } = tenant\n\n    if (appUrl && appUrl.endsWith('/')) {\n      setTenant({ ...tenant, appUrl: appUrl.slice(0, -1) })\n    }\n\n    const params = {\n      name: name,\n      tenant_type: tenantType,\n      app_url: appUrl,\n      smtp_host: smtpHost,\n      smtp_port: smtpPort,\n      smtp_username: smtpUsername,\n      smtp_password: smtpPassword,\n      email_from_address: emailFromAddress,\n      privacy_settings: privacySettings.settings,\n      aggregation_frequency: aggregationFrequency,\n      is_active: isActive || false,\n      is_lite_customer: tenant.isLite || false,\n      coe_intake_url: coeIntakeUrl || null,\n      coe_user_name: coeUserName,\n      coe_user_password: coeUserPassword,\n      force_save: forceCoeSave || false,\n    }\n\n    // don't send secret_access_key if it's empty\n    if (!params.privacy_settings.minio.secret_access_key) {\n      delete params.privacy_settings.minio.secret_access_key\n    }\n\n    if (!params.smtp_password) {\n      delete params.smtp_password\n    }\n\n    try {\n      await api.put(`/tenants/${tenantId}`, params)\n    } catch (error) {\n      if (error?.response?.data?.error_type !== 'shibumi') return\n      addModal({\n        children:\n          error?.response?.data?.error === 'Failed Permissions' ? <CoEManagerRoleError /> : <CoEManagerAuthError />,\n        footer: (\n          <Group>\n            <Button\n              onClick={() => {\n                removeModal('coeManagerCrednetialsModal')\n                setIsLoading(false)\n              }}\n            >\n              Cancel\n            </Button>\n            <Button\n              onClick={() => {\n                save(true)\n                setIsLoading(false)\n                removeModal('coeManagerCrednetialsModal')\n              }}\n              type='primary'\n            >\n              Save\n            </Button>\n          </Group>\n        ),\n        header: 'CoE Manager Credentials',\n        id: 'coeManagerCrednetialsModal',\n        style: { width: '500px', maxWidth: '90vw' },\n      })\n      return\n    }\n\n    if (allowAllSettings) {\n      const defaultObserverConfig = {\n        clipboardAllowed: clipboardAllowed || false,\n        keystrokeAllowed: keystrokeAllowed || false,\n        screenshotAllowed: screenshotAllowed || false,\n        titleAllowed: titleAllowed || false,\n      }\n\n      const allowBlockLists = []\n      if (urlListValue) allowBlockLists.push({ id: urlListValue, type: LIST_CATEGORIES.URL })\n      if (applicationListValue) allowBlockLists.push({ id: applicationListValue, type: LIST_CATEGORIES.APPLICATION })\n\n      await api.put(\n        `/tenants/neo_config_policies?id=${tenantId}`,\n        {\n          ...defaultObserverConfig,\n          allowBlockLists: allowBlockLists,\n          active: active || false,\n        },\n        false\n      )\n    }\n\n    setIsLoading(false)\n\n    if (uiStore.tenant.id === tenant.id && tenant.isLite !== defaultTenant.isLite) {\n      uiStore.setTenantData({ ...uiStore.tenant, isLite: tenant.isLite })\n    }\n    uiStore.setTenantData({ ...uiStore.tenant, coeIntakeUrl: coeIntakeUrl || null })\n\n    addNotification({\n      autoClose: 3000,\n      description: 'Your tenant settings have been saved.',\n      message: 'Updated Tenant',\n      type: 'success',\n    })\n\n    setIsTestable(true)\n    setDefaultTenant({ ...tenant })\n  }\n\n  const onSave = () => {\n    if (tenant.isLite !== defaultTenant.isLite) {\n      addModal({\n        children: 'Turning the \"FIQ Lite\" option off will enable machine learning services for this tenant.',\n        header: 'Confirm save',\n        id: 'fiq-lite-confirm',\n        style: { width: '400px' },\n        onCancel: () => {\n          // intentionally left blank\n        },\n        onOk: save,\n      })\n    } else {\n      save()\n    }\n  }\n\n  const onTest = async e => {\n    e.preventDefault()\n    const { data } = await api.put('/tenants/test')\n\n    addNotification({\n      autoClose: 3000,\n      description: `A test email has been sent to ${data.email}.`,\n      message: 'Email sent.',\n      type: 'success',\n    })\n  }\n\n  const selectOnChangeHandler = ({ name, value }) => {\n    setTenant({ ...tenant, [name]: value })\n  }\n\n  const onSwitchFiqLite = ({ SWITCH_STATE }) => setTenant({ ...tenant, isLite: SWITCH_STATE })\n\n  const onSwitch = ({ SWITCH_STATE }) =>\n    onChangePEG({ target: { name: 'privacySettings.settings.minio.active', value: SWITCH_STATE } })\n\n  if (isLoading || observerConfigLoading) {\n    return <MainLoader />\n  }\n\n  const getTenantType = () => {\n    const tenantTypeOption = TENANT_TYPES.find(type => type.value === tenant.tenantType)\n    if (roles.includes('superuser') && !tenantTypeOption) return { label: '', value: null }\n    if (!tenantTypeOption) return TENANT_TYPES[0]\n    return tenantTypeOption\n  }\n\n  return (\n    <Element style={containerCss}>\n      <Element style={contentCss}>\n        <Element style={columnCSS}>\n          <Heading level={4}>General Settings</Heading>\n          <DemiGroup>\n            <Input label='Tenant name' name='name' onChange={onChange} value={tenant.name} {...sharedInputProps} />\n            <Input\n              label='UniqueID (read only)'\n              onChange={onChange}\n              readOnly={true}\n              value={tenant.uuid}\n              {...sharedInputProps}\n            />\n          </DemiGroup>\n          {roles.includes('superuser') ? (\n            <Can perform='/tenants:set-tenant-type'>\n              <Label>Tenant Type</Label>\n              <Select\n                options={TENANT_TYPES}\n                onChange={({ value }) => selectOnChangeHandler({ name: 'tenantType', value: value })}\n                value={getTenantType()}\n                style={{ marginBottom: theme['default-spacer-md'] }}\n              />\n            </Can>\n          ) : (\n            <React.Fragment>\n              <Label>Tenant Type</Label>\n              <Input\n                value={getTenantType().value}\n                disabled={true}\n                style={{ marginBottom: theme['default-spacer-md'] }}\n              />\n            </React.Fragment>\n          )}\n\n          {defaultTenant.isLite && (\n            <Can perform='/tenants:see-fiq-lite-toggle'>\n              <SwitchSection\n                tooltip={!roleActionCheck('/tenants:set-fiq-lite', roles) && 'Only Super Users may edit this.'}\n                label='FIQ Lite'\n                id='fiqLiteSwitch'\n                checked={true}\n                onSwitch={onSwitchFiqLite}\n                disabled={!roleActionCheck('/tenants:set-fiq-lite', roles)}\n              />\n            </Can>\n          )}\n          <Input\n            label='Application URL'\n            name='appUrl'\n            onChange={onChange}\n            placeholder='https://example.automationanywhere.com'\n            type='url'\n            value={tenant.appUrl}\n          />\n          <Label htmlFor='aggregationFrequencySelect' {...selectLabelStyles}>\n            Aggregation Strategy\n          </Label>\n          <Select\n            defaultValue={AGGREGATION_STRATEGIES[getIndex(tenant?.aggregationFrequency)]}\n            id='aggregationFrequencySelect'\n            onChange={({ value }) => selectOnChangeHandler({ name: 'aggregationFrequency', value: value })}\n            options={AGGREGATION_STRATEGIES}\n            placeholder='Select an Aggregation Strategy...'\n          />\n\n          <SwitchSection\n            label='Active Tenant'\n            id='tenantIsActive'\n            checked={tenant.isActive}\n            onSwitch={({ SWITCH_STATE }) => onChange({ target: { name: 'isActive', value: SWITCH_STATE } })}\n            style={{ marginBottom: theme['default-spacer-lg'] }}\n          />\n\n          <Heading level={4}>COE Manager Integration</Heading>\n          <Label htmlFor='coeIntakeUrl' {...selectLabelStyles}>\n            <div style={{ display: 'flex', alignContent: 'center', flexWrap: 'wrap' }}>\n              COE Manager Opportunity Intake URL\n              <InfoTooltip\n                small={true}\n                containerStyle={{ top: 'initial' }}\n                title='This is the URL configured for the intake form for the CoE manager'\n              />\n            </div>\n          </Label>\n          <FormControl\n            errors={((tenant.coeUserName && !tenant.coeIntakeUrl) || !isCoeUrlValid) && { message: 'Invalid URL' }}\n            isRequired={false}\n            placeholder='COE Manager Opportunity Intake URL...'\n          >\n            <Input name='coeIntakeUrl' onChange={onChange} type='url' value={tenant.coeIntakeUrl} />\n          </FormControl>\n          <DemiGroup>\n            <FormControl\n              errors={\n                (tenant.coeIntakeUrl || tenant.coeUserPassword) &&\n                !tenant.coeUserName && { message: 'This field is required.' }\n              }\n              isRequired={false}\n              placeholder='COE Manager Opportunity Intake URL...'\n            >\n              <Input\n                label='COE Manager Username'\n                name='coeUserName'\n                onChange={onChange}\n                value={tenant.coeUserName}\n                placeholder='COE Manager Username...'\n                {...sharedInputProps}\n              />\n            </FormControl>\n            {/* password will not be sent, but if a user has a coe user name, they have a passwword */}\n            <FormControl\n              errors={\n                tenant.coeUserName &&\n                tenant.coeUserName !== defaultTenant.coeUserName &&\n                !tenant.coeUserPassword && { message: 'This field is required.' }\n              }\n              style={{ position: 'relative' }}\n              errorProps={{ style: { position: 'absolute', marginLeft: 0, width: '100%' } }}\n              isRequired={false}\n              placeholder={defaultTenant.coeUserName ? '***************' : 'COE Manager Password...'}\n            >\n              <Input\n                label='COE Manager Password'\n                name='coeUserPassword'\n                onChange={onChange}\n                value={tenant.coeUserPassword}\n                type='password'\n                {...sharedInputProps}\n              />\n            </FormControl>\n          </DemiGroup>\n\n          <Heading level={4} style={{ marginTop: theme['default-spacer-lg'] }}>\n            Mail Settings\n          </Heading>\n          <DemiGroup>\n            <Input\n              label='SMTP Host'\n              name='smtpHost'\n              onChange={onChange}\n              placeholder='smtp.example.com'\n              value={tenant.smtpHost}\n              {...sharedInputProps}\n            />\n            <Input\n              label='SMTP Port'\n              name='smtpPort'\n              onChange={onChange}\n              placeholder='587'\n              type='number'\n              value={tenant.smtpPort}\n              {...sharedInputProps}\n            />\n          </DemiGroup>\n          <DemiGroup>\n            <Input\n              label='SMTP Username'\n              name='smtpUsername'\n              onChange={onChange}\n              placeholder='username'\n              value={tenant.smtpUsername}\n              {...sharedInputProps}\n            />\n            <Input\n              label='SMTP Password'\n              name='smtpPassword'\n              onChange={onChange}\n              placeholder='password'\n              type='password'\n              value={tenant.smtpPassword}\n              {...sharedInputProps}\n            />\n          </DemiGroup>\n          <Input\n            containerProps={fullRowInputContainerProps}\n            label='Email From Address'\n            name='emailFromAddress'\n            onChange={onChange}\n            placeholder='noreply@example.com'\n            type='email'\n            value={tenant.emailFromAddress}\n            {...sharedInputProps}\n          />\n          <DemiGroup>\n            <Button onClick={onTest} disabled={!isTestable || isLoading}>\n              Send Test Email\n            </Button>\n          </DemiGroup>\n        </Element>\n        <Element style={columnCSS}>\n          {allowAllSettings && (\n            <Fragment>\n              <Heading level={4}>Observer Settings</Heading>\n              <Heading level={5} uppercase={true}>\n                Default Observer Settings\n                <InfoTooltip small={true} title='Default observer configuration for new tenant observers.' />\n              </Heading>\n              <Element style={observerConfigContainer}>\n                <ConfigureObserver\n                  screenshotAllowed={screenshotAllowed}\n                  titleAllowed={titleAllowed}\n                  keystrokeAllowed={keystrokeAllowed}\n                  clipboardAllowed={clipboardAllowed}\n                  urlLists={urlLists}\n                  urlListValue={urlListValue}\n                  urlListAccessType={urlListAccessType}\n                  accessTypeOnChange={(key, type, value) =>\n                    setObserverConfiguration({ ...observerConfiguration, [`${type}ListValue`]: null, [key]: value })\n                  }\n                  applicationLists={applicationLists}\n                  applicationListValue={applicationListValue}\n                  applicationListAccessType={applicationListAccessType}\n                  onChange={(key, value) => setObserverConfiguration({ ...observerConfiguration, [key]: value })}\n                  isLoading={observerConfigLoading}\n                  styled={false}\n                />\n              </Element>\n              <Row\n                gutter={get.numericValues('spacer').lg}\n                noOfCols={12}\n                noEndGutter={true}\n                type='grid'\n                style={{ marginBottom: theme['default-spacer-sm'] }}\n              >\n                <Col span={5}>\n                  <Heading level={5} style={{ whiteSpace: 'nowrap' }} uppercase={true}>\n                    New Observer Recording\n                    <InfoTooltip small={true} title='Enable or disable recording for new observers.' />\n                  </Heading>\n                  <RadioGroup\n                    button={true}\n                    label='Observers Record'\n                    name='observerConfiguration.active'\n                    onChange={onObserverActiveChange}\n                    selectedValue={active}\n                    style={{ marginBottom: theme['default-spacer-sm'] }}\n                  >\n                    <Radio value={true}>Enable</Radio>\n                    <Radio value={false}>Disable</Radio>\n                  </RadioGroup>\n                </Col>\n                <Col span={7}>\n                  <Heading level={5} uppercase={true}>\n                    Observer Privacy\n                    <InfoTooltip small={false} title={<ObserverPrivacyTooltip />} />\n                  </Heading>\n                  <RadioGroup\n                    button={true}\n                    label='Observers Mode'\n                    name='privacySettings.settings.observers.mode'\n                    onChange={onObserverPrivacyChange}\n                    selectedValue={tenant.privacySettings.settings.observers.mode}\n                    style={{ marginBottom: theme['default-spacer-sm'] }}\n                  >\n                    <Radio value='default'>Standard Observer Names (Default)</Radio>\n                    <Radio value='strict'>Privacy Mode</Radio>\n                  </RadioGroup>\n                </Col>\n              </Row>\n            </Fragment>\n          )}\n          <Heading level={4} style={{ marginTop: theme['default-spacer-md'] }}>\n            PEG Settings\n          </Heading>\n          <DemiGroup>\n            <Input\n              label='Access Key ID'\n              name='privacySettings.settings.minio.access_key_id'\n              onChange={onChangePEG}\n              value={tenant.privacySettings.settings.minio?.access_key_id}\n              {...sharedInputProps}\n            />\n            <Input\n              label='Secret Access Key'\n              type='password'\n              name='privacySettings.settings.minio.secret_access_key'\n              onChange={onChangePEG}\n              {...sharedInputProps}\n            />\n          </DemiGroup>\n          <DemiGroup>\n            <Input\n              label='Endpoint'\n              name='privacySettings.settings.minio.endpoint'\n              onChange={onChangePEG}\n              placeholder='https://endpointurl.com/'\n              value={tenant.privacySettings.settings.minio?.endpoint}\n              {...sharedInputProps}\n            />\n            <Input\n              label='Bucket'\n              name='privacySettings.settings.minio.bucket'\n              onChange={onChangePEG}\n              value={tenant.privacySettings.settings.minio?.bucket}\n              {...sharedInputProps}\n            />\n          </DemiGroup>\n          <DemiGroup>\n            <Input\n              label='Region'\n              name='privacySettings.settings.minio.region'\n              onChange={onChangePEG}\n              value={tenant.privacySettings.settings.minio?.region}\n              {...sharedInputProps}\n            />\n            <span />\n          </DemiGroup>\n          <SwitchSection\n            label='Enable PEG'\n            id='pegIsActive'\n            checked={tenant.privacySettings.settings.minio?.active}\n            onSwitch={onSwitch}\n          />\n        </Element>\n      </Element>\n      <Element style={footerCss}>\n        <Button\n          disabled={isSubmitDisabled()}\n          loading={isLoading}\n          onClick={onSave}\n          style={{ marginLeft: 'auto' }}\n          type='secondary'\n        >\n          Save\n        </Button>\n      </Element>\n    </Element>\n  )\n}\n\nManageAccount.propTypes = {\n  defaultTenant: shape({\n    aggregationFrequency: string,\n    appUrl: string,\n    coeIntakeUrl: string,\n    coeUserName: oneOfType([string, null]),\n    createdAt: string,\n    emailFromAddress: string,\n    id: number,\n    isActive: bool,\n    isLite: bool,\n    name: string,\n    smtpHost: string,\n    smtpPassword: string,\n    smtpPort: string,\n    smtpUsername: string,\n    updatedAt: string,\n    uuid: string,\n  }),\n  tenantId: oneOfType(string, number),\n  isLoading: bool,\n  setIsLoading: func,\n  setDefaultTenant: func,\n  allowAllSettings: bool,\n}\n\nexport default ManageAccount\n","import React, { memo, useState, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport { Card, useFela, theme, chroma } from '@fortressiq/fiq-ds'\nimport { Charts, defaultChartConfigProps, FusionCharts, FusionTheme, PowerCharts, ReactFC } from 'components/viz/index'\n\nimport { chartWrapperCSS } from './styles'\n\nimport { cardTitleStyle } from './constants'\n\nReactFC.fcRoot(FusionCharts, PowerCharts, Charts, FusionTheme)\n\nconst CreditsChart = ({ chartData, loading }) => {\n  const { css } = useFela()\n  const [creditChartData, setCreditChartData] = useState([])\n  const [creditChartLabels, setCreditChartLabels] = useState([])\n\n  useEffect(() => {\n    const data = []\n    const labels = []\n    const barColor = chroma(theme['wine-tints-0']).hex()\n    Object.keys(chartData).forEach(key => {\n      labels.push({ label: key })\n      data.push({\n        value: chartData[key],\n        color: barColor,\n      })\n    })\n    setCreditChartLabels(labels)\n    setCreditChartData(data)\n  }, [chartData])\n\n  const dataSource = {\n    chart: {\n      showHoverEffect: '1',\n      theme: 'fusion',\n    },\n    categories: [{ category: creditChartLabels }],\n    dataset: [{ data: creditChartData }],\n  }\n\n  const chartConfig = {\n    ...defaultChartConfigProps,\n    dataFormat: 'json',\n    dataSource: dataSource,\n    height: '84%',\n    id: 'viz-credit-counts',\n    type: 'scrollcolumn2d',\n  }\n\n  return (\n    <Card\n      id='creditsChartCard'\n      className={css(chartWrapperCSS)}\n      headStyle={cardTitleStyle}\n      loading={loading}\n      title='Credit Consumption'\n    >\n      <ReactFC {...chartConfig} className={css({ marginTop: theme['default-spacer-md'] })} />\n    </Card>\n  )\n}\n\nCreditsChart.propTypes = {\n  chartData: PropTypes.arrayOf(PropTypes.number).isRequired,\n  loading: PropTypes.bool.isRequired,\n}\n\nexport default memo(CreditsChart)\n","import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport { Element, Icon, Typography, Spin, Statistic, useFela, theme } from '@fortressiq/fiq-ds'\nimport { countsBox, countBox, countBoxLoadContainer, statTitleCSS, statValueCSS, statBackIconCSS } from './styles'\n\nimport { cardTitleStyle, colorThemes, creditsDataProp } from './constants'\n\nconst { Text } = Typography\n\nconst StatCard = ({ icon, iconBack, color, title, value, loading }) => {\n  const { css } = useFela({ cardColor: colorThemes[color].card })\n\n  return (\n    <div className={css(countBox)}>\n      <Icon\n        icon={iconBack}\n        fill={colorThemes[color].icon}\n        color={colorThemes[color].card}\n        size={100}\n        style={statBackIconCSS}\n      />\n      {loading && <Spin containerStyle={countBoxLoadContainer} size={15} strokeWidth={1} />}\n      {!loading && (\n        <Fragment>\n          <Element style={{ display: 'flex', position: 'absolute', bottom: cardTitleStyle.height, zIndex: 2 }}>\n            <Statistic\n              valueStyle={statValueCSS}\n              value={value}\n              suffix={<Icon icon={icon} color={colorThemes[color].icon} fill={theme.white} />}\n            />\n          </Element>\n          <Text style={statTitleCSS}>{title}</Text>\n        </Fragment>\n      )}\n    </div>\n  )\n}\n\nconst CreditsCounts = ({ creditsData, loading }) => {\n  const { css } = useFela()\n\n  const aggregateCounts = () => {\n    let credits = 0\n    let users = 0\n    const usersHash = {}\n    creditsData.forEach(datem => {\n      credits += datem.credit\n      usersHash[datem.windows_username] = true\n    })\n    users = Object.keys(usersHash).length\n    return [credits, users]\n  }\n\n  return (\n    <div className={css(countsBox)}>\n      <StatCard\n        color='blue'\n        icon='visualizations'\n        iconBack='visualizations'\n        loading={loading}\n        title='Credits Used'\n        value={aggregateCounts()[0]}\n      />\n      <StatCard\n        color='green'\n        icon='fte'\n        iconBack='fte'\n        loading={loading}\n        title='User Count'\n        value={aggregateCounts()[1]}\n      />\n    </div>\n  )\n}\n\nCreditsCounts.propTypes = {\n  creditsData: creditsDataProp.isRequired,\n  loading: PropTypes.bool.isRequired,\n}\n\nexport default CreditsCounts\n","import React, { useState, useEffect } from 'react'\nimport { func } from 'prop-types'\n\nimport {\n  Button,\n  DateTimePickerRange,\n  dropShadowCSS,\n  get,\n  Group,\n  helpers,\n  Overlay,\n  Select,\n  theme,\n} from '@fortressiq/fiq-ds'\nimport { format, parseISO } from 'date-fns'\n\nimport api from 'lib/Api'\n\nimport { filtersProp } from './constants'\n\nconst dateFormat = 'yyyy-MM-dd'\n\nconst Filters = ({ filters, setFilters, setShowing }) => {\n  const [dates, setDates] = useState([new Date(parseISO(filters.start_day)), new Date(parseISO(filters.end_day))])\n  const [tempFilters, setTempFilters] = useState({ ...filters })\n  const [userOptions, setUserOptions] = useState([])\n\n  useEffect(() => {\n    const fetchUserOptions = async () => {\n      const { data } = await api.get('/observers/windows_usernames/filters')\n      setUserOptions(data)\n    }\n    fetchUserOptions()\n  }, [])\n\n  const changeDateRange = ds => {\n    setDates(ds)\n    setTempFilters({\n      ...tempFilters,\n      start_day: format(ds[0], dateFormat),\n      end_day: format(ds[1], dateFormat),\n    })\n  }\n\n  const changeUsers = usersList => {\n    setTempFilters({ ...tempFilters, windows_username: usersList })\n  }\n\n  const applyFilters = () => {\n    setFilters(tempFilters)\n    setShowing(false)\n  }\n\n  return (\n    <Group noOfCols={3} noEndGutter={true}>\n      <DateTimePickerRange\n        bordered={true}\n        dateFormat={dateFormat}\n        onChange={changeDateRange}\n        showTime={false}\n        size='default'\n        style={{ border: 'none' }}\n        styles={{ popperStyle: { zIndex: theme['z-modal-above'] } }}\n        value={dates}\n      />\n      <Select\n        isMulti={true}\n        name='windows_username'\n        options={userOptions}\n        onChange={changeUsers}\n        placeholder='Include User(s)...'\n        value={tempFilters.windows_username}\n      />\n      <Button onClick={applyFilters}>Filter</Button>\n    </Group>\n  )\n}\n\nconst CreditsFilter = ({ filters, setFilters }) => {\n  const [showing, setShowing] = useState(false)\n\n  const placement = {\n    overflow: { adjustX: true, adjustY: true },\n    points: ['tl', 'bl'],\n    targetOffset: [0, `-${get.numericValues('spacer').sm}`],\n  }\n\n  const trigger = {\n    showing,\n    setShowing,\n    node: <Button icon='filter'>Filter Results</Button>,\n  }\n\n  const config = {\n    content: {\n      style: {\n        padding: `0 ${theme['default-spacer-sm']} ${theme['default-spacer-sm']}`,\n        ...dropShadowCSS,\n      },\n    },\n    disableOutsideClick: true,\n  }\n\n  return (\n    <Overlay\n      basic={false}\n      closeIcon={true}\n      config={config}\n      content={<Filters filters={filters} setFilters={setFilters} setShowing={setShowing} />}\n      draggable={true}\n      id='filter-credits-results'\n      placement={placement}\n      portal={true}\n      trigger={trigger}\n      zIndex={500} //below left nav bar\n    />\n  )\n}\n\nCreditsFilter.propTypes = {\n  filters: filtersProp.isRequired,\n  setFilters: func.isRequired,\n}\n\nFilters.propTypes = {\n  setShowing: func,\n}\n\nFilters.defaultProps = {\n  setShowing: helpers.noop,\n}\n\nexport default CreditsFilter\n","import React from 'react'\nimport { Button } from '@fortressiq/fiq-ds'\n\nimport uiStore from 'lib/UiStore'\n\nimport { creditsDataProp } from './constants'\n\nconst DownloadCreditsButton = ({ creditsData }) => {\n  function saveFile(data, filename) {\n    if (!data) return\n    const blob = data.constructor !== Blob ? new Blob([data], { type: 'application/octet-stream' }) : data\n    if (navigator.msSaveBlob) {\n      navigator.msSaveBlob(blob, filename)\n      return\n    }\n    const lnk = document.createElement('a')\n    const url = window.URL\n    lnk.download = filename || 'untitled'\n    lnk.href = url.createObjectURL(blob)\n    lnk.dispatchEvent(new MouseEvent('click'))\n    setTimeout(url.revokeObjectURL.bind(url, lnk.href))\n  }\n\n  const downloadCSV = async () => {\n    const keys = ['observed_at_day', 'windows_username', 'credit', 'event_log_count']\n    const columnHeaders = ['Date', 'Windows Username', 'Credits', 'Events']\n\n    const replacer = (key, value) => (value === null ? '' : value)\n    let csv = [...creditsData].map(row => {\n      return keys\n        .map(fieldName => {\n          return JSON.stringify(row[fieldName], replacer)\n        })\n        .join(',')\n    })\n    csv.unshift(columnHeaders.join(','))\n    csv = csv.join('\\r\\n')\n    const blobData = new Blob([csv])\n    const today = new Date()\n    const dateTime = today.toISOString()\n\n    saveFile(blobData, `${dateTime}_${uiStore.tenant.name}_credits-usage.csv`)\n  }\n\n  return (\n    <Button type='secondary' icon='downloadbutton' onClick={downloadCSV}>\n      Download CSV\n    </Button>\n  )\n}\n\nDownloadCreditsButton.propTypes = {\n  creditsData: creditsDataProp.isRequired,\n}\n\nexport default DownloadCreditsButton\n","import React, { useState, useEffect } from 'react'\nimport { Group, Tag, useFela } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\nimport CreditsCounts from './CreditsCounts'\nimport CreditsChart from './CreditsChart'\nimport CreditsFilter from './CreditsFilter'\nimport DownloadCreditsButton from './DownloadCreditsButton'\nimport UserBreakdownTable from './UserBreakdownTable'\n\nimport { controlsWrapper, dashWrapperCSS } from './styles'\n\nimport { filtersInit } from './constants'\n\nconst ManageCredits = () => {\n  const [loading, setLoading] = useState(true)\n  const [filters, setFilters] = useState(filtersInit())\n  const [creditsData, setCreditsData] = useState([])\n  const [userBreakdownData, setUserBreakdownData] = useState([])\n  const [userBreakdownExpandHash, setUserBreakdownExpandHash] = useState({})\n  const [chartData, setChartData] = useState([])\n  const { css } = useFela()\n\n  useEffect(() => {\n    const fetchData = async () => {\n      const windowsUsernames = filters.windows_username.map(user => user.label).join(',')\n      const params = { ...filters, windows_username: windowsUsernames }\n      const { data } = await api.get('/v1/credit_usages', params)\n      setCreditsData(data || [])\n      getUserBreakdownAndCounts(data)\n      setLoading(false)\n    }\n    fetchData()\n  }, [filters])\n\n  const getUserBreakdownAndCounts = data => {\n    const userTableData = []\n    const userHash = {}\n    const expandData = {}\n    const myChartData = []\n\n    let index = 0\n    data.forEach(datem => {\n      // get user aggregate (user table data)\n      if (userTableData[userHash[datem.windows_username]]) {\n        userTableData[userHash[datem.windows_username]].creditCount += datem.credit\n        userTableData[userHash[datem.windows_username]].eventCount += datem.event_log_count\n      } else {\n        userTableData.push({\n          user: datem.windows_username,\n          creditCount: datem.credit,\n          eventCount: datem.event_log_count,\n          userExpand: [],\n        })\n        userHash[datem.windows_username] = index\n        index += 1\n      }\n\n      // get user dates breakout data (sub tables)\n      if (!expandData[datem.windows_username]) {\n        expandData[datem.windows_username] = []\n      }\n      expandData[datem.windows_username].push(datem)\n\n      //get date aggregate (bar chart data)\n      const currentCount = myChartData[datem.observed_at_day] || 0\n      myChartData[datem.observed_at_day] = currentCount + datem.credit\n    })\n\n    setUserBreakdownData(userTableData)\n    setUserBreakdownExpandHash(expandData)\n    setChartData(myChartData)\n  }\n\n  return (\n    <section className={css(dashWrapperCSS)}>\n      <Group justify='space-between' className={css(controlsWrapper)}>\n        <Group align='flex-end'>\n          <CreditsFilter filters={filters} setFilters={setFilters} />\n          <DownloadCreditsButton creditsData={creditsData} filters={filters} />\n        </Group>\n        <Group align='flex-end' noEndGutter={true} justify='flex-end'>\n          <Tag key='credits-filter-range'>{`${filters.start_day} - ${filters.end_day}`}</Tag>\n          {filters.windows_username.map(username => (\n            <Tag key={username}>{username.label}</Tag>\n          ))}\n        </Group>\n      </Group>\n      <CreditsCounts loading={loading} creditsData={creditsData} />\n      <UserBreakdownTable\n        loading={loading}\n        userBreakdownData={userBreakdownData}\n        userBreakdownExpandHash={userBreakdownExpandHash}\n      />\n      <CreditsChart loading={loading} chartData={chartData} />\n    </section>\n  )\n}\n\nexport default ManageCredits\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Button, Card, Element, Table, useFela, theme } from '@fortressiq/fiq-ds'\n\nimport { tableCard, tableWrapperCSS } from './styles'\nimport { cardTitleStyle } from './constants'\n\nconst UserBreakdownTable = ({ loading, userBreakdownData, userBreakdownExpandHash }) => {\n  const { css } = useFela()\n\n  const renderDataBreakout = props => {\n    return (\n      <Element style={{ background: theme['legacy-color-gray'], padding: theme['default-spacer-md'] }}>\n        <Element\n          style={{ border: `1px solid ${theme['antd-card-border']}`, background: theme.white, overflow: 'hidden' }}\n        >\n          <Table\n            columns={[\n              {\n                Header: 'Date',\n                accessor: 'observed_at_day',\n                width: 100,\n              },\n              {\n                Header: 'Credits',\n                accessor: 'credit',\n                width: 75,\n              },\n              {\n                Header: 'Event Count',\n                accessor: 'event_log_count',\n              },\n            ]}\n            data={userBreakdownExpandHash[props.row.original.user]}\n            disablePagination={true}\n            disableResizing={true}\n            verticalBorders={false}\n          />\n        </Element>\n      </Element>\n    )\n  }\n\n  return (\n    <div className={css(tableWrapperCSS)}>\n      <Card className={css(tableCard)} headStyle={cardTitleStyle} loading={loading} title='User Breakdown'>\n        <Table\n          columns={[\n            {\n              accessor: 'id',\n              disableSortBy: true,\n              width: 20,\n              Cell: ({ value, row: { isExpanded, getToggleRowExpandedProps } }) => (\n                <Button\n                  size='small'\n                  flat={true}\n                  {...getToggleRowExpandedProps()}\n                  style={{ background: isExpanded ? theme['field-bg-dark'] : 'initial', width: '26px' }}\n                >\n                  {isExpanded ? '-' : '+'}\n                </Button>\n              ),\n            },\n            {\n              Header: 'User',\n              accessor: 'user',\n            },\n            {\n              Header: 'Credits',\n              accessor: 'creditCount',\n              width: 90,\n            },\n            {\n              Header: 'Event Count',\n              accessor: 'eventCount',\n              width: 90,\n            },\n          ]}\n          data={userBreakdownData}\n          disablePagination={true}\n          disableResizing={true}\n          renderRowSubComponent={renderDataBreakout}\n        />\n      </Card>\n    </div>\n  )\n}\n\nUserBreakdownTable.propTypes = {\n  loading: PropTypes.bool.isRequired,\n  userBreakdownData: PropTypes.arrayOf(\n    PropTypes.shape({\n      user: PropTypes.string,\n      creditCount: PropTypes.number,\n      eventCount: PropTypes.number,\n    })\n  ).isRequired,\n  userBreakdownExpandHash: PropTypes.objectOf(\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        observed_at_day: PropTypes.string,\n        credits: PropTypes.number,\n        event_log_count: PropTypes.number,\n      })\n    )\n  ).isRequired,\n}\n\nexport default UserBreakdownTable\n","import PropTypes from 'prop-types'\nimport { theme } from '@fortressiq/fiq-ds'\n\nexport const cardTitleStyle = {\n  height: '36px',\n}\n\nexport const filtersInit = () => {\n  const today = new Date()\n  const defaultStartDate = new Date()\n  defaultStartDate.setDate(today.getDate() - 14)\n\n  return {\n    start_day: defaultStartDate.toLocaleDateString('en-CA'),\n    end_day: today.toLocaleDateString('en-CA'),\n    windows_username: [],\n  }\n}\n\nexport const creditsDataProp = PropTypes.arrayOf(\n  PropTypes.shape({\n    credit: PropTypes.number,\n    event_log_count: PropTypes.number,\n    observed_at_day: PropTypes.string,\n    tenant_id: PropTypes.number,\n    windows_username: PropTypes.string,\n  })\n)\n\nexport const filtersProp = PropTypes.shape({\n  start_day: PropTypes.string,\n  end_day: PropTypes.string,\n  /* eslint-disable-next-line react/forbid-prop-types */\n  windows_username: PropTypes.arrayOf(PropTypes.object),\n})\n\nexport const colorThemes = {\n  blue: {\n    card: theme['blue-tints-13'],\n    icon: theme['blue-tints-10'],\n  },\n  green: {\n    card: theme['green-tints-13'],\n    icon: theme['green-tints-10'],\n  },\n}\n","import { theme } from '@fortressiq/fiq-ds'\n\nconst cardsCSS = {\n  boxShadow: '1px 1px 3px rgba(0, 0, 0, 0.1)',\n}\n\nexport const dashWrapperCSS = () => ({\n  background: theme['typography-code-color'],\n  boxShadow: `0 0 0 ${theme['default-spacer-sm']} ${theme['typography-code-color']}`,\n  display: 'grid',\n  gridGap: theme['default-spacer-md'],\n  gridTemplateColumns: '30% 1fr',\n  gridTemplateRows: 'minmax(32px, auto) 110px 1fr',\n  height: '100%',\n  minHeight: '300px',\n  overflow: 'auto',\n  padding: theme['default-spacer-md'],\n  width: '100%',\n})\n\nexport const controlsWrapper = () => ({\n  alignItems: 'end',\n  gridColumn: '1 / span 2',\n  gridRow: '1 / 1',\n})\n\nexport const countsBox = () => ({\n  gridColumn: '1 / 1',\n  gridRow: '2 / 2',\n  display: 'flex',\n  justifyContent: 'space-between',\n})\n\nexport const countBox = ({ cardColor }) => ({\n  backgroundColor: cardColor,\n  borderRadius: theme['default-spacer-xs'],\n  color: theme.white,\n  overflow: 'hidden',\n  padding: theme['default-spacer-md'],\n  position: 'relative',\n  width: '49%',\n  ...cardsCSS,\n})\n\nexport const countBoxLoadContainer = () => ({\n  alignItems: 'center',\n  display: 'flex',\n  height: '100%',\n  justifyContent: 'center',\n  width: '100%',\n})\n\nexport const chartWrapperCSS = () => ({\n  gridColumn: '2 / 2',\n  gridRow: '2 / span 2',\n  overflow: 'hidden',\n  ...cardsCSS,\n})\n\nexport const tableWrapperCSS = () => ({\n  gridColumn: '1 / 1',\n  gridRow: '3 / 3',\n  minHeight: '0',\n})\n\nexport const tableCard = () => ({\n  overflow: 'auto',\n  maxHeight: '100%',\n  width: '100%',\n\n  ...cardsCSS,\n\n  '& > div:first-child': {\n    minHeight: 'initial !important',\n  },\n})\n\nexport const statTitleCSS = () => ({\n  fontWeight: '600',\n  display: 'block',\n  position: 'absolute',\n  bottom: theme['default-spacer-sm'],\n  left: theme['default-spacer-md'],\n  zIndex: 1,\n})\n\nexport const statValueCSS = () => ({\n  color: theme['gray-tint-0'],\n  display: 'inline-block',\n  fontSize: '40px',\n  fontWeight: '100',\n  paddingBottom: theme['default-spacer-md'],\n  width: '85%',\n})\n\nexport const statBackIconCSS = () => ({\n  position: 'absolute',\n  right: '-28px',\n  bottom: '-18px',\n  margin: `0 ${theme['default-spacer-xs']}`,\n  zIndex: '0',\n})\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Element, Label, Switch, Tooltip, theme } from '@fortressiq/fiq-ds'\n\nconst SwitchSection = ({ checked, disabled, tooltip, id, label, onSwitch, style }) => {\n  const sharedSwitchProps = {\n    checked,\n    disabled,\n    id,\n    inline: true,\n    onSwitch,\n  }\n\n  return (\n    <Element style={{ alignItems: 'center', display: 'flex', margin: `${theme['default-spacer-md']} 0`, ...style }}>\n      <Label htmlFor={id} style={{ marginRight: theme['default-spacer-sm'], paddingBottom: 0 }}>\n        {label}\n      </Label>\n      {tooltip ? (\n        <Tooltip title={tooltip}>\n          <Switch {...sharedSwitchProps} />\n        </Tooltip>\n      ) : (\n        <Switch {...sharedSwitchProps} />\n      )}\n    </Element>\n  )\n}\n\nSwitchSection.propTypes = {\n  checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]).isRequired,\n  disabled: PropTypes.bool,\n  tooltip: PropTypes.string,\n  id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  label: PropTypes.string.isRequired,\n  onSwitch: PropTypes.func.isRequired,\n  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n}\n\nSwitchSection.defaultProps = {\n  disabled: false,\n  tooltip: undefined,\n  id: '',\n  style: undefined,\n}\n\nexport default SwitchSection\n","import React, { useEffect, useState } from 'react'\nimport { useHistory } from 'react-router-dom'\nimport { useNotification, useForm, Button, Col, Input, Row } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\nimport FieldWrapper from 'components/form/FieldWrapper'\nimport ControlledSelect from 'components/form/ControlledSelect'\n\nimport { useUserState } from 'context/UserContext'\nimport { useHeaderDispatch } from '../../header/HeaderContext'\nimport { gutter, topMarginStyle } from '../common/constants'\nimport SwitchSection from './SwitchSection'\n\nimport { TENANT_TYPES } from './constants'\n\nconst FormRowDouble = ({ left, right }) => (\n  <Row gutter={gutter} type='grid' noOfCols={2} style={topMarginStyle}>\n    {left}\n    {right}\n  </Row>\n)\n\nconst FormRowSingle = ({ children }) => (\n  <Row gutter={gutter} type='grid' noOfCols={1} style={topMarginStyle}>\n    {children}\n  </Row>\n)\n\nconst FormHeader = ({ register, formState }) => {\n  return (\n    <FieldWrapper label='Tenant Name' htmlFor='tenant_name' error={formState.errors.tenant_name}>\n      <Input {...register('tenant_name', { required: 'Tenant Name is required.' })} />\n    </FieldWrapper>\n  )\n}\n\nconst pageTitle = 'Create a Tenant'\nconst defaultFormState = {\n  tenant_name: '',\n  tenant_type: TENANT_TYPES[0]['value'],\n  username: '',\n  email: '',\n  password: '',\n  first_name: '',\n  last_name: '',\n  is_lite_customer: false,\n}\n\nconst TenantCreator = () => {\n  const { addNotification } = useNotification()\n  const history = useHistory()\n  const { roles } = useUserState()\n  const { register, handleSubmit, control, formState, setValue } = useForm({\n    mode: 'all',\n    reValidateMode: 'onChange',\n    defaultValues: defaultFormState,\n  })\n\n  const onSwitchFiqLite = ({ SWITCH_STATE }) => setValue('is_lite_customer', SWITCH_STATE)\n  const headerDispatch = useHeaderDispatch()\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      heading: pageTitle,\n      title: pageTitle,\n    })\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch])\n\n  const onSave = async values => {\n    const { data } = await api.post('/tenants', values)\n    if (data.ok) {\n      addNotification({\n        description: `${values.tenant_name} successfully created.`,\n        message: 'Success',\n        type: 'success',\n      })\n    }\n    history.push('/admin/tenants')\n  }\n\n  return (\n    <form style={{ maxWidth: '800px', margin: '24px 18px' }} onSubmit={handleSubmit(onSave)}>\n      <FormHeader register={register} formState={formState} />\n\n      <FieldWrapper label='Tenant Type' htmlFor='tenant_type' error={formState?.errors?.tenant_type}>\n        <ControlledSelect\n          control={control}\n          isDisabled={!roles.includes('superuser')}\n          isMulti={false}\n          name='tenant_type'\n          options={TENANT_TYPES}\n          portal={true}\n          rules={{ required: 'Tenant Type is required' }}\n          constructSelectedValue={true}\n        />\n      </FieldWrapper>\n\n      <FieldWrapper label='Admin Username' htmlFor='username' error={formState?.errors?.username}>\n        <Input type='text' {...register('username', { required: 'Admin Username is required.' })} />\n      </FieldWrapper>\n      <FormRowDouble\n        left={\n          <FieldWrapper label='Admin Email' htmlFor='email' error={formState?.errors?.email}>\n            <Input type='email' {...register('email', { required: 'Admin Email is required.' })} />\n          </FieldWrapper>\n        }\n        right={\n          <FieldWrapper label='Admin Password' htmlFor='password' error={formState?.errors?.password}>\n            <Input type='password' {...register('password', { required: 'Admin Password is required.' })} />\n          </FieldWrapper>\n        }\n      />\n      <FormRowDouble\n        left={\n          <FieldWrapper label='Admin First Name' htmlFor='first_name' error={formState?.errors?.first_name}>\n            <Input {...register('first_name', { required: 'Admin First Name is required.' })} />\n          </FieldWrapper>\n        }\n        right={\n          <FieldWrapper label='Admin Last Name' htmlFor='last_name' error={formState?.errors?.last_name}>\n            <Input {...register('last_name', { required: 'Admin Last Name is required.' })} />\n          </FieldWrapper>\n        }\n      />\n      <SwitchSection label='FIQ Lite' id='fiqLiteSwitch' onSwitch={onSwitchFiqLite} />\n      <Row gutter={gutter} type='flex' noOfCols={1} style={topMarginStyle}>\n        <Col>\n          <Button type='secondary'>Save</Button>\n        </Col>\n      </Row>\n    </form>\n  )\n}\n\nexport default TenantCreator\n","/* eslint-disable import/no-cycle */\nimport React, { Fragment, useState, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport { useParams } from 'react-router-dom'\nimport { useGetSetState } from 'react-use'\n\nimport api from 'lib/Api'\nimport uiStore from 'lib/UiStore'\n\nimport LoadingContainer from 'components/LoadingContainer'\nimport IntegrationsDropdown from 'components/IntegrationsDropdown'\nimport NotFound from 'components/404/NotFound'\n\nimport { useHeaderDispatch } from '../../header/HeaderContext'\nimport CreateTenantButton from './CreateTenantButton'\nimport ManageAccount from './ManageAccount'\nimport ManageCredits from './ManageCredits/ManageCredits'\nimport TenantEditorNavigation from './TenantEditorNavigation'\nimport { AGGREGATION_STRATEGIES } from './constants'\n\nconst TenantEditor = ({ id = uiStore.tenant.id }) => {\n  const [isLoading, setIsLoading] = useState(true)\n  const headerDispatch = useHeaderDispatch()\n  const [get, setState] = useGetSetState({\n    aggregationFrequency: AGGREGATION_STRATEGIES[0].value,\n    isActive: false,\n    name: '',\n    uuid: '',\n    appUrl: '',\n    smtpHost: '',\n    smtpPort: '',\n    smtpUsername: '',\n    smtpPassword: '',\n    emailFromAddress: '',\n    privacySettings: uiStore.tenant.privacySettings,\n    coeIntakeUrl: '',\n  })\n  const { id: tenantId = id, page } = useParams()\n\n  useEffect(() => {\n    async function fetchTenant() {\n      const { data } = await api.get(`/tenants/${tenantId}`)\n      const { name } = data\n\n      setState(data)\n      headerDispatch({\n        type: 'set',\n        heading: `${name} Settings`,\n        title: `Tenants: ${name}`,\n        toolbarActions: [\n          <CreateTenantButton key='create-tenant-button' />,\n          <IntegrationsDropdown key='event-integrations' integrationType='tenant' objectId={tenantId} />,\n        ],\n      })\n      setIsLoading(false)\n    }\n\n    if (page === 'credits' || page === 'account' || page === 'edit' || page === undefined) {\n      fetchTenant()\n      return () => {\n        headerDispatch({\n          type: 'clear',\n        })\n      }\n    }\n  }, [tenantId, headerDispatch, page, setState])\n\n  let content = null\n  switch (page) {\n    case 'credits':\n      content = (\n        <LoadingContainer loading={isLoading}>\n          <ManageCredits />\n        </LoadingContainer>\n      )\n      break\n    case 'account':\n    case 'edit':\n    case undefined:\n      content = (\n        <LoadingContainer loading={isLoading}>\n          <ManageAccount\n            tenantId={tenantId}\n            defaultTenant={{ ...get() }}\n            setDefaultTenant={setState}\n            isLoading={isLoading}\n            setIsLoading={setIsLoading}\n            allowAllSettings={page === 'account'}\n          />\n        </LoadingContainer>\n      )\n      break\n    default:\n      return <NotFound />\n  }\n\n  return (\n    <Fragment>\n      <TenantEditorNavigation id={tenantId} page={!page || page === 'edit' ? 'account' : page} />\n      {content}\n    </Fragment>\n  )\n}\n\nTenantEditor.propTypes = {\n  id: PropTypes.number,\n}\n\nexport default TenantEditor\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Link, useLocation } from 'react-router-dom'\nimport { useFela } from '@fortressiq/fiq-ds'\n\nimport { navigationContainer, activeStyles } from './styles'\n\nconst TenantEditorNavigation = ({ id, page }) => {\n  const { css } = useFela()\n  const { pathname } = useLocation()\n  let baseUrl = '/admin/'\n  if (pathname.startsWith('/admin/tenants')) {\n    baseUrl = `/admin/tenants/${id}/`\n  }\n\n  const LINKS = {\n    account: { to: `${baseUrl}account`, text: 'Manage Account' },\n  }\n\n  return (\n    <div className={css(navigationContainer)}>\n      {Object.entries(LINKS).map(([key, { to, text }]) => (\n        <Link key={key} to={to} className={page === key ? css(activeStyles) : null}>\n          {text}\n        </Link>\n      ))}\n    </div>\n  )\n}\n\nTenantEditorNavigation.propTypes = {\n  id: PropTypes.number.isRequired,\n  page: PropTypes.string.isRequired,\n}\n\nexport default TenantEditorNavigation\n","import React, { useEffect, useState } from 'react'\nimport { AdvancedCell, Button, Switch, DateCell } from '@fortressiq/fiq-ds'\n\nimport TrinityTable, { columnWidths } from 'components/TrinityTable'\n\nimport api from 'lib/Api'\n\nimport { useHeaderDispatch } from '../../header/HeaderContext'\nimport CreateTenantButton from './CreateTenantButton'\n\nconst pageTitle = 'All Tenants'\n\nconst sortKeyMap = {\n  createdAt: 'created_at',\n  appUrl: 'app_url',\n  isActive: 'is_active',\n  tenantType: 'tenant_type',\n}\n\nconst TenantIsActive = ({ isActive: isActiveDefault, tenantId, updateCellData }) => {\n  const [isActive, setIsActive] = useState(isActiveDefault)\n  const handleChange = ({ SWITCH_STATE: val }) => {\n    api.put(`/tenants/${tenantId}`, { is_active: val })\n    updateCellData(val)\n    setIsActive(val)\n  }\n\n  useEffect(() => {\n    setIsActive(isActiveDefault)\n  }, [isActiveDefault])\n\n  // TODO: Will need updating with fiq-ds@4.x.x\n  return <Switch checked={isActive} onSwitch={handleChange} />\n}\n\nconst TenantList = () => {\n  const headerDispatch = useHeaderDispatch()\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      heading: pageTitle,\n      title: pageTitle,\n    })\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch])\n\n  const columns = [\n    {\n      Header: 'ID',\n      accessor: 'id',\n      width: columnWidths.id,\n    },\n    {\n      Header: 'Name',\n      accessor: 'name',\n      Cell: ({ value }) => <AdvancedCell>{value}</AdvancedCell>,\n    },\n    {\n      Header: 'Application URL',\n      accessor: 'appUrl',\n      Cell: ({ value }) => <AdvancedCell>{value}</AdvancedCell>,\n    },\n    {\n      Header: 'UUID',\n      accessor: 'uuid',\n      Cell: ({ value }) => <AdvancedCell>{value}</AdvancedCell>,\n    },\n    {\n      Header: 'Tenant Type',\n      accessor: 'tenantType',\n      Cell: ({ value }) => <AdvancedCell>{value}</AdvancedCell>,\n    },\n    {\n      Header: 'Created At',\n      accessor: 'createdAt',\n      width: columnWidths.date,\n      Cell: ({ value }) => <DateCell timestamp={value} />,\n    },\n    {\n      Header: 'Is Active',\n      accessor: 'isActive',\n      align: 'center',\n      width: 40,\n      minWidth: 40,\n      Cell: ({\n        value: isActive,\n        row: {\n          original: { id },\n        },\n        updateCellData,\n      }) => <TenantIsActive tenantId={id} isActive={isActive} updateCellData={updateCellData} />,\n    },\n    {\n      Header: 'Actions',\n      accessor: 'actions',\n      width: 80,\n      disableSortBy: true,\n      disableResizing: true,\n      align: 'center',\n      Cell: ({\n        row: {\n          original: { id },\n        },\n      }) => (\n        <Button href={`/admin/tenants/${id}/edit`} size='small'>\n          Edit\n        </Button>\n      ),\n    },\n  ]\n  return (\n    <TrinityTable\n      sortKeyMap={sortKeyMap}\n      toolbarActions={[<CreateTenantButton key='createTenant' />]}\n      url='/tenants'\n      dataKey='tenants'\n      tableId='tenants-id'\n      columns={columns}\n    />\n  )\n}\n\nexport default TenantList\n","import React from 'react'\nimport { UserProvider } from 'context/UserContext'\n\nimport CreateTenantButton from '../CreateTenantButton'\n\ndescribe('CreateTenantButton component', () => {\n  beforeEach(() => {})\n  it('should render without throwing an error', () => {\n    const component = global.mountWithTheme(\n      <UserProvider init={{ roleNames: 'superuser' }}>\n        <CreateTenantButton />\n      </UserProvider>\n    )\n    expect(component).toMatchSnapshot()\n    expect(() => component).not.toThrow()\n  })\n\n  it('should NOT render', () => {\n    const component = global.mountWithTheme(\n      <UserProvider init={{ roleNames: 'limited' }}>\n        <CreateTenantButton />\n      </UserProvider>\n    )\n    expect(component).toMatchSnapshot()\n    expect(() => component).not.toThrow()\n  })\n})\n","import React from 'react'\nimport { UserProvider } from 'context/UserContext'\n\nimport ManageAccount from '../ManageAccount'\n\nconst defaultTenant = {\n  aggregationFrequency: '',\n  appUrl: '',\n  coeIntakeUrl: '',\n  coeUserName: '',\n  createdAt: '',\n  emailFromAddress: '',\n  id: 123,\n  isActive: true,\n  isLite: false,\n  name: '',\n  smtpHost: '',\n  smtpPassword: '',\n  smtpPort: '',\n  smtpUsername: '',\n  updatedAt: '',\n  uuid: '',\n}\n\nconst manageAccountProps = {\n  defaultTenant: defaultTenant,\n  tenantId: '1',\n  isLoading: false,\n  setIsLoading: () => {},\n  setDefaultTenant: () => {},\n  allowAllSettings: true,\n}\n\njest.mock('@fortressiq/fiq-ds', () => {\n  return {\n    useNotification: () => ({\n      addNotification: () => {},\n    }),\n    Typography: { Paragraph: ({ props }) => <div {...props} /> },\n    theme: { 'default-spacer-md': '16px' },\n    useModal: () => ({\n      addModal: () => undefined,\n      removeModal: () => undefined,\n    }),\n    Element: props => <div {...props} />,\n  }\n})\n\ndescribe('ManageAccount component', () => {\n  beforeEach(() => {})\n  it('should render without throwing an error', () => {\n    const component = global.mountWithTheme(\n      <UserProvider init={{ roleNames: 'superuser' }}>\n        <ManageAccount {...manageAccountProps} />\n      </UserProvider>\n    )\n    expect(component).toMatchSnapshot()\n    expect(() => component).not.toThrow()\n  })\n})\n","import React from 'react'\nimport { shallow } from 'enzyme'\nimport { UserProvider } from 'context/UserContext'\nimport { HeaderProvider } from '../../../header/HeaderContext'\n\nimport TenantCreator from '../TenantCreator'\n\njest.mock('@fortressiq/fiq-ds', () => {\n  const mockComponent = props => <div {...props} />\n\n  return {\n    useNotification: () => ({\n      addNotification: () => {},\n    }),\n    Typography: { Text: () => {} },\n    useForm: () => ({\n      register: () => {},\n      handleSubmit: () => {},\n      control: {},\n      formState: {},\n      setValue: () => {},\n    }),\n    Button: mockComponent,\n    Col: mockComponent,\n    Element: mockComponent,\n    Input: mockComponent,\n    Row: mockComponent,\n  }\n})\n\ndescribe('TenantCreator component', () => {\n  beforeEach(() => {})\n  it('should render without throwing an error', () => {\n    const component = shallow(\n      <UserProvider init={{ roleNames: 'superuser' }}>\n        <HeaderProvider>\n          <TenantCreator />\n        </HeaderProvider>\n      </UserProvider>\n    )\n    expect(component).toMatchSnapshot()\n    expect(() => component).not.toThrow()\n  })\n})\n","/* eslint-disable max-len */\nexport const AGGREGATION_STRATEGIES = [\n  { value: '00:00:00', label: 'Continuous' },\n  { value: '08:00:00', label: 'Every 8 Hours' },\n  { value: '24:00:00', label: 'Daily' },\n]\n\nexport const TENANT_TYPES = [\n  { label: 'Customer', value: 'Customer' }, //default value\n  { label: 'Partner', value: 'Partner' },\n  { label: 'POC', value: 'POC' },\n  { label: 'Internal', value: 'Internal' },\n]\n\nexport const validCoeUrl =\n  /^https:\\/\\/util(.eu.|.ap.|.)(shibumi).(com)\\/customers\\/aa\\/coe-manager-intake\\/index(-v\\d+(.\\d+)*|)\\.php\\?k=[A-Za-z]+&ent_id=[^_\\W]{8}-[^_\\W]{4}-[^_\\W]{4}-[^_\\W]{4}-[^_\\W]{12}&program_id=\\d+&uguid=[^_\\W]{8}-[^_\\W]{4}-[^_\\W]{4}-[^_\\W]{4}-[^_\\W]{12}&appName=App+_\\d+__app(&language=([a-zA-Z]){0,2})?$/ //NOSONAR\n","import { theme } from '@fortressiq/fiq-ds'\n\nconst sm = theme['default-spacer-sm']\n\nexport const gridCSS = () => ({\n  height: '100%',\n  overflow: 'auto',\n  padding: sm,\n\n  '@media all and (min-width: 1200px)': {\n    display: 'flex',\n  },\n})\n\nconst md = theme['default-spacer-md']\nexport const navigationContainer = () => ({\n  marginLeft: md,\n  position: 'absolute',\n  top: '82px',\n\n  '& > a': {\n    textDecoration: 'none',\n    color: theme['gray-tints-12'],\n    fontWeight: 600,\n    marginRight: md,\n    paddingBottom: sm,\n  },\n})\n\nexport const activeStyles = () => ({\n  color: theme['blue-tints-10'],\n  borderBottom: `2px solid ${theme['blue-tints-10']}`,\n})\n\nexport const columnCSS = () => ({\n  padding: md,\n\n  '@media all and (min-width: 1200px)': {\n    width: '50%',\n  },\n})\n\nexport const containerCss = { display: 'flex', flexDirection: 'column', overflow: 'hidden', height: '100%' }\n\nexport const contentCss = {\n  flex: 1,\n  overflow: 'auto',\n  '@media all and (min-width: 1200px)': {\n    display: 'flex',\n    padding: `${md} 0`,\n  },\n}\n\nexport const coeErrorCss = {\n  marginLeft: 0,\n  position: 'aboslute',\n  paddingRight: '60px',\n}\n\nexport const footerCss = {\n  alignSelf: 'flex-end',\n  display: 'flex',\n  marginRight: md,\n  marginBottom: md,\n}\n\nexport const observerConfigContainer = () => ({\n  padding: `${sm} ${md} ${md}`,\n  marginBottom: theme['default-spacer-lg'],\n})\n\n// To be used when we add color delineation into manage account, presently unused:\nexport const sectionContainer = () => ({\n  background: theme['field-bg-light'],\n  border: `1px solid ${theme['field-bg-dark']}`,\n  borderRadius: theme['border-radius-base'],\n  padding: md,\n  marginBottom: theme['default-spacer-lg'],\n})\n","import React from 'react'\nimport { AdvancedCell, DateCell } from '@fortressiq/fiq-ds'\n\nimport Actions from './subComponents/Actions'\n\nexport const sortKeyMap = {\n  id: 'members.id',\n  username: 'username',\n  firstName: 'members.first_name',\n  lastName: 'members.last_name',\n  email: 'email',\n  roleNames: 'roles.name',\n  lastSignInAt: 'last_sign_in_at',\n  signInCount: 'sign_in_count',\n  confirmedAt: 'confirmed_at',\n  createdAt: 'created_at',\n  active: 'active',\n}\n\nexport const modalConfig = {\n  footer: false,\n  style: { height: 'auto', maxHeight: '650px', width: '600px' },\n  config: { interactWithKeyboard: false, destroyOnClose: true },\n  maskClosable: false,\n}\n\nexport const userModalId = 'user-form-modal'\nexport const kibanaLoginModalId = 'kibana-password-form-modal'\n\nexport const sharedColProps = {\n  date: { Cell: ({ value }) => <DateCell timestamp={value} /> },\n  text: { Cell: ({ value }) => <AdvancedCell>{value}</AdvancedCell> },\n}\n\nexport const actionsCellContent =\n  (handleDeleteUser, addUserModal, addKibanaPasswordModal, resetPassword, toggleActiveUser) =>\n  ({ row: { original } }) => (\n    <Actions\n      user={original}\n      handleDeleteUser={handleDeleteUser}\n      addUserModal={addUserModal}\n      addKibanaPasswordModal={addKibanaPasswordModal}\n      resetPassword={resetPassword}\n      toggleActiveUser={toggleActiveUser}\n      modalConfig={modalConfig}\n    />\n  )\n","/* eslint-disable react/no-unstable-nested-components */\nimport React, { Fragment, useEffect, useState } from 'react'\nimport { Button, Heading, useModal, useNotification } from '@fortressiq/fiq-ds'\nimport { useMount } from 'react-use'\n\nimport api from 'lib/Api'\nimport uiStore from 'lib/UiStore'\nimport ROLES from 'constants/roles'\n\nimport TrinityTable from 'components/TrinityTable'\nimport { useHeaderDispatch } from '../../header/HeaderContext'\nimport UserEditor from './subComponents/UserEditor'\n\nimport KibanaPassword from './subComponents/KibanaPassword'\n\nimport {\n  actionsCellContent,\n  kibanaLoginModalId,\n  modalConfig,\n  sharedColProps,\n  sortKeyMap,\n  userModalId,\n} from './constants'\n\nconst Users = () => {\n  const tenantId = uiStore.tenant.id\n  const headerDispatch = useHeaderDispatch()\n  const { addNotification } = useNotification()\n  const [reFetch, setRefetch] = useState(0)\n  const [isPegEnabled, setIsPegEnabled] = useState(false)\n  const { addModal, removeModal } = useModal()\n\n  useMount(() => {\n    async function fetchTenant() {\n      const { data } = await api.get(`/tenants/${tenantId}`)\n\n      setIsPegEnabled(!!data.privacySettings.settings.minio.active)\n    }\n    fetchTenant()\n  })\n\n  const handleReFetch = () => setRefetch(reFetch + 1)\n\n  const handleDeleteUser = async userId => {\n    await api.delete(`/users/${userId}`)\n    handleReFetch()\n  }\n\n  const resetPassword = async userId => {\n    await api.put(`/users/${userId}/reset_password`)\n\n    addNotification({\n      description: 'User will have to change their password on next login.',\n      message: 'Note',\n      type: 'info',\n    })\n  }\n\n  const toggleActiveUser = async ({ userId, active }) => {\n    await api.put(`/users/${userId}`, { active })\n    handleReFetch()\n  }\n\n  const addUserModal = ({ currentUser }) => {\n    const displayName = currentUser\n      ? `${currentUser.firstName} ${currentUser.lastName}`.trim() || currentUser.email\n      : undefined\n    addModal({\n      children: (\n        <UserEditor\n          handleReFetch={handleReFetch}\n          removeModal={() => removeModal(userModalId)}\n          currentUser={currentUser}\n          isPegEnabled={isPegEnabled}\n        />\n      ),\n      header: currentUser ? `Editing ${displayName}` : 'Create New User',\n      id: userModalId,\n      ...modalConfig,\n    })\n  }\n\n  const addKibanaPasswordModal = ({ currentUserId }) => {\n    addModal({\n      children: <KibanaPassword userId={currentUserId} removeModal={() => removeModal(kibanaLoginModalId)} />,\n      header: 'Set Event Reporting Password',\n      id: kibanaLoginModalId,\n      ...modalConfig,\n    })\n  }\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      title: 'Users',\n      heading: (\n        <Fragment>\n          <Heading className='header-title' level={1}>\n            Manage Users\n          </Heading>\n          <Heading className='header-title' level={2}>\n            Invite teammates and manage permissions\n          </Heading>\n        </Fragment>\n      ),\n    })\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch])\n\n  const columns = [\n    {\n      Header: 'Username',\n      accessor: 'username',\n      ...sharedColProps.text,\n    },\n    {\n      Header: 'First Name',\n      accessor: 'firstName',\n      ...sharedColProps.text,\n    },\n    {\n      Header: 'Last Name',\n      accessor: 'lastName',\n      ...sharedColProps.text,\n    },\n    {\n      Header: 'Email',\n      accessor: 'email',\n      ...sharedColProps.text,\n    },\n    {\n      Header: 'Roles',\n      accessor: 'roleNames',\n      Cell: ({ value }) => (ROLES[value]?.name ? ROLES[value].name : value),\n    },\n    {\n      Header: 'Last Sign-In',\n      accessor: 'lastSignInAt',\n      ...sharedColProps.date,\n    },\n    {\n      Header: 'Sign-Ins',\n      accessor: 'signInCount',\n      align: 'right',\n      width: 90,\n    },\n    {\n      Header: 'Confirmed At',\n      accessor: 'confirmedAt',\n      ...sharedColProps.date,\n    },\n    {\n      Header: 'Created At',\n      accessor: 'createdAt',\n      ...sharedColProps.date,\n    },\n    {\n      Header: 'Active',\n      accessor: 'active',\n      width: 80,\n      Cell: ({ value }) => value.toString(),\n    },\n    {\n      Header: 'Actions',\n      accessor: 'actions',\n      align: 'center',\n      disableSortBy: true,\n      width: 64,\n      Cell: actionsCellContent(handleDeleteUser, addUserModal, addKibanaPasswordModal, resetPassword, toggleActiveUser),\n    },\n  ]\n\n  return (\n    <TrinityTable\n      columns={columns}\n      dataKey='users'\n      globalFilterOptions={['usersEmail', 'usersUsername', 'roleFilter']}\n      key='users-table'\n      reFetch={reFetch}\n      sortKeyMap={sortKeyMap}\n      tableId='users-table'\n      toolbarActions={[\n        <Button key='create-user-link' onClick={addUserModal} type='secondary'>\n          Create User\n        </Button>,\n      ]}\n      url='/users'\n    />\n  )\n}\n\nexport default Users\n","import React from 'react'\nimport { Menu, MenuItem, Popconfirm } from '@fortressiq/fiq-ds'\nimport { func, shape } from 'prop-types'\n\nimport { useUserState } from 'context/UserContext'\n\nimport ActionMenu from 'components/TrinityTable/ActionMenu/ActionMenu'\n\nconst sharedPopconfirmProps = {\n  closeOnOutsideClick: true,\n  dark: true,\n  okText: 'Yes',\n  placement: 'left-center',\n}\n\nconst Actions = ({ user, addUserModal, addKibanaPasswordModal, resetPassword, toggleActiveUser }) => {\n  const currentUser = useUserState()\n  const { id, active, provider } = user\n\n  const menu = (\n    <Menu bordered={false} dark={true}>\n      <MenuItem key='edit-user' onClick={() => addUserModal({ currentUser: user })}>\n        Edit\n      </MenuItem>\n      {currentUser.id !== +id && (\n        <MenuItem key='deactivate-user' onClick={event => event.stopPropagation()}>\n          <Popconfirm {...sharedPopconfirmProps} onConfirm={() => toggleActiveUser({ userId: id, active: !active })}>\n            {active ? 'Deactivate' : 'Activate'} User\n          </Popconfirm>\n        </MenuItem>\n      )}\n      {currentUser.id === +id && (\n        <MenuItem key='set-event-reporting-password' onClick={() => addKibanaPasswordModal({ currentUserId: user.id })}>\n          Set Event Reporting Password\n        </MenuItem>\n      )}\n      {provider !== 'saml' && (\n        <MenuItem key='reset-password-user' onClick={event => event.stopPropagation()}>\n          <Popconfirm {...sharedPopconfirmProps} onConfirm={() => resetPassword(id)}>\n            Force Password Reset\n          </Popconfirm>\n        </MenuItem>\n      )}\n    </Menu>\n  )\n\n  return <ActionMenu menu={menu} />\n}\n\nActions.propTypes = {\n  addUserModal: func.isRequired,\n  resetPassword: func.isRequired,\n  toggleActiveUser: func.isRequired,\n  user: shape({}).isRequired,\n}\n\nexport default Actions\n","import React, { useState } from 'react'\nimport { Button, Input, Group, useForm, theme, Typography, Element } from '@fortressiq/fiq-ds'\nimport { func, string, number, oneOfType } from 'prop-types'\n\nimport api from 'lib/Api'\n\nimport FieldWrapper from 'components/form/FieldWrapper'\n\nconst { Paragraph } = Typography\n\nconst footerStyling = {\n  margin: `0 -${theme['default-spacer-sm']}`,\n  borderTop: `1px solid ${theme['dividing-line']}`,\n  padding: `${theme['default-spacer-sm']} ${theme['default-spacer-sm']} 0`,\n}\n\nconst KibanaPassword = ({ userId, removeModal }) => {\n  const [isSaving, setIsSaving] = useState(false)\n  const { register, watch, handleSubmit, formState } = useForm()\n\n  const watchPassword = watch('password')\n\n  const validatePassword = passwordString => {\n    if (passwordString.length < 9) {\n      return 'Password needs to be at least 10 characters'\n    }\n    if (!/(?=.*[a-z])/.test(passwordString)) {\n      return 'Password needs to contain at least one lower case letter'\n    }\n    if (!/(?=.*[A-Z])/.test(passwordString)) {\n      return 'Password needs to contain at least one upper case letter'\n    }\n    if (!/\\d/.test(passwordString)) {\n      return 'Password needs to contain at least one number'\n    }\n    if (!/(?=.*[!@#$%^&*()_+|~\\-=`{}[\\]:\";'<>?,.])/.test(passwordString)) {\n      return 'Password needs to contain at least one special character'\n    }\n    return true\n  }\n\n  const validateConfirmPassword = passwordString => (passwordString !== watchPassword ? 'Passwords do not match' : true)\n\n  const onSubmitHandler = async formValues => {\n    setIsSaving(true)\n    await api.post('/users/reset_kibana_user_password', { password: formValues.password, user_id: `${userId}` })\n    setIsSaving(false)\n    removeModal()\n  }\n\n  return (\n    <form onSubmit={handleSubmit(onSubmitHandler)}>\n      <Paragraph>Make sure your password:</Paragraph>\n      <ul>\n        <li>Is at least 10 characters</li>\n        <li>Contains a combination of upper and lower case characters</li>\n        <li>Contains digits and special characters</li>\n      </ul>\n      <FieldWrapper htxmlFor='password' label='Password' error={formState.errors.password}>\n        <Input\n          autoComplete='off'\n          block={true}\n          prefixIcon='keyhole'\n          type='password'\n          {...register('password', {\n            required: 'Field is required',\n            validate: validatePassword,\n          })}\n        />\n      </FieldWrapper>\n      <FieldWrapper htmlFor='password' label='Confirm Password' error={formState.errors.confirmPassword}>\n        <Input\n          autoComplete='off'\n          block={true}\n          placeholder='Password confirmation'\n          prefixIcon='keyhole'\n          type='password'\n          {...register('confirmPassword', {\n            required: 'Field is required',\n            validate: validateConfirmPassword,\n          })}\n        />\n      </FieldWrapper>\n      <Element style={footerStyling}>\n        <Group noEndGutter={true} justify='flex-end'>\n          <Button\n            onClick={e => {\n              e.preventDefault()\n              removeModal()\n            }}\n          >\n            Cancel\n          </Button>\n          <Button disabled={isSaving} loading={isSaving} type='primary'>\n            Set Password\n          </Button>\n        </Group>\n      </Element>\n    </form>\n  )\n}\n\nKibanaPassword.propTypes = {\n  removeModal: func.isRequired,\n  userId: oneOfType([string, number]).isRequired,\n}\n\nexport default KibanaPassword\n","import React, { useState } from 'react'\nimport { Button, Input, get, Group, useForm, Upload, theme, Popover, Element, Icon, Row } from '@fortressiq/fiq-ds'\nimport { bool, func, shape } from 'prop-types'\n\nimport api from 'lib/Api'\nimport { liteTenantActions } from 'components/can/Can'\n\nimport ControlledSelect from 'components/form/ControlledSelect'\nimport ControlledCheckbox from 'components/form/ControlledCheckbox'\n\nimport FieldWrapper from 'components/form/FieldWrapper'\n\nimport uiStore from 'lib/UiStore'\nimport { emailRegex } from 'lib/validationRegex'\n\nimport ROLES from 'constants/roles'\n\nconst rolesOptions = Object.keys(ROLES).map(roleObj => ({ label: ROLES[roleObj].name, value: roleObj }))\n\nconst filteredRolesOptions = rolesOptions.filter(roleObj => {\n  if (uiStore.tenant.isLite) return liteTenantActions('createTenants').find(el => el === roleObj.value)\n  return roleObj.value !== 'superuser'\n})\n\nconst getRoleObject = role => rolesOptions.find(option => option.value === role)\n\nconst rowProps = {\n  gutter: get.numericValues('spacer', 'md'),\n  noOfCols: 2,\n  type: 'grid',\n  align: 'flex-start',\n}\n\nconst footerStyling = {\n  margin: `0 -${theme['default-spacer-sm']}`,\n  borderTop: `1px solid ${theme['dividing-line']}`,\n  padding: `${theme['default-spacer-sm']} ${theme['default-spacer-sm']} 0`,\n}\n\nconst UserEditor = ({ currentUser, handleReFetch, isPegEnabled, removeModal }) => {\n  const [isSaving, setIsSaving] = useState(false)\n  const isEditing = !!currentUser\n\n  const { register, watch, setError, setValue, handleSubmit, control, formState } = useForm({\n    defaultValues: {\n      username: currentUser?.username || '',\n      firstName: currentUser?.firstName || '',\n      lastName: currentUser?.lastName || '',\n      email: currentUser?.email || '',\n      role: getRoleObject(currentUser?.role || 'user'),\n      unredacted: currentUser?.unredacted || false,\n    },\n  })\n\n  const { name: avatarName } = register('avatar')\n\n  const role = watch('role')\n\n  const onChangeAvatar = files => {\n    setValue('avatar', files[0])\n  }\n\n  const onSubmitHandler = async formValues => {\n    setIsSaving(true)\n    const params = {\n      'user[username]': formValues.username || currentUser.username,\n      'user[member][first_name]': formValues.firstName,\n      'user[email]': formValues.email,\n      'user[member][id]': currentUser?.memberId || '',\n      'user[member][last_name]': formValues.lastName,\n      unredacted: formValues.unredacted,\n      role: role.value,\n    }\n\n    if (formValues.avatar) {\n      params['user[member][avatar]'] = formValues.avatar\n    }\n\n    const url = currentUser ? `/users/${currentUser.id}` : '/users'\n    const method = currentUser ? 'PUT' : 'POST'\n\n    try {\n      await api.upload(url, params, method)\n      setIsSaving(false)\n      removeModal()\n      handleReFetch()\n    } catch (err) {\n      setIsSaving(false)\n      if (err?.response?.data?.errors?.includes('Username has already been taken')) {\n        setError('username', {\n          type: 'manual',\n          message: 'Username has already been taken.',\n        })\n      }\n    }\n  }\n\n  return (\n    <form onSubmit={handleSubmit(onSubmitHandler)}>\n      <Row {...rowProps}>\n        <FieldWrapper htmlFor='username' label='Username' error={formState.errors.username}>\n          <Input\n            {...register('username', {\n              required: 'Username is required.',\n            })}\n            onBlur={({ target: { value } }) => {\n              setValue('username', value)\n            }}\n            onChange={({ target: { value } }) => {\n              if (value.match(emailRegex)) {\n                setValue('email', value)\n              } else {\n                setValue('email', '')\n              }\n            }}\n            disabled={isEditing}\n          />\n        </FieldWrapper>\n      </Row>\n      <Row {...rowProps}>\n        <FieldWrapper htmlFor='firstName' label='First Name' error={formState.errors.firstName}>\n          <Input {...register('firstName', { required: 'First Name is required.' })} />\n        </FieldWrapper>\n        <FieldWrapper htmlFor='lastName' label='Last Name' error={formState.errors.lastName}>\n          <Input {...register('lastName', { required: 'Last Name is required.' })} />\n        </FieldWrapper>\n      </Row>\n      <Row {...rowProps}>\n        <FieldWrapper htmlFor='email' label='Email' error={formState.errors.email}>\n          <Input\n            {...register('email', {\n              required: 'Email is required.',\n              pattern: {\n                value: emailRegex,\n                message: 'Entered value does not match email format.',\n              },\n            })}\n          />\n        </FieldWrapper>\n        <FieldWrapper htmlFor='role' label='Role' error={formState.errors.role}>\n          <Element style={{ display: 'flex', alignItems: 'center' }}>\n            <ControlledSelect\n              control={control}\n              isMulti={false}\n              name='role'\n              options={filteredRolesOptions}\n              portal={true}\n              rules={{ required: 'Role is required.' }}\n              style={{ width: '100%' }}\n            />\n\n            <Popover\n              content={<Element style={{ width: '300px' }}>{ROLES[role.value]?.description}</Element>}\n              placement='top-center'\n              title={ROLES[role.value].name}\n            >\n              <Element style={{ marginLeft: theme['default-spacer-sm'] }}>\n                <Icon size={20} icon='infocircle' stroke='currentColor' />\n              </Element>\n            </Popover>\n          </Element>\n        </FieldWrapper>\n      </Row>\n      <Row {...rowProps}>\n        <FieldWrapper htmlFor='avatar' label='Avatar' error={formState.errors.avatar}>\n          <Upload accept='image/*' onDrop={onChangeAvatar} name={avatarName} showUploadList={false}>\n            <Button onClick={e => e.preventDefault()}>\n              <Icon before={true} extraClasses={{ iconName: true }} icon='uploadbutton' size='small' /> Choose Image\n              File\n            </Button>\n          </Upload>\n        </FieldWrapper>\n        {isPegEnabled && (\n          <FieldWrapper htmlFor='unredacted' label='Screenshots' error={formState.errors.role}>\n            <ControlledCheckbox name='unredacted' control={control} style={{ marginTop: theme['default-spacer-sm'] }}>\n              Show unredacted screenshot option\n            </ControlledCheckbox>\n          </FieldWrapper>\n        )}\n      </Row>\n      <Element style={footerStyling}>\n        <Group noEndGutter={true} justify='flex-end'>\n          <Button\n            onClick={e => {\n              e.preventDefault()\n              removeModal()\n            }}\n          >\n            Cancel\n          </Button>\n          <Button disabled={isSaving} loading={isSaving} type='primary'>\n            {isEditing ? 'Update User' : 'Create User'}\n          </Button>\n        </Group>\n      </Element>\n    </form>\n  )\n}\n\nUserEditor.propTypes = {\n  currentUser: shape({}),\n  handleReFetch: func.isRequired,\n  isPegEnabled: bool.isRequired,\n  removeModal: func.isRequired,\n}\n\nexport default UserEditor\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Menu, MenuItem, Popconfirm } from '@fortressiq/fiq-ds'\nimport { Link } from 'react-router-dom'\n\nimport api from 'lib/Api'\nimport uiStore from 'lib/UiStore'\n\nimport handleIntegration from 'app/admin/integrations/helpers/handleIntegration'\nimport ActionMenu from 'components/TrinityTable/ActionMenu/ActionMenu'\n\nconst isLite = uiStore?.tenant?.isLite\n\nconst ActionsMenu = ({\n  isLoadingIntegrations,\n  integrations,\n  applicationId,\n  reportId,\n  processBoundaryStatus,\n  handleReFetch,\n}) => {\n  const processBoundaryStart = async () => {\n    await api.post('/process-boundary/start', { application_id: applicationId })\n    handleReFetch()\n  }\n\n  const menu = (\n    <Menu bordered={false} dark={true}>\n      {!isLoadingIntegrations &&\n        integrations.length !== 0 &&\n        integrations.map(integration => (\n          <MenuItem\n            key={`integration-${integration.id}`}\n            onClick={() => handleIntegration({ integrationId: integration.id, objectId: applicationId })}\n          >\n            {integration.title}\n          </MenuItem>\n        ))}\n      {!isLite &&\n        (reportId ? (\n          <MenuItem onClick={e => e.stopPropagation()}>\n            <Popconfirm\n              cancelText='No'\n              okText='Yes'\n              onConfirm={processBoundaryStart}\n              placement='left-center'\n              dark={true}\n              title={\n                processBoundaryStatus === 'done'\n                  ? 'Start/end suggestions for this application already exist, do you want to replace them?'\n                  : 'Start/end suggestions are already being generated, do you want to start over?'\n              }\n            >\n              Re-Generate start/end suggestions\n            </Popconfirm>\n          </MenuItem>\n        ) : (\n          <MenuItem onClick={() => processBoundaryStart()}>Generate start/end suggestions</MenuItem>\n        ))}\n      {!isLite && reportId && processBoundaryStatus === 'done' && (\n        <MenuItem>\n          <Link to={`/process-boundary/${reportId}`}>View Process Boundary Detection</Link>\n        </MenuItem>\n      )}\n    </Menu>\n  )\n\n  let menuEmpty = false\n  if (menu.props.children.filter(child => child).length === 0) menuEmpty = true\n\n  const disabled = integrations.length === 0 || menuEmpty\n\n  return <ActionMenu disabled={disabled} menu={menu} />\n}\n\nActionsMenu.defaultProps = {\n  isLoadingIntegrations: undefined,\n  integrations: undefined,\n  applicationId: undefined,\n  reportId: undefined,\n  processBoundaryStatus: undefined,\n}\n\nActionsMenu.propTypes = {\n  isLoadingIntegrations: PropTypes.bool,\n  integrations: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number,\n      title: PropTypes.string,\n    })\n  ),\n  applicationId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  reportId: PropTypes.number,\n  processBoundaryStatus: PropTypes.string,\n  handleReFetch: PropTypes.func.isRequired,\n}\n\nexport default ActionsMenu\n","import React, { Fragment, useEffect, useRef, useState } from 'react'\nimport { useHistory } from 'react-router-dom'\nimport {\n  ApplicationIcon,\n  Button,\n  Checkbox,\n  Element,\n  Empty,\n  Group,\n  Heading,\n  Icon,\n  Tooltip,\n  Typography,\n  useFela,\n  useModal,\n  useNotification,\n} from '@fortressiq/fiq-ds'\n\nimport ScreenList from 'app/screens/list/ScreenList'\nimport { ellipsisCSS } from 'styles/utils'\n\nimport api from 'lib/Api'\nimport { useLocalStorage } from 'lib/hooks'\n\nimport AsyncSelect from 'components/form/AsyncSelect'\nimport Provisional from './provisional'\nimport History from './strategy/History'\nimport Promoted from './strategy/Promoted'\n\nimport { useHeaderDispatch } from '../../header/HeaderContext'\n\nimport {\n  applicationTitleBoxCSS,\n  applicationTitleDescriptionCSS,\n  applicationNameTitleCSS,\n  screenListContainerCSS,\n  sidebarItemCSS,\n  appHeadingCSS,\n} from './styles'\n\nimport { CHAIN_STRATEGY } from './utilities'\n\nconst { Paragraph, Title } = Typography\n\nconst title = 'Application Strategy'\n\nexport default ({\n  match: {\n    params: { appId, cycleId },\n  },\n}) => {\n  const { css, theme } = useFela()\n\n  const headerDispatch = useHeaderDispatch()\n  const history = useHistory()\n\n  const [isLoading, setIsLoading] = useState(true)\n  const [application, setApplication] = useState(null)\n  const [jobId, setJobId] = useState(null)\n  const [lastPromoted, setLastPromoted] = useState(null)\n  const [signatureServiceJobsList, setSignatureServiceJobsList] = useState(null)\n  const [modalIsOpen, setModalOpen] = useState(false)\n  const [provisionalStrategyParams, setProvisionalStrategyParams] = useState()\n  const { addNotification } = useNotification()\n  const { addModal, removeModal } = useModal()\n  const [applicationId, setApplicationId] = useState(appId)\n\n  const [persistedCycleId, setPersistedCycleId] = useLocalStorage(`persisted-cycle-${appId}`, cycleId, true)\n\n  let { current: mergeSignatures } = useRef()\n\n  useEffect(() => {\n    const fetchData = async () => {\n      setIsLoading(true)\n      const { data: applicationData } = await api.get(`/applications/${appId}`, { applicationUuid: appId })\n      const id = applicationData?.application?.applicationId || appId\n      setApplicationId(applicationData.application.id)\n      if (cycleId) {\n        setPersistedCycleId(cycleId)\n        const { data } = await api.get('/signature_service_jobs', {\n          applicationId: id,\n          cycle_id: cycleId,\n          per_page: 100,\n        })\n\n        const current = data?.signatureServiceJobs.find(\n          job => job?.application?.id?.toString() === appId && job?.cycleId?.toString() === cycleId\n        )\n        setLastPromoted(\n          data?.signatureServiceJobs.find(\n            job =>\n              job.jobType === 'promotion' &&\n              job?.application?.id?.toString() === appId &&\n              job?.cycleId?.toString() === cycleId\n          )\n        )\n        setSignatureServiceJobsList(data?.signatureServiceJobs)\n\n        setJobId(current?.id)\n\n        mergeSignatures = current?.params?.merge_signatures\n\n        const { strategySlug = undefined, params = {} } = current || {}\n        formatAndSetParams(strategySlug, typeof params === 'string' ? JSON.parse(params) : params)\n      }\n      setApplication(applicationData?.application)\n      setIsLoading(false)\n    }\n\n    if (!cycleId && persistedCycleId) {\n      history.replace(`/applications/${applicationId}/${persistedCycleId}`)\n    } else {\n      fetchData()\n    }\n\n    headerDispatch({\n      type: 'set',\n      title: title,\n      heading: title,\n    })\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [appId, headerDispatch, cycleId])\n\n  const formatAndSetParams = (strategy, params) => {\n    let customParams = { params: { 0: {} } }\n    if (strategy !== CHAIN_STRATEGY) {\n      const { start_date: startDate, end_date: endDate, limit, ...rest } = params\n      customParams = {\n        start_date: startDate,\n        end_date: endDate,\n        limit: limit,\n        params: {\n          0: {\n            apply_to: 'all',\n            strategy: {\n              name: strategy,\n              params: { ...rest },\n            },\n          },\n        },\n      }\n    } else if (params && Object.keys(params)?.length > 0) {\n      customParams = params\n    }\n    setProvisionalStrategyParams(customParams)\n  }\n\n  const onMergeSignatureChange = e => {\n    mergeSignatures = e\n  }\n\n  const modalID = 'promote-signatures-modal'\n  const promoteSignatures = async () => {\n    setModalOpen(false)\n    removeModal(modalID)\n    addNotification({\n      description: 'Signature promotion is currently processing.',\n      message: 'In Progress',\n      type: 'info',\n    })\n    await api.post(`/signature_service_jobs/${jobId}/application/${applicationId}/cycle/${cycleId}/promotion`, {\n      merge_signatures: mergeSignatures,\n    })\n\n    history.push('/signature-service-jobs')\n  }\n  const handlePromoteClick = () => {\n    setModalOpen(true)\n\n    return addModal({\n      afterClose: () => setModalOpen(false),\n      bodyStyle: { padding: '0' },\n      children: (\n        <Fragment>\n          <Paragraph align='center' style={{ margin: theme['default-spacer-sm'] }}>\n            Are you sure you want to update screen signatures for all events&nbsp;from&nbsp;\n            <strong>{application?.displayName}</strong>?\n          </Paragraph>\n          <Group\n            align='center'\n            noEndGutter={true}\n            justify='end'\n            style={{\n              borderTop: `1px solid ${theme['dividing-line']}`,\n              padding: theme['default-spacer-sm'],\n            }}\n          >\n            <Checkbox\n              checked={mergeSignatures}\n              name='merge_signatures'\n              onCheck={onMergeSignatureChange}\n              style={{ marginLeft: 'auto' }}\n              value='1'\n            >\n              Merge Signatures\n            </Checkbox>\n            <Button onClick={promoteSignatures} type='primary'>\n              Promote\n            </Button>\n          </Group>\n        </Fragment>\n      ),\n      footer: false,\n      header: `Promote ${application?.displayName}?`,\n      id: modalID,\n      style: { height: 'auto', width: '400px' },\n    })\n  }\n\n  return (\n    application && (\n      <Element style={{ display: 'flex', minHeight: '100%' }}>\n        <Element style={{ background: theme.white, width: '33.33%', minWidth: '300px' }}>\n          <div className={css(applicationTitleBoxCSS)}>\n            <ApplicationIcon src={application?.iconUrl} name={application?.displayName} size={39} />\n            <div className={css(applicationTitleDescriptionCSS)}>\n              <Tooltip mouseEnterDelay={500} placement='top-start' title={application?.displayName}>\n                <Title ellipsis={true} style={applicationNameTitleCSS}>\n                  {application?.displayName}\n                </Title>\n              </Tooltip>\n              {!!application?.winProcessName && (\n                <Tooltip\n                  config={{ triggerOffset: 12 }}\n                  mouseEnterDelay={500}\n                  placement='right-start'\n                  title={`Windows Process Name: ${application?.winProcessName}`}\n                >\n                  <small className={css({ ...ellipsisCSS })}>Windows Process Name: {application?.winProcessName}</small>\n                </Tooltip>\n              )}\n            </div>\n          </div>\n          <Element style={sidebarItemCSS}>\n            <Heading style={appHeadingCSS} level={4}>\n              Cycle\n            </Heading>\n            <AsyncSelect\n              url='/cycles/filters'\n              placeholder='Select Cycle'\n              onChange={({\n                target: {\n                  value: { value },\n                },\n              }) => history.push(`/applications/${appId}/${value}`)}\n              name='cycle'\n              style={{ width: '200px' }}\n              isMulti={false}\n              value={cycleId}\n            />\n          </Element>\n          {!cycleId && (\n            <Empty\n              style={{ paddingTop: theme['default-spacer-lg'] }}\n              customImage={<Icon icon='alerttriangle' size='medium' />}\n              description='No cycle selected.'\n            />\n          )}\n          {cycleId && !isLoading && (\n            <Fragment>\n              <Group\n                align='flex-start'\n                noOfCols={2}\n                colStyles={{ flexDirection: 'column' }}\n                justify='space-between'\n                noEndGutter={true}\n                style={sidebarItemCSS}\n                type='flex'\n              >\n                <Promoted strategySlug={lastPromoted?.strategySlug} />\n                <History\n                  appId={applicationId}\n                  cycleId={cycleId}\n                  formatAndSetParams={formatAndSetParams}\n                  handlePromoteClick={handlePromoteClick}\n                  modalIsOpen={modalIsOpen}\n                  signatureServiceJobsList={signatureServiceJobsList}\n                />\n              </Group>\n              <Provisional\n                appId={applicationId}\n                currentProvisionalStrategyParams={provisionalStrategyParams}\n                cycleId={cycleId}\n                handlePromoteClick={handlePromoteClick}\n                isLoading={isLoading}\n                mergeSignaturesDefault={mergeSignatures}\n              />\n            </Fragment>\n          )}\n        </Element>\n\n        <Element className={css(screenListContainerCSS)} style={{ flex: 1 }}>\n          <ScreenList appId={appId} cycleId={cycleId} />\n        </Element>\n      </Element>\n    )\n  )\n}\n","import React, { forwardRef, Fragment, useEffect, useState } from 'react'\nimport {\n  Button,\n  ButtonGroup,\n  Dropdown,\n  Element,\n  get,\n  Group,\n  mergeRefs,\n  Popconfirm,\n  Tag,\n  theme,\n  Tooltip,\n  Typography,\n} from '@fortressiq/fiq-ds'\nimport { useMeasure, useMount } from 'react-use'\n\nimport { strategyOptions, paramsDetailsMap } from 'lib/SignatureStrategies'\n\nimport TextInput from './fields/TextInput'\nimport Form from './Form'\nimport {\n  buttonGroup,\n  overlayTriggerNodeContainer,\n  paramsColStyles,\n  paramsContainer,\n  paramsGroupStyle,\n  pCSS,\n  strategyContainerCSS,\n  strategyFormContainer,\n  strategyTitle,\n  stratVisibleBox,\n  tagCSS,\n} from './styles'\nimport { strategyParamsMap, isJsonValue } from '../utilities'\n\nconst { Paragraph, Title } = Typography\nconst { md, xs } = get.numericValues('spacer')\n\nconst Chain = forwardRef(\n  (\n    {\n      applicationId,\n      defaultApplyTo,\n      defaultValues,\n      errors,\n      getValues,\n      id,\n      indexBeingEdited,\n      register,\n      removeAt,\n      setIsEditingChain,\n      setValue,\n      trigger,\n      unregister,\n      watch,\n    },\n    ref\n  ) => {\n    const { params: defaultProvisionalStrategyParams, name: defaultProvisionalStrategy } = defaultValues\n\n    const [provisionalStrategyParams, setProvisionalStrategyParams] = useState(false)\n    const [provisionalStrategy, setProvisionalStrategy] = useState(defaultProvisionalStrategy)\n    const [select, setSelect] = useState()\n    const [highlight, setHighlight] = useState(false)\n    const [findingWords, setFindingWords] = useState(false)\n\n    const [options, setOptions] = useState([])\n\n    const [measureRef, { width }] = useMeasure()\n    const chainRef = mergeRefs(ref, measureRef)\n\n    const watchSelectedStrategy = watch(`provisionalStrategy.${id}.params.name`, provisionalStrategy)\n    const watchProvisionalStrategyFormParams = watch(`provisionalStrategy.${id}.params`)\n\n    const applyToName = `provisionalStrategy.${id}.applyTo`\n\n    const currentApplyTo = getValues(applyToName)\n\n    useMount(() => {\n      if (indexBeingEdited === id) {\n        setIsEditingChain({ editing: id })\n      }\n    })\n\n    useEffect(() => {\n      setSelect(register(`provisionalStrategy.${id}.params.name`, { required: 'Provisional Strategy is required' }))\n      return () => {\n        unregister(`provisionalStrategy.${id}.params.name`)\n      }\n    }, [])\n\n    useEffect(() => {\n      if (provisionalStrategy) {\n        setValue(`provisionalStrategy.${id}.params.name`, provisionalStrategy)\n        trigger()\n      }\n    }, [provisionalStrategy])\n\n    useEffect(() => {\n      if (defaultProvisionalStrategyParams) {\n        setProvisionalStrategyParams(defaultProvisionalStrategyParams)\n      }\n    }, [defaultProvisionalStrategyParams])\n\n    useEffect(() => {\n      const fieldKeys = options && options.length ? options.map(option => option.value) : []\n      if (typeof provisionalStrategyParams !== 'string') {\n        const customParams = Object.entries(provisionalStrategyParams).reduce((acc, [key, val]) => {\n          if (!fieldKeys.includes(key)) {\n            acc[key] = val\n          } else {\n            setValue(`provisionalStrategy.${id}.params.${key}`, isJsonValue(key) ? JSON.stringify(val) : val)\n          }\n          return acc\n        }, {})\n        setValue(`provisionalStrategy.${id}.params.customParams`, customParams)\n        setValue(applyToName, defaultApplyTo)\n      }\n    }, [provisionalStrategyParams, options, defaultApplyTo, applyToName])\n\n    useEffect(() => {\n      setOptions(strategyParamsMap[watchSelectedStrategy])\n    }, [watchSelectedStrategy])\n\n    const handleChange = (name, value) => {\n      setValue(name, value)\n      trigger(name)\n    }\n\n    const selectChange = val => {\n      setValue(`provisionalStrategy.${id}.params.name`, val)\n      setProvisionalStrategy(val)\n\n      if (val === defaultProvisionalStrategy && defaultProvisionalStrategyParams) {\n        setProvisionalStrategyParams(defaultProvisionalStrategyParams)\n      } else {\n        setProvisionalStrategyParams({})\n      }\n\n      trigger()\n    }\n\n    const isBeingEdited =\n      findingWords === true ? findingWords : indexBeingEdited.current !== null && indexBeingEdited?.current === id\n\n    if (!select) return null\n\n    const selectOptions = strategyOptions.filter(strat => strat.selectable === undefined || strat.selectable >= 0)\n\n    const params = {\n      ...watchProvisionalStrategyFormParams,\n    }\n    let thisParams = {}\n    if (options) {\n      options.forEach(option => {\n        if (params[option.value]) {\n          thisParams[option.value] = params[option.value]\n        }\n      })\n\n      if (watchProvisionalStrategyFormParams?.customParams) {\n        thisParams = { ...thisParams, ...watchProvisionalStrategyFormParams.customParams }\n      }\n    }\n    const opts = thisParams ? Object.keys(thisParams) : []\n    const maxTooltipLength = 300\n    const tooltipProps = {\n      config: {\n        triggerOffset: md,\n      },\n      placement: 'top-start',\n      style: { boxSizing: 'content-box', maxWidth: '240px' },\n    }\n    const sharedGroupProps = {\n      colWidth: 'auto',\n      gutter: xs,\n      noEndGutter: true,\n      type: 'grid',\n    }\n    const sharedTooltipProps = {\n      mouseEnterDelay: 1000,\n      mouseLeaveDelay: 200,\n    }\n    const dropdownContent = props => (\n      <Element className='strat-form' style={strategyFormContainer({ findingWords })} {...props}>\n        <Form\n          additionalFields={\n            <TextInput\n              defaultValue={defaultApplyTo}\n              errors={errors?.params?.applyTo}\n              handleChange={handleChange}\n              inputName={applyToName}\n              label='Provisional Signatures to Apply Strategy To'\n              name='applyTo'\n              placeholder='All'\n              register={register}\n              setValue={setValue}\n              unregister={unregister}\n            />\n          }\n          applicationId={applicationId}\n          currentProvisionalStrategyName={watchSelectedStrategy}\n          errors={errors}\n          findingWords={findingWords}\n          id={id}\n          ngramProps={props}\n          provisionalStrategy={provisionalStrategy}\n          provisionalStrategyParams={provisionalStrategyParams}\n          register={register}\n          select={select}\n          selectChange={selectChange}\n          selectOptions={selectOptions}\n          setFindingWords={setFindingWords}\n          setValue={setValue}\n          trigger={trigger}\n          unregister={unregister}\n          getValues={getValues}\n        />\n      </Element>\n    )\n    const dropdownTriggerProps = { type: 'click' }\n\n    const strategy = strategyOptions.find(option => option.value === watchSelectedStrategy)\n\n    const dropdownLayerProps = {\n      auto: false,\n      closeOnOverlayClick: false,\n      containerOffset: -100,\n      placement: 'left-start',\n      snap: false,\n      triggerOffset: -60,\n    }\n    return (\n      <Element\n        className={!!indexBeingEdited?.current === id ? 'is-being-edited' : undefined}\n        style={strategyContainerCSS}\n      >\n        <Element style={overlayTriggerNodeContainer}>\n          <Element ref={chainRef} style={stratVisibleBox({ highlight })}>\n            <Title level={5} style={strategyTitle} uppercase={true}>\n              {strategy?.label}\n              {!!currentApplyTo && (\n                <Tooltip title='Provisional Signatures to Apply Strategy To.'>\n                  <Tag color={theme.white} size='small' style={tagCSS}>\n                    {currentApplyTo}\n                  </Tag>\n                </Tooltip>\n              )}\n            </Title>\n            {!!strategy?.description && <Paragraph style={pCSS}>{strategy.description}</Paragraph>}\n            <Element style={paramsContainer({ highlight })}>\n              {!!thisParams && opts.length > 0 && (\n                <Group\n                  align='center'\n                  colStyles={paramsColStyles}\n                  {...sharedGroupProps}\n                  noOfCols={opts.length}\n                  style={paramsGroupStyle({ width })}\n                  type='flex'\n                >\n                  {opts?.map((o, i) => {\n                    const tooltipText = String(thisParams[o])\n                    const noTooltipNeeded = tooltipText === '1' || tooltipText === '\"1\"' || tooltipText === 'true'\n                    const title =\n                      tooltipText.length > maxTooltipLength\n                        ? `${tooltipText.substring(0, maxTooltipLength)}...`\n                        : tooltipText\n\n                    const Container = noTooltipNeeded ? Element : Tooltip\n                    const optionContainerProps = {\n                      ...(!noTooltipNeeded && {\n                        title: title,\n                        ...tooltipProps,\n                      }),\n                    }\n\n                    const tagColor = theme[noTooltipNeeded ? 'field-bg-dark' : 'nav-btn-selected-bg']\n                    const tagStyle = { cursor: noTooltipNeeded ? 'default' : 'context-menu', whiteSpace: 'nowrap' }\n                    const tagText = paramsDetailsMap[o]?.label || o\n\n                    return (\n                      <Fragment key={i}>\n                        <Container {...optionContainerProps}>\n                          <Tag color={tagColor} size='small' style={tagStyle}>\n                            {tagText}\n                          </Tag>\n                        </Container>\n                      </Fragment>\n                    )\n                  })}\n                </Group>\n              )}\n            </Element>\n\n            <ButtonGroup size='small' style={buttonGroup}>\n              <Popconfirm\n                cancelText='Cancel'\n                closeOnOutsideClick={true}\n                okText='Delete'\n                okType='danger'\n                onConfirm={() => removeAt(id)}\n                title='Delete Strategy?'\n              >\n                <Button\n                  icon='trash'\n                  prefixIconProps={{ color: theme.black, fill: theme.white }}\n                  size='small'\n                  tooltipProps={{\n                    ...sharedTooltipProps,\n                    placement: 'right-end',\n                    title: 'Delete Strategy?',\n                  }}\n                  type='danger'\n                />\n              </Popconfirm>\n              <Dropdown\n                layer={dropdownLayerProps}\n                overlay={dropdownContent}\n                onClose={() => setHighlight(false)}\n                onMount={() => setHighlight(isBeingEdited)}\n                onOpen={() => {\n                  setHighlight(true)\n                }}\n                onOutsideClick={() => {\n                  if (!findingWords) {\n                    setIsEditingChain({ editing: false })\n                    setHighlight(false)\n                  }\n                }}\n                trigger={dropdownTriggerProps}\n                visible={isBeingEdited}\n              >\n                <Button\n                  className='edit-btn'\n                  icon='pencil'\n                  onClick={() => {\n                    setIsEditingChain({ editing: id })\n                    setHighlight(true)\n                  }}\n                  size='small'\n                  tooltipProps={indexBeingEdited?.current !== id && { ...sharedTooltipProps, title: 'Edit Strategy.' }}\n                />\n              </Dropdown>\n            </ButtonGroup>\n          </Element>\n        </Element>\n      </Element>\n    )\n  }\n)\n\nexport default Chain\n","import React, { Fragment, useEffect, useState } from 'react'\n\nimport {\n  defaultSelectComponents,\n  Element,\n  Fieldset,\n  FormControl,\n  Heading,\n  helpers,\n  JSONEditor,\n  Label,\n  reactSelectComponents,\n  Select,\n  Typography,\n  theme,\n  useFela,\n} from '@fortressiq/fiq-ds'\n\nimport { useUpdateEffect } from 'react-use'\n\nimport { strategyOptions, paramsDetailsMap } from 'lib/SignatureStrategies'\n\nimport CheckboxStrategy from './fields/Checkbox'\nimport Number from './fields/Number'\nimport RadioGroup from './fields/RadioGroup'\nimport TextInput from './fields/TextInput'\nimport TextArea from './fields/TextArea'\nimport NGram from './nGram'\n\nimport { appHeadingCSS, highlightableCSS } from '../styles'\nimport { strategyParamsMap } from '../utilities'\n\nconst { addImportant, customScrollbarCSS } = helpers\nconst { Text } = Typography\n\nconst validateJson = value => {\n  if (value) {\n    try {\n      JSON.parse(value)\n      return true\n    } catch (e) {\n      return false\n    }\n  }\n  return true\n}\nconst sm = theme['default-spacer-sm']\n\nconst Form = ({\n  additionalFields,\n  applicationId,\n  currentProvisionalStrategyName,\n  errors,\n  findingWords,\n  id,\n  ngramProps,\n  provisionalStrategy,\n  provisionalStrategyParams,\n  register,\n  select,\n  selectChange,\n  selectOptions,\n  setFindingWords,\n  setValue,\n  single,\n  trigger,\n  unregister,\n  getValues,\n}) => {\n  const { css } = useFela()\n\n  const [options, setOptions] = useState([])\n\n  const hasOptions = options && !!options.length\n\n  useUpdateEffect(() => {\n    // unregister fields when options changes\n    if (options) {\n      const existingParams = Object.keys(getValues(`provisionalStrategy[${id}].params`))\n      const newParams = [...options.map(value => value.value), 'name', 'customParams']\n      const paramsToRemove = existingParams?.filter(value => !newParams.includes(value))\n      paramsToRemove.forEach(param => unregister(`provisionalStrategy[${id}].params.${param}`))\n    }\n  }, [options])\n\n  const defaultValues = getValues(`provisionalStrategy[${id}].params`)\n\n  useEffect(() => {\n    setOptions(strategyParamsMap[currentProvisionalStrategyName])\n  }, [currentProvisionalStrategyName])\n\n  const handleChange = (name, value) => {\n    setValue(name, value)\n    trigger(name)\n  }\n\n  const selectProps = {\n    className: css(highlightableCSS),\n    components: {\n      ...defaultSelectComponents,\n      Option: props => {\n        const {\n          data: { description, label },\n        } = props\n\n        return (\n          <reactSelectComponents.Option {...props} className={css({ cursor: addImportant('pointer') })}>\n            <strong className={css({ display: 'block', fontWeight: 600 })}>{label}</strong>\n            <Text preset='small'>{description}</Text>\n          </reactSelectComponents.Option>\n        )\n      },\n    },\n    defaultValue: () => {\n      let defaultValue\n      strategyOptions.map(o => {\n        if (o.value === provisionalStrategy) {\n          defaultValue = { label: o.label, value: o.value }\n        }\n        return null\n      })\n\n      return defaultValue\n    },\n    options: selectOptions,\n    placeholder: 'Select a Provisional Strategy',\n    ...select,\n    menuPlacement: 'bottom',\n    onChange: ({ value }) => selectChange(value),\n  }\n\n  const jsonEditorChangeHandler = ({ updated_src: updatedSrc }) =>\n    setValue(`provisionalStrategy.${id}.params.customParams`, updatedSrc)\n  const jsonEditorConfig = {\n    import: {\n      overlayProps: {\n        placement: {\n          offset: [8, -16],\n          points: ['br', 'tl'],\n        },\n        portalContainer: 'chainUIPortalContainer',\n        zIndex: theme['z-overdrive'],\n      },\n    },\n  }\n  const jsonEditorStyle = {\n    maxHeight: '120px',\n    '& > .react-json-view': {\n      backgroundColor: theme.white,\n      marginBottom: theme['default-spacer-sm'],\n      overflow: 'auto',\n      ...customScrollbarCSS({ width: theme['default-spacer-xs'] }),\n    },\n  }\n\n  const portalContainerCSS = {\n    position: 'fixed',\n    zIndex: theme['z-modal-above'],\n    '&> #provisionalStrategy-jsonEditor-import-overlay': { minWidth: '300px' },\n  }\n\n  return (\n    <Fragment>\n      <Element\n        id='chainUIPortalContainer'\n        onClick={e => e.preventDefault()}\n        style={portalContainerCSS}\n        {...ngramProps}\n      />\n      <FormControl\n        errors={errors && errors?.provisionalStrategy}\n        helperText='Select a strategy to run for this application.'\n        isNotInput={true}\n      >\n        <Heading level={4} style={appHeadingCSS}>\n          Strategy\n        </Heading>\n        <Select {...selectProps} />\n      </FormControl>\n      {additionalFields}\n      {provisionalStrategyParams && hasOptions && currentProvisionalStrategyName && (\n        <Element\n          margin={[theme['default-spacer-sm'], 0, 0]}\n          style={\n            findingWords && {\n              overflow: 'auto',\n              ...customScrollbarCSS({\n                width: sm,\n                scrollbarThumb: {\n                  borderRadius: sm,\n                },\n              }),\n            }\n          }\n        >\n          <Fieldset\n            legend='Provisional Strategy Params'\n            legendStyle={{ fontSize: theme['font-size-base'] }}\n            style={{\n              background: theme[single ? 'field-bg-light' : 'white'],\n              '&> .fiqds-checkbox-wrapper': { margin: theme['default-spacer-sm'] },\n            }}\n          >\n            {defaultValues &&\n              hasOptions &&\n              options.map((option, i) => {\n                const details = paramsDetailsMap[option.value]\n                const key = `${i}-${details.label}`\n                const inputName = `provisionalStrategy.${id}.params.${option.value}`\n                const inputErrors = errors?.params?.[option.value]\n                switch (details.type) {\n                  case 'checkbox':\n                    return (\n                      <CheckboxStrategy\n                        defaultValue={defaultValues[option.value] || 0}\n                        handleChange={handleChange}\n                        inputName={inputName}\n                        key={key}\n                        label={details.label}\n                        setValue={setValue}\n                        name={option.value}\n                      />\n                    )\n                  case 'textarea':\n                    return (\n                      <TextArea\n                        defaultValue={defaultValues[option.value]}\n                        description={details.description}\n                        errors={inputErrors}\n                        handleChange={handleChange}\n                        inputName={inputName}\n                        key={key}\n                        label={details.label}\n                        name={option.value}\n                        placeholder={details.placeholder}\n                        register={register}\n                        setValue={setValue}\n                        unregister={unregister}\n                        validate={value => validateJson(value) || 'Not valid JSON'}\n                      />\n                    )\n                  case 'ngram':\n                    return (\n                      <Fragment key={key}>\n                        <NGram\n                          applicationId={applicationId}\n                          handleChange={handleChange}\n                          inputName={inputName}\n                          label={details.label}\n                          name={option.value}\n                          ngramProps={ngramProps}\n                          setFindingWords={setFindingWords}\n                          single={single}\n                        />\n                        <TextArea\n                          defaultValue={defaultValues[option.value]}\n                          description={details.description}\n                          errors={inputErrors}\n                          handleChange={handleChange}\n                          inputName={inputName}\n                          label={null}\n                          name={option.value}\n                          placeholder={details.placeholder}\n                          register={register}\n                          setValue={setValue}\n                          unregister={unregister}\n                          validate={value => validateJson(value) || 'Not valid JSON'}\n                        />\n                      </Fragment>\n                    )\n                  case 'text':\n                    return (\n                      <TextInput\n                        defaultValue={defaultValues[option.value]}\n                        description={details.description}\n                        errors={inputErrors}\n                        handleChange={handleChange}\n                        inputName={`provisionalStrategy.${id}.params.${option.value}`}\n                        key={key}\n                        label={details.label}\n                        name={option.value}\n                        placeholder={details.placeholder}\n                        register={register}\n                        rules={details && details.rules}\n                        setValue={setValue}\n                        unregister={unregister}\n                        validate={value => validateJson(value) || 'Not valid JSON'}\n                      />\n                    )\n                  case 'number':\n                    return (\n                      <Number\n                        defaultValue={defaultValues[option.value]}\n                        description={details.description}\n                        errors={inputErrors}\n                        handleChange={handleChange}\n                        inputName={`provisionalStrategy.${id}.params.${option.value}`}\n                        key={key}\n                        label={details.label}\n                        name={option.value}\n                        placeholder={details.placeholder}\n                        register={register}\n                        rules={details && details.rules}\n                        setValue={setValue}\n                        type={details.type}\n                        unregister={unregister}\n                        title={details.title}\n                      />\n                    )\n                  case 'radiogroup':\n                    return (\n                      <RadioGroup\n                        boxes={details.boxes}\n                        defaultValue={defaultValues[option.value]}\n                        description={details.description}\n                        errors={inputErrors}\n                        handleChange={handleChange}\n                        inputName={`provisionalStrategy.${id}.params.${option.value}`}\n                        key={`${i}-${details.label}`}\n                        label={details.label}\n                        name={option.value}\n                        placeholder={details.placeholder}\n                        register={register}\n                        rules={details && details.rules}\n                        setValue={setValue}\n                        type={details.type}\n                        unregister={unregister}\n                      />\n                    )\n                  default:\n                    return null\n                }\n              })}\n          </Fieldset>\n          <JSONEditor\n            config={jsonEditorConfig}\n            collapsed={false}\n            id='provisionalStrategy-jsonEditor'\n            name='Custom Params'\n            onAdd={jsonEditorChangeHandler}\n            onDelete={jsonEditorChangeHandler}\n            onEdit={jsonEditorChangeHandler}\n            src={defaultValues?.customParams}\n            style={jsonEditorStyle}\n            title={<Label>Custom JSON</Label>}\n          />\n        </Element>\n      )}\n    </Fragment>\n  )\n}\n\nexport default Form\n","import React, { useEffect, useState } from 'react'\nimport { Element } from '@fortressiq/fiq-ds'\n\nimport { strategyOptions } from 'lib/SignatureStrategies'\n\nimport { sidebarItemCSS } from '../styles'\n\nimport { strategyParamsMap, isJsonValue } from '../utilities'\nimport Form from './Form'\n\nconst Single = ({\n  applicationId,\n  currentProvisionalStrategyParams,\n  errors,\n  getValues,\n  id,\n  provisionalStrategy,\n  register,\n  setValue,\n  single,\n  trigger,\n  unregister,\n  watch,\n}) => {\n  const [provisionalStrategyParams, setProvisionalStrategyParams] = useState(false)\n  const [select, setSelect] = useState()\n  const [options, setOptions] = useState([])\n\n  const watchSelectedStrategy = watch(`provisionalStrategy.${id}.params.name`, provisionalStrategy)\n\n  useEffect(() => {\n    setSelect(register(`provisionalStrategy.${id}.params.name`, { required: 'Provisional Strategy is required' }))\n    return () => {\n      unregister(`provisionalStrategy.${id}.params.name`)\n    }\n  }, [])\n\n  useEffect(() => {\n    if (provisionalStrategy) {\n      setValue(`provisionalStrategy.${id}.params.name`, provisionalStrategy)\n      trigger()\n    }\n  }, [provisionalStrategy])\n\n  useEffect(() => {\n    if (currentProvisionalStrategyParams) {\n      setProvisionalStrategyParams(currentProvisionalStrategyParams)\n      setValue(`provisionalStrategy.${id}.params.name`, provisionalStrategy)\n      trigger()\n    }\n  }, [currentProvisionalStrategyParams])\n\n  useEffect(() => {\n    const fieldKeys = options && options.length ? options.map(option => option.value) : []\n    if (typeof provisionalStrategyParams !== 'string') {\n      const customParams = Object.entries(provisionalStrategyParams).reduce((acc, [key, val]) => {\n        if (!fieldKeys.includes(key)) {\n          acc[key] = val\n        } else {\n          setValue(`provisionalStrategy.${id}.params.${key}`, isJsonValue(key) ? JSON.stringify(val) : val)\n        }\n        return acc\n      }, {})\n      setValue(`provisionalStrategy.${id}.params.customParams`, customParams)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [provisionalStrategyParams, options])\n\n  useEffect(() => {\n    if (watchSelectedStrategy) {\n      setOptions(strategyParamsMap[watchSelectedStrategy])\n    }\n  }, [watchSelectedStrategy])\n\n  const selectChange = val => {\n    setValue(`provisionalStrategy.${id}.params.name`, val)\n\n    if (val === provisionalStrategy) {\n      setProvisionalStrategyParams(currentProvisionalStrategyParams)\n    } else {\n      setProvisionalStrategyParams({})\n    }\n\n    trigger()\n  }\n\n  if (!select) return null\n\n  const selectOptions = strategyOptions.filter(\n    strategy => strategy.selectable === undefined || strategy.selectable === 0\n  )\n  const containerStyle = { ...sidebarItemCSS, border: 0 }\n\n  return (\n    <Element style={containerStyle}>\n      <Form\n        applicationId={applicationId}\n        collapseRef={null}\n        currentProvisionalStrategyName={watchSelectedStrategy}\n        errors={errors}\n        getValues={getValues}\n        id={id}\n        provisionalStrategy={provisionalStrategy}\n        provisionalStrategyParams={provisionalStrategyParams}\n        register={register}\n        select={select}\n        selectChange={selectChange}\n        selectOptions={selectOptions}\n        setValue={setValue}\n        single={single}\n        trigger={trigger}\n        unregister={unregister}\n      />\n    </Element>\n  )\n}\n\nexport default Single\n","import React from 'react'\nimport { Checkbox as CheckboxDS, Element, theme } from '@fortressiq/fiq-ds'\n\nimport { checkboxLabel } from '../../styles'\n\nimport { useDefaultFieldValue } from './hooks'\n\nconst Checkbox = ({ defaultValue, handleChange, inputName, label, setValue, name }) => {\n  useDefaultFieldValue(defaultValue, setValue, inputName, name)\n\n  const handleCheckbox = e => {\n    handleChange(inputName, +e)\n  }\n\n  return (\n    <CheckboxDS\n      defaultChecked={!!defaultValue}\n      onCheck={handleCheckbox}\n      style={{\n        justifyContent: 'flex-start',\n        '&:not(:last-child)': { marginBottom: theme['default-spacer-sm'] },\n      }}\n      value={1}\n    >\n      <Element as='span' style={checkboxLabel}>\n        {label}\n      </Element>\n    </CheckboxDS>\n  )\n}\n\nexport default Checkbox\n","import React from 'react'\nimport { FormControl, InputNumber } from '@fortressiq/fiq-ds'\n\nimport { useDefaultFieldValue, useRegisterField } from './hooks'\n\nimport { inputStyle } from '../../styles'\n\nconst Number = ({\n  defaultValue,\n  description,\n  errors,\n  handleChange,\n  inputName,\n  label,\n  name,\n  noMargin,\n  placeholder,\n  register,\n  rules,\n  setValue,\n  unregister,\n  validate,\n  ...inputProps\n}) => {\n  const registerInput = useRegisterField(inputName, register, unregister, validate)\n  useDefaultFieldValue(defaultValue, setValue, inputName, name)\n\n  if (!registerInput) return null\n\n  return (\n    <FormControl errors={errors} helperText={description} style={noMargin && { margin: 0 }}>\n      <InputNumber\n        {...inputProps}\n        value={defaultValue}\n        id={`application-inputnumber-${inputName}`}\n        label={label}\n        max={rules && rules.max}\n        min={rules && rules.min}\n        name={registerInput.name}\n        onBlur={registerInput.onBlur}\n        setNum={newVal => handleChange(registerInput.name, newVal)}\n        placeholder={placeholder || label}\n        ref={registerInput.ref}\n        step={rules && rules.step}\n        style={inputStyle}\n      />\n    </FormControl>\n  )\n}\n\nexport default Number\n","import React, { Fragment } from 'react'\nimport { FormControl, Label, Radio, RadioGroup as DSRadioGroup } from '@fortressiq/fiq-ds'\n\nimport { useDefaultFieldValue, useRegisterField } from './hooks'\n\nimport { inputStyle } from '../../styles'\n\nconst RadioGroup = ({\n  defaultValue,\n  description,\n  errors,\n  handleChange,\n  inputName,\n  label,\n  name,\n  noMargin,\n  register,\n  setValue,\n  unregister,\n  validate,\n  boxes,\n}) => {\n  const registerInput = useRegisterField(inputName, register, unregister, validate)\n  useDefaultFieldValue(defaultValue, setValue, inputName, name)\n\n  const onChangeHandler = ({ selectedValue }) => {\n    handleChange(registerInput.name, selectedValue)\n  }\n  if (!registerInput) return null\n\n  return (\n    <FormControl errors={errors} helperText={description} style={noMargin && { margin: 0 }}>\n      <Fragment>\n        <Label\n          ID={`application-radiogroup-${inputName}`}\n          style={{ alignItems: 'center', display: 'flex', justifyContent: 'space-between' }}\n        >\n          {label}\n        </Label>\n        <DSRadioGroup\n          button={true}\n          label={label}\n          name={registerInput.name}\n          onChange={onChangeHandler}\n          selectedValue={defaultValue || boxes[0].value}\n          id={`application-radiogroup-${inputName}`}\n          ref={registerInput.ref}\n          style={inputStyle}\n        >\n          {boxes.map(box => (\n            <Radio key={box.value} value={box.value}>\n              {box.label}\n            </Radio>\n          ))}\n        </DSRadioGroup>\n      </Fragment>\n    </FormControl>\n  )\n}\n\nexport default RadioGroup\n","import React from 'react'\nimport { FormControl, TextArea as TextAreaDS } from '@fortressiq/fiq-ds'\n\nimport { useRegisterField } from './hooks'\n\nconst TextArea = ({\n  defaultValue,\n  description,\n  errors,\n  handleChange,\n  inputName,\n  label,\n  name,\n  noMargin,\n  placeholder,\n  register,\n  unregister,\n  validate,\n}) => {\n  const registerInput = useRegisterField(inputName, register, unregister, validate)\n\n  const onChangeHandler = e => {\n    registerInput.onChange(e)\n\n    handleChange(e.target.name, e.target.value)\n  }\n\n  if (!registerInput) return null\n\n  return (\n    <FormControl errors={errors} helperText={description} style={noMargin && { margin: 0 }}>\n      <TextAreaDS\n        defaultValue={defaultValue !== undefined ? String(defaultValue) : ''}\n        id={`application-textarea-${inputName}`}\n        label={label}\n        name={registerInput.name}\n        onBlur={registerInput.onBlur}\n        onChange={onChangeHandler}\n        placeholder={placeholder || label}\n        ref={registerInput.ref}\n      />\n    </FormControl>\n  )\n}\n\nexport default TextArea\n","import React from 'react'\nimport { FormControl, Input } from '@fortressiq/fiq-ds'\n\nimport { useRegisterField } from './hooks'\n\nimport { inputStyle } from '../../styles'\n\nconst TextInput = ({\n  defaultValue,\n  description,\n  errors,\n  handleChange,\n  inputName,\n  label,\n  noMargin,\n  placeholder,\n  register,\n  unregister,\n  validate,\n}) => {\n  const registerInput = useRegisterField(inputName, register, unregister, validate)\n\n  const onChangeHandler = e => {\n    registerInput.onChange(e)\n\n    handleChange(e.target.name, e.target.value)\n  }\n  if (!registerInput) return null\n\n  return (\n    <FormControl errors={errors} helperText={description} style={noMargin && { margin: 0 }}>\n      <Input\n        defaultValue={defaultValue}\n        id={`application-input-${inputName}`}\n        label={label}\n        name={registerInput.name}\n        onBlur={registerInput.onBlur}\n        onChange={onChangeHandler}\n        placeholder={placeholder || label}\n        ref={registerInput.ref}\n        style={inputStyle}\n      />\n    </FormControl>\n  )\n}\n\nexport default TextInput\n","import { useEffect, useState } from 'react'\nimport { isJsonValue } from '../../utilities'\n\nexport function useRegisterField(inputName, register, unregister, validate) {\n  const [registerInput, setRegisterInput] = useState()\n\n  useEffect(() => {\n    const registerOptions = validate ? { validate } : {}\n    setRegisterInput(register(inputName, registerOptions))\n  }, [inputName, register, setRegisterInput, validate])\n\n  return registerInput\n}\n\nexport function useDefaultFieldValue(defaultValue, setValue, inputName, name) {\n  useEffect(() => {\n    if (typeof defaultValue !== 'undefined') {\n      setValue(inputName, isJsonValue(name) ? JSON.stringify(defaultValue) : defaultValue)\n    }\n  }, [defaultValue, setValue, inputName, name])\n}\n","import React, { forwardRef, Fragment, useEffect, useState } from 'react'\nimport {\n  Button,\n  DateTimePicker,\n  defaultHandleProps,\n  Element,\n  Fieldset,\n  get,\n  Group,\n  helpers,\n  InputNumber,\n  restrictToFirstScrollableAncestor,\n  restrictToVerticalAxis,\n  Sortable,\n  Spin,\n  theme,\n  useFela,\n  useForm,\n} from '@fortressiq/fiq-ds'\nimport { useGetSetState, useLatest, useList, useUpdateEffect } from 'react-use'\nimport { useHistory } from 'react-router-dom'\nimport { format } from 'date-fns'\n\nimport { strategyOptions } from 'lib/SignatureStrategies'\nimport { DS_DATE_FORMAT_MEDIUM } from 'constants/app-constants'\n\nimport { sidebarItemCSS } from '../styles'\nimport { fieldset, strategyBoxHeight } from './styles'\nimport { createStrategy, CHAIN_STRATEGY, strategyParamsMap, isJsonValue } from '../utilities'\n\nimport Chain from './Chain'\nimport Single from './Single'\n\nconst { customScrollbarCSS, formatString } = helpers\n\nconst xs = theme['default-spacer-xs']\nconst scrollableModifiers = [restrictToVerticalAxis, restrictToFirstScrollableAncestor]\nconst sortableHandle = { ...defaultHandleProps, size: get.numericValues('spacer').md }\n\nconst Provisional = forwardRef(({ appId, cycleId, currentProvisionalStrategyParams, isLoading }, ref) => {\n  const [canApplyProvisional, setCanApplyProvisional] = useState(false)\n  const [isEditingChain, setState] = useGetSetState({ editing: null })\n  const [provisionalStrategyParams, setProvisionalStrategyParams] = useState({ 0: {} })\n  const [strategies, setStrategies] = useState([])\n  const [list, { removeAt, reset, set }] = useList([])\n  const { css } = useFela()\n  const indexBeingEdited = useLatest(isEditingChain().editing)\n\n  const { register, unregister, handleSubmit, watch, getValues, setValue, trigger, formState } = useForm({\n    mode: 'onChange',\n  })\n\n  const history = useHistory()\n\n  const remove = index => {\n    // fix our provisional strategy params\n    const keys = Object.keys(provisionalStrategyParams.params)\n    const params = {}\n    let i = 0\n    keys.forEach(key => {\n      if (key !== index) {\n        const currentStrategy = getValues(`provisionalStrategy.${key}`)\n        const { name, customParams, ...rest } = currentStrategy.params\n        const restParams = { ...rest }\n        const formattedParams = {}\n        Object.keys(restParams).forEach(paramKey => {\n          if (isJsonValue(paramKey)) {\n            try {\n              const jsonValue = JSON.parse(restParams[paramKey])\n              formattedParams[paramKey] = jsonValue\n            } catch (error) {\n              console.error('Invalid JSON', error)\n            }\n          } else {\n            formattedParams[paramKey] = restParams[paramKey]\n          }\n        })\n\n        params[i] = {\n          apply_to: currentStrategy.applyTo,\n          strategy: {\n            name: name,\n            params: {\n              ...customParams,\n              ...formattedParams,\n            },\n          },\n        }\n        i += 1\n      }\n    })\n\n    setProvisionalStrategyParams({ ...provisionalStrategyParams, params })\n\n    //wipe out form fields\n    unregister('provisionalStrategy', { keepValue: false, keepDefaultValue: false })\n    // clean up our list\n    removeAt(index)\n  }\n\n  useUpdateEffect(() => {\n    reset()\n\n    setStrategies(provisionalStrategyParams.params)\n  }, [provisionalStrategyParams.params])\n\n  useUpdateEffect(() => {\n    set(\n      Object.keys(strategies).map(index => {\n        const thisStrat = provisionalStrategyParams.params[index]\n\n        return {\n          apply_to: thisStrat?.apply_to,\n          label: (\n            <Chain\n              applicationId={appId}\n              defaultValues={thisStrat?.strategy}\n              defaultApplyTo={thisStrat?.apply_to}\n              errors={formState?.errors?.provisionalStrategy?.[index]}\n              id={index}\n              indexBeingEdited={indexBeingEdited}\n              register={register}\n              removeAt={remove}\n              setIsEditingChain={setState}\n              setValue={setValue}\n              trigger={trigger}\n              unregister={unregister}\n              watch={watch}\n              getValues={getValues}\n            />\n          ),\n          id: index,\n          strategy: thisStrat?.strategy,\n        }\n      })\n    )\n    // canApplyProvisional to trigger rerender when errors changes\n  }, [strategies, canApplyProvisional, appId])\n\n  useEffect(() => {\n    if (currentProvisionalStrategyParams) {\n      reset()\n      unregister('provisionalStrategy')\n      setProvisionalStrategyParams(currentProvisionalStrategyParams)\n\n      if (currentProvisionalStrategyParams?.start_date) {\n        setValue('start_date', currentProvisionalStrategyParams.start_date)\n      }\n      if (currentProvisionalStrategyParams?.end_date) {\n        setValue('end_date', currentProvisionalStrategyParams.end_date)\n      }\n      if (currentProvisionalStrategyParams?.limit) {\n        setValue('limit', currentProvisionalStrategyParams.limit.toString())\n      }\n    }\n  }, [currentProvisionalStrategyParams, reset, unregister, setValue])\n\n  useEffect(() => {\n    setCanApplyProvisional(formState.isValid)\n  }, [formState.isValid])\n\n  const onSubmit = async data => {\n    const newStrategies = []\n\n    data.provisionalStrategy.forEach(strat => {\n      const options = strategyParamsMap[strat.params.name]\n      let strategyObject = {}\n\n      options.forEach(option => {\n        if (strat?.params[option.value] || strat?.params[option.value] === 0) {\n          if (isJsonValue(option.value)) {\n            try {\n              const jsonValue = JSON.parse(strat.params[option.value])\n              strategyObject[option.value] = jsonValue\n            } catch (error) {\n              console.error('Invalid JSON', error)\n            }\n          } else {\n            strategyObject[option.value] = strat.params[option.value]\n          }\n        }\n      })\n\n      if (strat?.params?.customParams && Object.keys(strat.params.customParams).length > 0) {\n        const jsonCustomParams = strat.params.customParams\n        strategyObject = { ...strategyObject, ...jsonCustomParams }\n      }\n\n      newStrategies.push({\n        apply_to: strat.applyTo || 'all',\n        strategy: { name: strat.params.name, params: strategyObject },\n      })\n    })\n\n    let jsonObject = {\n      limit: data.limit || data.limit === '' ? parseInt(data.limit, 10) : undefined,\n    }\n\n    if (data.start_date) {\n      const formattedStart = format(new Date(data.start_date), DS_DATE_FORMAT_MEDIUM)\n      jsonObject.start_date = formattedStart\n    }\n    if (data.end_date) {\n      const formattedEnd = format(new Date(data.end_date), DS_DATE_FORMAT_MEDIUM)\n      jsonObject.end_date = formattedEnd\n    }\n\n    let strategy = CHAIN_STRATEGY\n\n    // if we only have one strategy, let's just use that\n    if (newStrategies.length === 1) {\n      strategy = newStrategies[0].strategy.name\n      jsonObject = {\n        ...jsonObject,\n        ...newStrategies[0].strategy.params,\n      }\n    } else {\n      jsonObject = {\n        ...jsonObject,\n        params: { ...newStrategies },\n      }\n    }\n\n    await createStrategy(strategy, jsonObject, appId, cycleId)\n    history.push('/signature-service-jobs')\n  }\n\n  const rightAlignBlockCSS = { display: 'block', marginTop: theme['default-spacer-md'], textAlign: 'right' }\n\n  const addStrategy = () => {\n    const currentStrats = getValues('provisionalStrategy')\n    const params = currentStrats.map(val => {\n      const options = strategyParamsMap[val?.params?.name] ? [...strategyParamsMap[val?.params?.name]] : []\n      let strategyObject = {}\n\n      options.forEach(option => {\n        if (val?.params[option.value] || val?.params[option.value] === 0) {\n          if (isJsonValue(option.value)) {\n            try {\n              const jsonValue = JSON.parse(val.params[option.value])\n              strategyObject[option.value] = jsonValue\n            } catch (error) {\n              console.error('Invalid JSON', error)\n            }\n          } else {\n            strategyObject[option.value] = val.params[option.value]\n          }\n        }\n      })\n\n      if (val?.params?.customParams && Object.keys(val.params.customParams).length > 0) {\n        const jsonCustomParams = val.params.customParams\n        strategyObject = { ...strategyObject, ...jsonCustomParams }\n      }\n\n      return {\n        apply_to: val.applyTo || 'all',\n        strategy: { name: val.params.name, params: strategyObject },\n      }\n    })\n\n    setState({ editing: `${Object.keys(provisionalStrategyParams.params).length}` })\n\n    setProvisionalStrategyParams({\n      ...provisionalStrategyParams,\n      params: {\n        ...params,\n        [Object.keys(provisionalStrategyParams.params).length]: {\n          apply_to: 'all',\n          strategy: {\n            name: strategyOptions[0].value,\n            params: {},\n          },\n        },\n      },\n    })\n  }\n\n  if (isLoading || !provisionalStrategyParams?.params) return <Spin>Loading&hellip;</Spin>\n\n  const paramsCount = Object.keys(provisionalStrategyParams.params).length\n  const showSortable = paramsCount > 1\n\n  const onChangeSort = strats => {\n    const currentStrats = getValues('provisionalStrategy')\n    const params = strats.map((val, index) => {\n      unregister(`provisionalStrategy.${index}`, { keepValue: false, keepDefaultValue: false })\n\n      const options = strategyParamsMap[currentStrats[val.id].params.name]\n      let strategyObject = {}\n\n      options.forEach(option => {\n        if (currentStrats[val.id]?.params[option.value] || currentStrats[val.id]?.params[option.value] === 0) {\n          if (isJsonValue(option.value)) {\n            try {\n              const jsonValue = JSON.parse(currentStrats[val.id].params[option.value])\n              strategyObject[option.value] = jsonValue\n            } catch (error) {\n              console.error('Invalid JSON', error)\n            }\n          } else {\n            strategyObject[option.value] = currentStrats[val.id].params[option.value]\n          }\n        }\n      })\n\n      if (\n        currentStrats[val.id]?.params?.customParams &&\n        Object.keys(currentStrats[val.id].params.customParams).length > 0\n      ) {\n        const jsonCustomParams = currentStrats[val.id].params.customParams\n        strategyObject = { ...strategyObject, ...jsonCustomParams }\n      }\n\n      return {\n        apply_to: currentStrats[val.id].applyTo || 'all',\n        strategy: { name: currentStrats[val.id].params.name, params: strategyObject },\n      }\n    })\n\n    setProvisionalStrategyParams({\n      ...provisionalStrategyParams,\n      params,\n    })\n  }\n\n  const sharedBtnProps = {\n    children: 'Add Chain Layer',\n    icon: 'add',\n    onClick: addStrategy,\n    size: 'small',\n    style: {\n      display: 'block',\n      ...(showSortable && {\n        marginBottom: theme['default-spacer-sm'],\n        marginRight: theme['default-spacer-sm'],\n      }),\n      marginLeft: 'auto',\n    },\n    type: 'secondary',\n  }\n  const sharedGroupProps = {\n    colStyles: { width: '49%', '> span, > div': { width: '100%' } },\n    noEndGutter: true,\n    noOfCols: 2,\n    style: { margin: `0 0 ${theme['default-spacer-sm']}`, width: '100%' },\n    type: 'flex',\n  }\n  const endDateReg = register('end_date')\n  const startDateReg = register('start_date')\n  const limitReg = register('limit')\n\n  const sharedDatePickerProps = {\n    className: css({ width: '100%' }),\n    dateFormat: DS_DATE_FORMAT_MEDIUM,\n    showTime: false,\n    valueAsDate: true,\n    range: false,\n  }\n\n  const sortableStyle = {\n    margin: `${theme['default-spacer-sm']} 0`,\n    maxHeight: formatString(strategyBoxHeight * 2.4),\n    padding: `${theme['default-spacer-sm']} ${theme['default-spacer-md']} ${theme['default-spacer-sm']} 0`,\n    overflow: 'auto',\n    ...customScrollbarCSS({ width: xs }),\n  }\n  const onDragEndHandler = () => setState({ editing: null })\n\n  return (\n    <Element ref={ref} style={sidebarItemCSS}>\n      {showSortable && (\n        <Fragment>\n          <Button {...sharedBtnProps} />\n          <Sortable\n            handle={sortableHandle}\n            items={list}\n            modifiers={scrollableModifiers}\n            onChange={onChangeSort}\n            onDragEnd={onDragEndHandler}\n            scrollOnAdd={true}\n            style={sortableStyle}\n          />\n        </Fragment>\n      )}\n      {paramsCount <= 1 && (\n        <Fragment>\n          <Button {...sharedBtnProps}>Make A Chain</Button>\n          {Object.keys(provisionalStrategyParams?.params).map(key => (\n            <Single\n              applicationId={appId}\n              applyTo={provisionalStrategyParams.params[key]?.apply_to}\n              currentProvisionalStrategyParams={provisionalStrategyParams.params[key]?.strategy?.params}\n              errors={formState?.errors?.provisionalStrategy?.[0]}\n              getValues={getValues}\n              id={0}\n              key={key}\n              provisionalStrategy={provisionalStrategyParams.params[key]?.strategy?.name || strategyOptions[0].value}\n              register={register}\n              setValue={setValue}\n              single={true}\n              trigger={trigger}\n              unregister={unregister}\n              watch={watch}\n            />\n          ))}\n        </Fragment>\n      )}\n      <Fieldset legend='Options' style={fieldset}>\n        <Fragment>\n          <Group {...sharedGroupProps}>\n            <DateTimePicker\n              {...sharedDatePickerProps}\n              {...startDateReg}\n              onChange={({ formattedStart }) => setValue('start_date', formattedStart)}\n              label='Start Date'\n              value={\n                currentProvisionalStrategyParams?.start_date\n                  ? new Date(currentProvisionalStrategyParams.start_date)\n                  : null\n              }\n            />\n            <DateTimePicker\n              {...sharedDatePickerProps}\n              {...endDateReg}\n              onChange={({ formattedStart }) => setValue('end_date', formattedStart)}\n              label='End Date'\n              value={\n                currentProvisionalStrategyParams?.end_date ? new Date(currentProvisionalStrategyParams.end_date) : null\n              }\n            />\n          </Group>\n          <Group {...sharedGroupProps}>\n            <InputNumber\n              label='Limit'\n              name={limitReg.name}\n              ref={limitReg.ref}\n              min={0}\n              setNum={newVal => {\n                setValue(limitReg.name, newVal)\n              }}\n              defaultValue={currentProvisionalStrategyParams.limit}\n            />\n            <span\n              className={css({\n                color: theme['text-light'],\n                fontSize: theme['font-size-xs'],\n                position: 'relative',\n                top: xs,\n              })}\n            >\n              Default 25000. Values: 0 to infinity. Limit the number of event_logs to be considered for strategy.\n            </span>\n          </Group>\n        </Fragment>\n      </Fieldset>\n\n      <Group style={rightAlignBlockCSS}>\n        <Button disabled={!canApplyProvisional} noBorder={true} onClick={handleSubmit(onSubmit)} type='secondary'>\n          Create Provisional Signature\n        </Button>\n      </Group>\n    </Element>\n  )\n})\n\nexport default Provisional\n","/* eslint-disable react/require-default-props */\n/* eslint-disable react/forbid-prop-types */\nimport React, { Fragment, useMemo, useRef, useState } from 'react'\nimport {\n  Alert,\n  Button,\n  ButtonGroup,\n  Checkbox,\n  Element,\n  Group,\n  Label,\n  Table,\n  theme,\n  Typography,\n  useFela,\n} from '@fortressiq/fiq-ds'\nimport { useList, useMap } from 'react-use'\nimport { arrayOf, func, object, string } from 'prop-types'\n\nimport api from 'lib/Api'\n\nimport callbackStore from 'stores/callback'\nimport FlexContainer from 'components/containers/FlexContainer'\n\nimport { overlayTitleCSS, suggestedWordsCSS } from '../../styles'\n\nconst { Paragraph, Title } = Typography\n\nexport const defaultParams = {\n  punctuation: false,\n  numbers: false,\n  stopwords: false,\n  entities: false,\n  use_ocr_text: false,\n}\nexport const defaultParamValues = ['punctuation', 'numbers', 'stopwords', 'entities', 'use_ocr_text']\n\n// Table Setup:\nconst columns = [\n  {\n    accessor: 'gram',\n    Header: 'NGram',\n  },\n  {\n    accessor: 'count',\n    align: 'center',\n    Header: 'Count',\n    width: 40,\n  },\n  {\n    accessor: 'type',\n    Header: 'Type',\n    width: 60,\n  },\n]\nconst tableStyles = {\n  paginationSelectDropdown: { zIndex: 2001 },\n  table: {\n    tr: {\n      cursor: 'pointer',\n      '&:hover': { '&:not(.fiqds-table-tr-selected)': { backgroundColor: theme['nav-btn-hover-bg'] } },\n    },\n  },\n}\n\nconst NGramOverlay = ({\n  id: htmlID,\n  ngramProps,\n  params = defaultParams,\n  paramsValues = defaultParamValues,\n  setFindingWords,\n  setShowing,\n  handleUpdateValue,\n  applicationId,\n  ...props\n}) => {\n  const [isLoading, setIsLoading] = useState(false)\n  const [isError, setIsError] = useState(false)\n  const [showTable, setShowTable] = useState(false)\n  const [selected, setSelected] = useState([])\n  const tableRef = useRef(null)\n  const callbackId = 'ngramPayload'\n  // Setup Parameters:\n\n  const [map, { setAll }] = useMap(params)\n  const [tableData, { clear, set }] = useList([])\n\n  const updateTableData = data => {\n    set(data)\n    setIsError(false)\n    setIsLoading(false)\n    setShowTable(true)\n  }\n\n  const getData = data => {\n    if (data?.payload.length > 0) {\n      updateTableData(data.payload)\n    } else {\n      setIsLoading(false)\n      setIsError(true)\n    }\n  }\n\n  const getDataOnClick = async () => {\n    clear()\n    setIsError(false)\n    setIsLoading(true)\n    const { data } = await api.post(`/applications/${applicationId}/suggested_allow_lists`, map, 'PUT')\n\n    if (data.length > 0) {\n      updateTableData(data)\n    }\n\n    callbackStore.add(getData, callbackId, true)\n  }\n\n  const memoData = useMemo(() => (showTable ? tableData : []), [showTable, tableData])\n\n  // Setup event handlers:\n  const onParamCheckHandler = (checked, value) => {\n    const updatedMap = { ...map, [`${value}`]: checked }\n\n    return setAll(updatedMap)\n  }\n\n  const handleOnRowClick = item =>\n    setSelected(prevState => (prevState.includes(item) ? prevState.filter(i => i !== item) : [...prevState, item]))\n\n  const closing = () => {\n    setShowing(false)\n    setFindingWords(false)\n  }\n\n  const onSelectAllHandler = () => {\n    const all = tableData.map(item => item.gram)\n    const strings = getStrings(all)\n\n    handleUpdateValue(strings)\n\n    closing()\n  }\n\n  const onSubmitHandler = () => {\n    const strings = getStrings(selected)\n\n    handleUpdateValue(strings)\n    closing()\n  }\n\n  // Misc Setup:\n  const { css } = useFela({ isError, showTable })\n  const tableRowSelection = {\n    selectedRowColor: theme['nav-btn-selected-bg'],\n    selectedRowKey: 'gram',\n    selectedRows: selected,\n  }\n  const buttonTextModifier = selected.length !== 1 ? 's' : ''\n  const buttonText = (\n    <Fragment>\n      Add <strong>{selected.length}</strong> suggestion{buttonTextModifier}\n    </Fragment>\n  )\n\n  return (\n    <Element id={htmlID} {...props} {...ngramProps}>\n      <Title level={2} style={overlayTitleCSS}>\n        Allow List Find Suggested Words\n      </Title>\n      <FlexContainer padded={true} style={{ overflow: 'auto' }}>\n        <Label>Parameters</Label>\n        <Paragraph style={{ color: theme['text-light'], fontWeight: 300, whiteSpace: 'break-spaces' }}>\n          Create n-gram frequencies from title or ocr text. A checked value for punctuation, number, stopwords, or\n          entities will remove those values.\n        </Paragraph>\n        <Group noEndGutter={true} justify='space-between'>\n          {paramsValues.map((v, i) => {\n            const checkboxID = `ngram-checkbox-${i}`\n            const label = v?.includes('_') ? 'Use OCR Text' : v\n\n            return (\n              <Checkbox\n                checked={map[v]}\n                id={checkboxID}\n                key={checkboxID}\n                onCheck={onParamCheckHandler}\n                style={{ textTransform: 'capitalize' }}\n                value={v}\n              >\n                {label}\n              </Checkbox>\n            )\n          })}\n        </Group>\n        <FlexContainer end={true}>\n          <Button disabled={isLoading} loading={isLoading} onClick={getDataOnClick} type='secondary'>\n            Request{isLoading ? 'ing' : ''} Suggested Words\n          </Button>\n        </FlexContainer>\n      </FlexContainer>\n      <FlexContainer className={css(suggestedWordsCSS)} padded={true}>\n        {!isError ? (\n          <Fragment>\n            <Label>Suggested Words</Label>\n            <Table\n              columns={columns}\n              data={memoData}\n              initialState={{ pageSize: 5 }}\n              loading={isLoading}\n              onRowClick={({ gram }) => handleOnRowClick(gram)}\n              ref={tableRef}\n              rowSelection={tableRowSelection}\n              styles={tableStyles}\n            />\n            <FlexContainer\n              as={ButtonGroup}\n              end={true}\n              style={{\n                background: theme.white,\n                bottom: 0,\n                margin: 0,\n                padding: `${theme['default-spacer-sm']} 0`,\n                position: 'sticky',\n              }}\n            >\n              <Button onClick={onSelectAllHandler} type='primary'>\n                Add all suggestions\n              </Button>\n              <Button disabled={selected.length === 0} onClick={onSubmitHandler} type='primary'>\n                {buttonText}\n              </Button>\n            </FlexContainer>\n          </Fragment>\n        ) : (\n          <Alert\n            description='Please try different parameters.'\n            message='No suggested words found'\n            style={{ margin: '0 auto' }}\n            type='error'\n          />\n        )}\n      </FlexContainer>\n    </Element>\n  )\n}\n\nconst getStrings = strings => `[\"${strings.toString().split(',').join('\",\"')}\"]`\n\nNGramOverlay.propTypes = {\n  id: string.isRequired,\n  params: object,\n  paramsValues: arrayOf(string),\n  setShowing: func.isRequired,\n  handleUpdateValue: func.isRequired,\n}\n\nexport default NGramOverlay\n","import React, { useState, useEffect } from 'react'\nimport { Button, defaultOverlayConfig, Element, Label, Overlay, theme } from '@fortressiq/fiq-ds'\n\nimport NGramOverlay from './Overlay'\n\nconst NGram = ({ applicationId, handleChange, inputName, label, name, ngramProps, setFindingWords, single }) => {\n  const [showing, setShowing] = useState(false)\n\n  useEffect(() => {\n    // setFindingWords is only used in chain\n    if (setFindingWords) {\n      setFindingWords(showing)\n    }\n  }, [showing, setFindingWords])\n\n  const handleUpdateValue = val => {\n    handleChange(inputName, val)\n  }\n\n  const overlayConfig = {\n    ...defaultOverlayConfig,\n    content: {\n      props: { ...ngramProps },\n      style: {\n        border: `1px solid ${theme['border-color-base']}`,\n        boxShadow: `0 ${theme['default-spacer-xs']} ${theme['default-spacer-sm']} hsla(0, 0%, 0%, 0.2)`,\n        position: 'absolute',\n        '> div': { overflow: 'auto' },\n      },\n    },\n    contentContainer: { props: { ...ngramProps } },\n    ...(ngramProps && {\n      disableOutsideClick: true,\n    }),\n  }\n  const overlayPlacement = {\n    overflow: { adjustX: true, adjustY: true },\n    points: single ? ['cl', 'cr'] : ['cr', 'cl'],\n    targetOffset: [-25, 0],\n  }\n  const overlayStyle = {\n    display: 'inline-block',\n    '> .fiqds-overlay-trigger > div': { display: 'flex', justifyContent: 'flex-end' },\n  }\n  const overlayTrigger = {\n    node: <Button size='small'>Find Words</Button>,\n    setShowing: setShowing,\n    showing: showing,\n    width: 87,\n  }\n  const overlayHeights = { min: 200, max: 700 }\n  const overlayWidths = { width: !single ? 650 : '100%', max: 650 }\n  const containerStyle = { alignItems: 'center', display: 'flex', justifyContent: 'space-between' }\n  const overlayID = `ngram-${name}-overlay`\n\n  return (\n    <Element style={containerStyle}>\n      <Label ID={`application-textarea-${inputName}`} style={{ display: 'inline-block' }}>\n        {label}\n      </Label>\n      <Overlay\n        config={overlayConfig}\n        content={\n          <NGramOverlay\n            applicationId={applicationId}\n            id={`ngram-${name}-overlay-content`}\n            ngramProps={ngramProps}\n            setShowing={setShowing}\n            setFindingWords={setFindingWords}\n            handleUpdateValue={handleUpdateValue}\n          />\n        }\n        draggable={single}\n        heights={overlayHeights}\n        id={overlayID}\n        noPadding={true}\n        placement={overlayPlacement}\n        portal={!single}\n        portalContainer={!!ngramProps && 'chainUIPortalContainer'}\n        scrollable={false}\n        style={overlayStyle}\n        trigger={overlayTrigger}\n        widths={overlayWidths}\n        zIndex={theme['z-modal-above']}\n      />\n    </Element>\n  )\n}\n\nexport default NGram\n","/* eslint-disable import/prefer-default-export */\nimport { chroma, helpers, theme } from '@fortressiq/fiq-ds'\n\nconst { customScrollbarCSS, dropShadowCSS, formatString } = helpers\n\nconst animSlow = theme['animation-speed-slow']\nconst boxBorder = `1px solid ${theme['ui-line-default']}`\nconst md = theme['default-spacer-md']\nconst sm = theme['default-spacer-sm']\nconst xs = theme['default-spacer-xs']\nconst brb = theme['border-radius-base']\nconst fbl = theme['field-bg-light']\nconst sc = theme['success-color']\nconst scBG = chroma.mix(fbl, sc, 0.25).css('hsl')\nconst scBGLite = chroma.mix(fbl, sc, 0.1)\nconst fblLite = chroma(fbl).brighten(0.1)\n\nexport const stratVisibleBox = ({ highlight }) => ({\n  background: fbl,\n  border: boxBorder,\n  ...(highlight && {\n    backgroundColor: scBG,\n    borderColor: sc,\n    outlineColor: sc,\n  }),\n  borderRadius: brb,\n  margin: `${xs} ${xs} 0`,\n  outline: 'transparent solid 3px',\n  padding: '0',\n  transition: `all ${animSlow} ease-in-out`,\n})\n\nexport const tagCSS = { marginLeft: sm, placeSelf: 'center' }\nexport const pCSS = { margin: `0 ${sm} ${sm}` }\n\nexport const paramsContainer = ({ highlight }) => {\n  const bg = highlight ? scBGLite : fblLite\n\n  return {\n    background: bg.css('hsl'),\n    borderBottomLeftRadius: brb,\n    borderBottomRightRadius: brb,\n    borderTop: boxBorder,\n    height: 37,\n    padding: `${xs} ${xs} 0`,\n    transition: `all ${animSlow} ease-in-out`,\n  }\n}\n\nexport const overlayTriggerNodeContainer = {\n  display: 'grid',\n  gap: '0',\n  gridTemplateColumns: '1fr 35px',\n  position: 'relative',\n  width: '100%',\n}\n\nexport const fullHeight = {\n  alignItems: 'flex-end',\n  height: '100%',\n  width: '100%',\n}\nexport const flexStyles = {\n  alignItems: 'center',\n  display: 'flex',\n  flexDirection: 'row',\n  justifyContent: 'space-between',\n}\nexport const defaultFlexStyles = {\n  ...flexStyles,\n}\nexport const fullHeightFlex = {\n  ...defaultFlexStyles,\n  ...fullHeight,\n}\n\nexport const strategyTitle = { display: 'flex', margin: sm }\n\nexport const paramsGroupStyle = ({ width }) => ({\n  height: theme['default-spacer-lg'],\n  flexWrap: 'nowrap',\n  overflow: 'auto',\n  paddingBottom: xs,\n  paddingLeft: 2,\n  maxWidth: formatString(width - 60),\n  ...customScrollbarCSS({ scrollbarThumb: { marginTop: xs } }),\n})\nexport const paramsColStyles = { justifyContent: 'flex-start', width: 'auto' }\n\nexport const buttonGroup = {\n  alignItems: 'flex-end',\n  bottom: sm,\n  right: `-${sm}`,\n  position: 'absolute',\n  '> span:first-child > .fiqds-button': {\n    borderBottomLeftRadius: brb,\n    borderTopLeftRadius: brb,\n  },\n}\n\nexport const strategyBoxHeight = 104\n\nexport const strategyContainerCSS = {\n  alignItems: 'flex-end',\n  alignSelf: 'baseline',\n  display: 'flex',\n  minHeight: formatString(strategyBoxHeight),\n  width: '100%',\n  position: 'relative',\n  '&+ .strategy-scrollable-listitem': {\n    marginTop: xs,\n  },\n}\n\nexport const strategyFormContainer = ({ findingWords }) => ({\n  background: fbl,\n  border: `1px solid ${theme['ui-line-default']}`,\n  borderRadius: sm,\n  bottom: md,\n  height: 'auto',\n  left: '75px',\n  maxHeight: '80vh',\n  maxWidth: 440,\n  minHeight: 300,\n  minWidth: 320,\n  padding: `${sm} ${md}`,\n  position: 'fixed',\n  ...dropShadowCSS(),\n  ...(!findingWords && {\n    overflow: 'auto',\n    ...customScrollbarCSS({\n      width: sm,\n      scrollbarThumb: {\n        borderRadius: sm,\n      },\n    }),\n  }),\n})\nexport const strategyFormCloseIcon = {\n  position: 'absolute',\n  right: xs,\n  top: sm,\n}\nexport const saveBtn = { marginBottom: sm }\n\nexport const fieldset = {\n  backgroundColor: theme['field-bg-light'],\n  marginTop: md,\n}\n","import React, { Fragment, useRef, useState } from 'react'\nimport {\n  Button,\n  ButtonGroup,\n  Overlay,\n  Element,\n  get,\n  Heading,\n  JSONEditor,\n  Icon,\n  Popover,\n  theme,\n  Typography,\n} from '@fortressiq/fiq-ds'\nimport { useClickAway } from 'react-use'\nimport { useHistory } from 'react-router-dom'\n\nimport localizer from 'lib/Localizer'\n\nimport { cloneStrategy, strategyOptionsMap } from '../utilities'\n\nimport { appHeadingCSS } from '../styles'\n\nimport {\n  buttonGroupStyle,\n  defaultBorder,\n  defaultMargin,\n  defaultPadding,\n  historyDropdownContainerMargin,\n  historyDropdownContainerStyle,\n  historyOptionStyle,\n  textContainerStyle,\n} from './styles'\n\nconst { Text } = Typography\n\nconst PROMOTION_ABILITY_ENUM = { done: 0, error: 1, pending: 2 }\n\nconst History = ({ appId, cycleId, formatAndSetParams, handlePromoteClick, modalIsOpen, signatureServiceJobsList }) => {\n  const history = useHistory()\n  const ref = useRef(null)\n\n  const signatureServiceJobs = !signatureServiceJobsList\n    ? undefined\n    : {\n        jobs: signatureServiceJobsList,\n        options: Object.entries(signatureServiceJobsList).map(job => {\n          const { createdAt, id, params, status, strategySlug, jobType } = job[1]\n\n          return {\n            createdAt,\n            label: `id: ${id} - ${strategyOptionsMap[strategySlug]}`,\n            params,\n            status,\n            strategySlug,\n            jobId: id,\n            jobType,\n          }\n        }),\n      }\n\n  const isDisabled = signatureServiceJobs?.options?.length === 0\n  const [showing, setShowing] = useState(false)\n  useClickAway(ref, () => setShowing(modalIsOpen))\n\n  // Overlay setup:\n  const config = {\n    content: {\n      style: {\n        border: `1px solid ${theme['border-color-base']}`,\n        position: 'absolute',\n      },\n    },\n    disableOutsideClick: true,\n    trigger: { button: { disabled: isDisabled, size: 'small' } },\n  }\n  const placement = {\n    overflow: {\n      adjustX: true,\n      adjustY: true,\n    },\n    points: ['tl', 'bl'],\n    targetOffset: [0, -get.numericValues('spacer').sm],\n  }\n  const trigger = {\n    dropdown: true,\n    showing: showing,\n    setShowing: setShowing,\n    text: 'Select Strategy from History...',\n  }\n\n  const selectChange = e => {\n    formatAndSetParams(e.strategySlug, JSON.parse(e.params))\n    setShowing(false)\n  }\n\n  const firstPromotableJob = signatureServiceJobs?.options.findIndex(({ jobType }) => jobType === 'provisional')\n\n  const onCreate = async jobId => {\n    await cloneStrategy(jobId, appId, cycleId)\n    history.push('/signature-service-jobs')\n  }\n  const promoteBtnProps = {\n    mouseEnterDelay: 3000,\n    placement: 'top-center',\n  }\n\n  return (\n    <Fragment>\n      <Heading level={4} style={appHeadingCSS({ isDisabled })}>\n        History\n      </Heading>\n      <Overlay\n        basic={false}\n        closeIcon={false}\n        closeOnScroll={true}\n        config={config}\n        content={\n          <Element margin={historyDropdownContainerMargin} ref={ref} style={historyDropdownContainerStyle}>\n            {signatureServiceJobs?.options.map(({ createdAt, params, status, strategySlug, jobId, jobType }, i) => {\n              const canPromote = i === firstPromotableJob\n              const promotionAbility = PROMOTION_ABILITY_ENUM[status]\n              const showIcon = Object.keys(params).length > 2\n              const stratID = `strat-${i}`\n\n              const promoteTooltipProps = (promotionAbility === PROMOTION_ABILITY_ENUM.pending ||\n                promotionAbility === PROMOTION_ABILITY_ENUM.error) && {\n                ...promoteBtnProps,\n                title:\n                  promotionAbility === PROMOTION_ABILITY_ENUM.pending\n                    ? 'Please wait for this to finish before promoting.'\n                    : 'Cannot promote.',\n              }\n\n              return (\n                <Element\n                  border={defaultBorder}\n                  id={stratID}\n                  key={stratID}\n                  margin={defaultMargin}\n                  padding={defaultPadding}\n                  style={historyOptionStyle}\n                >\n                  <Element style={textContainerStyle}>\n                    <Text strong={true} uppercase={true}>\n                      {jobId} - {strategyOptionsMap[strategySlug]}\n                    </Text>\n                    {!!params && showIcon && getPopoverDetails(params, stratID)}\n                  </Element>\n                  <Fragment>\n                    {createdAt && localizer.asShortestDateTime(createdAt)} | {jobType} | {status}\n                  </Fragment>\n\n                  <ButtonGroup size='small' style={buttonGroupStyle}>\n                    {canPromote && (\n                      <Button\n                        disabled={promotionAbility !== PROMOTION_ABILITY_ENUM.done}\n                        loading={promotionAbility === PROMOTION_ABILITY_ENUM.pending}\n                        onClick={handlePromoteClick}\n                        tooltipProps={promoteTooltipProps}\n                        type='primary'\n                      >\n                        {promotionAbility === PROMOTION_ABILITY_ENUM.done && 'Promote'}\n                        {promotionAbility === PROMOTION_ABILITY_ENUM.pending && 'Pending...'}\n                        {promotionAbility === PROMOTION_ABILITY_ENUM.error && 'Error'}\n                      </Button>\n                    )}\n                    <Button onClick={() => onCreate(jobId)} type='secondary'>\n                      Create\n                    </Button>\n                    <Button onClick={() => selectChange({ params, strategySlug })} type='default'>\n                      Edit\n                    </Button>\n                  </ButtonGroup>\n                </Element>\n              )\n            })}\n          </Element>\n        }\n        disabled={isDisabled}\n        id='application-history-menu'\n        noPadding={true}\n        placement={placement}\n        scrollable={false}\n        trigger={trigger}\n      />\n    </Fragment>\n  )\n}\n\nHistory.propTypes = {}\n\nexport default History\n\nconst getPopoverDetails = (params, stratID) => (\n  <Popover\n    content={<JSONEditor disabled={true} src={JSON.parse(params)} style={{ maxHeight: '500px', overflow: 'auto' }} />}\n    customLayerProps={{ container: stratID }}\n    placement='right-start'\n    styles={{ container: { maxWidth: '50vw' } }}\n    title='Strategy Parameters'\n    trigger='click'\n  >\n    <Icon\n      color={theme['text-dark']}\n      fill={theme.white}\n      icon='info'\n      size={get.numericValues('spacer').lg - get.numericValues('spacer').sm}\n      stroke={theme['ui-line-default']}\n      style={{ cursor: 'help', placeSelf: 'flex-start' }}\n    />\n  </Popover>\n)\n","import React, { Fragment } from 'react'\nimport { Heading, useFela } from '@fortressiq/fiq-ds'\nimport { string } from 'prop-types'\n\nimport { appHeadingCSS } from '../styles'\nimport { strategyOptionsMap } from '../utilities'\n\nconst Promoted = ({ strategySlug }) => {\n  const { css } = useFela()\n  return (\n    <Fragment>\n      <Heading className={css(appHeadingCSS)} level={4}>\n        Promoted Strategy\n      </Heading>\n      {strategySlug ? strategyOptionsMap[strategySlug] : 'none'}\n    </Fragment>\n  )\n}\n\nPromoted.defaultProps = {\n  strategySlug: undefined,\n}\n\nPromoted.propTypes = {\n  strategySlug: string,\n}\n\nexport default Promoted\n","import { helpers, theme } from '@fortressiq/fiq-ds'\n\nconst { customScrollbarCSS } = helpers\n\nexport const defaultBorder = ['1px', 'solid', theme['field-bg-dark']]\nexport const pad = theme['default-spacer-xs']\n\nexport const buttonGroupStyle = {\n  display: 'block',\n  margin: `${pad} 0`,\n  textAlign: 'right',\n}\n\nexport const historyDropdownContainerStyle = {\n  maxHeight: '240px',\n  minWidth: '400px',\n  overflow: 'auto',\n  ...customScrollbarCSS({ width: pad }),\n}\n\nexport const historyOptionStyle = {\n  backgroundColor: theme['field-bg-light'],\n  borderRadius: theme['border-radius-base'],\n  width: `calc(100% - ${pad})`,\n  '&:first-child': { marginTop: 0 },\n  '&:last-child': { marginBottom: 0 },\n}\nexport const defaultPadding = [pad, pad, 0, pad]\nexport const defaultMargin = [pad, 0, theme['default-spacer-sm']]\nexport const textContainerStyle = { display: 'flex', justifyContent: 'space-between' }\nexport const historyDropdownContainerMargin = [pad, '2px', pad, pad]\n","/* eslint-disable import/prefer-default-export */\nimport { theme } from '@fortressiq/fiq-ds'\n\nimport { ellipsisCSS } from 'styles/utils'\n\nconst border = `1px solid ${theme['legacy-color-gray1']}`\n\nexport const sidebarItemCSS = () => ({\n  borderBottom: border,\n  padding: `${theme['default-spacer-md']} ${theme['default-spacer-sm']}`,\n  position: 'relative',\n  '> .fiqds-sortable.is-editing .strategy-scrollable-listitem:not(.is-being-edited) .edit-btn': {\n    opacity: 0.3,\n    pointerEvents: 'none',\n  },\n})\n\nexport const appHeadingCSS = ({ isDisabled }) => ({\n  display: 'block',\n  fontSize: theme['font-size-base'],\n  margin: 0,\n  ...(isDisabled && {\n    opacity: '0.3',\n  }),\n})\n\nexport const richSelectOptionCSS = () => ({\n  '> div ul div': {\n    background: theme['legacy-color-gray1'],\n    fontWeight: 600,\n    padding: `0 ${theme['default-spacer-md']}`,\n  },\n  '> div .defaultOption': {\n    display: 'none',\n  },\n  '> div .richOption': {\n    display: 'block',\n  },\n})\n\nexport const highlightableCSS = () => ({\n  borderRadius: theme['border-radius-base'],\n  boxShadow: `0 0 0 0 ${theme['warning-color']}`,\n  transition: `box-shadow ${theme['animation-speed-base']} ease-in-out`,\n  width: '100%',\n  '&.isHighlighted': {\n    boxShadow: `0 0 0 2px ${theme['warning-color']}`,\n  },\n})\n\nexport const inputStyle = () => ({\n  width: '100%',\n})\n\nexport const checkboxLabel = () => ({\n  color: theme['text-dark'],\n  fontSize: theme['font-size-base'],\n  fontWeight: '600',\n})\n\nexport const applicationTitleBoxCSS = () => ({\n  alignItems: 'center',\n  borderBottom: border,\n  display: 'flex',\n  height: '75px',\n  padding: `2px ${theme['default-spacer-md']}`,\n})\n\nexport const applicationTitleDescriptionCSS = () => ({\n  display: 'flex',\n  flexDirection: 'column',\n  marginLeft: theme['default-spacer-md'],\n  ...ellipsisCSS,\n})\n\nexport const applicationNameTitleCSS = () => ({\n  fontSize: '18px',\n  lineHeight: '24px',\n})\n\nexport const screenListContainerCSS = () => ({\n  borderLeft: border,\n  right: 0,\n})\n\nexport const overlayTitleCSS = () => ({\n  background: theme['contrast-background-color'],\n  borderBottom: `1px solid ${theme['border-color-base']}`,\n  borderTop: `1px solid ${theme['border-color-base']}`,\n  fontSize: '20px',\n  margin: `${theme['default-spacer-sm']} 0`,\n  padding: theme['default-spacer-sm'],\n  position: 'sticky',\n  top: 0,\n  zIndex: theme['z-overdrive'],\n})\n\nexport const suggestedWordsCSS = ({ isError, showTable }) => ({\n  marginTop: 0,\n  opacity: showTable || isError ? 1 : 0.2,\n  transition: `opacity ${theme['animation-speed-base']} ease-in-out`,\n})\n","import api from 'lib/Api'\nimport { strategyOptions, paramsDetailsMap } from 'lib/SignatureStrategies'\n\nexport const cloneStrategy = async (jobId, applicationId, cycleId) => {\n  await api.put(`/signature_service_jobs/${jobId}/application/${applicationId}/cycle/${cycleId}/provisional`)\n}\n\nexport const createStrategy = async (newStrategy, newParams, applicationId, cycleId) => {\n  const params = {\n    provisional_screen_strategy: newStrategy,\n    provisional_screen_strategy_params: newParams,\n  }\n  await api.post(`/signature_service_jobs/application/${applicationId}/cycle/${cycleId}/provisional`, params)\n}\n\nexport const strategyOptionsMap = strategyOptions.reduce((acc, { value, label }) => ({ ...acc, [value]: label }), {})\nexport const strategyParamsMap = strategyOptions.reduce((acc, { value, params }) => ({ ...acc, [value]: params }), {})\n\nexport const CHAIN_STRATEGY = 'chained'\n\nconst jsonFields = ['textarea', 'ngram', 'text']\nexport const isJsonValue = field => jsonFields.includes(paramsDetailsMap[field].type)\n","import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport api from 'lib/Api'\nimport { ApplicationIcon, Button, Icon, Tooltip, Upload, useFela } from '@fortressiq/fiq-ds'\n\nconst ApplicationIconCell = ({\n  applicationId,\n  displayName,\n  imageUrl: imageUrlProp,\n  isEditable,\n  onChangeFile,\n  onDeleteIcon,\n  applicationUUID,\n}) => {\n  const [isHover, setIsHover] = useState(false)\n  const [imageUrl, setImageUrl] = useState(imageUrlProp)\n  const { css } = useFela()\n\n  const handleDeleteIcon = () => {\n    api.delete(`/applications/${applicationId}/delete_icon`, {\n      applicationUuid: applicationUUID,\n    })\n    setImageUrl()\n    onDeleteIcon(applicationId)\n  }\n\n  const handleChangeFile = async icon => {\n    const params = { icon: icon, applicationUuid: applicationUUID }\n    const { data } = await api.upload(`/applications/${applicationId}/update_icon`, params, 'PUT')\n\n    setImageUrl(data)\n    onChangeFile(icon, applicationId)\n  }\n\n  const canDelete = isEditable && imageUrl && isHover\n  const icon = (\n    <ApplicationIcon\n      name={!imageUrl ? displayName : ''}\n      size={39}\n      src={imageUrl}\n      style={{\n        ...(isEditable && {\n          cursor: 'pointer',\n        }),\n      }}\n    />\n  )\n\n  return (\n    <div\n      className={css({\n        display: 'flex',\n        height: '100%',\n        position: 'relative',\n        width: '100%',\n      })}\n      onClick={e => e.stopPropagation()}\n      onMouseEnter={() => imageUrl && setIsHover(true)}\n      onMouseLeave={() => imageUrl && setIsHover(false)}\n    >\n      {isEditable ? (\n        <Upload\n          accept='image/jpg,image/png'\n          multiple={false}\n          name='applicationIcon'\n          noDrag={true}\n          onDrop={e => handleChangeFile(e[0])}\n          showThumbnails={false}\n        >\n          <Tooltip mouseEnterDelay={3000} placement='top-center' title='Upload App Icon'>\n            {icon}\n          </Tooltip>\n        </Upload>\n      ) : (\n        icon\n      )}\n      {canDelete && (\n        <Button\n          className='deleteButton'\n          onClick={handleDeleteIcon}\n          shape='circle'\n          size='small'\n          style={{ position: 'absolute', right: '-7px', top: '-7px' }}\n          tooltip={true}\n          tooltipProps={{\n            mouseEnterDelay: 500,\n            placement: 'right-center',\n            title: 'Delete this icon from this application?',\n          }}\n        >\n          <Icon icon='trash' size={12} />\n        </Button>\n      )}\n    </div>\n  )\n}\n\nconst noop = () => null\nApplicationIconCell.defaultProps = {\n  imageUrl: false,\n  onDeleteIcon: noop,\n  onChangeFile: noop,\n  isEditable: true,\n}\n\nApplicationIconCell.propTypes = {\n  applicationId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  imageUrl: PropTypes.string,\n  displayName: PropTypes.string.isRequired,\n  onDeleteIcon: PropTypes.func,\n  onChangeFile: PropTypes.func,\n  isEditable: PropTypes.bool,\n}\n\nexport default ApplicationIconCell\n","import React, { useEffect, memo, useState, useRef } from 'react'\nimport { Link } from 'react-router-dom'\n\nimport { DateCell, AdvancedCell, Button } from '@fortressiq/fiq-ds'\n\nimport EditableCell from 'components/TrinityTable/EditableCell'\n\nimport { useFetch } from 'lib/hooks'\nimport uiStore from 'lib/UiStore'\nimport callbackStore from 'stores/callback'\n\nimport api from 'lib/Api'\nimport Tags from 'components/tags/Tags'\nimport TrinityTable, { columnWidths } from 'components/TrinityTable'\n\nimport StatusBadge from 'components/StatusBadge/StatusBadge'\nimport { generateURLQueryfromRules } from 'components/query_builder/utils'\n\nimport ApplicationIconCell from './ApplicationIconCell'\nimport ActionsMenu from './ActionsMenu'\n\nimport { useHeaderDispatch } from '../header/HeaderContext'\n\nconst defaultName = 'NULL'\n\nconst isLite = uiStore?.tenant?.isLite\n\nconst EventSearchLink = ({ processName, count }) => {\n  const query = generateURLQueryfromRules({\n    rules: [\n      {\n        field: 'application_name',\n        value: processName,\n        operator: '=',\n      },\n    ],\n  })\n\n  return count ? (\n    <Link\n      onClick={event => {\n        event.stopPropagation()\n      }}\n      to={`/events?${query}`}\n    >\n      {count}\n    </Link>\n  ) : (\n    '0'\n  )\n}\n\nconst sortKeyMap = {\n  displayName: 'displayName',\n  id: 'application.id',\n  firstSeenAt: 'firstSeenAt',\n  winProcessName: 'application.winProcessName',\n  pattern: 'urlPattern,titlePattern',\n  loggedEvents: 'loggedEvents',\n}\n\nconst callbackId = 'startStopRankingsProgress'\n\nconst ApplicationRegistry = () => {\n  const headerDispatch = useHeaderDispatch()\n  const [reFetch, setReFetch] = useState(1)\n\n  const handleReFetch = () => {\n    setReFetch(reFetch + 1)\n  }\n\n  const { data: { integrations = [] } = {}, isLoadingIntegrations } = useFetch('/dynamic_integrations/application/list')\n\n  const tableRef = useRef(null)\n\n  useEffect(() => {\n    const pageTitle = 'Application Registry'\n    headerDispatch({\n      type: 'set',\n      title: pageTitle,\n      heading: pageTitle,\n    })\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch])\n\n  useEffect(() => {\n    const onReportProgress = ({ applicationId, status }) => {\n      tableRef.current.updateRowData('applicationId', applicationId, { reportStatus: status })\n    }\n    callbackStore.add(onReportProgress, callbackId, true)\n    return () => {\n      callbackStore.remove(callbackId)\n    }\n  }, [])\n\n  const columns = [\n    {\n      accessor: 'iconUrl',\n      align: 'center',\n      disableSortBy: true,\n      Header: 'Icon',\n      minWidth: 56,\n      width: 56,\n      Cell: ({\n        value: iconUrl,\n        row: {\n          original: { id, displayName, applicationId },\n        },\n      }) => (\n        <ApplicationIconCell\n          key={id}\n          applicationId={applicationId}\n          imageUrl={iconUrl}\n          displayName={displayName || defaultName}\n          applicationUUID={id}\n        />\n      ),\n    },\n    {\n      accessor: 'id',\n      align: 'center',\n      Header: 'ID',\n      minWidth: columnWidths.id,\n      width: columnWidths.id,\n      Cell: ({\n        value,\n        row: {\n          original: { applicationId },\n        },\n      }) => (isLite ? value : <Link to={`/applications/${value}`}>{applicationId}</Link>),\n    },\n    {\n      Header: 'Display Name',\n      accessor: 'displayName',\n      Cell: ({\n        value,\n        row: {\n          index,\n          original: { id, applicationId },\n        },\n        column: { id: columnId },\n        updateCellData,\n      }) => (\n        <EditableCell\n          key={`name-${id}`}\n          value={value}\n          id={id}\n          columnId={columnId}\n          rowIndex={index}\n          updateCellData={updateCellData}\n          updateData={newValue =>\n            api.put(`/applications/${id}`, {\n              application_id: applicationId,\n              applicationUuid: id,\n              display_name: newValue,\n            })\n          }\n        />\n      ),\n    },\n    {\n      Header: 'Window Process Name',\n      accessor: 'winProcessName',\n      width: 190,\n      Cell: ({ value }) => (value ? <AdvancedCell>{value}</AdvancedCell> : '--'),\n    },\n    {\n      Header: 'Tags',\n      accessor: 'tags',\n      disableSortBy: true,\n      Cell: ({\n        value,\n        row: {\n          original: { id },\n        },\n      }) => <Tags key={`tags-${id}`} taggableType='application' taggableId={id} tags={value} />,\n    },\n    {\n      Header: 'First Seen',\n      accessor: 'firstSeenAt',\n      Cell: ({ value }) => <DateCell timestamp={value} />,\n    },\n    {\n      Header: 'Events',\n      accessor: 'loggedEvents',\n      width: 70,\n      Cell: ({\n        value,\n        row: {\n          original: { displayName },\n        },\n      }) => <EventSearchLink processName={displayName} count={value} />,\n    },\n    {\n      Header: 'Pattern',\n      accessor: 'pattern',\n      Cell: ({\n        row: {\n          original: { titlePattern, urlPattern },\n        },\n      }) => (urlPattern || titlePattern ? <AdvancedCell>{urlPattern || titlePattern}</AdvancedCell> : '--'),\n    },\n    ...(!isLite\n      ? [\n          {\n            Header: 'Boundary Status',\n            accessor: 'reportStatus',\n            align: 'center',\n            disableSortBy: true,\n            width: 120,\n            Cell: ({ value }) => (value ? <StatusBadge status={value} /> : '--'),\n          },\n        ]\n      : []),\n    {\n      align: 'center',\n      Header: 'Actions',\n      accessor: 'actions',\n      disableSortBy: true,\n      width: 70,\n      Cell: ({ row: { original } }) => (\n        <ActionsMenu\n          key={`action-menu-${original.id}`}\n          applicationId={original.applicationId}\n          reportId={original.reportMiningRunId}\n          processBoundaryStatus={original.reportStatus}\n          integrations={integrations}\n          isLoadingIntegrations={isLoadingIntegrations}\n          handleReFetch={handleReFetch}\n        />\n      ),\n    },\n  ]\n\n  return (\n    <TrinityTable\n      reFetch={reFetch}\n      globalFilterOptions={['applications_service', 'applicationIds_service', 'applicationsTags_service']}\n      columns={columns}\n      url='/applications'\n      dataKey='applications'\n      sortKeyMap={sortKeyMap}\n      ref={tableRef}\n      toolbarActions={[\n        <Button key='web-application-link' href='/web-applications' type='secondary'>\n          Define New Web Application\n        </Button>,\n      ]}\n      tableId='applications-table'\n    />\n  )\n}\n\nexport default memo(ApplicationRegistry)\n","import React from 'react'\nimport { shallow } from 'enzyme'\nimport { Button } from '@fortressiq/fiq-ds'\nimport api from 'lib/Api'\n\nimport ApplicationIconCell from '../ApplicationIconCell'\n\njest.mock('lib/Api')\n\njest.mock('@fortressiq/fiq-ds', () => ({\n  ApplicationIcon: ({ props }) => <div {...props} />,\n  Button: ({ props }) => <button type='button' {...props} />,\n  Icon: ({ props }) => <div {...props} />,\n  Tooltip: ({ props }) => <div {...props} />,\n  Upload: ({ props }) => <div {...props} />,\n  useFela: () => ({\n    css: () => undefined,\n  }),\n}))\n\nconst defaultProps = Object.freeze({\n  applicationId: 1,\n  imageUrl: 'test/url.png',\n  displayName: 'FortressIQ',\n  applicationUUID: 'bb8308a2-22a3-4592-9738-34570e3bae14',\n})\n\ndescribe('ApplicationIconCell component', () => {\n  it('should render without throwing an error', () => {\n    const component = shallow(<ApplicationIconCell {...defaultProps} />)\n    expect(component).toMatchSnapshot()\n    expect(() => component).not.toThrow()\n  })\n  it('should display the delete icon on hover', () => {\n    const component = shallow(<ApplicationIconCell {...defaultProps} />)\n\n    expect(component.find('.deleteButton').length).toBe(0)\n    component.simulate('mouseenter')\n    expect(component.find('.deleteButton').length).toBe(1)\n  })\n  it('should call onDeleteIcon when delete icon button is clicked', () => {\n    const handleDeleteIcon = jest.fn()\n    const component = shallow(<ApplicationIconCell {...defaultProps} onDeleteIcon={handleDeleteIcon} />)\n    component.simulate('mouseenter')\n    component.find(Button).simulate('click')\n    expect(api.delete).toHaveBeenCalledWith(`/applications/${defaultProps.applicationId}/delete_icon`, {\n      applicationUuid: 'bb8308a2-22a3-4592-9738-34570e3bae14',\n    })\n    expect(handleDeleteIcon).toHaveBeenCalledWith(defaultProps.applicationId)\n  })\n})\n","//AppCircleRenderer\nimport ApplicationIconD3 from 'components/applicationIcon/ApplicationIconD3'\n\nconst AppCircleRenderer = initProps => {\n  const { node } = initProps\n\n  const appCircles = node.append('g')\n\n  appCircles.append('path').attr('d', 'M27,0 L27,-21 z').attr('stroke', '#555').attr('fill', 'transparent')\n\n  appCircles.append('circle').attr('cx', 27).attr('cy', -28).attr('r', 20).style('fill', '#fff').style('stroke', '#555')\n\n  const appIcon = appCircles.append('g').attr('transform', 'translate(27, -28 )')\n\n  ApplicationIconD3({\n    iconContainer: appIcon,\n    applicationIndex: 0,\n    radius: 15,\n  })\n}\n\nexport default AppCircleRenderer\n","import React, { Fragment } from 'react'\n\nimport api from 'lib/Api'\nimport { toAlpha } from 'lib/String'\n\nimport { Button, Element, Heading, theme } from '@fortressiq/fiq-ds'\n\nimport localStorage from 'lib/Storage'\n\nimport Can from 'components/can/Can'\n\nimport CreateProcessDialogue from './createProcessDialogue/CreateProcessDialogue'\nimport ButterflyMainContent from './ButterflyMainContent'\nimport ButterflyTooltip from './ButterflyTooltip'\nimport ButterflyProcessStore from './stores/ButterflyProcessStore'\nimport { HeaderDispatchContext } from '../header/HeaderContext'\n\nimport ButterflySelect from './ButterflySelect'\n\nimport { getColor } from './util'\n\nimport { chartContainerCSS, toggleAppButtonCSS, toolbarCSS } from './styles/index'\nimport SidePanel from './SidePanel'\n\nimport { getFlowDataStats } from '../processes/utils'\n\nclass Butterfly extends React.Component {\n  static contextType = HeaderDispatchContext\n\n  constructor(props) {\n    super(props)\n    this.state = {\n      showApps: false,\n      butterflyData: {},\n      applicationData: { applications: {}, total: 0, order: [] },\n      graphProcesses: [],\n      graphProcessId: props.match.params.id || null,\n    }\n  }\n\n  async componentDidMount() {\n    const { data } = await api.get('/butterflies')\n    this.setState({\n      graphProcesses: data.graphProcesses.map(process => ({ label: process.chartTitle, value: process.id })),\n    })\n    const { graphProcessId } = this.state\n    if (graphProcessId) {\n      this.getData(graphProcessId)\n    }\n    const { graphProcesses } = this.state\n\n    this.context({\n      type: 'set',\n      heading: (\n        <Fragment>\n          <Heading className='header-title' level={1} style={{ marginRight: theme['default-spacer-sm'] }}>\n            Butterfly\n          </Heading>\n          <Can perform='/butterfly:graphProcess_select'>\n            <ButterflySelect graphProcesses={graphProcesses} graphProcessId={graphProcessId} />\n          </Can>\n        </Fragment>\n      ),\n    })\n  }\n\n  componentDidUpdate(prevProps) {\n    const { match } = this.props\n    if (prevProps.match.params.id !== match.params.id) {\n      this.getData(match.params.id)\n    }\n  }\n\n  componentWillUnmount() {\n    this.context({\n      type: 'clear',\n    })\n  }\n\n  render() {\n    const { applicationData, butterflyData, showApps } = this.state\n    const color = showApps ? theme['success-color'] : theme['legacy-color-gray1']\n\n    return (\n      <Fragment>\n        <Can perform='/butterfly:create-process'>\n          <Element style={toolbarCSS}>\n            <Button\n              onClick={this.showApps}\n              style={toggleAppButtonCSS}\n              suffixIcon='colorcheck'\n              suffixIconProps={{ fill: color, textColor: color }}\n            >\n              Display App Icons\n            </Button>\n            <Button onClick={this.openCreateProcess}>Create a Process</Button>\n          </Element>\n        </Can>\n        <Element style={chartContainerCSS}>\n          <ButterflyMainContent butterflyData={butterflyData} showApps={showApps} />\n          {Object.keys(butterflyData).length > 0 && (\n            <SidePanel\n              applicationData={applicationData}\n              butterflyData={butterflyData}\n              butterflyProcessStore={ButterflyProcessStore}\n              toggleHideDuration={this.toggleHideDuration}\n            />\n          )}\n          <Can perform='/butterfly:create-process'>\n            <CreateProcessDialogue />\n          </Can>\n        </Element>\n        <ButterflyTooltip />\n      </Fragment>\n    )\n  }\n\n  showApps = () => {\n    const { showApps } = this.state\n    this.setState({ showApps: !showApps })\n  }\n\n  getData = async value => {\n    const { data } = await api.get(`/butterflies/${value}`)\n    const dataWithIndex = this.transformData(data)\n    this.setState({ butterflyData: dataWithIndex, applicationData: this.getApplicationData(dataWithIndex) })\n    ButterflyProcessStore.butterflyData = dataWithIndex\n    ButterflyProcessStore.butterflyGraphId = value\n    ButterflyProcessStore.setStepsData()\n    ButterflyProcessStore.clear()\n  }\n\n  transformData = data => {\n    const dataWithIndex = { ...data }\n    dataWithIndex.paths.forEach((path, index) => {\n      const nodeList = path.nodeIds\n\n      let hideDuration = false\n      const hideDurationsList = localStorage.get('butterfly_hiddenDurations')\n      if (hideDurationsList) hideDuration = hideDurationsList[path.id]\n\n      path.average_duration = path.averageDuration\n      path.key = toAlpha(index, false)\n      path.originalPath = [...path.nodeIds]\n      path.path = path.nodeIds\n      path.color = getColor(path.id)\n      path.hideDuration = hideDuration\n      nodeList.forEach((node, nodeColumn, nodeArray) => {\n        nodeArray[nodeColumn] = `${node}_${nodeColumn}`\n      })\n    })\n    const { averageDuration, totalDuration } = getFlowDataStats(dataWithIndex.paths.filter(path => !path.hideDuration))\n    dataWithIndex.averageDuration = averageDuration\n    dataWithIndex.totalDuration = totalDuration\n\n    return dataWithIndex\n  }\n\n  toggleHideDuration = id => {\n    const { butterflyData } = this.state\n    const newPathData = [...butterflyData.paths]\n\n    let currentPath = {}\n    const entry = newPathData.find(flow => flow.id === id)\n\n    if (entry) {\n      currentPath = { ...entry }\n      entry.hideDuration = !entry.hideDuration\n    }\n\n    if (Object.keys(currentPath).length === 0) return\n\n    const { averageDuration, totalDuration } = getFlowDataStats(newPathData.filter(path => !path.hideDuration))\n\n    const newFlowData = { ...butterflyData, paths: newPathData, averageDuration, totalDuration }\n\n    this.setState({\n      butterflyData: newFlowData,\n    })\n\n    const oldHidden = localStorage.get('butterfly_hiddenDurations')\n    const newHidden = { ...oldHidden }\n    newHidden[id] = !currentPath.hideDuration\n    localStorage.set('butterfly_hiddenDurations', newHidden, true)\n  }\n\n  getApplicationData = data => {\n    const applications = {}\n    let total = 0\n\n    const nodeApplications = data.nodes.reduce((acc, node) => {\n      acc[node.id] = { application: node.application, icon: node.applicationIconUrl }\n      return acc\n    }, {})\n\n    const nodes = [\n      ...new Set(\n        data.paths.reduce(\n          (acc, path) =>\n            path.nodeIds.reduce((acc2, nodeId) => {\n              acc2.push(nodeId)\n              return acc2\n            }, acc),\n          []\n        )\n      ),\n    ]\n\n    nodes.forEach(node => {\n      const nodeId = node.split('_')[0]\n      const applicationInfo = nodeApplications[nodeId]\n      if (applications[applicationInfo.application]) {\n        applications[applicationInfo.application].count += 1\n      } else {\n        applications[applicationInfo.application] = {\n          count: 1,\n          icon: applicationInfo.icon,\n        }\n      }\n      total += 1\n    })\n\n    const order = Object.keys(applications).sort((a, b) => applications[b].count - applications[a].count)\n\n    return { applications, total, order }\n  }\n\n  openCreateProcess = () => {\n    ButterflyProcessStore.defineProcessMode = true\n  }\n}\n\nexport default Butterfly\n","import React from 'react'\nimport { reaction } from 'mobx'\nimport { observer } from 'mobx-react'\nimport { Element, theme } from '@fortressiq/fiq-ds'\n\nimport ButterflyRenderer from './ButterflyRenderer.js'\n\nimport DraggingNode from './createProcessDialogue/DraggingNode'\nimport ButterflyProcessStore from './stores/ButterflyProcessStore'\n\n@observer\nclass ButterflyChart extends React.Component {\n  componentDidMount() {\n    this.renderChart()\n\n    reaction(\n      () => {\n        return {\n          pathsCount: ButterflyProcessStore.pathCount,\n          selectedPath: ButterflyProcessStore.selectedPath,\n          selectedSteps: ButterflyProcessStore.selectedSteps,\n          selectedLog: ButterflyProcessStore.selectedLog,\n        }\n      },\n      () => this.renderChart()\n    )\n  }\n\n  componentDidUpdate(nextProps) {\n    const { data } = this.props\n    const { data: nextPropsData } = nextProps\n    this.renderChart()\n    if (nextPropsData !== data) {\n      ButterflyProcessStore.defineProcessMode = false\n    }\n  }\n\n  render() {\n    const { height } = this.props\n\n    return (\n      <Element id='butterflyChart' style={{ height: `${height - height * 0.21}px` }}>\n        <Element id='butterflyDragContainer' style={{ position: 'absolute', zIndex: theme['z-overdrive'] }}>\n          <DraggingNode />\n        </Element>\n      </Element>\n    )\n  }\n\n  renderChart = () => {\n    const { width, height, showApps, data, margins } = this.props\n    ButterflyRenderer.render({\n      width: width,\n      height: height,\n      data: data,\n      showApps: showApps,\n      margins: margins,\n    })\n  }\n}\n\nexport default ButterflyChart\n","//ButterflyLinkRenderer\nimport { getColor } from './util'\n\nimport ButterflyProcessStore from './stores/ButterflyProcessStore'\n\nconst ButterflyLinkRenderer = initProps => {\n  const { svg, links, path } = initProps\n\n  // add in the links\n  const link = svg\n    .append('g')\n    .selectAll('.link')\n    .data(links)\n    .enter()\n    .append('path')\n    .attr('id', d => {\n      return `id_${d.linkID}`\n    })\n    .attr('class', 'link')\n    .attr('d', path)\n    .style('opacity', d => {\n      const { d3HighlightData, selectedPath } = ButterflyProcessStore\n      const isHighlighted =\n        (d3HighlightData.get(d.target.id) &&\n          d3HighlightData.get(d.source.id) &&\n          d3HighlightData.get(d.target.id).pathIds.find(linkIDs => linkIDs === d.pathID)) ||\n        selectedPath.paths.includes(d.pathKey)\n\n      return isHighlighted ? '.7' : '.2'\n    })\n    .style('fill', 'transparent')\n    .style('stroke-width', d => {\n      return Math.max(2, d.dy)\n    })\n    .style('stroke', d => {\n      return getColor(d.pathID)\n    })\n    .sort((a, b) => {\n      return b.dy - a.dy\n    })\n\n  //duration text\n  svg\n    .selectAll('.durationText')\n    .data(links)\n    .enter()\n    .filter(d => {\n      return d.endLink\n    })\n    .append('text')\n    .attr('class', 'durationText')\n    .attr('fill', 'transparent')\n    .append('textPath')\n    .style('fill', '#777')\n    .style('text-anchor', 'end')\n    .style('font-size', '11px')\n    .attr('startOffset', '85%')\n    .attr('xlink:href', d => {\n      return `#id_${d.linkID}`\n    })\n    .text(d => {\n      return `Path ${d.pathKey}`\n    })\n\n  svg.selectAll('.link').style('stroke', d => {\n    return getColor(d.pathID)\n  })\n\n  return link\n}\n\nexport default ButterflyLinkRenderer\n","import React, { Fragment } from 'react'\nimport { reaction } from 'mobx'\nimport { observer } from 'mobx-react'\nimport { Empty, Typography } from '@fortressiq/fiq-ds'\n\nimport Dom from 'lib/Dom'\n\nimport ButterflyChart from './ButterflyChart'\nimport ButterflyProcessStore from './stores/ButterflyProcessStore'\n\nimport css from './butterflyMainContentStyle.scss'\n\nconst defaultMargins = { top: 70, right: 150, bottom: 90, left: 90 }\nconst pulloutMargins = { top: 70, right: 650, bottom: 90, left: 90 }\n\nconst chartWidth = Math.max(Dom.windowWidth() - 250, 1200)\nconst chartHeight = Math.max(Dom.windowHeight() - 350, 600)\n\n@observer\nclass ButterflyMainContent extends React.Component {\n  constructor(props) {\n    super(props)\n\n    this.state = {\n      winWidth: chartWidth,\n      winHeight: chartHeight,\n      margins: defaultMargins,\n    }\n\n    window.addEventListener('resize', () => this.setContentDimensions())\n  }\n\n  componentDidMount() {\n    reaction(\n      () => {\n        return {\n          defineProcessMode: ButterflyProcessStore.defineProcessMode,\n        }\n      },\n      () => this.setContentDimensions()\n    )\n  }\n\n  render() {\n    const { butterflyData, showApps } = this.props\n    const { winWidth, winHeight, margins } = this.state\n\n    return (\n      <div id='ButterflyMainContent' className={css.contents}>\n        {Object.keys(butterflyData).length > 0 ? (\n          <ButterflyChart\n            width={winWidth}\n            height={winHeight}\n            data={butterflyData}\n            showApps={showApps}\n            margins={margins}\n          />\n        ) : (\n          <div className={`${css.empty} ${css.center}`}>\n            <Empty\n              showImage={true}\n              description={\n                <Fragment>\n                  <Typography.Title level={4}>No Process selected</Typography.Title>\n                  <Typography.Paragraph>Select a Process from the dropdown in upper right.</Typography.Paragraph>\n                </Fragment>\n              }\n            />\n          </div>\n        )}\n      </div>\n    )\n  }\n\n  setContentDimensions() {\n    let margin = defaultMargins\n    if (ButterflyProcessStore.defineProcessMode) margin = pulloutMargins\n\n    this.setState({\n      winWidth: chartWidth,\n      winHeight: chartHeight,\n      margins: margin,\n    })\n  }\n}\n\nexport default ButterflyMainContent\n","import * as d3 from 'd3'\n\nimport sourceTypes from 'components/dragAndDrop/sourceTypes'\nimport SVGDropZoneStore from 'components/dragAndDrop/SVGDropZoneStore'\n\nimport AppCircleRenderer from './AppCircleRenderer'\nimport ButterflyLinkRenderer from './ButterflyLinkRenderer'\nimport NodeRenderer from './NodeRenderer'\n\nimport ButterflyProcessStore from './stores/ButterflyProcessStore'\n\nimport d3Sankey from './D3Sankey.js'\n\nclass ButterflyRenderer {\n  nodes = []\n\n  links = []\n\n  endNodes = []\n\n  path = null\n\n  d3Color = null\n\n  svg = null\n\n  sankey = null\n\n  data = null\n\n  render(config) {\n    const { width, height, data, showApps, margins } = config\n    this.data = data\n    this.width = width\n    this.height = height\n    this.showApps = showApps\n    this.nodePadding = 20\n\n    if (this.showApps) this.nodePadding = 65\n\n    d3.select('#butterflySVG').remove()\n\n    this.svg = d3\n      .select('#butterflyChart')\n      .append('svg')\n      .attr('id', 'butterflySVG')\n      .attr('width', width + margins.left + margins.right)\n      .attr('height', height + margins.top + margins.bottom)\n      .append('g')\n      .attr('transform', `translate(${margins.left},${margins.top})`)\n\n    this.update({ margins })\n  }\n\n  update({ margins }) {\n    //clears data with rerender\n    //transform and parse data into structure that d3Sankey understands\n    this.nodes = []\n    this.links = []\n    this.endNodes = []\n    this.parseData(this.data)\n\n    ButterflyProcessStore.d3LinkData = this.links\n\n    this.sankey = d3Sankey().nodeWidth(39).nodePadding(this.nodePadding).size([this.width, this.height])\n\n    this.path = this.sankey.link()\n\n    this.sankey.nodes(this.nodes).links(this.links).layout(32, true)\n\n    this.nodes.sort((a, b) => {\n      return a.value - b.value\n    })\n\n    //render links\n    ButterflyLinkRenderer({\n      svg: this.svg,\n      links: this.links,\n      path: this.path,\n    })\n\n    //add nodes\n    const node = NodeRenderer({\n      d3color: this.d3color,\n      svg: this.svg,\n      dragEnd: this.dragEnd,\n      dragged: this.dragged,\n      nodes: this.nodes,\n      sankey: this.sankey,\n      that: this,\n      margins: margins,\n    })\n\n    //add app circles\n    if (this.showApps) {\n      AppCircleRenderer({\n        node: node,\n      })\n    }\n  }\n\n  dragged(d) {\n    if (!ButterflyProcessStore.defineProcessMode) return\n    const dragContainer = document.getElementById('butterflyDragContainer')\n    SVGDropZoneStore.draggingNode = true\n    SVGDropZoneStore.draggingType = sourceTypes.BUTTERFLYNODE\n    SVGDropZoneStore.draggingDetails = {\n      name: d.subject.name,\n      application: d.subject.data.applications[0].application_name,\n      pathID: d.subject.pathID,\n    }\n    SVGDropZoneStore.draggingNodeX = d.sourceEvent.pageX - 100\n    SVGDropZoneStore.draggingNodeY = d.sourceEvent.pageY - 150\n  }\n\n  dragEnd(d) {\n    console.log(d)\n    const nodeObject = {\n      name: d.subject.name,\n      application: d.subject.data.applications[0].application_name,\n      pathID: d.subject.pathID,\n    }\n    if (SVGDropZoneStore.inDropZone.get(`butterflyProcStart_${ButterflyProcessStore.selectionId}`)) {\n      ButterflyProcessStore.startPath(nodeObject)\n      d.subject.start = true\n    }\n    if (SVGDropZoneStore.inDropZone.get(`butterflyProcEnd_${ButterflyProcessStore.selectionId}`)) {\n      ButterflyProcessStore.endPath(nodeObject)\n      d.subject.end = true\n    }\n    SVGDropZoneStore.draggingNode = false\n    SVGDropZoneStore.draggingType = null\n  }\n\n  parseData(data) {\n    const nodeDictionary = {}\n\n    data.paths.forEach((path, pathIndex) => {\n      const nodeList = path.nodeIds\n\n      nodeList.forEach((node, nodeColumn) => {\n        const nodeData = data.nodes.find(n => {\n          return parseInt(node.split('_')[0], 10) === n.id\n        })\n\n        if (!nodeDictionary[node] && nodeData) {\n          const appData = {\n            application_name: nodeData.application || '',\n            application_icon_url: nodeData.applicationIconUrl,\n          }\n          const d3Data = {\n            applications: [appData],\n          }\n          this.nodes.push({\n            name: `${nodeData.signature}_${nodeColumn}`,\n            id: node,\n            data: d3Data,\n            frequency: +path.frequency,\n            exemplar_event: nodeData.exemplarEvent,\n          })\n          nodeDictionary[node] = true\n        }\n      })\n\n      for (let i = 1; i < nodeList.length; i += 1) {\n        const source = this.nodes.findIndex(node => node.id === nodeList[i - 1])\n        const target = this.nodes.findIndex(node => node.id === nodeList[i])\n        if (source !== target && source !== -1 && target !== -1) {\n          this.links.push({\n            source: source,\n            target: target,\n            value: +path.frequency,\n            pathID: path.id,\n            pathKey: path.key,\n            linkID: `${pathIndex}${i}`,\n            avgDuration: `${Math.round(path.averageDuration)}s`,\n            endLink: nodeList.length - 1 === i,\n          })\n        }\n      }\n    })\n  }\n}\n\nexport default new ButterflyRenderer()\n","import React from 'react'\nimport { Select } from '@fortressiq/fiq-ds'\nimport { useList, useMap, useMount, useUpdateEffect } from 'react-use'\nimport { useHistory } from 'react-router-dom'\n\nconst ButterflySelect = ({ graphProcesses, graphProcessId }) => {\n  const [defaultValue, { setAll }] = useMap({})\n  const [selectOptions, { push }] = useList([])\n  const history = useHistory()\n  const onChange = e => {\n    if (e.value !== defaultValue.value) {\n      setAll(e)\n      history.push(`/visualizations/butterfly/${e.value}`)\n    }\n  }\n\n  const getSelectOptions = () =>\n    graphProcesses.map(process => {\n      if (process.value === Number(graphProcessId)) {\n        setAll(process)\n      }\n      return push(process)\n    })\n\n  useMount(() => getSelectOptions())\n  useUpdateEffect(() => getSelectOptions(), [graphProcesses, graphProcessId])\n\n  return (\n    <Select\n      onChange={onChange}\n      placeholder='Select a Process...'\n      style={{ width: '300px' }}\n      value={defaultValue}\n      options={selectOptions}\n    />\n  )\n}\n\nexport default ButterflySelect\n","import React from 'react'\nimport { useFela } from '@fortressiq/fiq-ds'\n\nimport { tooltip } from './styles'\n\nconst ButterflyTooltip = () => {\n  const { css } = useFela()\n  return <div id='ButterflyTooltip' className={css(tooltip)} style={{ visibility: 'hidden' }} />\n}\n\nexport default ButterflyTooltip\n","import * as d3 from 'd3'\n\nconst d3Sankey = () => {\n  const sankey = {}\n  let nodeWidth = 24\n  let nodePadding = 8\n  let size = [1, 1]\n  let nodes = []\n  let links = []\n  let sinksRight = true\n\n  sankey.nodeWidth = _ => {\n    if (!_) return nodeWidth\n    nodeWidth = +_\n    return sankey\n  }\n\n  sankey.nodePadding = _ => {\n    if (!_) return nodePadding\n    nodePadding = +_\n    return sankey\n  }\n\n  sankey.nodes = _ => {\n    if (!_) return nodes\n    nodes = _\n    return sankey\n  }\n\n  sankey.links = _ => {\n    if (!_) return links\n    links = _\n    return sankey\n  }\n\n  sankey.size = _ => {\n    if (!_) return size\n    size = _\n    return sankey\n  }\n\n  sankey.sinksRight = _ => {\n    if (!_) return sinksRight\n    sinksRight = _\n    return sankey\n  }\n\n  sankey.layout = iterations => {\n    computeNodeLinks()\n    computeNodeValues()\n    computeNodeBreadthsWithLoops()\n    computeNodeDepths(iterations)\n    return sankey\n  }\n\n  sankey.relayout = () => {\n    computeLinkDepths()\n    return sankey\n  }\n\n  // SVG path data generator, to be used as \"d\" attribute on \"path\" element selection.\n  sankey.link = () => {\n    let curvature = 0.5\n\n    function link(d) {\n      const xs = d.source.x + d.source.dx\n      const xt = d.target.x\n      const xi = d3.interpolateNumber(xs, xt)\n      let xsc = xi(curvature)\n      let xtc = xi(1 - curvature)\n      const ys = d.source.y + d.sy + d.dy / 2\n      const yt = d.target.y + d.ty + d.dy / 2\n\n      if (!d.cycleBreaker) {\n        return `M${xs},${ys}C${xsc},${ys} ${xtc},${yt} ${xt},${yt}`\n      } else {\n        const xdelta = 1.5 * d.dy + 0.05 * Math.abs(xs - xt)\n        xsc = xs + xdelta\n        xtc = xt - xdelta\n        const xm = xi(0.5)\n        const ym = d3.interpolateNumber(ys, yt)(0.5)\n        const xsxt = 0.1 * Math.abs(xs - xt)\n        const ysyt = 0.1 * Math.abs(ys - yt)\n        const ydelta = 2 * d.dy + xsxt + ysyt * (ym < size[1] / 2 ? -1 : 1)\n        return `M${xs},${ys}C${xsc},${ys} ${xsc},${ys + ydelta} ${xm},${ym + ydelta}S${xtc},${yt} ${xt},${yt}`\n      }\n    }\n\n    link.curvature = _ => {\n      if (!_) return curvature\n      curvature = +_\n      return link\n    }\n\n    return link\n  }\n\n  // Populate the sourceLinks and targetLinks for each node.\n  // Also, if the source and target are not objects, assume they are indices.\n  function computeNodeLinks() {\n    nodes.forEach(node => {\n      // Links that have this node as source.\n      node.sourceLinks = []\n      // Links that have this node as target.\n      node.targetLinks = []\n    })\n    links.forEach(link => {\n      if (typeof link.source === 'number') link.source = nodes[link.source]\n      if (typeof link.target === 'number') link.target = nodes[link.target]\n      link.source.sourceLinks.push(link)\n      link.target.targetLinks.push(link)\n    })\n  }\n\n  // Compute the value (size) of each node by summing the associated links.\n  function computeNodeValues() {\n    nodes.forEach(node => {\n      node.value = Math.max(d3.sum(node.sourceLinks, value), d3.sum(node.targetLinks, value))\n    })\n  }\n\n  //compute breadth with loops being considered\n  // Iteratively assign the breadth (x-position) for each node.\n  // Nodes are assigned the maximum breadth of incoming neighbors plus one\n  // nodes with no incoming links are assigned breadth zero, while\n  // nodes with no outgoing links are assigned the maximum breadth.\n  function computeNodeBreadthsWithLoops() {\n    let remainingNodes = nodes\n    let nextNodes = null\n    let x = 0\n\n    // Work from left to right.\n    // Keep updating the breath (x-position) of nodes that are target of recently updated nodes.\n    while (remainingNodes.length && x < nodes.length) {\n      nextNodes = []\n      remainingNodes.forEach(setNodeSource, { x: x, nextNodes: nextNodes })\n      if (nextNodes.length === remainingNodes.length) {\n        // There must be a cycle here. Let's search for a link that breaks it.\n        findAndMarkCycleBreaker(nextNodes)\n        return computeNodeBreadthsWithLoops()\n      } else {\n        remainingNodes = nextNodes\n        x += 1\n      }\n    }\n\n    // Optionally move pure sinks always to the right.\n    if (sinksRight) {\n      moveSinksRight(x)\n    }\n    scaleNodeBreadths((size[0] - nodeWidth) / (x - 1))\n  }\n\n  function setNodeSource(node) {\n    node.x = this.x\n    node.dx = nodeWidth\n    node.sourceLinks.forEach(link => {\n      if (this.nextNodes.indexOf(link.target) < 0 && !link.cycleBreaker) {\n        this.nextNodes.push(link.target)\n      }\n    })\n  }\n\n  // Find a link that breaks a cycle in the graph (if any).\n  function findAndMarkCycleBreaker(nodeList) {\n    // Go through all nodes from the given subset and traverse links searching for cycles.\n    let link\n    for (let n = nodeList.length - 1; n >= 0; n -= 1) {\n      link = depthFirstCycleSearch(nodes[n], [])\n      if (link) {\n        return link\n      }\n    }\n\n    // Depth-first search to find a link that is part of a cycle.\n    function depthFirstCycleSearch(cursorNode, path) {\n      let currentTarget\n      let currentLink\n      for (let n = cursorNode.sourceLinks.length - 1; n >= 0; n -= 1) {\n        currentLink = cursorNode.sourceLinks[n]\n\n        // Skip already known cycle breakers\n        if (!currentLink.cycleBreaker) {\n          // Check if target of link makes a cycle in current path\n          currentTarget = currentLink.target\n          for (let l = 0; l < path.length; l += 1) {\n            if (path[l].source === currentTarget) {\n              // We found a cycle. Search for weakest link in cycle\n              let weakest = currentLink\n              for (let k = l; k < path.length; k += 1) {\n                if (path[k].value < weakest.value) {\n                  weakest = path[k]\n                }\n              }\n              // Mark weakest link as (known) cycle breaker and abort search\n              weakest.cycleBreaker = true\n              return weakest\n            }\n          }\n\n          // Recurse deeper\n          path.push(link)\n          currentLink = depthFirstCycleSearch(currentTarget, path)\n          path.pop()\n          // Stop further search if we found a cycle breaker.\n          if (currentLink) {\n            return currentLink\n          }\n        }\n      }\n    }\n  }\n\n  function moveSinksRight(x) {\n    nodes.forEach(node => {\n      if (!node.sourceLinks.length) {\n        node.x = x - 1\n      }\n    })\n  }\n\n  function scaleNodeBreadths(kx) {\n    nodes.forEach(node => {\n      node.x *= kx\n    })\n  }\n\n  // Compute the depth (y-position) for each node.\n  function computeNodeDepths(iterations) {\n    // Group nodes by breath.\n    const nodesByBreadth = Array.from(d3.group(nodes, d => d.x)) // Convert Map to array\n      .sort((a, b) => d3.ascending(a[0], b[0])) // Sort by key\n      .map(d => d[1]) // Return values for each group\n\n    initializeNodeDepth()\n    resolveCollisions()\n    computeLinkDepths()\n    for (let alpha = 1; iterations > 0; iterations -= 1) {\n      relaxRightToLeft((alpha *= 0.99))\n      resolveCollisions()\n      computeLinkDepths()\n      relaxLeftToRight(alpha)\n      resolveCollisions()\n      computeLinkDepths()\n    }\n\n    function initializeNodeDepth() {\n      // Calculate vertical scaling factor.\n      const ky = d3.min(nodesByBreadth, nodeList => {\n        return (size[1] - (nodeList.length - 1) * nodePadding) / d3.sum(nodeList, value)\n      })\n\n      nodesByBreadth.forEach(nodeList => {\n        nodeList.forEach((node, i) => {\n          node.y = i\n          node.dy = node.value * ky\n        })\n      })\n\n      links.forEach(link => {\n        link.dy = link.value * ky\n      })\n    }\n\n    function relaxLeftToRight(alpha) {\n      nodesByBreadth.forEach(nodeList => {\n        nodeList.forEach(node => {\n          if (node.targetLinks.length) {\n            // Value-weighted average of the y-position of source node centers linked to this node.\n            const y = d3.sum(node.targetLinks, weightedSource) / d3.sum(node.targetLinks, value)\n            node.y += (y - center(node)) * alpha\n          }\n        })\n      })\n\n      function weightedSource(link) {\n        return (link.source.y + link.sy + link.dy / 2) * link.value\n      }\n    }\n\n    function relaxRightToLeft(alpha) {\n      nodesByBreadth\n        .slice()\n        .reverse()\n        .forEach(nodeList => {\n          nodeList.forEach(node => {\n            if (node.sourceLinks.length) {\n              // Value-weighted average of the y-positions of target nodes linked to this node.\n              const y = d3.sum(node.sourceLinks, weightedTarget) / d3.sum(node.sourceLinks, value)\n              node.y += (y - center(node)) * alpha\n            }\n          })\n        })\n\n      function weightedTarget(link) {\n        return (link.target.y + link.ty + link.dy / 2) * link.value\n      }\n    }\n\n    function resolveCollisions() {\n      nodesByBreadth.forEach(nodeList => {\n        let node\n        let dy\n        let y0 = 0\n        const n = nodeList.length\n        let i\n\n        // Push any overlapping nodes down.\n        nodes.sort(ascendingDepth)\n        for (i = 0; i < n; i += 1) {\n          node = nodeList[i]\n          dy = y0 - node.y\n          if (dy > 0) node.y += dy\n          y0 = node.y + node.dy + nodePadding\n        }\n\n        // If the bottommost node goes outside the bounds, push it back up.\n        dy = y0 - nodePadding - size[1]\n        if (dy > 0) {\n          node.y -= dy\n          y0 = node.y\n\n          // Push any overlapping nodes back up.\n          for (i = n - 2; i >= 0; i -= 1) {\n            node = nodeList[i]\n            dy = node.y + node.dy + nodePadding - y0\n            if (dy > 0) node.y -= dy\n            y0 = node.y\n          }\n        }\n      })\n    }\n\n    function ascendingDepth(a, b) {\n      return a.y - b.y\n    }\n  }\n\n  // Compute y-offset of the source endpoint (sy) and target endpoints (ty) of links,\n  // relative to the source/target node's y-position.\n  function computeLinkDepths() {\n    nodes.forEach(node => {\n      node.sourceLinks.sort(ascendingTargetDepth)\n      node.targetLinks.sort(ascendingSourceDepth)\n    })\n    nodes.forEach(node => {\n      let sy = 0\n      let ty = 0\n      node.sourceLinks.forEach(link => {\n        link.sy = sy\n        sy += link.dy\n      })\n      node.targetLinks.forEach(link => {\n        link.ty = ty\n        ty += link.dy\n      })\n    })\n\n    function ascendingSourceDepth(a, b) {\n      return a.source.y - b.source.y\n    }\n\n    function ascendingTargetDepth(a, b) {\n      return a.target.y - b.target.y\n    }\n  }\n\n  // Y-position of the middle of a node.\n  function center(node) {\n    return node.y + node.dy / 2\n  }\n\n  // Value property accessor.\n  function value(x) {\n    return x.value\n  }\n\n  return sankey\n}\n\nexport default d3Sankey\n","import * as d3 from 'd3'\nimport { theme } from '@fortressiq/fiq-ds'\nimport { tooltipWidth, tipArrowLeft, tipArrowRight } from './styles'\nimport store from './stores/ButterflyProcessStore'\n\nconst NodeRenderer = ({ nodes, svg, dragged, dragEnd, sankey, that, margins }) => {\n  const dragHandler = d3.drag().on('drag', dragged).on('end', dragEnd)\n\n  // add in the nodes\n  const node = svg\n    .append('g')\n    .selectAll('.node')\n    .data(nodes)\n    .join('g')\n    .attr('class', 'node')\n    .attr('transform', d => {\n      return `translate(${d.x},${d.y})`\n    })\n    .style('cursor', 'pointer')\n\n  dragHandler(node)\n\n  // add the rectangles for the nodes\n  node\n    .append('rect')\n    .attr('height', d => {\n      return d.dy + 12\n    })\n    .attr('width', sankey.nodeWidth() + 15)\n    .attr('rx', 8)\n    .attr('ry', 8)\n    .style('fill', d => {\n      let color = theme.white\n      const nodeId = d.id.replace(/(_\\d+)$/g, '')\n      if (\n        store.selectedSteps.find(key => {\n          return key === nodeId\n        })\n      ) {\n        color = theme['legacy-product-blue-light']\n      }\n      return color\n    })\n    .style('stroke', d => {\n      let color = theme['gray-tints-3']\n      const nodeId = d.id.replace(/(_\\d+)$/g, '')\n      if (store.selectedLog.nodeId === +nodeId) {\n        color = theme['blue-tints-0']\n      }\n      return color\n    })\n    .style('stroke-width', d => {\n      let width = '1px'\n      const nodeId = d.id.replace(/(_\\d+)$/g, '')\n      if (store.selectedLog.nodeId === +nodeId) {\n        width = '3px'\n      }\n      return width\n    })\n\n  // add frequency \"value\" for nodes\n  node\n    .append('text')\n    .attr('x', 25)\n    .attr('y', 10)\n    .attr('dy', '.35em')\n    .attr('fill', '#000')\n    .attr('text-anchor', 'middle')\n    .style('font-size', '10px')\n    .style('font-family', 'sans-serif')\n    .text(d => `freq.${d.value}`)\n\n  // add in the title for the nodes\n  node\n    .append('text')\n    .attr('class', 'nodeText')\n    .attr('x', 27)\n    .attr('y', 23)\n    .attr('dy', '.35em')\n    .attr('text-anchor', 'middle')\n    .attr('transform', null)\n    .attr('fill', '#000')\n    .style('font-size', '9px')\n    .style('font-family', 'sans-serif')\n    .text(d => {\n      if (d.name.length > 12) {\n        return d.name.slice(0, 12).concat('...')\n      }\n      return d.name\n    })\n\n  node\n    .append('text')\n    .attr('x', 25)\n    .attr('y', 35)\n    .attr('dy', '.35em')\n    .attr('fill', '#000')\n    .attr('text-anchor', 'middle')\n    .style('font-size', '9px')\n    .style('font-family', 'sans-serif')\n    .text(d => d.data.applications[0].application_name)\n\n  svg\n    .selectAll('.node')\n    .on('click', (event, d) => {\n      store.setSelectedSteps({ key: d.id.replace(/_\\d$/g, ''), isShift: event.shiftKey, ...d })\n    })\n    .on('mouseover', (event, d) => {\n      const nodeWidth = 50\n      const tooltipMargin = 8\n\n      const butterflyContainer = document.getElementById('ButterflyMainContent')\n      const mouseY = d3.pointer(event, butterflyContainer)[1]\n      const { right: chartRight } = butterflyContainer.getBoundingClientRect()\n\n      const { left: nodeX } = event.currentTarget.getBoundingClientRect()\n\n      const arrowLeftString = JSON.stringify(tipArrowLeft).replace(/,/g, ';').replace(/[{}]/g, '').replace(/\"/g, '')\n      const arrowRightString = JSON.stringify(tipArrowRight).replace(/,/g, ';').replace(/[{}]/g, '').replace(/\"/g, '')\n\n      const tooltipContainer = document.getElementById('ButterflyTooltip')\n      if (tooltipContainer) {\n        tooltipContainer.style.top = `${mouseY + margins.top / 2}px`\n\n        let arrowStyles = arrowLeftString\n        let tooltipX = nodeX\n        if (nodeX >= chartRight - (margins.left + tooltipWidth)) {\n          tooltipX -= nodeWidth + tooltipWidth + tooltipMargin\n          arrowStyles = arrowRightString\n        }\n\n        tooltipContainer.style.left = `${tooltipX}px`\n        tooltipContainer.style.visibility = 'visible'\n\n        const tipHTML =\n          `<div><p>Step Screen Signature: ${d.name}</p>` +\n          `<p>Application: ${d.data.applications[0].application_name}</p></div>` +\n          `<i style='color: ${theme['dark-contrast']}'>` +\n          'shift-click step for more details (shown in side panel)</i>' +\n          `<div style='${arrowStyles}'></div>`\n        tooltipContainer.innerHTML = tipHTML\n      }\n    })\n    .on('mouseout', () => {\n      const tooltipContainer = document.getElementById('ButterflyTooltip')\n\n      if (tooltipContainer) {\n        tooltipContainer.style.visibility = 'hidden'\n      }\n    })\n\n  return node\n}\n\nexport default NodeRenderer\n","import React, { Fragment, useEffect, useState } from 'react'\nimport { observer } from 'mobx-react'\n\nimport { ApplicationIcon, Element, Empty, get, Group, Tooltip, Typography, useFela } from '@fortressiq/fiq-ds'\n\nimport SidePanel from 'components/detailsSidePanel/SidePanel'\nimport StepsByApplication from 'components/detailsSidePanel/processOverview/StepsByApplication'\nimport PathStatistics from 'components/detailsSidePanel/pathStatistics/PathStatistics'\nimport Stats from 'components/detailsSidePanel/processOverview/Stats'\nimport UnredactedImageViewerWithOption from 'components/image/UnredactedImageViewerWithOption'\n\nimport StepStatistics from './details/StepStatistics'\n\nimport { empty, processOverview, section, shot } from './styles'\n\nconst { Text } = Typography\n\n// A hooks based component wrapped with `timerData` will react to changes automatically\nexport default observer(({ butterflyProcessStore, applicationData, butterflyData, toggleHideDuration }) => {\n  const [showSidePanel, setShowSidePanel] = useState(true)\n  const eventLog = butterflyProcessStore.selectedLog\n  const toggleSidePanel = () => {\n    setShowSidePanel(!showSidePanel)\n  }\n  const { css } = useFela()\n\n  const images = eventLog\n    ? [\n        {\n          centered: true,\n          float: 'none',\n          fluid: true,\n          src: eventLog.screenshotUrl,\n          svgInfo: {\n            box: eventLog.bounding_box || eventLog.boundingBox,\n            x: eventLog.coordX || eventLog.coord_x,\n            y: eventLog.coordY || eventLog.coord_y,\n          },\n        },\n      ]\n    : null\n\n  useEffect(() => {\n    butterflyProcessStore.clearSelectedLog()\n  }, [butterflyData.id])\n\n  return (\n    <SidePanel\n      defaultActiveKey={['process', 'paths', 'steps', 'details']}\n      collapse={!showSidePanel}\n      toggleCollapse={toggleSidePanel}\n      panels={[\n        {\n          header: 'Step Detail',\n          key: 'details',\n          panel:\n            eventLog && Object.keys(eventLog).length ? (\n              <Fragment>\n                <Group gutter={get.numericValues('spacer').sm} className={css(section)}>\n                  <Tooltip title={`Application: ${butterflyProcessStore.selectedAppName}`}>\n                    <ApplicationIcon\n                      src={butterflyProcessStore.selectedAppUrl}\n                      name={butterflyProcessStore.selectedAppName}\n                      textLength={2}\n                    />\n                  </Tooltip>\n                  <Tooltip title={`Screen Signature: ${eventLog.screen_signature}`}>\n                    <Text style={{ width: '300px' }} ellipsis={true}>\n                      {eventLog.screen_signature || '--'}\n                    </Text>\n                  </Tooltip>\n                </Group>\n                <div className={css(shot)}>\n                  <UnredactedImageViewerWithOption\n                    clickImageToFullscreen={true}\n                    dark={false}\n                    images={images}\n                    openFullscreenOnLoad={false}\n                    selectedIndex={0}\n                    fullscreenEnabled={true}\n                  />\n                </div>\n              </Fragment>\n            ) : (\n              <Element style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>\n                <Empty className={css(empty)} description='SHIFT-CLICK to Select a Step' />\n              </Element>\n            ),\n        },\n        {\n          header: 'Process Overview',\n          key: 'process',\n          panel: (\n            <div className={css(processOverview)}>\n              <Stats\n                steps={butterflyData.totalEvents}\n                paths={butterflyData.flowCount}\n                instances={butterflyProcessStore.stepsData.totalFrequency}\n                averageDuration={butterflyData.averageDuration}\n                totalDuration={butterflyData.totalDuration}\n              />\n              <StepsByApplication\n                applications={applicationData.applications}\n                total={applicationData.total}\n                order={applicationData.order}\n              />\n            </div>\n          ),\n        },\n        {\n          header: 'Path Statistics',\n          key: 'paths',\n          panel: (\n            <PathStatistics\n              graphProcessId={butterflyProcessStore.butterflyGraphId}\n              graphType='butterfly'\n              paths={butterflyData.paths}\n              selectedPath={butterflyProcessStore.selectedPath}\n              setSelectedPath={(nodes, paths) => {\n                butterflyProcessStore.setSelectedPath(nodes, paths)\n              }}\n              withColor={true}\n              disablePathNameEdit={true}\n              toggleHideDuration={toggleHideDuration}\n            />\n          ),\n        },\n        {\n          header: 'Step Statistics',\n          key: 'steps',\n          panel: <StepStatistics />,\n        },\n      ]}\n    />\n  )\n})\n","import React, { useEffect, useState } from 'react'\nimport { observer } from 'mobx-react'\nimport { Button, Heading, Icon, useNotification } from '@fortressiq/fiq-ds'\nimport shortid from 'shortid'\n\nimport Draggable from 'react-draggable'\nimport api from 'lib/Api'\n\nimport { FLASH_LEVELS } from 'components/flash/Flash'\n\nimport ButterflyProcessStore from '../stores/ButterflyProcessStore'\n\nimport css from './createProcessDialogueStyle.scss'\n\nimport CreateProcessSection from './CreateProcessSection'\n\nconst CreateProcessDialogue = () => {\n  const { addNotification } = useNotification()\n\n  const [name, setName] = useState('')\n  const [savedProcessId, setSavedProcessId] = useState(null)\n\n  useEffect(() => {\n    ButterflyProcessStore.clear()\n  }, [])\n\n  const closeCreateProcess = () => {\n    ButterflyProcessStore.defineProcessMode = false\n    ButterflyProcessStore.clear()\n  }\n\n  const setNameFromInput = e => {\n    setName(e.target.value)\n  }\n\n  const saveProcess = async () => {\n    const params = {\n      name,\n      pathSignatures: ButterflyProcessStore.flatPathsInformation,\n    }\n    const { data } = await api.post('/graph_processes', params)\n    setSavedProcessId(data.graphProcess.id)\n    ButterflyProcessStore.clear()\n\n    addNotification({\n      cta: (\n        <Button href={`/process-explorer/${data.graphProcess.id}`} type='link'>\n          Visit Subprocess\n        </Button>\n      ),\n      description: 'Subprocess created successfully!',\n      key: shortid.generate(),\n      type: FLASH_LEVELS.SUCCESS,\n    })\n  }\n\n  return ButterflyProcessStore.defineProcessMode ? (\n    <CreateProcessDialogueOpened\n      name={name}\n      savedProcessId={savedProcessId}\n      setName={setNameFromInput}\n      closeCreateProcess={closeCreateProcess}\n      saveProcess={saveProcess}\n    />\n  ) : null\n}\n\nconst CreateProcessDialogueOpened = ({ closeCreateProcess, name, saveProcess, setName }) => (\n  <Draggable>\n    <div className={`${css.container}`}>\n      <TopSection closeCreateProcess={closeCreateProcess} />\n      <CreateProcessSection name={name} setName={setName} saveProcess={saveProcess} />\n    </div>\n  </Draggable>\n)\n\nconst TopSection = ({ closeCreateProcess }) => (\n  <div className={css.topsection}>\n    <div className={css.leave} onClick={closeCreateProcess} role='button' tabIndex={-1}>\n      <Icon icon='remove' />\n    </div>\n    <Heading level={2} className={css.title}>\n      Create a Process Model\n    </Heading>\n  </div>\n)\n\nexport default observer(CreateProcessDialogue)\n","import React from 'react'\nimport { observer } from 'mobx-react'\nimport { Button, Input } from '@fortressiq/fiq-ds'\n\nimport ButterflyProcessStore from '../stores/ButterflyProcessStore'\n\nimport PathDetails from './sections/PathDetails'\n\nimport css from './createProcessSectionStyle.scss'\n\n@observer\nclass CreateProcessSection extends React.Component {\n  render() {\n    const { name, setName, saveProcess } = this.props\n    const { paths, selectionId, validPathsCount } = ButterflyProcessStore\n    const cannotSave = validPathsCount === 0 || !name || ButterflyProcessStore.errorMessage\n\n    return (\n      <div className={css.container}>\n        <div className={css.section}>\n          <Input\n            className={css.input}\n            label='Name'\n            value={name}\n            onChange={e => setName(e)}\n            placeholder='Name this Process'\n            onMouseDown={e => e.stopPropagation()}\n          />\n        </div>\n        <div className={css.paths}>\n          {Object.keys(paths).map((key, i) => {\n            return <PathDetails key={key} selectionId={paths[key].selectionId} pathNumber={i + 1} />\n          })}\n          {paths[selectionId] && paths[selectionId].pathEnd && !ButterflyProcessStore.creatingNew && (\n            <AddNewPathButton />\n          )}\n          {/* if creating a new path display path creation UI */}\n          {ButterflyProcessStore.creatingNew && (\n            <PathDetails selectionId={selectionId} pathNumber={Object.keys(paths).length + 1} />\n          )}\n        </div>\n        <div className={css.controlsContainer}>\n          <Button onClick={saveProcess} disabled={cannotSave} type='secondary'>\n            Save as Model\n          </Button>\n        </div>\n      </div>\n    )\n  }\n}\n\nconst AddNewPathButton = () => (\n  <div className={css.addPathLine} onClick={() => ButterflyProcessStore.setNewProcess()}>\n    <Button className={css.addPathButton} size='small'>\n      Add New Path\n    </Button>\n  </div>\n)\n\nexport default CreateProcessSection\n","import React from 'react'\nimport { observer } from 'mobx-react'\n\nimport SVGDropZoneStore from 'components/dragAndDrop/SVGDropZoneStore'\n\nimport css from './draggingNodeStyle.scss'\n\n@observer\nclass DraggingNode extends React.Component {\n  render() {\n    return SVGDropZoneStore.draggingNode ? (\n      <div\n        className={css.target}\n        style={{ left: `${SVGDropZoneStore.draggingNodeX}px`, top: `${SVGDropZoneStore.draggingNodeY}px` }}\n      >\n        {SVGDropZoneStore.draggingDetails ? SVGDropZoneStore.draggingDetails.name : 'Activity'}\n      </div>\n    ) : null\n  }\n}\n\nexport default DraggingNode\n","import React from 'react'\nimport { observer } from 'mobx-react'\nimport { Icon } from '@fortressiq/fiq-ds'\n\nimport sourceTypes from 'components/dragAndDrop/sourceTypes'\nimport SVGDropZone from 'components/dragAndDrop/SVGDropZone'\n\nimport ButterflyProcessStore from '../../stores/ButterflyProcessStore'\n\nimport css from './pathDetailsStyle.scss'\n\n/**************\n * path details and ceration, due to the nature of the ceation UX\n * the UX shows part of the path information if available\n * if not there is a drag and drop field\n *\n ******/\n@observer\nclass PathDetails extends React.Component {\n  render() {\n    const { selectionId, pathNumber } = this.props\n    const { paths, pathsInformation, removePath } = ButterflyProcessStore\n    const DropZoneHeight = 42\n\n    return (\n      <div className={css.section}>\n        <div className={css.titleSection}>\n          <label className={css.label}>Path {pathNumber} </label>\n          {paths[selectionId] && (paths[selectionId].pathEnd || paths[selectionId].pathStart) && (\n            <div className={css.titleSectionRight}>\n              <Icon className={css.remove} icon='remove' onClick={() => removePath(selectionId)} size='nested' />\n            </div>\n          )}\n        </div>\n\n        {pathsInformation[selectionId] && pathsInformation[selectionId][0].length === 0 && (\n          <div className={css.error}>! no path(s) found </div>\n        )}\n\n        {paths[selectionId] && paths[selectionId].pathStart && (\n          <NodeListing\n            type='START'\n            app={paths[selectionId].pathStart.application.substring(0, 2)}\n            name={paths[selectionId].pathStart.name}\n          />\n        )}\n\n        {(!paths[selectionId] || !paths[selectionId].pathStart) && (\n          <SVGDropZone\n            height={DropZoneHeight}\n            id={`butterflyProcStart_${selectionId}`}\n            sourceTypes={sourceTypes.BUTTERFLYNODE}\n            data={paths[selectionId]}\n            defaultDisplay='Drag and drop an event to start a path'\n            className={css.dropzone}\n          />\n        )}\n\n        {paths[selectionId] && paths[selectionId].pathEnd && (\n          <NodeListing\n            type='END'\n            app={paths[selectionId].pathEnd.application.substring(0, 2)}\n            name={paths[selectionId].pathEnd.name}\n          />\n        )}\n\n        {paths[selectionId] && !paths[selectionId].pathEnd && (\n          <SVGDropZone\n            height={DropZoneHeight}\n            id={`butterflyProcEnd_${selectionId}`}\n            sourceTypes={sourceTypes.BUTTERFLYNODE}\n            data={paths[selectionId].pathEnd}\n            defaultDisplay='Drag and drop an event to end a path'\n            className={css.dropzoneEnd}\n          />\n        )}\n      </div>\n    )\n  }\n}\n\nconst NodeListing = ({ app, name, type }) => (\n  <div className={css.nodeListing}>\n    <div className={css.type}>{type}</div>\n    <div className={css.app}>{app || '--'}</div>\n    <div className={css.name}>{name || '--'}</div>\n  </div>\n)\n\nexport default PathDetails\n","import React from 'react'\nimport { Link } from 'react-router-dom'\nimport { observer } from 'mobx-react'\nimport { Table, theme, Element, AdvancedCell } from '@fortressiq/fiq-ds'\n\nimport Bar from 'components/detailsSidePanel/pathStatistics/Bar'\n\nimport store from '../stores/ButterflyProcessStore'\n\nconst StepStatistics = () => {\n  const columns = [\n    {\n      Header: 'Step',\n      accessor: 'signature',\n      Cell: ({ value }) => <AdvancedCell>{value}</AdvancedCell>,\n    },\n    {\n      Header: 'Instances',\n      accessor: 'frequency',\n      width: 100,\n      minWidth: 100,\n      Cell: ({\n        value,\n        row: {\n          original: { frequency },\n        },\n      }) => <Bar percent={(frequency / store.stepsData.totalFrequency) * 100} text={value} />,\n    },\n    {\n      Header: '',\n      accessor: 'examplesURL',\n      width: 80,\n      minWidth: 80,\n      Cell: ({ value }) => <Link to={value}>Examples</Link>,\n    },\n  ]\n\n  return (\n    <Element style={{ margin: `-${theme['default-spacer-sm']}` }}>\n      <Table\n        data={store.stepsData.tableData || []}\n        columns={columns}\n        rowSelection={{\n          selectedRows: store.selectedSteps,\n          selectedRowKey: 'key',\n          selectedRowColor: theme['table-row-select-background'],\n        }}\n        onRowClick={record => store.setSelectedSteps(record)}\n        disablePagination={true}\n        disableSortBy={true}\n        verticalBorders={false}\n        disableResizing={true}\n      />\n    </Element>\n  )\n}\n\nexport default observer(StepStatistics)\n","import { observable, action, toJS } from 'mobx'\n\nclass ButterflyProcessStore {\n  butterflyData = null\n\n  @observable errorMessage = ''\n\n  /*** path definitions when creating ***/\n  @observable creatingNew = false //are we going to create a new path\n\n  //this should display current path index we\n  //\"in selection phase\", show us that we are working on this\n  @observable selectionId = 0\n\n  @observable pathCount = 0 //shows current number of complete paths that have been selected\n\n  validPathsCount = 0 //the current number of valid paths\n\n  @observable defineProcessMode = false\n\n  @observable paths = {} //paths formed by the node end points\n\n  @observable pathsInformation = {} //the actual path information that gets stored and referenced\n\n  flatPathsInformation = [] //this is the format we want ot send to the server\n\n  @observable d3HighlightData = new Map()\n\n  // path highlighting from path statistics. other highlight is from create a process\n  @observable selectedPath = {\n    nodes: [],\n    paths: [],\n  }\n\n  @observable stepsData = {}\n\n  @observable selectedSteps = []\n\n  @observable selectedLog = {}\n\n  @action\n  setStepsData() {\n    let totalFrequency = 0\n    const stepsMap = {}\n\n    if (!this.butterflyData) return\n    const { nodes } = this.butterflyData\n    const { paths } = this.butterflyData\n\n    paths.forEach(path => {\n      path.nodeIds.forEach(nodeId => {\n        const nodeIdRaw = +nodeId.replace(/_\\d+$/g, '')\n\n        let signature = ''\n        const currentNode = nodes.find(node => {\n          return node.id === nodeIdRaw\n        })\n        if (currentNode) signature = currentNode.signature\n\n        if (stepsMap[nodeIdRaw]) {\n          stepsMap[nodeIdRaw].frequency += path.frequency\n        } else {\n          stepsMap[nodeIdRaw] = {}\n          stepsMap[nodeIdRaw].signature = signature\n          stepsMap[nodeIdRaw].nodeId = nodeIdRaw\n          stepsMap[nodeIdRaw].frequency = path.frequency\n        }\n        totalFrequency += path.frequency\n      })\n    })\n\n    const tableData = Object.keys(stepsMap).map(key => ({\n      key: key,\n      signature: stepsMap[key].signature,\n      frequency: stepsMap[key].frequency,\n      //TODO have not built out the feature to specify sreen annotator contents\n      examplesURL: '/instances-viewer',\n    }))\n    this.stepsData = { stepsMap, tableData, totalFrequency }\n  }\n\n  setSelectedLog = record => {\n    const { data, exemplar_event: exemplarEvent, key } = record\n    this.selectedAppUrl = data?.applications[0]?.application_icon_url\n    this.selectedAppName = data?.applications[0]?.application_name\n    this.selectedFreq = this.stepsData?.stepsMap[key]?.frequency\n\n    this.selectedLog = { ...exemplarEvent, nodeId: +key }\n  }\n\n  @action\n  setSelectedSteps = record => {\n    const selectedStepsNew = [...this.selectedSteps]\n    const keyIndex = selectedStepsNew.findIndex(key => key === record.key)\n\n    if (keyIndex === -1) {\n      selectedStepsNew.push(record.key)\n    } else {\n      selectedStepsNew.splice(keyIndex, 1)\n    }\n\n    if (record.isShift) {\n      this.setSelectedLog(record)\n    }\n\n    if (!record.isShift) this.selectedSteps = selectedStepsNew\n  }\n\n  @action\n  clearSelectedLog = () => {\n    this.selectedLog = {}\n  }\n\n  @action\n  setNewProcess = () => {\n    this.creatingNew = true\n    this.selectionId += 1\n  }\n\n  @action\n  startPath = d => {\n    if (!this.creatingNew) return\n    this.paths[this.selectionId] = {\n      pathStart: d,\n      pathEnd: null,\n      pathSignatures: [],\n      selectionId: this.selectionId,\n    }\n    this.paths = { ...this.paths }\n    this.creatingNew = false\n  }\n\n  @action\n  endPath = d => {\n    const path = this.paths[this.selectionId]\n    path.pathEnd = d\n    path.signatures = this.getPaths(path)\n    this.paths = { ...this.paths }\n    this.pathCount += 1\n  }\n\n  @action\n  getPaths = path => {\n    const rawNodeData = this.butterflyData.nodes\n    const rawPathData = this.butterflyData.paths\n\n    //this regex matches the string at the end of the input with an underscore and one plus numbers\n    const indexRegex = /_\\d+$/g\n\n    const startNodeInfo = rawNodeData.find(node => {\n      return node.signature === path.pathStart.name.replace(indexRegex, '')\n    })\n    const endNodeInfo = rawNodeData.find(node => {\n      return node.signature === path.pathEnd.name.replace(indexRegex, '')\n    })\n\n    const startIndex = +path.pathStart.name.substring(path.pathStart.name.lastIndexOf('_') + 1)\n    const endIndex = +path.pathEnd.name.substring(path.pathEnd.name.lastIndexOf('_') + 1)\n\n    const startNodeId = `${startNodeInfo.id}_${startIndex}`\n    const endNodeId = `${endNodeInfo.id}_${endIndex}`\n    const relevantPaths = rawPathData.filter(rawPath => {\n      return rawPath.nodeIds.find(id => id === startNodeId) && rawPath.nodeIds.find(id => id === endNodeId)\n    })\n    let results = relevantPaths.map(relevantPath => {\n      const nodes = relevantPath.nodeIds.slice(startIndex, +endIndex + 1)\n      const signatures = nodes.map(node => {\n        if (!this.d3HighlightData.get(node)) {\n          this.d3HighlightData.set(node, {\n            pathIds: [],\n            pathNumber: this.selectionId,\n          })\n        }\n        this.d3HighlightData.get(node).pathIds.push(+relevantPath.id)\n\n        //store the full node information into a structure for highlighting in d3\n        const nodeInfo = rawNodeData.find(rawNode => {\n          const nodeId = node.split('_')[0]\n          return +rawNode.id === +nodeId\n        })\n        return nodeInfo.signature\n      })\n      return signatures\n    })\n\n    if (startIndex > endIndex) {\n      results = []\n    }\n    if (!this.pathsInformation[this.selectionId]) {\n      this.pathsInformation[this.selectionId] = []\n    }\n\n    //this is what we use to reference paths in the UI\n    this.pathsInformation[this.selectionId].push(results)\n\n    this.setValidPathsCount()\n    // this if what we send to the server\n    this.flattenPathInformation(results)\n  }\n\n  flattenPathInformation = results => {\n    //TO DO, remove duplicates\n    // results.sort((a, b) => a[0] < b[0])\n    results.forEach(result => this.flatPathsInformation.push(result))\n  }\n\n  @action\n  removePath = selectionId => {\n    delete this.paths[selectionId]\n    delete this.pathsInformation[selectionId]\n\n    const highlightToRemove = []\n    Object.keys(toJS(this.d3HighlightData)).forEach(key => {\n      if (this.d3HighlightData.get(key).pathNumber === selectionId) highlightToRemove.push(key)\n    })\n\n    highlightToRemove.forEach(toRemove => {\n      this.d3HighlightData.delete(toRemove)\n    })\n\n    this.flatPathsInformation.splice(selectionId, 1)\n    this.paths = { ...this.paths }\n    this.pathsInformation = { ...this.pathsInformation }\n    this.setNewProcess()\n    this.pathCount -= 1\n    this.setValidPathsCount()\n  }\n\n  @action\n  clear = () => {\n    this.errorMessage = ''\n    this.selectionId = 0\n    this.creatingNew = true\n    this.paths = {}\n    this.pathsInformation = {}\n    this.flatPathsInformation = []\n    this.d3HighlightData.clear()\n    this.pathCount = 0\n    this.validPathsCount = 0\n    this.selectedPath = {\n      nodes: [],\n      paths: [],\n    }\n    this.selectedSteps = []\n  }\n\n  setValidPathsCount = () => {\n    this.validPathsCount = Object.keys(this.pathsInformation).filter(pathkey => {\n      return this.pathsInformation[pathkey][0].length > 0\n    }).length\n  }\n\n  @action setSelectedPath(nodes, paths) {\n    this.selectedPath = { nodes, paths }\n  }\n}\n\nexport default new ButterflyProcessStore()\n","import { theme } from '@fortressiq/fiq-ds'\n\nexport const empty = () => ({\n  '> div': {\n    width: '300px',\n    height: '200px',\n  },\n  '> div > span': {\n    width: '300px',\n    height: '200px',\n  },\n})\n\nexport const section = () => ({\n  borderBottom: `1px solid ${theme['gray-tints-0']}`,\n  fontSize: '12px',\n  padding: '10px 9px',\n\n  '&::after': {\n    clear: 'both',\n    content: '',\n    display: 'block',\n    overflow: 'auto',\n  },\n})\n\nconst maxHeight = { maxHeight: '300px' }\n\nexport const shot = () => ({\n  marginTop: theme['default-spacer-sm'],\n  ...maxHeight,\n  minHeight: '300px',\n  overflow: 'hidden',\n  width: '100%',\n\n  '& .fiqds-imageviewer-slideshow': { ...maxHeight, maxWidth: '100%' },\n  'article > div': {\n    ...maxHeight,\n  },\n\n  img: {\n    ...maxHeight,\n    maxWidth: '100%',\n  },\n})\n\nexport const processOverview = () => ({\n  '& > div:not(:last-child)': {\n    marginBottom: '12px',\n  },\n})\n\nexport const tooltipWidth = 240\n\nexport const tooltip = () => ({\n  'background-color': theme['dark-bg'],\n  'border-radius': theme['default-spacer-xs'],\n  color: theme.white,\n  display: 'flex',\n  'flex-direction': 'column',\n  'font-size': '11px',\n  'justify-content': 'space-between',\n  padding: theme['default-spacer-sm'],\n  position: 'absolute',\n  'overflow-y': 'visible',\n  'overflow-wrap': 'break-word',\n  'text-align': 'center',\n  width: `${tooltipWidth}px`,\n  'word-break': 'break-word',\n  'z-index': '1002',\n})\n\nconst sharedTipArrowStyles = {\n  position: 'absolute',\n  width: 0,\n  height: 0,\n  bottom: theme['default-spacer-sm'],\n}\n\n//TODO: figure out why the theme colors don't work in this case\n// innerHTML content using these styles\nexport const tipArrowLeft = {\n  ...sharedTipArrowStyles,\n  left: '-14px',\n  border: '6px solid transparent',\n  'border-right': '8px solid #434956',\n}\n\nexport const tipArrowRight = {\n  ...sharedTipArrowStyles,\n  right: '-14px',\n  border: '6px solid transparent',\n  'border-left': '8px solid #434956',\n}\n\nexport const toolbarCSS = () => ({\n  borderBottom: `1px solid ${theme['ant-card-border']}`,\n  display: 'flex',\n  justifyContent: 'space-between',\n  padding: `${theme['default-spacer-md']} ${theme['default-spacer-lg']}`,\n})\n\nexport const toggleAppButtonCSS = () => ({\n  borderRadius: theme['border-radius-base'],\n  height: theme['default-spacer-lg'],\n})\n\nexport const chartContainerCSS = () => ({\n  background: theme['legacy-color-gray'],\n  display: 'flex',\n  height: 'calc(100vh - 125px)',\n  position: 'relative',\n  width: '100%',\n})\n","import * as d3 from 'd3'\nimport { colorScaleDivergence1 } from '@fortressiq/fiq-ds'\n\nconst d3color = d3.scaleOrdinal(colorScaleDivergence1)\n\n// eslint-disable-next-line import/prefer-default-export\nexport const getColor = pathId => d3color(pathId % (colorScaleDivergence1.length - 1))\n","/* eslint-disable import/prefer-default-export */\n/* eslint-disable max-len */\n/* eslint-disable no-useless-escape */\n/**\n * Copyright (c) 2020 Automation Anywhere.\n * All rights reserved.\n *\n * This software is the proprietary information of Automation Anywhere.\n * You shall use it only in accordance with the terms of the license agreement\n * you entered into with Automation Anywhere.\n */\n\nexport const caaMarkdown = `\nCloud Automation Agreement\n==========================\n\nLast Revised: **Feb 26, 2021**\n\nThis Cloud Automation Agreement (“***CAA***”) sets forth the terms and\nconditions upon which Automation Anywhere, Inc., a California\ncorporation with offices at 633 River Oaks Parkway, San Jose,‎ CA‎ 95134\nU.S.A.for itself and on behalf of its Affiliates (“***AAI***”) shall\nprovide, and you (the “***Customer***”) shall obtain, either directly\nfrom AAI (a “***Direct Purchase***”) or through an AAI Authorized\nRepresentative (an “***Indirect Purchase***”), the use of AAI’s\nServices.\n\nBy agreeing to this CAA, by either (1) clicking a box indicating\nacceptance, or (2) executing an Order Form that references this CAA,\nCustomer represents that Customer has full power, capacity, and\nauthority to accept the terms herein. If Customer is accepting the terms\nof this CAA on behalf of an employer or another entity, Customer\nrepresents that Customer has full legal authority to bind such employer\nor such other entity to this CAA. For Customers and Affiliates\npurchasing or participating in a Free Trial of Services in Australia,\nthe additional terms found at\n[https://www.automationanywhere.com/au/cloud-automation-agreement](https://www.automationanywhere.com/cloud-automation-agreement)\nshall apply to Customer's purchase or Free Trial of Services, and are\nhereby incorporated into this CAA. To the extent of any inconsistency\nbetween those additional terms and the terms of this CAA, the additional\nterms will prevail.\n\n1.  Definitions. \\\n     \\\n     \"***Affiliate***” means any entity not under sanctions or embargo\n    restrictions by the U.S. Government that directly or indirectly\n    controls, is controlled by, or is under common control with the\n    subject entity. “Control,” for purposes of this definition, means\n    possessing, directly or indirectly, the power to direct or cause the\n    direction of the management, policies, and operations of such\n    entity, whether through ownership of voting securities, by contract\n    or otherwise. \\\n     \\\n     \"***Authorized Representative***” means a person or entity who has\n    entered into an agreement with AAI authorizing them to distribute or\n    resell AAI Services to Customer.\\\n     \\\n     \"***Confidential Information***” has the meaning given to it in\n    Section 4.1.\\\n     \\\n     \"***Customer Data***” means the electronic data or information,\n    including Personal Data, submitted by Customer to the Services or\n    through AAI’s support portal. \\\n     \\\n     \"***Documentation***” means AAI’s installation guides and/or\n    manuals, operating instructions and technical specifications\n    describing how to properly install, configure and use the Services,\n    updated from time to time, and made available via download or during\n    setup of the Services.\\\n     \\\n     \"***Free Trial***” has the meaning given to it in Section 2.1.1.\\\n     \\\n     \"***Order Form***” means, for a Direct Purchase, an ordering\n    document or online order specifying the Services to be provided\n    hereunder that is entered into between Customer or any of its\n    Affiliates and AAI, including any addenda and supplements thereto.\\\n     \\\n     \"***Personal Data***” has the meaning given to it in Section 11.1.\\\n     \\\n     \"***Purchase Agreement***” means the agreement between Customer and\n    Authorized Representative that describes the AAI Services to be\n    purchased by Customer, however such agreement is titled.\\\n     \\\n     \"***Services***” means AAI’s software-as-a-service applications as\n    described in the Documentation and subscribed to under an Order Form\n    or from an Authorized Representative, or provided to Customer under\n    a Free Trial.\\\n     \"***Term***” has the meaning given to it in Section 3.1.1.\n2.  Use of Services. This CAA shall govern the use of Services described\n    in an applicable Order Form or Purchase Agreement, and any\n    associated professional services performed by AAI and described in\n    an applicable statement of work, signed by AAI and Customer or any\n    of its Affiliates.\\\n\n    1.  Use Rights and Obligations. For any Services provisioned to\n        Customer under an Order Form or through a Purchase Agreement,\n        and subject to Customer’s compliance with the terms and\n        conditions of this CAA including full payment for all purchased\n        Services, AAI grants to Customer a limited, non-exclusive,\n        non-transferable, personal, revocable right to access and use\n        the Services (including any associated downloaded components,\n        such as bot agents, needed to use the Services) in amounts\n        provisioned for Customer by AAI solely for Customer’s internal\n        use in connection with Customer’s ordinary business operations,\n        for the term described in Section 3 below. Customer agrees to\n        operate the Services in compliance with the terms of this CAA\n        and any applicable laws, including but not limited to the\n        Privacy Laws (as defined in Article 11 below). Customer may\n        exercise its access rights under this Section 2.1 through its\n        third-party service providers and Customer’s Affiliates,\n        provided that such Affiliates and third-party service providers\n        must at all times comply with the terms of this CAA, and\n        provided further that Customer shall be responsible for the acts\n        or omissions of such Affiliates and third-party service\n        providers as if Customer had acted or failed to act in\n        accordance with the terms of this CAA.\\\n\n        1.  Free Trials/Evaluations. If Customer registers for, and AAI\n            agrees to provide a free trial, proof of concept or any\n            other unpaid evaluation whatsoever labeled (hereinafter, a\n            “***Free Trial***”), AAI will make the applicable Service(s)\n            available to Customer on a trial basis free of charge for\n            the term described in Section 3.1.3. Customer’s Free Trial\n            shall be subject to the terms of this CAA.\n\n    2.  Use Restrictions. Except as otherwise provided in this CAA or as\n        required or permitted by a law that cannot be excluded or by the\n        terms of a third-party license, Customer shall not, and shall\n        not permit any employees, agents, or representatives to: (a)\n        disclose, sell, assign, lease, commercially exploit or market\n        any part of the Services or AAI Confidential Information in any\n        way or manner; (b) copy, modify, enhance, translate, supplement,\n        create derivative works from, or remove any proprietary notices\n        or labels from any part of the Services or AAI Confidential\n        Information; (c) disassemble, decompile, reverse engineer or\n        otherwise attempt to discover the source code, object code or\n        underlying structure, ideas, know-how or algorithms relevant to\n        the Services or any AAI Confidential Information; (d) use the\n        Services to create bots or other automated processes that are\n        designed to violate any applicable laws, regulations or\n        policies, or terms of use imposed by any third parties; or (e)\n        use any Services which have not been provisioned by AAI or an\n        Authorized Representative for Customer’s use under this CAA.\n        Except as expressly permitted in this CAA, Customer shall not\n        cause or permit competitive analysis, benchmarking, or the use,\n        evaluation or viewing of the Services for the purpose of\n        testing, designing, modifying, or otherwise creating any\n        software program, or any portion thereof, that performs\n        functions similar to the functions performed by the Services.\n        Any use of the Services in breach of the foregoing by Customer\n        that reasonably threatens the security, integrity or\n        availability of the Services, may result in AAI’s immediate\n        suspension of the Services, however AAI will use commercially\n        reasonable efforts under the circumstances to provide Customer\n        with notice and an opportunity to remedy such violation or\n        threat prior to any such suspension.\n    3.  Customer Responsibilities. Customer is responsible for use of\n        the Services by all users to whom it grants its account\n        credentials. Therefore, Customer must:\n        -   Ensure it grants administrator privileges to qualified\n            personnel.\n        -   Ensure that its users do not share their passwords.\n        -   Ensure and maintain security of its systems and the machines\n            that connect to and use the Services, including\n            implementation of critical patches and operating system\n            updates.\n\n\n    4.  Ownership; Intellectual Property Protection. Subject to the\n        limited rights expressly granted hereunder, AAI, its Affiliates,\n        and its licensors reserve all of their right, title and interest\n        in and to the Services, including all of their related\n        intellectual property rights. No rights are granted to Customer\n        hereunder other than as expressly set forth herein. The\n        placement of a copyright notice on any part of the Services or\n        AAI Confidential Information will not constitute publication or\n        the permission to publish or otherwise impair the confidential\n        or trade secret nature of the Services or AAI Confidential\n        Information. Customer grants to AAI and its Affiliates a\n        worldwide, perpetual, irrevocable, royalty-free license to use\n        and incorporate into its Services any suggestion, enhancement\n        request, recommendation, correction or other feedback provided\n        by Customer relating to the operation of the Services, but only\n        to the extent that any such feedback does not contain Customer\n        Confidential Information. As between AAI and Customer, Customer\n        owns its Customer Data, and AAI makes no claims to ownership\n        thereto.\n\n3.  Term and Termination.\n\n    1.  Term.\n\n        1.  Term of CAA. This CAA commences on the date Customer accepts\n            it and continues until all subscriptions and/or free trials\n            hereunder have expired or have been terminated (the\n            “*Term*”).\n        2.  Term of Purchased Services. The term of each subscription\n            for purchased Services shall begin on the date AAI makes the\n            Services available to Customer and shall extend for the\n            period as specified in the applicable Order Form or Purchase\n            Agreement. For Direct Purchases, except as otherwise\n            specified in an Order Form, or unless either party gives the\n            other written notice of its intent not to renew at least\n            sixty (60) days before the end of the relevant subscription\n            term, Customer’s payment for a renewed subscription will\n            extend the subscription term for an additional period equal\n            to the expiring subscription term or one year (whichever is\n            shorter). For Direct Purchases, except as expressly provided\n            in the applicable Order Form, renewal of promotional or\n            one-time priced subscriptions will be at AAI’s applicable\n            list price in effect at the time of the applicable renewal.\n\n        3.  Term of Free Trials. The term of each Free Trial shall\n            extend until (a) the expiry of the license keys issued, or\n            online access granted in respect of such Free Trial, or (b)\n            the start date of any purchased Service subscriptions\n            ordered by Customer for such Service(s), or (c) termination\n            by AAI in its sole discretion.\n\n    2.  Termination. This CAA may be terminated: (a) by a party\n        immediately by written notice upon the occurrence of either of\n        the following events: (i) if the other party ceases to do\n        business; or (ii) if the other party becomes insolvent or seeks\n        protection under any bankruptcy, receivership, trust, deed,\n        creditor's arrangement, or comparable proceeding, or if any such\n        proceeding is instituted against the other party and not\n        dismissed within sixty (60) days (provided that in either case,\n        only the party not experiencing the event(s) may elect to\n        terminate) except that if Customer is purchasing Services in\n        France, this CAA may be terminated if the other party becomes\n        insolvent or seeks protection under bankruptcy proceeding solely\n        in compliance with applicable French bankruptcy legislation; and\n        (b) by the non-breaching party immediately upon written notice\n        if the other party breaches any of its material obligations\n        under this CAA, including failure to timely pay fees, and fails\n        to cure such breach within thirty (30) days following receipt of\n        written notice from the non-breaching party.\n    3.  Effect of Termination. Upon termination or expiration of this\n        CAA, Customer will cease all use of all Services provided\n        hereunder and return, or destroy upon AAI’s request, all copies\n        of any part of the Services then in Customer’s possession or\n        under Customer’s control. The terms in Sections 2.2, 2.4, 3.3,\n        4, 5, 9-11, 13-15, and 17-19 will survive any termination or\n        expiration of this CAA.\n\n4.  Confidentiality.\n\n    1.  Confidential Information. As used herein, “***Confidential\n        Information***” shall mean (a) as to AAI, any software utilized\n        by AAI in the provision of the Services, and its respective\n        source code; (b) as to Customer, Customer Data; (c) each party’s\n        business or technical information, including but not limited to\n        the Documentation and SOC1 and SOC2 audit reports (in the case\n        of AAI), training materials, any information relating to\n        software plans, designs, costs, prices, finances, marketing\n        plans, business opportunities, personnel, research, development\n        or know-how that is designated by the disclosing party as\n        \"confidential\" or \"proprietary\" or the receiving party knows or\n        should reasonably know is confidential or proprietary; and (d)\n        as to each party, the terms, conditions, and pricing of this CAA\n        (but not its existence or parties).\n\n    2.  Exclusions.Confidential Information shall not include\n        information that: (a) is or becomes known or available to the\n        public, other than through a breach of an obligation hereunder\n        by the receiving party; (b) is lawfully acquired by the\n        receiving party from a third party without breach of a\n        confidentiality restriction; (c) the receiving party can\n        demonstrate by written proof was (i) already in its possession\n        at the time it was disclosed hereunder by the disclosing party\n        or (ii) was independently developed by the receiving party\n        without use of the disclosing party’s Confidential Information;\n        or (d) has been approved for disclosure by the disclosing\n        party.\n\n    3.  Confidentiality Obligations. The receiving party will hold and\n        maintain the disclosing party’s Confidential Information in\n        confidence, exercising at least the same degree of care as the\n        receiving party customarily exercises to protect its own\n        proprietary information, but in no event with less than\n        reasonable care. The receiving party will not, without the\n        disclosing’s party prior written consent: (a) disclose any\n        portion of the Confidential Information to any person or entity\n        other than its and its Affiliates’ directors, officers,\n        employees, agents or consultants who reasonably need access to\n        the Confidential Information to fulfill the permitted uses\n        described herein and who are bound to protect the Confidential\n        Information on terms substantially similar to those in this CAA;\n        or (b) use Confidential Information except as permitted in this\n        CAA. Notwithstanding the foregoing, the receiving party may\n        produce or disclose Confidential Information as required\n        pursuant to applicable laws, regulations or court order,\n        provided that it first gives the disclosing party notice of the\n        request, if permitted, such that the disclosing party has an\n        opportunity to defend, limit or protect such production or\n        disclosure.\n\n5.  Fees and Payment (for Direct Purchases only).\n    1.  Subscription Fees. The subscription fee and any other fees due\n        for the Services will be reflected in the Order Form. An Order\n        Form constitutes a legally binding commitment to purchase, and\n        the relevant fees are due and non-refundable (except where\n        expressly set out otherwise in this CAA) even if this CAA\n        expires or is terminated earlier than the expiration of the\n        relevant subscription term reflected in the Order Form. In the\n        event Customer’s Affiliates wish to execute Order Forms directly\n        with AAI, they must execute AAI's standard affiliate agreement\n        directly with AAI, binding themselves to the terms of this CAA.\n        Customer acknowledges that AAI may change its fees for Services\n        at any time, provided that, any such change shall not affect the\n        Customer’s then-current fees until the end of the subscription\n        term set forth in the applicable Order Form.\n\n    2.  Services Changes. If Customer’s use of the Services exceeds a\n        Services capacity as set forth in the Order Form, then AAI\n        reserves the right to bill for such increased usage at AAI's\n        then-current applicable list prices, if applicable, and Customer\n        agrees to pay the additional fees, plus interest, in the manner\n        provided herein, subject to any additional remedies AAI might\n        have.\n\n    3.  Payment Terms. Unless otherwise stated on an applicable Order\n        Form, all invoices are payable in US Dollars within thirty (30)\n        days after the receipt of the relevant invoice. All prices are\n        exclusive of all taxes, duties or other government fees of any\n        kind, except for taxes imposed on AAI’s income by the taxing\n        authority in AAI’s home jurisdiction, and Customer shall pay AAI\n        such additional amount as shall cause the net amount of the\n        aggregate payment to AAI, after giving effect to any taxes\n        required to be collected or deducted by AAI, to equal the amount\n        of the payment otherwise due to AAI under this CAA. AAI may\n        impose interest on late payments at the lower of 1.5% per month\n        or the maximum rate allowable by applicable law. Customer shall\n        pay all of AAI’s reasonable fees, costs, and expenses (including\n        reasonable attorney’s fees) if any action including legal action\n        is required to collect outstanding undisputed balances.\n\n    4.  Suspension of Services. If any fees owed by Customer under this\n        CAA are thirty (30) days or more overdue, AAI may, without\n        limiting its other rights and remedies, suspend the Services\n        following five (5) days’ written notice that it will do so,\n        until such amounts are paid in full. AAI will not suspend the\n        Services if Customer is disputing the applicable fees reasonably\n        and in good faith and is cooperating diligently to resolve the\n        dispute.\n\n6.  Indemnification.\n\n    1.  Indemnification by AAI: AAI will defend, indemnify and hold\n        Customer harmless from any damages or losses that it may incur\n        by reason of or arising out of any third-party claim that any\n        part of the Services (including any associated downloaded\n        components, such as bot agents, needed to use the Services)\n        infringes any patent or copyright or misappropriates any trade\n        secret. In any action based on a claim of infringement, AAI may,\n        at its sole option and expense: (a) procure for Customer the\n        right to continue using the applicable Services under the terms\n        of this CAA; (b) replace or modify the affected portion of the\n        Services with a replacement or modification that permits the\n        Services to function in substantially equivalent form as with\n        the infringing portion of the Services; or (c) if options (a)\n        and (b) above are not reasonably commercially available or\n        practicable, then AAI may terminate Customer’s rights and AAI’s\n        obligations hereunder with respect to the affected portion of\n        the Services, in which case AAI will refund a pro rata portion\n        of any prepaid fees (through the Authorized Representative in\n        the case of an Indirect Purchase) for such affected portion of\n        the Services equal to the period of time from the date of\n        termination to the end of the then-current subscription term.\n\n    2.  Indemnification Procedures. AAI’s indemnification obligations\n        under this Article 6 are conditioned upon Customer: (a) promptly\n        notifying AAI in writing of the claim; (b) granting AAI sole\n        control of the defense and settlement of the claim, provided\n        that AAI shall have the right to reject any settlement that\n        requires it to admit wrongdoing or liability; and (c) providing\n        AAI with all assistance (at AAI’s expense), information, and\n        authority reasonably required for the defense and settlement of\n        the claim.\n\n    3.  Indemnity Exclusions. AAI will have no liability for any claim\n        described in Section 6.1 to the extent that it would not have\n        occurred but for: (a) modifications to the Services made by\n        Customer or a party acting on Customer's behalf (other than\n        modifications made at AAI's written direction); (b) the\n        combination, operation or use of the Services with equipment,\n        devices, software or data not supplied by AAI (including,\n        without limitation, using the Services to automate AAI-selected\n        software or processes); (c) Customer’s failure to use updated or\n        modified forms of the Services provided by AAI; (d) Customer’s\n        use of the Services other than in accordance with this CAA; or\n        (e) compliance by AAI with designs, plans or specifications\n        furnished by or on behalf of Customer.\n\n    4.  THE PROVISIONS OF THIS ARTICLE 6 SET FORTH AAI’S SOLE AND\n        EXCLUSIVE OBLIGATIONS, AND CUSTOMER’S SOLE AND EXCLUSIVE\n        REMEDIES, WITH RESPECT TO INFRINGEMENT OR MISAPPROPRIATION OF\n        THIRD-PARTY INTELLECTUAL PROPERTY RIGHTS.\n\n7.  Warranty.\n    1.  Services Warranty. AAI warrants to Customer that during each\n        subscription term the Services will perform in all material\n        respects in accordance with the Documentation. The foregoing\n        warranty does not apply to any Services that have been used in a\n        manner other than as set forth in the Documentation and\n        authorized under this CAA, to the extent such improper use\n        causes the Services to be nonconforming. AAI does not warrant\n        that the Services will operate in the combinations that Customer\n        may select for use, or that the use or availability of the\n        Services will be uninterrupted or error-free, or that all errors\n        in the Services will be corrected. Any claim submitted under\n        this Section 7.1 must be submitted in writing to AAI within\n        thirty (30) days of Customer becoming aware of the warranty\n        issue. AAI’s entire liability for any breach of the foregoing\n        warranty is to repair, replace or find a workaround for any\n        nonconforming portion of the Services so that the affected\n        Services operate as warranted or, if AAI is unable to repair,\n        replace or put in place a workaround, AAI may terminate the\n        subscription for such Services and refund a pro rata portion of\n        any prepaid fees for such affected portion of the Services equal\n        to the period of time from the date of termination to the end of\n        the then-current subscription term. If Customer purchases\n        professional services from AAI under this CAA, AAI warrants to\n        Customer that any such professional services provided hereunder\n        shall be professional, workmanlike and performed in a manner\n        conforming to the generally accepted industry standards and\n        practices for similar services. Customer’s sole and exclusive\n        remedy for any nonconforming professional services under this\n        warranty shall be for AAI to re-perform the nonconforming\n        services or, at AAI's sole election, to refund the applicable\n        services fees, but subject to Customer informing AAI of any such\n        nonconformity within thirty days from the date of performance of\n        the nonconforming service.\n\n    2.  Malicious Code Warranty. AAI warrants to Customer that: (a) AAI\n        applies industry standard tools to identify and eliminate\n        viruses and other malware prior to delivering the Services; and\n        (b) the Services delivered hereunder shall be free of: (i)\n        functions or routines that are designed to surreptitiously\n        delete or corrupt data in such a manner as to interfere with the\n        normal operation of the Service, (ii) undisclosed “Time Bombs,”\n        time-out or deactivation functions or other means designed to\n        terminate the operation of the Services (other than at the end\n        of a subscription term); (iii) “Back Doors” or other means\n        designed to allow remote access and/or control a Customer’s\n        networks; and (iv) any codes or keys designed to have the effect\n        of disabling or otherwise shutting down all or any portion of\n        the Services or limiting its functionality.\n\n    3.  OTHER THAN THE EXPRESS WARRANTIES MADE BY AAI HEREIN, THE\n        PARTIES ACKNOWLEDGE THAT THE SERVICES AND PROFESSIONAL SERVICES\n        PROVIDED TO CUSTOMER PURSUANT TO AND FOR THE PURPOSES OF THIS\n        CAA ARE PROVIDED \"AS IS,\" “AS AVAILABLE,” AND WITHOUT ANY\n        WARRANTY WHATSOEVER. AAI DISCLAIMS ANY AND ALL WARRANTIES,\n        EXPRESS, IMPLIED OR STATUTORY INCLUDING, WITHOUT LIMITATION, ANY\n        IMPLIED WARRANTY OF MERCHANTABILITY, FITNESS FOR A PARTICULAR\n        PURPOSE, OR NON-INFRINGEMENT OF THIRD-PARTY RIGHTS, OR ACCURACY\n        OR COMPLETENESS OF RESPONSES OR RESULTS. NO AAI AGENT OR\n        EMPLOYEE IS AUTHORIZED TO MAKE ANY MODIFICATIONS, EXTENSIONS, OR\n        ADDITIONS TO THIS WARRANTY. TO THE EXTENT THE LAWS OF CUSTOMER’S\n        JURISDICTION DO NOT PERMIT SUCH DISCLAIMER WITH RESPECT TO THE\n        SERVICES AS PURCHASED HEREUNDER, AAI PROVIDES ONLY THE MINIMUM\n        LAWFUL WARRANTY BEYOND THAT WARRANTY EXPRESSLY MADE ABOVE AND\n        DISCLAIMS ALL WARRANTIES TO THE EXTENT PERMITTED BY APPLICABLE\n        LAW. THE SERVICES ARE NOT DESIGNED OR INTENDED FOR USE WITH, AND\n        SHOULD NOT BE USED IN CONNECTION WITH, HAZARDOUS APPLICATIONS,\n        SUCH AS OPERATION OF NUCLEAR FACILITIES, LIFE SUPPORT, WEAPONS,\n        AIRCRAFT NAVIGATION OR COMMUNICATION, AND/OR PROCESS CONTROL\n        THAT COULD RESULT IN DEATH, INJURY OR ENVIRONMENTAL IMPACT. THE\n        PARTIES ACKNOWLEDGE THAT THE DISCLAIMERS IN THIS SECTION ARE A\n        MATERIAL PART OF THIS CAA, AND AAI WOULD NOT HAVE ENTERED INTO\n        THIS CAA BUT FOR SUCH DISCLAIMERS.\n\n    4.  The warranties set forth in Section 7.1 above apply to purchased\n        Services and professional services only, and do not apply to\n        Free Trials.\n\n8.  Support and Uptime Availability.\n    1.  Direct Purchase Services. During the Term and subject to\n        Customer’s compliance with the terms and conditions of this CAA\n        including full payment for the Services (and full payment for\n        support, if applicable), AAI will provide support for purchased\n        Services in accordance with its then-current support policy as\n        more fully described at\n        [https://www.automationanywhere.com/technical-support-terms](https://www.automationanywhere.com/technical-support-terms).\n    2.  Indirect Purchase Services. Support for Customer’s Services will\n        be purchased through (and may be provided by) the respective\n        Authorized Representative under the terms of the applicable\n        Purchase Agreement.\n    3.  Free Trials.Support is not provided for Free Trials.\n    4.  Uptime Availability SLA.Throughout the Term of this CAA and\n        subject to Customer’s compliance with the terms and conditions\n        of this CAA including full payment for the Services, AAI will\n        provide the Services in accordance with its then-current uptime\n        availability standards established by the Service Level\n        Agreement (“SLA”) which is available at\n        [https://www.automationanywhere.com/uptime-availability-SLA](https://www.automationanywhere.com/uptime-availability-SLA).\n        In the event AAI fails to satisfy the terms of the SLA, in whole\n        or in part, Customer shall have such rights and remedies as are\n        set forth in the SLA.\n\n9.  Audit. Upon reasonable notice and written request, Customer will\n    provide AAI with reports, summaries or other documents reasonably\n    designed to allow AAI to audit Customer’s compliance with the use of\n    the Services under this CAA. AAI will handle all such documents in\n    accordance with the terms of Section 4 herein.\n10. LIMITATION OF LIABILITY.\n\n    1.  Limitation of Liability. TO THE MAXIMUM EXTENT PERMITTED BY LAW,\n        AND EXCEPT WITH RESPECT TO (A) AAI’S INFRINGEMENT\n        INDEMNIFICATION OBLIGATIONS IN SECTION 6, (B) EITHER PARTY’S\n        BREACH OF ITS CONFIDENTIALITY OBLIGATIONS SET FORTH IN SECTION 4\n        (EXCLUDING BREACHES RELATED TO CUSTOMER’S PERSONAL DATA, WHICH\n        ARE ADDRESSED IN SECTION 10.1.2), (C) EITHER PARTY’S WILLFUL\n        MISCONDUCT AND/OR FRAUD, (D) EITHER PARTY’S LIABILITY FOR DEATH,\n        PERSONAL INJURY, OR TANGIBLE PERSONAL PROPERTY DAMAGE, (E)\n        EITHER PARTY’S UNAUTHORIZED USE, DISTRIBUTION, OR DISCLOSURE OF\n        THE OTHER PARTY’S INTELLECTUAL PROPERTY, OR (F) CUSTOMER’S\n        PAYMENT OBLIGATIONS:\n\n        1.  IN NO EVENT SHALL EITHER PARTY’S AGGREGATE LIABILITY ARISING\n            OUT OF OR RELATED TO THIS CAA, WHETHER IN CONTRACT, TORT OR\n            OTHERWISE, EXCEED THE FEES PAID BY CUSTOMER UNDER THIS CAA\n            AND/OR UNDER THE PURCHASE AGREEMENT DURING THE TWELVE (12)\n            MONTHS PRIOR TO THE EVENT GIVING RISE TO LIABILITY. FOR FREE\n            TRIALS, NEITHER PARTY’S AGGREGATE LIABILITY SHALL EXCEED ONE\n            HUNDRED DOLLARS (\\$100.00).\n        2.  NOTWITHSTANDING SECTION 10.1.1 ABOVE, AAI’S AGGREGATE\n            LIABILITY FOR (A) A BREACH OF THIS CAA RESULTING IN A\n            SUCCESSFUL SECURITY INCIDENT (AS DEFINED IN SECTION 11.8),\n            OR (B) A BREACH OF AAI’S CONFIDENTIALITY OBLIGATIONS UNDER\n            THIS CAA (AS IT RELATES TO CUSTOMER’S PERSONAL DATA ONLY),\n            SHALL NOT EXCEED TWO TIMES (2X) THE FEES PAID BY CUSTOMER\n            UNDER THIS CAA AND/OR THE PURCHASE AGREEMENT DURING THE\n            TWELVE (12) MONTHS PRIOR TO THE EVENT GIVING RISE TO\n            LIABILITY.\n\n\n    2.  Exclusion of Damages. EXCEPT WITH RESPECT TO: (A) AMOUNTS TO BE\n        PAID BY AAI PURSUANT TO A COURT AWARD OR SETTLEMENT UNDER AAI’S\n        INFRINGEMENT INDEMNIFICATION OBLIGATIONS; (B) EITHER PARTY’S\n        BREACH OF ITS CONFIDENTIALITY OBLIGATIONS SET FORTH IN SECTION\n        4; (C) EITHER PARTY’S WILLFUL MISCONDUCT AND/OR FRAUD, OR (D)\n        EITHER PARTY’S VIOLATION OF, OR UNAUTHORIZED USE, DISTRIBUTION,\n        OR DISCLOSURE OF, THE OTHER PARTY’S INTELLECTUAL PROPERTY,\n        NEITHER PARTY SHALL BE LIABLE FOR ANY PUNITIVE, SPECIAL,\n        INDIRECT, INCIDENTAL OR CONSEQUENTIAL DAMAGES (INCLUDING ANY\n        COST OF PROCUREMENT OF SUBSTITUTE SERVICES AND LOSS OF USE,\n        DATA, BUSINESS, OR PROFITS), REGARDLESS OF THE THEORY OF\n        LIABILITY OR WHETHER THE LIABLE PARTY HAS BEEN ADVISED OF THE\n        POSSIBILITY OF SUCH DAMAGES, AND REGARDLESS IF A PARTY’S REMEDY\n        OTHERWISE FAILS OF ITS ESSENTIAL PURPOSE.\n    3.  No Limitation of Liability by Law. Because some jurisdictions do\n        not allow liability or damages to be limited to the extent set\n        forth above, some of the above limitations may not apply.\n\n11. Data Privacy/Data Security.\n    1.  Privacy Laws. For the purposes of this CAA, “***Privacy Laws***”\n        means all state, federal, and international laws and\n        regulations, including (without limitation): the California\n        Consumer Protection Act of 2018 (“***CCPA***”), the Health\n        Insurance Portability and Accountability Act of 1996 (HIPAA) and\n        its implementing regulations and the Health Information\n        Technology for Economic and Clinical Health Act (HITECH) and its\n        implementing regulations (collectively, the “***HIPAA\n        Rules***”); the Personal Information Protection Act of the\n        Republic of Korea (“***PIPA***”) and the Enforcement Decree of\n        PIPA; the laws and regulations of Australia and its States and\n        Territories with respect to privacy and the protection of\n        personal information, including (without limitation) the\n        Australian Privacy Act 1988 (Cth) (“***Australian Privacy\n        Act***”) and Australian Privacy Principles under the Australian\n        Privacy Act; and laws and regulations of the European Union, the\n        European Economic Area, their member states and the United\n        Kingdom, related to data privacy, including (without limitation)\n        the EU General Data Protection Regulation (2016/679)\n        (“***GDPR***”) and any applicable national implementing laws.\n        The terms “***Personal Data***,” “***Special Categories of\n        Personal Data***,” “***Data Subject(s)***,” and\n        “***Controller***” as used in this CAA shall have the meanings\n        given to them in the GDPR, however where the applicable Privacy\n        Laws are the laws of Australia or an Australian State or\n        Territory, the term “***Personal Data***” also includes anything\n        defined as \"personal information\" under the Australian Privacy\n        Act or an equivalent term under the applicable Privacy Laws, and\n        the term “***Data Subject(s)***” also includes an identified or\n        identifiable natural person or individual as defined by or\n        referred to in the applicable Privacy Laws. The term\n        “***SCoPD***” means “Special Categories of Personal Data” as\n        defined in the GDPR. The terms “***Covered Entity***” and\n        “***Business Associate***” as used in this CAA shall have the\n        meaning given to it in the HIPAA Rules. The term “***PHI***”\n        means “Protected Health Information” as defined in the HIPAA\n        Rules.\n\n    2.  Roles of the Parties. The parties acknowledge and agree that (i)\n        with respect to Customer’s Personal Data and/or SCoPD processed\n        by AAI for the provision of Services under this CAA, AAI shall\n        be a Processor (or a ‘service provider’ for purposes of CCPA)\n        (and where the applicable Privacy Laws are the laws of Australia\n        or an Australian State or Territory, AAI shall receive and\n        process such Personal Data in its capacity as a service provider\n        to Customer in its provision of the Services) and Customer shall\n        be a Controller (or a ‘business’ for purposes of CCPA), and (ii)\n        with respect to any other Personal Data and/or SCoPD including\n        (without limitation) such data processed for Service Improvement\n        (as defined below in Section 11.4), each party shall be a\n        separate Controller (or a ‘business’ for purposes of CCPA) and\n        each party shall be responsible for its compliance with the\n        applicable Privacy Laws with respect to the Customer’s Personal\n        Data and/or SCoPD.\n\n    3.  Customer Obligations. Notwithstanding any provision to the\n        contrary herein, with respect to any Personal Data and/or SCoPD,\n        Customer represents and warrants that: (i) the Personal Data\n        and/or SCoPD have been collected in strict compliance with\n        applicable Privacy Laws; (ii) it has properly notified Data\n        Subjects under the applicable Privacy Laws that their Personal\n        Data and/or SCoPD will be transferred to third parties including\n        AAI, and will be processed for the purposes set forth in this\n        CAA (including, without limitation, for Service Improvement);\n        and (iii) Customer has all necessary rights and has procured any\n        consents and authorizations required by law to transfer any\n        Personal Data and/or SCoPD to AAI for the purposes set out in\n        this CAA and such transfer of the Personal Data and/or SCoPD and\n        processing by AAI is and shall be in compliance with the Privacy\n        Laws. To the extent AAI is acting as a Processor under this CAA\n        (a) Customer further represents and warrants that it has a\n        lawful basis for processing (and instructing AAI to process)\n        Personal Data and/or SCoPD as set forth in this CAA, and (b)\n        Customer and AAI acknowledge and agree that the terms set forth\n        in the Data Processing Addendum at\n        [https://www.automationanywhere.com/support/DPA.pdf:](https://www.automationanywhere.com/support/DPA.pdf)\n        (i) shall apply with respect to AAI’s processing of Customer’s\n        Personal Data and/or SCoPD on Customer’s behalf, and (ii) are\n        hereby incorporated into this CAA by reference.\n\n    4.  Customer represents and warrants that it has all necessary\n        rights and permissions to provide to AAI any electronic\n        documents, images and emails uploaded to the Services which may\n        contain PHI, Personal Data, and SCoPD, and Customer agrees that\n        it shall have sole responsibility for the accuracy, quality,\n        integrity, and legality of all such information. Customer\n        further agrees that AAI will retain PHI, Personal Data, and\n        SCoPD for only those periods described in AAI’s Privacy Policy,\n        will routinely destroy such information, and will not be\n        responsible or liable for the deletion, correction, destruction,\n        damage, or loss of any PHI, Personal Data, or SCoPD. Customer\n        agrees that AAI may use information, in an anonymized and\n        aggregated format, obtained from Customer’s use of the Services,\n        such as by tracking click actions, runtime behavior and other\n        metadata derived from Customer’s use of the Services, to\n        analyze, enhance and improve AAI’s service offerings and models\n        (“***Service Improvement***”) including and as further described\n        in AAI’s Privacy Policy at\n        [https://www.automationanywhere.com/privacy](https://www.automationanywhere.com/privacy).\n\n    5.  Data Subject Rights. AAI shall inform Customer about any request\n        by a Data Subject to exercise his or her rights pursuant to the\n        Privacy Laws in relation to any Customer PHI, Personal Data, or\n        SCoPD (“Data Subject Request”). Customer shall use its\n        commercially reasonable efforts to assist AAI in responding to a\n        Data Subject Request as directed by AAI including the provision\n        of additional data as required by AAI to identify PHI, Personal\n        Data, or SCoPD processed by AAI relating to the Data Subject.\n\n    6.  International Transfers. Subject to the terms of this CAA, AAI\n        makes the following transfer mechanisms available to any\n        transfer of Personal Data or SCoPD pursuant to this CAA from the\n        European Union, the European Economic Area, their Member States\n        and the United Kingdom to countries which are not deemed to\n        ensure an adequate level of data protection within the meaning\n        of the Privacy Laws, to the extent such transfers are subject to\n        such Privacy Laws: (i) where AAI is a Controller, the Standard\n        Contractual Clauses for the transfer of Personal Data or SCoPD\n        from the European Economic Area to third countries (controller\n        to controller transfers), approved by the European Commission in\n        Decision 2004/915/EC, dated 27 December 2004, and (ii) where AAI\n        is a Processor, the Standard Contractual Clauses for the\n        transfer of Personal Data or SCoPD from the European Economic\n        Area to third countries (controller to processor transfers),\n        approved by the European Commission in Decision 2010/87/EU,\n        dated 5 February 2010.\n\n    7.  Business Associate Agreement. If Customer is a Covered Entity or\n        a Business Associate and the Personal Data or SCoPD include PHI,\n        Customer shall not transfer or otherwise disclose to AAI any\n        such PHI prior to the effectiveness of an applicable written\n        Business Associate Agreement (“***BAA***”), in form and\n        substance, accepted in writing by AAI in its discretion. If\n        Customer is a Covered Entity and the Personal Data or SCoPD\n        include PHI, the BAA available at\n        [https://www.automationanywhere.com/support/CoveredEntityBAA.pdf](https://www.automationanywhere.com/support/CoveredEntityBAA.pdf)\n        shall apply and is hereby incorporated into this CAA by\n        reference. If Customer is a Business Associate, and the Personal\n        Data or SCoPD include PHI, the BAA available at\n        [https://www.automationanywhere.com/support/Sub-ContractorBAA.pdf](https://www.automationanywhere.com/support/Sub-ContractorBAA.pdf)\n        shall apply and is hereby incorporated into this CAA by\n        reference.\n    8.  Successful Security Incident/Unauthorized Disclosure. A\n        “***Successful Security Incident***” means accidental,\n        unauthorized, or unlawful access to, destruction of, loss of,\n        alteration of or disclosure of Customer Data while being\n        processed by AAI. In the event of a Successful Security\n        Incident, AAI shall notify the Customer about the Successful\n        Security Incident without undue delay after becoming aware of it\n        (and within the time frame required by applicable law). Such\n        notification shall detail the following, if known: (i) the\n        nature of the unauthorized use or disclosure; (ii) who made the\n        unauthorized use or received the unauthorized disclosure; (iii)\n        the steps AAI has taken to mitigate any deleterious effect of\n        the unauthorized use or disclosure; (iv) the corrective actions\n        AAI will take to prevent future similar incidents; and (v) all\n        actions taken as may be required by applicable Privacy Laws.\n    9.  Unsuccessful Security Incident. AAI has no obligation to report\n        or respond to an Unsuccessful Security Incident, and any\n        response or related communication by AAI shall not be construed\n        as an acknowledgement by AAI of any fault or liability. An\n        “***Unsuccessful Security Incident***”, means an incident that\n        results in no unauthorized access to Customer Data or to any of\n        AAI’s equipment or facilities storing Customer Data, and may\n        include, without limitation, dropped or denied network traffic,\n        denied access attempts to systems and applications, alerts from\n        security devices or services, pings and other broadcast attacks\n        on firewalls or edge servers, denial of service attacks, packet\n        sniffing (or other unauthorized access to traffic data that does\n        not result in access to Customer Data) or similar incidents.\n    10. Security/Technical and Organizational Measures (\"***TOMs***\")\n        During the Term of this CAA, AAI shall maintain a formal\n        security program materially in accordance with industry\n        standards that is designed to: (i) ensure the security and\n        integrity of Customer Data; (ii) protect against threats or\n        hazards to the security or integrity of Customer Data; and (iii)\n        prevent unauthorized access to Customer Data. Such security\n        program will conform to the security TOMs identified below,\n        which may be updated from time to time, and which are\n        incorporated herein by reference. In no event during the Term\n        shall AAI materially diminish the protections provided by the\n        controls set forth in AAI’s TOMs. AAI performs regularly\n        scheduled penetration tests (“***Pen Tests***”) to test the\n        security of the Services. If Customer wishes to conduct its own\n        Pen Tests, Customer must notify AAI at least two (2) weeks in\n        advance via email to\n        [[email protected]](/cdn-cgi/l/email-protection#87e3eef4e4ebe8f4f2f5e2c7e6f2f3e8eae6f3eee8e9e6e9fef0efe2f5e2a9e4e8ea),\n        and include the following information: (x) specific URLs planned\n        to be tested; (y) to/from dates when the testing will occur; and\n        (z) IP addresses of the devices doing the testing. Upon\n        Customer’s request, AAI will provide Customer, subject to the\n        terms of Section 4, with a copy of AAI's then-current Pen Tests\n        results, and SOC1 and SOC2 audit reports or comparable\n        industry-standard successor reports prepared by AAI’s\n        independent third-party auditor. AAI will maintain ISO27001:2013\n        and ISO22301:2019 and Type 2 SOC 1 and Type 2 SOC 2\n        certifications throughout the Term.\n\n        AAI’s security TOMs for support can be found at the following\n        links:\\\n        [https://www.salesforce.com/content/dam/web/en\\_us/www/documents/legal/misc/salesforce-security-privacy-and-architecture.pdf](https://www.salesforce.com/content/dam/web/en_us/www/documents/legal/misc/salesforce-security-privacy-and-architecture.pdf)\n        and\n        [https://developer.salesforce.com/docs/atlas.en-us.securityImplGuide.meta/securityImplGuide/salesforce\\_security\\_guide.htm](https://developer.salesforce.com/docs/atlas.en-us.securityImplGuide.meta/securityImplGuide/salesforce_security_guide.htm).\\\n         AAI’s security TOMs for the Services can be found at the\n        following link:\n        [https://www.automationanywhere.com/certification-reports](https://www.automationanywhere.com/certification-reports).\n\n12. Updates. AAI shall have the right, at its option and from time to\n    time, to update the Services (e.g. to provide new features,\n    implement new protocols, maintain compatibility with emerging\n    standards or comply with regulatory requirements); provided,\n    however, that the functionality of the Services will not be\n    materially decreased as a result of such updates. To the extent an\n    update requires additions or modifications to the terms of this CAA,\n    AAI will notify Customer accordingly, but any such amendment(s)\n    shall not materially increase Customer’s liabilities and/or\n    obligations nor shall it materially decrease AAI’s obligations\n    and/or liabilities unless required by applicable law.\n13. Monitoring. AAI may, in compliance with AAI’s Privacy Policy and\n    Privacy Laws, collect, use and retain technical data and use\n    information, such as how the Services are performing, access\n    information, click actions, runtime behavior, settings and user\n    information including (without limitation) IP address, when\n    monitoring Customer’s use of the Services. Although AAI is not\n    obligated to monitor Customer’s use of the Services, Customer hereby\n    authorizes AAI to do so. AAI may prohibit any use of the Services it\n    reasonably believes may be (or is alleged to be) in violation of the\n    terms of this CAA or any applicable laws (including Privacy Laws).\n14. Export Compliance. The parties understand that U.S. and any other\n    relevant, local export laws and regulations (collectively,“***Export\n    Laws***”) apply to the Services. The parties will comply with all\n    Export Laws. Customer will not export or re-export, either directly\n    or indirectly, the Services or any bots, data, information, or other\n    materials resulting from the Services in violation of these laws, or\n    use any of the foregoing for any purpose prohibited by Export Laws.\n15.  Force Majeure. Each party shall be relieved of its obligations\n    under this CAA, and neither party shall be liable to the other party\n    under this CAA, for any liability, loss, damage, fine, penalty,\n    sanction, cost or expense incurred by a party as a result of any\n    event or condition that directly or indirectly prevents the party\n    from performing an obligation hereunder, is beyond the reasonable\n    control of the party, and could not, by the exercise of due\n    diligence, have been avoided in whole or in part by the party,\n    including, without limitation: any act of God, natural disaster,\n    pandemics, epidemics, war, riot, blockade, insurrection, terrorism,\n    sabotage, denial of service attacks (including, but not limited to,\n    state or nation-sponsored denial of service attacks), virus or\n    hacking attacks for which there is no commercially reasonable, known\n    solution (including, but not limited to, intentional/targeted\n    hacking by or on behalf of nation states), acts of public enemies,\n    civil disturbances or general restraint or arrest of government and\n    people, boycott, strike (including a general strike), lockout,\n    failure in electrical power or telecommunication services, or other\n    similar industrial disturbance.\n16.  U.S. Government. Any software incorporated in the Services and its\n    accompanying Documentation are “commercial computer software” and\n    “commercial computer software documentation,” as such terms are used\n    in 48 C.F.R. 12.212, and may only be provided to or obtained by the\n    United States government (1) for acquisition by or on behalf of\n    civilian agencies, consistent with the policy set forth in 48 C.F.R.\n    12.212; or (2) for acquisition by or on behalf of units of the\n    Department of Defense, consistent with the policies set forth in 48\n    C.F.R. 227-7201.1 and 227.7202-3. If a government agency needs\n    additional rights, it must negotiate a mutually acceptable written\n    addendum to this CAA specifically granting those rights.\n17.  Third-Party Software. The AAI software incorporated in the Services\n    contains and is distributed with third-party and open source\n    software that is covered by a different license. AAI’s obligations\n    set forth in this CAA do not extend to any such open source\n    software. Customer agrees that all such open source software shall\n    be and shall remain subject to the terms and conditions under which\n    it is provided. Any such open source software, and the notices,\n    license terms and disclaimers applicable to such open source\n    software shall be identified to Customer by email, website\n    identification or a notice visible within the Services.\n18. General Provisions.\n    1.  Governing Law. This CAA is governed by the laws of the State of\n        California, without regard to its conflict of laws principles.\n        The parties agree that the United Nations Convention on\n        Contracts for the International Sale of Goods and the Uniform\n        Computer Information Transactions Act shall not apply to this\n        CAA. The parties submit to exclusive jurisdiction and venue in\n        an appropriate court sitting in Santa Clara County, California,\n        USA.\n\n    2.  Notices. All notices related to this CAA shall be made in\n        writing in English and shall be effective upon (a) personal\n        delivery, (b) the second business day after mailing (or, if\n        posted internationally, the fifth business day after mailing),\n        and (c) the day of emailing (provided that notices of\n        termination and indemnifiable claims shall also be sent by the\n        processes described in (a) and (b) in addition to email).\n        Notices sent to AAI shall be addressed to: 633 River Oaks\n        Parkway, San Jose,‎ CA‎ 95134 U.S.A., ATTN: General Counsel,\n        and/or emailed to:\n        [[email protected]](/cdn-cgi/l/email-protection#2d41484a4c41434259444e485e6d4c585942404c594442434c43545a45485f48034e4240).\n        Notices sent to Customer shall be sent to the Customer address\n        on the applicable Order Form, unless Customer has notified AAI\n        of another address in accordance with this Section. Any notice\n        given in conformance with this Section shall be effective upon\n        actual delivery or refusal of delivery.\n\n    3.  Assignment. Neither party may assign this CAA or any right or\n        obligation hereunder without the other party’s prior written\n        consent; provided, however that AAI may assign this CAA to a\n        subsidiary or Affiliate or a successor in interest in case of a\n        merger or acquisition of AAI or in case of a transfer of all or\n        substantially all of its assets, or the assets of a major\n        division, to another entity. This CAA will be binding upon and\n        inure to the benefit of the parties hereto and their respective\n        successors and assigns.\n\n    4.  Third-Party Beneficiaries/Independent Contractors.No person or\n        entity other than the parties hereto will have any right to\n        enforce or seek enforcement of this CAA. There are no\n        third-party beneficiaries to this CAA. Each party will perform\n        its obligations hereunder as an independent contractor and not\n        as an agent or representative of the other party. Nothing in\n        this CAA will be deemed or construed as creating a partnership,\n        joint venture, or any similar relationship between the parties.\n\n    5.  Entire Agreement/Order of Precedence. This CAA, together with\n        applicable Order Forms, the documents linked hereto and any\n        exhibit(s) (as applicable) referenced herein, constitutes the\n        entire understanding between Customer and AAI with respect to\n        the subject matter hereof. No terms or conditions set forth in\n        any purchase order or other document provided by Customer to AAI\n        shall be part of any agreement between AAI and Customer unless\n        specifically accepted by AAI in writing. In the event of a\n        conflict between the terms of this CAA and the terms of an Order\n        Form (other than payment terms), a document linked hereto or any\n        exhibit(s) (as applicable) referenced herein, the terms of this\n        CAA shall take precedence and control unless the Order Form or\n        other document explicitly references and overrides a provision\n        of this CAA.\n\n    6.  Modification/Waiver/Severability. No modification of this CAA\n        will be binding, unless in writing and signed by an authorized\n        representative of each party. Any express waiver or failure to\n        exercise promptly any right under this CAA will not create a\n        continuing waiver or any expectation of non-enforcement. If any\n        provision of this CAA shall for any reason be held illegal or\n        unenforceable, such provision shall be deemed severable from the\n        remaining provisions of this CAA and shall in no way affect or\n        impair the validity or enforceability of the remaining\n        provisions of this CAA, unless such omission would frustrate the\n        intent of the parties, in which case this CAA may be reformed to\n        give effect to the other provisions hereof.\n\n19. South Korean-specific Provisions. For Customers or Affiliates\n    located in the Republic of Korea, the following provisions apply and\n    prevail to the extent of any inconsistency over the remaining\n    Sections of this CAA:\n\n    1.  General Provisions. Section 18.1 is deleted in its entirety and\n        replaced with the following:\n\n\n    18.1     Governing Law. This CAA is governed by the laws of the\n    State of California, without regard to its conflict of laws\n    principles. The parties agree that the United Nations Convention on\n    Contracts for the International Sale of Goods and the Uniform\n    Computer Information Transactions Act shall not apply to this CAA.\n    As for any disputes arising out of and/or from the CAA, the parties\n    shall agree on the competent jurisdiction; provided that if the\n    parties cannot reach an agreement on a competent jurisdiction, the\n    parties shall comply with Korean Civil Procedure Law for this\n    limited purpose.\n\nThis CAA is effective as of February 26, 2021 and replaces and\nsupersedes the versions effective as of March 27, 2020 and September 27,\n2019.\n`\n","import { action, observable, computed } from 'mobx'\nimport api from 'lib/Api'\n\nclass ClientDashboardStore {\n  @observable currentCard = null\n\n  @observable isLoading = true\n\n  @observable dashboardCards = new Map()\n\n  @computed get dashboardCardsArray() {\n    return Array.from(this.dashboardCards.values()).sort((a, b) => new Date(b.updatedAt) - new Date(a.updatedAt))\n  }\n\n  @observable visList = []\n\n  @observable tags = []\n\n  @observable uploadsList = []\n\n  @action\n  removeVis = async visId => {\n    const visIndex = this.visList.findIndex(vis => vis.id === visId)\n    this.visList.splice(visIndex, 1)\n    await api.delete(`/dashboard_cards/${this.currentCard.id}/remove_visualization`, { graphId: visId })\n\n    //we need to update the vis list and the aaplication's list\n    //TODO will consider performance at another time\n    return this.fetchCard(this.currentCard.id)\n  }\n\n  @action\n  addVis = async visData => {\n    const { data } = await api.post(`/dashboard_cards/${this.currentCard.id}/add_visualization`, visData)\n    this.visList.push(data)\n\n    //we need to update the vis list and the aaplication's list\n    //TODO will consider performance at another time\n    this.fetchCard(this.currentCard.id)\n    return data\n  }\n\n  @action\n  updateUploadsList = async file => {\n    if (file) {\n      this.uploadsList = [...new Set([file, ...this.uploadsList])]\n      return this.uploadsList\n    }\n    const { data } = await api.get(`/dashboard_cards/${this.currentCard.id}`)\n    this.uploadsList = data.dashboardCard.files\n    return data.dashboardCard.files\n  }\n\n  @action\n  removeUpload = async uploadId => {\n    this.uploadsList = this.uploadsList.filter(file => file.id !== uploadId)\n    const { data } = await api.delete(`/dashboard_cards/${this.currentCard.id}/delete_file`, {\n      file_id: uploadId,\n    })\n\n    this.uploadsList = data.dashboardCard.files\n\n    return this.uploadsList\n  }\n\n  @action\n  attachUpload = async file => {\n    const { data } = await api.post(`/dashboard_cards/${this.currentCard.id}/attach_file`, {\n      fileId: file.id,\n    })\n    this.updateUploadsList(data)\n    return data\n  }\n\n  @action\n  setCurrentCard = (cardId, cardData) => {\n    const prevCard = this.currentCard\n    this.currentCard = cardData || this.dashboardCards.get(cardId)\n    return [this.currentCard, prevCard]\n  }\n\n  @action\n  addDashboardCard = async cardData => {\n    const {\n      data: { dashboardCard },\n    } = await api.post('/dashboard_cards', cardData)\n\n    this.dashboardCards.set(dashboardCard.id, dashboardCard)\n\n    return dashboardCard\n  }\n\n  @action\n  fetchTags = async () => {\n    const { data } = await api.get('/tags/filters', { taggable_type: 'DashboardCard' })\n    this.tags = data\n    return this.tags\n  }\n\n  @action\n  fetchCards = async () => {\n    const { data } = await api.get('/dashboard_cards')\n    if (data.dashboardCards.length) {\n      data.dashboardCards.forEach(card => {\n        this.dashboardCards.set(card.id, { ...card })\n      })\n    }\n    this.isLoading = false\n    return this.dashboardCardsArray\n  }\n\n  @action\n  fetchCard = async cardId => {\n    const { data } = await api.get(`/dashboard_cards/${cardId}`)\n    this.currentCard = data.dashboardCard\n    this.visList = data.dashboardCard.graphs\n    this.uploadsList = data.dashboardCard.files\n  }\n\n  @action\n  deleteCard = async cardId => {\n    await api.delete(`/dashboard_cards/${cardId}`)\n    this.fetchTags()\n    this.dashboardCards.delete(cardId)\n  }\n\n  @action\n  fetchGraphProcesses = visType => {\n    return api.get('/graph_processes/search', { vis_type: visType })\n  }\n}\n\nexport default new ClientDashboardStore()\n","import React, { useState } from 'react'\nimport { string } from 'prop-types'\nimport { Card, Dropdown, Icon, useFela } from '@fortressiq/fiq-ds'\n\nimport Can from 'components/can/Can'\n\nimport { cardCSS, titleCSS, titleRowCSS } from './processViewDashboard/styles'\n\nconst DetailCard = ({ title, menu, children }) => {\n  const { css, theme } = useFela()\n  const [visible, setIsVisible] = useState(false)\n\n  return (\n    <Card className={css(cardCSS)} paddedContent={false}>\n      <div className={css(titleRowCSS)}>\n        <span className={css(titleCSS)}>{title}</span>\n        {menu && (\n          <Can perform='/client-dashboard/:id:detail-menu'>\n            <Dropdown overlay={menu} id={`client-dash-${title}`} trigger={{ type: 'click' }}>\n              <Icon clickable={true} color={theme['link-color']} icon='cog' onClick={() => setIsVisible(!visible)} />\n            </Dropdown>\n          </Can>\n        )}\n      </div>\n      <div className={css({ padding: theme['default-spacer-md'] })}>{children}</div>\n    </Card>\n  )\n}\n\nDetailCard.propTypes = {\n  title: string,\n}\n\nDetailCard.defaultProps = {\n  title: '',\n}\n\nexport default DetailCard\n","import React from 'react'\nimport css from './detailsStyle.scss'\n\nconst Details = ({ details }) => <div className={css.details}>{details.filter(Boolean).join(' | ')}</div>\n\nexport default Details\n","import { shallow } from 'enzyme'\nimport React from 'react'\n\nimport Details from '../Details'\n\nconst details = ['First Detail', 'Second Detail']\n\ndescribe('Details component', () => {\n  it('should render without throwing an error', () => {\n    const component = shallow(<Details details={details} />)\n    expect(component).toMatchSnapshot()\n    expect(() => component).not.toThrow()\n  })\n  it('should filter falsey values', () => {\n    const component = shallow(<Details details={[...details, null, undefined, false]} />)\n    expect(component.text()).toBe('First Detail | Second Detail')\n  })\n})\n","import React, { Fragment, useState } from 'react'\nimport { useGetSet } from 'react-use'\n\nimport { Button, ButtonGroup, Element, Input, Label, Select, theme } from '@fortressiq/fiq-ds'\nimport { cardTypes } from './constants'\nimport store from '../ClientDashboardStore'\n\nconst AddProcessModal = ({ removeModal, modalID }) => {\n  const [isSaving, setSaveState] = useState(false)\n  const [getIsvalidForm, setIsValidForm] = useGetSet(false)\n\n  const selectOptions = cardTypes.map(type => ({ value: type, label: type }))\n\n  const defaultState = { type: cardTypes[0], name: '' }\n\n  const [get, set] = useGetSet(defaultState)\n\n  const handleCancel = () => {\n    set(defaultState)\n    removeModal(modalID)\n  }\n\n  const handleOk = () => {\n    if (getIsvalidForm()) {\n      const newData = get()\n      setSaveState(true)\n\n      store\n        .addDashboardCard(newData)\n        .then(set(defaultState))\n        .finally(() => setSaveState(false))\n      removeModal(modalID)\n    }\n  }\n\n  const checkValidForm = () => {\n    const form = get()\n    if (form.type && form.name) {\n      setIsValidForm(true)\n      return\n    }\n    setIsValidForm(false)\n  }\n\n  return (\n    <Fragment>\n      <Label htmlFor='type'>Card Type</Label>\n      <Select\n        defaultValue={selectOptions[0]}\n        name='type'\n        onChange={({ value }) => {\n          set({ ...get(), type: value })\n          checkValidForm()\n        }}\n        options={selectOptions}\n        placeholder='Select a Card Type...'\n        style={{ marginBottom: theme['default-spacer-sm'] }}\n      />\n      <Input\n        autoFocus={true}\n        label='Card Name'\n        name='name'\n        onChange={({ target: { value } }) => {\n          set({ ...get(), name: value })\n          checkValidForm()\n        }}\n        onEnter={handleOk}\n      />\n      <Element as='span' style={{ marginBottom: theme['default-spacer-xs'], marginTop: theme['default-spacer-lg'] }}>\n        <ButtonGroup>\n          <Button onClick={handleCancel}>Cancel</Button>\n          <Button type='secondary' loading={isSaving} onClick={handleOk} disabled={!getIsvalidForm()}>\n            Add Process\n          </Button>\n        </ButtonGroup>\n      </Element>\n    </Fragment>\n  )\n}\n\nexport default AddProcessModal\n","import React, { Fragment, useCallback, useMemo, useState } from 'react'\nimport { Button, Element, helpers, Overlay, theme, Tooltip, useFela, useModal } from '@fortressiq/fiq-ds'\nimport classNames from 'classnames'\nimport { observer } from 'mobx-react'\n\nimport Can from 'components/can/Can'\nimport store from '../ClientDashboardStore'\n\nimport AddProcessModal from './AddProcessModal'\n\nimport { dropdownContainerCSS, menuLinkCSS } from '../../header/styles'\n\nconst AdminMenu = observer(() => {\n  const [showing, setShowing] = useState(false)\n  const { css } = useFela()\n  const { addModal, removeModal } = useModal()\n  const modalID = 'client-dashboard-add-process-modal'\n\n  const modalMenuItem = useMemo(() => {\n    return {\n      icon: 'add',\n      onClick: () => {\n        setShowing(false)\n\n        addModal({\n          children: <AddProcessModal removeModal={removeModal} modalID={modalID} />,\n          header: 'Add New Process',\n          id: modalID,\n          footer: false,\n          config: { interactWithKeyboard: { closeOnEnter: false, closeOnEscape: true } },\n        })\n      },\n      name: 'Add New Process',\n      type: 'Process',\n    }\n  }, [addModal, removeModal])\n\n  const menu = [modalMenuItem, ...store.dashboardCardsArray]\n\n  const trigger = {\n    showing: showing,\n    setShowing: setShowing,\n    text: 'Menu',\n    width: 'auto',\n    type: 'default',\n  }\n  const height = 32\n  const heights = {\n    height: height * 6,\n  }\n  const widths = {\n    min: 200,\n    max: 440,\n    width: 'auto',\n  }\n  const placement = {\n    overflow: {\n      adjustX: true,\n      adjustY: true,\n    },\n    points: ['br', 'tr'],\n    targetOffset: [0, 8],\n    useCssTransform: false,\n  }\n\n  const config = {\n    disableOutsideClick: false,\n    trigger: {\n      button: {\n        style: {\n          borderRadius: theme['default-spacer-xs'],\n        },\n      },\n      icons: {\n        prefix: {\n          icon: 'cog',\n          size: 14,\n        },\n      },\n    },\n    content: {\n      style: {\n        background: theme.white,\n        borderBottomLeftRadius: theme['default-spacer-sm'],\n        borderBottomRightRadius: theme['default-spacer-sm'],\n        border: `1px solid ${theme['table-border-color']}`,\n        position: 'absolute',\n        overflow: 'auto',\n        '& .fiqds-overlay-dropdown': { border: 'none' },\n      },\n    },\n  }\n  const widthCSS = { width: helpers.formatString(widths.width) }\n\n  const content = (\n    <nav className={classNames('fiqds-overlay-dropdown', css(dropdownContainerCSS))} style={widthCSS}>\n      {menu.map(({ icon, id, name, onClick, type }, i) => {\n        const otherClick = type === 'Asset' ? () => store.removeUpload(id) : () => store.deleteCard(id)\n        const tooltipText = `Delete ${name || '\"Unnamed\"'}`\n\n        return (\n          <Tooltip\n            disabled={icon}\n            key={`${name}-${i}`}\n            mouseEnterDelay={600}\n            placement='left-center'\n            title={icon ? '' : tooltipText}\n          >\n            <Button\n              className={classNames([css(menuLinkCSS), 'fiqds-overlay-dropdown-menuitem-text'])}\n              onClick={onClick || otherClick}\n              style={widthCSS}\n              suffixIcon={true}\n              suffixIconProps={{ icon: icon || 'trash', size: 16 }}\n              type='link'\n            >\n              {name || <Element style={{ color: theme['gray-tints-0'], fontStyle: 'italic' }}>Unnamed</Element>}\n            </Button>\n          </Tooltip>\n        )\n      })}\n    </nav>\n  )\n\n  return (\n    <Can perform='/client-dashboard:open-admin-menu'>\n      <Overlay\n        closeIcon={false}\n        config={config}\n        content={content}\n        heights={heights}\n        id='add-process-overlay'\n        noPadding={true}\n        placement={placement}\n        trigger={trigger}\n        widths={widths}\n      />\n    </Can>\n  )\n})\n\nexport default AdminMenu\n","import React, { useEffect, useState } from 'react'\nimport { observer } from 'mobx-react'\n\nimport { useFela, Typography, Spin } from '@fortressiq/fiq-ds'\n\nimport Main from 'components/main/Main'\n\nimport AdminMenu from './AdminMenu'\nimport DashboardCard from './dashboardCard/DashboardCard'\nimport TagsFilter from './TagsFilter'\n\nimport store from '../ClientDashboardStore'\nimport { useHeaderDispatch } from '../../header/HeaderContext'\n\nimport { containerCss, cardContainerCss } from '../processViewDashboard/styles/dashboard.js'\n\nconst pageTitle = 'Client Dashboard'\n\nconst { Title } = Typography\n\nconst Dashboard = observer(() => {\n  const { css } = useFela()\n\n  const [filterTags, setFilterTags] = useState([])\n  const headerDispatch = useHeaderDispatch()\n\n  useEffect(() => {\n    store.fetchCards()\n    store.fetchTags()\n  }, [])\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      title: pageTitle,\n      heading: pageTitle,\n      toolbarActions: [<AdminMenu key='admin-menu' />],\n    })\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch])\n\n  const visibleCards = store.dashboardCardsArray.filter(projectCardProps => {\n    if (filterTags.length !== 0) {\n      const tagsInCard = projectCardProps.tags?.map(tag => tag.id)\n      if (!filterTags.every(e => tagsInCard?.includes(e))) {\n        return false\n      }\n    }\n    return true\n  })\n\n  const deactivateDeletedTag = () => {\n    if (filterTags.length !== 0) {\n      // if user delete an active filter, deactivate the filter\n      const tagIds = store.tags.map(tag => tag.value)\n      setFilterTags(filterTags.filter(tag => tagIds.includes(tag)))\n    }\n  }\n\n  return (\n    <Main className={css(containerCss)}>\n      <Title level={5}>Tags</Title>\n      <TagsFilter filterTags={filterTags} setFilterTags={setFilterTags} />\n      <Title level={5}>Processes</Title>\n      <div className={css(cardContainerCss)}>\n        {store.isLoading && visibleCards.length === 0 && <Spin>Loading</Spin>}\n        {!store.isLoading && visibleCards.size && <Spin>No processes currently added.</Spin>}\n        {visibleCards.map(projectCardProps => (\n          <DashboardCard\n            key={`dashboard-card-${projectCardProps.id}`}\n            deactivateDeletedTag={deactivateDeletedTag}\n            {...projectCardProps}\n          />\n        ))}\n      </div>\n    </Main>\n  )\n})\n\nexport default Dashboard\n","import React from 'react'\nimport { observer } from 'mobx-react'\nimport { Button, Row, Col, theme, Spin } from '@fortressiq/fiq-ds'\n\nimport store from '../ClientDashboardStore'\n\nconst tagButtonStyle = active => ({\n  background: active ? theme['nav-btn-selected-bg'] : theme.white,\n  ...(active && {\n    borderColor: theme['contrast-blue'],\n    '&:hover': {\n      borderColor: theme['contrast-blue'],\n      background: theme['nav-btn-selected-bg'],\n    },\n    '&:focus': {\n      borderColor: theme['contrast-blue'],\n    },\n  }),\n})\n\nconst TagsFilter = observer(({ filterTags, setFilterTags }) => {\n  const onChange = tag => {\n    if (filterTags.includes(tag)) {\n      setFilterTags(filterTags.filter(t => t !== tag))\n    } else {\n      setFilterTags([...filterTags, tag])\n    }\n  }\n\n  return (\n    <Row type='flex' style={{ marginBottom: theme['default-spacer-lg'] }}>\n      {store.isLoading && store.tags.length === 0 && <Spin>Loading&hellip;</Spin>}\n      {!store.isLoading && store.tags.length === 0 && 'No Tags Currently'}\n      {store.tags.map(tag => {\n        const active = filterTags.includes(tag.value)\n        const { label, value } = tag\n\n        return (\n          <Col key={`tag-button-${tag.value}`}>\n            <Button flat='true' style={tagButtonStyle(active)} onClick={() => onChange(value)}>\n              {label}\n            </Button>\n          </Col>\n        )\n      })}\n    </Row>\n  )\n})\n\nexport default TagsFilter\n","/* eslint-disable import/prefer-default-export */\nexport const cardTypes = ['Process']\n","import React from 'react'\nimport { withRouter } from 'react-router-dom'\n\nimport { Button, Card, ApplicationIcon, get, Group, Typography, Row, Col, theme, useFela } from '@fortressiq/fiq-ds'\nimport Details from 'app/client_dashboard/Details'\nimport localizer from 'lib/Localizer'\nimport Tags from 'components/tags/Tags'\n\nimport store from '../../ClientDashboardStore'\n\nimport { content, nameContainer, plusApp, title } from './styles'\n\nconst { Text } = Typography\n\nconst ApplicationIcons = ({ applications }) => {\n  const [pre, post] = [applications.slice(0, 2), applications.slice(2, applications.length)]\n  const { css } = useFela()\n\n  return (\n    <Group gutter={get.numericValues('spacer').xs}>\n      {!!pre.length &&\n        pre.map((app, index) => <ApplicationIcon key={`app-icon-${index}`} name={app.display_name} size={32} />)}\n      {!!post.length && <span className={css(plusApp)}>+ {post.length}</span>}\n    </Group>\n  )\n}\n\nconst DashboardCard = ({\n  id,\n  cardType,\n  name,\n  updatedAt,\n  updatedBy,\n  applications,\n  history,\n  tags,\n  deactivateDeletedTag,\n}) => {\n  const { css } = useFela()\n\n  return (\n    <Card\n      actions={[\n        <Button\n          key='card-action'\n          onClick={() => {\n            store.currentCard = null\n            history.push(`/client-dashboard/${id}`)\n          }}\n          size='small'\n        >\n          View Details\n        </Button>,\n      ]}\n      actionsStyle={{\n        column: {\n          justifyContent: 'flex-end',\n        },\n      }}\n      style={{\n        minHeight: '200px',\n        width: '320px',\n      }}\n    >\n      <div className={css(content)}>\n        <span className={css(title)}>{cardType}</span>\n        <div className={css(nameContainer)}>{name}</div>\n        <Details details={[updatedAt && `Last Updated ${localizer.asShortestDateTime(updatedAt)}`]} />\n        <Details details={[updatedBy && `By ${updatedBy}`]} />\n        <Row\n          type='flex'\n          style={{ flexFlow: 'row', marginTop: theme['default-spacer-sm'], minHeight: '22px' }}\n          align='flex-start'\n        >\n          <Col>\n            <Text>Tags:</Text>\n          </Col>\n          <Col>\n            <Tags\n              key={`tags-${id}`}\n              taggableType='dashboardCard'\n              taggableId={id}\n              tags={tags}\n              onTagsUpdate={async e => {\n                await store.fetchCards()\n                await store.fetchTags()\n                if (!e) {\n                  deactivateDeletedTag()\n                }\n              }}\n            />\n          </Col>\n        </Row>\n        <Group gutter={3} style={{ margin: `${theme['default-spacer-sm']} 0` }}>\n          <ApplicationIcons applications={applications || []} />\n        </Group>\n      </div>\n    </Card>\n  )\n}\n\nDashboardCard.defaultProps = {\n  applications: [],\n  cardType: 'Process',\n}\n\nexport default withRouter(DashboardCard)\n","/* eslint-disable import/prefer-default-export */\nimport { theme } from '@fortressiq/fiq-ds'\n\nexport const plusApp = () => ({\n  color: theme['legacy-color-gray3'],\n})\n\nexport const content = () => ({\n  display: 'flex',\n  flexDirection: 'column',\n  padding: theme['default-spacer-md'],\n})\n\nexport const title = () => ({\n  color: theme['legacy-color-blue'],\n  fontSize: theme['font-size-base'],\n  fontWeight: '600',\n})\n\nexport const nameContainer = () => ({\n  fontSize: '15px',\n  marginTop: theme['default-spacer-sm'],\n  overflowWrap: 'anywhere',\n})\n","/* eslint-disable import/prefer-default-export */\n\nexport const dashboardHeaderTitleCSS = ({ theme }) => ({\n  fontSize: '20px !important',\n  marginTop: theme['default-spacer-sm'],\n})\n\nexport const overlayTriggerCSS = ({ theme }) => ({\n  width: '90px',\n  position: 'absolute',\n  right: `-${theme['default-spacer-md']}`,\n  top: '12px',\n})\n","import React from 'react'\nimport { observer } from 'mobx-react'\n\nimport { ApplicationIcon, Group, Typography } from '@fortressiq/fiq-ds'\nimport DetailCard from '../../DetailCard'\n\nimport store from '../../ClientDashboardStore'\n\nconst AppsCard = observer(() => {\n  const { currentCard } = store\n\n  return (\n    <DetailCard title='Applications'>\n      {(!currentCard.applications || currentCard.applications.length === 0) && (\n        <Typography.Text disabled={true}>No Applications Added</Typography.Text>\n      )}\n      {currentCard.applications &&\n        currentCard.applications.map((app, index) => {\n          return (\n            <Group gutter={8} style={{ marginBottom: '8px' }} key={index}>\n              <ApplicationIcon name={app.display_name} size={27} />\n              <span>{app.display_name}</span>\n            </Group>\n          )\n        })}\n    </DetailCard>\n  )\n})\n\nexport default AppsCard\n","import React, { Fragment } from 'react'\nimport { Button, useFela } from '@fortressiq/fiq-ds'\n\nimport dashCardCss from '../detailCardStyle.scss'\nimport Details from '../Details'\n\nimport { detailsColCss, nameCss, flexRowCss } from './styles/cardListing'\n\nconst CardListing = ({ title, name, details, buttonText, buttonComponent: ButtonComponent, viewUrl }) => {\n  const { css } = useFela()\n\n  return (\n    <Fragment>\n      <div className={dashCardCss.title}>{title}</div>\n      <div className={css(flexRowCss)}>\n        <div className={css(detailsColCss)}>\n          <div className={css(nameCss)}>{name}</div>\n          <Details details={details} />\n        </div>\n        {ButtonComponent ? (\n          <ButtonComponent />\n        ) : (\n          <Button href={viewUrl} target='_blank'>\n            {buttonText}\n          </Button>\n        )}\n      </div>\n    </Fragment>\n  )\n}\n\nCardListing.defaultProps = {\n  title: '',\n  name: '--',\n  details: '--',\n  buttonText: 'View',\n}\n\nexport default CardListing\n","import React, { useEffect } from 'react'\nimport { observer } from 'mobx-react'\nimport { withRouter } from 'react-router-dom'\nimport { useFela } from '@fortressiq/fiq-ds'\n\nimport LoadingContainer from 'components/LoadingContainer'\nimport Main from 'components/main/Main'\nimport api from 'lib/Api'\n\nimport DashboardHeader from './DashboardHeader'\nimport AppsCard from './AppsCard/AppsCard'\nimport VisualizationCard from './VisualizationCard/VisualizationCard'\nimport UploadsCard from './UploadsCard/UploadsCard'\n\nimport store from '../ClientDashboardStore'\nimport { useHeaderDispatch } from '../../header/HeaderContext'\nimport { containerCss, cardContainerCss } from './styles/dashboard'\n\nconst pageTitle = 'Client Dashboard \\u2014 Process Details'\n\nconst Dashboard = observer(\n  ({\n    match: {\n      params: { id: cardId },\n    },\n  }) => {\n    const { css } = useFela()\n    const { currentCard } = store\n    const headerDispatch = useHeaderDispatch()\n\n    useEffect(() => {\n      store.fetchCard(cardId)\n    }, [cardId])\n\n    useEffect(() => {\n      headerDispatch({\n        type: 'set',\n        title: pageTitle,\n        heading: pageTitle,\n      })\n\n      return () => {\n        headerDispatch({\n          type: 'clear',\n        })\n      }\n    }, [headerDispatch])\n\n    const updateCard = async details => {\n      const {\n        data: { dashboardCard },\n      } = await api.patch(`/dashboard_cards/${currentCard.id}`, details)\n      store.setCurrentCard(currentCard.id, dashboardCard)\n    }\n\n    const handleOk = newVisData => store.addVis(newVisData)\n\n    return (\n      <LoadingContainer loading={!currentCard}>\n        <DashboardHeader\n          id={currentCard ? currentCard.id : null}\n          name={currentCard ? currentCard.name : '--'}\n          tags={currentCard?.tags}\n          note={currentCard?.notes}\n          update={updateCard}\n        />\n\n        <Main className={css(containerCss)}>\n          <div className={css(cardContainerCss)}>\n            <VisualizationCard onOk={handleOk} />\n            <UploadsCard />\n            <AppsCard />\n          </div>\n        </Main>\n      </LoadingContainer>\n    )\n  }\n)\n\nexport default withRouter(Dashboard)\n","import React, { useEffect, useRef, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { Link, useHistory, withRouter } from 'react-router-dom'\nimport { Helmet } from 'react-helmet-async'\n\nimport {\n  Button,\n  Col,\n  Element,\n  Group,\n  Heading,\n  Icon,\n  Input,\n  Row,\n  SwitchView,\n  TextArea,\n  theme,\n  Tooltip,\n  Typography,\n  useFela,\n} from '@fortressiq/fiq-ds'\n\nimport UiStore from 'lib/UiStore'\nimport FixedHeader from 'components/headers/FixedHeader'\nimport Can from 'components/can/Can'\nimport Tags from 'components/tags/Tags'\n\nimport {\n  headerContainerCSS,\n  headerH1CSS,\n  headerLinkCSS,\n  notesWrapperCSS,\n  removeButtonCSS,\n  tagsWrapperCSS,\n} from './styles/dashboard'\n\nimport store from '../ClientDashboardStore'\n\nconst { Paragraph, Text } = Typography\n\nconst DashboardHeader = ({ id, name, tags, note, update }) => {\n  const { css } = useFela()\n  const [formName, setFormName] = useState(name)\n  const [formNote, setFormNote] = useState(note)\n  const [showInput, setShowInput] = useState(false)\n  const [showInputNotes, setShowInputNotes] = useState(false)\n  const history = useHistory()\n  const removeCardHandler = () => {\n    history.push('/client-dashboard')\n    store.deleteCard(store.currentCard.id)\n    store.fetchTags()\n  }\n  const dashboardTitle = `${UiStore.tenant.name} Dashboard`\n\n  const inputRef = useRef(null)\n  const inputNotesRef = useRef(null)\n\n  useEffect(() => {\n    // If editing\n    if (showInput) {\n      // Wait for the switch animation to finish\n      setTimeout(() => {\n        // Focus input\n        inputRef.current.focus()\n        // Select input contents\n        inputRef.current.select()\n      }, 500)\n    }\n  }, [showInput])\n\n  const updateName = e => {\n    e.preventDefault()\n    update({\n      name: formName,\n    })\n    setShowInput(false)\n  }\n\n  const saveNote = e => {\n    e.preventDefault()\n    update({\n      notes: formNote,\n    })\n    setShowInputNotes(false)\n  }\n\n  const handleChangeFormName = e => {\n    setFormName(e.target.value)\n  }\n\n  const handleChangeNote = e => {\n    setFormNote(e.target.value)\n  }\n\n  const iconSize = 14\n\n  const editNameForm = (\n    <form onSubmit={updateName}>\n      <Group align='middle' gutter={4} justify='flex-start' style={{ marginTop: theme['default-spacer-sm'] }}>\n        <Input ref={inputRef} type='text' value={formName} onChange={handleChangeFormName} size='small' />\n        <Tooltip placement='right-center' title='Save Name'>\n          <Icon\n            after={true}\n            clickable={true}\n            color={theme['link-color']}\n            icon='save'\n            onClick={updateName}\n            size={iconSize}\n          />\n        </Tooltip>\n      </Group>\n    </form>\n  )\n\n  const doShowNoteForm = () => {\n    setShowInputNotes(true)\n    // Wait for the switch animation to finish\n    setTimeout(() => {\n      // Focus input\n      inputNotesRef.current.focus()\n    }, 500)\n  }\n\n  const DashboardHeaderName = (\n    <Heading level={1} style={headerH1CSS}>\n      {name}\n      <Can perform='/client-dashboard/:id:edit-name'>\n        <Tooltip placement='right-center' title='Edit Name'>\n          <Icon\n            after={true}\n            clickable={true}\n            color={theme['link-color']}\n            icon='edit'\n            onClick={() => setShowInput(true)}\n            size={iconSize}\n          />\n        </Tooltip>\n      </Can>\n    </Heading>\n  )\n\n  const Notes = (\n    <Element className={css({ display: 'flex' })}>\n      <Tooltip placement='right-center' title='Set Note'>\n        <Icon\n          after={true}\n          clickable={true}\n          className={css({ alignSelf: 'flex-start', marginTop: '4px' })}\n          color={theme['link-color']}\n          icon='edit'\n          onClick={doShowNoteForm}\n          size={iconSize}\n        />\n      </Tooltip>\n      <Paragraph className={css({ margin: '0 16px' })}>{note}</Paragraph>\n    </Element>\n  )\n\n  const editNote = (\n    <form onSubmit={saveNote}>\n      <Row type='flex' className={css({ flexFlow: 'row' })} align='flex-start' noOfCols={12}>\n        <Col span={11}>\n          <TextArea\n            ref={inputNotesRef}\n            value={formNote}\n            onChange={handleChangeNote}\n            containerProps={{ style: { width: '100%' } }}\n            style={{ resize: 'none' }}\n          />\n        </Col>\n        <Col>\n          <Tooltip placement='right-center' title='Save Note'>\n            <Icon\n              after={true}\n              clickable={true}\n              color={theme['link-color']}\n              icon='save'\n              onClick={saveNote}\n              size={iconSize}\n            />\n          </Tooltip>\n        </Col>\n      </Row>\n    </form>\n  )\n\n  return (\n    <FixedHeader helmetTitle='Process Name'>\n      <Helmet defer={false}>\n        <title>\n          {name} - {dashboardTitle} - Process Discovery\n        </title>\n      </Helmet>\n      <Element style={headerContainerCSS}>\n        <Element style={headerLinkCSS}>\n          <Link className='backToIndex' to='/client-dashboard'>\n            {dashboardTitle}\n          </Link>\n          <SwitchView defaultView={DashboardHeaderName} switchTo={editNameForm} switchView={showInput} />\n        </Element>\n        <Can perform='/client-dashboard/:id:delete-process-card'>\n          <RemoveCardButton onClick={removeCardHandler} />\n        </Can>\n      </Element>\n      {tags && (\n        <Element style={tagsWrapperCSS}>\n          <Row type='flex' style={{ flexFlow: 'row' }} align='flex-start'>\n            <Col>\n              <Text>Tags:</Text>\n            </Col>\n            <Col>\n              <Tags\n                key={`tags-${id}`}\n                taggableType='dashboardCard'\n                taggableId={id}\n                tags={tags}\n                onTagsUpdate={() => store.fetchCards()}\n              />\n            </Col>\n          </Row>\n        </Element>\n      )}\n      <Element style={notesWrapperCSS}>\n        <Row type='flex' className={css({ flexFlow: 'row' })} align='flex-start'>\n          <Col>\n            <Text>Notes:</Text>\n          </Col>\n          <Col>\n            <SwitchView defaultView={Notes} switchTo={editNote} switchView={showInputNotes} />\n          </Col>\n        </Row>\n      </Element>\n    </FixedHeader>\n  )\n}\n\nconst RemoveCardButton = ({ onClick }) => (\n  <Button onClick={onClick} className={removeButtonCSS}>\n    Remove\n  </Button>\n)\n\nDashboardHeader.propTypes = {\n  note: PropTypes.string.isRequired,\n  update: PropTypes.func.isRequired,\n}\n\nexport default withRouter(DashboardHeader)\n","import React from 'react'\nimport { Element, Icon, Menu, MenuItem, Popconfirm, theme, Typography, useFela } from '@fortressiq/fiq-ds'\nimport { array, func, string } from 'prop-types'\n\nimport store from '../../ClientDashboardStore'\n\nimport { menuCss } from './styles'\n\nconst { Text } = Typography\n\nconst AddObjectButton = ({ action, dark, type }) => (\n  <MenuItem\n    dark={dark}\n    onClick={action}\n    suffixIcon={{ icon: 'add', size: 12, color: dark ? theme.white : theme.black }}\n  >\n    {type}\n  </MenuItem>\n)\n\nconst MenuRow = ({ dark, item: { id, displayName, name, type }, onClick }) => {\n  const displayText = `${displayName || name} | ${type}`\n  const title = `Remove ${displayText} from this Dashboard?`\n\n  return (\n    <MenuItem\n      key={id}\n      onClick={e => {\n        // needed to have child button event fire\n        e.stopPropagation()\n      }}\n      tooltip={{\n        mouseEnterDelay: 3000,\n        placement: 'top-start',\n        title: title,\n      }}\n    >\n      <Popconfirm\n        icon={false}\n        onConfirm={onClick}\n        placement='right-center'\n        title='Are you sure you want to delete this?'\n        trigger='click'\n      >\n        <Element style={{ display: 'flex', justifyContent: 'space-between' }}>\n          <Text ellipsis={true}>{displayText}</Text>\n          <Icon after={true} clickable={true} color={dark ? theme.white : theme.black} icon='trash' size={12} />\n        </Element>\n      </Popconfirm>\n    </MenuItem>\n  )\n}\n\nconst CardMenu = ({ dark = true, type, list, action, del }) => {\n  const { css } = useFela()\n\n  return (\n    <Menu bordered={!dark} className={css(menuCss)} dark={dark}>\n      <AddObjectButton action={action} type={type} />\n      {list.map(item => {\n        const onClick = type === 'Asset' ? () => store.removeUpload(item.id) : () => del(item.id)\n\n        return <MenuRow key={item.id} onClick={onClick} item={item} rowType={type} dark={dark} />\n      })}\n    </Menu>\n  )\n}\n\nCardMenu.propTypes = {\n  action: func.isRequired,\n  // eslint-disable-next-line react/forbid-prop-types\n  list: array.isRequired,\n  type: string.isRequired,\n}\n\nexport default CardMenu\n","/* eslint-disable import/prefer-default-export */\nexport const menuCss = ({ theme }) => ({\n  color: theme.white,\n  maxWidth: '500px',\n  minWidth: '300px',\n  zIndex: theme['z-below-modal'],\n  '> ul > li > .fiqds-menu-item-content': {\n    color: theme.white,\n  },\n})\n","import React from 'react'\nimport { observer } from 'mobx-react'\nimport { Button, theme, Typography, useModal } from '@fortressiq/fiq-ds'\nimport localizer from 'lib/Localizer'\n\nimport { addPXSuffix } from 'helpers'\nimport CardListing from '../CardListing'\nimport DetailCard from '../../DetailCard'\nimport CardMenu from '../Menus/CardMenu'\nimport UploadsModal from '../UploadsModal/UploadsModal'\n\nimport store from '../../ClientDashboardStore'\n\nconst titleMap = {\n  'application/zip': 'Zip Archive',\n}\n\nconst UploadsCard = observer(() => {\n  const visibleUploads = store.uploadsList\n  const { addModal, removeModal } = useModal()\n  const modalID = 'client-dashboard-add-upload-modal'\n\n  return (\n    <DetailCard\n      title='Assets'\n      menu={CardMenu({\n        action: () =>\n          addModal({\n            bodyStyle: {\n              alignItems: 'center',\n              display: 'flex',\n              justifyContent: 'center',\n            },\n            children: (\n              <UploadsModal\n                closeModal={() => removeModal(modalID)}\n                onDropAccepted={store.attachUpload}\n                onRemove={store.removeUpload}\n              />\n            ),\n            footer: false,\n            header: 'Add Uploads to Process',\n            id: modalID,\n            maskStyle: {\n              zIndex: theme['z-modal-above'],\n            },\n            style: { width: addPXSuffix(300), zIndex: theme['z-overdrive'] },\n          }),\n        list: visibleUploads,\n        type: 'Asset',\n      })}\n    >\n      {!visibleUploads.length && <Typography.Text disabled={true}>No Assets Added</Typography.Text>}\n\n      {visibleUploads &&\n        visibleUploads.map(({ createdBy, ...upload }, index) => {\n          const [uploadType] = upload.contentType.split('/')\n\n          return (\n            <CardListing\n              key={`${index}_card_upload`}\n              title={titleMap[upload.contentType] || uploadType}\n              name={upload.name}\n              buttonComponent={() => DownloadButton(upload)}\n              details={[\n                upload.filesize,\n                `Created ${localizer.asShortestDateTime(upload.createdAt)}`,\n                createdBy && `by ${createdBy}`,\n              ]}\n            />\n          )\n        })}\n    </DetailCard>\n  )\n})\n\nconst DownloadButton = ({ fileName, fileSrc }) => (\n  <Button href={fileSrc} download={fileName} target='_blank'>\n    Download\n  </Button>\n)\n\nexport default UploadsCard\n","import React from 'react'\n\nimport FileDrop from 'components/FileDrop/FileDrop'\n\n// @todo pull from tenant configuration\nexport const accept = [\n  'application/pdf',\n  'application/msword',\n  'application/vnd.openxmlformats-officedocument.wordprocessingml.document', // .docx\n  'application/vnd.ms-excel', // .xls, .xlt, .xla\n  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', // .xlsx\n  'application/vnd.ms-powerpoint', // .ppt, .pot, .pps, .ppa\n  'application/vnd.openxmlformats-officedocument.presentationml.presentation', // .pptx\n  'application/zip',\n  'image/svg+xml',\n  'image/png',\n  'text/csv',\n  'text/plain',\n]\n\nconst UploadsModal = ({ closeModal, onCompleteAll, ...props }) => (\n  <FileDrop\n    accept={accept.join(',')}\n    directUpload={true}\n    fileSizeLimit={20971520}\n    onCompleteAll={onCompleteAll || closeModal}\n    {...props}\n  />\n)\n\nexport default UploadsModal\n","import React, { Fragment } from 'react'\nimport { withRouter } from 'react-router-dom'\nimport { observer } from 'mobx-react'\n\nimport { Typography, useModal } from '@fortressiq/fiq-ds'\n\nimport startCase from 'lodash/startCase'\nimport localizer from 'lib/Localizer'\nimport { useUserState } from 'context/UserContext'\n\nimport CardListing from '../CardListing'\nimport DetailCard from '../../DetailCard'\nimport CardMenu from '../Menus/CardMenu'\n\nimport store from '../../ClientDashboardStore'\nimport VisualizationModal from '../VisualizationModal/VisualizationModal'\nimport { urlCheck } from '../utilities/Utilities'\n\nconst VisualizationList = ({ visList }) => {\n  const { roles } = useUserState()\n  return (\n    <Fragment>\n      {visList\n        .filter(({ viewUrl }) => {\n          return urlCheck(viewUrl, roles)\n        })\n        .map(({ createdBy, ...vis }, index) => {\n          return (\n            <CardListing\n              title={startCase(vis.type)}\n              name={vis.displayName || vis.name}\n              details={[\n                `Paths ${vis.pathCount}`,\n                `Events ${vis.eventCount}`,\n                `Created ${localizer.asShortestDateTime(vis.createdAt)}`,\n                createdBy && `by ${createdBy}`,\n              ]}\n              key={`vis-type-listing-${vis.type}-${index}`}\n              viewUrl={vis.viewUrl.startsWith('/') ? vis.viewUrl : `/${vis.viewUrl}`}\n            />\n          )\n        })}\n    </Fragment>\n  )\n}\n\nconst VisualizationCard = ({ onOk }) => {\n  const { addModal, removeModal } = useModal()\n  const modalID = 'client-dashboard-add-viz-modal'\n\n  return (\n    <DetailCard\n      title='Visualizations'\n      menu={CardMenu({\n        action: () =>\n          addModal({\n            children: <VisualizationModal modalID={modalID} onOk={onOk} removeModal={removeModal} />,\n            config: { interactWithKeyboard: false },\n            footer: false,\n            header: 'Add New Visualization',\n            id: modalID,\n            style: { maxWidth: '600px' },\n            bodyStyle: { overflow: 'visible' },\n          }),\n        del: store.removeVis,\n        list: store.visList,\n        type: 'Visualization',\n      })}\n    >\n      {store.visList.length ? (\n        <VisualizationList visList={store.visList} />\n      ) : (\n        <Typography.Text disabled={true}>No Visualizations Added</Typography.Text>\n      )}\n    </DetailCard>\n  )\n}\n\nexport default withRouter(observer(VisualizationCard))\n","import React, { useCallback } from 'react'\nimport { Button, ButtonGroup, Input, theme, useFela, useForm } from '@fortressiq/fiq-ds'\nimport ControlledSelect from 'components/form/ControlledSelect'\nimport FieldWrapper from 'components/form/FieldWrapper'\n\nconst visualizationTypes = [\n  {\n    value: 'path',\n    label: 'Path',\n  },\n  {\n    value: 'butterfly',\n    label: 'Butterfly',\n  },\n  {\n    value: 'fromUrl',\n    label: 'From URL',\n  },\n]\n\nconst VisualizationModal = ({ modalID, onOk, removeModal }) => {\n  const { register, control, handleSubmit, formState, watch } = useForm({\n    mode: 'all',\n    reValidateMode: 'onChange',\n    shouldUnregister: true, // Will unregister conditional fields\n  })\n\n  const { css } = useFela()\n\n  const watchFields = watch()\n\n  // Show display name last when all other fields are filled\n  const showDisplayName = !!watchFields?.graphIdPath || !!watchFields?.graphIdButterfly || !!watchFields?.url\n  const showGraphIdButterfly = watchFields?.type?.value === 'butterfly'\n  const showGraphIdPath = watchFields?.type?.value === 'path'\n  const showFromUrl = watchFields?.type?.value === 'fromUrl'\n\n  const onSubmit = async formValues => {\n    const graphId = formValues?.graphIdButterfly?.value || formValues?.graphIdPath?.value\n    const visData = {\n      graphId: graphId,\n      displayName: formValues?.displayName,\n      url: formValues?.url,\n    }\n    onOk(visData)\n    removeModal(modalID)\n  }\n\n  const constructGraphSelectOptions = useCallback(data => {\n    return data?.graphProcesses.map(item => ({ label: item.text, value: item.value }))\n  }, [])\n\n  return (\n    <form className={css({ padding: theme['default-spacer-sm'] })} onSubmit={handleSubmit(onSubmit)}>\n      <FieldWrapper isRequired={true} error={formState?.errors?.type} label='Type'>\n        <ControlledSelect\n          control={control}\n          isMulti={false}\n          name='type'\n          options={visualizationTypes}\n          portal={true}\n          rules={{ required: 'This field is required' }}\n        />\n      </FieldWrapper>\n\n      {showGraphIdButterfly && (\n        <FieldWrapper isRequired={true} error={formState?.errors?.graphIdButterfly} label='Graph ID'>\n          <ControlledSelect\n            control={control}\n            isMulti={false}\n            name='graphIdButterfly'\n            url='/graph_processes/search'\n            params={{ vis_type: watchFields?.type?.value }}\n            options={visualizationTypes}\n            portal={true}\n            rules={{ required: 'This field is required' }}\n            constructData={constructGraphSelectOptions}\n          />\n        </FieldWrapper>\n      )}\n\n      {showGraphIdPath && (\n        <FieldWrapper isRequired={true} error={formState?.errors?.graphIdPath} label='Graph ID'>\n          <ControlledSelect\n            control={control}\n            isMulti={false}\n            name='graphIdPath'\n            url='/graph_processes/search'\n            params={{ vis_type: 'path' }}\n            options={visualizationTypes}\n            portal={true}\n            rules={{ required: 'This field is required' }}\n            constructData={constructGraphSelectOptions}\n          />\n        </FieldWrapper>\n      )}\n\n      {showFromUrl && (\n        <FieldWrapper isRequired={true} error={formState?.errors?.url} label='Visualization Url'>\n          <Input\n            {...register('url', {\n              required: 'This field is required',\n              pattern: {\n                value: /^[a-z0-9_.\\-~!*'();:@&=+$,/?#[\\]%\\\\\\\\]+$/gi,\n                message: 'Valid URL is required.',\n              },\n            })}\n          />\n        </FieldWrapper>\n      )}\n\n      {showDisplayName && (\n        <FieldWrapper isRequired={true} error={formState?.errors?.url} label='Display Name'>\n          <Input\n            {...register('displayName', {\n              required: 'This field is required',\n            })}\n          />\n        </FieldWrapper>\n      )}\n      <ButtonGroup style={{ display: 'block', marginTop: theme['default-spacer-md'], textAlign: 'right' }}>\n        <Button\n          as='span'\n          onClick={() => {\n            removeModal(modalID)\n          }}\n        >\n          Cancel\n        </Button>\n        <Button disabled={!formState.isValid} type='secondary'>\n          Add Visualization\n        </Button>\n      </ButtonGroup>\n    </form>\n  )\n}\n\nexport default VisualizationModal\n","export const detailsColCss = ({ theme }) => ({\n  maxWidth: '250px',\n  paddingRight: theme['default-spacer-md'],\n})\n\nexport const nameCss = ({ theme }) => ({\n  fontSize: theme['font-size-base'],\n  lineHeight: '14px',\n  marginBottom: theme['default-spacer-xs'],\n  marginRight: theme['default-spacer-md'],\n  maxWidth: '173px',\n  wordBreak: 'break-all',\n})\n\nexport const flexRowCss = ({ theme }) => ({\n  borderBottom: `1px solid ${theme['legacy-color-gray2']}`,\n  display: 'flex',\n  justifyContent: 'space-between',\n  marginBottom: theme['default-spacer-md'],\n  padding: `${theme['default-spacer-xs']} 0 ${theme['default-spacer-sm']} 0`,\n\n  '&:first-child': {\n    paddingTop: '0',\n  },\n\n  '&:last-child': {\n    borderBottom: '0',\n  },\n})\n","import { addImportant } from 'helpers'\n\nexport const containerCss = ({ theme }) => ({\n  background: theme['legacy-color-gray'],\n  minHeight: '100vh',\n  padding: theme['default-spacer-md'],\n  width: '100%',\n})\n\nexport const cardContainerCss = ({ theme }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  marginLeft: `-${theme['default-spacer-sm']}`,\n\n  '& > div': {\n    margin: theme['default-spacer-sm'],\n  },\n})\n\nexport const tagsWrapperCSS = ({ theme }) => ({\n  background: theme.white,\n  padding: `${theme['default-spacer-sm']} ${theme['default-spacer-md']} ${theme['default-spacer-xs']}`,\n  borderTop: `1px solid ${theme['antd-card-border']}`,\n  borderBottom: `1px solid ${theme['antd-card-border']}`,\n})\n\nexport const notesWrapperCSS = ({ theme }) => ({\n  background: theme.white,\n  padding: `${theme['default-spacer-sm']} ${theme['default-spacer-md']} ${theme['default-spacer-xs']}`,\n  borderTop: 0,\n  borderBottom: `1px solid ${theme['antd-card-border']}`,\n})\n\nexport const headerContainerCSS = ({ theme }) => ({\n  alignItems: 'center',\n  display: 'flex',\n  flexDirection: 'row',\n  justifyContent: 'space-between',\n  padding: `${theme['default-spacer-sm']} ${theme['default-spacer-sm']} 0`,\n})\n\nexport const headerH1CSS = ({ theme }) => ({\n  fontSize: addImportant('23px'),\n  lineHeight: '22px',\n  marginTop: theme['default-spacer-sm'],\n})\n\nexport const headerLinkCSS = ({ theme }) => {\n  const stateCSS = {\n    color: theme.black,\n    textDecoration: 'underline',\n  }\n\n  return {\n    alignSelf: 'flex-start',\n    '> a.backToIndex': {\n      color: theme['text-color'],\n      cursor: 'pointer',\n      fontSize: '12px',\n      fontWeight: '500',\n      textDecoration: 'underline',\n      '&:active': stateCSS,\n      '&:focus': stateCSS,\n      '&:hover': stateCSS,\n    },\n  }\n}\n\nexport const removeButtonCSS = () => ({\n  position: 'relative',\n  top: '-7px',\n})\n","/* eslint-disable import/prefer-default-export */\nimport { addPXSuffix } from 'helpers'\n\nexport const cardCSS = () => ({\n  width: addPXSuffix(320),\n  minHeight: addPXSuffix(200),\n})\n\nexport const titleRowCSS = ({ theme }) => ({\n  alignContent: 'center',\n  borderBottom: `1px solid ${theme['legacy-color-gray2']}`,\n  display: 'flex',\n  height: addPXSuffix(42),\n  justifyContent: 'space-between',\n  padding: `${theme['default-spacer-md']} ${theme['default-spacer-md']} ${theme['default-spacer-sm']}`,\n})\n\nexport const titleCSS = ({ theme }) => ({\n  color: theme['text-dark'],\n  fontSize: theme['font-size-base'],\n  fontWeight: '600',\n  textTransform: 'uppercase',\n})\n","/* eslint-disable  import/prefer-default-export */\nimport { roleRouteCheck } from 'components/can/Can'\n\n/* Checks if a user has access to view a url */\nexport const urlCheck = (viewUrl, roles) => {\n  if (viewUrl.startsWith('/')) viewUrl = viewUrl.substring(1)\n  if (viewUrl.endsWith('/')) viewUrl = viewUrl.substring(0, viewUrl.length - 2)\n\n  //remove query string\n  const q = viewUrl.indexOf('?')\n  if (q >= 0) {\n    viewUrl = viewUrl.substring(0, q)\n  }\n\n  const url = viewUrl.split('/')\n  // replace any integers with :id or whatever it may be\n  // refer to lib/rbac-rules file for common url paths\n  const constructedUrl = `/${url\n    .map((val, index) => {\n      const i = parseInt(val, 10)\n      if (isNaN(i)) return val\n      if (url[0] === 'applications' && url.length > index + 1 && url[2] === 'screens' && index === 1)\n        return ':applicationId'\n      if (url[0] === 'applications' && url.length > index + 1 && url[2] === 'screens' && index === 3)\n        return ':screenSignature'\n      if (url[0] === 'events') return ':observerNames?'\n      if (url[0] === 'process-boundary') return ':reportId'\n      if (url[0] === 'processes' && url.length > index + 1 && url[index + 1] === 'state_actions' && index === 1)\n        return ':processId'\n      if (url[0] === 'processes' && url.length > index + 1 && url[index + 1] === 'state_actions' && index === 3)\n        return ':state'\n      if (url[0] === 'review') {\n        if (index === 1 && url.length > 2) return ':observerID'\n        if (index === 1 && url.length === 2) return ':observerID?'\n        if (index === 2) return ':reviewID'\n        if (index === 3) return ':eventAnnotationID'\n      }\n      if (url[0] === 'screenshot') return ':eventLogId'\n      if (\n        (url[0] === 'visualizations' && url[1] === 'butterfly') ||\n        url[0] === 'process-explorer' ||\n        url[0] === 'instances-viewer'\n      )\n        return ':id?'\n\n      return ':id'\n    })\n    .join('/')}`\n\n  return roleRouteCheck(constructedUrl, roles)\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport qs from 'qs'\nimport { Menu, MenuItem, Popconfirm } from '@fortressiq/fiq-ds'\nimport { Link } from 'react-router-dom'\nimport ExportMenuItem from 'components/ExportButton/ExportMenuItem'\nimport ActionMenu from 'components/TrinityTable/ActionMenu/ActionMenu'\nimport handleIntegration from 'app/admin/integrations/helpers/handleIntegration'\nimport callbackStore from 'stores/callback'\n\nimport api from 'lib/Api'\n\nconst ActionsMenu = ({ cycle, handleEdit, handleClone, reFetch, integrations, isLoadingIntegrations }) => {\n  const getArgs = () => {\n    const dateRange = cycle.filterRules.rules\n      .reduce((acc, { field, value }) => {\n        if (field === 'observed_at') {\n          acc.push(value.replace(/\\..+/, ''))\n        }\n        return acc\n      }, [])\n      .join('-')\n\n    return {\n      filter: cycle.filterRules,\n      exportType: 'cycle_events',\n      exportName: `Cycle: ${cycle.name} - ${dateRange}`,\n      record: { id: cycle.id, type: 'cycle' },\n    }\n  }\n\n  const handleDelete = async id => {\n    await api.delete(`/cycles/${id}`)\n    reFetch()\n  }\n\n  const exportCount = cycle.exportIds.length\n  const exportsUrl =\n    !!exportCount && `/event-log-exports?${cycle.exportIds.map(exportId => `ids=${exportId}`).join('&')}`\n\n  const menu = (\n    <Menu bordered={false} dark={true}>\n      <MenuItem key='events-menu-item'>\n        <Link to={{ pathname: '/events', search: qs.stringify({ filter: cycle.filterRules }) }}>Browse Events</Link>\n      </MenuItem>\n      <MenuItem key='clone-menu-item' onClick={() => handleClone(cycle)}>\n        Clone\n      </MenuItem>\n      <MenuItem key='edit-menu-item' onClick={() => handleEdit(cycle)}>\n        Edit\n      </MenuItem>\n      {exportsUrl && (\n        <MenuItem key='link-view-exports'>\n          <Link to={exportsUrl}>View Exports ({exportCount})</Link>\n        </MenuItem>\n      )}\n      <ExportMenuItem\n        callbackStore={callbackStore}\n        exportCallback={reFetch}\n        exportArgs={getArgs()}\n        itemText='Export Cycle as .csv'\n        modalMaxWidth={550}\n        showColumns={true}\n      />\n      <MenuItem key='delete-menu-item' onClick={event => event.stopPropagation()}>\n        <Popconfirm\n          cancelText='No'\n          okText='Yes'\n          onConfirm={() => {\n            handleDelete(cycle.id)\n          }}\n          placement='left-center'\n          title='Are you sure you want to delete this cycle?'\n        >\n          Delete\n        </Popconfirm>\n      </MenuItem>\n      {!isLoadingIntegrations &&\n        integrations.map(integration => (\n          <MenuItem\n            key={`integration-${integration.id}`}\n            onClick={() => handleIntegration({ integrationId: integration.id, objectId: cycle.id })}\n          >\n            {integration.title}\n          </MenuItem>\n        ))}\n    </Menu>\n  )\n\n  return <ActionMenu menu={menu} />\n}\n\nActionsMenu.defaultProps = {\n  isLoadingIntegrations: undefined,\n  integrations: undefined,\n}\n\nActionsMenu.propTypes = {\n  cycle: PropTypes.shape().isRequired,\n  handleEdit: PropTypes.func.isRequired,\n  handleClone: PropTypes.func.isRequired,\n  reFetch: PropTypes.func.isRequired,\n  isLoadingIntegrations: PropTypes.bool,\n  integrations: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number,\n      title: PropTypes.string,\n    })\n  ),\n}\n\nexport default ActionsMenu\n","import React, { useEffect } from 'react'\nimport { Overlay } from '@fortressiq/fiq-ds'\n\nimport CycleForm from './form'\n\nconst CycleFormModal = ({\n  reloadCycles,\n  showCycleFormModal: showing,\n  setShowCycleFormModal: setShowing,\n  clonedCycle,\n  setClonedCycle,\n  editId,\n  setEditId,\n}) => {\n  const placement = {\n    overflow: { adjustX: true, adjustY: true },\n    points: ['br', 'tr'],\n    targetOffset: [0, 4],\n    useCssTransform: false,\n  }\n\n  const trigger = {\n    showing,\n    setShowing,\n    text: 'New Cycle',\n    type: 'secondary',\n  }\n\n  const heights = {\n    height: 659,\n  }\n\n  useEffect(() => {\n    if (!showing) {\n      setEditId()\n      setClonedCycle()\n    }\n  }, [showing, setClonedCycle, setEditId])\n\n  return (\n    <Overlay\n      config={{ disableOutsideClick: true }}\n      draggable={true}\n      closeIcon={true}\n      basic={false}\n      content={\n        <CycleForm reloadCycles={reloadCycles} setShowing={setShowing} clonedCycle={clonedCycle} editId={editId} />\n      }\n      heights={heights}\n      id='create-web-application-modal'\n      placement={placement}\n      trigger={trigger}\n      noPadding={true}\n    />\n  )\n}\n\nexport default CycleFormModal\n","import React, { Fragment, useEffect, useState } from 'react'\n\nimport { func, string, shape, arrayOf } from 'prop-types'\n\nimport api from 'lib/Api'\n\nimport constructApplicationOptions from 'components/form/helpers/constructApplicationOptions'\nimport SignatureSelect from './SignatureSelect'\n\nconst signatureCache = {}\n\n// NOTE: This component should be refactored with the help of backend\n// Main issue we store app names instead of app IDs\n// To get the signatures we first need to get the app IDs\n// To get signatures for multiple app, its one api call for each app\n\nconst SignatureBuilder = ({\n  formState: { applications: selectedApplicationNames, startSignature, endSignature },\n  onSelectChange,\n}) => {\n  const [applicationsCache, setApplicationsCache] = useState()\n  const [selectedApplicationIds, setSelectedApplicationIds] = useState()\n  const [options, setOptions] = useState()\n  const [isLoading, setIsLoading] = useState(!!selectedApplicationNames)\n\n  // Get application ids from application names\n  // Rerun if application names changes\n  useEffect(() => {\n    const createApplicationHash = async () => {\n      const { data: allApplications } = await api.get('/applications/filters', { service: true })\n      const applicationsHash = constructApplicationOptions(allApplications).reduce((hash, elem) => {\n        hash[elem.value] = elem.id\n        return hash\n      }, {})\n\n      setApplicationsCache(applicationsHash)\n    }\n\n    // if applicationsCache is not defined and selectedApplicationNames is not empty\n    // make a cached object where app name is key and app id is value\n    if (!applicationsCache && selectedApplicationNames) {\n      createApplicationHash()\n    }\n\n    // if applicationsCache is created and selectedApplicationNames is not empty\n    // get the applications ids based on the selected application names\n    if (applicationsCache && selectedApplicationNames) {\n      setSelectedApplicationIds(selectedApplicationNames.map(appKey => applicationsCache[appKey]))\n    }\n  }, [selectedApplicationNames, applicationsCache])\n\n  // Get signatures based on application Ids\n  // Rerun if application ids changes\n  useEffect(() => {\n    const getSignatures = async application => {\n      setIsLoading(true)\n      if (signatureCache[application]) {\n        return signatureCache[application]\n      } else {\n        const { data: sigs } = await api.get(`/applications/${application}/signatures`, {\n          applicationUuid: application,\n        })\n        signatureCache[application] = sigs\n        return sigs\n      }\n    }\n\n    if (selectedApplicationIds) {\n      Promise.all(selectedApplicationIds.map(application => getSignatures(application))).then(values => {\n        const array = values.reduce((acc, sigs) => acc.concat(sigs), [])\n        setOptions(array.map(item => ({ label: item, value: item })))\n        setIsLoading(false)\n      })\n    }\n  }, [selectedApplicationIds])\n\n  return (\n    <Fragment>\n      <SignatureSelect\n        isLoading={isLoading}\n        label='Start Signatures'\n        name='startSignature'\n        onChange={onSelectChange}\n        options={options}\n        value={startSignature}\n      />\n      <SignatureSelect\n        isLoading={isLoading}\n        label='End Signatures'\n        name='endSignature'\n        onChange={onSelectChange}\n        options={options}\n        value={endSignature}\n      />\n    </Fragment>\n  )\n}\n\nSignatureBuilder.propTypes = {\n  formState: shape({\n    startSignature: arrayOf(string),\n    endSignature: arrayOf(string),\n    applications: arrayOf(string),\n  }).isRequired,\n  onSelectChange: func.isRequired,\n}\n\nexport default SignatureBuilder\n","import React, { Fragment, useState, useEffect, useCallback } from 'react'\nimport { func, string, shape, bool, oneOfType, number, arrayOf } from 'prop-types'\n\nimport { Select, theme, Label } from '@fortressiq/fiq-ds'\n\nconst SignatureSelect = ({ isLoading, label, name, onChange, options, value }) => {\n  const [localValue, setLocalValue] = useState()\n\n  const onChangeHandler = useCallback(\n    e => {\n      const obj = {\n        target: {\n          name,\n          value: e,\n        },\n      }\n      onChange(obj)\n      if (!e.length) {\n        // of value is empty set empty local value directly\n        setLocalValue([])\n      }\n    },\n    [name, onChange]\n  )\n\n  useEffect(() => {\n    if (!isLoading) {\n      if (options?.length && value?.length) {\n        // Sets local value when editing, cloning or options are removed by changing applications\n\n        // Remove values not in options, return object(value, label)\n        const transformedFormState = options.filter(option => value.includes(option.value))\n\n        setLocalValue(transformedFormState)\n\n        // check if a selected value is removed from options\n        if (transformedFormState.length !== value.length) {\n          onChangeHandler(transformedFormState)\n        }\n      } else if (!options?.length && value?.length) {\n        // if options are empty but form state has values, clear the form state and localValue\n        setLocalValue([])\n        onChangeHandler([])\n      }\n    }\n  }, [options, value, onChangeHandler, isLoading])\n\n  if (!options?.length) return null\n  return (\n    <Fragment>\n      <Label style={{ marginTop: theme['default-spacer-sm'] }}>{label}</Label>\n      <Select\n        isDisabled={!options?.length}\n        isLoading={isLoading}\n        isMulti={true}\n        onChange={onChangeHandler}\n        options={options}\n        placeholder='Select signatures'\n        styles={{ menu: { zIndex: theme['z-overdrive'] } }}\n        value={localValue}\n      />\n    </Fragment>\n  )\n}\n\nSignatureSelect.defaultProps = {\n  options: undefined,\n  value: undefined,\n}\n\nSignatureSelect.propTypes = {\n  isLoading: bool.isRequired,\n  label: string.isRequired,\n  name: string.isRequired,\n  onChange: func.isRequired,\n  options: arrayOf(shape({ label: string, value: oneOfType([string, number]) })),\n  value: oneOfType(string),\n}\n\nexport default SignatureSelect\n","import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport {\n  Col,\n  Element,\n  Button,\n  DateTimePickerRange,\n  Label,\n  Input,\n  Row,\n  TextArea,\n  theme,\n  Typography,\n} from '@fortressiq/fiq-ds'\nimport shortid from 'shortid'\nimport api from 'lib/Api'\n\nimport { formBackgroundCSS, formContainerCSS, observerGroupCSS, titleSectionCSS } from 'app/mining/form/styles'\n\nimport { DATE_TIME_FORMAT_TWENTYFOUR_HOUR } from 'constants/app-constants'\n\nimport AsyncSelect from 'components/form/AsyncSelect'\nimport constructApplicationOptions from 'components/form/helpers/constructApplicationOptions'\nimport SignatureBuilder from './SignatureBuilder'\n\nimport { addImportant, noop } from '../../../helpers/index'\nimport { cycleButtonSectionCSS, scrollSectionCSS } from '../styles'\n\nconst { Title } = Typography\n\nconst filterRulesMap = filterRules => {\n  const initialValue = {}\n  if (!filterRules.rules) {\n    return null\n  }\n  return filterRules.rules.reduce((obj, item) => {\n    if (item.field === 'observed_at' && item.operator === '>=') {\n      return {\n        ...obj,\n        observedAtFrom: item.value,\n      }\n    }\n    if (item.field === 'observed_at' && item.operator === '<=') {\n      return {\n        ...obj,\n        observedAtTo: item.value,\n      }\n    }\n    if (item.field === 'observer_name') {\n      return {\n        ...obj,\n        observers: item.value.split(','),\n        observerRule: item.operator,\n      }\n    }\n    if (item.field === 'application_name') {\n      return {\n        ...obj,\n        applications: item.value.split(','),\n        applicationRule: item.operator,\n      }\n    }\n    if (item.field === 'user') {\n      return {\n        ...obj,\n        users: item.value.split(','),\n        usersRule: item.operator,\n      }\n    }\n    return obj\n  }, initialValue)\n}\n\nconst defaultFormState = {\n  name: '',\n  observedAtFrom: null,\n  observedAtTo: null,\n  observers: undefined,\n  observerRule: 'in',\n  applications: undefined,\n  applicationRule: 'in',\n  users: undefined,\n  usersRule: 'in',\n  notes: '',\n  startSignature: undefined,\n  endSignature: undefined,\n  signatureApplicationIds: undefined,\n  user_ids: null,\n}\n\nconst spacer = theme['default-spacer-sm']\nexport const labelProps = {\n  style: { marginTop: spacer },\n}\n\nconst CycleForm = ({ clonedCycle, editId, reloadCycles, setShowing }) => {\n  const [formState, setFormState] = useState(\n    clonedCycle\n      ? {\n          ...defaultFormState,\n          name: clonedCycle.name,\n          notes: clonedCycle.notes,\n          startSignature: clonedCycle.startSignatures,\n          endSignature: clonedCycle.endSignatures,\n          user_ids: clonedCycle.cycleUsers.map(user => user.id),\n          ...filterRulesMap(clonedCycle.filterRules),\n        }\n      : { ...defaultFormState }\n  )\n  const [dates, setDates] = useState(() => {\n    const from = formState?.observedAtFrom ? new Date(formState.observedAtFrom) : null\n    const to = formState?.observedAtTo ? new Date(formState.observedAtTo) : null\n\n    return [from, to]\n  })\n\n  const canSubmit = [\n    formState.observedAtFrom,\n    formState.observedAtTo,\n    formState.observers?.length > 0 || formState.users?.length > 0,\n    formState.name.trim(),\n  ].every(Boolean)\n\n  const onDateChange = ds => {\n    setDates(ds)\n    setFormState({\n      ...formState,\n      observedAtFrom: ds[0] || null,\n      observedAtTo: ds[1] || null,\n    })\n  }\n\n  const handleObserverTagChange = async ({ target: { value } }) => {\n    const values = value.map(items => items.value)\n    const {\n      data: { observers },\n    } = await api.get('/observers', { filters: { tags: values } })\n    const observersSelectArray = observers.map(observer => observer.name)\n    setFormState({ ...formState, observers: observersSelectArray })\n  }\n\n  const onSelectChange = ({ target: { name, value, optionsValueKey = 'value' } }) => {\n    const values = value.map(items => items[optionsValueKey])\n    onInputChange({ target: { name, value: values } })\n  }\n\n  const onInputChange = ({ target: { name, value } }) => setFormState({ ...formState, [name]: value })\n\n  const onSubmit = async e => {\n    e.preventDefault()\n    const params = {\n      name: formState.name.trim(),\n      notes: formState.notes,\n      start_signatures: formState.startSignature,\n      stop_signatures: formState.endSignature,\n      user_ids: formState.user_ids,\n      filter: {\n        combinator: 'and',\n        not: false,\n        id: shortid.generate(),\n        rules: [\n          formState.observers?.length > 0 && {\n            field: 'observer_name',\n            id: shortid.generate(),\n            value: formState.observers.join(),\n            operator: formState.observerRule,\n          },\n          formState.applications?.length > 0 && {\n            field: 'application_name',\n            value: formState.applications.join(),\n            id: shortid.generate(),\n            operator: formState.applicationRule,\n          },\n          formState.observedAtFrom && {\n            field: 'observed_at',\n            id: shortid.generate(),\n            value: formState.observedAtFrom,\n            operator: '>=',\n          },\n          formState.observedAtTo && {\n            field: 'observed_at',\n            id: shortid.generate(),\n            value: formState.observedAtTo,\n            operator: '<=',\n          },\n          formState.users?.length > 0 && {\n            field: 'user',\n            id: shortid.generate(),\n            value: formState.users.join(),\n            operator: formState.usersRule,\n          },\n        ].filter(Boolean),\n      },\n    }\n    const apiUrl = editId ? api.put(`/cycles/${editId}`, params) : api.post('/cycles', params)\n    await apiUrl\n    await reloadCycles()\n    setShowing(false)\n  }\n  const width = '610px'\n\n  return (\n    <Element style={{ width }}>\n      <Element style={titleSectionCSS}>\n        <Title level={5} noMargin={true}>\n          {editId ? `Edit Cycle ${editId}` : 'Create a Cycle'}\n        </Title>\n      </Element>\n      <Element style={{ ...formContainerCSS(), width }}>\n        <Element style={scrollSectionCSS}>\n          <Element style={formBackgroundCSS}>\n            <Input\n              id='cycle-name-input'\n              isRequired={true}\n              label='Cycle Name'\n              name='name'\n              onChange={onInputChange}\n              value={formState.name}\n            />\n            <Label {...labelProps} ID='user_ids'>\n              Permitted Users\n            </Label>\n            <AsyncSelect\n              url='/users/filters'\n              params={{ field: 'role', roles: ['power', 'user', 'virtual_interviewer'] }}\n              placeholder='Select permitted users'\n              optionsValueKey='value'\n              values={formState.user_ids}\n              onChange={onSelectChange}\n              name='user_ids'\n            />\n            <DateTimePickerRange\n              labels={[{ label: 'Observed At', labelProps: { isRequired: true, ...labelProps } }]}\n              bordered={true}\n              dateFormat={DATE_TIME_FORMAT_TWENTYFOUR_HOUR}\n              id='observedAt'\n              label='Observed At'\n              onChange={ds => onDateChange(ds)}\n              styles={{ popperStyle: { zIndex: theme['z-overdrive'] } }}\n              value={dates}\n            />\n            <Element style={observerGroupCSS}>\n              <Label {...labelProps} isRequired={!formState.users}>\n                Observers\n              </Label>\n              <Row align='flex-start' gutter={8} noOfCols={12} noEndGutter={true} type='flex'>\n                <Col span={4}>\n                  <AsyncSelect\n                    url='/tags/filters'\n                    params={{ taggable_type: 'Observer' }}\n                    placeholder='Observers from tag'\n                    onChange={handleObserverTagChange}\n                    name='observerTags'\n                    style={{ width: '100%' }}\n                    controlled={false}\n                  />\n                </Col>\n                <Col\n                  justify='flex-end'\n                  span={8}\n                  style={{ marginRight: addImportant(0), width: addImportant('66.6667%') }}\n                >\n                  <AsyncSelect\n                    name='observers'\n                    onChange={onSelectChange}\n                    optionsValueKey='label'\n                    placeholder='Select observers'\n                    style={{ width: '100%' }}\n                    url='/observers/filters'\n                    values={formState.observers}\n                  />\n                </Col>\n              </Row>\n              <Label {...labelProps} ID='users' isRequired={true}>\n                Observer Users\n              </Label>\n              <AsyncSelect\n                url='/observers/filters'\n                params={{ field: 'windows_username' }}\n                placeholder='Select user'\n                optionsValueKey='label'\n                values={formState.users}\n                onChange={onSelectChange}\n                name='users'\n              />\n            </Element>\n            <Label {...labelProps} ID='users'>\n              Application Names\n            </Label>\n            <AsyncSelect\n              url='/applications/filters'\n              placeholder='Select applications'\n              values={formState.applications}\n              onChange={onSelectChange}\n              name='applications'\n              params={{ service: true }}\n              constructData={constructApplicationOptions}\n            />\n            <SignatureBuilder formState={formState} onSelectChange={onSelectChange} />\n            <TextArea\n              containerProps={{ style: { marginTop: theme['default-spacer-sm'] } }}\n              defaultValue={formState.notes}\n              label='Notes'\n              name='notes'\n              onChange={onInputChange}\n              rows={5}\n            />\n          </Element>\n        </Element>\n        <Element style={cycleButtonSectionCSS}>\n          <Button\n            onClick={e => {\n              e.preventDefault()\n              setShowing(false)\n            }}\n          >\n            Cancel\n          </Button>\n          <Button disabled={!canSubmit} onClick={canSubmit ? onSubmit : noop}>\n            {editId ? 'Update Cycle' : 'Create Cycle'}\n          </Button>\n        </Element>\n      </Element>\n    </Element>\n  )\n}\n\nCycleForm.propTypes = {\n  reloadCycles: PropTypes.func.isRequired,\n  setShowing: PropTypes.func.isRequired,\n}\n\nexport default CycleForm\n","import React, { useEffect, useState } from 'react'\nimport { AdvancedCell, DateCell, Element } from '@fortressiq/fiq-ds'\n\nimport TrinityTable, { columnWidths } from 'components/TrinityTable'\nimport { useQueryParams, JsonParam } from 'use-query-params'\n\nimport { useHeaderDispatch } from 'app/header/HeaderContext'\nimport { Filter } from 'app/mining/tableComponents/MiningRunDetails'\nimport EditableCell from 'components/TrinityTable/EditableCell'\nimport api from 'lib/Api'\nimport { useFetch } from 'lib/hooks'\nimport ActionsMenu from './ActionsMenu'\nimport CycleFormModal from './FormModal'\nimport { filterWrapCSS } from './styles'\n\nconst sortKeyMap = {\n  exportType: 'export_type',\n  createdAt: 'created_at',\n  updatedAt: 'updated_at',\n}\n\nconst Cycles = () => {\n  const [showCycleFormModal, setShowCycleFormModal] = useState(false)\n  const [clonedCycle, setClonedCycle] = useState()\n  const [reFetch, setReFetch] = useState(0)\n\n  const [editId, setEditId] = useState()\n\n  const [filterParams] = useQueryParams({\n    globalFilter: JsonParam,\n  })\n\n  const { data: { integrations = [] } = {}, isLoadingIntegrations } = useFetch('/dynamic_integrations/cycle/list')\n\n  const headerDispatch = useHeaderDispatch()\n\n  const handleClone = cycle => {\n    setClonedCycle(cycle)\n    setShowCycleFormModal(true)\n  }\n\n  const handleEdit = cycle => {\n    setClonedCycle(cycle)\n    setEditId(cycle.id)\n    setShowCycleFormModal(true)\n  }\n\n  const columns = [\n    {\n      Header: 'ID',\n      accessor: 'id',\n      align: 'left',\n      width: columnWidths.id,\n    },\n    {\n      Header: 'Name',\n      accessor: 'name',\n      align: 'left',\n      width: 150,\n      Cell: ({ value }) => <AdvancedCell>{value || '-'}</AdvancedCell>,\n    },\n    {\n      Header: 'Last Modified',\n      accessor: 'updatedAt',\n      align: 'left',\n      width: columnWidths.date,\n\n      Cell: ({ value }) => <DateCell timestamp={value} />,\n    },\n    {\n      Header: 'Created At',\n      accessor: 'createdAt',\n      align: 'left',\n      width: columnWidths.date,\n      Cell: ({ value }) => <DateCell timestamp={value} />,\n    },\n    {\n      Header: 'Permitted Users',\n      accessor: 'cycleUsers',\n      align: 'left',\n      disableSortBy: true,\n      Cell: ({ value }) => value.reduce((a, b) => `${a}${['', ', '][+!!a.length]}${b.name}`, ''),\n    },\n    {\n      Header: 'Created By',\n      accessor: 'createdByFirstName',\n      align: 'left',\n      disableSortBy: true,\n      Cell: ({\n        value,\n        row: {\n          original: { createdByLastName },\n        },\n      }) => `${value} ${createdByLastName}`,\n    },\n    {\n      Header: 'Notes',\n      accessor: 'notes',\n      align: 'left',\n      disableSortBy: true,\n      Cell: ({\n        value,\n        row: {\n          index,\n          original: { id },\n        },\n        column: { id: columnId },\n        updateCellData,\n      }) => (\n        <EditableCell\n          type='comment'\n          value={value}\n          id={id}\n          columnId={columnId}\n          rowIndex={index}\n          updateCellData={updateCellData}\n          updateData={newValue =>\n            api.post(`/cycles/${id}/notes`, {\n              notes: newValue,\n            })\n          }\n        />\n      ),\n    },\n    {\n      Header: 'Details',\n      accessor: 'filterRules',\n      disableSortBy: true,\n      minWidth: 300,\n      Cell: ({\n        value,\n        row: {\n          original: { startSignatures, endSignatures },\n        },\n      }) => {\n        if (!value) return null\n        const extraLines = [\n          ...(startSignatures.length !== 0\n            ? [{ title: 'Start Screen_signature', value: startSignatures.join(', ') }]\n            : []),\n          ...(endSignatures.length !== 0 ? [{ title: 'End Screen_signature', value: endSignatures.join(', ') }] : []),\n        ].filter(Boolean)\n        return (\n          <Element style={filterWrapCSS}>\n            <Filter filterRules={value} extraLines={extraLines} />\n          </Element>\n        )\n      },\n    },\n    {\n      Header: 'Actions',\n      accessor: 'actions',\n      align: 'center',\n      disableSortBy: true,\n      width: columnWidths.actionMenu,\n      Cell: ({ row: { original } }) => (\n        <ActionsMenu\n          reFetch={() => setReFetch(reFetch + 1)}\n          cycle={original}\n          handleEdit={handleEdit}\n          handleClone={handleClone}\n          integrations={integrations}\n          isLoadingIntegrations={isLoadingIntegrations}\n        />\n      ),\n    },\n  ]\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      title: 'Cycles',\n      heading: 'Cycles',\n    })\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch])\n\n  return (\n    <TrinityTable\n      toolbarActions={[\n        <CycleFormModal\n          key='cycle-modal-button'\n          reloadCycles={() => setReFetch(reFetch + 1)}\n          showCycleFormModal={showCycleFormModal}\n          setShowCycleFormModal={setShowCycleFormModal}\n          clonedCycle={clonedCycle}\n          setClonedCycle={setClonedCycle}\n          editId={editId}\n          setEditId={setEditId}\n        />,\n      ]}\n      tableId='cycles-table'\n      sortKeyMap={sortKeyMap}\n      columns={columns}\n      reFetch={reFetch}\n      url='/cycles'\n      dataKey='cycles'\n      params={\n        filterParams?.globalFilter?.cycleIds ? { filters: { cycleIds: filterParams.globalFilter.cycleIds } } : undefined\n      }\n    />\n  )\n}\n\nexport default Cycles\n","/* eslint-disable import/prefer-default-export */\nimport { buttonSectionCSS } from 'app/mining/form/styles'\n\nexport const cycleButtonSectionCSS = ({ theme }) => ({\n  background: theme.white,\n  ...buttonSectionCSS({ theme }),\n})\n\nexport const scrollSectionCSS = () => ({\n  flex: '1',\n  maxHeight: '482px',\n  overflow: 'auto',\n  width: '610px',\n})\n\nexport const filterWrapCSS = ({ theme }) => ({ marginLeft: `-${theme['default-spacer-md']}` })\n","import React, { Fragment, memo } from 'react'\n\nimport { Heading } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\nimport MainLoader from 'components/loaders/MainLoader'\n\nimport css from './styles.scss'\n\nimport EventStats from './sections/EventStats'\nimport CalendarStats from './sections/CalendarStats'\n\nimport { HeaderDispatchContext } from '../header/HeaderContext'\n\nclass Dashboard extends React.Component {\n  static contextType = HeaderDispatchContext\n\n  constructor(props) {\n    super(props)\n\n    this.state = {\n      fetching: true,\n      legend: {},\n      eventStats: {},\n    }\n  }\n\n  async componentDidMount() {\n    const { data } = await api.get('/dashboard')\n\n    const { calendar: pCalendar, observers, processes } = data\n\n    const legend = processes.by_states\n      .map(item => item.state_name)\n      .filter(item => item !== 'Installation' && item !== 'Approval')\n\n    const eventStats = {\n      'Active in Last 3 Days': observers.recent.toLocaleString(),\n      'Events in Last 7 Days': observers.recent_logs.toLocaleString(),\n      'Total Observers': observers.total.toLocaleString(),\n      'Total Logs': observers.total_logs.toLocaleString(),\n    }\n\n    const calendar = pCalendar.sort((a, b) => {\n      const startA = new Date(a.start_at)\n      const startB = new Date(b.start_at)\n      return startA - startB\n    })\n\n    const events = observers.event_counts.map(event => {\n      return { ...event, day: event.day }\n    })\n\n    this.setState({\n      fetching: false,\n      eventStats: eventStats,\n      legend: legend,\n      events: events,\n      calendar: calendar,\n      latestRuns: observers.last_runs,\n    })\n\n    this.context({\n      type: 'set',\n      heading: (\n        <Fragment>\n          <Heading className='header-title' level={1}>\n            Dashboard\n          </Heading>\n          <Heading className='header-title' level={2}>\n            What&apos;s new in your account.\n          </Heading>\n        </Fragment>\n      ),\n      title: 'Dashboard',\n    })\n  }\n\n  componentWillUnmount() {\n    this.context({\n      type: 'clear',\n    })\n  }\n\n  render() {\n    const { fetching, legend, calendar, eventStats, events, latestRuns } = this.state\n\n    return (\n      <div className={css.dashboard}>\n        <div className={css.greyBack}>\n          {fetching ? (\n            <MainLoader />\n          ) : (\n            <div className={css.dashCardGroup}>\n              <EventStats\n                legend={legend}\n                openModal={this.addVis}\n                eventStats={eventStats}\n                events={events}\n                latestRuns={latestRuns}\n              />\n\n              <CalendarStats openModal={this.addVis} calendar={calendar} />\n            </div>\n          )}\n        </div>\n      </div>\n    )\n  }\n}\n\nexport default memo(Dashboard)\n","import React from 'react'\n\nimport localizer from 'lib/Localizer'\n\nimport DashCard from './DashCard'\n\nimport css from './calendarCardStyle.scss'\nimport main from '../styles.scss'\n\nconst CalendarCard = ({ title, onClose, data }) => {\n  const today = new Date()\n  return (\n    <DashCard title={title} onClose={onClose}>\n      <h3>Current and Upcoming Events</h3>\n      <div className={css.container}>\n        {!data || (data.length === 0 && <div className={main.none}>Currently no data</div>)}\n        {data.map((item, i) => {\n          const start = new Date(item.start_at)\n          const end = new Date(item.end_at)\n          return (\n            <div className={css.entry} key={i}>\n              <div>\n                <span className={css.title}>{item.title}</span>\n                <span className={css.type}> - {item.type}</span>\n              </div>\n              <div className={css.time}>\n                {localizer.asShortDateTime(item.start_at)} - {localizer.asShortDateTime(item.end_at)}\n              </div>\n              {today >= start && today <= end && <div className={css.current}> occuring now</div>}\n            </div>\n          )\n        })}\n      </div>\n    </DashCard>\n  )\n}\n\nexport default CalendarCard\n","import React from 'react'\nimport { Card } from '@fortressiq/fiq-ds'\nimport css from './dashCardStyle.scss'\n\n/*************************************************\n * a Card component for Dashboard\n * meant to be a card styled specifically for the dashboard\n * (without semantic UI's styling)\n **************************************************/\nconst DashCard = ({ title, children, style, onClose }) => (\n  <Card style={{ margin: '8px', ...style }} className={css.dashCard}>\n    {onClose && (\n      <div className={css.close} onClick={onClose}>\n        {/* TO DO -- use a design System <Icon /> when there is one available that looks correct */}\n        &times;\n      </div>\n    )}\n    <div className={css.title}>{title}</div>\n    <div className={css.contents}>{children}</div>\n  </Card>\n)\n\nexport default DashCard\n","import React from 'react'\nimport DashCard from './DashCard'\n\nimport main from '../styles.scss'\n\nimport css from './eventStatsCardStyle.scss'\n\nconst EventStatsCard = ({ onClose, eventStats }) => (\n  <DashCard title='Observers' onClose={onClose}>\n    {Object.keys(eventStats).map((item, i) => {\n      return (\n        <React.Fragment key={i}>\n          <div className={main.surveyCardTitle}> {item.toUpperCase()} </div>\n          <div className={main.surveyCardValue}> {eventStats[item] || 0} </div>\n        </React.Fragment>\n      )\n    })}\n    {!eventStats && <div className={`${main.none} ${css.none}`}>No Event Details</div>}\n\n    <div className={css.link}>\n      <a href='/events'>Explore Logged Events</a>\n    </div>\n    <div className={main.mb20} />\n  </DashCard>\n)\n\nexport default EventStatsCard\n","import React from 'react'\n\nimport { Card } from '@fortressiq/fiq-ds'\nimport css from './metricContainerStyle.scss'\n\nconst MetricContainer = ({ onClose, children }) => (\n  <Card className={css.metricContainer} style={{ margin: '7.5px' }}>\n    {onClose && (\n      <div className={css.close} onClick={onClose}>\n        &times;\n      </div>\n    )}\n    {children}\n  </Card>\n)\n\nexport default MetricContainer\n","import React from 'react'\nimport DashCard from './DashCard'\n\nimport css from './topListingsCardStyle.scss'\n\nconst TopTagsCard = ({ title, onClose, list }) => (\n  <DashCard title={title} onClose={onClose}>\n    {list.map((item, i) => {\n      return (\n        <div className={css.row} key={i}>\n          <div className={css.count}>{item.count}</div>\n          <div className={css.name}>{item.name}</div>\n        </div>\n      )\n    })}\n  </DashCard>\n)\n\nexport default TopTagsCard\n","//dashboardStore.js\nimport { observable, action } from 'mobx'\n\n//for now we will have a list of available visualization here\n//hard coded\nconst SPENDING_ALL = { fte: true, dollars: true, processFTE: true, processDollars: true, topApps: true }\nconst EVENTS_ALL = { upcoming: true, observed: true, latestRuns: true }\nconst CALENDAR_ALL = { calendar: true }\n\nclass DashboardStore {\n  @observable engageVis\n\n  @observable spendingVis\n\n  @observable eventsVis\n\n  @observable calendarVis\n\n  constructor() {\n    this.spendingVis = SPENDING_ALL\n    this.eventsVis = EVENTS_ALL\n    this.calendarVis = CALENDAR_ALL\n  }\n\n  @action\n  addVis(name, type) {\n    this[`${type.toLowerCase()}Vis`][name] = true\n  }\n\n  @action\n  removeVis(name, type) {\n    this[`${type.toLowerCase()}Vis`][name] = false\n  }\n}\n\nexport default new DashboardStore()\n","import React from 'react'\nimport { combineRules, Alert, Icon, theme, Tooltip, useFela, useModal } from '@fortressiq/fiq-ds'\n\nimport DashboardStore from '../dashboardStore'\n\nconst AddVisCard = ({ type }) => {\n  const { addModal, removeModal } = useModal()\n  const modalID = 'dashboard-add-vis-modal'\n  const { css } = useFela()\n\n  const list = Object.keys(DashboardStore[`${type.toLowerCase()}Vis`])\n    .map(item => {\n      return DashboardStore[`${type.toLowerCase()}Vis`][item] === true ? null : item\n    })\n    .filter(item => item !== null)\n\n  const rowCSS = ({ ...extraCSS }) =>\n    css(\n      combineRules(\n        { ...extraCSS },\n        {\n          alignItems: 'center',\n          display: 'flex',\n          flex: '1',\n          justifyContent: 'space-between',\n          transition: 'background-color 0.3s ease-in-out',\n          willChange: 'background-color',\n        }\n      )\n    )\n\n  const addModalHandler = () =>\n    addModal({\n      children: (\n        <div className={css({ backgroundColor: theme.white, display: 'flex', padding: theme['default-spacer-xs'] })}>\n          {!list || list.length === 0 ? (\n            <Alert\n              message='There are no visualizations available.'\n              style={{ display: 'inline-flex', margin: '0 auto' }}\n              type='warning'\n            />\n          ) : (\n            list.map((item, index) => (\n              <Tooltip\n                config={{ triggerOffset: 14 }}\n                key={index}\n                placement='top-center'\n                title={`Add ${item} to Dashboard?`}\n              >\n                <div\n                  className={rowCSS({\n                    cursor: 'pointer',\n                    padding: theme['default-spacer-xs'],\n                    '&:hover': {\n                      backgroundColor: theme['nav-btn-selected-bg'],\n                    },\n                  })}\n                  onClick={() => {\n                    DashboardStore.addVis(item, type)\n\n                    removeModal(modalID)\n                  }}\n                >\n                  <Icon icon='barchart' />\n                  <span>{item}</span>\n                  <Icon icon='circleplus' />\n                </div>\n              </Tooltip>\n            ))\n          )}\n        </div>\n      ),\n      header: 'Add Visualization',\n      id: modalID,\n      style: { width: '400px' },\n    })\n\n  return (\n    <Icon\n      before={true}\n      clickable={true}\n      icon='circleplus'\n      onClick={addModalHandler}\n      style={{ display: 'inline-block', position: 'relative', top: theme['default-spacer-xs'] }}\n    />\n  )\n}\n\nexport default AddVisCard\n","import React from 'react'\nimport { observer } from 'mobx-react'\n\nimport DashRow from './DashRow'\nimport CalendarCard from '../cards/CalendarCard'\n\n@observer\nclass CalendarStats extends React.Component {\n  render() {\n    const { openModal, calendar } = this.props\n\n    return (\n      <DashRow title='Calendar' type='Events' openModal={openModal}>\n        <CalendarCard data={calendar} />\n      </DashRow>\n    )\n  }\n}\n\nexport default CalendarStats\n","import React, { Fragment } from 'react'\nimport { observer } from 'mobx-react'\nimport PropTypes from 'prop-types'\n\nimport { Element, IconToggleArrow, theme, Typography } from '@fortressiq/fiq-ds'\n\nimport AddVisCard from './AddVisCard'\n\nconst { Title } = Typography\n\n@observer\nclass DashRow extends React.Component {\n  static propTypes = {\n    title: PropTypes.string.isRequired,\n  }\n\n  constructor(props) {\n    super(props)\n    this.state = {\n      opened: true,\n    }\n  }\n\n  render() {\n    const { opened } = this.state\n    const { children, title, type } = this.props\n    return (\n      <Element style={{ width: '100%' }}>\n        <Fragment>\n          <Title\n            level={5}\n            style={{\n              color: theme['legacy-dash-gray'],\n              display: 'inline-block',\n              fontSize: theme['font-size-base'],\n              letterSpacing: '1px',\n              marginLeft: theme['default-spacer-sm'],\n              marginRight: theme['default-spacer-xs'],\n              position: 'relative',\n              textTransform: 'uppercase',\n            }}\n          >\n            {title}\n          </Title>\n          <AddVisCard type={type} />\n          <IconToggleArrow\n            opened={opened}\n            onClick={() => this.setState({ opened: !opened })}\n            style={{ position: 'relative', top: theme['default-spacer-xs'] }}\n          />\n        </Fragment>\n        {opened && (\n          <Element\n            style={{\n              alignItems: 'stretch',\n              animationDuration: '0.5s',\n              animationName: {\n                '0%': {\n                  opacity: 0,\n                },\n                '100%:': {\n                  opacity: 1,\n                },\n              },\n              animationTimingFunction: 'ease-in-out',\n              display: 'flex',\n              flexDirection: 'row',\n              flexGrow: '1',\n              flexWrap: 'wrap',\n              justifyContent: 'flex-start',\n            }}\n          >\n            {children}\n          </Element>\n        )}\n      </Element>\n    )\n  }\n}\n\nexport default DashRow\n","import React from 'react'\nimport { observer } from 'mobx-react'\n\nimport localizer from 'lib/Localizer'\n\nimport DashRow from './DashRow'\nimport EventStatsCard from '../cards/EventStatsCard'\nimport MetricContainer from '../cards/MetricContainer'\nimport {\n  Charts,\n  defaultChartConfigProps,\n  defaultDataSourceChartProps,\n  FusionCharts,\n  FusionTheme,\n  PowerCharts,\n  ReactFC,\n} from '../../../components/viz/index'\n\nimport css from '../styles.scss'\n\nimport DashboardStore from '../dashboardStore'\n\nReactFC.fcRoot(FusionCharts, PowerCharts, Charts, FusionTheme)\n@observer\nclass EventStats extends React.Component {\n  render() {\n    const { openModal, eventStats, events, latestRuns } = this.props\n\n    const recentEventsData = events.map(({ day, total }) => ({ label: day, value: total }))\n    const recentEventsDataSource = {\n      chart: {\n        ...defaultDataSourceChartProps,\n        caption: 'Event Activity',\n        subCaption: 'Last 7 days',\n      },\n      data: recentEventsData,\n    }\n    const chartConfigProps = {\n      ...defaultChartConfigProps,\n      id: 'dashboard-observers-event-activity',\n      type: 'area2d',\n    }\n\n    return (\n      <DashRow title='Observers &amp; Runs' type='Events' openModal={openModal}>\n        {DashboardStore.eventsVis.upcoming && (\n          <EventStatsCard eventStats={eventStats} onClose={() => DashboardStore.removeVis('upcoming', 'events')} />\n        )}\n\n        {DashboardStore.eventsVis.observed && (\n          <MetricContainer onClose={() => DashboardStore.removeVis('observed', 'events')}>\n            <ReactFC {...chartConfigProps} dataSource={recentEventsDataSource} />\n          </MetricContainer>\n        )}\n\n        {DashboardStore.eventsVis.latestRuns && (\n          <MetricContainer onClose={() => DashboardStore.removeVis('latestRuns', 'events')}>\n            <h3 className={css.h3}>Latest Runs</h3>\n\n            <div className={`${css.latestRow} ${css.headers}`}>\n              <div>ID</div>\n              <div>DATE</div>\n              <div>STATUS</div>\n              <div># OF PROCESSES</div>\n            </div>\n\n            {latestRuns.map((item, i) => {\n              return (\n                <div className={`${css.latestRow} ${css.table}`} key={i}>\n                  <div>{item[0]}</div>\n                  <div>{localizer.asDateTime(item[1])}</div>\n                  <div className={css[`status${item[2]}`]}>{item[2]}</div>\n                  <div>{item[3]}</div>\n                </div>\n              )\n            })}\n          </MetricContainer>\n        )}\n      </DashRow>\n    )\n  }\n}\n\nexport default EventStats\n","import React, { useEffect, Fragment, useState } from 'react'\nimport { ReactFlowProvider } from 'reactflow'\nimport { useHeaderDispatch } from 'app/header/HeaderContext'\nimport { Element, Empty, Typography, Heading } from '@fortressiq/fiq-ds'\nimport { useQuery } from '@tanstack/react-query'\n\nimport Graph from './Graph'\nimport ProcessSelect from './ProcessSelect'\nimport cacheSettings from './cacheSettings'\n\nimport { getAllProcesses, getPaths } from './api'\n\nimport ExportProcess from './controls/ExportProcess'\n\nimport dfgColors from './dfgColors'\n\nconst DfGraph = ({ processId }) => {\n  const headerDispatch = useHeaderDispatch()\n  const [activePaths, setActivePaths] = useState([])\n  const [highlightedPaths, setHighlightedPaths] = useState([])\n  const [selectedStep, setSelectedStep] = useState(null)\n  const [pathName, setPathName] = useState('')\n\n  const { data: allProcesses, isLoading: isLoadingAllProcesses } = useQuery({\n    queryKey: ['flowgraph-processes'],\n    queryFn: getAllProcesses,\n    keepPreviousData: true,\n  })\n\n  const {\n    isLoading: isLoadingPaths,\n    data: pathsData,\n    isError,\n  } = useQuery({\n    queryKey: ['flow-graph', { processId }],\n    enabled: !!processId,\n    queryFn: getPaths,\n    ...cacheSettings,\n  })\n\n  useEffect(() => {\n    // will be triggered when loading new graph and if user deselect all active paths\n    if (!isLoadingPaths && !isError && pathsData?.length !== 0 && activePaths.length === 0) {\n      setActivePaths([{ pathId: pathsData[0].path_id, pathUuid: pathsData[0].path_uuid }])\n    }\n  }, [pathsData, isLoadingPaths, isError, activePaths.length])\n\n  useEffect(() => {\n    if (!isLoadingAllProcesses && allProcesses?.length !== 0) {\n      setPathName(allProcesses.find(process => process.value.toString() === processId)?.label)\n    }\n  }, [allProcesses, processId, isLoadingAllProcesses])\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      title: 'Flow Graph',\n      heading: (\n        <Fragment>\n          <Heading\n            className='header-title'\n            level={1}\n            style={({ theme }) => ({ marginRight: `${theme['default-spacer-sm']} !important` })}\n          >\n            Explore a Process\n          </Heading>\n          <ProcessSelect allProcesses={allProcesses} isLoading={isLoadingAllProcesses} processId={processId} />\n        </Fragment>\n      ),\n      toolbarActions:\n        processId && !isError ? <ExportProcess key='export_process' graphId={processId} name={pathName} /> : null,\n    })\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch, allProcesses, isLoadingAllProcesses, processId, pathName, isError])\n\n  const containerStyles = {\n    background: dfgColors.backgroundGray,\n    height: '100%',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n  }\n\n  if (!processId)\n    return (\n      <Element style={containerStyles}>\n        <Empty description={<Typography.Title level={4}>No Process selected</Typography.Title>} showImage={true} />\n      </Element>\n    )\n\n  if (isError) {\n    return (\n      <Element style={containerStyles}>\n        <Empty description={<Typography.Title level={4}>Flow Graph with ID {processId} not found</Typography.Title>} />\n      </Element>\n    )\n  }\n  return (\n    <ReactFlowProvider>\n      <Graph\n        processId={processId}\n        isLoadingPaths={isLoadingPaths}\n        pathsData={pathsData}\n        activePaths={activePaths}\n        setActivePaths={setActivePaths}\n        highlightedPaths={highlightedPaths}\n        setHighlightedPaths={setHighlightedPaths}\n        selectedStep={selectedStep}\n        setSelectedStep={setSelectedStep}\n      />\n    </ReactFlowProvider>\n  )\n}\n\n// Reset state when processId is changed by updating key\nconst DfGraphWrapper = ({\n  match: {\n    params: { processId },\n  },\n}) => <DfGraph processId={processId} key={`graph${processId}`} />\n\nexport default DfGraphWrapper\n","import React, { Fragment, useEffect, useMemo, useCallback } from 'react'\nimport intersection from 'lodash/intersection'\n\nimport ReactFlow, { MiniMap, Controls, useReactFlow } from 'reactflow'\n\nimport { useQuery } from '@tanstack/react-query'\nimport { Element } from '@fortressiq/fiq-ds'\n\nimport Marker from './Marker'\n\nimport StartNode from './nodeTypes/StartNode'\nimport EndNode from './nodeTypes/EndNode'\nimport StepNode from './nodeTypes/StepNode'\nimport ElkEdge from './edgeTypes/ElkEdge'\nimport Sidebar from './Sidebar/Sidebar'\nimport cacheSettings from './cacheSettings'\nimport dfgColors from './dfgColors'\nimport { getGraph, getPaths } from './api'\nimport 'reactflow/dist/style.css'\n\nimport { arrowStyles, canvasControls, containerStyles, miniMap, reactFlowStyles } from './styles'\n\nconst transformGraphData = data => {\n  const nodes = data.graph.children.map(node => ({\n    ...node,\n    ariaLabel: `Node ${node.label}`,\n    data: { id: node.id, ...node.data },\n    type: node.data.type,\n    position: { x: node.x, y: node.y },\n  }))\n  const edges = data.graph.edges.map(edge => ({\n    id: edge.id,\n    source: edge.sources[0],\n    target: edge.targets[0],\n    label: `${edge.data.frequency}`,\n    type: 'elkEdge',\n    data: {\n      ...edge.data,\n      sections: edge.sections,\n      label: edge.edgeLabel,\n    },\n  }))\n\n  return {\n    nodes,\n    edges,\n    stats: data.path_stats,\n  }\n}\n\nconst Graph = ({\n  processId,\n  activePaths,\n  setActivePaths,\n  highlightedPaths,\n  setHighlightedPaths,\n  selectedStep,\n  setSelectedStep,\n}) => {\n  const reactFlowInstance = useReactFlow()\n\n  const { isLoading: isLoadingPaths, data: pathsData } = useQuery({\n    queryKey: ['flow-graph', { processId }],\n    queryFn: getPaths,\n    ...cacheSettings,\n  })\n\n  const { data: graphData } = useQuery({\n    queryKey: ['graph', { processId, activePaths: activePaths?.map(path => path.pathId) }],\n    queryFn: getGraph,\n    // disabled as long as activePaths is empty\n    enabled: activePaths.length !== 0,\n    keepPreviousData: true,\n    ...cacheSettings,\n    select: transformGraphData,\n  })\n\n  useEffect(() => {\n    reactFlowInstance.fitView()\n  }, [graphData, reactFlowInstance])\n\n  const handlePathSelect = (selectValue, pathId, pathUuid) => {\n    if (selectValue) {\n      setActivePaths(prevProps => [...prevProps, { pathId, pathUuid }])\n    } else {\n      setActivePaths(prevProps => prevProps.filter(path => path.pathUuid !== pathUuid))\n      // if path is highlighted removed remove highlight\n      if (highlightedPaths.includes(pathUuid)) {\n        setHighlightedPaths(highlightedPaths.filter(path => path !== pathUuid))\n      }\n    }\n  }\n\n  const handleSelectStep = useCallback(\n    (event, data) => {\n      if (selectedStep?.id !== data.id) {\n        setSelectedStep(data)\n      }\n      const newHighlightedPaths = intersection(\n        data.pathList,\n        activePaths.map(path => path.pathUuid)\n      )\n      setHighlightedPaths(newHighlightedPaths)\n    },\n    [activePaths, selectedStep]\n  )\n\n  const handleHighlightPath = ({ uuid }) => {\n    if (!activePaths?.some(path => path.pathUuid === uuid)) return null\n    setHighlightedPaths(\n      highlightedPaths.includes(uuid) ? highlightedPaths.filter(i => i !== uuid) : [...highlightedPaths, uuid]\n    )\n  }\n\n  const handleHighlightEdge = useCallback(\n    (e, data) => {\n      const activePathsUuids = activePaths.map(path => path.pathUuid)\n      const pathsToHighlight = intersection(activePathsUuids, data.pathList)\n      setHighlightedPaths(pathsToHighlight)\n    },\n    [activePaths]\n  )\n\n  const nodeTypes = useMemo(\n    () => ({\n      stepNode: nodeProps =>\n        StepNode({\n          ...nodeProps,\n          selectedStep,\n          handleSelectStep,\n          highlightedPaths,\n        }),\n      startNode: nodeProps =>\n        StartNode({\n          ...nodeProps,\n          frequency: graphData?.stats.frequency,\n        }),\n      endNode: nodeProps =>\n        EndNode({\n          ...nodeProps,\n          frequency: graphData?.stats.frequency,\n        }),\n    }),\n    [selectedStep, highlightedPaths, handleSelectStep, graphData]\n  )\n\n  const edgeTypes = useMemo(\n    () => ({\n      elkEdge: edgeProps =>\n        ElkEdge({\n          ...edgeProps,\n          highlightedPaths,\n          handleHighlightEdge,\n          activePaths,\n          edges: graphData?.edges,\n        }),\n    }),\n    [highlightedPaths, handleHighlightEdge, activePaths, graphData]\n  )\n\n  return (\n    <Fragment>\n      <svg style={arrowStyles}>\n        <defs>\n          <Marker id='standardArrow' color={dfgColors.edgeGray} />\n          <Marker id='customHoverArrow' color={dfgColors.hoverEdge} />\n          <Marker id='customSelectedArrow' color={dfgColors.edgeBlue} />\n          <Marker id='customZScoreArrow' color={dfgColors.edgePink} />\n        </defs>\n      </svg>\n\n      <Element style={containerStyles}>\n        <ReactFlow\n          edges={graphData?.edges}\n          edgeTypes={edgeTypes}\n          fitView={true}\n          minZoom={0}\n          nodes={graphData?.nodes}\n          nodesConnectable={false}\n          nodesDraggable={false}\n          nodeTypes={nodeTypes}\n          proOptions={{ hideAttribution: true }}\n          style={reactFlowStyles}\n        >\n          <Controls showInteractive={false} position='top-right' style={canvasControls} />\n          <MiniMap position='bottom-left' style={miniMap} />\n        </ReactFlow>\n        <Sidebar\n          activePaths={activePaths}\n          processId={processId}\n          handleHighlightPath={handleHighlightPath}\n          handlePathSelect={handlePathSelect}\n          highlightedPaths={highlightedPaths}\n          isLoadingPaths={isLoadingPaths}\n          pathsData={pathsData}\n          graphStats={graphData?.stats}\n          selectedStep={selectedStep}\n        />\n      </Element>\n    </Fragment>\n  )\n}\n\nexport default Graph\n","import React from 'react'\n\nconst Marker = ({ id, color }) => (\n  <marker\n    className='react-flow__arrowhead'\n    id={id}\n    markerHeight={25}\n    markerUnits='userSpaceOnUse'\n    markerWidth={25}\n    orient='auto-start-reverse'\n    refX='0'\n    refY='0'\n    viewBox='-10 -10 20 20'\n  >\n    <polyline\n      stroke={color}\n      strokeWidth={1}\n      strokeLinecap='round'\n      strokeLinejoin='round'\n      fill={color}\n      points='-5,-4 0,0 -5,4 -5,-4'\n    />\n  </marker>\n)\n\nexport default Marker\n","import React from 'react'\nimport { Select, theme } from '@fortressiq/fiq-ds'\nimport { useHistory } from 'react-router-dom'\n\nconst ProcessSelect = ({ allProcesses, isLoadingAllProcesses, processId }) => {\n  const history = useHistory()\n  const defaultValue = allProcesses?.find(process => process.value.toString() === processId)\n\n  const onChange = ({ value }) => {\n    history.push(`/flow-graph/${value}`)\n  }\n\n  const selectProps = {\n    onChange: onChange,\n    placeholder: 'Select a Process',\n    style: {\n      width: '60%',\n    },\n    styles: { menu: { zIndex: theme['z-modal-below'] } },\n  }\n\n  return <Select {...selectProps} value={defaultValue} isLoading={isLoadingAllProcesses} options={allProcesses} />\n}\n\nexport default ProcessSelect\n","import React, { useState, useEffect } from 'react'\nimport { Link } from 'react-router-dom'\n\nimport { Table, theme, Element, Select, Checkbox, Tooltip, Icon } from '@fortressiq/fiq-ds'\nimport { getTimeElapsed } from 'lib/Time'\nimport dfgColors from '../dfgColors'\n\nimport {\n  pathsDataPropTypes,\n  activePathsPropTypes,\n  highlightedPathsPropTypes,\n  handleHighlightPathPropTypes,\n  handlePathSelectPropTypes,\n  processIdPropTypes,\n} from '../commonPropTypes'\n\nconst durationOptions = [\n  { label: 'Average Duration', value: 'average' },\n  { label: 'Median Time', value: 'median' },\n  { label: 'Total Duration', value: 'total' },\n]\n\nconst constructPathsData = data => {\n  return data.map(path => ({\n    id: path.path_id,\n    uuid: path.path_uuid,\n    label: path.path_label,\n    frequency: path.stats.frequency,\n    averageDurationString: getTimeElapsed(path.stats.mean_duration),\n    medianDurationString: getTimeElapsed(path.stats.median_duration),\n    totalDurationString: getTimeElapsed(path.stats.duration),\n    durationString: getTimeElapsed(path.stats.mean_duration),\n  }))\n}\n\nconst PathStatistics = ({\n  activePaths,\n  handleHighlightPath,\n  handlePathSelect,\n  highlightedPaths,\n  isLoadingPaths,\n  pathsData,\n  processId,\n}) => {\n  const [durationType, setDurationType] = useState(durationOptions[0])\n  const [constructedPathsData, setConstructedPathsData] = useState([])\n\n  useEffect(() => {\n    if (!isLoadingPaths && pathsData) {\n      setConstructedPathsData(constructPathsData(pathsData))\n    }\n  }, [pathsData, isLoadingPaths])\n\n  const changeDurationType = ({ label, value }) => {\n    const newData = constructedPathsData?.map(row => ({\n      ...row,\n      durationString: row[`${value}DurationString`],\n    }))\n    setConstructedPathsData(newData)\n    setDurationType({ label, value })\n  }\n\n  const rowSelection = {\n    selectedRows: highlightedPaths,\n    selectedRowKey: 'uuid',\n    selectedRowColor: dfgColors.nodeFillBlue,\n  }\n\n  const columns = [\n    {\n      Header: '',\n      accessor: 'id',\n      width: 15,\n      minWidth: 15,\n      maxWidth: 15,\n      Cell: ({\n        row: {\n          original: { id, uuid },\n        },\n      }) => (\n        <Checkbox\n          checked={activePaths?.some(path => path.pathUuid === uuid)}\n          checkedBackgroundColor={dfgColors.checkboxBlue}\n          onCheck={e => handlePathSelect(e, id, uuid)}\n        />\n      ),\n    },\n    {\n      Header: 'Path',\n      accessor: 'label',\n      width: 80,\n      minWidth: 80,\n    },\n    {\n      Header: 'Instances',\n      accessor: 'frequency',\n      width: 70,\n      minWidth: 70,\n    },\n    {\n      Header: (\n        <Select\n          defaultValue={durationType}\n          menuPortalTarget={document.body}\n          onChange={e => changeDurationType(e)}\n          options={durationOptions}\n          size='small'\n          style={{ width: '130px' }}\n          styles={{\n            menu: {\n              zIndex: theme['z-modal-below'],\n            },\n          }}\n        />\n      ),\n      accessor: 'durationString',\n      disableTooltip: true,\n      isNotText: true,\n      padding: '3px 0 0',\n      width: 130,\n      minWidth: 130,\n    },\n    {\n      Header: '',\n      accessor: 'link',\n      width: 20,\n      minWidth: 20,\n      Cell: ({\n        row: {\n          original: { id },\n        },\n      }) => (\n        <Link to={`/instances-viewer/${processId}?pathId=${id}&graphType=flowgraph`}>\n          <Tooltip mouseEnterDelay={1000} placement='left-center' title='View in Instances Viewer'>\n            <Icon icon='instances' />\n          </Tooltip>\n        </Link>\n      ),\n    },\n  ].filter(Boolean)\n  return (\n    <Element style={{ margin: `-${theme['default-spacer-sm']}` }}>\n      <Table\n        columns={columns}\n        data={constructedPathsData}\n        disablePagination={true}\n        disableResizing={true}\n        disableSortBy={true}\n        loading={!constructedPathsData || isLoadingPaths}\n        onRowClick={handleHighlightPath}\n        rowSelection={rowSelection}\n        verticalBorders={false}\n      />\n    </Element>\n  )\n}\n\nPathStatistics.propTypes = {\n  activePaths: activePathsPropTypes,\n  handleHighlightPath: handleHighlightPathPropTypes,\n  handlePathSelect: handlePathSelectPropTypes,\n  highlightedPaths: highlightedPathsPropTypes,\n  pathsData: pathsDataPropTypes,\n  processId: processIdPropTypes,\n}\n\nexport default PathStatistics\n","import React from 'react'\n\nimport { Element, theme, Typography } from '@fortressiq/fiq-ds'\nimport { getTimeElapsed } from 'lib/Time'\nimport { graphStatsPropTypes } from '../commonPropTypes'\n\nconst { Text } = Typography\n\nconst rowCSS = {\n  display: 'flex',\n  padding: `${theme['default-spacer-md']} 0`,\n}\n\nconst columnCSS = {\n  borderLeft: `1px solid ${theme['legacy-color-gray1']}`,\n  flex: 1,\n  padding: `${theme['default-spacer-xs']} 0`,\n  textAlign: 'center',\n  '&:first-child': {\n    borderLeft: 0,\n  },\n}\n\nconst headerCSS = {\n  display: 'block',\n  fontSize: '14px',\n  fontWeight: 500,\n  marginBottom: theme['default-spacer-sm'],\n}\n\nconst numberCSS = {\n  color: theme['table-th-color'],\n  display: 'block',\n  fontSize: '10px',\n  fontWeight: 500,\n}\n\nconst PathsOverview = ({ graphStats }) => {\n  const stats = [\n    {\n      title: 'Instances',\n      key: 'stats-instances',\n      count: graphStats?.frequency || 0,\n    },\n    {\n      title: 'Total duration',\n      key: 'stats-total-duration',\n      count: getTimeElapsed(graphStats?.total_duration || 0),\n    },\n    {\n      title: 'Mean duration',\n      key: 'stats-mean-duration',\n      count: getTimeElapsed(graphStats?.mean_duration || 0),\n    },\n    {\n      title: 'Median duration',\n      key: 'stats-median-duration',\n      count: getTimeElapsed(graphStats?.median_duration || 0),\n    },\n  ]\n\n  return (\n    <Element style={rowCSS}>\n      {stats.map(({ title, count, key }) => (\n        <Element style={columnCSS} key={key}>\n          <Text style={headerCSS}>{count}</Text>\n          <Text style={numberCSS}>{title}</Text>\n        </Element>\n      ))}\n    </Element>\n  )\n}\n\nPathsOverview.propTypes = {\n  graphStats: graphStatsPropTypes,\n}\n\nexport default PathsOverview\n","import React, { useState } from 'react'\nimport { bool } from 'prop-types'\n\nimport SidePanel from 'components/detailsSidePanel/SidePanel'\nimport PathStatistics from './PathStatistics'\nimport PathsOverview from './PathsOverview'\nimport StepDetails from './StepDetails'\n\nimport {\n  pathsDataPropTypes,\n  activePathsPropTypes,\n  highlightedPathsPropTypes,\n  handleHighlightPathPropTypes,\n  handlePathSelectPropTypes,\n  processIdPropTypes,\n  graphStatsPropTypes,\n  selectedStepsPropTypes,\n} from '../commonPropTypes'\n\nconst Sidebar = ({\n  activePaths,\n  graphStats,\n  handleHighlightPath,\n  handlePathSelect,\n  highlightedPaths,\n  isLoadingPaths,\n  pathsData,\n  processId,\n  selectedStep,\n}) => {\n  const [showSidePanel, setShowSidePanel] = useState(true)\n  const [sidePanelActiveKey, setSidePanelActiveKey] = useState(['path-statistics', 'paths-overview', 'step-details'])\n\n  const numberOfPathsString = activePaths?.length ? `(${activePaths?.length} displayed)` : 'Loading'\n  const panels = [\n    {\n      header: 'Step details',\n      key: 'step-details',\n      panel: <StepDetails isLoadingPaths={isLoadingPaths} selectedStep={selectedStep} />,\n    },\n    {\n      header: `Paths overview ${numberOfPathsString}`,\n      key: 'paths-overview',\n      panel: <PathsOverview isLoadingPaths={isLoadingPaths} graphStats={graphStats} />,\n    },\n    {\n      header: `Path Statistics ${numberOfPathsString}`,\n      key: 'path-statistics',\n      panel: (\n        <PathStatistics\n          activePaths={activePaths}\n          handleHighlightPath={handleHighlightPath}\n          handlePathSelect={handlePathSelect}\n          highlightedPaths={highlightedPaths}\n          isLoadingPaths={isLoadingPaths}\n          pathsData={pathsData}\n          processId={processId}\n        />\n      ),\n    },\n  ]\n  return (\n    <SidePanel\n      collapse={!showSidePanel}\n      openKeys={sidePanelActiveKey}\n      onChange={setSidePanelActiveKey}\n      panels={panels}\n      toggleCollapse={() => setShowSidePanel(!showSidePanel)}\n    />\n  )\n}\n\nSidebar.propTypes = {\n  activePaths: activePathsPropTypes,\n  graphStats: graphStatsPropTypes,\n  handleHighlightPath: handleHighlightPathPropTypes,\n  handlePathSelect: handlePathSelectPropTypes,\n  highlightedPaths: highlightedPathsPropTypes,\n  isLoadingPaths: bool.isRequired,\n  pathsData: pathsDataPropTypes,\n  processId: processIdPropTypes,\n  selectedStep: selectedStepsPropTypes,\n}\n\nexport default Sidebar\n","import React, { Fragment } from 'react'\nimport { Element, Empty, theme } from '@fortressiq/fiq-ds'\nimport { useQuery } from '@tanstack/react-query'\nimport UnredactedImageViewerWithOption from 'components/image/UnredactedImageViewerWithOption'\n\nimport { getExemplarEvent } from '../api'\nimport cacheSettings from '../cacheSettings'\nimport dfgColors from '../dfgColors'\n\nconst statStyles = {\n  fontSize: '10px',\n  margin: '0 8px 4px 4px',\n}\n\nconst Stat = ({ label, value }) => (\n  <div style={statStyles}>\n    {label}: {value || '--'}{' '}\n  </div>\n)\n\nconst emptyStyles = { padding: '8px 0' }\n\nconst screenshotStyles = {\n  border: `1px solid ${dfgColors.screenshotBorderGray}`,\n  borderRadius: '4px',\n  margin: `${theme['default-spacer-sm']} 0`,\n  minHeight: '150px',\n  overflow: 'hidden',\n  padding: '2px',\n}\n\nconst transformExemplarEvent = data => {\n  return data.event\n    ? [\n        {\n          centered: true,\n          fluid: true,\n          src: data.event.screenshotUrl,\n          svgInfo: {\n            box: data.event.bounding_box || data.event.boundingBox,\n            x: data.event.coordX || data.event.coord_x,\n            y: data.event.coordY || data.event.coord_y,\n          },\n        },\n      ]\n    : null\n}\n\nconst StepDetails = ({ selectedStep, isLoadingPaths }) => {\n  const { data: images } = useQuery({\n    queryKey: ['exemplarEvent', { exemplarEventId: selectedStep?.exemplarEventId }],\n    queryFn: getExemplarEvent,\n    // disabled as long as selectedStep is empty\n    enabled: !!selectedStep?.exemplarEventId && !isLoadingPaths,\n    keepPreviousData: true,\n    select: transformExemplarEvent,\n    ...cacheSettings,\n  })\n\n  if (!selectedStep) return <Element style={emptyStyles}>Click on a step to see details...</Element>\n  return (\n    <Fragment>\n      <Stat label='Screen Name' value={selectedStep.name} />\n      <Stat label='Frequency' value={selectedStep.frequency} />\n      <Element style={screenshotStyles}>\n        {!!selectedStep?.exemplarEventId && images ? (\n          <UnredactedImageViewerWithOption\n            clickImageToFullscreen={true}\n            dark={false}\n            images={images}\n            maxHeight={200}\n            maxWidth={300}\n            openFullscreenOnLoad={false}\n            selectedIndex={0}\n            fullscreenEnabled={true}\n          />\n        ) : (\n          <Empty style={{ width: '100%' }} />\n        )}\n      </Element>\n    </Fragment>\n  )\n}\n\nexport default StepDetails\n","import api from 'lib/Api'\n\nconst NODE_WIDTH = 216.01\nconst NODE_HEIGHT = 53.01\n\nexport const getGraph = async ({ queryKey }) => {\n  const [, { processId, activePaths }] = queryKey\n  const params = {\n    pathIds: JSON.stringify(activePaths),\n    graphType: 'layered',\n    partitionStrategy: 'FIXED_START_END',\n    nodeWidth: NODE_WIDTH,\n    nodeHeight: NODE_HEIGHT,\n    layoutOptions: {\n      'layered.spacing.edgeNodeBetweenLayers': 20.01,\n      'layered.spacing.nodeNodeBetweenLayers': 50.01,\n      'spacing.edgeEdge': 30.01,\n      'layered.nodePlacement.strategy': 'BRANDES_KOEPF',\n      'layered.crossingMinimization.semiInteractive': true,\n      'elk.direction': 'DOWN',\n      'nodePlacement.favorStraightEdges': true,\n      'spacing.nodeNode': 20.01,\n      edgeRouting: 'SPLINES',\n    },\n  }\n  const { data } = await api.post(`/df_graph/process_layout/${processId}`, params)\n  return data\n}\n\nexport const getPaths = async ({ queryKey }) => {\n  const [, { processId }] = queryKey\n  const { data } = await api.get(`/df_graph/path_list/${processId}`)\n  return data.paths\n}\n\nexport const getExemplarEvent = async ({ queryKey }) => {\n  const [, { exemplarEventId }] = queryKey\n  const { data } = await api.get(`/event_logs/${exemplarEventId}`)\n  return data\n}\n\nexport const getAllProcesses = async () => {\n  const { data } = await api.get('/df_graph/process')\n  return data\n}\n","const cacheSettings = {\n  staleTime: 1000 * 60 * 10,\n  cacheTime: 1000 * 60 * 10,\n}\n\nexport default cacheSettings\n","import { arrayOf, shape, number, string, func, bool } from 'prop-types'\n\nexport const pathsDataPropTypes = arrayOf(\n  shape({\n    default_display: bool.isRequired,\n    path_id: number.isRequired,\n    path_label: string.isRequired,\n    path_uuid: string.isRequired,\n    stats: shape({\n      duration: number.isRequired,\n      frequency: number.isRequired,\n      mean_duration: number.isRequired,\n      median_duration: number.isRequired,\n    }).isRequired,\n  })\n)\n\nexport const activePathsPropTypes = arrayOf(\n  shape({\n    pathId: number.isRequired,\n    pathUuid: string.isRequired,\n  })\n).isRequired\n\nexport const highlightedPathsPropTypes = arrayOf(string).isRequired\n\nexport const handleHighlightPathPropTypes = func.isRequired\n\nexport const handlePathSelectPropTypes = func.isRequired\n\nexport const processIdPropTypes = string.isRequired\n\nexport const graphStatsPropTypes = shape({\n  total_duration: number.isRequired,\n  frequency: number.isRequired,\n  id: number.isRequired,\n  mean_duration: number.isRequired,\n  median_duration: number.isRequired,\n  steps: number.isRequired,\n})\n\nexport const selectedStepsPropTypes = shape({\n  applicationId: number.isRequired,\n  endOf: arrayOf(string).isRequired,\n  frequency: number.isRequired,\n  id: string.isRequired,\n  name: string.isRequired,\n  pathList: arrayOf(string).isRequired,\n  startOf: arrayOf(string).isRequired,\n  type: string.isRequired,\n})\n","import React from 'react'\n\nimport ExportButton from 'components/ExportButton/ExportButton'\nimport callbackStore from 'stores/callback'\n\nconst ExportProcess = ({ graphId, name }) => {\n  const options = [\n    {\n      text: 'Export Process (.csv)',\n      exportArgs: { graphId, exportType: 'flowgraph_process', graphType: 'flowgraph' },\n      disabled: false,\n    },\n  ]\n\n  return (\n    <ExportButton\n      buttonText='Export Process'\n      callbackStore={callbackStore}\n      defaultExportName={name}\n      exportType='graph'\n      options={options}\n    />\n  )\n}\n\nexport default ExportProcess\n","//graph colors here for now versus design system\nconst dfgColors = {\n  backgroundGray: '#eeeeee',\n  backgroundGrayDark: '#E0E0E0',\n  checkboxBlue: '#4E6B8C',\n  dashedEdgeGray: '#8A869E',\n  edgeGray: '#A9A9A9',\n  edgeBlue: '#2276D9',\n  edgePink: '#BD44AB',\n  edgeLabelBackgroundGray: '#f5f5f5',\n  nodeFillBlue: '#CDE5F5',\n  nodeBorderBlue: '#2276D9',\n  nodeBorderGray: '#E0E0E0',\n  startGreen: '#9BA837',\n  endRed: '#E34426',\n  appPink: '#B44055',\n  screenshotBorderGray: '#949494',\n  hoverEdge: '#333333',\n}\n\nexport default dfgColors\n","import React, { useCallback, Fragment, useState } from 'react'\nimport { arrayOf, number, shape, string } from 'prop-types'\n\nimport { Element } from '@fortressiq/fiq-ds'\nimport { useStore, EdgeLabelRenderer } from 'reactflow'\nimport intersection from 'lodash/intersection'\n\nimport { graphZIndex } from '../styles'\n\nimport dfgColors from '../dfgColors'\n\nconst getStrokeColor = (isHighlighted, zScore) => {\n  if (isHighlighted) {\n    return dfgColors.edgeBlue\n  } else if (zScore > 1) {\n    return dfgColors.edgePink\n  } else {\n    return dfgColors.edgeGray\n  }\n}\n\nconst getMarkerEnd = (isHighlighted, zScore, isHover) => {\n  if (isHover) {\n    return 'url(#customHoverArrow)'\n  } else if (isHighlighted) {\n    return 'url(#customSelectedArrow)'\n  } else if (zScore > 1) {\n    return 'url(#customZScoreArrow)'\n  } else {\n    return 'url(#standardArrow)'\n  }\n}\n\nconst getStrokeWidth = zScore => {\n  if (zScore > 1) return 3\n  return 1\n}\n\nconst ElkEdge = ({ id, source, target, style, data, highlightedPaths, handleHighlightEdge, edges }) => {\n  const [isHover, setIsHover] = useState(false)\n  const sourceNode = useStore(useCallback(store => store.nodeInternals.get(source), [source]))\n  const targetNode = useStore(useCallback(store => store.nodeInternals.get(target), [target]))\n  const isHighlighted = intersection(highlightedPaths, data.pathList).length !== 0\n\n  if (!sourceNode || !targetNode) {\n    return null\n  }\n\n  const x1 = data?.sections[0]?.startPoint?.x\n  const y1 = data?.sections[0]?.startPoint?.y\n  const x2 = data?.sections[0]?.endPoint?.x\n  const y2 = data?.sections[0]?.endPoint?.y\n\n  const getEdgeData = () => {\n    let d = `M${x1},${y1} C`\n\n    data?.sections?.[0]?.bendPoints?.forEach(bend => {\n      d += ` ${bend.x},${bend.y}`\n    })\n    d += ` ${x2},${y2}`\n\n    return d\n  }\n\n  const calcStartLabel = () => {\n    let tempInFreq = 0\n    edges.forEach(edge => {\n      if (edge.target === targetNode.id && edge.source !== 'start_node' && edge.target !== 'end_node') {\n        tempInFreq += edge.data.frequency\n      }\n    })\n    return targetNode.data.frequency - tempInFreq\n  }\n\n  const calcEndLabel = () => {\n    let tempOutFreq = 0\n    edges.forEach(edge => {\n      if (edge.source === sourceNode.id && edge.source !== 'start_node' && edge.target !== 'end_node') {\n        tempOutFreq += edge.data.frequency\n      }\n    })\n    return sourceNode.data.frequency - tempOutFreq\n  }\n\n  const getLabel = () => {\n    if (sourceNode.type === 'startNode') {\n      return calcStartLabel()\n    }\n\n    if (targetNode.type === 'endNode') {\n      return calcEndLabel()\n    }\n    return data.frequency\n  }\n\n  const edgePath = getEdgeData()\n  const strokeWidth = getStrokeWidth(data.zScore)\n  const strokeColor = isHover ? dfgColors.hoverEdge : getStrokeColor(isHighlighted, data.zScore)\n  const markerEnd = getMarkerEnd(isHighlighted, data.zScore, isHover)\n  const edgeStyle = {\n    stroke: strokeColor,\n    strokeWidth: strokeWidth,\n    zIndex: graphZIndex.edge,\n    ...(data?.type !== 'stepEdge' && { strokeDasharray: '8,8' }),\n  }\n\n  const edgeLabelStyles = {\n    position: 'absolute',\n    transform: `translate(-50%, -50%) translate(${data.label.x}px,${data.label.y}px)`,\n    background: dfgColors.edgeLabelBackgroundGray,\n    border: `${isHover ? '1px' : 0} solid ${dfgColors.hoverEdge}`,\n    padding: '4px',\n    borderRadius: '8px',\n    fontSize: '12px',\n    color: '#000',\n    zIndex: isHover ? graphZIndex.overNode : graphZIndex.overEdge,\n    pointerEvents: 'auto',\n  }\n\n  return (\n    <Fragment>\n      <path\n        d={edgePath}\n        stroke='transparent'\n        fill='none'\n        strokeWidth={10}\n        onClick={e => handleHighlightEdge(e, data)}\n        onMouseEnter={() => setIsHover(true)}\n        onMouseLeave={() => setIsHover(false)}\n        data-automation-id={`from ${sourceNode.id} to ${targetNode.id}`}\n      />\n      <path\n        markerEnd={markerEnd}\n        id={id}\n        style={{ ...style, ...edgeStyle }}\n        className='react-flow__edge-path'\n        d={edgePath}\n        onClick={e => handleHighlightEdge(e, data)}\n      />\n      <EdgeLabelRenderer>\n        <Element onMouseEnter={() => setIsHover(true)} onMouseLeave={() => setIsHover(false)} style={edgeLabelStyles}>\n          {getLabel()}\n        </Element>\n      </EdgeLabelRenderer>\n    </Fragment>\n  )\n}\n\nconst sectionShape = shape({\n  x: number.isRequired,\n  y: number.isRequired,\n})\n\nElkEdge.propTypes = {\n  data: shape({\n    pathList: arrayOf(string.isRequired).isRequired,\n    sections: arrayOf(\n      shape({\n        endPoint: sectionShape.isRequired,\n        id: string.isRequired,\n        startPoint: sectionShape.isRequired,\n      }).isRequired\n    ).isRequired,\n  }).isRequired,\n  highlightedPaths: arrayOf(string).isRequired,\n  id: string.isRequired,\n  source: string.isRequired,\n  target: string.isRequired,\n}\n\nexport default ElkEdge\n","import React from 'react'\nimport { Handle, Position } from 'reactflow'\nimport { theme } from '@fortressiq/fiq-ds'\nimport dfgColors from '../dfgColors'\n\nconst nodeStyle = {\n  height: '50px',\n  width: '50px',\n  borderRadius: '100%',\n  backgroundColor: dfgColors.endRed,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n}\n\nconst stopStyles = {\n  width: '15px',\n  height: '15px',\n  background: theme.white,\n}\n\nconst EndNode = ({ frequency }) => {\n  return (\n    <React.Fragment>\n      <Handle type='target' position={Position.Top} style={{ opacity: 0 }} />\n      <div style={{ textAlign: 'center' }}>\n        <div style={nodeStyle}>\n          <div style={stopStyles} />\n        </div>\n        <div style={{ fontWeight: 700, marginTop: theme['default-spacer-sm'] }}>End</div>\n        <div>{frequency}</div>\n      </div>\n      <Handle type='source' id='a' position={Position.Bottom} style={{ opacity: 0 }} />\n      <Handle type='source' id='b' position={Position.Bottom} style={{ opacity: 0 }} />\n    </React.Fragment>\n  )\n}\n\nexport default EndNode\n","import React from 'react'\nimport { Handle, Position } from 'reactflow'\nimport { theme, Element } from '@fortressiq/fiq-ds'\nimport dfgColors from '../dfgColors'\n\nconst nodeStyle = {\n  height: '50px',\n  width: '50px',\n  borderRadius: '100%',\n  backgroundColor: dfgColors.startGreen,\n  display: 'flex',\n  alignItems: 'center',\n}\n\nconst playStyles = {\n  width: 0,\n  height: 0,\n  border: '10px solid transparent',\n  borderLeft: `15px solid ${theme.white}`,\n  position: 'relative',\n  left: '19px',\n}\n\nconst StartNode = ({ frequency }) => {\n  return (\n    <React.Fragment>\n      <Handle type='target' position={Position.Top} style={{ opacity: 0 }} />\n      <Element style={{ textAlign: 'center' }}>\n        <Element style={{ fontWeight: 700 }}>Start</Element>\n        <Element style={{ marginBottom: theme['default-spacer-sm'] }}>{frequency}</Element>\n        <Element style={nodeStyle}>\n          <Element style={playStyles} />\n        </Element>\n      </Element>\n      <Handle type='source' id='a' position={Position.Bottom} style={{ opacity: 0 }} />\n      <Handle type='source' id='b' position={Position.Bottom} style={{ opacity: 0 }} />\n    </React.Fragment>\n  )\n}\n\nexport default StartNode\n","import React, { Fragment } from 'react'\nimport { number, string, shape, arrayOf } from 'prop-types'\nimport { Handle, Position } from 'reactflow'\n\nimport { ApplicationIcon, Element, theme } from '@fortressiq/fiq-ds'\nimport { ellipsisCSS } from 'styles/utils'\n\nimport { graphZIndex } from '../styles'\n\nimport { selectedStepsPropTypes } from '../commonPropTypes'\nimport dfgColors from '../dfgColors'\n\nconst textStyle = {\n  ...ellipsisCSS(),\n  width: '150px',\n}\n\nconst StepNode = ({ id, data, selectedStep, highlightedPaths, handleSelectStep }) => {\n  const selected = id === selectedStep?.id\n  let outlined = false\n\n  data.pathList.forEach(pathId => {\n    if (highlightedPaths.includes(pathId)) {\n      outlined = true\n    }\n  })\n\n  const nodeStyle = {\n    border: selected || outlined ? `2px solid ${dfgColors.nodeBorderBlue}` : `1px solid ${dfgColors.nodeBorderGray}`,\n    padding: theme['default-spacer-sm'],\n    width: '216px',\n    height: '53px',\n    borderRadius: theme['default-spacer-sm'],\n    backgroundColor: selected ? dfgColors.nodeFillBlue : theme.white,\n    display: 'flex',\n    alignItems: 'center',\n    boxShadow: 'rgba(0, 0, 0, 0.2) 2px 2px 3px 1px',\n    zIndex: graphZIndex.node,\n  }\n\n  const frequencyStyle = {\n    fontWeight: 700,\n  }\n\n  return (\n    <Fragment>\n      <Handle type='target' position={Position.Top} style={{ opacity: 0 }} />\n      <Element style={nodeStyle} onClick={e => handleSelectStep(e, data)}>\n        <ApplicationIcon\n          name={data.applicationName || '--'}\n          size={30}\n          src={data.applicationIconUrl}\n          style={{ marginRight: theme['default-spacer-sm'] }}\n        />\n        <div>\n          <Element style={textStyle}>{data.name}</Element>\n          <Element style={frequencyStyle}>{data.frequency}</Element>\n        </div>\n      </Element>\n      <Handle type='source' id='a' position={Position.Bottom} style={{ opacity: 0 }} />\n    </Fragment>\n  )\n}\n\nStepNode.propTypes = {\n  data: shape({\n    applicationId: number.isRequired,\n    endOf: arrayOf(string).isRequired,\n    frequency: number.isRequired,\n    id: string.isRequired,\n    name: string.isRequired,\n    pathList: arrayOf(string.isRequired).isRequired,\n    startOf: arrayOf(string).isRequired,\n    type: string.isRequired,\n  }).isRequired,\n  highlightedPaths: arrayOf(arrayOf).isRequired,\n  id: string.isRequired,\n  selectedStep: selectedStepsPropTypes,\n}\n\nexport default StepNode\n","import dfgColors from '../dfgColors'\n\nexport const containerStyles = {\n  background: dfgColors.backgroundGray,\n  height: '100%',\n  width: '100%',\n  display: 'flex',\n}\n\nexport const arrowStyles = { position: 'absolute', top: 0, left: 0 }\n\nexport const reactFlowStyles = { flex: 1 }\n\nexport const miniMap = {\n  boxShadow: '1px 1px 5px 1px rgba(0,0,0,.1)',\n  backdropFilter: 'blur(5px)',\n  opacity: 0.9,\n}\n\nexport const canvasControls = { borderRadius: '12px', overflow: 'hidden' }\n\nexport const graphZIndex = {\n  edge: -1,\n  overEdge: 0,\n  node: 1,\n  overNode: 2,\n}\n","import React, { Fragment, useEffect } from 'react'\n\nimport { observer } from 'mobx-react'\nimport { toJS } from 'mobx'\nimport { Heading } from '@fortressiq/fiq-ds'\n\nimport rappid from 'vendor/rappid'\n\nimport ControlsBar from './controlsBar/ControlsBar'\nimport LeftPanel from './leftPanel/LeftPanel'\n\nimport './diagram.scss'\n\nimport DiagramInspector from './diagramInspector/DiagramInspector'\n\nimport { initInspector, initHalo, initLinks } from './DiagramComposerEvents'\nimport store from './store/DiagramComposerStore'\n\nimport { useHeaderDispatch } from '../header/HeaderContext'\n\nimport css from './diagramComposerStyle.scss'\n\nconst pageTitle = 'Diagram Composer'\n\nconst Teaser = ({ id }) => {\n  return id !== 'new' ? (\n    <span>\n      Editing <em>{store.diagramName}</em> process\n    </span>\n  ) : (\n    'Design a process'\n  )\n}\n\nconst DiagramComposer = ({\n  match: {\n    params: { id },\n  },\n  location: { state = {} },\n}) => {\n  const headerDispatch = useHeaderDispatch()\n  const diagramData = toJS(store.diagramData)\n\n  useEffect(() => {\n    store.initPaper()\n    initHalo()\n    store.initSelection()\n    initLinks()\n    initInspector()\n  }, [])\n\n  useEffect(() => {\n    store.loadData(id)\n  }, [id])\n\n  useEffect(() => {\n    drawDiagram()\n  }, [diagramData])\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      title: pageTitle,\n      heading: (\n        <Fragment>\n          <Heading className='header-title' level={1}>\n            {pageTitle}\n          </Heading>\n          <Heading className='header-title' level={2}>\n            <Teaser id={id} />\n          </Heading>\n        </Fragment>\n      ),\n    })\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch, id])\n\n  const autoLayout = () => {\n    rappid.layout.DirectedGraph.layout(store.graph, {\n      setLinkVertices: true,\n      rankDir: 'TB',\n      marginX: 100,\n      marginY: 100,\n    })\n  }\n\n  const drawDiagram = () => {\n    if (!diagramData) return\n    const rects = diagramData.cells.filter(cell => cell.type === 'standard.Rectangle')\n    const xPositions = rects.map(cell => cell.position.x)\n    const yPositions = rects.map(cell => cell.position.y)\n\n    const allSameX = xPositions.every((val, i, arr) => val === arr[0])\n    const allSameY = yPositions.every((val, i, arr) => val === arr[0])\n    store.graph.fromJSON(diagramData)\n\n    if (allSameX && allSameY) {\n      autoLayout()\n    }\n  }\n\n  return (\n    <Fragment>\n      <div id='_DiagramComposer' className={css.page}>\n        <LeftPanel />\n\n        <div id='paperBack' className={css.diagramBack}>\n          <ControlsBar autoLayout={autoLayout} specId={state.specId} />\n          <div id='paperContainer' className={`${css.diagramContainer}`} />\n          <DiagramInspector id='inspectorContainer' />\n        </div>\n      </div>\n      <div id='measurePaper' className={css.measurePaper} style={{ height: '11in', width: '8.5in' }} />\n    </Fragment>\n  )\n}\n\nexport default observer(DiagramComposer)\n","//jointJS actions that initialize event handlers for the diagram composer\nimport rappid from 'vendor/rappid.js'\n\nimport { handles } from './config/config_halo'\n\nimport store from './store/DiagramComposerStore'\n\nexport const initInspector = () => {\n  store.paper.on('element:pointerclick', elementView => store.updateViewing(elementView))\n  store.paper.on('link:pointerup', elementView => store.updateViewing(elementView))\n}\n\nexport const initHalo = () => {\n  store.paper.on('element:pointerclick', elementView => {\n    if (!elementView.model.hasPorts()) {\n      // Only shapes without ports will have the \"link\" handle in the Halo control panel.\n      // Shapes with ports can be connected by \"dragging\" ports.\n      handles.push({\n        name: 'link',\n        position: 'e',\n        events: { pointerdown: 'startLinking', pointermove: 'doLink', pointerup: 'stopLinking' },\n      })\n    }\n    const halo = new rappid.ui.Halo({\n      cellView: elementView,\n      handles: handles,\n    }).render()\n\n    halo.on('action:openInNewTab:pointerdown', event => handleOpenInNewTab(event, elementView.model))\n\n    const freeTransform = new rappid.ui.FreeTransform({ cellView: elementView, allowRotation: false })\n    freeTransform.render()\n  })\n}\n\nconst handleOpenInNewTab = async (event, model) => {\n  event.stopPropagation()\n  window.open(`/diagrams/new?graph_process_id=${model.id}`)\n}\n\nexport const initLinks = () => {\n  store.paper.on(\n    {\n      'element:pointerup': elementView => {\n        const element = elementView.model\n        if (store.selection.collection.contains(element)) return\n        new rappid.ui.FreeTransform({\n          cellView: elementView,\n          allowRotation: false,\n          preserveAspectRatio: !!element.get('preserveAspectRatio'),\n          allowOrthogonalResize: element.get('allowOrthogonalResize') !== false,\n        }).render()\n\n        new rappid.ui.Halo({\n          cellView: elementView,\n          handles: handles,\n        }).render()\n\n        store.selection.collection.reset([])\n        store.selection.collection.add(element, { silent: true })\n        store.paper.removeTools()\n      },\n      'link:pointerup': linkView => {\n        const link = linkView.model\n        const ns = rappid.linkTools\n        const toolsView = new rappid.dia.ToolsView({\n          name: 'link-pointerdown',\n          tools: [\n            new ns.Vertices(),\n            new ns.SourceAnchor(),\n            new ns.TargetAnchor(),\n            new ns.SourceArrowhead(),\n            new ns.TargetArrowhead(),\n            new ns.Segments(),\n            new ns.Boundary({ padding: 15 }),\n            new ns.Remove({ offset: -20, distance: 40 }),\n          ],\n        })\n\n        store.selection.collection.reset([])\n        store.selection.collection.add(link, { silent: true })\n\n        const { paper } = store\n        rappid.ui.Halo.clear(paper)\n        rappid.ui.FreeTransform.clear(paper)\n        paper.removeTools()\n        linkView.addTools(toolsView)\n      },\n\n      'link:mouseenter': linkView => {\n        // Open tool only if there is none yet\n        if (linkView.hasTools()) return\n\n        const ns = rappid.linkTools\n        const toolsView = new rappid.dia.ToolsView({\n          name: 'link-hover',\n          tools: [new ns.Vertices({ vertexAdding: false }), new ns.SourceArrowhead(), new ns.TargetArrowhead()],\n        })\n        linkView.addTools(toolsView)\n      },\n\n      'link:mouseleave': linkView => {\n        // Remove only the hover tool, not the pointerdown tool\n        if (linkView.hasTools('link-hover')) {\n          linkView.removeTools()\n        }\n      },\n    },\n    store\n  )\n}\n","import newTabImage from 'images/newTab.svg'\n\nexport const handles = [\n  {\n    name: 'remove',\n    position: 'nw',\n    events: { pointerdown: 'removeElement' },\n    attrs: {\n      '.handle': {\n        'data-tooltip-class-name': 'small',\n        'data-tooltip': 'Click to remove the object',\n        'data-tooltip-position': 'right',\n        'data-tooltip-padding': 15,\n      },\n    },\n  },\n  {\n    name: 'unlink',\n    position: 'w',\n    events: { pointerdown: 'unlinkElement' },\n    attrs: {\n      '.handle': {\n        'data-tooltip-class-name': 'small',\n        'data-tooltip': 'Click to break all connections to other objects',\n        'data-tooltip-position': 'right',\n        'data-tooltip-padding': 15,\n      },\n    },\n  },\n  {\n    name: 'link',\n    position: 'e',\n    events: { pointerdown: 'startLinking', pointermove: 'doLink', pointerup: 'stopLinking' },\n    attrs: {\n      '.handle': {\n        'data-tooltip-class-name': 'small',\n        'data-tooltip': 'Click and drag to connect the object',\n        'data-tooltip-position': 'left',\n        'data-tooltip-padding': 15,\n      },\n    },\n  },\n  {\n    name: 'rotate',\n    position: 'sw',\n    events: { pointerdown: 'startRotating', pointermove: 'doRotate', pointerup: 'stopBatch' },\n    attrs: {\n      '.handle': {\n        'data-tooltip-class-name': 'small',\n        'data-tooltip': 'Click and drag to rotate the object',\n        'data-tooltip-position': 'right',\n        'data-tooltip-padding': 15,\n      },\n    },\n  },\n  {\n    name: 'openInNewTab',\n    position: 'ne',\n    icon: newTabImage,\n    attrs: {\n      '.handle': {\n        'data-tooltip-class-name': 'small',\n        'data-tooltip': 'Click to view subprocess or event group',\n        'data-tooltip-position': 'right',\n        'data-tooltip-padding': 15,\n      },\n    },\n  },\n]\n\nexport default handles\n","export const selection = [\n  {\n    name: 'remove',\n    position: 'nw',\n    events: {\n      pointerdown: 'removeElements',\n    },\n    attrs: {\n      '.handle': {\n        'data-tooltip-class-name': 'small',\n        'data-tooltip': 'Click to remove the selected elements',\n        'data-tooltip-position': 'right',\n        'data-tooltip-padding': 15,\n      },\n    },\n  },\n  {\n    name: 'rotate',\n    position: 'sw',\n    events: {\n      pointerdown: 'startRotating',\n      pointermove: 'doRotate',\n      pointerup: 'stopBatch',\n    },\n    attrs: {\n      '.handle': {\n        'data-tooltip-class-name': 'small',\n        'data-tooltip': 'Click and drag to rotate the selected elements',\n        'data-tooltip-position': 'right',\n        'data-tooltip-padding': 15,\n      },\n    },\n  },\n  {\n    name: 'resize',\n    position: 'se',\n    events: {\n      pointerdown: 'startResizing',\n      pointermove: 'doResize',\n      pointerup: 'stopBatch',\n    },\n    attrs: {\n      '.handle': {\n        'data-tooltip-class-name': 'small',\n        'data-tooltip': 'Click and drag to resize the selected elements',\n        'data-tooltip-position': 'left',\n        'data-tooltip-padding': 15,\n      },\n    },\n  },\n]\n\nexport default selection\n","import rappid from 'vendor/rappid.js'\n\nimport { Rectangle } from '../shape_defs/Rectangle'\n\n// initialize/define shapes here\nRectangle(rappid)\n\nrappid.shapes.standard.Link.define(\n  'app.Link',\n  {\n    router: {\n      name: 'normal',\n    },\n    connector: {\n      name: 'rounded',\n    },\n    labels: [],\n    attrs: {\n      line: {\n        stroke: '#E1E5EB',\n        strokeDasharray: '0',\n        strokeWidth: 2,\n        fill: 'none',\n        sourceMarker: {\n          type: 'path',\n          d: 'M 0 0 0 0',\n          stroke: 'none',\n        },\n        targetMarker: {\n          type: 'path',\n          d: 'M8 -5 -2 0 8 5z',\n          stroke: 'none',\n          fill: '#E1E5EB',\n        },\n      },\n    },\n  },\n  {\n    defaultLabel: {\n      attrs: {\n        rect: {\n          fill: '#ffffff',\n          stroke: '#E1E5EB',\n          strokeWidth: 1,\n          refWidth: 10,\n          refHeight: 10,\n          refX: -5,\n          refY: -5,\n        },\n      },\n    },\n  }\n)\n","import React from 'react'\nimport { useHistory, useParams } from 'react-router-dom'\n\nimport { Button, ButtonGroup, Group, Popconfirm, theme, useModal } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\n\nimport store from '../store/DiagramComposerStore'\nimport SaveModal from './SaveModal'\nimport generatePdd from './generatePdd'\n\nconst ControlsBar = ({ autoLayout, specId }) => {\n  const history = useHistory()\n  const { id: flowchartId } = useParams()\n  const { addModal, removeModal } = useModal()\n  const modalID = 'diagram-composer-save-modal'\n\n  const generate = (includeFullImages = false) => {\n    if (specId) {\n      api.delete(`/process_specs/${specId}/delete_pdd`)\n    }\n    generatePdd({ flowchartId, specId, includeFullImages })\n    history.push('/pdds')\n  }\n\n  const generateWithImages = () => {\n    generate(true)\n  }\n\n  return (\n    <Group\n      gutter={8}\n      style={{\n        margin: 0,\n        position: 'absolute',\n        right: theme['default-spacer-md'],\n        top: theme['default-spacer-md'],\n        zIndex: 10,\n      }}\n      type='flex'\n    >\n      <ButtonGroup>\n        <Button onClick={autoLayout} size='small'>\n          Auto Layout\n        </Button>\n        {flowchartId !== 'new' && (\n          <Popconfirm\n            cancelText='No'\n            okText='Yes'\n            onCancel={generate}\n            onConfirm={generateWithImages}\n            placement='left-center'\n            title='Include an image appendix?'\n          >\n            <Button size='small'>Generate PDD</Button>\n          </Popconfirm>\n        )}\n      </ButtonGroup>\n      <Button\n        onClick={() =>\n          addModal({\n            children: (\n              <SaveModal\n                flowchartId={flowchartId}\n                diagramName={store.diagramName}\n                onClose={() => removeModal(modalID)}\n              />\n            ),\n            footer: false,\n            header: 'Save a Process Specification',\n            id: modalID,\n            style: { maxWidth: '400px' },\n          })\n        }\n        size='small'\n        type='secondary'\n      >\n        Save\n      </Button>\n    </Group>\n  )\n}\n\nexport default ControlsBar\n","import React, { Fragment, useEffect } from 'react'\nimport DOMPurify from 'dompurify'\n\nimport { useHistory } from 'react-router-dom'\nimport { Button, ButtonGroup, Input, theme } from '@fortressiq/fiq-ds'\nimport { useGetSetState } from 'react-use'\nimport { observer } from 'mobx-react'\n\nimport store from '../store/DiagramComposerStore'\n\nconst SaveModal = ({ onClose, flowchartId, diagramName: defaultDiagramName }) => {\n  const history = useHistory()\n  const [get, setState] = useGetSetState({ name: defaultDiagramName })\n\n  const save = async e => {\n    e.preventDefault()\n    if (!get().name && !defaultDiagramName) return\n\n    const diagram = await store.saveDiagram(flowchartId, get().name || defaultDiagramName)\n    onClose()\n    history.replace(DOMPurify.sanitize(`/diagrams/${diagram.id}`))\n\n    store.loadData(flowchartId)\n  }\n\n  useEffect(() => {\n    if (flowchartId === 'new') {\n      setState({ name: '' })\n    }\n  }, [flowchartId, setState])\n\n  return (\n    <Fragment>\n      <Input\n        defaultValue={get().name || defaultDiagramName}\n        label='Name'\n        id='name'\n        onChange={({ target: { value } }) => setState({ name: value })}\n        placeholder='New Process Specification Name'\n        style={{ marginTop: theme['default-spacer-sm'] }}\n      />\n      <ButtonGroup style={{ display: 'block', marginTop: theme['default-spacer-md'], textAlign: 'right' }}>\n        <Button disabled={get().name.length === 0} onClick={save} type='primary'>\n          Save\n        </Button>\n      </ButtonGroup>\n    </Fragment>\n  )\n}\n\nexport default observer(SaveModal)\n","import joint from 'vendor/rappid.js'\n\nimport api from 'lib/Api'\nimport pddGenProgress from 'app/pdds/PddGenToast'\n\nimport store from '../store/DiagramComposerStore'\n\nexport const pddGenProgressCallbackId = 'pddGenProgress'\n\nconst renderIframe = document.createElement('iframe')\n\n// Wrap jointjs toPNG callback in an ES6 promise.\nconst toPNG = paper => {\n  return new Promise(resolve => {\n    paper.toPNG(png => resolve(png))\n  })\n}\n\nconst rasterize = diagramData => {\n  const graph = new joint.dia.Graph()\n  const paper = new joint.dia.Paper({\n    el: renderIframe.contentDocument.body,\n    width: 600,\n    height: 600,\n    model: graph,\n    defaultLink: new joint.shapes.app.Link(),\n    linkConnectionPoint: joint.util.shapePerimeterConnectionPoint,\n    interactive: false,\n  })\n\n  graph.fromJSON(diagramData)\n  joint.layout.DirectedGraph.layout(graph, {\n    setLinkVertices: true,\n    rankDir: 'TB',\n    marginX: 100,\n    marginY: 100,\n  })\n\n  return toPNG(paper)\n}\n\nconst rasterizeGraphs = graphData => Promise.all(Object.values(graphData).map(rasterize))\n\nconst getGraphsData = cells =>\n  cells.reduce(async (acc, cell) => {\n    if (cell.processId) {\n      const {\n        data: { flowchart },\n      } = await api.get(`/flowcharts/new?graph_process_id=${cell.processId}`)\n      acc[cell.processId] = flowchart.diagramData\n    }\n    return acc\n  }, {})\n\nconst generatePdd = async ({ flowchartId, specId, includeFullImages }) => {\n  store.addGeneratingPdd(specId)\n  document.body.appendChild(renderIframe)\n\n  store.saveDiagram(flowchartId, store.diagramName)\n\n  const diagramData = store.graph.toJSON()\n\n  // 1. Collect data\n  pddGenProgress({ step: 'Collecting Data' })\n  const graphsData = await getGraphsData(diagramData.cells)\n\n  // 2. Rasterize the overview diagram.\n  pddGenProgress({ step: 'Rasterizing Overview' })\n  const overview = await rasterize(diagramData)\n\n  // 3. Rasterize all processes in the overview diagram.\n  pddGenProgress({ step: 'Rasterizing Graphs' })\n  const graphs = await rasterizeGraphs(graphsData)\n\n  document.body.removeChild(renderIframe)\n\n  // 4. Create the ProcessSpec (PDD).\n  return api.post('/process_specs', {\n    flowchartId,\n    overview,\n    graphs,\n    callbackId: pddGenProgressCallbackId,\n    includeFullImages,\n  })\n}\n\nexport default generatePdd\n","import React from 'react'\nimport { observer } from 'mobx-react'\n\nimport Inspector from 'components/inspector/Inspector'\nimport EditDecisionInPlace from 'app/inspectors/EditDecisionInPlace'\nimport EditDiagramNode from 'app/inspectors/EditDiagramNode'\n\nimport Utils from '../utils'\n\nimport store from '../store/DiagramComposerStore'\n\nimport css from './diagramInspectorStyle.scss'\n\n@observer\nclass DiagramInspector extends React.Component {\n  render() {\n    const { attributes } = store.viewing || {}\n\n    return (\n      <Inspector header='Details' showDetails={true} className={css.inspector}>\n        <div className={css.container}>\n          {attributes ? this.renderContents() : <span className={css.none}>Select a node to view details</span>}\n        </div>\n      </Inspector>\n    )\n  }\n\n  onEnter = (name, value) => {\n    store.updateValue(name, value)\n  }\n\n  renderContents = () => {\n    const { attributes } = store.viewing || {}\n\n    switch (attributes.nodeType) {\n      case 'decision':\n        return (\n          <EditDecisionInPlace\n            key={`node-${attributes.id}`}\n            name={store.activeLabel}\n            description={store.activeDescription}\n            rules={store.activeRules}\n            onEnter={this.onEnter}\n            store={store}\n            generateLabel={Utils.generateLabel}\n          />\n        )\n      default:\n        return (\n          <EditDiagramNode\n            key={`node-${attributes.id}`}\n            number={store.activeNumber}\n            name={store.activeLabel}\n            description={store.activeDescription}\n            store={store}\n            onEnter={this.onEnter}\n          />\n        )\n    }\n  }\n}\n\nexport default DiagramInspector\n","import React from 'react'\nimport css from './menuItem.scss'\n\nconst DecisionMenuItem = ({ onClick }) => (\n  <div className={css.row} onClick={onClick}>\n    <div className={css.shape}>\n      <svg width={20} height={13}>\n        <path d='M0 6 L10 12 L20 6 L10 0Z' fill='#8995ad' stroke='transparent' />\n      </svg>\n    </div>\n    <div className={css.name}>Decision Point</div>\n    <div className={css.steps} />\n  </div>\n)\n\nexport default DecisionMenuItem\n","import React from 'react'\nimport CirclePlus from 'images/circlePlus.svg'\n\nimport css from './menuItem.scss'\n\nconst GroupRow = ({ group, groupClick }) => {\n  const { id, name, nodeIds } = group\n  return (\n    <div className={css.row} onClick={() => groupClick(id)}>\n      <div className={css.shape}>\n        <svg width={20} height={13}>\n          <path d='M0 0 H 20 V 20 H 0 L 0 0' fill='#8995ad' stroke='transparent' />\n        </svg>\n      </div>\n      <div className={css.name}>{name}</div>\n      <div className={css.steps}>{nodeIds.length}</div>\n      <div className={css.add}>\n        <img className={css.addIcon} src={CirclePlus} />\n      </div>\n    </div>\n  )\n}\nexport default GroupRow\n","import React from 'react'\nimport rappid from 'vendor/rappid.js'\nimport { withRouter } from 'react-router-dom'\nimport { observer } from 'mobx-react'\n\nimport ProcessMenuItem from './ProcessMenuItem'\nimport DecisionMenuItem from './DecisionMenuItem'\nimport store from '../store/DiagramComposerStore'\n\nimport css from './leftPanelStyle.scss'\n\n@withRouter\n@observer\nexport default class LeftPanel extends React.Component {\n  render() {\n    const { loading, processes } = store\n\n    return (\n      <div id='leftPanel' className={css.leftPanel}>\n        <div className={css.panelHeader}>\n          <div className={css.title}>Browse Processes & Groups</div>\n          <div className={css.stepsTitle}>Steps</div>\n        </div>\n        <div className={css.processMenuItemList}>\n          {!loading &&\n            processes.map(process => (\n              <ProcessMenuItem\n                key={process.id}\n                processClick={() => this.drawProcessShape(process)}\n                groupClick={group => this.drawGroupShape(group)}\n                process={process}\n              />\n            ))}\n        </div>\n        <div className={css.panelHeader}>Other Elements</div>\n        <DecisionMenuItem onClick={() => this.drawDiamond()} />\n      </div>\n    )\n  }\n\n  drawProcessShape = process => {\n    const processNameWithLineBreaks = rappid.util.breakText(process.name, { width: 100, height: 100 })\n    const textLabel = `A\\n${processNameWithLineBreaks}`\n    const homePlate = new rappid.shapes.standard.Polygon({\n      id: process.id,\n      position: { x: 100, y: 100 },\n      size: { width: 100, height: 100 },\n      processId: process.id,\n      nodeType: 'homeplate',\n      description: '',\n    })\n    homePlate.attr('label/text', textLabel)\n    homePlate.attr('body/refPoints', '0,0 100,0 100,50 50,100 0,50')\n    homePlate.attr('body/stroke-width', '1')\n    homePlate.attr('body/stroke', '#8995AD')\n    homePlate.attr('label/font-size', 12)\n    homePlate.addTo(store.graph)\n  }\n\n  drawGroupShape = group => {\n    const labelText = rappid.util.breakText(group.name || 'Empty', { width: 145 })\n    const rect = new rappid.shapes.standard.Rectangle({\n      position: { x: 10, y: 10 },\n      size: { width: 145, height: 80 },\n      groupId: group.id,\n      nodeType: 'group',\n      description: '',\n    })\n    rect.attr('label/text', labelText)\n    rect.addTo(store.graph)\n  }\n\n  drawDiamond = () => {\n    const diamond = new rappid.shapes.standard.Polygon({\n      nodeType: 'decision',\n      description: '',\n      rules: [],\n    })\n    diamond.resize(140, 80)\n    diamond.position(10, 10)\n    diamond.attr('label/text', 'Empty')\n    diamond.attr('body/refPoints', '50,0 100,50 50,100 0,50')\n    diamond.attr('body/stroke-width', '1')\n    diamond.attr('body/stroke', '#8995AD')\n    diamond.attr('label/font-size', 12)\n    diamond.addTo(store.graph)\n  }\n}\n","import React from 'react'\n\nimport CirclePlus from 'images/circlePlus.svg'\nimport GroupMenuItem from './GroupMenuItem'\nimport css from './menuItem.scss'\n\nclass ProcessMenuItem extends React.Component {\n  constructor(props) {\n    super(props)\n    this.state = { opened: true }\n  }\n\n  render() {\n    const { process } = this.props\n    const { name, groups, stepCount } = process\n    const { opened } = this.state\n\n    return (\n      <React.Fragment>\n        <div className={css.row}>\n          <div className={css.name} onClick={this.toggleSubMenu}>\n            {name}\n          </div>\n          <div className={css.steps}>{stepCount}</div>\n          <div className={css.add} onClick={this.processClick}>\n            <img className={css.addIcon} src={CirclePlus} />\n          </div>\n        </div>\n        {groups.length > 0 && opened && (\n          <div className={css.subMenu}>\n            {groups.map(group => (\n              <GroupMenuItem key={group.id} group={group} groupClick={() => this.groupClick(group)} />\n            ))}\n          </div>\n        )}\n      </React.Fragment>\n    )\n  }\n\n  processClick = () => {\n    const { processClick, name } = this.props\n    processClick(name)\n  }\n\n  groupClick = group => {\n    const { groupClick } = this.props\n    groupClick(group)\n  }\n\n  toggleSubMenu = () => {\n    this.setState(prevState => ({ opened: !prevState.opened }))\n  }\n}\n\nexport default ProcessMenuItem\n","//Rectangle shape definition\n\nexport const Rectangle = rappid => {\n  rappid.dia.Element.define(\n    'standard.Rectangle',\n    {\n      attrs: {\n        body: {\n          refWidth: '100%',\n          refHeight: '100%',\n          strokeWidth: 1,\n          stroke: '#8995AD',\n          fill: '#DFE3EA',\n        },\n        label: {\n          textVerticalAnchor: 'middle',\n          textAnchor: 'middle',\n          refX: '50%',\n          refY: '50%',\n          fontSize: 12,\n          fill: '#333333',\n        },\n      },\n    },\n    {\n      markup: [\n        {\n          tagName: 'rect',\n          selector: 'body',\n        },\n        {\n          tagName: 'text',\n          selector: 'label',\n        },\n      ],\n    }\n  )\n}\n\nexport default Rectangle\n","import { action, observable, runInAction } from 'mobx'\n\nimport rappid from 'vendor/rappid.js'\n\nimport api from 'lib/Api'\n\nimport '../config/config_shapes'\nimport { selection } from '../config/config_selection'\n\nclass DiagramComposerStore {\n  @observable paper = null\n\n  @observable graph = null\n\n  @observable container = null\n\n  @observable diagramData = null\n\n  @observable diagramName = null\n\n  @observable processes = []\n\n  @observable loading = true\n\n  @observable viewing = null\n\n  //mobx does not track values nested in objects\n  //for temporary editing values of the node in the inspector\n  @observable activeLabel = ''\n\n  @observable activeDescription = ''\n\n  @observable activeNumber = ''\n\n  @observable activeRules = []\n\n  @observable generatingPdds = []\n\n  @observable pddUrls = {}\n\n  @action\n  addGeneratingPdd(specId) {\n    store.generatingPdds = [...new Set([...store.generatingPdds, +specId])]\n  }\n\n  @action\n  removeGeneratingPdd(specId) {\n    store.generatingPdds = store.generatingPdds.filter(id => id !== specId)\n  }\n\n  @action\n  initSelection() {\n    this.clipboard = new rappid.ui.Clipboard()\n    this.selection = new rappid.ui.Selection({\n      paper: this.paper,\n      handles: selection,\n    })\n\n    // Initiate selecting when the user grabs the blank area of the paper while the Shift key is pressed.\n    // Otherwise, initiate paper pan.\n    this.paper.on(\n      'blank:pointerdown',\n      (evt, x, y) => {\n        this.selection.cancelSelection()\n        this.paperScroller.startPanning(evt, x, y)\n        this.paper.removeTools()\n      },\n      this\n    )\n  }\n\n  @action\n  async loadData(diagramId) {\n    this.loading = true\n    if (diagramId === 'new') {\n      this.diagramData = { cells: [] }\n      this.diagramName = ''\n    } else {\n      const { data } = await api.get(`/flowcharts/${diagramId}`)\n      this.diagramData = data.flowchart.diagramData\n      this.diagramName = data.flowchart.name\n    }\n\n    const { data: processData } = await api.get('/graph_processes/diagram_composer')\n    const processesHash = {}\n    processData.forEach(process => {\n      process.groups = []\n      processesHash[process.id] = process\n    })\n\n    const { data: groupData } = await api.get('/graph_groups')\n    groupData.graphGroups.forEach(group => {\n      if (processesHash[group.graphProcessId]) {\n        processesHash[group.graphProcessId].groups.push(group)\n      }\n    })\n\n    runInAction(() => {\n      this.processes = processData\n      this.loading = false\n    })\n  }\n\n  @action\n  async saveDiagram(id, name = '') {\n    const params = {\n      name: name,\n      data: this.graph.toJSON(),\n    }\n\n    const saveAction = id === 'new' ? api.post('/flowcharts', params) : api.patch(`/flowcharts/${id}`, params)\n\n    const {\n      data: { flowchart },\n    } = await saveAction\n    return flowchart\n  }\n\n  @action\n  initPaper() {\n    // 8.5 x 11 in for paper\n    const letterPaper = document.getElementById('measurePaper')\n    const container = document.getElementById('paperContainer')\n    this.graph = new rappid.dia.Graph()\n    this.paper = new rappid.dia.Paper({\n      el: container,\n      width: letterPaper.clientWidth,\n      height: letterPaper.clientHeight,\n      model: this.graph,\n      defaultLink: new rappid.shapes.app.Link(),\n      linkConnectionPoint: rappid.util.shapePerimeterConnectionPoint,\n      interactive: { linkMove: false },\n    })\n\n    //paper snaplines\n    this.snaplines = new rappid.ui.Snaplines({ paper: this.paper })\n\n    //paper scroller/panning\n    this.paperScroller = new rappid.ui.PaperScroller({\n      paper: this.paper,\n      autoResizePaper: true,\n      cursor: 'grab',\n    })\n    document.getElementById('paperBack').append(this.paperScroller.el)\n    this.paperScroller.render()\n    this.paper.on('blank:pointerdown', this.paperScroller.startPanning)\n  }\n\n  @action\n  updateViewing(elementView) {\n    const element = elementView.model\n\n    if (element.attributes.type === 'app.Link') {\n      this.viewing = {}\n      return\n    }\n\n    this.viewing = element\n    this.viewingView = elementView\n    this.activeLabel = element.attributes.attrs.label.text\n    this.activeDescription = element.attributes.description\n\n    //path labels\n    const outboundLinks = this.graph.getConnectedLinks(element, { outbound: true })\n    this.activeRules = outboundLinks\n  }\n\n  @action\n  updateValue(name, value) {\n    if (!this.viewing) return\n\n    switch (name) {\n      case 'label':\n        this.viewing.attr('label/text', rappid.util.breakText(value, { width: 145 }))\n        this.activeLabel = value\n        break\n      case 'description':\n        this.viewing.attributes.description = value\n        this.activeDescription = value\n        break\n      case 'rules':\n        this.viewing.rules = value.slice(0)\n        this.activeRules = value.slice(0)\n        break\n      default:\n        break\n    }\n  }\n}\n\nconst store = new DiagramComposerStore()\n\nexport default store\n","//utility functions\nclass Utils {\n  generateLabel = text => {\n    return {\n      markup: [\n        {\n          tagName: 'rect',\n          selector: 'body',\n        },\n        {\n          tagName: 'text',\n          selector: 'label',\n        },\n      ],\n      attrs: {\n        body: {\n          fill: '#f7f8fa',\n          stroke: '#f7f8fa',\n        },\n        label: {\n          fontSize: 11,\n          text: text,\n          fill: '#555',\n        },\n      },\n      position: {\n        distance: 0.5, //distance on the edge\n        offset: {\n          x: 5,\n          y: -5,\n        },\n      },\n    }\n  }\n}\n\nexport default new Utils()\n","/* eslint-disable import/prefer-default-export */\nimport React from 'react'\nimport localizer from 'lib/Localizer'\nimport { Element, Tooltip } from '@fortressiq/fiq-ds'\n\nimport { getObserverPermissions } from 'lib/NeoUtils'\n\nexport const observedAtRenderer = data => {\n  const { cellData } = data\n  return cellData && localizer.asPreciseTime(Date.parse(cellData))\n}\n\nconst signatureRenderer = data => {\n  const { cellData } = data\n  return (\n    <Element as='span' style={{ whiteSpace: 'pre' }}>\n      {cellData}\n    </Element>\n  )\n}\n\nconst titleRenderer = data => {\n  const { cellData, rowData } = data\n\n  if (\n    typeof rowData.neoCaptureStatusCode !== 'undefined' &&\n    rowData.neoCaptureStatusCode !== null &&\n    !getObserverPermissions(rowData.neoCaptureStatusCode).title\n  ) {\n    return <Tooltip title='Title capture disabled for Observer.'>DISABLED</Tooltip>\n  }\n  return cellData\n}\n\nexport const getColumns = isLite => [\n  { width: 120, visible: true, dataKey: 'id', header: 'Id' },\n  {\n    width: 200,\n    visible: true,\n    dataKey: 'observedAtIso8601',\n    header: 'Observed At',\n    cellRenderer: observedAtRenderer,\n  },\n  { width: 210, visible: true, dataKey: 'applicationName', header: 'Application' },\n  { width: 120, visible: false, dataKey: 'applicationId', header: 'Application Id' },\n  { width: 210, visible: true, dataKey: 'title', header: 'Title', cellRenderer: titleRenderer },\n  { width: 180, visible: true, dataKey: 'url', header: 'Url' },\n  {\n    width: 145,\n    visible: false,\n    dataKey: 'observerId',\n    header: 'Observer Id',\n  },\n  { width: 210, visible: true, dataKey: 'observerName', header: 'Observer Name' },\n  { width: 210, visible: false, dataKey: 'machine', header: 'Machine' },\n  { width: 210, visible: false, dataKey: 'user', header: 'User' },\n  ...(!isLite ? [{ width: 210, visible: true, dataKey: 'field', header: 'Field' }] : []),\n  {\n    width: 320,\n    visible: false,\n    dataKey: 'signature',\n    header: 'Signature',\n    cellRenderer: signatureRenderer,\n  },\n  { width: 130, visible: false, dataKey: 'value', header: 'Control Key' },\n  { width: 100, visible: false, dataKey: 'action', header: 'Action' },\n  {\n    width: 320,\n    visible: true,\n    dataKey: 'screenSignature',\n    header: 'Screen Signature',\n    cellRenderer: signatureRenderer,\n  },\n  ...(!isLite\n    ? [\n        {\n          width: 120,\n          visible: false,\n          dataKey: 'controlType',\n          header: 'Control Type',\n        },\n      ]\n    : []),\n  {\n    width: 130,\n    visible: false,\n    dataKey: 'coords',\n    header: 'Coords',\n  },\n  {\n    width: 130,\n    visible: false,\n    dataKey: 'tenantId',\n    header: 'Tenant Id',\n  },\n]\n","import React, { createContext, useContext, useReducer } from 'react'\n\nconst EventsStateContext = createContext()\nconst EventsDispatchContext = createContext()\n\nfunction eventsReducer(state, action) {\n  if (action.type === 'set-export-columns') {\n    return { ...state, columns: action.columns }\n  }\n  throw new Error(`Unhandled action type: ${action.type}`)\n}\n\nfunction EventsProvider({ children }) {\n  const [state, dispatch] = useReducer(eventsReducer, { columns: [] })\n  return (\n    <EventsStateContext.Provider value={state}>\n      <EventsDispatchContext.Provider value={dispatch}>{children}</EventsDispatchContext.Provider>\n    </EventsStateContext.Provider>\n  )\n}\n\nfunction useEventsState() {\n  const context = useContext(EventsStateContext)\n  if (context === undefined) {\n    throw new Error('useEventsState must be used within a EventsProvider')\n  }\n  return context\n}\n\nfunction useEventsDispatch() {\n  const context = React.useContext(EventsDispatchContext)\n  if (context === undefined) {\n    throw new Error('useEventsDispatch must be used within a EventsProvider')\n  }\n  return context\n}\n\nexport { EventsDispatchContext, EventsProvider, useEventsState, useEventsDispatch }\n","import React, { Fragment, useState } from 'react'\n\nimport { Button, useModal, Typography, Group } from '@fortressiq/fiq-ds'\nimport FilterBreadcrumbs from 'components/filterBreadcrumbs/FilterBreadcrumbs'\nimport api from 'lib/Api'\n\nconst { Paragraph } = Typography\n\nconst modalID = 'anonymize-modal'\n\nconst EventDeleteConfirm = ({ filter, eventCount, setRefetch }) => {\n  const { addModal, removeModal } = useModal()\n  const [isLoading, setIsLoading] = useState(false)\n\n  const counterDisplay = `(${eventCount})`\n  const isDisabled = !filter || !eventCount\n\n  const handleDelete = async () => {\n    setIsLoading(true)\n    await api.delete('/events/destroy_many', { filter })\n    removeModal(modalID)\n    setRefetch(prevState => prevState + 1)\n    setIsLoading(false)\n  }\n\n  return (\n    <Button\n      type='primary'\n      disabled={isDisabled}\n      key={modalID}\n      onClick={() =>\n        addModal({\n          children: (\n            <Fragment>\n              <Paragraph>\n                Are you sure you want to permanently anonymize <strong className='colorRed'>{eventCount}</strong>{' '}\n                events?\n              </Paragraph>\n              <Paragraph>\n                Anonymizing these events will delete related images and OCR text. It is irreversible and may affect\n                existing Mining Runs and Processes.\n              </Paragraph>\n              <Paragraph>The following filters will be used to anonymize the events:</Paragraph>\n              <FilterBreadcrumbs query={filter} />\n            </Fragment>\n          ),\n          header: 'Anonymize Events',\n          footerStyle: { justifyContent: 'flex-end' },\n          footer: (\n            <Group>\n              <Button type='default' onClick={() => removeModal(modalID)}>\n                Cancel\n              </Button>\n              <Button type='primary' disabled={isLoading} onClick={() => handleDelete()}>\n                Anonymize {eventCount} {eventCount === 1 ? 'event' : 'events'}\n              </Button>\n            </Group>\n          ),\n          id: modalID,\n          style: { width: '600px' },\n        })\n      }\n    >\n      Anonymize events {!isDisabled ? counterDisplay : ''}\n    </Button>\n  )\n}\n\nexport default EventDeleteConfirm\n","import React from 'react'\nimport localizer from 'lib/Localizer'\nimport { Metric } from 'components/PanelMetrics/PanelMetrics'\nimport DisabledScreenshot, { isDisabledScreenshot } from 'components/DisabledScreenshot/DisabledScreenshot'\nimport UnredactedImageViewerWithOption from 'components/image/UnredactedImageViewerWithOption'\n\nimport css from './eventDetailsStyle.scss'\n\nconst detailColumns = [\n  [\n    ['Event ID', 'id'],\n    ['Observed At', 'observedAt'],\n  ],\n  [\n    ['Signature', 'signature'],\n    ['Screen Signature', 'screenSignature'],\n  ],\n]\n\nconst formatters = { observedAt: localizer.asPreciseTime }\n\nconst EventDetails = ({ event }) => {\n  if (!event) return null\n  const images = [\n    {\n      bordered: false,\n      centered: true,\n      circular: false,\n      disabled: false,\n      float: 'none',\n      fluid: true,\n      hidden: false,\n      rounded: false,\n      src: event.screenshotUrl,\n      svgInfo: {\n        box: event.bounding_box || event.boundingBox,\n        x: event.coordX || event.coord_x,\n        y: event.coordY || event.coord_y,\n      },\n      spaced: false,\n    },\n  ]\n\n  return (\n    <div className={css.container}>\n      <div className={css.detailsContainer}>\n        <div className={css.heading}>\n          {detailColumns.map((details, columnIndex) => (\n            <ul key={`eventDetail-column-${columnIndex}`} className={css.eventDetailsColumn}>\n              {details.map(([title, column]) => (\n                <li className={css.eventDetail} key={`event-${column}-detail`}>\n                  <Metric\n                    metric={{ title, value: formatters[column] ? formatters[column](event[column]) : event[column] }}\n                  />\n                </li>\n              ))}\n            </ul>\n          ))}\n        </div>\n        <div className={css.imageContainer}>\n          {isDisabledScreenshot(event) ? (\n            <DisabledScreenshot />\n          ) : (\n            <UnredactedImageViewerWithOption\n              clickImageToFullscreen={true}\n              dark={false}\n              images={images}\n              maxHeight='100%'\n              openFullscreenOnLoad={false}\n              selectedIndex={0}\n              fullscreenEnabled={true}\n            />\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default EventDetails\n","import React, { useEffect, useState } from 'react'\nimport kebabCase from 'lodash/kebabCase'\nimport { Button, Input, Popconfirm, Tooltip, useNotification } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\n\nconst operatorMap = {\n  '<': 'lt',\n  '<=': 'lteq',\n  '>': 'gt',\n  '>=': 'gteq',\n  '~': 'matches',\n  '=': 'eq',\n}\n\nconst generateDefaultExportName = ({ rules = [], combinator } = {}) => {\n  const defaultName = rules\n    .reduce(\n      (acc, { field, value, operator }) => [...acc, field, operatorMap[operator] || operator, value, combinator],\n      []\n    )\n    .join('-')\n  return kebabCase(defaultName.replace(new RegExp(`-${combinator}$`), ''))\n}\n\nconst EventExportConfirm = ({ filter = {} }) => {\n  const [isDownloadPending, setIsDownloadPending] = useState(false)\n  const [isOk, setIsOk] = useState(false)\n  const [defaultName, setDefaultName] = useState(generateDefaultExportName(filter))\n  const [exportName = defaultName, setExportName] = useState()\n  const isDisabled = !defaultName\n  const { addNotification } = useNotification()\n\n  const onExportClick = async () => {\n    addNotification({\n      description: 'Your download is being prepared, it will be available for download shortly.',\n      message: 'Preparing',\n      type: 'info',\n    })\n    const args = { filter, exportType: 'csv_search_results', exportName }\n    setIsDownloadPending(true)\n    await api.post('/event_log_exports', args)\n    setExportName(undefined)\n    setIsDownloadPending(false)\n  }\n\n  const handleNameChange = ({ target: { value } }) => setExportName(value)\n  const handleKeyDown = evt => {\n    if ((evt.which || evt.keyCode) === 13) {\n      setIsOk(true)\n    }\n  }\n\n  useEffect(() => {\n    setDefaultName(generateDefaultExportName(filter))\n  }, [filter])\n\n  const confirm = (\n    <Popconfirm\n      cancelText='Cancel'\n      disabled={isDisabled}\n      icon={null}\n      okText='Export'\n      onConfirm={onExportClick}\n      placement='bottom-start'\n      title={\n        <Input\n          label='Export Name'\n          autoFocus={true}\n          onChange={handleNameChange}\n          onKeyDown={handleKeyDown}\n          defaultValue={exportName}\n        />\n      }\n      okDisabled={(!defaultName && !exportName) || isDownloadPending}\n      okState={[isOk, setIsOk]}\n    >\n      <Button disabled={isDisabled || isDownloadPending} loading={isDownloadPending}>\n        {isDownloadPending ? 'Preparing download' : 'Export'}\n      </Button>\n    </Popconfirm>\n  )\n\n  return isDisabled ? (\n    <Tooltip title='Set a filter to enable Export' placement='right-center'>\n      {confirm}\n    </Tooltip>\n  ) : (\n    confirm\n  )\n}\n\nexport default EventExportConfirm\n","import React from 'react'\n\nimport FilterBreadcrumbs from 'components/filterBreadcrumbs/FilterBreadcrumbs'\n\nconst EventFilter = ({ filter }) => <FilterBreadcrumbs query={filter} />\n\nexport default EventFilter\n","import React, { memo, useEffect } from 'react'\nimport { useFela } from '@fortressiq/fiq-ds'\nimport { InfiniteLoader } from 'react-virtualized'\n\nimport uiStore from 'lib/UiStore'\nimport localizer from 'lib/Localizer'\nimport PanelMetrics from 'components/PanelMetrics/PanelMetrics'\nimport VirtualizedTable from 'components/table/VirtualizedTable'\n\nimport { useEventsDispatch } from './EventContext'\nimport { getColumns } from './EventColumns'\nimport { eventListContainerCSS, panelMetricsContainer, tableContainer } from './styles'\n\nconst isLite = uiStore?.tenant?.isLite\nconst columns = getColumns(isLite)\n\nconst EventList = ({\n  events,\n  eventCount,\n  loadMoreEvents,\n  selectedEventIndex,\n  setSelectedEventIndex,\n  setVisibleCols,\n  searchAfter = [],\n}) => {\n  const eventsDispatch = useEventsDispatch()\n  const { css } = useFela()\n\n  useEffect(() => {\n    eventsDispatch({\n      type: 'set-export-columns',\n      columns: columns.filter(c => c.visible).map(vc => vc.dataKey),\n    })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  if (eventCount === 0) return null\n\n  const isRowLoaded = ({ index }) => !!events[index]\n\n  const rowGetter = ({ index }) => events[index] || {}\n\n  const onRowClick = ({ index }) => setSelectedEventIndex(index)\n\n  const setVisibleColumns = visibleColumns => {\n    const cols = visibleColumns\n    setVisibleCols(cols)\n    eventsDispatch({\n      type: 'set-export-columns',\n      columns: cols,\n    })\n  }\n\n  return (\n    <div className={css(eventListContainerCSS)}>\n      <div className={css(panelMetricsContainer)}>\n        <PanelMetrics metrics={[{ title: 'Events', value: localizer.asCount(eventCount) }]} />\n      </div>\n      {eventCount <= 10000 || searchAfter === undefined || searchAfter.length === 0 ? (\n        <InfiniteLoader\n          isRowLoaded={isRowLoaded}\n          loadMoreRows={loadMoreEvents}\n          rowCount={eventCount}\n          minimumBatchSize={100}\n        >\n          {({ onRowsRendered, registerChild }) => (\n            <VirtualizedTable\n              selectedEventIndex={selectedEventIndex}\n              scrollToIndex={selectedEventIndex}\n              onRowsRendered={onRowsRendered}\n              ref={registerChild}\n              columns={columns}\n              rowGetter={rowGetter}\n              rowHeight={20}\n              rowCount={eventCount}\n              onRowClick={onRowClick}\n              setVisibleColumns={setVisibleColumns}\n              tableContainerClassName={css(tableContainer)}\n            />\n          )}\n        </InfiniteLoader>\n      ) : (\n        <InfiniteLoader\n          isRowLoaded={isRowLoaded}\n          loadMoreRows={loadMoreEvents}\n          rowCount={eventCount}\n          minimumBatchSize={100}\n        >\n          {({ onRowsRendered, registerChild }) => (\n            <VirtualizedTable\n              selectedEventIndex={selectedEventIndex}\n              scrollToIndex={events.length}\n              onRowsRendered={onRowsRendered}\n              ref={registerChild}\n              columns={columns}\n              rowGetter={rowGetter}\n              rowHeight={20}\n              rowCount={Math.max(events.length, 100)}\n              onRowClick={onRowClick}\n              setVisibleColumns={setVisibleColumns}\n              tableContainerClassName={css(tableContainer)}\n            />\n          )}\n        </InfiniteLoader>\n      )}\n    </div>\n  )\n}\n\nexport default memo(EventList)\n","/* eslint-disable react/jsx-curly-newline */\nimport React, { Fragment, memo, useState, useEffect } from 'react'\nimport { string, shape } from 'prop-types'\nimport KeyDown, { Keys } from 'react-keydown'\nimport debounce from 'lodash/debounce'\nimport { Link } from 'react-router-dom'\nimport qs from 'qs'\nimport { Button, Element, Group, Heading, useModal } from '@fortressiq/fiq-ds'\nimport { useMount } from 'react-use'\n\nimport uiStore from 'lib/UiStore'\nimport api from 'lib/Api'\nimport Can from 'components/can/Can'\nimport IntegrationsDropdown from 'components/IntegrationsDropdown'\n\nimport { eventFilterFields } from 'constants/event-constants'\nimport QueryBuilderDropdown from 'components/query_builder/queryBuilderDropdown/QueryBuilderDropdown'\nimport FilteredEvents from './FilteredEvents'\nimport EventFilter from './EventFilter'\nimport UploadsModal from './UploadsModal/UploadsModal'\nimport { useHeaderDispatch } from '../header/HeaderContext'\nimport Export from './Export'\nimport ObserversOverlay from './ObserversOverlay'\nimport EventDeleteConfirm from './EventDeleteConfirm'\nimport { fetchEventCount } from './fetchEventCount'\nimport { getColumns } from './EventColumns'\nimport { addPXSuffix } from '../../helpers/index'\n\nconst { LEFT, RIGHT, ENTER } = Keys\n\nconst mainStyle = { height: 'calc(100vh - 109px)', position: 'relative' }\nconst pageTitle = 'Events'\n\nconst isLite = uiStore?.tenant?.isLite\nconst columns = getColumns(isLite)\n\nconst queryWithObserver = (observerIds, filter) => {\n  const rules = [\n    ...(observerIds\n      ? [\n          {\n            id: 'observers',\n            field: 'observer_id',\n            operator: 'in',\n            value: observerIds,\n          },\n        ]\n      : []),\n    ...(filter ? [{ ...filter }] : []),\n  ]\n  return {\n    rules,\n    combinator: 'and',\n  }\n}\n\nconst Events = ({\n  location,\n  keydown: { event: keyDownEvent },\n  match: {\n    params: { observerIds },\n  },\n}) => {\n  const [events, setEvents] = useState([])\n  const [eventsLoading, setEventsLoading] = useState(false)\n  const [{ filter }, setFilterOrigin] = useState(qs.parse(location.search, { ignoreQueryPrefix: true }))\n  const [eventCount, setEventCount] = useState(0)\n  const [selectedEvent, setSelectedEvent] = useState(null)\n  const [selectedEventIndex, setSelectedEventIndex] = useState(0)\n  const [reFetch, setRefetch] = useState(0)\n  const [visibleCols, setVisibleCols] = useState([])\n  const [searchAfter, setSearchAfter] = useState([])\n  const { addModal, removeModal } = useModal()\n  const headerDispatch = useHeaderDispatch()\n  const modalID = 'events-import-to-graph-modal'\n\n  useMount(() => setVisibleCols(columns))\n\n  useEffect(() => {\n    const { filter: newFilter } = qs.parse(location.search, {\n      ignoreQueryPrefix: true,\n    })\n\n    // TEMP: do not allow for start and end signatures\n    if (newFilter?.rules) {\n      newFilter.rules = newFilter.rules.filter(\n        rule => rule.field !== 'start_screen_signature' && rule.field !== 'end_screen_signature'\n      )\n    }\n    setFilterOrigin({ filter: newFilter })\n\n    // bail unless filter has been set by useEffect\n    if (newFilter === 0) return\n    setEventsLoading(true)\n    async function fetchData() {\n      setEventCount(0)\n      setEvents([])\n      setSearchAfter([])\n      setEventCount(await fetchEventCount(queryWithObserver(observerIds, newFilter)))\n      setSelectedEventIndex(0)\n      setEventsLoading(false)\n    }\n    fetchData()\n  }, [location.search, observerIds, reFetch])\n\n  useEffect(() => {\n    if (selectedEventIndex <= events.length) {\n      setSelectedEvent(events[selectedEventIndex])\n    }\n  }, [selectedEventIndex, events])\n\n  useEffect(() => {\n    const keyHandlerMap = {\n      [LEFT]: () => {\n        const newIndex = selectedEventIndex === 0 ? eventCount - 1 : selectedEventIndex - 1\n        setSelectedEventIndex(newIndex)\n      },\n      [RIGHT]: () => {\n        const newIndex = selectedEventIndex === eventCount - 1 ? 0 : selectedEventIndex + 1\n        setSelectedEventIndex(newIndex)\n      },\n      [ENTER]: () => {\n        const viewScreenshot = window.open(`/screenshot/${events[selectedEventIndex].id}`, '_blank')\n        viewScreenshot.focus()\n      },\n    }\n\n    if (keyDownEvent && keyHandlerMap[keyDownEvent.which]) {\n      keyHandlerMap[keyDownEvent.which]()\n    }\n  }, [keyDownEvent, setSelectedEventIndex, selectedEventIndex, events, eventCount])\n\n  useEffect(() => {\n    let fields = eventFilterFields\n    if (isLite) {\n      fields = fields.filter(field => field.name !== 'field' && field.name !== 'control_type')\n    }\n    headerDispatch({\n      type: 'set',\n      title: pageTitle,\n      heading: (\n        <Fragment>\n          <Heading className='header-title' level={1}>\n            {pageTitle}\n          </Heading>\n          <Heading className='header-title' level={2}>\n            Explore events.\n          </Heading>\n        </Fragment>\n      ),\n      toolbar: <ObserversOverlay observerIds={observerIds} />,\n      toolbarActions: (\n        <Element\n          style={{ alignItems: 'flex-end', display: 'flex', flexDirection: 'column', justifyContent: 'flex-end' }}\n        >\n          <EventFilter filter={filter} eventCount={eventCount} key='event-filter' />\n          <Group>\n            <QueryBuilderDropdown\n              align='right'\n              fields={fields}\n              isPersisted={true}\n              noGroups={true}\n              positionY={8}\n              query={filter}\n              cycles={true}\n            />\n            <Button\n              onClick={() => {\n                const closeModal = () => removeModal(modalID)\n\n                addModal({\n                  children: <UploadsModal accept='.csv,.zip' onComplete={closeModal} />,\n                  footer: (\n                    <Fragment>\n                      After successful import, your newly created procceses will be visible&nbsp;\n                      <Link onClick={closeModal} to='/processes'>\n                        here\n                      </Link>\n                      .\n                    </Fragment>\n                  ),\n                  header: 'Upload a CSV or ZIP file with Event Log IDs',\n                  id: modalID,\n                  style: { width: addPXSuffix(460) },\n                })\n              }}\n            >\n              Import to Graph Process\n            </Button>\n            <Export columns={visibleCols} filter={queryWithObserver(observerIds, filter)} eventCount={eventCount} />\n            <IntegrationsDropdown\n              integrationType='event'\n              objectId={queryWithObserver(observerIds, filter)}\n              disabled={eventCount === 0}\n            />\n            <Can perform='/events:delete'>\n              <EventDeleteConfirm filter={filter} eventCount={eventCount} setRefetch={setRefetch} />\n            </Can>\n          </Group>\n        </Element>\n      ),\n    })\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch, eventCount, filter, observerIds, addModal, removeModal, visibleCols])\n\n  const loadMoreEvents = debounce(\n    ({ startIndex, stopIndex }) =>\n      api\n        .get('/events', {\n          offset: startIndex,\n          limit: stopIndex - startIndex + 1,\n          filter: queryWithObserver(observerIds, filter),\n          search_after: searchAfter,\n          is_search_after: eventCount > 10000,\n        })\n        .then(({ data }) => {\n          setSearchAfter(data.search_after)\n          data.data.forEach((event, index) => {\n            event = { ...event.attributes }\n            events[index + startIndex] = event\n          })\n          setEvents([...events])\n          if (!selectedEventIndex) {\n            setSelectedEventIndex(0)\n          }\n        }),\n    300\n  )\n\n  return (\n    <Element style={mainStyle}>\n      <FilteredEvents\n        filter={queryWithObserver(observerIds, filter)}\n        events={events}\n        eventsLoading={eventsLoading}\n        eventCount={eventCount}\n        setEvents={setEvents}\n        selectedEventIndex={selectedEventIndex}\n        setSelectedEventIndex={setSelectedEventIndex}\n        selectedEvent={selectedEvent}\n        setVisibleCols={setVisibleCols}\n        loadMoreEvents={loadMoreEvents}\n        searchAfter={searchAfter}\n      />\n    </Element>\n  )\n}\n\nEvents.propTypes = {\n  location: string,\n  keydown: string,\n  match: shape({\n    params: shape({\n      observerIds: string,\n    }),\n  }),\n}\n\nexport default memo(KeyDown([LEFT, RIGHT, ENTER])(Events))\n","import React, { useState } from 'react'\nimport kebabCase from 'lodash/kebabCase'\nimport { useUpdateEffect } from 'react-use'\n\nimport ExportButton from 'components/ExportButton/ExportButton'\nimport callbackStore from 'stores/callback'\n\nimport { eventExportLimit } from 'constants/event-constants'\n\nconst operatorMap = {\n  '<': 'lt',\n  '<=': 'lteq',\n  '>': 'gt',\n  '>=': 'gteq',\n  '~': 'matches',\n  '=': 'eq',\n}\n\nconst disabledMessages = {\n  exceed: `Exports may not exceed ${eventExportLimit} events`,\n  empty: 'There are no Events to Export',\n}\n\nconst generateDefaultExportName = ({ rules = [], combinator } = {}) => {\n  const defaultName = rules\n    .reduce((acc, { rules: rules2, combinator: combinator2, field, value, operator }) => {\n      if (rules2) {\n        return [...acc, generateDefaultExportName({ rules: rules2, combinator: combinator2 })]\n      }\n      return [...acc, field, operatorMap[operator] || operator, value, combinator]\n    }, [])\n    .join('-')\n  return kebabCase(defaultName.replace(new RegExp(`-${combinator}$`), ''))\n}\n\nconst Export = ({ columns, filter, eventCount }) => {\n  const disabled = eventCount > eventExportLimit || eventCount === 0\n  const [defaultName, setDefaultName] = useState(generateDefaultExportName(filter))\n\n  const sharedTooltipProps = {\n    config: { triggerOffset: 16 },\n  }\n\n  const options = [\n    {\n      text: 'Events as Table (.csv)',\n      exportArgs: { filter, exportType: 'csv_search_results' },\n      disabled: !defaultName,\n      ...(!defaultName && {\n        tooltip: {\n          ...sharedTooltipProps,\n          placement: 'top-center',\n          title: 'Set a filter to enable Export',\n        },\n      }),\n      showColumns: true,\n    },\n    {\n      text: 'Events as Screenshots (.jpeg)',\n      exportArgs: { filter, exportType: 'html_search_results' },\n      disabled,\n      ...(disabled && {\n        tooltip: {\n          ...sharedTooltipProps,\n          placement: 'bottom-center',\n          title: eventCount === 0 ? disabledMessages.empty : disabledMessages.exceed,\n        },\n      }),\n    },\n    {\n      text: 'Copy Paste Report (.csv)',\n      exportArgs: { filter, exportType: 'copy_paste_report' },\n      disabled: !defaultName,\n      ...(!defaultName && {\n        tooltip: {\n          ...sharedTooltipProps,\n          placement: 'top-center',\n          title: 'Set a filter to enable Export',\n        },\n      }),\n      showColumns: false,\n    },\n  ]\n\n  useUpdateEffect(() => setDefaultName(generateDefaultExportName(filter)), [filter])\n\n  return (\n    <ExportButton\n      buttonText='Export...'\n      callbackStore={callbackStore}\n      defaultColumns={columns.filter(c => c.visible).map(vc => vc.dataKey)}\n      defaultExportName={defaultName}\n      options={options}\n    />\n  )\n}\n\nexport default Export\n","/* eslint-disable react/destructuring-assignment */\nimport React from 'react'\nimport { bool, number, object } from 'prop-types'\nimport { Element, SplitPane, theme } from '@fortressiq/fiq-ds'\n\nimport MainLoader from 'components/loaders/MainLoader'\nimport EventList from './EventList'\nimport EventDetails from './EventDetails'\n\nconst emptyStyle = {\n  fontStyle: 'italic',\n  marginTop: '30px',\n  marginLeft: '30px',\n  color: theme['topnav-border'],\n}\n\nconst FilteredEvents = ({ eventsLoading, eventCount, selectedEvent, ...props }) => {\n  if (eventsLoading) return <MainLoader />\n\n  if (!eventsLoading && eventCount === 0) {\n    return <Element style={emptyStyle}> No Events Found</Element>\n  }\n\n  return (\n    <SplitPane minSize={250} maxSize={1200} primary='first' split='vertical'>\n      <EventList eventsLoading={eventsLoading} eventCount={eventCount} selectedEvent={selectedEvent} {...props} />\n      <EventDetails event={selectedEvent} />\n    </SplitPane>\n  )\n}\n\nFilteredEvents.propTypes = {\n  eventsLoading: bool.isRequired,\n  eventCount: number.isRequired,\n  // eslint-disable-next-line react/forbid-prop-types\n  selectedEvent: object,\n}\n\nFilteredEvents.defaultProps = {\n  selectedEvent: null,\n}\n\nexport default FilteredEvents\n","import React, { useEffect, useState } from 'react'\nimport { arrayOf, shape, number, string } from 'prop-types'\n\nimport { CopyToClipboardButton, Overlay, useFela } from '@fortressiq/fiq-ds'\nimport { useHistory } from 'react-router-dom'\n\nimport api from 'lib/Api'\n\nconst widths = { max: 262, min: 262, width: 262 }\nconst heights = {\n  height: 35,\n  max: 35 * 5,\n}\n\nconst config = {\n  disableOutsideClick: false,\n  dropdown: {\n    closeOnRowClick: true,\n    showArrow: false,\n  },\n}\n\nconst ObserversOverlay = ({ observerIds }) => {\n  const [menu, setMenu] = useState([])\n  const [showObserverList, setShowObserverList] = useState(false)\n  const [observers, setObservers] = useState([])\n  const [currentObserverName, setCurrentObserverName] = useState('')\n  const { css, theme } = useFela()\n\n  const observerIdsArray = observerIds ? observerIds.split(',') : []\n\n  const history = useHistory()\n\n  useEffect(() => {\n    const getObservers = async () => {\n      const { data } = await api.get('/observers')\n      setObservers(data.observers)\n      const defaultName = data.observers.find(o => o.id === parseInt(observerIdsArray[0], 10))?.name || 'All'\n      setCurrentObserverName(defaultName)\n    }\n    getObservers()\n  }, [])\n\n  useEffect(() => {\n    setMenu([\n      {\n        icon: !observerIds ? 'check' : null,\n        onClick: () => {\n          setCurrentObserverName('All')\n          history.push(`/events${history.location.search}`)\n        },\n        text: 'All',\n      },\n      ...observers\n        .sort((a, b) =>\n          a.name.toLowerCase().localeCompare(b.name.toLowerCase(), undefined, {\n            senstivity: 'base',\n          })\n        )\n        .map(obs => ({\n          icon: observerIdsArray.find(o => parseInt(o, 10) === obs.id) ? 'check' : null,\n          onClick: () => {\n            setCurrentObserverName(obs.name)\n            history.push(`/events/${obs.id}${history.location.search}`)\n          },\n          text: obs.name,\n        })),\n    ])\n  }, [history, observers, observerIds])\n\n  const trigger = {\n    setShowing: setShowObserverList,\n    showing: showObserverList,\n    text: `Observer: ${currentObserverName}`,\n  }\n\n  return (\n    <div\n      className={css({\n        display: 'flex',\n        marginLeft: theme['default-spacer-sm'],\n        marginTop: theme['default-spacer-sm'],\n      })}\n    >\n      <Overlay\n        config={config}\n        heights={heights}\n        id='observer-filter'\n        menu={menu}\n        portal={false}\n        trigger={trigger}\n        widths={widths}\n      />\n      {observerIds && <CopyToClipboardButton buttonProps={{ type: 'link' }} textToCopy={currentObserverName} />}\n    </div>\n  )\n}\n\nObserversOverlay.propTypes = {\n  observerIds: arrayOf(\n    shape({\n      id: number,\n      name: string,\n    })\n  ),\n}\n\nexport default ObserversOverlay\n","/* eslint-disable no-console */\nimport React from 'react'\nimport { DirectUpload } from '@rails/activestorage'\nimport { Upload } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\n\nconst createGraphProcess = ({ id }) => api.post('/graph_processes/create_from_ids', { fileId: id })\n\nconst UploadsModal = ({ accept, onComplete }) => {\n  const uploadFile = file => {\n    const handleComplete = async response => {\n      await createGraphProcess(response)\n      onComplete()\n    }\n\n    const upload = new DirectUpload(file, '/rails/active_storage/direct_uploads')\n\n    upload.create((error, response) => {\n      if (error) {\n        console.error(error)\n      } else {\n        handleComplete(response)\n      }\n    })\n  }\n\n  return (\n    <Upload\n      accept={accept}\n      bordered={false}\n      multiple={false}\n      onDrop={e => uploadFile(e[0])}\n      showDetails={false}\n      showThumbnails={false}\n      width='100%'\n    />\n  )\n}\n\nexport default UploadsModal\n","import { shallow } from 'enzyme'\nimport React from 'react'\n\nimport EventFilter from '../EventFilter'\n\ndescribe('EventFilter component', () => {\n  it('should render without throwing an error', () => {\n    const component = shallow(<EventFilter />)\n    expect(component).toMatchSnapshot()\n    expect(() => component).not.toThrow()\n  })\n})\n","/* eslint-disable import/prefer-default-export*/\nimport api from 'lib/Api'\n\nconst noneEmptyStringFields = ['application_id', 'id', 'observer_id', 'observed_at']\n\nconst isFilterInvalid = rules => {\n  let invalid = false\n  rules.forEach(rule => {\n    if (noneEmptyStringFields.includes(rule.field) && !rule.value) {\n      invalid = true\n      return\n    }\n    if (rule.rules) {\n      isFilterInvalid(rule.rules)\n    }\n  })\n  return invalid\n}\n\nexport const fetchEventCount = async filter => {\n  if (isFilterInvalid(filter.rules)) {\n    return 0\n  }\n\n  const { data } = await api.get('/event_count', { filter })\n  return data?.eventCount || 0\n}\n","export const eventListContainerCSS = () => ({\n  height: '100%',\n\n  '> div:last-child': {\n    borderWidth: 0,\n  },\n})\n\nexport const panelMetricsContainer = ({ theme }) => ({\n  borderBottom: `1px solid ${theme['table-border-color']}`,\n  height: '50px',\n})\n\nexport const filtersContainer = () => ({\n  alignItems: 'center',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'flex-start',\n})\n\nexport const tableContainer = () => ({\n  height: 'calc(100% - 50px)', //the 50px is the metric on top of the table\n})\n","// TODO: Further refactor to use Overlay without any modifications.\nimport React, { memo, useState } from 'react'\nimport { Link, useLocation } from 'react-router-dom'\nimport classNames from 'classnames'\nimport { combineRules, Header, Heading, Overlay, ApplicationIcon as UserAvatar, useFela } from '@fortressiq/fiq-ds'\n\nimport Can, { roleRouteCheck } from 'components/can/Can'\nimport { useUserState } from 'context/UserContext'\n\nimport api from 'lib/Api'\nimport localStorage from 'lib/Storage'\nimport uiStore from 'lib/UiStore'\nimport { clearUseLocalStorage } from 'lib/hooks'\n\nimport TopNavHelp from '../topNavHelp/TopNavHelp'\nimport { findHelpTip } from '../topNavHelp/helpTips'\nimport { useHeaderState } from './HeaderContext'\n\nimport {\n  dropdownContainerCSS,\n  dropdownItemCSS,\n  menuLinkCSS,\n  signOutCSS,\n  tenantNameCSS,\n  tenantWrapCSS,\n} from './styles/index'\n\nconst routes = [\n  {\n    title: 'Manage Account',\n    to: '/admin/account',\n  },\n  {\n    title: 'Manage Users',\n    to: '/admin/users',\n  },\n  {\n    title: 'Support',\n    to: '/support',\n  },\n]\n\nconst superUserRoutes = [\n  {\n    title: 'Sidekiq',\n    to: '/admin/sidekiq',\n  },\n  {\n    title: 'Tank',\n    to: '/admin/tank',\n  },\n  {\n    title: 'Tenants',\n    to: '/admin/tenants',\n  },\n]\n\nconst zIndexForAvatarDropdown = 2042\nconst AppHeader = () => {\n  const { email, name, roles } = useUserState()\n  const [showing, setShowing] = useState(false)\n  const { pathname } = useLocation()\n  const pageHelp = findHelpTip(pathname)\n  const onLogout = async () => {\n    await api.delete('/users/sign_out')\n    localStorage.clearOnLogout()\n    clearUseLocalStorage()\n    location = '/users/sign_in'\n  }\n  const { heading, title, toolbar, toolbarActions } = useHeaderState()\n  const { css } = useFela()\n\n  const placement = {\n    offset: [24, 11],\n    points: ['tr', 'bc'],\n  }\n  const trigger = {\n    node: (\n      <UserAvatar name={name || email} onClick={() => setShowing(!showing)} size={30} style={{ cursor: ' pointer' }} />\n    ),\n    showing: showing,\n    setShowing: setShowing,\n    width: '30px',\n  }\n  const widths = {\n    max: 140,\n    width: 140,\n  }\n  const config = {\n    content: {\n      style: {\n        alignItems: 'flex-start',\n        borderTopLeftRadius: '0 !important',\n        boxShadow: '-2px 2px 6px hsla(0, 0%, 0%, 0.05)',\n        maxHeight: 'auto',\n        '> article > nav': {\n          marginTop: '0',\n        },\n        position: 'absolute',\n      },\n    },\n    dropdown: {\n      showArrow: false,\n    },\n  }\n  const onClick = () => setShowing(!showing)\n\n  const listItemTextClasses = classNames([css(menuLinkCSS), 'fiqds-overlay-dropdown-menuitem-text'])\n  const listItemClasses = classNames('drodpown-menu-item', css(combineRules(dropdownItemCSS, menuLinkCSS)))\n\n  const menu = (\n    <nav className={classNames('fiqds-overlay-dropdown', css(dropdownContainerCSS))}>\n      {routes.map(item => (\n        <Can route={item.to} key={item.to}>\n          <div className={listItemClasses} key={`admin-nav-${item.to}`}>\n            <Link onClick={onClick} to={item.to} className={listItemTextClasses}>\n              {item.title}\n            </Link>\n          </div>\n        </Can>\n      ))}\n      {superUserRoutes.map(item => (\n        <Can route={item.to} key={item.to}>\n          <div className={listItemClasses} key={`admin-nav-${item.to}`}>\n            <Link onClick={onClick} to={item.to} className={listItemTextClasses}>\n              {item.title}\n            </Link>\n          </div>\n        </Can>\n      ))}\n      <Can route='/admin/integrations'>\n        <div className={listItemClasses} key='admin-nav-/admin/integrations'>\n          <Link onClick={onClick} to='/admin/integrations' className={listItemTextClasses}>\n            Integrations\n          </Link>\n        </div>\n      </Can>\n      <Can route='/admin/domain-list'>\n        <div className={listItemClasses} key='admin-nav-/admin/domain-list'>\n          <Link onClick={onClick} to='/admin/domain-list' className={listItemTextClasses}>\n            Domain List\n          </Link>\n        </div>\n      </Can>\n      <Can route='/admin/application-list'>\n        <div className={listItemClasses} key='admin-nav-/admin/application-list'>\n          <Link onClick={onClick} to='/admin/application-list' className={listItemTextClasses}>\n            Application List\n          </Link>\n        </div>\n      </Can>\n      <div onClick={onLogout} className={classNames(listItemClasses, css(signOutCSS))} key='signout'>\n        Sign Out\n      </div>\n    </nav>\n  )\n  const headerOverlayID = 'header-avatar-dropdown'\n\n  return (\n    <Header\n      metaTitle={title ? `${title} - Process Discovery` : null}\n      title={\n        typeof heading === 'string' ? (\n          <Heading className='header-title' level={1}>\n            {heading}\n          </Heading>\n        ) : (\n          heading\n        )\n      }\n      toolbar={toolbar}\n      toolbarActions={toolbarActions}\n      titleActions={[\n        <div className={css(tenantWrapCSS)} key='tenant'>\n          {roleRouteCheck('/admin/account', roles) ? (\n            <Link className={css(tenantNameCSS)} to='/admin/account'>\n              {uiStore.tenant.name || '--'}\n            </Link>\n          ) : (\n            <span className={css(tenantNameCSS)}>{uiStore.tenant.name || '--'}</span>\n          )}\n        </div>,\n        !!pageHelp && <TopNavHelp key='help' pageHelp={pageHelp} />,\n        <Overlay\n          basic={true}\n          closeIcon={false}\n          config={config}\n          content={menu}\n          id={headerOverlayID}\n          key={headerOverlayID}\n          noPadding={true}\n          placement={placement}\n          trigger={trigger}\n          widths={widths}\n          zIndex={zIndexForAvatarDropdown}\n        />,\n      ]}\n    />\n  )\n}\n\nexport default memo(AppHeader)\n","import React, { createContext, useContext, useReducer } from 'react'\n\nconst HeaderStateContext = createContext()\nconst HeaderDispatchContext = createContext()\n\nfunction headerReducer(state, action) {\n  switch (action.type) {\n    case 'set': {\n      const newStateItems = { ...state, ...action }\n      delete newStateItems.type\n      return newStateItems\n    }\n    case 'clear': {\n      return { heading: ' ', noHelmet: false, title: ' ', toolbar: null, toolbarActions: null }\n    }\n    default: {\n      throw new Error(`Unhandled action type: ${action.type}`)\n    }\n  }\n}\n\nfunction HeaderProvider({ children }) {\n  const [state, dispatch] = useReducer(headerReducer, { title: ' ', toolbar: null })\n  return (\n    <HeaderStateContext.Provider value={state}>\n      <HeaderDispatchContext.Provider value={dispatch}>{children}</HeaderDispatchContext.Provider>\n    </HeaderStateContext.Provider>\n  )\n}\n\nfunction useHeaderState() {\n  const context = useContext(HeaderStateContext)\n  if (context === undefined) {\n    throw new Error('useHeaderState must be used within a HeaderProvider')\n  }\n  return context\n}\n\nfunction useHeaderDispatch() {\n  const context = React.useContext(HeaderDispatchContext)\n  if (context === undefined) {\n    throw new Error('useHeaderDispatch must be used within a HeaderProvider')\n  }\n  return context\n}\n\nexport { HeaderDispatchContext, HeaderProvider, useHeaderState, useHeaderDispatch }\n","import { addImportant } from 'helpers'\nimport { ellipsisCSS } from 'styles/utils'\n\n/* eslint-disable import/prefer-default-export */\nexport const menuLinkCSS = ({ theme }) => ({\n  alignItems: 'center',\n  color: theme['legacy-color-dark'],\n  display: 'flex',\n  flexDireciton: 'row',\n  justifyContent: 'space-bewtween',\n  overflow: 'hidden',\n  padding: theme['default-spacer-sm'],\n  textDecoration: 'none',\n  textOverflow: 'ellipsis',\n  transition: `background-color ${theme['animation-speed-base']}`,\n  userSelect: 'none',\n  whiteSpace: 'nowrap',\n  width: '100%',\n  willChange: 'background-color, color',\n  wordBreak: 'break-all',\n  '&:hover': {\n    backgroundColor: theme['toolbar-btn-hover-background'],\n    color: theme['legacy-color-dark'],\n    textDecoration: 'none',\n  },\n})\n\nexport const dropdownContainerCSS = ({ theme }) => ({\n  backgroundColor: theme.white,\n  borderBottomLeftRadius: theme['border-radius-base'],\n  border: `1px solid ${theme['antd-card-border']}`,\n  borderTop: '0',\n  marginTop: theme['default-spacer-xs'],\n})\n\nexport const dropdownItemCSS = ({ theme }) => ({\n  '&:last-child': {\n    '> a': {\n      borderRadius: `0 0 ${theme['border-radius-base']} ${theme['border-radius-base']}`,\n    },\n  },\n})\n\nexport const signOutCSS = ({ theme }) => ({\n  borderTop: `1px solid ${theme['antd-card-border']}`,\n  cursor: 'pointer',\n  padding: theme['default-spacer-md'],\n})\n\nexport const tenantWrapCSS = ({ theme }) => ({\n  alignItems: 'center',\n  backgroundColor: theme['heading-color'],\n  borderRadius: '20px',\n  display: 'flex',\n  height: '23px',\n  padding: addImportant('0'),\n  transition: `background-color ${theme['animation-speed-base']} ease-in-out`,\n  '&:hover': {\n    backgroundColor: theme.black,\n  },\n})\n\nexport const tenantNameCSS = ({ theme }) => ({\n  color: theme.white,\n  display: 'block',\n  fontSize: '12px',\n  fontWeight: '500',\n  maxWidth: '150px',\n  padding: `0 ${theme['default-spacer-md']}`,\n  textDecoration: 'none',\n  ...ellipsisCSS(),\n  '&:hover': {\n    color: theme.white,\n    textDecoration: 'none',\n  },\n})\n","import React from 'react'\nimport css from './decisionNoEditStyle.scss'\n\n/******************\n * Inspector type: edit decision\n * UI for a decision in inspector that is not editable\n *\n ******************/\n\nconst DecisionNoEdit = props => {\n  const { name, description, rules, store } = props\n  return (\n    <div className={css.container}>\n      <div className={`${css.pathsTitle} ${css.section}`}>Conditional:</div>\n      <div className={`${css.flex}`}>\n        <div className={css.graphlabel}>{store.viewingNode.labelNum || '?'}</div>\n        <span> {name || ' No Node Name'} </span>\n      </div>\n      <div className={css.description}>{description}</div>\n\n      <div className={`${css.pathsTitle} ${css.section}`}>Paths:</div>\n      {rules &&\n        rules.length > 0 &&\n        rules.map((item, i) => (\n          <React.Fragment key={i}>\n            <div className={css.flex}>\n              <div className={css.graphlabel}>{item.id}</div>\n              <div>{item.ruleName || ' Empty Path Label'}</div>\n            </div>\n            <div className={css.description}>{item.ruleDescription}</div>\n          </React.Fragment>\n        ))}\n    </div>\n  )\n}\n\nexport default DecisionNoEdit\n","import React from 'react'\nimport { Label, theme, Element, Typography } from '@fortressiq/fiq-ds'\n\nimport TextToInput from 'components/inputs/TextToInput'\n\nconst pathRowStyle = {\n  border: `1px solid ${theme['legacy-color-gray2']}`,\n  marginBottom: theme['default-spacer-sm'],\n  padding: theme['default-spacer-sm'],\n}\n\nconst { Text } = Typography\n\nclass EditDecisionInPlace extends React.Component {\n  render() {\n    const { name, rules, onEnter } = this.props\n\n    return (\n      <React.Fragment>\n        <Element style={{ marginBottom: theme['default-spacer-sm'] }}>\n          <Label>Conditional</Label>\n          <TextToInput name='label' value={name} emptyText='Empty' onEnter={onEnter} />\n        </Element>\n        {rules && <Text>Paths</Text>}\n        {rules &&\n          rules.map((rule, i) => {\n            const labels = rule.labels()\n            const target = rule.getTargetElement()\n            return (\n              <Element style={pathRowStyle} key={i}>\n                <Label>{target ? target.attr('label/text') : '--'}</Label>\n                <TextToInput\n                  name={`rule_${i}`}\n                  value={labels.length > 0 ? labels[0].attrs.label.text : ''}\n                  emptyText='Empty label'\n                  onEnter={(ruleName, value) => this.onEnter(ruleName, value, rule)}\n                />\n              </Element>\n            )\n          })}\n      </React.Fragment>\n    )\n  }\n\n  onEnter = (name, value, rule) => {\n    const { generateLabel, onEnter, rules } = this.props\n\n    rule.removeLabel(0)\n    rule.appendLabel(generateLabel(value))\n    onEnter('rules', rules)\n  }\n}\n\nexport default EditDecisionInPlace\n","import React from 'react'\nimport { observer } from 'mobx-react'\nimport { Typography, Label, theme } from '@fortressiq/fiq-ds'\n\nimport TextToInput from 'components/inputs/TextToInput'\n\nconst { Text } = Typography\n\n@observer\nclass EditDiagramNode extends React.Component {\n  render() {\n    const { number, name, description, onEnter } = this.props\n    return (\n      <React.Fragment>\n        <Text>{number || '--'}</Text>\n        <Label style={{ marginTop: theme['default-spacer-sm'] }}>Label</Label>\n        <TextToInput value={name} onEnter={onEnter} name='label' />\n        <Label style={{ marginTop: theme['default-spacer-md'] }}>Description</Label>\n        <TextToInput value={description} emptyText='No description provided.' name='description' onEnter={onEnter} />\n      </React.Fragment>\n    )\n  }\n}\n\nexport default EditDiagramNode\n","import React, { Fragment, useState, useEffect } from 'react'\nimport api from 'lib/Api'\nimport { Button, Input, Select, theme } from '@fortressiq/fiq-ds'\nimport controlTypeOptions from 'lib/controlTypeOptions'\n\nconst ENTER = 13\n\nconst AnnotationControls = ({ selectedEvent, updateSelectedEvent }) => {\n  const [fieldValue, setFieldValue] = useState()\n  const [controlTypeValue, setControlTypeValue] = useState()\n\n  useEffect(() => {\n    if (selectedEvent) {\n      setFieldValue(selectedEvent.field || '')\n      setControlTypeValue(selectedEvent.controlType || null)\n    }\n  }, [selectedEvent])\n\n  const updateEvent = async () => {\n    const { data } = await api.patch(`/event_logs/${selectedEvent.id}`, {\n      field: fieldValue,\n      control_type: controlTypeValue,\n      annotation_type: 'user',\n    })\n    updateSelectedEvent(data.event)\n  }\n\n  const keyHandlerMap = { [ENTER]: updateEvent }\n\n  const handleKeyDown = ({ which, keyCode = which }) => keyHandlerMap[keyCode] && keyHandlerMap[keyCode]()\n\n  const onFieldChange = e => setFieldValue(e.target.value)\n\n  const onControlTypeChange = e => {\n    // e is not defined when clearing the select\n    if (!e) {\n      setControlTypeValue(null)\n    } else {\n      const controlType = typeof e.value === 'undefined' ? null : e.value\n      setControlTypeValue(controlType)\n    }\n  }\n\n  const value = controlTypeOptions.find(option => option.value === controlTypeValue) || null\n\n  return (\n    <Fragment>\n      <Select\n        dark={true}\n        isClearable={!!controlTypeValue}\n        onChange={onControlTypeChange}\n        options={controlTypeOptions}\n        placeholder='Control Type'\n        size='small'\n        style={{ minWidth: '150px' }}\n        styles={{\n          menuPortal: { zIndex: theme['z-modal-above'] },\n        }}\n        value={value}\n        menuPortalTarget={document.body}\n      />\n\n      <Input dark={true} onChange={onFieldChange} value={fieldValue} onKeyDown={handleKeyDown} size='small' />\n\n      <Button onClick={updateEvent} size='small' tabIndex='0' type='secondary'>\n        Update\n      </Button>\n    </Fragment>\n  )\n}\n\nexport default AnnotationControls\n","import React from 'react'\nimport classNames from 'classnames'\nimport { combineRules, Icon, theme, useFela } from '@fortressiq/fiq-ds'\n\nimport { containerCSS, cellCSS, controlCSS, controlLabelCSS, showCSS } from './styles/index'\nimport AnnotationControls from './AnnotationControls'\n\nconst AnnotationTopBar = ({\n  selectedEvent,\n  selectNextScreenshot,\n  selectPriorScreenshot,\n  showAnnotationTools,\n  updateSelectedEvent,\n}) => {\n  const { css } = useFela({ showAnnotationTools })\n\n  const iconClassName = css({\n    alignSelf: 'flex-end',\n  })\n  return (\n    <div className={classNames(css(combineRules(containerCSS, showCSS)), 'ant-dark')}>\n      <div className={css(combineRules(controlCSS(false), cellCSS))} onClick={selectPriorScreenshot}>\n        <Icon\n          className={iconClassName}\n          color={theme['btn-textColor']}\n          fill={theme.white}\n          icon='chevroncircledown'\n          rotate={90}\n        />\n        <span className={css(controlLabelCSS(false))}>Prev</span>\n      </div>\n\n      {showAnnotationTools && (\n        <AnnotationControls selectedEvent={selectedEvent} updateSelectedEvent={updateSelectedEvent} />\n      )}\n      <div className={css(combineRules(controlCSS(true), cellCSS))} onClick={selectNextScreenshot}>\n        <span className={css(controlLabelCSS(true))}>Next</span>\n        <Icon\n          className={iconClassName}\n          color={theme['btn-textColor']}\n          fill={theme.white}\n          icon='chevroncircledown'\n          rotate={-90}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default AnnotationTopBar\n","export const MAX_NUMBER_CASES = 5000\n\nexport default { MAX_NUMBER_CASES }\n","import React from 'react'\nimport { Typography, Tooltip, theme } from '@fortressiq/fiq-ds'\n\nimport controlTypeOptions from 'lib/controlTypeOptions'\nimport css from './eventDetailBarStyle.scss'\n\nconst { Paragraph } = Typography\n\nconst DetailTooltipTitle = ({ value }) => (\n  <Paragraph copyable={true} style={{ color: theme.white, fontSize: theme['font-size-sm'] }}>\n    {value}\n  </Paragraph>\n)\n\nconst Cell = ({ label, value }) => (\n  <div className={css.cell}>\n    <div className={css.label}>{label}</div>\n    {value && (\n      <Tooltip title={<DetailTooltipTitle value={value} />}>\n        <div className={css.value}>{value}</div>\n      </Tooltip>\n    )}\n  </div>\n)\n\nconst EventDetailBar = ({ event, parentWidth }) => {\n  const e = event || {}\n  const controlType = controlTypeOptions.find(option => option.value === e.controlType)\n  const controlTypeLabel = controlType ? controlType.label : ''\n\n  return (\n    <div className={css.eventDetailBar} style={{ width: `calc(${parentWidth})` }}>\n      <Cell label='Title' value={e.title} />\n      <Cell label='Application' value={e.application} />\n      <Cell label='Action' value={e.action} />\n      <Cell label='Value' value={e.value} />\n      <Cell label='Id' value={e.id} />\n      <Cell label='Screen' value={e.screen} />\n      <Cell label='Control' value={controlTypeLabel} />\n      <Cell label='Field' value={e.field} />\n    </div>\n  )\n}\n\nexport default EventDetailBar\n","import React from 'react'\nimport { useHistory } from 'react-router-dom'\n\nimport ExportButton from 'components/ExportButton/ExportButton'\nimport callbackStore from 'stores/callback'\n\nconst ExportDropdown = ({ graphId, name, instanceIndexes, pathId }) => {\n  const history = useHistory()\n\n  const exportCallback = () => {\n    history.push('/event-log-exports')\n  }\n\n  const options = [\n    {\n      text: 'Export Table (.csv)',\n      exportType: 'graph',\n      exportCallback: exportCallback,\n      exportArgs: { graphId, instanceIndexes, exportType: 'events', pathId },\n      disabled: false,\n    },\n    {\n      text: 'Export Screenshots (.jpeg)',\n      exportType: 'graph',\n      exportArgs: { graphId, instanceIndexes, exportType: 'images', pathId },\n      exportCallback: exportCallback,\n      disabled: false,\n    },\n  ]\n\n  return (\n    <ExportButton\n      buttonText='Export Instances as...'\n      callbackStore={callbackStore}\n      defaultExportName={name}\n      exportType='graph'\n      options={options}\n    />\n  )\n}\n\nexport default ExportDropdown\n","import React, { Fragment } from 'react'\nimport keydown from 'react-keydown'\n\nimport debounce from 'lodash/debounce'\n\nimport { observer } from 'mobx-react'\nimport ReactGA from 'react-ga'\n\nimport qs from 'qs'\n\nimport { Button, Element, Heading, Toolbar, SplitPane } from '@fortressiq/fiq-ds'\n\nimport BigGrayCheckbox from 'components/toggles/BigGrayCheckbox'\nimport { FLASH_LEVELS } from 'components/flash/Flash'\nimport VirtualizedTable from 'components/table/VirtualizedTable'\nimport Spinner from 'components/loaders/Spinner'\nimport { isOneOf } from 'components/user/util'\n\nimport api from 'lib/Api'\n\nimport { useUserState } from 'context/UserContext'\n\nimport Can, { roleActionCheck } from 'components/can/Can'\nimport DisabledScreenshot, { isDisabledScreenshot } from 'components/DisabledScreenshot/DisabledScreenshot'\nimport flashHOC from 'components/flash/flashHOC'\nimport UnredactedImageViewerWithOption from 'components/image/UnredactedImageViewerWithOption'\n\nimport AnnotationTopBar from './AnnotationTopBar'\nimport ExportDropdown from './ExportDropdown'\nimport EventFilter from './controls/EventFilter'\nimport PlaybackControls from './controls/PlaybackControls'\nimport EventDetailBar from './EventDetailBar'\nimport ProcessControls from './ProcessControls'\nimport ProcessModal from './ProcessModal'\nimport SignatureDetailsBar from './SignatureDetailsBar'\n\nimport { HeaderDispatchContext } from '../header/HeaderContext'\n\nimport css from './instancesViewerStyle.scss'\nimport InstancesFilter from './controls/InstancesFilter'\nimport MachineFilter from './controls/MachineFilter'\nimport PathFilter from './controls/PathFilter'\nimport AnnotateButton from './controls/AnnotateButton'\n\nimport { observedAtRenderer } from '../events/EventColumns'\n\nimport { APIS, getFlowInstances, getGraphInstances, getFlowPaths, getGraphPaths } from './dataUtils'\n\nconst signatureRenderer = data => {\n  const { cellData } = data\n  return (\n    <Element as='span' style={{ whiteSpace: 'pre' }}>\n      {cellData}\n    </Element>\n  )\n}\n\nconst headerVars = ['graphProcessId', 'fetchingProcesses', 'graphOptions']\nconst toolbarVars = ['graphOptions', 'machines', 'paths', 'instances', 'instanceIndex', 'playing', 'events']\n\n@observer\nclass InstancesViewer extends React.Component {\n  static contextType = HeaderDispatchContext\n\n  constructor(props) {\n    super(props)\n    this.debouncedGetEvents = null\n    this.leftColRef = React.createRef()\n    this.screenRef = React.createRef()\n\n    const {\n      location: { search },\n      roles,\n    } = this.props\n\n    const params = qs.parse(search, { ignoreQueryPrefix: true })\n    const { graphType } = params\n\n    this.state = {\n      events: [],\n      selectedEventIndex: 0,\n      showProcessModal: false,\n      processInstances: [],\n      selectedInstanceOption: null,\n      eventsInProcess: {},\n      fetchingTable: false,\n      eventsSelectedCount: 0,\n      showAnnotationTools: false,\n      rightColSize: '100%',\n      screenHeight: '100%',\n      playing: false,\n      instances: [],\n      instanceIndex: null,\n      fetchingProcesses: false,\n      machines: [],\n      graphOptions: [],\n      paths: [],\n      allInstances: [],\n      graphType: graphType || 'path',\n    }\n\n    this.columns = [\n      { width: 40, visible: true, dataKey: 'sequence', header: 'Order' },\n      { width: 80, visible: true, dataKey: 'title', header: 'Title' },\n      { width: 100, visible: true, dataKey: 'application', header: 'App' },\n      { width: 80, visible: true, dataKey: 'action', header: 'Action' },\n      isOneOf(roles, ['admin', 'superuser']) && {\n        width: 100,\n        visible: true,\n        dataKey: 'value',\n        header: 'Value',\n      },\n      { width: 80, visible: false, dataKey: 'machine', header: 'Machine' },\n      { width: 100, visible: false, dataKey: 'observedAt', header: 'Observed At', cellRenderer: observedAtRenderer },\n      {\n        width: 320,\n        visible: true,\n        dataKey: 'observer',\n        header: 'Observer Name',\n      },\n      { width: 40, visible: true, dataKey: 'annotationType', header: 'Ann' },\n      { width: 100, visible: false, dataKey: 'screen', header: 'Screen' },\n      { width: 130, visible: true, dataKey: 'field', header: 'Field' },\n      {\n        width: 320,\n        visible: false,\n        dataKey: 'signature',\n        header: 'Signature',\n        cellRenderer: signatureRenderer,\n      },\n      {\n        width: 320,\n        visible: false,\n        dataKey: 'screenSignature',\n        header: 'Screen Signature',\n        cellRenderer: signatureRenderer,\n      },\n      {\n        width: 50,\n        dataKey: 'eventsInProcess',\n        visible: false,\n        cellRenderer: this.cellRenderer,\n        menuName: 'Include in Process',\n        columnType: VirtualizedTable.columnType.action,\n        headerRenderer: header => this.eventsInProcessHeader(header),\n      },\n    ].filter(Boolean)\n  }\n\n  componentDidMount() {\n    const {\n      match: {\n        params: { id: graphProcessId },\n      },\n      location: { search },\n      roles,\n    } = this.props\n\n    const params = qs.parse(search, { ignoreQueryPrefix: true })\n    const { instanceId, graphType } = params\n\n    this.setState({ graphType: graphType })\n    this.setHeaderContext()\n    this.setToolbarContext()\n\n    // don't fetch if user doesn't have permission\n    if (roleActionCheck('/instances-viewer:navigate-all-instances', roles)) this.fetchProcesses()\n\n    if (graphProcessId) {\n      this.fetchInstances(instanceId, true)\n      this.fetchPaths()\n    }\n    window.addEventListener('resize', this.setScreenshotDimensions)\n    this.setScreenshotDimensions()\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const {\n      match: {\n        params: { id: graphProcessId },\n      },\n      location: { search },\n    } = this.props\n\n    const params = qs.parse(search, { ignoreQueryPrefix: true })\n    const oldParams = qs.parse(prevProps.location.search, {\n      ignoreQueryPrefix: true,\n    })\n    const { pathId, instanceId, graphType } = params\n\n    if (prevState.graphType !== graphType && graphType) {\n      this.setState({\n        graphType: graphType,\n      })\n    }\n\n    if (graphProcessId !== prevProps.match.params.id) {\n      this.fetchInstances(instanceId, true)\n      this.fetchPaths()\n    } else if (pathId !== oldParams.pathId) {\n      this.fetchInstances(instanceId, false)\n    }\n\n    const shouldUpdateHeader = headerVars.some(key => {\n      const { [key]: val } = this.state\n      return val !== prevState[key]\n    })\n    if (shouldUpdateHeader) {\n      this.setHeaderContext()\n    }\n\n    const shouldUpdateToolbar = toolbarVars.some(key => {\n      const { [key]: val } = this.state\n      return val !== prevState[key]\n    })\n    if (shouldUpdateToolbar) {\n      this.setToolbarContext()\n    }\n  }\n\n  componentWillUnmount() {\n    this.context({\n      type: 'clear',\n    })\n    window.removeEventListener('resize', this.setScreenshotDimensions)\n  }\n\n  render() {\n    const {\n      events,\n      selectedEventIndex,\n      selectedEvent,\n      showProcessModal,\n      processInstances,\n      fetchingTable,\n      showAnnotationTools,\n      rightColSize,\n      screenHeight,\n    } = this.state\n    const splitPaneStyle = { position: 'static' }\n    const images = selectedEvent\n      ? [\n          {\n            centered: true,\n            float: 'none',\n            fluid: true,\n            height: screenHeight,\n            src: selectedEvent.screenshotUrl,\n            svgInfo: {\n              box: selectedEvent.bounding_box || selectedEvent.boundingBox,\n              x: selectedEvent.coordX || selectedEvent.coord_x,\n              y: selectedEvent.coordY || selectedEvent.coord_y,\n            },\n          },\n        ]\n      : null\n\n    const screenshot = isDisabledScreenshot(selectedEvent) ? (\n      <DisabledScreenshot />\n    ) : (\n      <UnredactedImageViewerWithOption\n        clickImageToFullscreen={true}\n        dark={false}\n        images={images}\n        maxHeight='100%'\n        onLoad={this.playNext}\n        openFullscreenOnLoad={false}\n        selectedIndex={0}\n        fullscreenEnabled={true}\n        style={{\n          alignItems: 'center',\n          width: '100%',\n        }}\n      />\n    )\n\n    return (\n      <div className={css.mainContainer} tabIndex={-1}>\n        <SplitPane primary='first' split='vertical' style={splitPaneStyle} onChange={this.setRightPanelSize}>\n          <div className={css.mainLeft} ref={this.leftColRef}>\n            {fetchingTable && (\n              <div className={css.tableLoaderContainer}>\n                <Spinner />\n              </div>\n            )}\n            <VirtualizedTable\n              data={events}\n              onRowClick={e => this.updateSelectedEventIndex(e.index)}\n              selectedEventIndex={selectedEventIndex}\n              columns={this.columns}\n              tableContainerClassName={css.eventTable}\n            />\n            <ProcessControls\n              instances={processInstances}\n              addInstanceEnabled={this.instanceIsAnnotated()}\n              addInstanceClick={this.addInstance}\n              viewClick={() => {\n                ReactGA.event({\n                  category: 'Instances Viewer',\n                  action: 'View Process Details',\n                })\n                this.setState({ showProcessModal: !showProcessModal })\n              }}\n              modalContent={\n                <ProcessModal\n                  instances={processInstances}\n                  removeInstance={this.removeInstance}\n                  saveProcess={this.saveProcess}\n                />\n              }\n            />\n          </div>\n\n          <div className={css.mainRight}>\n            <div className={css.rightTop}>\n              <AnnotationTopBar\n                selectedEvent={selectedEvent}\n                selectNextScreenshot={this.selectNextScreenshot}\n                selectPriorScreenshot={this.selectPriorScreenshot}\n                updateSelectedEvent={this.updateSelectedEvent}\n                showAnnotationTools={showAnnotationTools}\n              />\n            </div>\n            <div className={css.rightMiddle} ref={this.screenRef}>\n              {events.length === 0 ? (\n                <Fragment>No events found, select a Process&hellip;</Fragment>\n              ) : (\n                <div className={css.screenshotContainer}>{selectedEvent && screenshot}</div>\n              )}\n            </div>\n            <SignatureDetailsBar event={selectedEvent} parentWidth={rightColSize} />\n            <EventDetailBar event={selectedEvent} parentWidth={rightColSize} />\n          </div>\n        </SplitPane>\n      </div>\n    )\n  }\n\n  onInstanceChange = async (newInstance, newInstances) => {\n    let { instances } = this.state\n    const { graphType } = this.state\n    if (newInstances) {\n      instances = newInstances\n    }\n    const instance = instances.find(i => i.index === newInstance)\n    if (!instance) return\n\n    const { data } = await api.post('/events/details', {\n      event_ids: instance.eventIds,\n    })\n\n    const {\n      match: {\n        params: { id: graphProcessId },\n      },\n      history,\n    } = this.props\n\n    const { pathId } = this.state\n    let search = '?'\n    if (pathId) {\n      search = `${search}pathId=${pathId}&`\n    }\n    search = `${search}instanceId=${instance.hash}&graphType=${graphType}`\n    history.push({\n      pathname: `/instances-viewer/${graphProcessId}`,\n      search,\n    })\n    this.setState({ instanceIndex: newInstance })\n    this.eventListChange(data.events, { value: newInstance.sequence })\n  }\n\n  toggleMachine = machine => {\n    const { machines, allInstances } = this.state\n    const newMachines = machines.map(m => {\n      if (machine.name === m.name) {\n        return {\n          ...m,\n          selected: !m.selected,\n        }\n      }\n      return m\n    })\n\n    this.setState({ machines: newMachines })\n    this.setDisplayInstances(allInstances, newMachines)\n  }\n\n  togglePath = pathInfo => {\n    const {\n      match: {\n        params: { id: graphProcessId },\n      },\n      history,\n    } = this.props\n\n    const { pathId, graphType } = this.state\n\n    let search = `?pathId=${pathInfo.id}&graphType=${graphType}`\n    if (pathInfo.id === +pathId) {\n      search = `?graphType=${graphType}`\n    }\n\n    history.push({\n      pathname: `/instances-viewer/${graphProcessId}`,\n      search,\n    })\n  }\n\n  fetchProcesses = async () => {\n    this.setState({ fetchingProcesses: true })\n    const { data } = await api.get('/graph_processes/filters')\n    this.setState({ fetchingProcesses: false, graphOptions: data, graphType: data.type })\n  }\n\n  fetchInstances = async (instanceId, updateMachines = true) => {\n    const { machines, graphType } = this.state\n    const {\n      match: {\n        params: { id: graphProcessId },\n      },\n      location: { search },\n    } = this.props\n\n    const params = qs.parse(search, { ignoreQueryPrefix: true })\n    const { pathId } = params\n\n    if (!graphProcessId) return\n    this.setState({ fetchingTable: true, pathId })\n\n    const args = {\n      graphProcessId,\n      pathId,\n      limit: 3000,\n    }\n\n    const { data } = await api.get(APIS[graphType].instances(graphProcessId), args)\n\n    const { machineNames, newInstances } = graphType === 'flowgraph' ? getFlowInstances(data) : getGraphInstances(data)\n\n    const machinesArray = Array.from(machineNames).map(machineName => ({\n      name: machineName,\n      selected: updateMachines ? true : machines.find(machine => machine.name === machineName)?.selected,\n    }))\n\n    this.setState({\n      allInstances: newInstances,\n      instances: newInstances,\n      fetchingTable: false,\n      machines: machinesArray,\n    })\n    if (updateMachines) {\n      this.setInstance(newInstances, instanceId)\n    } else {\n      this.setDisplayInstances(newInstances, machinesArray, instanceId)\n    }\n  }\n\n  setInstance = (instances, sInstance) => {\n    if (sInstance) {\n      const id = parseInt(sInstance, 10)\n      const index = instances.findIndex(instance => instance.hash === id && !instance.disabled)\n      if (index !== -1) {\n        this.onInstanceChange(index, instances)\n        return\n      }\n    }\n    const firstInstanceIndex = instances.findIndex(instance => !instance.disabled)\n    if (firstInstanceIndex !== -1) {\n      this.onInstanceChange(firstInstanceIndex, instances)\n    } else {\n      // no enabled instances, so reset state to blanks\n      this.setState({\n        events: [],\n        eventsSelectedCount: 0,\n        selectedEventIndex: 0,\n        selectedInstanceOption: null,\n        eventsInProcess: {},\n      })\n    }\n  }\n\n  setDisplayInstances = (allInstances, newMachines, instanceId) => {\n    let { machines } = this.state\n    if (newMachines) {\n      machines = newMachines\n    }\n    // cross reference with machines\n    const selectedMachines = machines.reduce((acc, machine) => {\n      if (machine.selected) {\n        acc.push(machine.name)\n      }\n      return acc\n    }, [])\n    const instances = allInstances.filter(instance => selectedMachines.includes(instance.observer))\n    this.setState({ instances })\n\n    this.setInstance(instances, instanceId)\n  }\n\n  fetchPaths = async () => {\n    const { graphType } = this.state\n    const {\n      match: {\n        params: { id: graphProcessId },\n      },\n    } = this.props\n\n    const { data } = await api.get(APIS[graphType].paths(graphProcessId))\n    const pathsData = graphType === 'flowgraph' ? getFlowPaths(data) : getGraphPaths(data)\n    this.setState({\n      paths: pathsData,\n    })\n  }\n\n  setHeaderContext = () => {\n    const { fetchingProcesses, graphOptions } = this.state\n    const {\n      match: {\n        params: { id: graphProcessId },\n      },\n    } = this.props\n\n    this.context({\n      type: 'set',\n      title: 'View Instances',\n      heading: (\n        <Fragment>\n          <Heading className='header-title' level={1}>\n            View Instances\n          </Heading>\n          <Can perform='/instances-viewer:navigate-all-instances'>\n            <EventFilter\n              clearInstances={this.clearInstances}\n              eventListChange={this.eventListChange}\n              fetchingProcesses={fetchingProcesses}\n              graphOptions={graphOptions}\n              graphProcessId={graphProcessId}\n              setGraphProcessId={this.setGraphProcessId}\n              setGraphType={currentGraphType => this.setState({ graphType: currentGraphType })}\n            />\n          </Can>\n        </Fragment>\n      ),\n    })\n  }\n\n  setToolbarContext = () => {\n    const { paths, machines, playing, events, instances, instanceIndex, graphOptions, pathId, graphType } = this.state\n    const {\n      match: {\n        params: { id: graphProcessId },\n      },\n    } = this.props\n\n    const graphProcess = graphOptions.find(({ value }) => value === +graphProcessId)\n    const hasInstances = !!instances.length\n\n    this.context({\n      type: 'set',\n      toolbar: (\n        <Toolbar style={{ '> .fiqds-row': { flexFlow: 'nowrap' } }}>\n          <MachineFilter machines={machines} toggleMachine={this.toggleMachine} />\n          <PathFilter selectedPathId={pathId && +pathId} paths={paths} togglePath={this.togglePath} />\n          <InstancesFilter\n            instances={instances}\n            instanceIndex={instanceIndex}\n            onInstanceChange={this.onInstanceChange}\n            disabled={!hasInstances}\n          />\n          <Can perform='/instances-viewer:annotate'>\n            <AnnotateButton onToggleAnnotationTools={this.toggleAnnotationTools} />\n          </Can>\n          <PlaybackControls\n            setPlaying={isPlaying => this.setState({ playing: isPlaying }, this.playNext)}\n            playing={playing}\n            eventCount={events.length}\n          />\n        </Toolbar>\n      ),\n      toolbarActions: !!(graphProcess && hasInstances && graphType !== 'flowgraph') && (\n        <ExportDropdown\n          graphId={graphProcess.value}\n          name={graphProcess.label}\n          instanceIndexes={[instanceIndex]}\n          pathId={pathId}\n        />\n      ),\n      title: 'View Instances',\n    })\n  }\n\n  setGraphProcessId = graphProcessId => {\n    const { history } = this.props\n    history.push({\n      pathname: `/instances-viewer/${graphProcessId}`,\n    })\n  }\n\n  setScreenshotDimensions = debounce(() => {\n    this.setRightPanelSize()\n    this.setScreenHeight()\n  }, 50)\n\n  setRightPanelSize = () => {\n    // uses the left column because react-split-pane resizes the left column\n    // and lets the browser render the right\n    const leftWidth = this.leftColRef.current.getBoundingClientRect().width\n    const marginAndSlidingVBar = 64 + 8\n    const rightWidth = `100vw - ${marginAndSlidingVBar}px - ${leftWidth}px`\n    this.setState({ rightColSize: rightWidth })\n  }\n\n  setScreenHeight = () => {\n    const { height } = this.screenRef.current.getBoundingClientRect()\n    this.setState({ screenHeight: `${height}px` })\n  }\n\n  toggleAnnotationTools = (evt, toggled) => {\n    this.setState({ showAnnotationTools: toggled })\n  }\n\n  toggleIncludeInProcess = (e, selected, rowData) => {\n    const { eventsInProcess } = this.state\n    eventsInProcess[rowData.rowData.id] = !selected\n\n    const newCount = Object.values(eventsInProcess).reduce((acc, cur) => acc + Number(cur), 0)\n\n    this.setState({\n      eventsSelectedCount: newCount,\n    })\n  }\n\n  toggleIncludeAllEvents = () => {\n    const { eventsSelectedCount, eventsInProcess, events } = this.state\n    const tempEventsInProcess = { ...eventsInProcess }\n    let newCount = events.length\n\n    if (eventsSelectedCount === events.length) {\n      Object.keys(eventsInProcess).forEach(event => {\n        tempEventsInProcess[event] = false\n      })\n      newCount = 0\n    } else {\n      events.forEach(event => {\n        tempEventsInProcess[event.id] = true\n      })\n    }\n\n    this.setState({\n      eventsSelectedCount: newCount,\n      eventsInProcess: tempEventsInProcess,\n    })\n  }\n\n  cellRenderer = rowData => {\n    const { eventsInProcess } = this.state\n    return (\n      <BigGrayCheckbox\n        selected={eventsInProcess[rowData.rowData.id]}\n        onClick={this.toggleIncludeInProcess}\n        data={rowData}\n      />\n    )\n  }\n\n  eventsInProcessHeader = () => {\n    const { eventsSelectedCount, events } = this.state\n\n    return (\n      <div className={css.checkboxHeader}>\n        <BigGrayCheckbox selected={eventsSelectedCount === events.length} onClick={this.toggleIncludeAllEvents} />\n      </div>\n    )\n  }\n\n  removeInstance = instance => {\n    const { processInstances } = this.state\n    this.setState({\n      processInstances: processInstances.filter(i => i.sequence !== instance.sequence),\n    })\n  }\n\n  eventListChange = (events, selectedInstanceOption) => {\n    const eventsInProcess = {}\n    events.forEach(event => {\n      eventsInProcess[event.id] = true\n    })\n\n    this.setState({\n      events: events,\n      eventsSelectedCount: events.length,\n      selectedEventIndex: 0,\n      selectedInstanceOption: selectedInstanceOption,\n      eventsInProcess: eventsInProcess,\n    })\n\n    //setState is an async action and\n    //will not nessearily update prior to the async getSelectedEventDetails\n    const currentSelectedEvent = events[0]\n    this.getSelectedEventDetails(currentSelectedEvent)\n  }\n\n  playNext = () => {\n    const { playing, selectedEventIndex, events } = this.state\n    const eventCount = events.length\n\n    if (playing) {\n      if (selectedEventIndex === eventCount - 1) {\n        this.setState({ playing: false })\n      } else {\n        setTimeout(() => this.selectNextScreenshot(), 800)\n      }\n    }\n  }\n\n  selectNextScreenshot = () => {\n    const { selectedEventIndex, events } = this.state\n    this.updateSelectedEventIndex((selectedEventIndex + 1) % events.length, true)\n  }\n\n  selectPriorScreenshot = () => {\n    const { selectedEventIndex, events } = this.state\n    if (selectedEventIndex === 0) {\n      this.updateSelectedEventIndex(events.length - 1, true)\n    } else {\n      this.updateSelectedEventIndex(selectedEventIndex - 1, true)\n    }\n  }\n\n  /* eslint-disable react/no-unused-class-component-methods */\n  @keydown('RIGHT')\n  // eslint-disable-next-line react/no-unused-class-component-methods\n  initR() {\n    this.selectNextScreenshot()\n  }\n\n  @keydown('LEFT')\n  // eslint-disable-next-line react/no-unused-class-component-methods\n  initL() {\n    this.selectPriorScreenshot()\n  }\n  /* eslint-enable react/no-unused-class-component-methods */\n\n  updateSelectedEventIndex = (index, delay = false) => {\n    const { events } = this.state\n\n    const newSelectedEventIndex = Math.max(Math.min(index, events.length), 0)\n    this.setState(\n      {\n        selectedEventIndex: newSelectedEventIndex,\n      },\n      () => this.getSelectedEventDetails(events[newSelectedEventIndex], delay)\n    )\n  }\n\n  getSelectedEventDetails = (currentSelectedEvent, delay = false) => {\n    if (!currentSelectedEvent) return\n    if (this.debouncedGetEvents) this.debouncedGetEvents.cancel()\n\n    //clear event information to provide feedback for users that something is changing\n    this.setState({\n      selectedEvent: null,\n    })\n    const getEvents = async () => {\n      const { data } = await api.get(`/event_logs/${currentSelectedEvent.id}`)\n      this.setState({\n        selectedEvent: { ...currentSelectedEvent, ...data.event },\n      })\n    }\n    if (delay) {\n      this.debouncedGetEvents = debounce(getEvents, 200)\n      this.debouncedGetEvents()\n    } else {\n      getEvents()\n    }\n  }\n\n  getEventsInInstanceData = () => {\n    const { events, eventsInProcess } = this.state\n\n    const eventsInInstance = []\n    events.forEach(event => {\n      if (eventsInProcess[event.id]) eventsInInstance.push(event)\n    })\n\n    return eventsInInstance\n  }\n\n  addInstance = () => {\n    const { events, selectedInstanceOption, processInstances } = this.state\n    if (events.length === 0) return\n\n    const eventsInInstance = this.getEventsInInstanceData()\n\n    const filteredProcessInstances = processInstances.filter(obj => {\n      return obj.sequence !== selectedInstanceOption.value\n    })\n\n    const newInstance = {\n      events: eventsInInstance,\n      sequence: selectedInstanceOption.value,\n      label: selectedInstanceOption.label,\n    }\n    const newProcessInstances = [...filteredProcessInstances, newInstance].sort((a, b) =>\n      a.sequence > b.sequence ? 1 : -1\n    )\n\n    this.setState({\n      processInstances: newProcessInstances,\n    })\n\n    ReactGA.event({\n      category: 'Instancs Viewer',\n      action: 'Save Instance to Process',\n      value: selectedInstanceOption.label,\n    })\n  }\n\n  instanceIsAnnotated = () => {\n    const { events, eventsInProcess } = this.state\n    if (events.length === 0) return false\n    const selectedEvents = events.filter(event => eventsInProcess[event.id])\n    return !!selectedEvents.length && selectedEvents.every(event => event.field)\n  }\n\n  saveProcess = async name => {\n    const { addNotification } = this.props\n    const { processInstances } = this.state\n    const params = {\n      name: name,\n      pathEvents: processInstances.map(i =>\n        i.events.map(({ id, controlType, field }) => ({\n          id,\n          control_type: controlType,\n          field,\n        }))\n      ),\n    }\n    const { data } = await api.post('/graph_processes', params)\n    this.setState({ showProcessModal: false })\n\n    ReactGA.event({\n      category: 'Instances Viewer',\n      action: 'Save Process',\n      value: name,\n    })\n\n    addNotification({\n      cta: (\n        <Button type='link' href={`/process-explorer/${data.graphProcess.id}`}>\n          Open {name}\n        </Button>\n      ),\n      description: 'Process saved successfully.',\n      type: FLASH_LEVELS.INFO,\n    })\n  }\n\n  clearInstances = () => {\n    this.setState({ processInstances: [] })\n  }\n\n  updateSelectedEvent = event => {\n    const { events } = this.state\n\n    //this state of selectedEvent can change in the middle of processes the change, we need to explicitly\n    //change the state for the event sent\n    const eventToChangeIndex = events.findIndex(ev => ev.id === event.id)\n    if (eventToChangeIndex === -1) return\n    const newEventData = { ...events[eventToChangeIndex], ...event }\n    events[eventToChangeIndex] = newEventData\n    this.setState({\n      selectedEvent: newEventData,\n    })\n  }\n}\n\nexport { InstancesViewer }\n\n// temporary container to get roles from user context, since these class components can't get more than one context\n// at the moment\nexport default flashHOC(props => {\n  const { roles } = useUserState()\n  return <InstancesViewer {...props} roles={roles} addNotification={props.addNotification} />\n})\n","import React from 'react'\nimport { Button, Element, theme, useModal } from '@fortressiq/fiq-ds'\n\nconst SaveBtn = ({ addInstanceEnabled, addInstanceClick }) => (\n  <Button disabled={!addInstanceEnabled} onClick={addInstanceClick} type='secondary'>\n    Save Instance to Process\n  </Button>\n)\n\nconst ProcessControls = ({ modalContent, addInstanceEnabled, addInstanceClick, instances }) => {\n  const { addModal } = useModal()\n\n  return (\n    <Element\n      style={{\n        alignItems: 'center',\n        display: 'flex',\n        height: '53px',\n        justifyContent: 'flex-end',\n        paddingRight: theme['default-spacer-sm'],\n      }}\n    >\n      {instances.length > 0 && (\n        <Button\n          onClick={() =>\n            addModal({\n              children: modalContent,\n              footer: false,\n              header: 'Save Instance to Process',\n              id: 'instances-viewer-process-details-modal',\n              style: { minWidth: '400px', width: '55%' },\n            })\n          }\n          style={{ marginRight: theme['default-spacer-sm'] }}\n        >\n          View Process Details\n        </Button>\n      )}\n      <SaveBtn addInstanceEnabled={addInstanceEnabled} addInstanceClick={addInstanceClick} />\n    </Element>\n  )\n}\n\nexport default ProcessControls\n","import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport { Button, Element, Icon, Input, Label, theme } from '@fortressiq/fiq-ds'\n\nimport useInputValidation from './validationHooks'\n\nconst ProcessModal = ({ instances, saveProcess, removeInstance }) => {\n  /* Validator configuration */\n  const validateInputName = useInputValidation(true)\n  /* Currently: errorMsg for on real time validation (flag false), errorMessageSubmit when submitting */\n  const { inputValue, onChangeInputValue, inputIsValid, errorMessageSubmit } = validateInputName\n  const validationError = errorMessageSubmit\n\n  let instancesList = null\n  let disableSaveButton = true\n  const instanceDefErr = 'Please, add an Instance to process!'\n\n  const onSubmitHandler = e => {\n    e.preventDefault()\n\n    validateInputName.onSubmitForm()\n\n    if (inputIsValid && instances.length) saveProcess(inputValue)\n  }\n\n  const validationErrorCSS = {\n    color: theme['error-color'],\n    fontWeight: 'bold',\n  }\n\n  if (instances.length) {\n    instancesList = instances.map((instance, i) => {\n      const { events, label } = instance\n\n      return (\n        <Element key={i} style={{ display: 'flex', width: '100%' }}>\n          {!!label && <Element style={{ justifySelf: 'flex-start', width: '50%' }}>{label}</Element>}\n          <Element\n            style={{\n              ...(!label && { marginLeft: '50%' }),\n              justifySelf: 'flex-end',\n              width: !label ? '100%' : '50%',\n            }}\n          >\n            {events.length} Events &nbsp;\n            <Icon after={true} clickable={true} icon='remove' onClick={() => removeInstance(instance)} size='nested' />\n          </Element>\n        </Element>\n      )\n    })\n\n    // To replace when we have a global validation\n    // We set the bool for enabling/disabling save btn\n    if (inputIsValid) disableSaveButton = false\n  } else {\n    instancesList = <Element style={validationErrorCSS}>{instanceDefErr}</Element>\n  }\n\n  return (\n    <Fragment>\n      <p>\n        <Input\n          autoFocus={true}\n          label='Name'\n          name='name'\n          onChange={onChangeInputValue}\n          placeholder='Name the Process'\n          tabIndex={0}\n          value={inputValue}\n        />\n      </p>\n      <Element style={validationErrorCSS}>{validationError}</Element>\n      <Element style={{ padding: '0.5rem', width: '50%' }}>\n        <Label>Attached Instances ({instances.length})</Label>\n        <Element>{instancesList}</Element>\n      </Element>\n      <Element style={{ textAlign: 'right' }}>\n        <Button disabled={disableSaveButton} onClick={e => onSubmitHandler(e)} type='secondary'>\n          Save Process\n        </Button>\n      </Element>\n    </Fragment>\n  )\n}\n\nProcessModal.propTypes = {\n  // eslint-disable-next-line react/forbid-prop-types\n  instances: PropTypes.arrayOf(PropTypes.object).isRequired,\n  removeInstance: PropTypes.func.isRequired,\n  saveProcess: PropTypes.func.isRequired,\n}\n\nexport default ProcessModal\n","import React, { Fragment } from 'react'\nimport { chroma, CopyToClipboardButton, Element, theme, Typography } from '@fortressiq/fiq-ds'\nimport { shape, string } from 'prop-types'\n\nimport { ellipsisCSS } from 'styles/utils'\n\nconst { Text } = Typography\n\nconst SignatureToClipboard = ({ icon, title, signature = 'alongishstringtogohere' }) => {\n  const background = theme['darker-bg']\n\n  return (\n    <Element\n      style={{\n        alignItems: 'center',\n        background,\n        border: `1px solid ${chroma(background).darken(0.05).css('hsl')}`,\n        borderRadius: 2,\n        color: theme['dark-lighter-txt'],\n        display: 'flex',\n        fontSize: theme['font-size-base'],\n        height: theme['default-spacer-lg'],\n        justifyContent: 'space-between',\n        margin: theme['default-spacer-xs'],\n        padding: !signature\n          ? theme['default-spacer-sm']\n          : `${theme['default-spacer-sm']} ${theme['default-spacer-md']} ${theme['default-spacer-sm']} ${theme['default-spacer-sm']}`,\n        ...ellipsisCSS(),\n      }}\n    >\n      {icon}\n      <Text style={{ color: theme.white, ...(!!signature && { marginRight: theme['default-spacer-md'] }) }}>\n        {title}\n      </Text>\n      {!!signature && (\n        <Fragment>\n          <Text\n            style={{\n              color: theme['dark-contrast'],\n              display: 'inline-block',\n              width: `calc(100% - ${theme['default-spacer-lg']})`,\n              ...ellipsisCSS('hidden', 'ellipsis', 'pre', 'break-all'),\n            }}\n          >\n            {signature}\n          </Text>\n          <CopyToClipboardButton buttonProps={{ size: 'small', type: 'link' }} textToCopy={signature} />\n        </Fragment>\n      )}\n    </Element>\n  )\n}\n\nSignatureToClipboard.defaultProps = {\n  icon: '',\n  title: '',\n  signature: '',\n}\n\nSignatureToClipboard.propTypes = {\n  icon: shape({}),\n  title: string,\n  signature: string,\n}\n\nexport default SignatureToClipboard\n","import React from 'react'\nimport { Icon } from '@fortressiq/fiq-ds'\n\nimport Signature from './Signature'\nimport css from './signatureDetailsBarStyle.scss'\n\nconst SignatureDetailsBar = ({ event, parentWidth }) => {\n  const { signature, screenSignature } = event || {}\n  return (\n    <div className={css.container} style={{ width: `calc(${parentWidth})` }}>\n      <Signature\n        title='Signature'\n        icon={<Icon className={css.icon} icon='pen' color='white' size={15} />}\n        signature={signature}\n      />\n      <Signature\n        title='Screen Signature'\n        icon={<Icon className={css.icon} icon='presentation' color='white' size={15} />}\n        signature={screenSignature}\n      />\n    </div>\n  )\n}\n\nexport default SignatureDetailsBar\n","import React from 'react'\nimport { Button } from '@fortressiq/fiq-ds'\n\nconst AnnotateButton = ({ onToggleAnnotationTools: toggleAnnotationTools }) => (\n  <div className='fiqds-overlay-container fiqds-overlay-dropdown-container clickable'>\n    <div className='fiqds-overlay-trigger'>\n      <Button icon='pencil' flat={true} toggle={true} onToggle={toggleAnnotationTools}>\n        Annotate\n      </Button>\n    </div>\n  </div>\n)\n\nexport default AnnotateButton\n","import React, { memo, useCallback, useState } from 'react'\nimport { Select } from '@fortressiq/fiq-ds'\nimport { useUpdateEffect } from 'react-use'\nimport PropTypes from 'prop-types'\n\nconst EventFilter = memo(\n  ({\n    clearInstances,\n    eventListChange,\n    fetchingProcesses,\n    graphOptions,\n    graphProcessId,\n    setGraphProcessId,\n    setGraphType,\n  }) => {\n    const [defaultValue, setDefaultValue] = useState()\n    const handleProcessGraphChange = useCallback(\n      data => {\n        setDefaultValue(data)\n        clearInstances()\n        eventListChange([], { value: 0 })\n        setGraphProcessId(data.value)\n        setGraphType(data.type)\n      },\n      [clearInstances, eventListChange, setGraphProcessId]\n    )\n\n    useUpdateEffect(() => {\n      const selected = graphOptions.find(({ value }) => value === +graphProcessId)\n      if (selected) {\n        setDefaultValue(selected)\n      }\n    }, [graphOptions.length])\n\n    const selectStyle = {\n      width: '250px',\n    }\n\n    return (\n      <Select\n        isLoading={fetchingProcesses}\n        onChange={handleProcessGraphChange}\n        options={graphOptions}\n        placeholder='Select a Process...'\n        style={selectStyle}\n        value={defaultValue}\n      />\n    )\n  }\n)\n\nEventFilter.propTypes = {\n  clearInstances: PropTypes.func.isRequired,\n  eventListChange: PropTypes.func.isRequired,\n  fetchingProcesses: PropTypes.bool.isRequired,\n  graphOptions: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.number })).isRequired,\n  graphProcessId: PropTypes.string,\n  setGraphProcessId: PropTypes.func.isRequired,\n}\n\nEventFilter.defaultProps = {\n  graphProcessId: undefined,\n}\n\nexport default EventFilter\n","import React, { memo, useEffect, useState } from 'react'\nimport { Overlay } from '@fortressiq/fiq-ds'\n\nimport { MAX_NUMBER_CASES } from '../Constants'\n\nexport default memo(({ instances, instanceIndex, onInstanceChange, disabled }) => {\n  const [showing, setShowing] = useState(false)\n  const [sort, setSort] = useState('EVENTS_DESC')\n  const [menu, setMenu] = useState([])\n\n  useEffect(() => {\n    setMenu(\n      instances\n        .sort((a, b) => {\n          if (sort === 'EVENTS_DESC') {\n            return b.eventIds.length - a.eventIds.length\n          } else if (sort === 'EVENTS_ASC') {\n            return a.eventIds.length - b.eventIds.length\n          } else if (sort === 'INSTANCE_DESC') {\n            return b.index - a.index\n          } else {\n            return a.index - b.index\n          }\n        })\n        .map(instance => ({\n          text: `Instance ${instance.index + 1} of ${instances.length}`,\n          events: instance.eventIds.length,\n          disabled: instance.disabled,\n          onClick: () => {\n            onInstanceChange(instance.index)\n            setShowing(false)\n          },\n          ...(instance.disabled ? { tooltip: { title: `Exceeds limit of ${MAX_NUMBER_CASES}` } } : {}),\n        }))\n    )\n  }, [instances, sort, onInstanceChange])\n\n  const sortOrder = column => {\n    if (column === 'instance' && (sort === 'INSTANCE_ASC' || sort === 'INSTANCE_DESC')) {\n      return sort === 'INSTANCE_ASC' ? 'asc' : 'desc'\n    }\n    if (column === 'events' && (sort === 'EVENTS_ASC' || sort === 'EVENTS_DESC')) {\n      return sort === 'EVENTS_ASC' ? 'asc' : 'desc'\n    }\n    return false\n  }\n\n  const columns = [\n    {\n      icon: 'sort',\n      iconProps: {\n        status: sortOrder('instance'),\n      },\n      onClick: () => setSort(sort === 'INSTANCE_ASC' ? 'INSTANCE_DESC' : 'INSTANCE_ASC'),\n      title: 'Instance',\n    },\n    {\n      icon: 'sort',\n      iconProps: {\n        status: sortOrder('events'),\n      },\n      onClick: () => setSort(sort === 'EVENTS_ASC' ? 'EVENTS_DESC' : 'EVENTS_ASC'),\n      title: 'Events',\n      width: '50px',\n    },\n  ]\n\n  const trigger = {\n    setShowing: setShowing,\n    showing: showing,\n    text: `Instance ${!disabled ? `${instanceIndex + 1} of ${instances.length}` : ''}`,\n  }\n\n  const config = {\n    content: { style: { marginTop: '14px' } },\n    disableOutsideClick: false,\n    dropdown: {\n      closeOnRowClick: true,\n      showArrow: false,\n    },\n    trigger: {\n      icons: {\n        prefix: {\n          icon: 'programmingkeyboard',\n          size: 18,\n        },\n      },\n    },\n  }\n  const widths = { max: 262, min: 262, width: 262 }\n\n  const heights = {\n    height: 35,\n    max: 35 * 5,\n  }\n\n  const virtual = {\n    columns: columns,\n    data: menu,\n    height: menu.length < 5 ? heights.height * menu.length : heights.height * 5,\n    itemCount: menu.length,\n    itemSize: heights.height,\n    width: '100%',\n  }\n\n  return (\n    <Overlay\n      config={config}\n      disabled={disabled}\n      heights={heights}\n      id='instances-filter'\n      menu={menu}\n      trigger={trigger}\n      virtual={virtual}\n      widths={widths}\n    />\n  )\n})\n","import React, { memo, useState } from 'react'\nimport { Overlay } from '@fortressiq/fiq-ds'\n\nexport default memo(({ machines, toggleMachine }) => {\n  const [showing, setShowing] = useState(false)\n\n  const menu = machines.map(machine => ({\n    onClick: () => {\n      toggleMachine(machine)\n    },\n    style: { position: 'relative' },\n    text: machine.name,\n    icon: machine.selected ? 'check' : null,\n  }))\n\n  const { visibleMachines, selectedMachinesCount } = machines.reduce(\n    (acc, machine) => {\n      if (machine.selected) {\n        return {\n          visibleMachines: `${acc.visibleMachines === '' ? '' : `${acc.visibleMachines},`} ${machine.name}`,\n          selectedMachinesCount: acc.selectedMachinesCount + 1,\n        }\n      }\n      return acc\n    },\n    { visibleMachines: '', selectedMachinesCount: 0 }\n  )\n\n  const trigger = {\n    showing: showing,\n    setShowing: setShowing,\n    text: `Observers${machines.length > 0 ? `: ${selectedMachinesCount} ${visibleMachines}` : ''}`,\n  }\n\n  const config = {\n    content: { style: { marginTop: '14px' } },\n    disableOutsideClick: true,\n    dropdown: {\n      closeOnRowClick: true,\n      showArrow: false,\n    },\n    trigger: {\n      icons: {\n        prefix: {\n          icon: 'desktopcomputer',\n          size: 18,\n        },\n      },\n    },\n  }\n  const widths = { max: 262, min: 262, width: 262 }\n\n  const heights = {\n    height: 35,\n    max: 35 * 5,\n  }\n\n  return <Overlay config={config} heights={heights} id='machine-filter' menu={menu} trigger={trigger} widths={widths} />\n})\n","import React, { memo, useState } from 'react'\nimport { Overlay } from '@fortressiq/fiq-ds'\n\nexport default memo(({ selectedPathId, paths, togglePath }) => {\n  const [showing, setShowing] = useState(false)\n  const menu = paths.map(path => ({\n    icon: path.id === selectedPathId ? 'check' : null,\n    onClick: () => {\n      togglePath(path)\n      setShowing(false)\n    },\n    style: { position: 'relative' },\n    text: path.name || `Path ${path.key}`,\n  }))\n\n  const selectedPathCount = paths.reduce((acc, path) => {\n    if (path.selected) {\n      acc += 1\n    }\n    return acc\n  }, 0)\n\n  const trigger = {\n    showing: showing,\n    setShowing: setShowing,\n    text: `Paths${paths.length > 0 ? `: ${selectedPathCount}` : ''}`,\n  }\n\n  const config = {\n    content: {\n      style: {\n        marginTop: '14px',\n      },\n    },\n    disableOutsideClick: false,\n    dropdown: {\n      closeOnRowClick: true,\n      showArrow: false,\n    },\n    trigger: {\n      icons: {\n        prefix: {\n          icon: 'paths',\n          size: 18,\n        },\n      },\n    },\n  }\n  const widths = { max: 200, min: 200, width: 200 }\n\n  const heights = {\n    height: 35,\n    max: 35 * 5,\n  }\n\n  return <Overlay config={config} heights={heights} id='path-filter' menu={menu} trigger={trigger} widths={widths} />\n})\n","import React from 'react'\nimport { Button } from '@fortressiq/fiq-ds'\n\nconst PlaybackControls = ({ eventCount, playing, setPlaying }) => {\n  const player = () => {\n    if (eventCount === 0) {\n      return\n    }\n\n    if (playing) {\n      setPlaying(false)\n    } else {\n      setPlaying(true)\n    }\n  }\n  const icon = playing ? 'pausecircle' : 'playcircle'\n\n  return (\n    <div className='fiqds-overlay-container fiqds-overlay-dropdown-container clickable'>\n      <div className='fiqds-overlay-trigger'>\n        <Button disabled={eventCount === 0} flat={true} icon={icon} onClick={player}>\n          Playback\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nexport default PlaybackControls\n","import { shallow } from 'enzyme'\nimport React from 'react'\n\nimport { mockGraphColors } from '../../../../lib/test_helpers/mockGraphColors.js'\nimport PlaybackControls from '../PlaybackControls'\n\njest.mock('@fortressiq/fiq-ds-themes/dist/js/graphColors.js', () => mockGraphColors)\n\ndescribe('PlaybackControls Component', () => {\n  it('should render without throwing an error', () => {\n    const component = shallow(<PlaybackControls />)\n    expect(component).toMatchSnapshot()\n    expect(() => component).not.toThrow()\n  })\n})\n","//APIs\n// for now, to keep apis clean (not depenedent on front end it serves), we'll have two versions\n// the old apis for graph process that dont have json keys that mirror columns and the new (flow graph) which do\nimport { toAlpha, toHash } from 'lib/String'\nimport { MAX_NUMBER_CASES } from './Constants'\n\nexport const APIS = {\n  flowgraph: {\n    instances: processId => `/df_graph/instances/${processId}`,\n    paths: processId => `/df_graph/path_list/${processId}`,\n  },\n  butterfly: {\n    instances: () => '/screenshot_annotation_events',\n    paths: graphProcessId => `/process_explorer/${graphProcessId}`,\n  },\n  path: {\n    instances: () => '/screenshot_annotation_events',\n    paths: graphProcessId => `/process_explorer/${graphProcessId}`,\n  },\n  // we lack consisyency at the moment, path can sometimes be 'graoh_process'\n  graph_process: {\n    instances: () => '/screenshot_annotation_events',\n    paths: graphProcessId => `/process_explorer/${graphProcessId}`,\n  },\n}\n\nexport const getFlowInstances = data => {\n  const machineNames = new Set()\n  const newInstances = data.map((instance, index) => {\n    machineNames.add(instance.observer)\n    return {\n      ...instance,\n      index: index,\n      disabled: instance.eventIds.length > MAX_NUMBER_CASES,\n      hash: toHash(instance.eventIds.join(',')),\n    }\n  })\n\n  return {\n    machineNames,\n    newInstances,\n  }\n}\n\nexport const getGraphInstances = data => {\n  const machineNames = new Set()\n  const newInstances = data.instances.map((instance, index) => {\n    machineNames.add(instance.observer)\n    return {\n      ...instance,\n      index: index,\n      disabled: instance.eventIds.length > MAX_NUMBER_CASES,\n      hash: toHash(instance.eventIds.join(',')),\n    }\n  })\n\n  return {\n    machineNames,\n    newInstances,\n  }\n}\n\nexport const getFlowPaths = data => {\n  const paths = data.paths\n    .map((path, index) => ({\n      ...path,\n      id: path.path_id,\n      key: toAlpha(index, false),\n      name: path.path_label,\n      selected: true,\n    }))\n    .sort((a, b) => b.stats.frequency - a.stats.frequency)\n\n  return paths\n}\n\nexport const getGraphPaths = data => {\n  const paths = data.flow_data\n    .map((path, index) => ({\n      ...path,\n      key: toAlpha(index, false),\n      selected: true,\n    }))\n    .sort((a, b) => b.frequency - a.frequency)\n\n  return paths\n}\n","/* eslint-disable import/prefer-default-export */\nimport { theme } from '@fortressiq/fiq-ds'\n\nexport const containerCSS = () => ({\n  alignItems: 'center',\n  display: 'flex',\n  height: '100%',\n  justifyContent: 'space-between',\n  width: '100%',\n})\n\nexport const cellCSS = () => ({\n  color: 'hsl(217.5, 3.6%, 56.9%)',\n  margin: theme['default-spacer-xs'],\n})\n\nexport const showCSS = ({ showAnnotationTools }) => ({\n  ...(showAnnotationTools\n    ? {\n        display: 'grid',\n        gap: `0 ${theme['default-spacer-xs']}`,\n        gridTemplateColumns: '2fr 1fr 4fr 1fr 2fr',\n      }\n    : { display: 'flex' }),\n})\n\nexport const controlCSS = next => ({\n  alignItems: 'center',\n  color: theme.white,\n  cursor: 'pointer',\n  display: 'flex',\n  justifyContent: `flex-${next ? 'end' : 'start'}`,\n})\n\nexport const controlLabelCSS = next => ({\n  alignSelf: 'flex-end',\n  display: 'inline-flex',\n  [`padding${next ? 'Right' : 'Left'}`]: theme['default-spacer-sm'],\n})\n","/**\n * Custom Hook\n * Validate value (text) of the input\n * @param {String} disableOnTyping if true switch showing messages to form level/context\n * * In this case use errorMessageSubmit namespace from the return\n * @return {Object}\n */\nimport { useState } from 'react'\n\nconst useInputValidation = disableOnTyping => {\n  const configuration = {\n    validate: {\n      rules: {\n        emptyState: ['', 'Please, set a Name for the process!'],\n        minLength: [2, 'Name should be at least 3 characters!'],\n      },\n    },\n  }\n\n  const [nameState, setNameState] = useState('')\n  const [nameErrorState, setNameErrorState] = useState('')\n  const [nameErrorSubmitState, setNameErrorSubmitState] = useState('')\n\n  const isValid = true\n  const { emptyState, minLength } = configuration.validate.rules\n  const [emptyStateValue, emptyStateError] = emptyState\n  const [minLengthVal, minLengthError] = minLength\n\n  const onChangeName = e => {\n    setNameState(e.target.value)\n    validationLogic(e.target.value)\n  }\n\n  const onSubmitForm = () => {\n    if (nameState === emptyStateValue) {\n      setNameErrorSubmitState(emptyStateError)\n    } else {\n      setNameErrorSubmitState(nameErrorState)\n    }\n  }\n\n  // Show/hide and styling purposes\n  let inputIsValid\n  if (nameErrorState === '' && nameState) inputIsValid = true\n\n  const validationLogic = name => {\n    if (name.trim() === '' && isValid) {\n      setNameErrorState(emptyStateError)\n      return !isValid\n    }\n\n    if (name.length <= minLengthVal && isValid) {\n      setNameErrorState(minLengthError)\n      return !isValid\n    }\n\n    setNameErrorState('')\n    return true\n  }\n\n  return {\n    inputValue: nameState,\n    onChangeInputValue: onChangeName,\n    onSubmitForm,\n    errorMsg: disableOnTyping ? null : nameErrorState,\n    errorMessageSubmit: nameErrorSubmitState,\n    inputIsValid,\n    isValid: validationLogic,\n  }\n}\n\nexport default useInputValidation\n","import React from 'react'\nimport shortid from 'shortid'\nimport { Button } from '@fortressiq/fiq-ds'\n\nimport Flash from 'components/flash/Flash'\n\n// eslint-disable-next-line\nexport const miningRunImportSuccess = ({ miningRunId, processCount, processTypeName }) => {\n  const messageText = [\n    `Completed importing ${processCount}`,\n    `${processTypeName} Process${processCount > 1 ? 'es' : ''}`,\n    `for Mining Run ${miningRunId}`,\n  ].join(' ')\n  const id = shortid.generate()\n  Flash.success(\n    {\n      description: messageText,\n      message: 'Mining Run Finished',\n      cta: (\n        <Button type='link' href={`/mining?miningRunId=${miningRunId}`} size='small'>\n          View Mining Run\n        </Button>\n      ),\n    },\n    { duration: 0, key: id }\n  )\n}\n","import React, { useEffect, useState, useRef } from 'react'\n\nimport { DateCell, Button, Typography, Group } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\n\nimport getMiningParamsReport from 'lib/getMiningParamsReport'\nimport getMiningParamsPath from 'lib/getMiningParamsPath'\nimport getMiningParamsButterfly from 'lib/getMiningParamsButterfly'\nimport getMiningParamsFlowGraph from 'lib/getMiningParamsFlowGraph'\nimport graphTypeDisplayNameMap from 'lib/graphTypeDisplayNameMap'\n\nimport TrinityTable, { columnWidths } from 'components/TrinityTable'\nimport FavoriteToggle from 'components/FavoriteToggle/FavoriteToggle'\nimport StatusBadge from 'components/StatusBadge/StatusBadge'\nimport Tags from 'components/tags/Tags'\n\nimport EditableCell from 'components/TrinityTable/EditableCell'\nimport callbackStore from 'stores/callback'\n\nimport { useFetch, useApplicationsMap } from 'lib/hooks'\n\nimport { useHeaderDispatch } from '../header/HeaderContext'\n\nimport MiningRunModal from './form/MiningRunModal'\n\nimport ProcessesTable from './ProcessesTable'\nimport ActionsMenu from './tableComponents/ActionsMenu'\nimport MiningRunDetails from './tableComponents/MiningRunDetails'\n\nconst { Paragraph } = Typography\n\nconst sortKeyMap = {\n  id: 'mining.mined_runs.id',\n  createdAt: 'mining.mined_runs.created_at',\n  status: 'mining.mined_runs.status',\n}\n\n// make an object with key and default value from report and advanced miningParams arrays\n// used in details column to display mining params that are not equal to default value\n\nconst getMiningDefaultMap = params => {\n  return params.reduce((obj, item) => {\n    return {\n      ...obj,\n      [item.key]: { value: item.default, label: item.label },\n    }\n  }, {})\n}\n\nexport const miningParamsDefaults = {\n  default: getMiningDefaultMap(getMiningParamsPath()),\n  report: getMiningDefaultMap(getMiningParamsReport()),\n  butterfly: getMiningDefaultMap(getMiningParamsButterfly()),\n  flowgraph: getMiningDefaultMap(getMiningParamsFlowGraph()),\n}\n\nconst callbackId = 'graphProcessImportSuccess'\n\nconst MiningRunList = () => {\n  const [reFetch, setReFetch] = useState(0)\n  const [showFormModal, setShowFormModal] = useState(false)\n  const [clonedMiningRun, setClonedMiningRun] = useState()\n\n  const { data: { integrations = [] } = {}, isLoadingIntegrations } = useFetch('/dynamic_integrations/mining_run/list')\n  const { applicationsMap, isLoading: isLoadingApplicationsMap } = useApplicationsMap()\n\n  const renderRowSubComponent = ({ row }) => (\n    <ProcessesTable miningRunId={row.original.id} reFetchMiningRuns={reFetch} setReFetchMiningRuns={setReFetch} />\n  )\n\n  const handleRefetch = () => {\n    setReFetch(reFetch + 1)\n  }\n\n  const headerDispatch = useHeaderDispatch()\n\n  const tableRef = useRef(null)\n\n  useEffect(() => {\n    const onImportProgress = ({ miningRunId: runId, processCount, status }) => {\n      tableRef.current.updateRowData('id', runId, { status: status, graphProcessCount: processCount })\n    }\n    callbackStore.add(onImportProgress, callbackId, true)\n    return () => {\n      callbackStore.remove(callbackId)\n    }\n  }, [])\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      title: 'Mining Runs',\n      heading: 'Mining Runs',\n    })\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch])\n\n  const columns = [\n    {\n      Header: 'ID',\n      accessor: 'id',\n      width: 170,\n      minWidth: 130,\n      Cell: ({\n        value: id,\n        row: {\n          original: { favorited, signatureLevel, miningType },\n        },\n      }) => (\n        <Group>\n          <FavoriteToggle key={`favorite-toggle-${id}`} id={id} type='miningRun' favorited={favorited} />\n          {id}\n          <Paragraph capitalize={true} noMargin={true}>\n            {signatureLevel}\n          </Paragraph>\n          <Paragraph capitalize={true} noMargin={true}>\n            {graphTypeDisplayNameMap[miningType]}\n          </Paragraph>\n        </Group>\n      ),\n    },\n    {\n      Header: 'Tags',\n      accessor: 'tags',\n      disableSortBy: true,\n      Cell: ({\n        value: tags,\n        row: {\n          original: { id },\n        },\n      }) => <Tags key={`tags-${id}`} taggableType='miningRun' taggableId={id} tags={tags} />,\n    },\n    {\n      Header: 'Created At',\n      accessor: 'createdAt',\n      width: columnWidths.date,\n      Cell: ({ value: createdAt }) => <DateCell timestamp={createdAt} />,\n    },\n    {\n      Header: 'Created By',\n      accessor: 'createdByFirstName',\n      disableSortBy: true,\n      width: 140,\n      Cell: ({\n        value,\n        row: {\n          original: { createdByLastName },\n        },\n      }) => `${value} ${createdByLastName}`,\n    },\n    {\n      Header: 'Comment',\n      accessor: 'comments',\n      disableSortBy: true,\n      Cell: ({\n        value,\n        row: {\n          index,\n          original: { id },\n        },\n        column: { id: columnId },\n        updateCellData,\n      }) => (\n        <EditableCell\n          type='comment'\n          value={value}\n          id={id}\n          columnId={columnId}\n          rowIndex={index}\n          updateCellData={updateCellData}\n          updateData={newValue =>\n            api.post(`/mining_runs/${id}/comments`, {\n              comment: newValue,\n            })\n          }\n        />\n      ),\n    },\n    {\n      Header: 'Details',\n      accessor: 'details',\n      disableSortBy: true,\n      width: 300,\n      Cell: ({ row: { original } }) => (\n        <MiningRunDetails\n          miningRun={original}\n          miningParamsDefaults={miningParamsDefaults[original.miningType]}\n          applicationsMap={applicationsMap}\n        />\n      ),\n    },\n    {\n      Header: 'Processes',\n      accessor: 'graphProcessCount',\n      disableSortBy: true,\n      width: 100,\n      Cell: ({\n        value,\n        row: {\n          isExpanded,\n          getToggleRowExpandedProps,\n          original: { miningType },\n        },\n      }) => (\n        <Group>\n          {value !== 0 && (\n            <Button size='small' {...getToggleRowExpandedProps()}>\n              {isExpanded ? '-' : '+'}\n            </Button>\n          )}\n          {miningType === 'report' ? '-' : value}\n        </Group>\n      ),\n    },\n    {\n      Header: 'Status',\n      accessor: 'status',\n      Cell: ({ value: status }) => <StatusBadge status={status} />,\n    },\n    {\n      align: 'center',\n      Header: 'Actions',\n      accessor: 'actions',\n      disableSortBy: true,\n      width: 64,\n      Cell: ({ row: { original } }) => (\n        <ActionsMenu\n          key={`action-menu-${original.id}`}\n          miningRun={original}\n          setShowFormModal={setShowFormModal}\n          setClonedMiningRun={setClonedMiningRun}\n          reFetch={handleRefetch}\n          integrations={integrations}\n          isLoadingIntegrations={isLoadingIntegrations}\n        />\n      ),\n    },\n  ]\n\n  return (\n    <TrinityTable\n      toolbarActions={[\n        <MiningRunModal\n          clonedMiningRun={clonedMiningRun}\n          fetchData={handleRefetch}\n          key='new-button'\n          setClonedMiningRun={setClonedMiningRun}\n          setShowFormModal={setShowFormModal}\n          showFormModal={showFormModal}\n        />,\n      ]}\n      ref={tableRef}\n      key='mining-table'\n      columns={columns}\n      reFetch={reFetch}\n      updateData=''\n      url='/mining_runs'\n      dataKey='miningRuns'\n      sortKeyMap={sortKeyMap}\n      renderRowSubComponent={renderRowSubComponent}\n      tableId='mining-run-table'\n      isDependencyLoading={isLoadingApplicationsMap || isLoadingIntegrations}\n      globalFilterOptions={[\n        'favorited',\n        'miningRunCreatedDates',\n        'miningType',\n        'miningRunTags',\n        'miningRunIds',\n        'graphProcessIds',\n        'graphProcessNames',\n        'applications',\n        'createdBy',\n      ]}\n    />\n  )\n}\n\nexport default MiningRunList\n","import React from 'react'\nimport { useFela } from '@fortressiq/fiq-ds'\nimport { useFetch } from 'lib/hooks'\n\nimport TrinityTable from 'components/TrinityTable'\nimport { tableWrap, processesTable } from './styles/index.js'\n\nimport getProcessesColumns from '../processes/getProcessesColumns'\n\nconst Processes = ({ miningRunId, reFetchMiningRuns, setReFetchMiningRuns }) => {\n  const { css } = useFela()\n  const { data: { integrations = [] } = {}, isLoadingIntegrations } = useFetch('/dynamic_integrations/process/list')\n\n  const columns = getProcessesColumns({\n    reFetch: reFetchMiningRuns,\n    setReFetch: setReFetchMiningRuns,\n    integrations,\n    isLoadingIntegrations,\n  }).filter(column => !['createdAt', 'miningRunId'].includes(column.accessor))\n\n  return (\n    <div className={css(tableWrap)}>\n      <div className={css(processesTable)}>\n        <TrinityTable\n          columns={columns}\n          reFetch={reFetchMiningRuns}\n          url={`/mining_runs/${miningRunId}/graph_processes`}\n          dataKey='graphProcesses'\n          tableId='mining-graph-processes-table'\n          disableSortBy={true}\n          disableHideColumns={true}\n          disablePersistedState={true}\n          disablePagination={true}\n          controlledState={{ hiddenColumns: ['miningRunId'] }}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default Processes\n","import React, { Fragment, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport cloneDeep from 'lodash/cloneDeep'\n\nimport ReactGA from 'react-ga'\n\nimport { useForm, useModal, Button, Group, theme, Element, Col, Row } from '@fortressiq/fiq-ds'\nimport { useUpdateEffect } from 'react-use'\n\nimport api from 'lib/Api'\n\nimport getMiningParamsPath from 'lib/getMiningParamsPath'\nimport getMiningParamsButterfly from 'lib/getMiningParamsButterfly'\nimport getMiningParamsFlowGraph from 'lib/getMiningParamsFlowGraph'\nimport graphTypeDisplayNameMap from 'lib/graphTypeDisplayNameMap'\n\nimport FieldWrapper from 'components/form/FieldWrapper'\nimport ControlledRadioGroup from 'components/form/ControlledRadioGroup'\nimport ControlledQueryBuilder from 'components/form/ControlledQueryBuilder'\nimport MustIncludesGroupsModal from './subComponents/MustIncludesGroupsModal'\nimport NestedSignaturesBuilder, {\n  signaturesMustHaveDefault,\n} from './subComponents/NestedSignaturesBuilder/NestedSignaturesBuilder'\nimport AdvancedMiningParamFields from './subComponents/AdvancedMiningParamFields'\n\nimport FormFooter from './subComponents/FormFooter'\nimport SignatureBuilder from './subComponents/SignatureBuilder'\n\nimport { generateAdvancedParams, generateAdvancedDefaultValues, signatureLevelLabelMap } from './helpers'\n\nimport { formWrapperCSS } from './styles'\n\nexport const queryFields = [\n  { label: 'Application', name: 'application_name' },\n  { label: 'Application ID', name: 'application_id' },\n  { label: 'ID', name: 'id' },\n  { label: 'Observed At', name: 'observed_at', defaultValue: new Date().toISOString() },\n  { label: 'Observer ID', name: 'observer_id' },\n  { label: 'Observer Name', name: 'observer_name' },\n  { label: 'Machine', name: 'machine' },\n  { label: 'Detail Signature', name: 'signature' },\n  { label: 'Screen Signature', name: 'screen_signature' },\n  { label: 'Screen Name', name: 'name' },\n  { label: 'Action', name: 'action' },\n  { label: 'Field', name: 'field' },\n  { label: 'Control Type', name: 'control_type' },\n  { label: 'Annotation Type', name: 'annotation_type' },\n  { label: 'User', name: 'user' },\n]\n\nexport const rowProps = {\n  noOfCols: 2,\n  noEndGutter: true,\n  style: { marginBottom: theme['default-spacer-sm'], alignItems: 'flex-start' },\n  type: 'grid',\n}\n\nconst initialValues = {\n  miningType: 'flowgraph',\n  miningParams: {\n    signature_level: 'screen_signature',\n  },\n}\n\nconst signatureLevelOptions = [\n  { label: signatureLevelLabelMap.application, value: 'application' },\n  { label: signatureLevelLabelMap.screen_signature, value: 'screen_signature' },\n]\n\nconst miningTypeOptions = [\n  { label: graphTypeDisplayNameMap.flowgraph, value: 'flowgraph' },\n  { label: graphTypeDisplayNameMap.default, value: 'default' },\n  { label: graphTypeDisplayNameMap.butterfly, value: 'butterfly' },\n]\n\nconst modalId = 'mustIncludesGroupsModal'\nconst modalConfig = {\n  style: { height: 'auto', width: '500px', background: theme.white },\n  config: { interactWithKeyboard: true, destroyOnClose: true },\n  headerStyle: { background: theme.white },\n}\n\nconst AdvancedForm = ({ defaultValues, fetchData, setShowing, fromReport }) => {\n  const [isValidQuery, setIsValidQuery] = useState(true)\n  const getDefaultValues = generateAdvancedDefaultValues({ initialValues, defaultValues })\n  const { addModal, removeModal } = useModal()\n  const { control, register, reset, watch, handleSubmit, formState, setValue } = useForm({\n    defaultValues: getDefaultValues,\n    shouldUnregister: true,\n  })\n\n  // keep nested must includes outside of react-hook-form which doesnt support nested structures well\n  // must maintain state ourselves\n  // remounting sometimes disappears the nested structure (ex \"clone\" mining run feature)\n  const [mustIncludesSignature, setMustIncludesSignature] = useState(\n    getDefaultValues.miningParams.must_include_signature\n  )\n  const formValues = watch()\n\n  // Reset defaultValues when cycle is selected\n  useUpdateEffect(() => {\n    reset({\n      ...getDefaultValues,\n      miningParams: {\n        ...formValues.miningParams,\n        ...getDefaultValues.miningParams,\n      },\n    })\n  }, [defaultValues])\n\n  const {\n    miningParams: { must_include_signature: mustIncludesSignatureWatched, signature_level: signatureLevel },\n    miningType,\n  } = formValues\n\n  const screenOrEventText = signatureLevel === 'screen' ? 'screens' : 'events'\n\n  const miningTypeLabel = signatureLevelLabelMap[signatureLevel]\n\n  const miningTypeLabelLowerCase = miningTypeLabel.toLowerCase()\n\n  const advancedMiningParams = {\n    default: getMiningParamsPath(miningTypeLabelLowerCase),\n    path: getMiningParamsPath(miningTypeLabelLowerCase),\n    butterfly: getMiningParamsButterfly(screenOrEventText, miningTypeLabelLowerCase),\n    flowgraph: getMiningParamsFlowGraph(miningTypeLabelLowerCase),\n  }\n\n  useUpdateEffect(() => {\n    setMustIncludesSignature(undefined)\n  }, [signatureLevel])\n\n  // can track old value this way versus useEffect\n  // miningType and signatureLevel onChange call this\n  const checkCompatibleMustIncludes = (newValue, oldValue) => {\n    const groupsEnabled = newValue === 'flowgraph' && signatureLevel === 'screen_signature'\n\n    // if switching to flow (groups are being enabled), we don't need to do anything\n    if (groupsEnabled) {\n      return\n    }\n\n    const isCompatible = isSignatureCompatible()\n    if (mustIncludesSignature && isCompatible) {\n      const newMustIncludes = cloneDeep(signaturesMustHaveDefault)\n      newMustIncludes.signatures = transformMustIncludes()\n      setMustIncludesSignature(newMustIncludes)\n    }\n\n    //only display if chaning miningType and miningType is 'path' or 'butterfly'\n    if (\n      mustIncludesSignature &&\n      !isCompatible &&\n      (newValue === 'path' || newValue === 'default' || newValue === 'butterfly')\n    ) {\n      renderMustIncludesGroupModal(newValue, oldValue)\n    }\n  }\n\n  const renderMustIncludesGroupModal = (graphType, oldGraphType) => {\n    addModal({\n      children: <MustIncludesGroupsModal graphType={oldGraphType} newGraphType={graphType} />,\n      footerStyle: { justifyContent: 'flex-end' },\n      footer: (\n        <Group>\n          <Button type='primary' onClick={deleteMustIncludes}>\n            Yes\n          </Button>\n          <Button type='default' onClick={() => onCancelChangeGraphType(oldGraphType)}>\n            Cancel\n          </Button>\n        </Group>\n      ),\n      header: 'Compatible Must Include Configurations',\n      id: modalId,\n      ...modalConfig,\n    })\n  }\n\n  const onCancelChangeGraphType = oldGraphType => {\n    setValue('miningType', oldGraphType)\n    removeModal(modalId)\n  }\n\n  const deleteMustIncludes = () => {\n    setMustIncludesSignature(undefined)\n    removeModal(modalId)\n  }\n\n  const transformMustIncludes = () => {\n    const newSignatures = []\n    function flattenSignatures(sigList) {\n      newSignatures.push(...sigList.signatures)\n      if (sigList.nested_signatures) {\n        sigList.nested_signatures.forEach(list => {\n          flattenSignatures(list)\n        })\n      }\n    }\n    flattenSignatures(mustIncludesSignature)\n    return newSignatures\n  }\n\n  const isSignatureCompatible = () => {\n    if (!mustIncludesSignature) return true\n\n    let compatible = true\n    function noOrs(nest) {\n      if (nest.condition === 'or') {\n        compatible = false\n        return\n      }\n      if (nest.nested_signatures === undefined || nest.nested_signatures.length === 0) return\n      nest.nested_signatures.forEach(nested => {\n        noOrs(nested)\n      })\n    }\n    noOrs(mustIncludesSignature)\n    return compatible\n  }\n\n  // check if must have signatures is valid, if not we can't submit the form\n  const isMustIncludesValid = () => {\n    let isValid = true\n\n    if (signatureLevel === 'application' && mustIncludesSignature) {\n      console.log(mustIncludesSignature)\n      mustIncludesSignature.signatures?.forEach(app => {\n        if (!app) isValid = false\n      })\n      return isValid\n    }\n\n    function getIsValid(group) {\n      group?.signatures?.forEach(sig => {\n        if (!sig.primary) {\n          isValid = false\n        }\n        if (sig.secondary_signature_level && sig.secondary_signature_level !== 'none' && !sig.secondary) {\n          isValid = false\n        }\n      })\n      group?.nested_signatures?.forEach(nGroup => getIsValid(nGroup))\n    }\n\n    getIsValid(mustIncludesSignature)\n    setIsValidQuery(isValid)\n    return isValid\n  }\n\n  const onSubmitHandler = async e => {\n    if (!isMustIncludesValid()) return\n\n    ReactGA.event({\n      category: 'Mining Run',\n      action: 'Created New Mining Run',\n      value: e.miningType,\n    })\n\n    await api.post('/mining_runs', generateAdvancedParams(e, mustIncludesSignature))\n    fetchData()\n    setShowing(false)\n  }\n\n  return (\n    <Element>\n      <form onSubmit={handleSubmit(onSubmitHandler)}>\n        <Element style={formWrapperCSS}>\n          <Row {...rowProps}>\n            <Col justify='flex-start'>\n              <FieldWrapper\n                htmlFor='miningParams.signature_level'\n                label='Mining Level'\n                error={formState.errors.signature_level}\n                style={{ width: '350px' }}\n              >\n                <ControlledRadioGroup\n                  isDisabled={fromReport}\n                  control={control}\n                  name='miningParams.signature_level'\n                  onChange={checkCompatibleMustIncludes}\n                  options={signatureLevelOptions}\n                />\n              </FieldWrapper>\n            </Col>\n\n            <Col>\n              <FieldWrapper htmlFor='miningType' label='Mining Type' error={formState.errors.miningType}>\n                <ControlledRadioGroup\n                  isDisabled={fromReport}\n                  control={control}\n                  name='miningType'\n                  onChange={checkCompatibleMustIncludes}\n                  options={miningTypeOptions}\n                />\n              </FieldWrapper>\n            </Col>\n          </Row>\n          <Element style={{ marginBottom: theme['default-spacer-md'] }}>\n            <ControlledQueryBuilder\n              control={control}\n              fields={queryFields}\n              name='filterRules'\n              setIsValid={setIsValidQuery}\n            />\n          </Element>\n          {miningType === 'butterfly' ? (\n            <SignatureBuilder\n              control={control}\n              description={`Add multiple Center ${miningTypeLabel}s to specify multiple paths.`}\n              errors={formState.errors?.miningParams?.butterfly_signatures}\n              min={1}\n              name='miningParams.butterfly_signatures'\n              primarySignatureLabel={miningTypeLabel}\n              register={register}\n              signatureLevel={signatureLevel}\n              title={`Center ${miningTypeLabel}`}\n              watch={watch}\n            />\n          ) : (\n            <Fragment>\n              <SignatureBuilder\n                watch={watch}\n                control={control}\n                description={`Add multiple Start ${miningTypeLabel}s to specify multiple paths.`}\n                errors={formState.errors?.miningParams?.start_signatures}\n                name='miningParams.start_signatures'\n                primarySignatureLabel={miningTypeLabel}\n                register={register}\n                signatureLevel={signatureLevel}\n                title={`Start ${miningTypeLabel}`}\n              />\n              <SignatureBuilder\n                watch={watch}\n                control={control}\n                description={`Add multiple End ${miningTypeLabel}s to specify multiple paths.`}\n                errors={formState.errors?.miningParams?.end_signatures}\n                name='miningParams.end_signatures'\n                primarySignatureLabel={miningTypeLabel}\n                register={register}\n                signatureLevel={signatureLevel}\n                title={`End ${miningTypeLabel}`}\n              />\n            </Fragment>\n          )}\n          <NestedSignaturesBuilder\n            control={control}\n            description={`Only include paths with specified ${miningTypeLabel}s.`}\n            groupsEnabled={miningType === 'flowgraph' && signatureLevel === 'screen_signature'}\n            name='miningParams.must_include_signature'\n            primarySignatureLabel={miningTypeLabel}\n            register={register}\n            signatureLevel={signatureLevel}\n            title={`Must Include ${miningTypeLabel}`}\n            setMustIncludesSignature={setMustIncludesSignature}\n            mustIncludesSignature={mustIncludesSignature}\n            watch={watch}\n            isValidQuery={isValidQuery}\n            setIsValidQuery={setIsValidQuery}\n          />\n          <AdvancedMiningParamFields\n            control={control}\n            advancedMiningParams={advancedMiningParams[miningType]}\n            formValues={formValues}\n            errors={formState.errors}\n          />\n        </Element>\n        <FormFooter\n          formValues={formValues.filterRules}\n          errors={formState.errors}\n          onCancel={() => setShowing(false)}\n          isValid={isValidQuery}\n        />\n      </form>\n    </Element>\n  )\n}\n\nAdvancedForm.defaultProps = {\n  defaultValues: undefined,\n}\n\nAdvancedForm.propTypes = {\n  defaultValues: PropTypes.shape({}),\n  fetchData: PropTypes.func.isRequired,\n  setShowing: PropTypes.func.isRequired,\n}\n\nexport default AdvancedForm\n","import React, { useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport ReactGA from 'react-ga'\n\nimport { get, useForm, theme, Element, Row, Label } from '@fortressiq/fiq-ds'\nimport { useUpdateEffect } from 'react-use'\n\nimport api from 'lib/Api'\n\nimport constructApplicationOptions from 'components/form/helpers/constructApplicationOptions'\n\nimport FieldWrapper from 'components/form/FieldWrapper'\nimport ControlledRangePicker from 'components/form/ControlledRangePicker'\nimport AsyncSelect from 'components/form/AsyncSelect'\nimport ControlledRadioGroup from 'components/form/ControlledRadioGroup'\nimport ControlledSelect from 'components/form/ControlledSelect'\nimport { DATE_TIME_FORMAT_TWENTYFOUR_HOUR } from 'constants/app-constants'\nimport FormFooter from './subComponents/FormFooter'\nimport SignatureBuilder from './subComponents/SignatureBuilder'\n\nimport { generateBasicParams, generateBasicDefaultValues, signatureLevelLabelMap } from './helpers'\n\nimport { formWrapperCSS } from './styles'\n\nconst rowProps = {\n  gutter: get.numericValues('spacer', 'md'),\n  noOfCols: 2,\n  type: 'grid',\n  align: 'center',\n}\n\nconst radioRules = [\n  { value: 'all', label: 'All' },\n  { value: 'in', label: 'Include' },\n  { value: 'not in', label: 'Exclude' },\n]\n\nconst initialValues = {\n  observerRule: 'all',\n  applicationRule: 'all',\n  signatureLevel: 'screen_signature',\n}\n\nconst BasicForm = ({ defaultValues, fetchData, setShowing }) => {\n  const getDefaultValues = generateBasicDefaultValues({ initialValues, defaultValues })\n\n  const { register, reset, watch, setValue, handleSubmit, control, formState } = useForm({\n    defaultValues: getDefaultValues,\n  })\n\n  // Reset defaultValues when cycle is selected\n  useUpdateEffect(() => {\n    reset(getDefaultValues)\n  }, [defaultValues])\n\n  const formValues = watch()\n\n  useEffect(() => {\n    // if observer rule is all, clear observers\n    if (formValues.observerRule === 'all') {\n      setValue('observers', [])\n    }\n    if (formValues.applicationRule === 'all') {\n      setValue('applications', [])\n    }\n  }, [formValues.observerRule, formValues.applicationRule, setValue])\n\n  const handleObserverTagChange = async ({ target: { value } }) => {\n    const tags = value.map(items => items.value)\n    if (tags.length) {\n      const {\n        data: { observers },\n      } = await api.get('/observers', { filters: { tags } })\n      setValue(\n        'observers',\n        observers.map(observer => ({ label: observer.name, value: observer.name })),\n        { shouldDirty: true }\n      )\n    } else {\n      setValue('observers', [], { shouldDirty: true })\n    }\n  }\n\n  const handleApplicationsTagChange = async ({ target: { value } }) => {\n    const tags = value.map(items => items.value)\n    if (tags.length) {\n      const {\n        data: { applications },\n      } = await api.get('/applications', { filters: { tags }, per_page: 1000 })\n      setValue(\n        'applications',\n        applications.map(application => {\n          const label = application.screenStrategy\n            ? `${application.displayName} (unstructured)`\n            : application.displayName\n          return { label: label, value: application.displayName }\n        }),\n        { shouldDirty: true }\n      )\n    } else {\n      setValue('applications', [], { shouldDirty: true })\n    }\n  }\n\n  const onSubmitHandler = async e => {\n    ReactGA.event({\n      category: 'Mining Run',\n      action: 'Created New Basic Mining Run',\n      value: e.miningType,\n    })\n    await api.post('/mining_runs', generateBasicParams(e))\n    fetchData()\n    setShowing(false)\n  }\n\n  const miningTypeLabel = signatureLevelLabelMap[formValues.signatureLevel]\n\n  return (\n    <Element>\n      <form onSubmit={handleSubmit(onSubmitHandler)}>\n        <Element style={formWrapperCSS}>\n          <FieldWrapper htmlFor='observedAtRange' label='Observed At' error={formState.errors.observedAtRange}>\n            <ControlledRangePicker\n              control={control}\n              id='observedAtRange'\n              name='observedAtRange'\n              dateFormat={DATE_TIME_FORMAT_TWENTYFOUR_HOUR}\n              showTime={true}\n            />\n          </FieldWrapper>\n          <fieldset>\n            <Label>Observers</Label>\n            <Row {...rowProps} style={{ marginBottom: theme['default-spacer-sm'] }}>\n              <ControlledRadioGroup control={control} name='observerRule' options={radioRules} />\n              <AsyncSelect\n                controlled={false}\n                isDisabled={formValues.observerRule === 'all'}\n                name='observerTags'\n                onChange={handleObserverTagChange}\n                params={{ taggable_type: 'Observer' }}\n                placeholder='Observers from tag'\n                portal={true}\n                style={{ width: '100%' }}\n                url='/tags/filters'\n              />\n            </Row>\n            <FieldWrapper htmlFor='observers' error={formState.errors.observers}>\n              <ControlledSelect\n                name='observers'\n                url='/observers/filters'\n                isDisabled={formValues.observerRule === 'all'}\n                control={control}\n                valueKey='label'\n                placeholder='Select observers'\n                portal={true}\n              />\n            </FieldWrapper>\n          </fieldset>\n          <fieldset>\n            <Label>Applications</Label>\n            <Row {...rowProps} style={{ marginBottom: theme['default-spacer-sm'] }}>\n              <ControlledRadioGroup\n                control={control}\n                name='applicationRule'\n                options={radioRules}\n                rules={{ required: 'This field is required' }}\n              />\n              <AsyncSelect\n                controlled={false}\n                isDisabled={formValues.applicationRule === 'all'}\n                name='applicationTags'\n                onChange={handleApplicationsTagChange}\n                params={{ taggable_type: 'TenantApplication' }}\n                placeholder='Applications from tag'\n                portal={true}\n                style={{ width: '100%' }}\n                url='/tags/filters?service=true'\n              />\n            </Row>\n            <FieldWrapper htmlFor='applications' error={formState.errors.applications}>\n              <ControlledSelect\n                name='applications'\n                url='/applications/filters'\n                isDisabled={formValues.applicationRule === 'all'}\n                control={control}\n                placeholder='Select applications'\n                constructData={constructApplicationOptions}\n                portal={true}\n              />\n            </FieldWrapper>\n          </fieldset>\n          <SignatureBuilder\n            control={control}\n            description={`Add multiple Start ${miningTypeLabel}s to specify multiple paths.`}\n            errors={formState.errors?.startSignatures}\n            name='startSignatures'\n            primarySignatureLabel={miningTypeLabel}\n            register={register}\n            signatureLevel={formValues.signatureLevel}\n            title={`Start ${miningTypeLabel}`}\n            watch={watch}\n          />\n          <SignatureBuilder\n            control={control}\n            description={`Add multiple End ${miningTypeLabel}s to specify multiple paths.`}\n            errors={formState.errors?.endSignatures}\n            name='endSignatures'\n            primarySignatureLabel={miningTypeLabel}\n            register={register}\n            signatureLevel={formValues.signatureLevel}\n            title={`End ${miningTypeLabel}`}\n            watch={watch}\n          />\n        </Element>\n        <FormFooter formValues={formValues} onCancel={() => setShowing(false)} />\n      </form>\n    </Element>\n  )\n}\n\nBasicForm.defaultProps = {\n  defaultValues: undefined,\n}\n\nBasicForm.propTypes = {\n  defaultValues: PropTypes.shape({}),\n  fetchData: PropTypes.func.isRequired,\n  setShowing: PropTypes.func.isRequired,\n}\n\nexport default BasicForm\n","import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { Element, Tab, Tabs, Typography } from '@fortressiq/fiq-ds'\nimport { useUnmount } from 'react-use'\n\nimport api from 'lib/Api'\n\nimport uiStore from 'lib/UiStore'\nimport AsyncSelect from 'components/form/AsyncSelect'\n\nimport BasicForm from './BasicForm'\nimport AdvancedForm from './AdvancedForm'\nimport ReportForm from './ReportForm'\n\nimport { checkIsAdvanced } from './helpers'\n\nimport { titleSectionCSS } from './styles'\n\nconst { Title } = Typography\n\nconst tabStyle = { minHeight: '150px' }\n\nconst TABS = { BASIC: 1, ADVANCED: 2, REPORT: 3, RECIPES: 4 }\n\nconst isLite = uiStore?.tenant?.isLite\n\nconst MiningRunForms = ({ setShowing, fetchData, clonedMiningRun, setClonedMiningRun }) => {\n  const fromReport = clonedMiningRun?.fromReport\n  const isAdvanced = clonedMiningRun && (checkIsAdvanced(clonedMiningRun) || fromReport)\n  const isReport = clonedMiningRun && clonedMiningRun.miningType === 'report'\n\n  const defaultActiveTab = () => {\n    if (clonedMiningRun) {\n      if (isLite) return TABS.BASIC\n      if (!isReport && isAdvanced) {\n        return TABS.ADVANCED\n      }\n      if (isReport) {\n        return TABS.REPORT\n      }\n    }\n    return TABS.BASIC\n  }\n\n  const [activeTab, setActiveTab] = useState(defaultActiveTab)\n  const [defaultValues, setDefaultValues] = useState(clonedMiningRun)\n\n  const onCycleChange = async e => {\n    const { data } = await api.get(`/cycles/${e.target.value.value}`)\n    setDefaultValues(data.cycle)\n  }\n\n  // clear default values when closing modal\n  useUnmount(() => {\n    if (clonedMiningRun) {\n      setClonedMiningRun(undefined)\n    }\n  })\n\n  return (\n    <Element style={{ width: '620px' }}>\n      <Element style={titleSectionCSS}>\n        <Title level={5} noMargin={true}>\n          Create a Mining Run\n        </Title>\n        <AsyncSelect\n          url='/cycles/filters'\n          placeholder='Cycles'\n          onChange={onCycleChange}\n          name='cycle'\n          style={{ width: '200px' }}\n          isMulti={false}\n        />\n      </Element>\n      <Tabs\n        noPadding={true}\n        headerBorder={true}\n        size='large'\n        activeIndex={activeTab}\n        handleChange={e => setActiveTab(e)}\n      >\n        <Tab style={tabStyle} tab='Basic' disabled={isReport || fromReport}>\n          {activeTab === TABS.BASIC && (\n            <BasicForm defaultValues={defaultValues} fetchData={fetchData} setShowing={setShowing} />\n          )}\n        </Tab>\n        {!isLite && (\n          <Tab style={tabStyle} tab='Advanced' disabled={isReport}>\n            {activeTab === TABS.ADVANCED && (\n              <AdvancedForm\n                defaultValues={defaultValues}\n                fetchData={fetchData}\n                setShowing={setShowing}\n                fromReport={fromReport}\n              />\n            )}\n          </Tab>\n        )}\n        {!isLite && (\n          <Tab style={tabStyle} tab='Report' disabled={fromReport}>\n            {activeTab === TABS.REPORT && (\n              <ReportForm defaultValues={defaultValues} fetchData={fetchData} setShowing={setShowing} />\n            )}\n          </Tab>\n        )}\n      </Tabs>\n    </Element>\n  )\n}\n\nMiningRunForms.defaultProps = {\n  clonedMiningRun: undefined,\n}\nMiningRunForms.propTypes = {\n  clonedMiningRun: PropTypes.shape({}),\n  fetchData: PropTypes.func.isRequired,\n  setShowing: PropTypes.func.isRequired,\n}\n\nexport default MiningRunForms\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Overlay } from '@fortressiq/fiq-ds'\n\nimport MiningRunForms from './MiningRunForms'\n\nconst MiningRunModal = ({\n  showFormModal: showing,\n  setShowFormModal: setShowing,\n  fetchData,\n  clonedMiningRun,\n  setClonedMiningRun,\n}) => {\n  const placement = {\n    overflow: { adjustX: true, adjustY: true },\n    points: ['bl', 'tr'],\n    targetOffset: [0, 4],\n  }\n\n  const trigger = {\n    showing,\n    setShowing,\n    text: 'New',\n    type: 'secondary',\n  }\n\n  const heights = {\n    min: 'auto',\n  }\n\n  return (\n    <Overlay\n      basic={false}\n      config={{ disableOutsideClick: true }}\n      content={\n        <MiningRunForms\n          setShowing={setShowing}\n          fetchData={fetchData}\n          clonedMiningRun={clonedMiningRun}\n          setClonedMiningRun={setClonedMiningRun}\n        />\n      }\n      draggable={true}\n      heights={heights}\n      id='mining-form-modal'\n      noPadding={true}\n      placement={placement}\n      trigger={trigger}\n    />\n  )\n}\n\nMiningRunModal.defaultProps = {\n  clonedMiningRun: undefined,\n}\n\nMiningRunModal.propTypes = {\n  clonedMiningRun: PropTypes.shape({}),\n  fetchData: PropTypes.func.isRequired,\n  setClonedMiningRun: PropTypes.func.isRequired,\n  setShowFormModal: PropTypes.func.isRequired,\n  showFormModal: PropTypes.bool.isRequired,\n}\n\nexport default MiningRunModal\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { format, useForm, theme, Radio, useNotification, Element, Typography } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\n\nimport { BASE_DATE_FORMAT } from 'constants/app-constants'\n\nimport FieldWrapper from 'components/form/FieldWrapper'\nimport ControlledRangePicker from 'components/form/ControlledRangePicker'\nimport ControlledRadioGroup from 'components/form/ControlledRadioGroup'\n\nimport FormFooter from './subComponents/FormFooter'\n\nimport { formWrapperCSS } from './styles'\n\nconst { Paragraph } = Typography\n\nconst radioTitleStyle = {\n  fontWeight: 500,\n  display: 'inline',\n}\n\nexport const recipeMap = {\n  automatically_grouped: 'Automatically Grouped',\n  unique_observer: 'Unique Observer',\n}\n\nconst initialValues = {\n  recipeType: 'automatically_grouped',\n}\n\nconst RecipesForm = ({ setShowing }) => {\n  const { addNotification } = useNotification()\n\n  const { watch, handleSubmit, control, formState } = useForm({\n    defaultValues: initialValues,\n  })\n\n  const formValues = watch()\n\n  const onSubmitHandler = async e => {\n    const { recipeType, observedAtRange } = e\n    const fromDate = observedAtRange?.[0]\n    const toDate = observedAtRange?.[1]\n\n    const params = {\n      recipe_type: recipeType,\n      args: {\n        observed_start: fromDate ? format(fromDate, BASE_DATE_FORMAT) : '',\n        observed_end: toDate ? format(toDate, BASE_DATE_FORMAT) : '',\n      },\n    }\n\n    await api.post('/mining_runs/create_from_recipe', params)\n    addNotification({\n      description: `Recipe ${recipeMap[recipeType]} started, gathering mining run parameters.`,\n      message: 'Started',\n      type: 'info',\n    })\n\n    setShowing(false)\n  }\n\n  return (\n    <Element>\n      <form onSubmit={handleSubmit(onSubmitHandler)}>\n        <Element style={formWrapperCSS}>\n          <ControlledRadioGroup\n            control={control}\n            name='recipeType'\n            style={{ marginBottom: theme['default-spacer-md'], whiteSpace: 'break-spaces' }}\n          >\n            <Radio value='automatically_grouped'>\n              <Paragraph noMargin={true} style={radioTitleStyle}>\n                Automatically Grouped\n              </Paragraph>\n              <br />\n              <Paragraph noMargin={true}>\n                Uses AI to analyze the work of all observers and groups them into machine-driven cohorts of similar\n                workflows, and then creates individual mining runs for each of these groups.\n              </Paragraph>\n            </Radio>\n\n            <Radio value='unique_observer'>\n              <Paragraph noMargin={true} style={radioTitleStyle}>\n                Unique Observer\n              </Paragraph>\n              <Paragraph noMargin={true}>\n                Treats each observer as an entirely unique datasource, creating an individual mining run for every\n                observer that finds processes that exist in that single observer&apos;s data.\n              </Paragraph>\n            </Radio>\n          </ControlledRadioGroup>\n          <FieldWrapper htmlFor='observedAtRange' label='Observed At' error={formState.errors.observedAtRange}>\n            <ControlledRangePicker control={control} id='observedAtRangePicker' name='observedAtRange' />\n          </FieldWrapper>\n        </Element>\n        <FormFooter formValues={formValues} onCancel={() => setShowing(false)} />\n      </form>\n    </Element>\n  )\n}\n\nRecipesForm.propTypes = {\n  setShowing: PropTypes.func.isRequired,\n}\n\nexport default RecipesForm\n","import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\n\nimport { useForm, theme, Element } from '@fortressiq/fiq-ds'\nimport { useUpdateEffect } from 'react-use'\n\nimport api from 'lib/Api'\n\nimport getMiningParamsReport from 'lib/getMiningParamsReport'\n\nimport ControlledQueryBuilder from 'components/form/ControlledQueryBuilder'\nimport AdvancedMiningParamFields from './subComponents/AdvancedMiningParamFields'\n\nimport FormFooter from './subComponents/FormFooter'\n\nimport { generateReportParams } from './helpers'\n\nexport const queryFields = [\n  { label: 'Application', name: 'application_name' },\n  { label: 'Application ID', name: 'application_id' },\n  { label: 'ID', name: 'id' },\n  { label: 'Observed At', name: 'observed_at', defaultValue: new Date().toISOString() },\n  { label: 'Observer ID', name: 'observer_id' },\n  { label: 'Observer Name', name: 'observer_name' },\n  { label: 'Machine', name: 'machine' },\n  { label: 'Detail Signature', name: 'signature' },\n  { label: 'Screen Signature', name: 'screen_signature' },\n  { label: 'Screen Name', name: 'name' },\n  { label: 'Action', name: 'action' },\n  { label: 'Field', name: 'field' },\n  { label: 'Control Type', name: 'control_type' },\n  { label: 'Annotation Type', name: 'annotation_type' },\n  { label: 'User', name: 'user' },\n]\n\nexport const rowProps = {\n  noOfCols: 2,\n  noEndGutter: true,\n  style: { marginBottom: theme['default-spacer-sm'] },\n  type: 'grid',\n}\n\nconst ReportForm = ({ defaultValues, fetchData, setShowing }) => {\n  const [isValidQuery, setIsValidQuery] = useState(true)\n  const getDefaultValues = defaultValues\n    ? { filterRules: defaultValues?.filterRules, miningParams: defaultValues?.miningParams }\n    : undefined\n\n  const { reset, watch, handleSubmit, control } = useForm({\n    defaultValues: getDefaultValues,\n  })\n\n  useUpdateEffect(() => {\n    reset({\n      filterRules: defaultValues?.filterRules,\n      miningParams: { ...formValues.miningParams, ...defaultValues?.miningParams },\n    })\n  }, [defaultValues])\n\n  const formValues = watch()\n\n  const onSubmitHandler = async e => {\n    await api.post('/process-boundary/start', generateReportParams(e))\n    fetchData()\n    setShowing(false)\n  }\n\n  return (\n    <Element>\n      <form onSubmit={handleSubmit(onSubmitHandler)}>\n        <Element\n          style={{\n            marginTop: `-${theme['default-spacer-sm']}`,\n            padding: theme['default-spacer-md'],\n            maxHeight: '60vh',\n            overflow: 'scroll',\n            position: 'relative',\n          }}\n        >\n          <Element style={{ marginBottom: theme['default-spacer-md'] }}>\n            <ControlledQueryBuilder\n              control={control}\n              setIsValid={setIsValidQuery}\n              fields={queryFields}\n              name='filterRules'\n            />\n          </Element>\n          <AdvancedMiningParamFields\n            control={control}\n            advancedMiningParams={getMiningParamsReport()}\n            formValues={formValues}\n          />\n        </Element>\n        <FormFooter formValues={formValues?.filterRules} onCancel={() => setShowing(false)} isValid={isValidQuery} />\n      </form>\n    </Element>\n  )\n}\n\nReportForm.defaultProps = {\n  defaultValues: undefined,\n}\n\nReportForm.propTypes = {\n  defaultValues: PropTypes.shape({}),\n  fetchData: PropTypes.func.isRequired,\n  setShowing: PropTypes.func.isRequired,\n}\n\nexport default ReportForm\n","import getMiningParamsPath from 'lib/getMiningParamsPath'\nimport getMiningParamsButterfly from 'lib/getMiningParamsButterfly'\nimport getMiningParamsReport from 'lib/getMiningParamsReport'\nimport cloneDeep from 'lodash/cloneDeep'\n\nconst getValues = values => values.map(({ value }) => value).join(',')\nconst getLabels = labels => labels.map(({ label }) => label).join(',')\n\n// Generate query filter from basic mining run\nexport const generateFilter = ({\n  applications,\n  applicationRule = 'all',\n  observers,\n  observerRule = 'all',\n  observedAtRange,\n} = {}) => {\n  return {\n    combinator: 'and',\n    not: false,\n    rules: [\n      applications?.length > 0 && {\n        field: 'application_name',\n        label: applications.constructor === Array ? getLabels(applications) : applications,\n        value: applications.constructor === Array ? getValues(applications) : applications,\n        operator: applicationRule,\n      },\n      observers?.length > 0 && {\n        field: 'observer_name',\n        label: observers.constructor === Array ? getLabels(observers) : observers,\n        value: observers.constructor === Array ? getValues(observers) : observers,\n        operator: observerRule,\n      },\n      observedAtRange &&\n        observedAtRange[0] && {\n          id: 'observered_at_from',\n          field: 'observed_at',\n          value: observedAtRange[0],\n          operator: '>=',\n        },\n      observedAtRange &&\n        observedAtRange[1] && {\n          id: 'observered_at_to',\n          field: 'observed_at',\n          value: observedAtRange[1],\n          operator: '<=',\n        },\n    ].filter(Boolean),\n  }\n}\n\nconst constructSignaturesParams = ({ signatures }) => {\n  return signatures.map(signature => ({\n    ...signature,\n    secondary_signature_level:\n      signature.secondary_signature_level === 'none' ? undefined : signature.secondary_signature_level,\n  }))\n}\nconst constructSignaturesDefaultValues = ({ signatures }) => {\n  return signatures\n    ? signatures.map(signature => ({\n        ...signature,\n        secondary_signature_level: signature.secondary_signature_level || 'none',\n      }))\n    : []\n}\n\n// Generate api params for basic form\nexport const generateBasicParams = formState => ({\n  miningParams: {\n    // if no signatures, empty structure required by backend schema\n    start_signatures: formState.startSignatures\n      ? { signatures: constructSignaturesParams(formState.startSignatures) }\n      : {\n          signatures: [],\n        },\n    end_signatures: formState.endSignatures\n      ? { signatures: constructSignaturesParams(formState.endSignatures) }\n      : {\n          signatures: [],\n        },\n    must_include_signature: {\n      condition: 'and',\n      signatures: [],\n    },\n    butterfly_signatures: {\n      signatures: [],\n    },\n    signature_level: formState.signatureLevel,\n  },\n  filter: generateFilter(formState),\n})\n\n// Helper function for converting string to array\nconst stringParamToArray = paramValue => {\n  if (Array.isArray(paramValue)) {\n    return paramValue\n  }\n  if (paramValue === '') {\n    return []\n  }\n  return paramValue.split(',').map(value => value.trim())\n}\n// Helper function for converting string to number\nconst stringParamToNumber = paramValue => +paramValue\n\n// Get format for all miningParams\nconst advancedMiningParamsFormat = [\n  ...getMiningParamsPath(),\n  ...getMiningParamsButterfly(),\n  ...getMiningParamsReport(),\n].reduce((o, cur) => {\n  if (cur.type === 'number') return { ...o, [cur.key]: stringParamToNumber }\n  if (cur.type === 'array') return { ...o, [cur.key]: stringParamToArray }\n  return { ...o }\n}, {})\n\n// Call formatter for all mining params\nconst formatMiningParams = miningParams =>\n  Object.entries(miningParams).reduce((acc, [key, val]) => {\n    const formatter = advancedMiningParamsFormat[key]\n    acc[key] = formatter ? formatter(val) : val\n    return acc\n  }, {})\n\n//Ensures that the observed_at fields contain the correct ids\n// bug where older filters rules did not contain this information\nconst transformFilter = rules => {\n  if (!rules) return\n  const newRules = cloneDeep(rules)\n  newRules?.rules?.forEach(rule => {\n    if (rule.field === 'observed_at' && rule.operator === '>=') {\n      rule.id = 'observered_at_to'\n    }\n    if (rule.field === 'observed_at' && rule.operator === '<=') {\n      rule.id = 'observered_at_from'\n    }\n  })\n  return newRules\n}\n\n// Generate api params for advanced mining form\nexport const generateAdvancedParams = (formState, mustIncludesSignature) => {\n  const { miningParams, filterRules, miningType } = formState\n  console.log(mustIncludesSignature)\n  return {\n    miningParams: {\n      ...formatMiningParams(miningParams),\n      // if no signatures, empty structure required by backend schema\n      start_signatures: miningParams.start_signatures\n        ? { signatures: constructSignaturesParams(miningParams.start_signatures) }\n        : {\n            signatures: [],\n          },\n      end_signatures: miningParams.end_signatures\n        ? { signatures: constructSignaturesParams(miningParams.end_signatures) }\n        : {\n            signatures: [],\n          },\n      must_include_signature: mustIncludesSignature,\n      butterfly_signatures: miningParams.butterfly_signatures\n        ? { signatures: constructSignaturesParams(miningParams.butterfly_signatures) }\n        : {\n            signatures: [],\n          },\n    },\n    filter: filterRules,\n    miningType,\n  }\n}\n\n// Generate api params for report mining form\nexport const generateReportParams = formState => {\n  const { miningParams, filterRules } = formState\n  return {\n    miningParams: {\n      ...formatMiningParams(miningParams),\n    },\n    filter: filterRules,\n  }\n}\n\n// Generate form values from clone or cycle for basic form\nexport const generateBasicDefaultValues = ({ initialValues, defaultValues }) => {\n  if (!defaultValues) {\n    return initialValues\n  }\n  const { filterRules, startSignatures, endSignatures, miningParams } = defaultValues\n\n  const observedAtRangeArray = []\n  const transformedFilterRules = filterRules?.rules.reduce((obj, item) => {\n    if (item.field === 'observed_at' && item.operator === '>=') {\n      observedAtRangeArray[0] = new Date(item.value)\n      return {\n        ...obj,\n        observedAtRange: observedAtRangeArray,\n      }\n    }\n    if (item.field === 'observed_at' && item.operator === '<=') {\n      observedAtRangeArray[1] = new Date(item.value)\n      return {\n        ...obj,\n        observedAtRange: observedAtRangeArray,\n      }\n    }\n    if (item.field === 'observer_name') {\n      return {\n        ...obj,\n        observers: item.value.split(',').map(observer => ({ label: observer, value: observer })),\n        observerRule: item.operator,\n      }\n    }\n    if (item.field === 'application_name') {\n      return {\n        ...obj,\n        applications: item.value.split(',').map(application => ({ label: application, value: application })),\n        applicationRule: item.operator,\n      }\n    }\n    return obj\n  }, {})\n  return {\n    ...initialValues,\n    ...transformedFilterRules,\n    startSignatures: startSignatures\n      ? // from cycle\n        { signatures: startSignatures?.map(sig => ({ primary: sig })) }\n      : // from cloned mining run\n        {\n          signatures:\n            miningParams.signature_level === 'screen_signature'\n              ? constructSignaturesDefaultValues(miningParams.start_signatures)\n              : [],\n        },\n    endSignatures: endSignatures\n      ? // from cycle\n        { signatures: endSignatures?.map(sig => ({ primary: sig })) }\n      : // from cloned mining run\n        {\n          signatures:\n            miningParams.signature_level === 'screen_signature'\n              ? constructSignaturesDefaultValues(miningParams.end_signatures)\n              : [],\n        },\n  }\n}\n\n// Genereate form values from clone or cycle for advanced form\nexport const generateAdvancedDefaultValues = ({ initialValues, defaultValues }) => {\n  if (!defaultValues) {\n    return initialValues\n  }\n  const { filterRules, startSignatures, endSignatures, miningParams, miningType } = defaultValues\n  return {\n    filterRules: transformFilter(filterRules),\n    miningType: miningType || initialValues.miningType,\n    miningParams: {\n      ...(miningParams\n        ? // from cloned mining run\n          {\n            ...miningParams,\n            signature_level: miningParams.signature_level || initialValues.miningParams.signature_level,\n            start_signatures: { signatures: constructSignaturesDefaultValues(miningParams.start_signatures) },\n            end_signatures: { signatures: constructSignaturesDefaultValues(miningParams.end_signatures) },\n            butterfly_signatures: { signatures: constructSignaturesDefaultValues(miningParams.butterfly_signatures) },\n          }\n        : // from cycle and initial values\n          {\n            signature_level: initialValues.miningParams.signature_level,\n            start_signatures: { signatures: startSignatures ? startSignatures.map(sig => ({ primary: sig })) : [] },\n            end_signatures: { signatures: endSignatures ? endSignatures.map(sig => ({ primary: sig })) : [] },\n          }),\n    },\n  }\n}\n\n// Helper function for checking if cloned mining is advanced\nconst hasNestedRules = obj => {\n  // Basic form does not have nested rules\n  let res = JSON.stringify(obj).replace(/[^{|^}]/g, '')\n  while (/}{/g.test(res)) {\n    res = res.replace(/}{/g, '')\n  }\n  return res.replace(/}/g, '').length > 3\n}\n\nconst basicFields = ['observed_at', 'observer_name', 'application_name']\n\nconst hasAdvancedFields = filterRules => {\n  const fields = filterRules?.rules.map(rule => rule.field)\n  // Basic form has max 4 rules\n  if (fields && fields.length > 4) {\n    return true\n  }\n  // Basic form only contains the basicFields\n  if (fields && !fields.every(v => basicFields.includes(v))) {\n    return true\n  }\n  return false\n}\n\nexport const checkIsAdvanced = clonedMiningRun => {\n  if (\n    clonedMiningRun.miningType !== 'flowgraph' ||\n    clonedMiningRun.miningParams?.signature_level !== 'screen_signature' ||\n    clonedMiningRun.miningParams?.merge_starts === 1 ||\n    clonedMiningRun.miningParams?.shortest_path === 1 ||\n    clonedMiningRun.miningParams?.must_include_signature?.signatures?.length !== 0 ||\n    clonedMiningRun.miningParams?.must_include_signature?.nested_signatures?.length !== 0 ||\n    hasNestedRules(clonedMiningRun.filterRules) ||\n    hasAdvancedFields(clonedMiningRun.filterRules)\n  ) {\n    return true\n  }\n  return false\n}\n\nexport const signatureLevelLabelMap = {\n  application: 'Application',\n  screen_signature: 'Screen Signature',\n  screen: 'Screen Signature', // added to catch old mining runs if migration is not run\n  signature: 'Signature',\n}\nexport const secondarySignatureLevelLabelMap = {\n  none: 'None',\n  field: 'Field',\n  value: 'Control Key',\n}\n","import { helpers, theme } from '@fortressiq/fiq-ds'\n\nconst { addImportant } = helpers\n\nexport const formWrapperCSS = () => ({\n  marginTop: `-${theme['default-spacer-sm']}`,\n  padding: theme['default-spacer-md'],\n  maxHeight: '60vh',\n  overflow: 'scroll',\n  position: 'relative',\n})\n\nexport const titleSectionCSS = () => ({\n  alignItems: 'center',\n  borderBottom: `1px solid ${theme['table-border-color']}`,\n  display: 'flex',\n  justifyContent: 'space-between',\n  marginBottom: 0,\n  padding: theme['default-spacer-md'],\n})\n\nexport const buttonSectionCSS = () => ({\n  borderTop: `1px solid ${theme['table-border-color']}`,\n  display: 'flex',\n  justifyContent: 'space-between',\n  padding: theme['default-spacer-md'],\n  width: '100%',\n})\n\nexport const formBackgroundCSS = () => ({\n  background: theme['field-bg-light'],\n  borderRadius: '2px',\n  padding: theme['default-spacer-md'],\n})\n\nexport const formContainerCSS = () => ({\n  display: 'flex',\n  flexDirection: 'column',\n  width: '640px',\n})\n\nexport const verticalRadioGroupCSS = () => ({ display: addImportant('block') })\nexport const verticalRadioItemCSS = () => ({ display: addImportant('block'), whiteSpace: addImportant('normal') })\n\nexport const scrollSectionCSS = () => ({\n  flex: '1',\n  marginBottom: `-${theme['default-spacer-md']}`,\n  marginTop: `-${theme['default-spacer-sm']}`,\n  maxHeight: '50vh',\n  overflow: 'auto',\n  width: '100%',\n})\n\nexport const formBGCSS = () => ({\n  background: theme['field-bg-light'],\n  borderRadius: theme['default-spacer-sm'],\n  padding: theme['default-spacer-md'],\n})\n\nexport const signatureGroupCSS = () => ({\n  background: 'hsla(0, 0%, 94%, 0.5)',\n  border: `1px solid ${theme['legacy-color-gray1']}`,\n  padding: theme['default-spacer-md'],\n})\n\nexport const signatureItemCSS = () => ({ display: 'flex', marginTop: theme['default-spacer-xs'] })\n\nexport const signatureItemMarginCSS = () => ({ marginBottom: theme['default-spacer-md'] })\n\nexport const signatureInputsCSS = () => ({\n  flex: '1',\n})\n\nexport const removeButtonCSS = () => ({ marginLeft: theme['default-spacer-sm'], marginTop: '19px' })\n\nexport const menuItemCSS = () => ({\n  background: theme['field-bg-light'],\n  padding: theme['default-spacer-xs'],\n})\n\nexport const observerGroupCSS = () => ({\n  background: 'hsla(0, 0%, 94%, 0.5)',\n  border: `1px solid ${theme['legacy-color-gray1']}`,\n  padding: theme['default-spacer-md'],\n  marginTop: theme['default-spacer-md'],\n  marginBottom: theme['default-spacer-md'],\n})\n","import React from 'react'\nimport { Input, InputNumber, Select, theme, Element, Checkbox, useController } from '@fortressiq/fiq-ds'\n\nimport PropTypes from 'prop-types'\n\nimport FieldWrapper from 'components/form/FieldWrapper'\n\nconst FIELD_TYPES = {\n  NUMBER: 'number',\n  SELECT: 'select',\n  ARRAY: 'array',\n  CHECKBOX: 'checkbox',\n}\n\nconst Field = ({ item, control }) => {\n  const {\n    field: { onChange, ref, value, ...inputProps },\n  } = useController({\n    name: `miningParams.${item.key}`,\n    control,\n    defaultValue: item?.default,\n    rules: item.validators,\n    // this will unregister conditional fields\n    shouldUnregister: true,\n  })\n\n  switch (item.type) {\n    case FIELD_TYPES.NUMBER:\n      return (\n        <InputNumber\n          {...inputProps}\n          ref={ref}\n          max={item.rules?.max || undefined}\n          min={item.rules?.min || undefined}\n          name={item.key}\n          setNum={onChange}\n          value={value}\n        />\n      )\n    case FIELD_TYPES.SELECT:\n      return (\n        <Select\n          {...inputProps}\n          ref={ref}\n          isMulti={false}\n          onChange={e => onChange(e.value)}\n          options={item.options}\n          styles={{ menuPortal: { zIndex: theme['z-modal-above'] } }}\n          value={item.options.filter(option => option.value === value)}\n          menuPortalTarget={document.body}\n          menuShouldBlockScroll={true}\n        />\n      )\n    case FIELD_TYPES.ARRAY:\n      return <Input {...inputProps} ref={ref} name={item.key} onChange={onChange} value={value} />\n    case FIELD_TYPES.CHECKBOX:\n      return (\n        <Checkbox\n          {...inputProps}\n          inputRef={ref}\n          onCheck={checked => {\n            onChange(checked ? 1 : 0)\n          }}\n          checked={value}\n        >\n          {item.label}\n        </Checkbox>\n      )\n    default:\n      return `${item.type} not found`\n  }\n}\n\nconst AdvancedMiningParamFields = ({\n  advancedMiningParams,\n  formValues,\n  control,\n  errors,\n  checkCompatibleMustIncludes,\n}) => (\n  <Element style={{ marginTop: theme['default-spacer-md'] }}>\n    {advancedMiningParams.map(item => {\n      if (item.dependency && formValues.miningParams[item.dependency.key] !== item.dependency.value) {\n        return null\n      }\n      const itemLabel = item.validators ? `*${item.label}` : item.label\n      return (\n        <FieldWrapper\n          key={`form-item-${item.key}`}\n          helperText={item.description}\n          htmlFor='observedAtRange'\n          label={item.type === 'checkbox' ? undefined : itemLabel}\n          error={errors?.miningParams?.[item.key]}\n        >\n          <Field item={item} control={control} />\n        </FieldWrapper>\n      )\n    })}\n  </Element>\n)\n\nAdvancedMiningParamFields.defaultProps = {\n  errors: undefined,\n}\n\nAdvancedMiningParamFields.propTypes = {\n  advancedMiningParams: PropTypes.arrayOf(\n    PropTypes.shape({\n      key: PropTypes.string,\n      label: PropTypes.string,\n      type: PropTypes.string,\n    })\n  ).isRequired,\n  formValues: PropTypes.shape({}).isRequired,\n  control: PropTypes.shape({}).isRequired,\n  errors: PropTypes.shape({}),\n  checkCompatibleMustIncludes: PropTypes.func,\n}\n\nexport default AdvancedMiningParamFields\n","import React, { useState, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport { Button, Element, theme } from '@fortressiq/fiq-ds'\nimport localizer from 'lib/Localizer'\nimport PanelMetrics from 'components/PanelMetrics/PanelMetrics'\nimport { useDebounce } from 'lib/hooks'\nimport { fetchEventCount } from 'app/events/fetchEventCount'\nimport { generateFilter } from '../helpers'\n\nconst FormFooter = ({ onCancel, formValues, isValid }) => {\n  const [isFetchingEvents, setIsFetchingEvents] = useState(false)\n  const [eventCount, setEventCount] = useState(0)\n  const debouncedFormState = useDebounce(formValues, 500)\n\n  const updateEventCount = async filter => {\n    setIsFetchingEvents(true)\n    setEventCount(await fetchEventCount(filter))\n    setIsFetchingEvents(false)\n  }\n\n  useEffect(() => {\n    const filter = debouncedFormState?.rules ? debouncedFormState : generateFilter(debouncedFormState)\n    updateEventCount(filter)\n  }, [debouncedFormState])\n\n  const handleCancel = e => {\n    e.preventDefault()\n    onCancel()\n  }\n\n  return (\n    <Element\n      style={{\n        alignItems: 'center',\n        borderTop: `1px solid ${theme['table-border-color']}`,\n        display: 'flex',\n        justifyContent: 'space-between',\n        padding: theme['default-spacer-md'],\n        position: 'sticky',\n        bottom: 0,\n      }}\n    >\n      <Button onClick={handleCancel}>Cancel</Button>\n      <PanelMetrics\n        style={{ height: 'auto' }}\n        metrics={[{ title: 'Event Count', value: localizer.asCount(eventCount) }]}\n      />\n      <Button disabled={eventCount === 0 || !isValid} loading={isFetchingEvents}>\n        Create &amp; Run\n      </Button>\n    </Element>\n  )\n}\n\nFormFooter.defaultProps = {\n  formValues: undefined,\n  isValid: true,\n}\nFormFooter.propTypes = {\n  onCancel: PropTypes.func.isRequired,\n  formValues: PropTypes.shape({}),\n  isValid: PropTypes.bool,\n}\n\nexport default FormFooter\n","import React from 'react'\nimport { Element, theme } from '@fortressiq/fiq-ds'\n\nconst GRAPH_TYPE_LABELS = {\n  flowgraph: 'Flow',\n  path: 'Path',\n  default: 'Path',\n  butterfly: 'Butterfly',\n}\n\nconst MustIncludesGroupsModal = ({ graphType, newGraphType }) => {\n  return (\n    <Element style={{ width: '95%', padding: `${theme['default-spacer-xs']} 0` }}>\n      <div>\n        This &quot;Must Include&quot; configuration is not compatible with the &quot;\n        {GRAPH_TYPE_LABELS[newGraphType]}&quot; Mining Type because it includes an &quot;OR&quot; condition.\n      </div>\n      <p>If you proceed, the existing &quot;Must Include&quot; configuration will be deleted.</p>\n      <p>Do you want to proceed with using a &quot;{GRAPH_TYPE_LABELS[newGraphType]}&quot; Mining Type?
</p>\n    </Element>\n  )\n}\n\nexport default MustIncludesGroupsModal\n","import React, { useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport cloneDeep from 'lodash/cloneDeep'\nimport uiStore from 'lib/UiStore'\nimport { Alert, useController, Button, Group, theme, Element, Typography, Label } from '@fortressiq/fiq-ds'\n\nimport RecursiveSignaturesGroup from './RecursiveSignaturesGroup'\n\nimport { secondarySignatureLevelLabelMap } from '../../helpers'\n\nconst { Text } = Typography\n\nexport const signaturesMustHaveDefault = {\n  condition: 'and',\n  signatures: [\n    {\n      primary: '',\n    },\n  ],\n}\n\nexport const signaturesMustHaveEmptyDefaultGroup = {\n  condition: 'and',\n  signatures: [],\n  nested_signatures: [\n    {\n      condition: 'and',\n      signatures: [{ primary: '' }],\n    },\n  ],\n}\n\nconst signatureGroupCSS = () => ({\n  background: 'hsla(0, 0%, 94%, 0.5)',\n  border: `1px solid ${theme['legacy-color-gray1']}`,\n  padding: theme['default-spacer-md'],\n  marginBottom: theme['default-spacer-md'],\n})\n\nconst NestedSignatureBuilder = ({\n  control,\n  description,\n  groupsEnabled,\n  min,\n  name,\n  primarySignatureLabel,\n  register,\n  setMustIncludesSignature,\n  signatureLevel,\n  title,\n  watch,\n  isValidQuery,\n  setIsValidQuery,\n  mustIncludesSignature,\n}) => {\n  const showSecondary = signatureLevel === 'screen_signature' && !uiStore?.tenant?.isLite\n\n  // clear any error messages and enable submitting of form\n  useEffect(() => {\n    let isValid = true\n    function getIsValid(group) {\n      group?.signatures?.forEach(sig => {\n        if (!sig.primary) {\n          isValid = false\n        }\n        if (sig.secondary_signature_level && sig.secondary_signature_level !== 'none' && !sig.secondary) {\n          isValid = false\n        }\n      })\n      group?.nested_signatures?.forEach(nGroup => getIsValid(nGroup))\n    }\n\n    getIsValid(mustIncludesSignature)\n    if (isValid) setIsValidQuery(true)\n  }, [mustIncludesSignature])\n\n  const getList = nestedPath => {\n    if (!mustIncludesSignature) {\n      return undefined\n    }\n    let list = mustIncludesSignature\n    const nestedPathIndexs = [...`${nestedPath}`]\n    nestedPathIndexs.forEach(nestedIndex => {\n      if (list.nested_signatures === undefined) return\n      list = list?.nested_signatures[nestedIndex]\n    })\n    return list\n  }\n  const addGroup = (e, nestedPath) => {\n    e.preventDefault()\n    const list = getList(nestedPath)\n    if (!list) {\n      const defaultClone = cloneDeep(signaturesMustHaveEmptyDefaultGroup)\n      setMustIncludesSignature(defaultClone)\n      return\n    }\n    if (list.nested_signatures === undefined) list.nested_signatures = []\n    const defaultClone = cloneDeep(signaturesMustHaveDefault)\n    list.nested_signatures.push(defaultClone)\n    setMustIncludesSignature({ ...mustIncludesSignature })\n  }\n\n  const removeGroup = (e, nestedPath, index) => {\n    e.preventDefault()\n    if (nestedPath.length === 0) {\n      setMustIncludesSignature(undefined)\n      return\n    }\n\n    const parentPath = nestedPath.slice(0, -1)\n    const parentList = getList(parentPath)\n    parentList.nested_signatures.splice(index, 1)\n    setMustIncludesSignature({ ...mustIncludesSignature })\n  }\n\n  const addSignature = (e, nestedPath) => {\n    e.preventDefault()\n    const list = getList(nestedPath)\n    if (!list) {\n      const defaultClone = cloneDeep(signaturesMustHaveDefault)\n      setMustIncludesSignature(defaultClone)\n      return\n    }\n    list.signatures.push({\n      primary: '',\n    })\n    setMustIncludesSignature({ ...mustIncludesSignature })\n  }\n\n  const onChangeSignature = (value, nestedPath, key, index) => {\n    const list = getList(nestedPath)\n    list.signatures[index][key] = value\n    setMustIncludesSignature({ ...mustIncludesSignature })\n  }\n\n  const removeSignature = (e, nestedPath, signaturesIndex) => {\n    e.preventDefault()\n    const list = getList(nestedPath)\n\n    //remove group if last signature\n    if (\n      (list.signatures.length === 1 && list?.nested_signatures?.length === 0) ||\n      (list.signatures.length === 1 && list.nested_signatures === undefined)\n    ) {\n      removeGroup(e, nestedPath)\n      return\n    }\n    list.signatures.splice(signaturesIndex, 1)\n    const deepCloneSigs = cloneDeep(mustIncludesSignature)\n    setMustIncludesSignature(deepCloneSigs)\n  }\n\n  const onSelectAndOr = (value, nestedPath, key, index) => {\n    const list = getList(nestedPath)\n    if (!list) return\n    list.condition = value\n    setMustIncludesSignature({ ...mustIncludesSignature })\n  }\n\n  return (\n    <Element as='fieldset' style={signatureGroupCSS}>\n      <Label>{title}</Label>\n      {description && (\n        <Text noMargin={true} style={{ display: 'block', marginBottom: theme['default-spacer-xs'] }}>\n          {description}\n        </Text>\n      )}\n      {!isValidQuery && <Alert type='error' message='All Must Includes fields are required.' />}\n      <RecursiveSignaturesGroup\n        groupsEnabled={groupsEnabled}\n        min={min}\n        name={name}\n        primarySignatureLabel={primarySignatureLabel}\n        setMustIncludesSignature={setMustIncludesSignature}\n        showSecondary={showSecondary}\n        signatureLevel={signatureLevel}\n        title={title}\n        group={mustIncludesSignature}\n        control={control}\n        nestedPath=''\n        addGroup={addGroup}\n        addSignature={addSignature}\n        onChangeSignature={onChangeSignature}\n        removeGroup={removeGroup}\n        removeSignature={removeSignature}\n        onSelectAndOr={onSelectAndOr}\n      />\n    </Element>\n  )\n}\n\nNestedSignatureBuilder.defaultProps = {\n  description: undefined,\n  min: undefined,\n  signatureLevel: undefined,\n}\n\nNestedSignatureBuilder.propTypes = {\n  control: PropTypes.shape({}).isRequired,\n  description: PropTypes.string,\n  min: PropTypes.number,\n  name: PropTypes.string.isRequired,\n  primarySignatureLabel: PropTypes.string.isRequired,\n  register: PropTypes.func.isRequired,\n  signatureLevel: PropTypes.string,\n  title: PropTypes.string.isRequired,\n  watch: PropTypes.func.isRequired,\n}\n\nexport default NestedSignatureBuilder\n","import React, { useState, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport uiStore from 'lib/UiStore'\nimport {\n  useFieldArray,\n  useController,\n  theme,\n  Element,\n  Typography,\n  Label,\n  Button,\n  Icon,\n  Input,\n  Select,\n} from '@fortressiq/fiq-ds'\n\nimport ControlledSelect from 'components/form/ControlledSelect'\nimport constructApplicationOptions from 'components/form/helpers/constructApplicationOptions'\nimport FieldWrapper from 'components/form/FieldWrapper'\n\nimport { useUpdateEffect } from 'react-use'\nimport SignatureForm from './SignatureForm'\n\nimport { secondarySignatureLevelLabelMap } from '../../helpers'\n\nconst signatureGroupCSS = () => ({\n  background: 'hsla(0, 0%, 94%, 0.5)',\n  border: `1px solid ${theme['ui-line-default']}`,\n  padding: theme['default-spacer-md'],\n  margin: `${theme['default-spacer-md']} 0`,\n})\n\nconst { Text } = Typography\n\nconst andOrOptions = [\n  { label: 'AND', value: 'and' },\n  { label: 'OR', value: 'or' },\n]\n\nconst getAndOrValue = val => {\n  return andOrOptions.find(option => option.value === val)\n}\n\nconst RecursiveSignaturesGroup = ({\n  groupsEnabled,\n  // setValue,\n  setMustIncludesSignature,\n  min,\n  name,\n  showSecondary,\n  signatureLevel,\n  title,\n  primarySignatureLabel,\n  group,\n  signatureGroups,\n  control,\n  addGroup,\n  addSignature,\n  onChangeSignature,\n  removeGroup,\n  removeSignature,\n  onSelectAndOr,\n  nestedPath,\n}) => {\n  return (\n    <Element\n      style={{\n        ...signatureGroupCSS(),\n      }}\n    >\n      <Element style={{ display: 'flex' }}>\n        <Select\n          options={andOrOptions}\n          defaultValue={andOrOptions[0]}\n          isMulti={false}\n          name='group_condition'\n          placeholder='Select Conditional'\n          portal={true}\n          style={{\n            width: '220px',\n            marginRight: theme['default-spacer-sm'],\n            marginBottom: theme['default-spacer-md'],\n          }}\n          onChange={e => onSelectAndOr(e.value, nestedPath)}\n          value={group ? getAndOrValue(group.condition) : undefined}\n          isDisabled={!groupsEnabled}\n        />\n        <Button onClick={e => addGroup(e, nestedPath)} disabled={!groupsEnabled}>\n          Add Group\n        </Button>\n        {(group?.signatures?.length > 0 || group?.nested_signatures?.length > 0) && (\n          <Button\n            onClick={e => removeGroup(e, nestedPath)}\n            noBorder={true}\n            flat={true}\n            shape='circle'\n            style={{ background: 'none', top: '3px', left: '3px', position: 'relative' }}\n          >\n            <Icon clickable={true} icon='remove' size='small' />\n          </Button>\n        )}\n      </Element>\n\n      {group?.signatures?.map((item, index) => (\n        <SignatureForm\n          key={`signature_${index}`}\n          setVsetMustIncludesSignaturealue={setMustIncludesSignature}\n          groupsEnabled={groupsEnabled}\n          min={min}\n          name={name}\n          showSecondary={showSecondary}\n          signatureLevel={signatureLevel}\n          title={title}\n          primarySignatureLabel={primarySignatureLabel}\n          control={control}\n          item={item}\n          index={index}\n          addGroup={addGroup}\n          addSignature={addSignature}\n          onChangeSignature={onChangeSignature}\n          removeGroup={removeGroup}\n          removeSignature={removeSignature}\n          onSelectAndOr={onSelectAndOr}\n          nestedPath={nestedPath}\n        />\n      ))}\n      <Button\n        type='link'\n        icon='add'\n        onClick={e => addSignature(e, nestedPath)}\n        style={{ paddingLeft: 0, marginBottom: theme['default-spacer-md'] }}\n      >\n        Add {title}\n      </Button>\n      {group?.nested_signatures?.map((sigGroup, index) => (\n        <RecursiveSignaturesGroup\n          key={`group_${index}`}\n          setMustIncludesSignature={setMustIncludesSignature}\n          groupsEnabled={groupsEnabled}\n          min={min}\n          name={name}\n          showSecondary={showSecondary}\n          signatureLevel={signatureLevel}\n          title={title}\n          primarySignatureLabel={primarySignatureLabel}\n          group={sigGroup}\n          control={control}\n          addGroup={addGroup}\n          addSignature={addSignature}\n          onChangeSignature={onChangeSignature}\n          removeGroup={removeGroup}\n          removeSignature={removeSignature}\n          onSelectAndOr={onSelectAndOr}\n          nestedPath={`${nestedPath}${index}`}\n        />\n      ))}\n    </Element>\n  )\n}\nexport default RecursiveSignaturesGroup\n","import React, { useState, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport uiStore from 'lib/UiStore'\nimport {\n  useFieldArray,\n  useController,\n  theme,\n  Element,\n  Typography,\n  Label,\n  Button,\n  Input,\n  Select,\n} from '@fortressiq/fiq-ds'\n\nimport ControlledSelect from 'components/form/ControlledSelect'\nimport constructApplicationOptions from 'components/form/helpers/constructApplicationOptions'\nimport FieldWrapper from 'components/form/FieldWrapper'\n\nimport { secondarySignatureLevelLabelMap } from '../../helpers'\n\nconst { Text } = Typography\n\nconst secondarySignatureLevelOptions = {\n  screen_signature: [\n    { label: secondarySignatureLevelLabelMap.none, value: 'none' },\n    { label: secondarySignatureLevelLabelMap.field, value: 'field' },\n    { label: secondarySignatureLevelLabelMap.value, value: 'value' },\n  ],\n}\n\nconst SignaturesForm = ({\n  groupsEnabled,\n  setMustIncludesSignature,\n  min,\n  name,\n  showSecondary,\n  signatureLevel,\n  title,\n  primarySignatureLabel,\n  group,\n  signatureGroups,\n  index,\n  item,\n  addGroup,\n  addSignature,\n  onChangeSignature,\n  removeGroup,\n  removeSignature,\n  nestedPath,\n  control,\n}) => {\n  const hideRemoveButton = min && min === index + 1\n  const secondarySignatureLevel = item?.secondary_signature_level || 'none'\n  const arrayName = `${name}.signatures[${index}]`\n\n  const constructedValue = () => {\n    const value = item.secondary_signature_level || 'none'\n    return secondarySignatureLevelOptions.screen_signature.find(val => {\n      return val.value === value\n    })\n  }\n\n  return (\n    <Element\n      key={item.id}\n      style={{\n        display: 'flex',\n        alignItems: 'center',\n        borderBottom: `1px solid ${theme['ui-line-default']} `,\n        padding: `${theme['default-spacer-md']} 0`,\n      }}\n    >\n      <Element style={{ width: '100%', marginRight: theme['default-spacer-sm'] }}>\n        <FieldWrapper>\n          <Label>*{primarySignatureLabel}</Label>\n          {signatureLevel === 'application' ? (\n            <ControlledSelect\n              constructData={constructApplicationOptions}\n              constructSelectedValue={true}\n              control={control}\n              isMulti={false}\n              name={`${arrayName}.primary`}\n              placeholder='Select applications'\n              portal={true}\n              rules={{ required: 'This field is required' }}\n              url='/applications/filters'\n              valueKey='id'\n              onChangeCallback={value => onChangeSignature(value, nestedPath, 'primary', index)}\n            />\n          ) : (\n            <Input\n              onChange={e => onChangeSignature(e.target.value, nestedPath, 'primary', index)}\n              value={item.primary}\n              placeholder={`${primarySignatureLabel}`}\n            />\n          )}\n        </FieldWrapper>\n        {showSecondary && (\n          <FieldWrapper style={{ marginBottom: 0 }}>\n            <Label>Signature Label</Label>\n            <Element style={{ display: 'flex' }}>\n              <Select\n                isLoading={false}\n                isMulti={false}\n                name={`${arrayName}.secondary_signature_level`}\n                options={secondarySignatureLevelOptions[signatureLevel]}\n                portal={true}\n                style={{ width: '130px', marginRight: theme['default-spacer-sm'] }}\n                valueKey='value'\n                value={constructedValue()}\n                defaultValue={secondarySignatureLevelOptions[signatureLevel][0]}\n                onChange={e => onChangeSignature(e.value, nestedPath, 'secondary_signature_level', index)}\n              />\n              {secondarySignatureLevel !== 'none' && (\n                <Input\n                  name={`${arrayName}.secondary`}\n                  containerProps={{ style: { flex: 1 } }}\n                  placeholder={secondarySignatureLevelLabelMap[secondarySignatureLevel]}\n                  value={item.secondary}\n                  onChange={e => onChangeSignature(e.target.value, nestedPath, 'secondary', index)}\n                />\n              )}\n            </Element>\n          </FieldWrapper>\n        )}\n      </Element>\n      {!hideRemoveButton && (\n        <Button icon='remove' onClick={e => removeSignature(e, nestedPath, index)} shape='circle' />\n      )}\n    </Element>\n  )\n}\nexport default SignaturesForm\n","import React, { useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport uiStore from 'lib/UiStore'\nimport { useFieldArray, theme, Element, Typography, Label, Button, Input } from '@fortressiq/fiq-ds'\n\nimport ControlledSelect from 'components/form/ControlledSelect'\nimport constructApplicationOptions from 'components/form/helpers/constructApplicationOptions'\nimport FieldWrapper from 'components/form/FieldWrapper'\n\nimport { useUpdateEffect } from 'react-use'\n\nimport { secondarySignatureLevelLabelMap } from '../helpers'\n\nconst signatureGroupCSS = () => ({\n  background: 'hsla(0, 0%, 94%, 0.5)',\n  border: `1px solid ${theme['legacy-color-gray1']}`,\n  padding: theme['default-spacer-md'],\n  marginBottom: theme['default-spacer-md'],\n})\n\nconst { Text } = Typography\n\nconst secondarySignatureLevelOptions = {\n  screen_signature: [\n    { label: secondarySignatureLevelLabelMap.none, value: 'none' },\n    { label: secondarySignatureLevelLabelMap.field, value: 'field' },\n    { label: secondarySignatureLevelLabelMap.value, value: 'value' },\n  ],\n}\n\nconst SignatureBuilder = ({\n  control,\n  description,\n  errors,\n  min,\n  name,\n  primarySignatureLabel,\n  register,\n  signatureLevel,\n  title,\n  watch,\n}) => {\n  const { fields, append, remove } = useFieldArray({\n    control,\n    name: `${name}.signatures`,\n    shouldUnregister: true,\n  })\n\n  const showSecondary = signatureLevel === 'screen_signature' && !uiStore?.tenant?.isLite\n\n  const watchedSignature = watch(name)\n\n  const handleAdd = e => {\n    e.preventDefault()\n    if (showSecondary) {\n      append({ primary: '', secondary_signature_level: 'none' })\n    } else {\n      append({ primary: '' })\n    }\n  }\n\n  const handleRemove = (e, index) => {\n    e.preventDefault()\n    remove(index)\n  }\n\n  useUpdateEffect(() => {\n    // clear array if signature level changes\n    remove()\n  }, [signatureLevel])\n\n  useEffect(() => {\n    // append if min fields required\n    if (min && min > fields.length) {\n      if (showSecondary) {\n        append({ primary: '', secondary_signature_level: 'none' })\n      } else {\n        append({ primary: '' })\n      }\n    }\n  }, [min, fields, append, showSecondary])\n\n  return (\n    <Element as='fieldset' style={signatureGroupCSS}>\n      <Label>{title}</Label>\n      {description && (\n        <Text noMargin={true} style={{ display: 'block', marginBottom: theme['default-spacer-xs'] }}>\n          {description}\n        </Text>\n      )}\n      {fields.map((item, index) => {\n        const lastItem = index + 1 === fields.length\n        // hide remove button if min fields is required\n        const hideRemoveButton = min && min === index + 1\n        const secondarySignatureLevel = watchedSignature?.signatures?.[index]?.secondary_signature_level\n        const arrayName = `${name}.signatures[${index}]`\n        return (\n          <Element\n            key={item.id}\n            style={{\n              ...signatureGroupCSS(),\n              display: 'flex',\n              alignItems: 'center',\n              marginBottom: lastItem ? 0 : theme['default-spacer-md'],\n            }}\n          >\n            <Element style={{ width: '100%', marginRight: theme['default-spacer-sm'] }}>\n              <FieldWrapper error={errors?.signatures?.[index]?.primary}>\n                <Label>*{primarySignatureLabel}</Label>\n                {signatureLevel === 'application' ? (\n                  <ControlledSelect\n                    constructData={constructApplicationOptions}\n                    constructSelectedValue={true}\n                    control={control}\n                    isMulti={false}\n                    name={`${arrayName}.primary`}\n                    placeholder='Select applications'\n                    portal={true}\n                    rules={{ required: 'This field is required' }}\n                    url='/applications/filters'\n                    valueKey='id'\n                  />\n                ) : (\n                  <Input\n                    {...register(`${arrayName}.primary`, { required: 'This field is required' })}\n                    placeholder={`${primarySignatureLabel}`}\n                  />\n                )}\n              </FieldWrapper>\n              {showSecondary && (\n                <FieldWrapper style={{ marginBottom: 0 }} error={errors?.signatures?.[index]?.secondary}>\n                  <Label>Signature Label</Label>\n                  <Element style={{ display: 'flex' }}>\n                    <ControlledSelect\n                      constructSelectedValue={true}\n                      control={control}\n                      isLoading={false}\n                      isMulti={false}\n                      name={`${arrayName}.secondary_signature_level`}\n                      options={secondarySignatureLevelOptions[signatureLevel]}\n                      portal={true}\n                      style={{ width: '130px', marginRight: theme['default-spacer-sm'] }}\n                      valueKey='value'\n                      defaultValue='none'\n                    />\n                    {secondarySignatureLevel !== 'none' && (\n                      <Input\n                        {...register(`${arrayName}.secondary`)}\n                        containerProps={{ style: { flex: 1 } }}\n                        placeholder={secondarySignatureLevelLabelMap[secondarySignatureLevel]}\n                      />\n                    )}\n                  </Element>\n                </FieldWrapper>\n              )}\n            </Element>\n            {!hideRemoveButton && <Button icon='remove' onClick={e => handleRemove(e, index)} shape='circle' />}\n          </Element>\n        )\n      })}\n      <Button type='link' icon='add' onClick={handleAdd}>\n        Add {title}\n      </Button>\n    </Element>\n  )\n}\n\nSignatureBuilder.defaultProps = {\n  description: undefined,\n  errors: undefined,\n  min: undefined,\n  signatureLevel: undefined,\n}\n\nSignatureBuilder.propTypes = {\n  control: PropTypes.shape({}).isRequired,\n  description: PropTypes.string,\n  errors: PropTypes.arrayOf(PropTypes.shape()),\n  min: PropTypes.number,\n  name: PropTypes.string.isRequired,\n  primarySignatureLabel: PropTypes.string.isRequired,\n  register: PropTypes.func.isRequired,\n  signatureLevel: PropTypes.string,\n  title: PropTypes.string.isRequired,\n  watch: PropTypes.func.isRequired,\n}\n\nexport default SignatureBuilder\n","import React from 'react'\n\nimport { Button } from '@fortressiq/fiq-ds'\n\nimport shortid from 'shortid'\nimport Flash from 'components/flash/Flash'\n\nconst miningRunImportSuccess = ({ miningRunId, processCount, processTypeName }) => {\n  const messageText = [\n    `Completed importing ${processCount}`,\n    `${processTypeName} Process${processCount > 1 ? 'es' : ''}`,\n    `for Mining Run ${miningRunId}`,\n  ].join(' ')\n  const id = shortid.generate()\n  Flash.success(\n    {\n      description: messageText,\n      message: 'Mining Run Finished',\n      cta: (\n        <Button type='link' href={`/mining?globalFilter={\"miningRunIds\":[\"${miningRunId}\"]}`} size='small'>\n          View Mining Run\n        </Button>\n      ),\n    },\n    { duration: 0, key: id }\n  )\n}\n\nexport default miningRunImportSuccess\n","export const tableWrap = ({ theme }) => ({\n  background: theme['legacy-color-gray'],\n  borderBottom: `1px solid ${theme['table-border-color']}`,\n  padding: theme['default-spacer-md'],\n})\n\nexport const tableRow = theme => ({\n  background: `${theme.white} !important`,\n})\n\nexport const notExpandable = () => ({\n  '> td > div[role=\"button\"]': {\n    display: 'none',\n  },\n})\n\nexport const processesTable = ({ theme }) => ({\n  background: theme.white,\n  border: `1px solid ${theme['table-border-color']}`,\n})\n","import React, { useState, Fragment } from 'react'\nimport { Link } from 'react-router-dom'\nimport { Menu, MenuItem, Popconfirm } from '@fortressiq/fiq-ds'\nimport qs from 'qs'\n\nimport ExportMenuItem from 'components/ExportButton/ExportMenuItem'\nimport ActionMenu from 'components/TrinityTable/ActionMenu/ActionMenu'\n\nimport callbackStore from 'stores/callback'\nimport handleIntegration from 'app/admin/integrations/helpers/handleIntegration'\n\nimport api from 'lib/Api'\n\nconst ActionsMenu = ({\n  miningRun: { filterRules = {}, miningType, status, deleteState: [isDeleting] = [], ...miningRunDefault },\n  reFetch,\n  setShowFormModal,\n  setClonedMiningRun,\n  integrations,\n  isLoadingIntegrations,\n}) => {\n  const [miningRun, setMiningRun] = useState(miningRunDefault)\n\n  const params = {}\n  if (filterRules?.rules && filterRules.rules.length) {\n    params.filter = filterRules\n  }\n\n  const deleteRunHandler = async runId => {\n    await api.delete(`/mining_runs/${runId}`)\n    reFetch()\n  }\n\n  const onReady = args => {\n    setMiningRun({\n      ...miningRun,\n      eventLogExportIds: [...miningRun.eventLogExportIds, args.eventLogExport.id],\n    })\n    callbackStore.call('eventLogExportSuccess', args)\n  }\n\n  const useReport = async () => {\n    const { data: newData } = await api.get(`/process-boundary/show/${miningRun.id}`)\n    const startSignatures = newData.start_stop_rankings\n      .filter(item => item.user_selected && item.type === 'start')\n      .map(item => ({ primary: item.screen_signature, secondary_signature_level: 'none' }))\n    const endSignatures = newData.start_stop_rankings\n      .filter(item => item.user_selected && item.type === 'end')\n      .map(item => ({ primary: item.screen_signature, secondary_signature_level: 'none' }))\n    const clonedMiningRun = {\n      signatureLevel: 'none',\n      miningType: 'default',\n      fromReport: true,\n      miningParams: {\n        ...miningRun.miningParams,\n        signature_level: 'screen_signature',\n        end_signatures: { signatures: endSignatures },\n        start_signatures: { signatures: startSignatures },\n      },\n      filterRules,\n    }\n    setClonedMiningRun(clonedMiningRun)\n    setShowFormModal(true)\n  }\n\n  const menu = (\n    <Menu bordered={false} dark={true}>\n      {miningRun?.miningParams?.signature_level !== 'signature' && (\n        <MenuItem\n          key='clone-menu-item'\n          onClick={() => {\n            setClonedMiningRun({ ...miningRun, filterRules, miningType })\n            setShowFormModal(true)\n          }}\n        >\n          Clone\n        </MenuItem>\n      )}\n      <MenuItem key='delete-menu-item' onClick={event => event.stopPropagation()}>\n        <Popconfirm\n          cancelText='No'\n          okText='Yes'\n          onConfirm={() => {\n            deleteRunHandler(miningRun.id)\n          }}\n          placement='left-center'\n          title='Are you sure you want to delete this mining run and all of its associated objects?'\n        >\n          {isDeleting ? 'Deleting' : 'Delete'}\n        </Popconfirm>\n      </MenuItem>\n      {miningType !== 'report' && !!miningRun.eventLogExportIds.length && (\n        <MenuItem key='view-exports-menu-item'>\n          <Link to={`/event-log-exports?${miningRun.eventLogExportIds.map(eleId => `ids=${eleId}`).join('&')}`}>\n            View Exports ({miningRun.eventLogExportIds.length})\n          </Link>\n        </MenuItem>\n      )}\n      {miningType !== 'report' && (\n        <ExportMenuItem\n          itemText='Export Mining Run as .csv'\n          exportAPI={`/mining_runs/${miningRun.id}/export`}\n          exportCallback={onReady}\n          exportArgs={miningRun}\n          exportName={`${miningRun.id}-mining_run`}\n          callbackStore={callbackStore}\n        />\n      )}\n      {miningType !== 'report' && !!Object.keys(params).length && (\n        <MenuItem key='explore-link-menu-item'>\n          <Link to={`/events?${qs.stringify(params)}`}>Explore Events</Link>\n        </MenuItem>\n      )}\n      {!isLoadingIntegrations &&\n        integrations.map(integration => (\n          <MenuItem\n            key={`integration-${integration.id}`}\n            onClick={() => handleIntegration({ integrationId: integration.id, objectId: miningRun.id })}\n          >\n            <div>{integration.title}</div>\n          </MenuItem>\n        ))}\n      {miningType === 'report' && status === 'done' && (\n        <Fragment>\n          <MenuItem key='view-report-menu-item'>\n            <Link to={`/process-boundary/${miningRun.id}`}>View Process Boundary Detection</Link>\n          </MenuItem>\n          <MenuItem key='use-report-menu-item' onClick={useReport}>\n            Create Mining Run from Report\n          </MenuItem>\n        </Fragment>\n      )}\n    </Menu>\n  )\n  return <ActionMenu menu={menu} />\n}\n\nexport default ActionsMenu\n","import React, { useState } from 'react'\nimport { Overlay } from '@fortressiq/fiq-ds'\n\nconst miningFilterMap = {\n  all: 'All mining runs',\n  only_favorites: 'Only favorites',\n  only_recipes: 'Only recipes',\n  exclude_recipes: 'Exclude recipes',\n}\n\nconst MiningFilter = ({ miningFilter, setMiningFilter, pagination, setPagination }) => {\n  const [selected, setSelected] = useState(0)\n  const [showing, setShowing] = useState(false)\n  const [miningFilterText, setMiningFilterText] = useState(\n    miningFilter ? miningFilterMap[miningFilter] : 'All mining runs'\n  )\n\n  const heights = {\n    max: 35 * 5,\n  }\n  const widths = {\n    max: 200,\n    min: 200,\n    width: 200,\n  }\n  const config = {\n    disableOutsideClick: false,\n  }\n\n  const trigger = {\n    button: {\n      dropdown: true,\n    },\n    showing: showing,\n    setShowing: setShowing,\n    text: miningFilterText,\n    type: 'default',\n  }\n\n  const menu = Object.entries(miningFilterMap).map(([key, value], i) => {\n    return {\n      selected: selected === i,\n      text: value,\n      onClick: () => {\n        if (value !== 'all') {\n          setMiningFilter(key, 'push')\n        } else {\n          setMiningFilter()\n        }\n        setPagination({ currentPage: 1, pageSize: pagination.pageSize })\n        setMiningFilterText(value)\n        setSelected(i)\n        setShowing(false)\n      },\n    }\n  })\n\n  return (\n    <Overlay\n      id='overlay-mining-filter'\n      menu={menu}\n      trigger={trigger}\n      config={config}\n      heights={heights}\n      widths={widths}\n    />\n  )\n}\n\nexport default MiningFilter\n","import React from 'react'\nimport { useFela, Element } from '@fortressiq/fiq-ds'\n\nimport {\n  metaTextCSS,\n  metaLabelCSS,\n  metaValueCSS,\n  metaValueFilterWrapCSS,\n  metaValueFilterCombinatorCSS,\n  metaTitlesCSS,\n} from './miningRunDetailsStyles'\n\nimport NestedSignatureDetails from './NestedSignatureDetails'\n\nimport { recipeMap } from '../form/RecipesForm'\n\nimport { signatureLevelLabelMap, secondarySignatureLevelLabelMap } from '../form/helpers'\n\nexport const Filter = ({ filterRules, extraLines = undefined }) => {\n  const { css } = useFela()\n\n  if (!filterRules.rules) return null\n  return (\n    <div className={css(metaValueFilterWrapCSS)}>\n      {filterRules.combinator && <p className={css(metaValueFilterCombinatorCSS)}>{filterRules.combinator}</p>}\n      {filterRules.rules\n        .filter(rule => !rule.rules)\n        .map((rule, i) => (\n          <div key={`rule-${rule.value}-${i}`}>\n            {rule.field && (\n              <div>\n                <p className={css(metaTextCSS)}>\n                  <span className={css(metaLabelCSS)}>\n                    {rule.field.replace('_', ' ')} {rule.operator}{' '}\n                  </span>\n                  <span className={css(metaValueCSS)}>{rule.value || \"''\"}</span>\n                </p>\n              </div>\n            )}\n          </div>\n        ))}\n      {filterRules.rules\n        .filter(rule => !!rule.rules)\n        .map((rule, i) => (\n          <div key={`rule-${i}`}>{rule.rules && <Filter filterRules={rule} />}</div>\n        ))}\n      {extraLines &&\n        extraLines.map((item, i) => (\n          <div key={`item-${item.value}-${i}`}>\n            <p className={css(metaTextCSS)}>\n              <span className={css(metaLabelCSS)}>\n                {item.title}\n                {' = '}\n              </span>\n              <span className={css(metaValueCSS)}>{item.value}</span>\n            </p>\n          </div>\n        ))}\n    </div>\n  )\n}\n\nconst MetaItem = ({ itemLabel, itemValue, filterRules, mustIncludes }) => {\n  const { css } = useFela()\n\n  if (mustIncludes) {\n    return (\n      <React.Fragment>\n        <div className={css(metaTitlesCSS)}>Must Includes Signatures:</div>\n        <Element style={{ marginLeft: '-16px' }}>\n          <NestedSignatureDetails mustIncludes={mustIncludes} />\n        </Element>\n      </React.Fragment>\n    )\n  }\n\n  if (filterRules) {\n    return (\n      <React.Fragment>\n        <div className={css(metaTitlesCSS)}>Filter:</div>\n        <Element style={{ marginLeft: '-16px' }}>\n          <Filter filterRules={filterRules} />\n        </Element>\n      </React.Fragment>\n    )\n  }\n\n  return (\n    <p className={css(metaTextCSS)}>\n      <span className={css(metaLabelCSS)}>{itemLabel}: </span>\n      <span className={css(metaValueCSS)}>{itemValue}</span>\n    </p>\n  )\n}\n\nconst MiningRunDetails = ({ miningRun, miningParamsDefaults, applicationsMap }) => {\n  const isApplicationSignature = miningRun.miningParams.signature_level === 'application'\n  const signaturesString = ({ signatures }) => {\n    if (!signatures || signatures.length === 0) {\n      return null\n    }\n    return signatures\n      .map(({ primary, secondary_signature_level: secondarySignatureLevel, secondary }) => {\n        const primaryString = isApplicationSignature && applicationsMap ? applicationsMap[primary] : primary\n        return secondary\n          ? `${primaryString}:${secondary}(${secondarySignatureLevelLabelMap[secondarySignatureLevel]})`\n          : primaryString\n      })\n      ?.join(', ')\n  }\n\n  const {\n    butterfly_count_after: butterflyCountAfter,\n    butterfly_count_before: butterflyCountBefore,\n    butterfly_signatures: butterflySignatures,\n    end_signatures: endSignatures,\n    must_include_signature: mustIncludeSignature,\n    signature_level: signatureLevel,\n    start_signatures: startSignatures,\n  } = miningRun.miningParams\n\n  const signatureLevelLabel = signatureLevelLabelMap[signatureLevel]\n\n  const details = [\n    { label: 'Mining Level', value: signatureLevelLabel },\n    ...(miningRun.recipe ? [{ label: 'Recipe', value: recipeMap[miningRun.recipe.recipe_type] }] : []),\n    ...(startSignatures?.signatures?.length\n      ? [{ label: `Start ${signatureLevelLabel}s`, value: signaturesString(startSignatures) }]\n      : []),\n    ...(endSignatures?.signatures?.length\n      ? [{ label: `End ${signatureLevelLabel}s`, value: signaturesString(endSignatures) }]\n      : []),\n    ...(butterflySignatures?.signatures?.length\n      ? [\n          { label: `Center ${signatureLevelLabel}s`, value: signaturesString(butterflySignatures) },\n          { label: 'Events before', value: butterflyCountBefore },\n          { label: 'Events after', value: butterflyCountAfter },\n        ]\n      : []),\n  ]\n  const itemsToHide = ['butterfly_signatures', 'butterfly_count_before', 'butterfly_count_after']\n\n  const miningParamsDetails = Object.keys(miningParamsDefaults).reduce((acc, key) => {\n    // display only mining params that are not equal to default value\n    if (\n      miningRun.miningParams[key] &&\n      miningParamsDefaults[key].value.toString() !== miningRun.miningParams[key].toString() &&\n      !itemsToHide.includes(key)\n    ) {\n      return [\n        ...acc,\n        {\n          label: miningParamsDefaults[key].label,\n          value:\n            key === 'path_filter_must_include' && miningRun.miningParams[key]\n              ? miningRun.miningParams[key].join(', ')\n              : miningRun.miningParams[key],\n        },\n      ]\n    }\n    return acc\n  }, [])\n\n  return (\n    <div>\n      {details.map(({ label, value }, i) => (\n        <MetaItem key={`detail-${i}`} itemLabel={label} itemValue={value} />\n      ))}\n      {mustIncludeSignature?.signatures?.length || mustIncludeSignature?.nested_signatures?.length ? (\n        <MetaItem itemLabel={`Must Include ${signatureLevelLabel}s`} mustIncludes={mustIncludeSignature} />\n      ) : null}\n      {miningRun.filterRules?.rules && miningRun.filterRules.rules.length !== 0 && (\n        <MetaItem itemLabel='Filter' filterRules={miningRun.filterRules} />\n      )}\n      {miningParamsDefaults &&\n        miningParamsDetails.map(({ label, value }, i) => (\n          <MetaItem key={`advanced-detail-${i}`} itemLabel={label} itemValue={value} />\n        ))}\n    </div>\n  )\n}\n\nMiningRunDetails.propTypes = {}\n\nexport default MiningRunDetails\n","import React from 'react'\nimport { useFela } from '@fortressiq/fiq-ds'\n\nimport {\n  metaTextCSS,\n  metaLabelCSS,\n  metaValueCSS,\n  metaValueFilterWrapCSS,\n  metaValueFilterCombinatorCSS,\n} from './miningRunDetailsStyles'\n\nconst SECONDARY_SIG_LEVEL_MAP = {\n  field: 'Field',\n  value: 'Control Key',\n  none: 'None',\n}\n\nconst NestedSignaturesDetails = ({ mustIncludes }) => {\n  const { css } = useFela()\n\n  return (\n    <div className={css(metaValueFilterWrapCSS)}>\n      {mustIncludes.condition && <p className={css(metaValueFilterCombinatorCSS)}>{mustIncludes.condition}</p>}\n      {mustIncludes.signatures &&\n        mustIncludes.signatures.map((sig, i) => (\n          <div key={`sig-${sig.value}-${i}`}>\n            <div>\n              <p className={css(metaTextCSS)}>\n                <span className={css(metaLabelCSS)}>{sig.primary || ''} </span>\n                <span className={css(metaLabelCSS)}>{sig.secondary ? `: ${sig.secondary}` : ''} </span>\n                <span className={css(metaValueCSS)}>\n                  {sig.secondary_signature_level ? `(${SECONDARY_SIG_LEVEL_MAP[sig.secondary_signature_level]})` : ''}\n                </span>\n              </p>\n            </div>\n          </div>\n        ))}\n      {mustIncludes.nested_signatures &&\n        mustIncludes.nested_signatures.map((sig, i) => (\n          <div key={`sig-${i}`}>\n            <NestedSignaturesDetails mustIncludes={sig} />\n          </div>\n        ))}\n    </div>\n  )\n}\n\nexport default NestedSignaturesDetails\n","import { theme } from '@fortressiq/fiq-ds'\n\nconst sharedTextStyles = {\n  fontFamily: 'IBM Plex Mono',\n  fontSize: '12px',\n  margin: 0,\n}\n\nexport const metaTextCSS = () => ({\n  ...sharedTextStyles,\n  wordBreak: 'break-all',\n})\nexport const metaLabelCSS = () => ({\n  textTransform: 'capitalize',\n})\n\nexport const metaValueCSS = () => ({\n  color: theme['text-light'],\n})\n\nexport const metaValueFilterWrapCSS = () => ({\n  marginLeft: theme['default-spacer-md'],\n})\n\nexport const metaValueFilterCombinatorCSS = () => ({\n  ...sharedTextStyles,\n  textTransform: 'uppercase',\n})\n\nexport const metaTitlesCSS = () => ({\n  fontWeight: '700',\n  fontSize: '10px',\n  marginTop: theme['default-spacer-sm'],\n})\n","import React, { Fragment } from 'react'\nimport { Link, Redirect } from 'react-router-dom'\n\nimport uiStore from 'lib/UiStore'\nimport { useUserState } from 'context/UserContext'\n\nimport { Alert } from '@fortressiq/fiq-ds'\n\nconst NoAccess = ({ children, location }) => {\n  const { name, roles } = useUserState()\n\n  const homeLink = (() => {\n    if (roles.includes('virtual_interviewer')) return '/review'\n    if (roles.includes('limited')) return '/client-dashboard'\n    else return '/'\n  })()\n\n  if (location.pathname === '/') {\n    return <Redirect to={homeLink} />\n  }\n\n  return (\n    <Alert\n      banner={false}\n      closable={false}\n      icon='lock'\n      message={\n        children || (\n          <Fragment>\n            Sorry {name}, but you don&apos;t have access to the page <code>{location.pathname}</code>. Please{' '}\n            <a href={`mailto: ${uiStore.tenant.contactEmail}`}>contact your administrator</a> if you think this is an\n            error.<Link to={homeLink}>Return</Link>\n          </Fragment>\n        )\n      }\n      showIcon={true}\n      style={{ margin: '0 auto', marginTop: '72px', width: 'fit-content' }}\n      type='lock'\n    />\n  )\n}\n\nexport default NoAccess\n","import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport { Button, Element, Table, Label } from '@fortressiq/fiq-ds'\n\nimport CaptureButtons from '../subComponents/CaptureButtons'\nimport AppListInput from './AppListInput'\nimport { ADD_APPLICATION, REMOVE_APPLICATION, TOGGLE_APPLICATION_CAPTURE } from './Constants'\nimport { configureAppsContainerCSS, hrCSS, tableContainerCSS, transparentBG } from './styles'\n\nconst AppList = ({ processCaptureSettings, dispatch }) => {\n  const handleAddList = values => {\n    dispatch({ type: ADD_APPLICATION, values })\n  }\n\n  const onRemoveWindowsProcess = value => {\n    dispatch({ type: REMOVE_APPLICATION, value })\n  }\n\n  const toggleCapture = (value, type, name) => {\n    dispatch({ type: TOGGLE_APPLICATION_CAPTURE, name, captureType: type, value })\n  }\n\n  const columns = [\n    {\n      Header: 'Application Name',\n      accessor: 'name',\n      width: 320,\n    },\n    {\n      Header: 'Toggle Capture',\n      accessor: 'capture',\n      disableSortBy: true,\n      minWidth: 160,\n      width: 160,\n      align: 'right',\n      Cell: ({\n        row: {\n          original: { name, screenshotAllowed, keystrokeAllowed, titleAllowed },\n        },\n      }) => (\n        <CaptureButtons\n          name={name}\n          keystrokeAllowed={keystrokeAllowed}\n          screenshotAllowed={screenshotAllowed}\n          titleAllowed={titleAllowed}\n          toggleCapture={toggleCapture}\n        />\n      ),\n    },\n    {\n      Header: '',\n      accessor: 'actions',\n      disableSortBy: true,\n      minWidth: 35,\n      width: 35,\n      align: 'right',\n      Cell: ({\n        row: {\n          original: { name },\n        },\n      }) => (\n        <Button\n          flat={true}\n          icon='trash'\n          noBorder={true}\n          onClick={() => onRemoveWindowsProcess(name)}\n          style={{ ...transparentBG, padding: 0, '&:hover': { ...transparentBG } }}\n          tooltipProps={{\n            title: 'Delete',\n          }}\n        />\n      ),\n    },\n  ]\n\n  return (\n    <Fragment>\n      <Element as='hr' style={hrCSS} />\n      <Element style={configureAppsContainerCSS}>\n        <Label>Configure Applications</Label>\n        <AppListInput handleAddList={handleAddList} />\n        <Element style={tableContainerCSS}>\n          <Table\n            columns={columns}\n            data={processCaptureSettings}\n            disablePagination={true}\n            disableResizing={true}\n            height={300}\n            verticalBorders={false}\n          />\n        </Element>\n      </Element>\n    </Fragment>\n  )\n}\n\nAppList.propTytpes = {\n  processCaptureSettings: PropTypes.arrayOf(PropTypes.shape({})),\n  dispatch: PropTypes.func.isRequired,\n}\n\nexport default AppList\n","import React, { useState } from 'react'\nimport { func } from 'prop-types'\nimport { Input } from '@fortressiq/fiq-ds'\n\nconst AppListInput = ({ handleAddList }) => {\n  const [appListString, setAppListString] = useState('')\n\n  const addApps = ({ target: { value } }) => {\n    handleAddList(appListString || value)\n    setAppListString('')\n  }\n\n  return (\n    <Input\n      button={true}\n      buttonProps={{\n        children: 'Add',\n        disabled: appListString === '',\n        onClick: addApps,\n        type: 'secondary',\n      }}\n      onChange={({ target: { value } }) => setAppListString(value)}\n      onEnter={e => addApps(e)}\n      id='configObservers-addApplications'\n      placeholder='Add Applications (separated by comma)'\n      style={{ width: '100%' }}\n      value={appListString}\n    />\n  )\n}\n\nAppListInput.propTypes = {\n  handleAddList: func.isRequired,\n}\n\nexport default AppListInput\n","export const ADD_APPLICATION = 'ADD_APPLICATION'\nexport const REMOVE_APPLICATION = 'REMOVE_APPLICATION'\nexport const TOGGLE_APPLICATION_CAPTURE = 'TOGGLE_APPLICATION_CAPTURE'\nexport const SET_APPLICAIONS = 'SET_APPLICATIONS'\n","import React, { useCallback, useState, useEffect, useReducer } from 'react'\nimport { any, arrayOf, func, number, objectOf, oneOfType, shape, string } from 'prop-types'\nimport { Button, ButtonGroup, Checkbox, Element, get, Group, Popconfirm, Spin, theme } from '@fortressiq/fiq-ds'\nimport { stringify } from 'query-string'\n\nimport api from 'lib/Api'\n\nimport ConfigureObserver from 'components/configureObserver/ConfigureObserver'\nimport { LIST_CATEGORIES, LIST_TYPES } from 'components/configureObserver/Constants'\nimport { getConfiguredAllowBlockLists } from 'components/configureObserver/utils'\nimport AppList from './AppList'\n\nimport { emptyContainer } from './styles'\n\nimport { ADD_APPLICATION, REMOVE_APPLICATION, SET_APPLICAIONS, TOGGLE_APPLICATION_CAPTURE } from './Constants'\n\nconst configureFormInit = {\n  applicationListAccessType: LIST_TYPES.NONE.val,\n  applicationListValue: undefined,\n  urlListAccessType: LIST_TYPES.NONE.val,\n  urlListValue: undefined,\n  screenshotAllowed: true,\n  keystrokeAllowed: true,\n  clipboardAllowed: true,\n  processCaptureSettings: [],\n  titleAllowed: true,\n}\n\nfunction getAppHash(processCaptureSettings) {\n  const appHash = {}\n  processCaptureSettings.forEach(app => {\n    appHash[app.name] = {\n      screenshotAllowed: app.screenshotAllowed,\n      keystrokeAllowed: app.keystrokeAllowed,\n      titleAllowed: app.titleAllowed,\n    }\n  })\n  return appHash\n}\n\nfunction eventsReducer(state, action) {\n  switch (action.type) {\n    case SET_APPLICAIONS: {\n      return { processCaptureSettings: [...action.applications] }\n    }\n    case ADD_APPLICATION: {\n      const appHash = getAppHash(state.processCaptureSettings)\n\n      action.values\n        .toLowerCase()\n        .split(',')\n        .filter(app => app)\n        .forEach(value => {\n          appHash[value.trim()] = {\n            screenshotAllowed: appHash[value] ? appHash[value].screenshotAllowed : true,\n            keystrokeAllowed: appHash[value] ? appHash[value].keystrokeAllowed : true,\n            titleAllowed: appHash[value] ? appHash[value].titleAllowed : true,\n          }\n        })\n\n      return { ...state, processCaptureSettings: hashToArray(appHash) }\n    }\n    case REMOVE_APPLICATION: {\n      const appHash = getAppHash(state.processCaptureSettings)\n      delete appHash[action.value]\n      return { ...state, processCaptureSettings: hashToArray(appHash) }\n    }\n    case TOGGLE_APPLICATION_CAPTURE: {\n      const appHash = getAppHash(state.processCaptureSettings)\n\n      appHash[action.name][action.captureType] = action.value\n      return { ...state, processCaptureSettings: hashToArray(appHash) }\n    }\n    default: {\n      return state\n    }\n  }\n}\n\nconst hashToArray = hash => {\n  return Object.keys(hash).map(key => ({\n    name: key,\n    ...hash[key],\n  }))\n}\n\nconst ConfigureModal = ({\n  filter,\n  observerCount,\n  observerId,\n  onOk,\n  onCancel,\n  windowsUser,\n  neoConfigObserverId,\n  reFetch,\n  tenantObserverSettings,\n}) => {\n  const [loading, setLoading] = useState(true)\n  const [tempValues, setTempValues] = useState(configureFormInit)\n  const [originalValues, setOriginalValues] = useState(configureFormInit)\n\n  const [state, dispatch] = useReducer(eventsReducer, { processCaptureSettings: [] })\n\n  const {\n    applicationListAccessType,\n    applicationListValue,\n    urlListAccessType,\n    urlListValue,\n    screenshotAllowed,\n    keystrokeAllowed,\n    clipboardAllowed,\n    titleAllowed,\n    applyToUsers,\n  } = tempValues\n  const [urlLists, setUrlLists] = useState([])\n  const [applicationLists, setApplicationLists] = useState([])\n\n  const observerCountText = observerCount === 1 ? 'Observer' : 'Observers'\n\n  const fetchConfigData = useCallback(async () => {\n    const filters = { observers: [observerId] }\n    const { data } = await api.get('/observers/neo_config_policies', { filters: filters })\n    const first = data[0]?.data?.attributes\n\n    const { url: urlListValueObj, application: applicationListValueObj } = getConfiguredAllowBlockLists(\n      first.allowBlockLists\n    )\n\n    const newUrlListAccessType = urlListValueObj?.accessType || LIST_TYPES.NONE.val\n\n    const newAppListAccessType = applicationListValueObj?.accessType || LIST_TYPES.NONE.val\n\n    const newFormValues = {\n      ...first,\n      urlListAccessType: newUrlListAccessType,\n      urlListValue: urlListValueObj?.id,\n      applicationListAccessType: newAppListAccessType,\n      applicationListValue: applicationListValueObj?.id,\n      applyToUsers: !!neoConfigObserverId,\n    }\n    setTempValues(newFormValues)\n    setOriginalValues(newFormValues)\n    dispatch({ type: SET_APPLICAIONS, applications: newFormValues.processCaptureSettings })\n    setLoading(false)\n  }, [observerId, neoConfigObserverId])\n\n  const fetchUrlAllowAndBlockLists = useCallback(async () => {\n    const urlListResponse = await api.get('/allow_block_lists', { category_type: LIST_CATEGORIES.URL })\n    setUrlLists(urlListResponse.data.allowBlockList)\n\n    const applicationListResponse = await api.get('/allow_block_lists', { category_type: LIST_CATEGORIES.APPLICATION })\n    setApplicationLists(applicationListResponse.data.allowBlockList)\n\n    if (observerId) fetchConfigData()\n    else {\n      setTempValues(configureFormInit)\n      setLoading(false)\n    }\n  }, [observerId, fetchConfigData])\n\n  useEffect(() => {\n    fetchUrlAllowAndBlockLists()\n  }, [fetchUrlAllowAndBlockLists])\n\n  const onChange = (key, value) => {\n    const newFormValues = { ...tempValues }\n    newFormValues[key] = value\n    setTempValues(newFormValues)\n  }\n\n  const accessTypeOnChange = (key, type, value) => {\n    const listValue = `${type}ListValue`\n    const newFormValues = { ...tempValues }\n    newFormValues[listValue] = null\n    newFormValues[key] = value\n    setTempValues(newFormValues)\n  }\n\n  const reset = () => {\n    dispatch({ type: SET_APPLICAIONS, applications: originalValues?.processCaptureSettings || [] })\n    setTempValues(originalValues)\n  }\n\n  const handleConfigure = async () => {\n    const allowBlockLists = []\n    if (urlListValue) allowBlockLists.push({ id: urlListValue, type: LIST_CATEGORIES.URL })\n    if (applicationListValue) allowBlockLists.push({ id: applicationListValue, type: LIST_CATEGORIES.APPLICATION })\n\n    const newConfig = {\n      clipboardAllowed: clipboardAllowed || false,\n      keystrokeAllowed: keystrokeAllowed || false,\n      screenshotAllowed: screenshotAllowed || false,\n      allowBlockLists,\n      windowProcessCaptures: state.processCaptureSettings,\n      titleAllowed: titleAllowed || false,\n    }\n\n    const filtersParams = { ...filter }\n    if (!applyToUsers && observerId) filtersParams.observers = [observerId]\n    if (windowsUser && applyToUsers) filtersParams.usernames = [windowsUser]\n    const filters = stringify({ filters: JSON.stringify({ ...filtersParams }) })\n    await api.put(`/observers/neo_config_policies?${filters}`, newConfig, false)\n\n    if (windowsUser) {\n      const encodedWindowUser = encodeURIComponent(windowsUser).replace(/\\./g, '%252E')\n      if (!applyToUsers) {\n        await api.put(`/windows_username/${encodedWindowUser}`, {\n          windows_username: encodedWindowUser,\n          neo_config_observer_id: null,\n        })\n      } else if (tenantObserverSettings) {\n        await api.put(`/windows_username/${encodedWindowUser}`, {\n          windows_username: encodedWindowUser,\n          neo_config_observer_id: observerId,\n        })\n      } else {\n        await api.post('/windows_username', {\n          windows_username: encodedWindowUser,\n          neo_config_observer_id: observerId,\n        })\n      }\n    }\n\n    onOk()\n    reFetch()\n  }\n\n  const isSubmitDisabled = () => {\n    const urlListNotFilled = urlListAccessType !== LIST_TYPES.NONE.val && !urlListValue\n    const applicationListNotFilled = applicationListAccessType !== LIST_TYPES.NONE.val && !applicationListValue\n    return urlListNotFilled || applicationListNotFilled\n  }\n\n  if (loading) {\n    return (\n      <Spin\n        color={theme['gray-tints-0']}\n        containerStyle={emptyContainer}\n        size={get.numericValues('spacer').lg}\n        strokeWidth={2}\n      >\n        Loading&hellip;\n      </Spin>\n    )\n  }\n\n  return (\n    <Element style={{ padding: `0 ${theme['default-spacer-md']} ${theme['default-spacer-xs']}` }}>\n      <ConfigureObserver\n        screenshotAllowed={screenshotAllowed}\n        titleAllowed={titleAllowed}\n        keystrokeAllowed={keystrokeAllowed}\n        clipboardAllowed={clipboardAllowed}\n        urlLists={urlLists}\n        urlListValue={urlListValue}\n        urlListAccessType={urlListAccessType}\n        accessTypeOnChange={accessTypeOnChange}\n        applicationLists={applicationLists}\n        applicationListValue={applicationListValue}\n        applicationListAccessType={applicationListAccessType}\n        onChange={onChange}\n      />\n      <AppList processCaptureSettings={state.processCaptureSettings} dispatch={dispatch} />\n      {windowsUser && (\n        <Checkbox\n          style={{ marginTop: theme['default-spacer-md'] }}\n          checked={applyToUsers}\n          onCheck={value => onChange('applyToUsers', value)}\n        >\n          Use configuration for observers owned by this user ({windowsUser})\n        </Checkbox>\n      )}\n      <Group noEndGutter={true} justify='flex-end' style={{ marginTop: theme['default-spacer-lg'] }}>\n        <Button type='link' onClick={reset}>\n          Reset\n        </Button>\n        <ButtonGroup>\n          <Button onClick={onCancel}>Cancel</Button>\n          {observerCount > 1 ? (\n            <Popconfirm\n              onConfirm={handleConfigure}\n              disabled={isSubmitDisabled()}\n              title={`This will configure ${observerCount} observers.  Continue?`}\n            >\n              <Button type='secondary' disabled={isSubmitDisabled()}>\n                Configure {observerCount} {observerCountText}\n              </Button>\n            </Popconfirm>\n          ) : (\n            <Button type='secondary' onClick={handleConfigure} disabled={isSubmitDisabled()}>\n              Configure\n            </Button>\n          )}\n        </ButtonGroup>\n      </Group>\n    </Element>\n  )\n}\n\nConfigureModal.propTypes = {\n  filter: shape({\n    tags: arrayOf(string),\n    observers: arrayOf(string),\n  }),\n  neoConfigObserverId: number,\n  observerCount: number.isRequired,\n  observerId: oneOfType([number, string, null, undefined]),\n  onOk: func.isRequired,\n  onCancel: func.isRequired,\n  reFetch: func,\n  tenantObserverSettings: oneOfType([objectOf(any), undefined]),\n}\n\nConfigureModal.defaultProps = {\n  filter: {},\n  neoConfigObserverId: undefined,\n  observerId: undefined,\n  reFetch: () => null,\n}\n\nexport default ConfigureModal\n","/* eslint-disable import/prefer-default-export */\nimport { theme } from '@fortressiq/fiq-ds'\n\nexport const hrCSS = () => ({\n  borderColor: theme['ui-line-default'],\n  borderStyle: 'solid',\n  marginBottom: theme['default-spacer-lg'],\n})\n\nexport const configureAppsContainerCSS = () => ({\n  background: theme['field-bg-dark'],\n  border: `1px solid ${theme['antd-card-border']}`,\n  borderRadius: theme['border-radius-base'],\n  padding: theme['default-spacer-md'],\n})\n\nexport const tableContainerCSS = () => ({\n  background: theme.white,\n  borderRadius: theme['border-radius-base'],\n  height: '150px',\n  overflow: 'auto',\n  marginTop: theme['default-spacer-md'],\n})\n\nexport const transparentBG = {\n  background: 'transparent',\n}\n\nexport const emptyContainer = {\n  alignItems: 'center',\n  display: 'flex',\n  height: '680px',\n  justifyContent: 'center',\n  maxHeight: '80vh',\n}\n\nexport const errorCSS = () => ({\n  color: theme['color-red'],\n  fontSize: theme['font-size-xs'],\n  margin: `${theme['default-spacer-xs']} 0`,\n  '&:last-child': { marginBottom: '0' },\n})\n","import React, { Fragment, useEffect, useCallback, useState } from 'react'\nimport { AdvancedCell, Badge, Button, defaultModalConfig, useFela, useModal, Select } from '@fortressiq/fiq-ds'\nimport { Link } from 'react-router-dom'\nimport filesize from 'filesize'\nimport { parse } from 'query-string'\n\nimport { useFetch } from 'lib/hooks'\nimport Tags from 'components/tags/Tags'\n\nimport Can, { roleActionCheck } from 'components/can/Can'\nimport TrinityTable from 'components/TrinityTable'\n\nimport { useUserState } from 'context/UserContext'\n\nimport { useHeaderDispatch } from 'app/header/HeaderContext'\n\nimport DataMetricsCards from './subComponents/DataMetricsCards'\nimport downloadCSV from './common/downloadCSV'\nimport { constructStats, timeOptions } from './common/Util'\n\nimport ActionsMenu from './subComponents/ActionsMenu'\nimport FirstDetected from './subComponents/FirstDetected'\nimport LastDetected from './subComponents/LastDetected'\nimport MiniSparkByte from './subComponents/MiniSparkByte'\nimport MiniSparkEvent from './subComponents/MiniSparkEvent'\nimport ConfigureModal from './ConfigureModal'\n\nimport { overviewContainerCSS } from './styles/index.js'\n\nconst sortKeyMap = {\n  firstSeenAt: 'first_seen_at',\n  lastSeenAt: 'last_seen_at',\n  user: 'windows_username',\n}\n\nconst observersModalConfig = {\n  config: {\n    ...defaultModalConfig,\n    interactWithKeyboard: {\n      closeOnEnter: false,\n      closeOnEscape: false,\n    },\n  },\n  footer: false,\n  style: { maxWidth: '80%', width: '640px' },\n  bodyStyle: { maxHeight: '80vh', overflow: 'scroll' },\n}\n\nconst Observers = ({ location: { search } }) => {\n  const [tenantObserverSettings, setTenantObserverSettings] = useState({})\n  const [statsRange, setStatsRange] = useState(timeOptions[120].value)\n  const [observerCount, setObserverCount] = useState(0)\n  const [reFetch, setRefetch] = useState(0)\n  const { addModal, removeModal } = useModal()\n  const { roles } = useUserState()\n  const modalID = 'configure-observers-modal'\n  const { css } = useFela()\n  const configureObserversText = `Configure ${observerCount} ${observerCount === 1 ? 'Observer' : 'Observers'}`\n\n  const { data: { integrations = [] } = {}, isLoadingIntegrations } = useFetch('/dynamic_integrations/observer/list')\n\n  const constructData = useCallback(\n    data => {\n      setTenantObserverSettings(data.tenantObserverSettings)\n      return data.observers.map(item => {\n        const statsByDay = item.statsByDay ? item.statsByDay : {}\n        const observerStats = constructStats(statsByDay)\n        return {\n          ...item,\n          dataCollected: { data: observerStats.sizes, total: filesize(item.stats.bytes) },\n          eventsCollected: { data: observerStats.events, total: item.stats.events },\n        }\n      })\n    },\n    [setTenantObserverSettings]\n  )\n\n  const headerDispatch = useHeaderDispatch()\n  useEffect(() => {\n    const timeRangeOptions = Object.values(timeOptions)\n    const selectOptions = []\n    timeRangeOptions.map(t => selectOptions.push(t))\n    let selectedOption\n\n    timeRangeOptions.map(t => {\n      if (t.value === statsRange) {\n        selectedOption = t\n      }\n\n      return null\n    })\n\n    headerDispatch({\n      type: 'set',\n      heading: 'Observer Activity',\n      title: 'Observer Activity',\n      toolbarActions: (\n        <Select\n          defaultValue={selectedOption}\n          key='stats-range-picker'\n          onChange={({ value }) => setStatsRange(value)}\n          options={selectOptions}\n          style={{ width: '200px' }}\n        />\n      ),\n    })\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n      removeModal(modalID)\n    }\n  }, [headerDispatch, statsRange, modalID, removeModal])\n\n  const openConfigModal = () => {\n    let observersFilter = {}\n\n    if (parse(search)?.globalFilter) {\n      observersFilter = JSON.parse(parse(search).globalFilter)\n    }\n    addModal({\n      children: (\n        <ConfigureModal\n          filter={observersFilter}\n          observerCount={observerCount}\n          observerId={null}\n          onOk={removeModal}\n          onCancel={removeModal}\n        />\n      ),\n      ...observersModalConfig,\n      header: configureObserversText,\n      id: modalID,\n    })\n  }\n\n  const getObserverCount = data => setObserverCount(data.totalCount)\n\n  const sharedChartCellProps = {\n    disableResizing: true,\n    disableSortBy: true,\n    cellStyle: { alignItems: 'flex-start', flexDirection: 'column' },\n    width: 216,\n  }\n  const columns = [\n    {\n      Header: 'Id',\n      accessor: 'id',\n      width: 70,\n      minWidth: 70,\n      Cell: ({ value }) => (\n        <AdvancedCell copyTextOverride={value}>\n          <Link to={`/observers/${value}/`}>{value}</Link>\n        </AdvancedCell>\n      ),\n    },\n    {\n      Header: 'Name',\n      accessor: 'name',\n      Cell: ({\n        value,\n        row: {\n          original: { id },\n        },\n      }) => (\n        <AdvancedCell copyTextOverride={value}>\n          <Link to={`/observers/${id}/`}>{value}</Link>\n        </AdvancedCell>\n      ),\n    },\n    {\n      Header: 'Machine',\n      accessor: 'machine',\n      Cell: ({ value }) => <AdvancedCell>{value}</AdvancedCell>,\n    },\n    {\n      accessor: 'user',\n      Header: 'User',\n      Cell: ({ value }) => <AdvancedCell>{value}</AdvancedCell>,\n    },\n    {\n      Header: 'Tags',\n      accessor: 'tags',\n      disableSortBy: true,\n      Cell: ({\n        value: tags,\n        row: {\n          original: { id },\n        },\n      }) => <Tags key={`tags-${id}`} taggableType='observer' taggableId={id} tags={tags} />,\n    },\n    {\n      Header: 'Date Connected',\n      accessor: 'firstSeenAt',\n      Cell: ({\n        value,\n        row: {\n          original: { status },\n        },\n      }) => FirstDetected({ firstSeenAt: value, status: status }),\n    },\n    {\n      Header: 'Last Detected',\n      accessor: 'lastSeenAt',\n      Cell: ({ value }) => <LastDetected lastSeenAt={value} />,\n    },\n    {\n      Header: 'Total Data Collected',\n      accessor: 'dataCollected',\n      Cell: ({ row: { id }, value }) => (\n        <MiniSparkByte data={value.data} id={`min-total-collected-sparkline-${id}`} total={value.total} />\n      ),\n      ...sharedChartCellProps,\n    },\n    {\n      Header: 'Total Events',\n      accessor: 'eventsCollected',\n      Cell: ({\n        row: {\n          id,\n          original: { name },\n        },\n        value,\n      }) => (\n        <MiniSparkEvent\n          observerName={name}\n          data={value.data}\n          id={`mini-total-events-sparkline-${id}`}\n          total={value.total}\n        />\n      ),\n      ...sharedChartCellProps,\n    },\n    {\n      Header: 'Recording',\n      accessor: 'neoActive',\n      width: 120,\n      disableSortBy: true,\n      Cell: ({ value: neoActive }) =>\n        neoActive ? (\n          <Fragment>\n            <Badge status='success' />\n            Enabled\n          </Fragment>\n        ) : (\n          <Fragment>\n            <Badge status='default' />\n            Disabled\n          </Fragment>\n        ),\n    },\n    ...(roleActionCheck('/observer:configure-neo', roles)\n      ? [\n          {\n            Header: 'Actions',\n            accessor: 'actions',\n            width: 75,\n            align: 'center',\n            disableSortBy: true,\n            cellStyle: { overflow: 'visible' },\n            Cell: ({\n              row: {\n                index: rowIndex,\n                original: { id, neoActive, user, name },\n              },\n              updateCellData,\n            }) => (\n              <ActionsMenu\n                id={id}\n                integrations={integrations}\n                isLoadingIntegrations={isLoadingIntegrations}\n                name={name}\n                neoActive={neoActive}\n                observersModalConfig={observersModalConfig}\n                reFetch={() => setRefetch(reFetch + 1)}\n                rowIndex={rowIndex}\n                setTenantObserverSettings={setTenantObserverSettings}\n                tenantObserverSettings={tenantObserverSettings}\n                updateCellData={updateCellData}\n                user={user}\n              />\n            ),\n          },\n        ]\n      : []),\n  ]\n\n  return (\n    <Fragment>\n      <div className={css(overviewContainerCSS)}>\n        <DataMetricsCards statsRange={statsRange} />\n      </div>\n      <TrinityTable\n        toolbarActions={[\n          <Can key='configure-observers' perform='/observer:configure-neo'>\n            <Button disabled={observerCount < 1} icon='pencil' onClick={openConfigModal}>\n              {configureObserversText}\n            </Button>\n          </Can>,\n          <Button key='download-csv' icon='downloadbutton' onClick={() => downloadCSV(search)} type='secondary'>\n            Download CSV\n          </Button>,\n        ]}\n        reFetch={reFetch}\n        getTableData={getObserverCount}\n        globalFilterOptions={['observersTags', 'observers', 'user']}\n        sortKeyMap={sortKeyMap}\n        columns={columns}\n        url='/observers'\n        constructData={constructData}\n        tableId='observers-table'\n      />\n    </Fragment>\n  )\n}\n\nObservers.propTypes = {}\n\nexport default Observers\n","import React from 'react'\nimport { Element, theme } from '@fortressiq/fiq-ds'\n\nconst Metric = ({ children }) => (\n  <Element\n    style={{\n      background: theme.white,\n      border: `1px solid ${theme['antd-card-border']}`,\n      height: '400px',\n      margin: `${theme['default-spacer-md']} auto 0`,\n      padding: `${theme['default-spacer-md']} ${theme['default-spacer-sm']} 0`,\n      position: 'relative',\n      width: '90%',\n    }}\n  >\n    {children}\n  </Element>\n)\n\nexport default Metric\n","import {\n  addDays,\n  addHours,\n  addMonths,\n  differenceInDays,\n  differenceInHours,\n  differenceInMonths,\n  format,\n  startOfDay,\n  startOfHour,\n  startOfMonth,\n} from 'date-fns'\n\nimport { FNS_DATE_FORMAT_SHORT, FNS_TIME_FORMAT_SHORT, DATE_TIME_FORMAT_TWENTYFOUR_HOUR } from 'constants/app-constants'\n\nexport const timeOptions = {\n  1: { value: 1, label: 'Last 24 Hrs' },\n  7: { value: 7, label: 'Last 7 days' },\n  30: { value: 30, label: 'Last month' },\n  120: { value: 120, label: 'Last 4 months' },\n  365: { value: 365, label: 'Last Year' },\n}\n\nexport const observerActions = {\n  SET_STATS: 'SET_STATS',\n  SET_OBSERVERS: 'SET_OBSERVERS',\n  SET_DAY_STATS: 'SET_DAY_STATS',\n  OPTION_CHANGED: 'OPTION_CHANGED',\n  NEO_STATUS_CHANGE: 'NEO_STATUS_CHANGE',\n}\n\nexport const timeSteps = {\n  HOUR: 'hour',\n  DAY: 'day',\n  MONTH: 'month',\n}\n\nexport const getTimeFormat = step => {\n  let timeFormat = FNS_DATE_FORMAT_SHORT\n  if (step === timeSteps.HOUR) {\n    timeFormat = FNS_TIME_FORMAT_SHORT\n  }\n  return {\n    timeFormat,\n  }\n}\n\nconst addTime = (step, time) => {\n  if (step === timeSteps.HOUR) {\n    return addHours(time, 1)\n  } else if (step === timeSteps.DAY) {\n    return addDays(time, 1)\n  } else if (step === timeSteps.MONTH) {\n    return addMonths(time, 1)\n  }\n}\n\nexport const constructStats = (stats, time = null, step = timeSteps.DAY, total = 120) => {\n  const events = []\n  const sizes = []\n  const { timeFormat } = getTimeFormat(step)\n  // if time is not given, use the earliest entry in stats\n\n  if (!time) {\n    const now = new Date()\n    if (step === timeSteps.HOUR) {\n      time = startOfHour(new Date(Object.keys(stats)[0]))\n      total = differenceInHours(now, time) + 1\n    } else if (step === timeSteps.DAY) {\n      time = startOfDay(new Date(Object.keys(stats)[0]))\n      total = differenceInDays(now, time) + 1\n    } else if (step === timeSteps.MONTH) {\n      time = startOfMonth(new Date(Object.keys(stats)[0]))\n      total = differenceInMonths(now, time) + 1\n    }\n  }\n  for (let i = 0; i < total; i += 1) {\n    const lookUpKey = `${format(time, DATE_TIME_FORMAT_TWENTYFOUR_HOUR)} UTC`\n    events.push({\n      label: format(time, timeFormat),\n      value: stats[lookUpKey] ? stats[lookUpKey].events : 0,\n    })\n    sizes.push({\n      label: format(time, timeFormat),\n      value: stats[lookUpKey] ? stats[lookUpKey].bytes : 0,\n    })\n    time = addTime(step, time)\n  }\n  return {\n    events,\n    sizes,\n  }\n}\n\nexport const getFillerForDateArray = (difference, start, step = timeSteps.DAY) => {\n  const filler = []\n  if (difference > 0) {\n    let time = null\n    const startTime = new Date(start)\n    if (step === timeSteps.HOUR) {\n      time = startOfHour(startTime)\n    } else if (step === timeSteps.DAY) {\n      time = startOfDay(startTime)\n    } else if (step === timeSteps.MONTH) {\n      time = startOfMonth(startTime)\n    }\n    const { timeFormat } = getTimeFormat(step)\n    for (let i = 0; i < difference; i += 1) {\n      filler.unshift({\n        time: format(time, timeFormat),\n        value: 0,\n      })\n      time = addTime(step, time)\n    }\n  }\n  return filler\n}\n","import Localizer from 'lib/Localizer'\nimport uiStore from 'lib/UiStore'\nimport api from 'lib/Api'\nimport { parse } from 'query-string'\nimport { JsonParam, decodeQueryParams } from 'use-query-params'\n\nconst downloadCSV = async query => {\n  const { globalFilter } = decodeQueryParams({ globalFilter: JsonParam }, parse(query))\n  function saveFile(data, filename, mimetype) {\n    if (!data) return\n    const blob = data.constructor !== Blob ? new Blob([data], { type: mimetype || 'application/octet-stream' }) : data\n    if (navigator.msSaveBlob) {\n      navigator.msSaveBlob(blob, filename)\n      return\n    }\n    const lnk = document.createElement('a')\n    const url = window.URL\n    if (mimetype) {\n      lnk.type = mimetype\n    }\n    lnk.download = filename || 'untitled'\n    lnk.href = url.createObjectURL(blob)\n    lnk.dispatchEvent(new MouseEvent('click'))\n    setTimeout(url.revokeObjectURL.bind(url, lnk.href))\n  }\n  const columns = [\n    'id',\n    'name',\n    'machine',\n    'user',\n    'tags',\n    'firstSeenAt',\n    'lastSeenAt',\n    'totalByteSum',\n    'totalEventSum',\n  ]\n  const params = {\n    per_page: 1000,\n    page: 1,\n    filters: { ...globalFilter },\n  }\n  const {\n    data: { observers },\n  } = await api.get('/observers', params)\n  const items = observers.map(observer => ({\n    ...observer,\n    totalByteSum: observer.stats.bytes,\n    totalEventSum: observer.stats.events,\n  }))\n  const replacer = (key, value) => (value === null ? '' : value)\n  let csv = items.map(row =>\n    columns\n      .map(fieldName => {\n        switch (fieldName) {\n          case 'firstSeenAt':\n            return JSON.stringify(Localizer.asDate(row[fieldName]), replacer).replace(/\\\\\"/g, '\"\"')\n          case 'lastSeenAt':\n            return JSON.stringify(Localizer.asDate(row[fieldName]) || '--', replacer).replace(/\\\\\"/g, '\"\"')\n          case 'tags': {\n            const firstTag = row.tags?.shift()?.name\n            const tagString = row.tags?.reduce((acc, tag) => `${acc},${tag.name}`, firstTag)\n            if (tagString) return JSON.stringify(tagString, replacer).replace(/\\\\\"/g, '\"\"')\n            return ''\n          }\n          default:\n            return JSON.stringify(row[fieldName], replacer).replace(/\\\\\"/g, '\"\"')\n        }\n      })\n      .join(',')\n  )\n  csv.unshift(\n    '\"Observer ID\",\"Observer Name\",\"Machine ID\",\"User\",\"Tags\",\"Date Connected\",\"Last Detected\",\"Total Data Collected\",\"Total Events\"'\n  )\n  csv = csv.join('\\r\\n')\n  const blobData = new Blob([csv])\n  saveFile(blobData, `${uiStore.tenant.name}-observers.csv`)\n}\n\nexport default downloadCSV\n","export const overviewContainerCSS = ({ theme }) => ({\n  background: theme['legacy-color-gray'],\n  borderBottom: `1px solid ${theme['antd-card-border']}`,\n  padding: theme['default-spacer-lg'],\n})\n\nexport const giftCSS = () => ({\n  marginRight: '5px',\n  position: 'relative',\n  top: 0,\n})\n\nexport const sparkTextCSS = () => ({\n  minWidth: '50px',\n})\nexport const actionsIconCSS = () => ({\n  marginRight: '19px',\n})\n","import React, { useState } from 'react'\nimport { Icon, Overlay, theme, useModal } from '@fortressiq/fiq-ds'\nimport PropTypes from 'prop-types'\nimport { stringify } from 'query-string'\n\nimport { addPXSuffix } from 'helpers'\nimport handleIntegration from 'app/admin/integrations/helpers/handleIntegration'\nimport api from 'lib/Api'\nimport ConfigureModal from '../ConfigureModal'\n\nconst ActionsMenu = ({\n  id,\n  name,\n  rowIndex,\n  updateCellData,\n  neoActive,\n  user,\n  tenantObserverSettings,\n  setTenantObserverSettings,\n  reFetch,\n  integrations,\n  isLoadingIntegrations,\n  observersModalConfig,\n}) => {\n  const [actionsShowing, setActionsShowing] = useState({})\n\n  const { addModal, removeModal } = useModal()\n  const modalID = 'configure-observer-modal'\n\n  const setShowing = showing => {\n    setActionsShowing({ ...actionsShowing, [id]: showing })\n  }\n\n  const handleConfigureObserver = () => {\n    removeModal(modalID)\n  }\n  const handleCancelConfigureObserver = () => {\n    removeModal(modalID)\n  }\n\n  const openConfigureModal = () => {\n    addModal({\n      children: (\n        <ConfigureModal\n          observerCount={1}\n          onCancel={handleCancelConfigureObserver}\n          onOk={handleConfigureObserver}\n          observerId={id}\n          windowsUser={user}\n          neoConfigObserverId={tenantObserverSettings && tenantObserverSettings[user]?.neo_config_observer_id}\n          reFetch={reFetch}\n          tenantObserverSettings={tenantObserverSettings && tenantObserverSettings[user]}\n        />\n      ),\n      ...observersModalConfig,\n      header: `Configure ${name}`,\n      id: modalID,\n    })\n  }\n\n  const toggleRecordAllForUser = async () => {\n    const currentRecordSetting = tenantObserverSettings[user]?.activate_new_observers || false\n    const encodedWindowUser = encodeURIComponent(user).replace(/\\./g, '%252E')\n    const { data } = await api.put(`/windows_username/${encodedWindowUser}`, {\n      windows_username: encodedWindowUser,\n      activate_new_observers: !currentRecordSetting,\n    })\n    setTenantObserverSettings({ ...tenantObserverSettings, [user]: data })\n  }\n\n  const setIfBaseConfig = async () => {\n    const currentUserNeoConfigSetting = tenantObserverSettings[user]?.neo_config_observer_id || false\n    const currentRecordSetting = tenantObserverSettings[user]?.activate_new_observers || false\n    const encodedWindowUser = encodeURIComponent(user).replace(/\\./g, '%252E')\n    if (currentUserNeoConfigSetting) {\n      await api.put(`/windows_username/${encodedWindowUser}`, {\n        windows_username: encodedWindowUser,\n        neo_config_observer_id: null,\n        activate_new_observers: currentRecordSetting,\n      })\n    } else {\n      const filters = { observers: [id] }\n      const { data } = await api.get('/observers/neo_config_policies', { filters: filters })\n      const {\n        clipboardAllowed,\n        keystrokeAllowed,\n        screenshotAllowed,\n        titleAllowed,\n        allowBlockLists,\n        windowProcessCaptures,\n      } = data[0]?.data?.attributes || {}\n\n      const params = {\n        clipboardAllowed,\n        keystrokeAllowed,\n        screenshotAllowed,\n        titleAllowed,\n        allowBlockLists,\n        windowProcessCaptures,\n      }\n      await api.put(\n        `/observers/neo_config_policies?${stringify({ filters: JSON.stringify({ usernames: [user] }) })}`,\n        params,\n        false\n      )\n\n      await api.put(`/windows_username/${encodedWindowUser}`, {\n        windows_username: encodedWindowUser,\n        neo_config_observer_id: id,\n        activate_new_observers: currentRecordSetting,\n      })\n    }\n    reFetch()\n  }\n\n  const setNeoStatus = async active => {\n    const { data } = await api.put(`/observers/${id}/neo`, { active })\n    updateCellData(rowIndex, 'neoActive', data.active)\n  }\n\n  const widthOfDropdown = 420\n  const widthofArrowCol = 28\n  const sharedTooltipProps = {\n    mouseEnterDelay: 3000,\n    placement: 'left-center',\n  }\n  const menuTexts = [\n    'Start Recording',\n    'Stop Recording',\n    tenantObserverSettings && tenantObserverSettings[user]?.neo_config_observer_id\n      ? \"Do Not Use Configuration for This User's Observers\"\n      : \"Use Configuration for This User's Observers\",\n    tenantObserverSettings && tenantObserverSettings[user]?.activate_new_observers\n      ? 'Do Not Automatically Record New Observers For This User'\n      : 'Automatically Record New Observers For This User',\n    'Configure',\n  ]\n\n  return (\n    <Overlay\n      config={{\n        disableOutsideClick: false,\n        content: {\n          style: {\n            '> .fiqds-overlay-dropdown-container': {\n              position: 'relative',\n            },\n          },\n        },\n        dropdown: {\n          closeOnRowClick: true,\n        },\n      }}\n      dark={true}\n      dropdownStyle={{\n        left: addPXSuffix(-widthOfDropdown + 26),\n        overflow: 'auto',\n        position: 'relative',\n        top: 0,\n        width: addPXSuffix(widthOfDropdown),\n      }}\n      id={`observer-${id}-actions`}\n      menu={[\n        {\n          disabled: neoActive,\n          icon: 'playcircle',\n          iconProps: {\n            fill: 'transparent',\n            color: neoActive ? theme['text-vlight'] : theme.white,\n            size: 12,\n            textColor: neoActive ? theme['text-vlight'] : theme.white,\n          },\n          onClick: () => setNeoStatus(true),\n          text: menuTexts[0],\n          tooltip: {\n            ...sharedTooltipProps,\n            title: menuTexts[0],\n          },\n        },\n        {\n          disabled: !neoActive,\n          icon: 'stop',\n          iconProps: {\n            fill: 'transparent',\n            color: !neoActive ? theme['text-vlight'] : theme.white,\n            size: 12,\n          },\n          onClick: () => setNeoStatus(false),\n          text: menuTexts[1],\n          tooltip: {\n            ...sharedTooltipProps,\n            title: menuTexts[1],\n          },\n        },\n        {\n          icon: 'playcircle',\n          iconProps: {\n            fill:\n              tenantObserverSettings && tenantObserverSettings[user]?.neo_config_observer_id\n                ? theme['success-color']\n                : theme['fiq-red'],\n            color: 'transparent',\n            size: 12,\n            textColor:\n              tenantObserverSettings && tenantObserverSettings[user]?.neo_config_observer_id\n                ? theme['success-color']\n                : theme['fiq-red'],\n          },\n          onClick: setIfBaseConfig,\n          text: menuTexts[2],\n          tooltip: {\n            ...sharedTooltipProps,\n            title: menuTexts[2],\n          },\n        },\n        {\n          onClick: toggleRecordAllForUser,\n          icon: 'playcircle',\n          iconProps: {\n            fill:\n              tenantObserverSettings && tenantObserverSettings[user]?.activate_new_observers\n                ? theme['success-color']\n                : theme['fiq-red'],\n            color: 'transparent',\n            size: 12,\n            textColor:\n              tenantObserverSettings && tenantObserverSettings[user]?.activate_new_observers\n                ? theme['success-color']\n                : theme['fiq-red'],\n          },\n          text: menuTexts[3],\n          tooltip: {\n            ...sharedTooltipProps,\n            title: menuTexts[3],\n          },\n        },\n        {\n          onClick: openConfigureModal,\n          text: menuTexts[4],\n          tooltip: {\n            ...sharedTooltipProps,\n            title: menuTexts[4],\n          },\n        },\n        ...(!isLoadingIntegrations &&\n          integrations.map(integration => ({\n            onClick: () => handleIntegration({ integrationId: integration.id, objectId: id }),\n            text: integration.title,\n            tooltip: {\n              ...sharedTooltipProps,\n              title: integration.title,\n            },\n          }))),\n      ]}\n      trigger={{\n        setShowing: setShowing,\n        node: (\n          <Icon\n            clickable={true}\n            icon={actionsShowing[id] ? 'arrowup' : 'chevron'}\n            size='small'\n            style={{ marginRight: addPXSuffix(8), position: 'relative', left: addPXSuffix(8) }}\n          />\n        ),\n        showing: actionsShowing[id],\n        type: 'primary',\n      }}\n      widths={{\n        max: 'auto',\n        min: widthofArrowCol,\n        width: widthofArrowCol,\n      }}\n    />\n  )\n}\n\nActionsMenu.defaultProps = {\n  isLoadingIntegrations: undefined,\n  tenantObserverSettings: undefined,\n  integrations: undefined,\n}\n\nActionsMenu.propTypes = {\n  id: PropTypes.number.isRequired,\n  rowIndex: PropTypes.number.isRequired,\n  updateCellData: PropTypes.func.isRequired,\n  neoActive: PropTypes.bool.isRequired,\n  user: PropTypes.string.isRequired,\n  tenantObserverSettings: PropTypes.shape(),\n  reFetch: PropTypes.func.isRequired,\n  isLoadingIntegrations: PropTypes.bool,\n  integrations: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number,\n      title: PropTypes.string,\n    })\n  ),\n}\n\nexport default ActionsMenu\n","import React from 'react'\nimport { Button, Group, Icon, theme } from '@fortressiq/fiq-ds'\n\nconst CaptureButtons = ({ name, toggleCapture, keystrokeAllowed, screenshotAllowed, titleAllowed }) => {\n  const CaptureButton = ({ icon, title, captureType, toggleOn }) => (\n    <Button\n      icon={icon}\n      prefixIconProps={{\n        color: toggleOn ? theme['success-color'] : theme['legacy-color-gray2'],\n        style: { marginRight: 0 },\n      }}\n      flat={true}\n      noBorder={true}\n      tooltipProps={{\n        title: title,\n      }}\n      shape='round'\n      size='small'\n      type='link'\n      onClick={() => toggleCapture(!toggleOn, captureType, name)}\n    >\n      {!toggleOn && (\n        <Icon\n          icon='remove'\n          color={theme['legacy-color-gray3']}\n          size={15}\n          style={{ position: 'absolute', left: '10px', top: '5px' }}\n        />\n      )}\n    </Button>\n  )\n\n  const getButtonTitle = (isOn, string) => {\n    return isOn ? `${string}: On` : `${string}: Off`\n  }\n\n  return (\n    <Group gutter={0}>\n      <CaptureButton\n        icon='paginatefilterpicture'\n        title={getButtonTitle(screenshotAllowed, 'Capture Screenshots')}\n        toggleCapture={toggleCapture}\n        toggleOn={screenshotAllowed}\n        captureType='screenshotAllowed'\n      />\n      <CaptureButton\n        icon='typing'\n        title={getButtonTitle(keystrokeAllowed, 'Capture Keystrokes')}\n        toggleCapture={toggleCapture}\n        toggleOn={keystrokeAllowed}\n        captureType='keystrokeAllowed'\n      />\n      <CaptureButton\n        icon='appwindowtype'\n        title={getButtonTitle(titleAllowed, 'Capture Titles')}\n        toggleCapture={toggleCapture}\n        toggleOn={titleAllowed}\n        captureType='titleAllowed'\n      />\n    </Group>\n  )\n}\n\nexport default CaptureButtons\n","import React, { useEffect, useState, useMemo } from 'react'\nimport PropTypes from 'prop-types'\nimport filesize from 'filesize'\nimport sum from 'lodash/sum'\nimport round from 'lodash/round'\nimport { Group, useFela } from '@fortressiq/fiq-ds'\nimport { sub, startOfDay } from 'date-fns'\nimport { useMount } from 'react-use'\n\nimport api from 'lib/Api'\n\nimport LoadingContainer from 'components/LoadingContainer'\nimport PieMetricCard from 'components/cards/public/PieMetricCard'\nimport MetricCardBigText from 'components/cards/public/MetricCardBigText'\nimport { constructStats, timeSteps } from '../common/Util'\n\nconst DataMetricsCards = React.memo(({ statsRange }) => {\n  const [observerEventTotals, setObserverEventTotals] = useState([])\n  const [eventsAndSizes, setEventsAndSizes] = useState({ events: [], sizes: [] })\n  const [allEventsAndSizes, setAllEventsAndSizes] = useState({ events: [], sizes: [] })\n  const [dayEventsAndSizes, setDayEventsAndSizes] = useState(null)\n  const [isLoading, setIsLoading] = useState(true)\n\n  useMount(() => {\n    const fetchData = async () => {\n      setIsLoading(true)\n      const { data } = await api.get('/observers/stats', {\n        step: timeSteps.DAY,\n        range: 365,\n        end_date: 'now',\n      })\n\n      const { events: allEvents, sizes: allSizes } = constructStats(\n        data.stats,\n        sub(startOfDay(new Date()), { days: 364 }),\n        timeSteps.DAY,\n        365\n      )\n\n      setObserverEventTotals(\n        data.observer_event_totals\n          .map(observer => ({ label: observer.name, value: observer.event_count }))\n          .sort((a, b) => b.value - a.value)\n      )\n\n      setAllEventsAndSizes({ events: allEvents, sizes: allSizes })\n      setEventsAndSizes({ events: allEvents, sizes: allSizes, observerEventTotals })\n      setIsLoading(false)\n    }\n    fetchData()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  useEffect(() => {\n    const fetchData = async () => {\n      setIsLoading(true)\n      const { data } = await api.get('/observers/stats', {\n        step: timeSteps.HOUR,\n        range: 24,\n        end_date: 'now',\n      })\n\n      const { events: allEvents, sizes: allSizes } = constructStats(\n        data.stats,\n        sub(new Date(), { hours: 24 }),\n        timeSteps.HOUR,\n        24\n      )\n\n      setDayEventsAndSizes({ events: allEvents, sizes: allSizes })\n      setEventsAndSizes({ events: allEvents, sizes: allSizes })\n      setIsLoading(false)\n    }\n    if (statsRange === 1) {\n      if (!dayEventsAndSizes) {\n        fetchData()\n      } else {\n        setEventsAndSizes(dayEventsAndSizes)\n      }\n    } else {\n      setEventsAndSizes(allEventsAndSizes)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [statsRange])\n\n  const arrLength = statsRange === 1 ? 24 : statsRange\n\n  return (\n    <LoadingContainer loading={isLoading}>\n      <Cards\n        recentEventCounts={eventsAndSizes.events.slice(-1 * arrLength)}\n        recentSizeCounts={eventsAndSizes.sizes.slice(-1 * arrLength)}\n        observerEventTotals={observerEventTotals}\n      />\n    </LoadingContainer>\n  )\n})\n\nconst Cards = React.memo(({ recentEventCounts, recentSizeCounts, observerEventTotals }) => {\n  const { css } = useFela()\n\n  const recentEventCountsTotal = () => sum(recentEventCounts.map(i => parseInt(i.value, 10)))\n\n  const memoSumDataCounts = useMemo(() => {\n    const sumDataCounts = () => {\n      return filesize(round(sum(recentSizeCounts.map(i => parseFloat(i.value))), 2), { fullform: true }).split(' ')\n    }\n\n    return sumDataCounts()\n  }, [recentSizeCounts])\n\n  return (\n    <div\n      className={css({\n        margin: 'auto',\n        position: 'relative',\n        width: 'calc(90% + 15px)',\n      })}\n    >\n      <Group\n        noEndGutter={true}\n        gutter={32}\n        justify='space-between'\n        noOfCols={12}\n        span={4}\n        style={{\n          '> .fiqds-col > .fiqds-card': {\n            width: '100%',\n          },\n        }}\n        type='flex'\n      >\n        <PieMetricCard title='Observers Connected' observerEventTotals={observerEventTotals} />\n        <MetricCardBigText\n          id='data-collected-sparkline'\n          value={recentSizeCounts ? memoSumDataCounts[0] : 0}\n          subLabel={memoSumDataCounts[1]}\n          label='Data Collected'\n          data={recentSizeCounts}\n        />\n        <MetricCardBigText\n          id='events-collected-sparkline'\n          value={recentEventCounts ? recentEventCountsTotal() : 0}\n          subLabel='Events'\n          label='Events Collected'\n          data={recentEventCounts}\n        />\n      </Group>\n    </div>\n  )\n})\n\nDataMetricsCards.proptypes = {\n  statsRange: PropTypes.number.isRequired,\n}\n\nexport default DataMetricsCards\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Button, Icon, theme, DateCell, useFela } from '@fortressiq/fiq-ds'\n\nimport { giftCSS } from '../styles/index.js'\n\nconst FirstDetected = ({ status, firstSeenAt }) => {\n  const { css } = useFela()\n  if (status !== 'new') {\n    return firstSeenAt ? <DateCell timestamp={firstSeenAt} /> : '--'\n  }\n  if (status === 'new') {\n    return (\n      <Button type='primary'>\n        <Icon before={true} color={theme.white} icon='gift' className={css(giftCSS)} size='nested' />\n        Review Now\n      </Button>\n    )\n  }\n}\n\nFirstDetected.propTypes = {\n  status: PropTypes.string.isRequired,\n  firstSeenAt: PropTypes.string.isRequired,\n}\n\nexport default FirstDetected\n","import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Badge, DateCell } from '@fortressiq/fiq-ds'\n\nimport { getActive } from 'lib/Time'\n\nconst statusColorMap = {\n  active: 'success',\n  some: 'warning',\n  inactive: 'default',\n}\n\nconst LastDetected = ({ lastSeenAt }) => {\n  const status = getActive(lastSeenAt)\n\n  return (\n    <Fragment>\n      <Badge status={statusColorMap[status]} />\n      {lastSeenAt ? <DateCell timestamp={lastSeenAt} /> : '--'}\n    </Fragment>\n  )\n}\n\nLastDetected.propTypes = {\n  lastSeenAt: PropTypes.string.isRequired,\n}\n\nexport default LastDetected\n","import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport SparkChart from 'components/cards/public/SparkChart'\nimport { useFela } from '@fortressiq/fiq-ds'\n\nimport { sparkTextCSS } from '../styles/index.js'\n\nconst MiniSparkByte = ({ data, id, total }) => {\n  const { css } = useFela()\n\n  return (\n    <Fragment>\n      <div className={css(sparkTextCSS)}>{total}</div>\n      <SparkChart id={id} width={200} height={50} data={data} />\n    </Fragment>\n  )\n}\n\nMiniSparkByte.propTypes = {\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      time: PropTypes.string,\n      total: PropTypes.number,\n    })\n  ).isRequired,\n  total: PropTypes.string.isRequired,\n}\nexport default MiniSparkByte\n","import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport { Link } from 'react-router-dom'\nimport SparkChart from 'components/cards/public/SparkChart'\nimport { useFela } from '@fortressiq/fiq-ds'\nimport numAbbr from 'number-abbreviate'\n\nimport { generateURLQueryfromRules } from 'components/query_builder/utils'\n\nimport { sparkTextCSS } from '../styles/index.js'\n\nconst MiniSparkEvent = ({ observerName, data, id, total }) => {\n  const { css } = useFela()\n\n  const rules = [\n    {\n      field: 'observer_name',\n      value: observerName,\n      operator: '=',\n    },\n  ]\n\n  const query = generateURLQueryfromRules({ combinator: 'and', rules: rules })\n\n  return (\n    <Fragment>\n      <Link to={`/events?${query}`} className={css(sparkTextCSS)}>{`${numAbbr(total, 1)} Events`}</Link>\n      <SparkChart id={id} width={200} height={50} data={data} />\n    </Fragment>\n  )\n}\n\nMiniSparkEvent.propTypes = {\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      time: PropTypes.string,\n      total: PropTypes.number,\n    })\n  ).isRequired,\n  total: PropTypes.number.isRequired,\n}\n\nexport default MiniSparkEvent\n","import React, { Fragment, useReducer, useEffect } from 'react'\nimport { withRouter } from 'react-router-dom'\nimport { Divider, Heading, Select } from '@fortressiq/fiq-ds'\n\nimport { sub, startOfHour } from 'date-fns'\n\nimport api from 'lib/Api'\nimport IntegrationsDropdown from 'components/IntegrationsDropdown'\n\nimport LoadingContainer from 'components/LoadingContainer'\n\nimport EventsChart from './sections/EventsChart'\nimport MetadataTable from './sections/MetadataTable'\n\nimport { useHeaderDispatch } from '../../header/HeaderContext'\n\nimport css from './observerViewerStyle.scss'\nimport { timeOptions, constructStats, timeSteps, getFillerForDateArray } from '../common/Util'\n\nconst observerActions = {\n  SET_STATS: 'SET_STATS',\n  SET_DAY_STATS: 'SET_DAY_STATS',\n  SET_OBSERVER: 'SET_OBSERVER',\n  OPTION_CHANGED: 'OPTION_CHANGED',\n  DATA_CHANGED: 'DATA_CHANGED',\n}\n\nconst initialObserverReducerState = {\n  events: {},\n  sizes: {},\n  selectedOption: timeOptions[30],\n  loading: true,\n  stats: {},\n  dayStats: null,\n  kinds: [],\n  kind: '',\n  name: '',\n  observer: {},\n}\n\nconst getStep = {\n  day: { days: 1 },\n  hour: { hours: 1 },\n  month: { months: 1 },\n}\n\nconst observerReducer = (state, action) => {\n  switch (action.type) {\n    case observerActions.SET_DAY_STATS: {\n      const { events: dayEvents, sizes: daySizes } = constructStats(\n        action.stats,\n        sub(startOfHour(new Date()), { hours: 23 }),\n        timeSteps.HOUR,\n        24\n      )\n\n      const events = {\n        ...state.events,\n        [timeOptions[1].value]: dayEvents,\n      }\n\n      const sizes = {\n        ...state.sizes,\n        [timeOptions[1].value]: daySizes,\n      }\n      return {\n        ...state,\n        events,\n        sizes,\n        dayStats: action.stats,\n      }\n    }\n    case observerActions.SET_STATS: {\n      const { events: allEvents, sizes: allSizes } = constructStats(action.stats)\n\n      let periodEvents = allEvents.slice(-1 * state.selectedOption.value)\n      let periodSizes = allSizes.slice(-1 * state.selectedOption.value)\n\n      const difference = state.selectedOption.value - periodEvents.length\n      if (periodEvents.length < state.selectedOption.value) {\n        const [startDate] = Object.keys(action.stats)\n        const { DAY: step } = timeSteps\n        const start = sub(new Date(startDate), getStep[step])\n        const filler = getFillerForDateArray(difference, start, step)\n        periodEvents = [...filler, ...periodEvents]\n        periodSizes = [...filler, ...periodSizes]\n      }\n\n      const events = {\n        all: allEvents,\n        [state.selectedOption.value]: periodEvents,\n      }\n\n      const sizes = {\n        all: allSizes,\n        [state.selectedOption.value]: periodSizes,\n      }\n\n      return {\n        ...state,\n        events,\n        sizes,\n        stats: action.stats,\n      }\n    }\n    case observerActions.SET_OBSERVER: {\n      const { name } = action.observer\n\n      const kind = action.observer.enums.kinds.find(o => action.observer.kind === o.value)\n\n      const { kinds: kindOptions } = action.observer.enums\n\n      return {\n        ...state,\n        observer: action.observer,\n        name,\n        kind,\n        kindOptions,\n        loading: false,\n      }\n    }\n    case observerActions.OPTION_CHANGED:\n      if (action.option.value !== state.selectedOption.value) {\n        let periodEvents = state.events[action.option.value]\n        let periodSizes = state.sizes[action.option.value]\n        if (!periodEvents) {\n          periodEvents = state.events.all.slice(-1 * action.option.value)\n          periodSizes = state.sizes.all.slice(-1 * action.option.value)\n\n          const difference = action.option.value - periodEvents.length\n          if (difference > 0) {\n            const filler = getFillerForDateArray(difference, Object.keys(state.stats)[0], timeSteps.DAY)\n            periodEvents = [...filler, ...periodEvents]\n            periodSizes = [...filler, ...periodSizes]\n          }\n          return {\n            ...state,\n            selectedOption: action.option,\n            events: {\n              ...state.events,\n              [action.option.value]: periodEvents,\n            },\n            sizes: {\n              ...state.sizes,\n              [action.option.value]: periodSizes,\n            },\n          }\n        }\n        return {\n          ...state,\n          selectedOption: action.option,\n        }\n      }\n      return state\n    case observerActions.DATA_CHANGED:\n      return {\n        ...state,\n        [action.data.name]: action.data.value,\n      }\n    default:\n      return state\n  }\n}\n\nconst ObserverView = withRouter(\n  React.memo(\n    ({\n      match: {\n        params: { id },\n      },\n    }) => {\n      const [state, dispatch] = useReducer(observerReducer, initialObserverReducerState)\n\n      const headerDispatch = useHeaderDispatch()\n      const timeRangeOptions = Object.values(timeOptions)\n\n      useEffect(() => {\n        async function fetchData() {\n          const { data } = await api.get(`/observers/${id}`)\n          dispatch({ type: observerActions.SET_OBSERVER, observer: data })\n          dispatch({ type: observerActions.SET_STATS, stats: data.stats })\n        }\n\n        fetchData()\n      }, [id])\n\n      const onSelectChange = async ({ value }) => {\n        if (value === 1) {\n          const { data } = await api.get(`/observers/${id}/stats`, {\n            step: timeSteps.HOUR,\n            range: 24,\n            end_date: 'now',\n          })\n          dispatch({ type: observerActions.OPTION_CHANGED, option: timeOptions[value] })\n          dispatch({ type: observerActions.SET_DAY_STATS, stats: data.stats })\n        } else {\n          dispatch({ type: observerActions.OPTION_CHANGED, option: timeOptions[value] })\n        }\n      }\n\n      useEffect(() => {\n        const selectOptions = []\n        timeRangeOptions.map(t => selectOptions.push(t))\n        let selectedOption\n\n        timeRangeOptions.map(t => {\n          if (t === state.selectedOption) {\n            selectedOption = t\n          }\n\n          return null\n        })\n\n        headerDispatch({\n          type: 'set',\n          title: 'Observers',\n          heading: state.name,\n          toolbarActions: [\n            <Select\n              defaultValue={selectedOption}\n              key='stats-range-picker'\n              onChange={onSelectChange}\n              options={selectOptions}\n              style={{ width: '200px' }}\n            />,\n            <IntegrationsDropdown key='observer-integrations' integrationType='observer' objectId={id} />,\n          ],\n        })\n\n        return () => {\n          headerDispatch({\n            type: 'clear',\n          })\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, [headerDispatch, state.name, state.selectedOption.name, timeRangeOptions, id])\n\n      return (\n        <LoadingContainer loading={state.loading}>\n          <div className={css.observerViewer}>\n            <div className={css.overviewContainer}>\n              <EventsChart\n                recentEventCounts={state.events[state.selectedOption.value] || []}\n                recentSizeCounts={state.sizes[state.selectedOption.value] || []}\n              />\n            </div>\n            <div className='appSubSection'>\n              <SectionHeader title='Detected Metadata' />\n              <MetadataTable\n                machine={state.observer.machine}\n                user={state.observer.user}\n                firstSeenAt={state.observer.firstSeenAt}\n                lastSeenAt={state.observer.lastSeenAt}\n              />\n            </div>\n          </div>\n        </LoadingContainer>\n      )\n    }\n  )\n)\n\nconst SectionHeader = React.memo(({ title, buttons }) => (\n  <Fragment>\n    <div className={`${css.sectHeader} ${css.flexRow}`}>\n      <Heading level={4}>{title}</Heading>\n      <div>{buttons}</div>\n    </div>\n    <Divider />\n  </Fragment>\n))\n\nexport default ObserverView\n","import React, { useMemo } from 'react'\nimport filesize from 'filesize'\nimport sum from 'lodash/sum'\nimport round from 'lodash/round'\n\nimport Metric from '../../common/Metric'\nimport {\n  Charts,\n  defaultDataSourceChartProps,\n  FusionCharts,\n  FusionTheme,\n  PowerCharts,\n  ReactFC,\n} from '../../../../components/viz/index'\n\nReactFC.fcRoot(FusionCharts, PowerCharts, Charts, FusionTheme)\n\nconst EventsChart = React.memo(({ recentEventCounts, recentSizeCounts }) => {\n  const eventCountsTotal = () => (recentEventCounts ? sum(recentEventCounts.map(i => parseInt(i.value, 10))) : 0)\n\n  const memoSumDataCounts = useMemo(() => {\n    const sumDataCounts = () =>\n      filesize(round(sum(recentSizeCounts.map(i => parseFloat(i.value))), 2), { fullform: true }).split(' ')\n\n    return sumDataCounts()\n  }, [recentSizeCounts])\n\n  const recentEventsData = recentEventCounts.map(({ value }) => ({ value }))\n  const recentEventsCategories = recentEventCounts.map(({ label }) => ({ label }))\n  const recentEventsDataSource = {\n    chart: {\n      ...defaultDataSourceChartProps,\n      caption: 'Event Activity',\n      subCaption: `${recentEventCounts ? eventCountsTotal() : 0} Events`,\n    },\n    categories: [{ category: recentEventsCategories }],\n    dataset: [{ data: recentEventsData }],\n  }\n\n  const recentSizeCountsData = recentSizeCounts.map(({ value }) => ({ value }))\n  const recentSizeCountsCategories = recentSizeCounts.map(({ label }) => ({ label }))\n  const recentSizeCountsDataSource = {\n    chart: {\n      ...defaultDataSourceChartProps,\n      caption: 'Data Activity',\n      subCaption: `${recentSizeCounts ? memoSumDataCounts[0] : 0} Total Bytes`,\n    },\n    categories: [{ category: recentSizeCountsCategories }],\n    dataset: [{ data: recentSizeCountsData }],\n  }\n\n  const sharedChartConfigProps = {\n    dataFormat: 'json',\n    height: 362,\n    width: '100%',\n  }\n  const recentEventsChartConfig = {\n    id: 'observer-recent-event-counts',\n    type: 'scrollarea2d',\n    ...sharedChartConfigProps,\n  }\n  const recentSizeCountsChartConfig = {\n    id: 'observer-recent-size-counts',\n    type: 'scrollcolumn2d',\n    ...sharedChartConfigProps,\n  }\n\n  return (\n    <div className='container'>\n      <Metric>\n        <ReactFC {...recentEventsChartConfig} dataSource={recentEventsDataSource} />\n      </Metric>\n      <Metric>\n        <ReactFC {...recentSizeCountsChartConfig} dataSource={recentSizeCountsDataSource} />\n      </Metric>\n    </div>\n  )\n})\n\nexport default EventsChart\n","import React from 'react'\n\nimport localizer from 'lib/Localizer'\n\nimport css from './metadataTableStyle.scss'\n\nconst MetadataTable = React.memo(({ machine, user, firstSeenAt, lastSeenAt }) => (\n  <React.Fragment>\n    <div className={css.headers}>\n      <div className={css.machine}>Machine ID</div>\n      <div className={css.users}>User</div>\n      <div className={css.created}>Date Connected</div>\n      <div className={css.lastSeen}>Last Dectected</div>\n    </div>\n    <Row machine={machine} user={user} firstSeenAt={firstSeenAt} lastSeenAt={lastSeenAt} />\n  </React.Fragment>\n))\n\nconst Row = React.memo(({ machine, user, firstSeenAt, lastSeenAt }) => (\n  <div className={css.row}>\n    <div className={css.machine}>{machine || '--'}</div>\n    <div className={css.users}>{user || '--'}</div>\n    <div className={css.created}>{localizer.asDate(firstSeenAt) || '--'}</div>\n    <div className={css.lastSeen}>{localizer.asDate(lastSeenAt) || '--'}</div>\n  </div>\n))\n\nexport default MetadataTable\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport ReactGA from 'react-ga'\nimport { Popconfirm, Menu, MenuItem, Typography, useModal, theme } from '@fortressiq/fiq-ds'\nimport { Link } from 'react-router-dom'\nimport { observer } from 'mobx-react'\n\nimport ActionMenu from 'components/TrinityTable/ActionMenu/ActionMenu'\nimport ExportMenuItem from 'components/ExportButton/ExportMenuItem'\nimport callbackStore from 'stores/callback'\n\nimport api from 'lib/Api'\n\nimport uiStore from 'lib/UiStore'\nimport store from '../diagram_composer/store/DiagramComposerStore'\n\nimport OpportunitySubmittedDialogue from './OpportunitySubmittedDialogue'\nimport CoeForm from './CoeForm/CoeForm'\n\nconst opportunitySubmittedModalId = 'opportunity-submitted-modal'\nconst coeModalId = 'coe-form-modal'\n\nconst sharedModalConfig = {\n  footer: false,\n  config: { interactWithKeyboard: false, destroyOnClose: true },\n}\n\nconst modalConfig = {\n  ...sharedModalConfig,\n  header: false,\n  style: { height: 'auto', width: '300px' },\n}\n\nconst coeModalConfig = {\n  ...sharedModalConfig,\n  header: 'Submit an Opportunity to CoE Manager',\n  headerStyle: {\n    padding: `${theme['default-spacer-md']} ${theme['default-spacer-md']} 12px ${theme['default-spacer-md']}`,\n    alignItems: 'center',\n  },\n  maskClosable: false,\n  style: {\n    border: 'none',\n    height: 'auto',\n    maxHeight: '90vh',\n    width: '700px',\n    maxWidth: '95%',\n    padding: 0,\n    background: theme.white,\n  },\n}\n\nconst ActionsContainer = ({\n  record: { pddUrl: pddUrlProp, flowchartId, id: specId, name: specName, opportunities },\n  handleDeleteSpec,\n}) => {\n  const pddUrl = pddUrlProp || store.pddUrls[specId]\n  const { coeIntakeUrl, coeUsername } = uiStore.tenant\n  const { addModal, removeModal } = useModal()\n\n  const handleExport = () => {\n    ReactGA.event({\n      category: 'PDD',\n      action: 'Download',\n      label: `Export PDD ${pddUrl} as .docx`,\n    })\n    return api.get(`/process_specs/${specId}`)\n  }\n\n  const exportCallback = data => {\n    window.open(data.data.processSpec.pddUrl, '_blank')\n  }\n\n  const handleCreateOpportunityKeyWrapper = event => {\n    if (event && event.keyCode !== 13) return\n    handleCreateOpportunity()\n  }\n\n  const handleCreateOpportunity = () => {\n    if (opportunities.length) {\n      addModal({\n        children: (\n          <OpportunitySubmittedDialogue\n            removeModal={() => removeModal(opportunitySubmittedModalId)}\n            createOpportunity={createOpportunity}\n          />\n        ),\n        id: opportunitySubmittedModalId,\n        ...modalConfig,\n      })\n    } else createOpportunity()\n  }\n\n  const createOpportunity = async () => {\n    removeModal(opportunitySubmittedModalId)\n    const { data } = await api.post('/opportunities', { process_spec_id: specId })\n\n    addModal({\n      children: (\n        <CoeForm specName={specName} autopilotUUID={data.request_uuid} removeModal={() => removeModal(coeModalId)} />\n      ),\n      id: coeModalId,\n      ...coeModalConfig,\n    })\n  }\n\n  const menu = (\n    <Menu bordered={false} dark={true}>\n      {pddUrlProp && (\n        <ExportMenuItem\n          itemText='Export PDD as .docx'\n          customExportAjax={handleExport}\n          exportName={specName}\n          exportCallback={exportCallback}\n          callbackStore={callbackStore}\n        />\n      )}\n      {pddUrlProp && coeIntakeUrl && coeUsername && (\n        <MenuItem>\n          <div onClick={handleCreateOpportunity} onKeyDown={handleCreateOpportunityKeyWrapper}>\n            Submit as Opportunity to CoE Manager\n          </div>\n        </MenuItem>\n      )}\n      <MenuItem>\n        <Link to={{ pathname: `/diagrams/${flowchartId}`, search: `?specId=${specId}` }}>\n          <Typography.Text>Open in Diagram Composer</Typography.Text>\n        </Link>\n      </MenuItem>\n      <MenuItem onClick={event => event.stopPropagation()}>\n        <Popconfirm placement='left-center' okText='Yes' onConfirm={() => handleDeleteSpec(specId)}>\n          Delete\n        </Popconfirm>\n      </MenuItem>\n    </Menu>\n  )\n  return <ActionMenu menu={menu} />\n}\n\nconst ActionsContainerWrap = props => <ActionsContainer {...props} />\n\nActionsContainer.propTypes = {\n  record: PropTypes.shape({\n    pddUrl: PropTypes.string,\n    flowchartId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    name: PropTypes.string,\n    opportunities: PropTypes.arrayOf(\n      PropTypes.shape({\n        completedAt: PropTypes.string,\n      })\n    ),\n  }),\n  handleDeleteSpec: PropTypes.func,\n}\n\nexport default observer(ActionsContainerWrap)\n","import React, { useEffect, useState } from 'react'\nimport { string, func } from 'prop-types'\nimport { Button, theme, useForm, Spin } from '@fortressiq/fiq-ds'\nimport cloneDeep from 'lodash/cloneDeep'\n\nimport { useUserState } from 'context/UserContext'\nimport FormPage from './FormPage'\nimport FormFooter from './FormFooter'\n\nimport formPagesTemplate, { nestedForms, coeDropdownAttributes, attributesMap } from './formPages'\n\nimport { fetchFormQuestions, postCoeIntakeForm } from './coeApis'\n\nconst CoeForm = ({ specName, autopilotUUID, removeModal }) => {\n  const [currentPage, setCurrentPage] = useState(0)\n  const [loading, setLoading] = useState(true)\n  const [invalidPermissions, setInvalidPermissions] = useState(false)\n  const [coeFormQuestions, setCoeFormQuestions] = useState(cloneDeep(formPagesTemplate))\n  const [pagesLength, setPagesLength] = useState(formPagesTemplate.length)\n\n  const { email } = useUserState()\n\n  const { control, formState, register, watch, getValues, setError, clearErrors } = useForm({\n    defaultValues: {\n      name: specName,\n      Submitter_Email__c: email,\n      description: '',\n      pdd_name: specName,\n      How_is_Process_Measured__c: '# of times performed',\n    },\n  })\n\n  // generate form question labels, field types,  and attributes\n  useEffect(() => {\n    generateFormQuestions()\n  }, [])\n\n  useEffect(() => {\n    if (coeFormQuestions) setPagesLength(coeFormQuestions.length)\n  }, [coeFormQuestions])\n\n  const generateFormPages = (program, dropdowns) => {\n    if (!program?.data?.app?.Program) {\n      setInvalidPermissions(true)\n      setLoading(false)\n      return\n    }\n    const newFormPages = cloneDeep(formPagesTemplate)\n    const { descendants, id, name, ...coeProgram } = program.data.app.Program\n\n    Object.entries(coeProgram).forEach(([key, value]) => {\n      const [attributeType, attributeNumber] = key.split('_')\n      const pageIndex = newFormPages.findIndex(page => page.attribute === attributeType)\n      if (attributeNumber === 'title') {\n        newFormPages[pageIndex].title = value\n        return\n      }\n      const attribute = `${attributesMap[attributeType]}_${attributeNumber}__c`\n\n      if (pageIndex) {\n        const fieldType = coeDropdownAttributes.find(attr => attr === attribute) ? 'select' : 'input'\n        const options = getOptions(fieldType, dropdowns, attribute)\n        if (!newFormPages[pageIndex].questions) newFormPages[pageIndex].questions = []\n\n        if (value) {\n          newFormPages[pageIndex].questions.push({\n            attribute: attribute,\n            label: value,\n            type: fieldType,\n            options: options,\n          })\n        }\n      }\n    })\n\n    // has a different dropdown source than the others?\n    const workstreamSelect = newFormPages[0].questions.find(question => question.attribute === 'Workstream_Path__c')\n    workstreamSelect.options = descendants.nodes.map(option => ({ label: option.name, value: option.id }))\n\n    const formPageQuestions = newFormPages.filter(page => page.questions.length > 0)\n    return formPageQuestions\n  }\n\n  const getOptions = (fieldType, dropdowns, attribute) => {\n    let options = null\n    if (fieldType === 'select') {\n      const optionsValue = dropdowns.data.app.template.attributes.find(attr => attr.apiName === attribute)\n      if (optionsValue) {\n        options = optionsValue.pickListValues\n          .filter(value => value.value)\n          .map(option => ({ label: option.name, value: option.name }))\n      }\n    }\n    return options\n  }\n\n  const generateFormQuestions = () => {\n    setLoading(true)\n    const formQuestions = fetchFormQuestions()\n    formQuestions\n      .then(([program, dropdowns]) => {\n        const formPageQuestions = generateFormPages(program, dropdowns)\n        setCoeFormQuestions(formPageQuestions)\n        setLoading(false)\n      })\n      .catch(error => {\n        console.error(error)\n      })\n  }\n\n  const isValidateFormPage = newPage => {\n    let filled = true\n    const values = getValues()\n    let i = newPage > currentPage ? newPage - 1 : currentPage\n    const isFilled = (field, question) => {\n      if (!field) {\n        filled = false\n        setError(question.attribute, { type: 'string', message: 'This field is required.' })\n      }\n    }\n    while (i >= 0) {\n      coeFormQuestions[i].questions.forEach(question => {\n        isFilled(values[question.attribute], question)\n      })\n      i--\n    }\n    if (filled) clearErrors()\n    return filled\n  }\n\n  const renderIndicators = () => {\n    const indicators = []\n    for (let i = 0; i < pagesLength; i += 1) {\n      indicators.push({\n        filled: i <= currentPage,\n      })\n    }\n    return indicators\n  }\n\n  const setFormPageKeyDown = (event, newPage) => {\n    if (event && event.keyCode !== 13) return\n    setFormPage(newPage)\n  }\n\n  const setFormPage = newPage => {\n    if (newPage > currentPage && !isValidateFormPage(newPage)) return\n\n    if (newPage < 0) setCurrentPage(0)\n    else if (newPage > pagesLength - 1) setCurrentPage(pagesLength - 1)\n    else setCurrentPage(newPage)\n  }\n\n  // some selects change the form questions\n  // on trigger a change to the form questions / format handler\n  const onChangeFormTrigger = (page, triggerValue) => {\n    const newCoeForm = cloneDeep(coeFormQuestions)\n\n    if (!nestedForms[page][triggerValue]) return\n\n    const newCoeFormPage = newCoeForm[page].questions.filter((question, i) => {\n      return !question.nested\n    })\n\n    newCoeForm[page].questions = [...newCoeFormPage, ...nestedForms[page][triggerValue]]\n    setCoeFormQuestions(newCoeForm)\n  }\n\n  const onSubmitCoe = e => {\n    e.preventDefault()\n    const formValues = getValues()\n    if (!isValidateFormPage(formPagesTemplate.length)) return\n    postCoeIntakeForm(formValues, autopilotUUID).then(result => {\n      removeModal()\n    })\n  }\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        flexDirection: 'column',\n      }}\n    >\n      <div\n        style={{\n          padding: theme['default-spacer-sm'],\n          width: '100%',\n          height: 'auto',\n          backgroundColor: theme.white,\n          border: 'none',\n        }}\n      >\n        {loading && (\n          <div style={{ height: '300px', display: 'flex', justifyContent: 'center', alignItems: 'center' }}>\n            <Spin size={50} />\n          </div>\n        )}\n        {!loading &&\n          invalidPermissions &&\n          'Unable to access the CoE Manager intake form. Please contact your Process Discovery admin.'}\n\n        {!loading &&\n          !invalidPermissions &&\n          coeFormQuestions.map((page, i) => {\n            return currentPage === i ? (\n              <FormPage\n                formState={formState}\n                page={page.questions}\n                pageIndex={currentPage}\n                key={`page_${i}`}\n                onChangeFormTrigger={onChangeFormTrigger}\n                register={register}\n                watch={watch}\n                control={control}\n                title={page.title}\n                specName={specName}\n              />\n            ) : null\n          })}\n\n        {coeFormQuestions && (\n          <FormFooter\n            currentPage={currentPage}\n            setFormPage={setFormPage}\n            pagesLength={pagesLength}\n            handleSubmit={onSubmitCoe}\n          />\n        )}\n      </div>\n      <div\n        style={{\n          position: 'absolute',\n          bottom: '-45px',\n          display: 'flex',\n        }}\n      >\n        {coeFormQuestions &&\n          renderIndicators().map((dot, i) => {\n            return (\n              <Button\n                key={`dot${i}`}\n                style={{\n                  width: '20px',\n                  height: '20px',\n                  border: 'none',\n                  borderRadius: '100%',\n                  background: dot.filled ? theme['contrast-blue'] : theme.white,\n                  margin: '0 10px',\n                  padding: 0,\n                }}\n                onKeyDown={e => setFormPageKeyDown(e, i)}\n                onClick={() => setFormPage(i)}\n                aria-label={`page_indicator_${i}`}\n                tabIndex={i}\n              />\n            )\n          })}\n      </div>\n    </div>\n  )\n}\n\nCoeForm.propTypes = {\n  specName: string,\n  autopilotUUID: string,\n  removeModal: func,\n}\n\nexport default CoeForm\n","import React from 'react'\nimport { func, number } from 'prop-types'\nimport { Button } from '@fortressiq/fiq-ds'\n\nconst FormFooter = ({ currentPage, setFormPage, pagesLength, handleSubmit }) => {\n  return (\n    <div\n      style={{\n        padding: '0',\n        width: '100%',\n        display: 'flex',\n        justifyContent: 'flex-end',\n      }}\n    >\n      {currentPage !== 0 && (\n        <Button type='link' onClick={() => setFormPage(currentPage - 1)} htmlType='button'>\n          Back\n        </Button>\n      )}\n\n      {currentPage !== pagesLength - 1 ? (\n        <Button onClick={() => setFormPage(currentPage + 1)} htmlType='button'>\n          Next\n        </Button>\n      ) : (\n        <Button type='secondary' htmlType='submit' onClick={handleSubmit}>\n          Submit\n        </Button>\n      )}\n    </div>\n  )\n}\n\nFormFooter.propTypes = {\n  currentPage: number,\n  setFormPage: func,\n  pagesLength: number,\n  handleSubmit: func,\n}\n\nexport default FormFooter\n","import React from 'react'\nimport { arrayOf, bool, number, func, shape, string } from 'prop-types'\nimport { Input, TextArea, theme } from '@fortressiq/fiq-ds'\n\nimport FieldWrapper from 'components/form/FieldWrapper'\nimport ControlledSelect from 'components/form/ControlledSelect'\n\nconst selectStyles = {\n  borderRadius: theme['default-spacer-xs'],\n  border: `1px solid ${theme['text-vlight']}`,\n  height: '32px',\n  padding: theme['default-spacer-xs'],\n  width: '100%',\n}\n\nconst inputWrapperStyles = { margin: `0 0 ${theme['default-spacer-md']} 0` }\n\nconst Question = ({\n  label,\n  attribute,\n  type,\n  options,\n  trigger,\n  onChangeFormTrigger,\n  pageIndex,\n  register,\n  control,\n  formState,\n  specName,\n}) => {\n  const onChangeWithTrigger = value => {\n    if (trigger) onChangeFormTrigger(pageIndex, `${attribute}_${value}`)\n  }\n\n  const renderField = () => {\n    switch (type) {\n      case 'select':\n        return (\n          <ControlledSelect\n            control={control}\n            isMulti={false}\n            name={attribute}\n            options={options}\n            portal={true}\n            onChangeCallback={onChangeWithTrigger}\n            constructSelectedValue={true}\n            rules={{ required: 'This field is required' }}\n          />\n        )\n      case 'textarea':\n        return <TextArea name={attribute} {...register(attribute, { required: 'This field is required.' })} />\n      case 'file':\n        return (\n          <div\n            style={{\n              fontStyle: 'italic',\n              position: 'relative',\n              top: `-${theme['default-spacer-xs']}`,\n              cursor: 'not-allowed',\n            }}\n          >{`${specName}.pdf`}</div>\n        )\n      default:\n        return <Input name={attribute} type={type} {...register(attribute, { required: 'This field is required.' })} />\n    }\n  }\n\n  return (\n    <div style={inputWrapperStyles}>\n      <FieldWrapper htmlFor={attribute} label={label} error={formState.errors[attribute]}>\n        {renderField()}\n      </FieldWrapper>\n    </div>\n  )\n}\n\nQuestion.propTypes = {\n  label: string,\n  attribute: string,\n  type: string,\n  options: arrayOf(\n    shape({\n      label: string,\n      value: string,\n    })\n  ),\n  trigger: bool,\n  onChangeFormTrigger: func,\n  pageIndex: number,\n  specName: string,\n}\n\nconst FormPage = ({\n  pageIndex,\n  page,\n  switchVisibility,\n  onChangeFormTrigger,\n  register,\n  control,\n  title,\n  formState,\n  specName,\n}) => {\n  return (\n    <React.Fragment>\n      {title && <div style={{ fontSize: '13px', marginBottom: theme['default-spacer-md'], width: '90%' }}>{title}</div>}\n      {page.map((questionProps, i) => (\n        <Question\n          key={`question_${questionProps.label}`}\n          {...questionProps}\n          pageIndex={pageIndex}\n          onChangeFormTrigger={onChangeFormTrigger}\n          register={register}\n          control={control}\n          formState={formState}\n          specName={specName}\n        />\n      ))}\n    </React.Fragment>\n  )\n}\n\nFormPage.propTypes = {\n  page: arrayOf(\n    shape({\n      label: string,\n      attribute: string,\n      operator: string,\n      value: string,\n      type: string,\n    })\n  ),\n  pageIndex: number,\n  switchVisibility: func,\n  onChangeFormTrigger: func,\n  title: string,\n  specName: string,\n}\n\nexport default FormPage\n","/* eslint-disable import/prefer-default-export */\nimport api from 'lib/Api'\n\nimport User from 'lib/UiStore'\n\nconst fetchProgram = async () => {\n  const { appName, entId, programId, region } = User.shibumi\n  const { data } = await api.post('/tenants/coe_graphql', {\n    appName,\n    entId,\n    programId,\n    region,\n    apiName: 'query_program',\n  })\n  return data\n}\n\nconst fetchDropdowns = async () => {\n  const { appName, entId, programId, region } = User.shibumi\n  const { data } = await api.post('tenants/coe_graphql', {\n    appName,\n    entId,\n    programId,\n    region,\n    apiName: 'query_dropdowns',\n  })\n  return data\n}\n\nexport const fetchFormQuestions = async () => {\n  const programsPromise = fetchProgram()\n  const dropdownsPromise = fetchDropdowns()\n  const results = await Promise.all([programsPromise, dropdownsPromise])\n  return results\n}\n\nconst sendForm = async (form, autopilotUUID) => {\n  const { appName, entId, programId, region } = User.shibumi\n  const attributes = Object.entries(form)\n    .map(([key, value]) => {\n      // the following are not accepted attributes, but exist in the form...\n      if (key === 'pdd_name') return\n      if (key === 'Workstream_Path__c') return\n\n      // expects a percentage value\n      if (key === 'of_Tasks_that_can_be_Automated__c') {\n        value = (value / 100).toString()\n      }\n\n      const attribute = {}\n      attribute.attribute = key\n      attribute.value = value\n      return attribute\n    })\n    .filter(item => item)\n\n  attributes.push({ attribute: 'PD_UUID__c', value: autopilotUUID })\n\n  const { data } = await api.post('tenants/coe_graphql', {\n    appName,\n    entId,\n    programId,\n    region,\n    workstreamId: form.Workstream_Path__c,\n    parameters: JSON.stringify(attributes),\n    apiName: 'submit_form',\n  })\n  return data\n}\n\nconst sendPDD = async (opportunityData, autopilotUUID) => {\n  const { data } = await api.post('/opportunities/upload', {\n    AutoPilot_UUID: autopilotUUID,\n    Opportunity_ID: opportunityData?.data?.createWorkItem?.id,\n  })\n  return data\n}\n\nexport const postCoeIntakeForm = async (form, autopilotUUID) => {\n  let response\n  sendForm(form, autopilotUUID).then(data => {\n    response = sendPDD(data, autopilotUUID)\n  })\n  return response\n}\n","const degreeOptions = [\n  { label: 'None', value: 'None' },\n  { label: 'Very Low', value: 'Very Low' },\n  { label: 'Low', value: 'Low' },\n  { label: 'Medium', value: 'Medium' },\n  { label: 'High', value: 'High' },\n  { label: 'Very High', value: 'Very High' },\n]\n\nexport const attributesMap = {\n  alignment: 'Strategic_Alignment',\n  complexity: 'Complexity',\n}\n\nexport const coeDropdownAttributes = [\n  'Complexity_1__c',\n  'Complexity_2__c',\n  'Complexity_3__c',\n  'Complexity_4__c',\n  'Complexity_5__c',\n  'Strategic_Alignment_1__c',\n  'Strategic_Alignment_2__c',\n  'Strategic_Alignment_3__c',\n  'Strategic_Alignment_4__c',\n  'Strategic_Alignment_5__c',\n  'How_is_Process_Measured__c',\n  'Workstream_Path__c',\n]\n\nconst formPagesTemplate = [\n  {\n    title: '',\n    attribute: 'details',\n    questions: [\n      {\n        label: 'Business Unit',\n        attribute: 'Workstream_Path__c',\n        type: 'select',\n        options: [\n          { label: 'Finance', value: '1' },\n          { label: 'HR', value: '2' },\n          { label: 'Sales', value: '3' },\n        ],\n      },\n      { label: 'Opportunity Name', attribute: 'name', operator: 'store', type: 'text' },\n      {\n        label: 'Description',\n        attribute: 'description',\n        type: 'textarea',\n      },\n      {\n        label: 'E-mail Address',\n        attribute: 'Submitter_Email__c',\n        type: 'email',\n      },\n      {\n        label: 'PDD',\n        attribute: 'pdd_name',\n        type: 'file',\n      },\n    ],\n  },\n\n  {\n    attribute: 'How_is_Process_Measured',\n    title: '',\n    questions: [\n      {\n        label: 'What % of tasks can be automated in this process?',\n        attribute: 'of_Tasks_that_can_be_Automated__c',\n        operator: 'divide',\n        value: '100',\n        type: 'number',\n      },\n      {\n        label: 'How many people perform this process?',\n        attribute: 'Number_of_Personnel__c',\n        operator: 'none',\n        value: '',\n        type: 'number',\n      },\n      {\n        label: 'How is the process measured?',\n        attribute: 'How_is_Process_Measured__c',\n        operator: 'none',\n        value: 'timesPerformed',\n        type: 'select',\n        options: [\n          { label: '# of times performed', value: '# of times performed' },\n          { label: '# of records processed', value: '# of records processed' },\n        ],\n        trigger: true,\n      },\n      {\n        label: 'How many hours does each person spend on this each time they perform this process?',\n        attribute: 'Hours_per_Person__c',\n        type: 'number',\n        nested: true,\n      },\n      {\n        label: 'How many times per month do they perform this process?',\n        attribute: 'Times_per_Month__c',\n        type: 'number',\n        nested: true,\n      },\n      {\n        label: \"What's the average hourly rate each person is paid?\",\n        attribute: 'Average_Hourly_Pay_Rate__c',\n        type: 'number',\n        nested: true,\n      },\n    ],\n  },\n  {\n    attribute: 'alignment',\n    title: 'To what degree does automating this opportunity align to the following strategic objectives?',\n  },\n  {\n    attribute: 'complexity',\n    title: 'Assess the degree of complexity to automate this process automation opportunity',\n  },\n]\n\n///////////////////////////////\n// nested form parts, handles one level of nesting\n///////////////////////////////\nexport const nestedForms = {\n  1: {\n    'How_is_Process_Measured__c_# of records processed': [\n      {\n        label: 'How many records per month does each person process?',\n        attribute: 'Records_per_Month__c',\n        type: 'number',\n        nested: true,\n      },\n      {\n        label: 'How many minutes does it take to process each record?',\n        attribute: 'Minutes_per_Record__c',\n        type: 'number',\n        nested: true,\n      },\n      {\n        label: \"What's the average hourly rate each person is paid?\",\n        attribute: 'Average_Hourly_Pay_Rate__c',\n        type: 'number',\n        nested: true,\n      },\n    ],\n    'How_is_Process_Measured__c_# of times performed': [\n      {\n        label: 'How many hours does each person spend on this each time they perform this process?',\n        attribute: 'Hours_per_Person__c',\n        type: 'number',\n        nested: true,\n      },\n      {\n        label: 'How many times per month do they perform this process?',\n        attribute: 'Times_per_Month__c',\n        type: 'number',\n        nested: true,\n      },\n      {\n        label: \"What's the average hourly rate each person is paid?\",\n        attribute: 'Average_Hourly_Pay_Rate__c',\n        type: 'number',\n        nested: true,\n      },\n    ],\n  },\n}\n\nexport default formPagesTemplate\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Button, Group, theme } from '@fortressiq/fiq-ds'\n\nconst dialogueStyle = {\n  padding: `0 ${theme['default-spacer-sm']} ${theme['default-spacer-sm']} ${theme['default-spacer-sm']}`,\n}\n\nconst OpportunitySubmittedDialogue = ({ removeModal, createOpportunity }) => (\n  <div style={dialogueStyle}>\n    <h4>Opportunity already exists</h4>\n    <p>\n      An opportunity for this process already exists. <br />\n      Do you want to create a new one?\n    </p>\n    <Group>\n      <Button onClick={removeModal}>Cancel</Button>\n      <Button type='secondary' onClick={createOpportunity}>\n        Create\n      </Button>\n    </Group>\n  </div>\n)\n\nOpportunitySubmittedDialogue.propTypes = {\n  removeModal: PropTypes.func,\n  createOpportunity: PropTypes.func,\n}\n\nexport default OpportunitySubmittedDialogue\n","import React, { Fragment } from 'react'\nimport { Typography, Button, Image } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\nimport Flash from 'components/flash/Flash'\nimport store from 'app/diagram_composer/store/DiagramComposerStore'\nimport { pddGenProgressCallbackId } from 'app/diagram_composer/controlsBar/generatePdd'\n\nimport css from './pddGenToastStyle.scss'\n\nconst flashActions = {\n  pending: 'info',\n  complete: 'success',\n  error: 'error',\n}\n\nexport const PddProgressMessage = ({ statusMessage = 'Generating PDD', step, stepThumb, specId, isComplete }) => {\n  const handleClickDownload = async () => {\n    const {\n      data: {\n        processSpec: { pddUrl },\n      },\n    } = await api.get(`/process_specs/${specId}`)\n    window.open(pddUrl, '_blank')\n  }\n\n  return (\n    <Fragment>\n      <Typography.Title level={5}>{statusMessage}</Typography.Title>\n      {stepThumb && (\n        <Image\n          alt={step}\n          src={`data:image/jpeg;base64,${stepThumb}`}\n          width={80}\n          bordered={true}\n          className={css.stepThumb}\n        />\n      )}\n      <Typography.Text>{step}</Typography.Text>\n      {isComplete && <Button onClick={handleClickDownload}>Download</Button>}\n    </Fragment>\n  )\n}\n\nconst pddGenProgress = ({ status = 'pending', ...progressMessageProps }) => {\n  const isComplete = status === 'complete'\n  if (flashActions[status]) {\n    Flash[flashActions[status]](\n      { description: <PddProgressMessage {...progressMessageProps} isComplete={isComplete} />, message: '' },\n      {\n        key: `${pddGenProgressCallbackId}-${status}`,\n        id: `${pddGenProgressCallbackId}-${status}`,\n        duration: 0,\n      }\n    )\n  }\n  if (progressMessageProps.specId) {\n    if (progressMessageProps.pddUrl) {\n      store.pddUrls[progressMessageProps.specId] = progressMessageProps.pddUrl\n    }\n    if (!isComplete && !store.generatingPdds.includes(progressMessageProps.specId)) {\n      store.addGeneratingPdd(progressMessageProps.specId)\n    }\n  }\n  if (isComplete) {\n    store.removeGeneratingPdd(progressMessageProps.specId)\n    Flash.remove(`${pddGenProgressCallbackId}-pending`)\n  }\n}\n\nexport default pddGenProgress\n","import React, { Fragment, useState, useEffect } from 'react'\n\nimport { Button, Heading } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\nimport UiStore from 'lib/UiStore'\n\nimport TrinityTable, { columnWidths } from 'components/TrinityTable'\n\nimport {\n  NameCell,\n  GeneratedOnCell,\n  CreatedByCell,\n  SubmittedToCoECell,\n  IncludesProcessesCell,\n  ApplicationsCell,\n  ActionsCell,\n} from './PddListCells'\n\nimport { useHeaderDispatch } from '../header/HeaderContext'\n\nconst processSpecsUrl = '/process_specs'\nconst pageTitle = 'Process Specifications'\n\nconst sortKeyMap = {\n  name: 'flowcharts.name',\n  updatedAt: 'updated_at',\n  createdBy: 'members.first_name',\n  steps: 'step_count',\n}\n\nconst PddList = () => {\n  const [reFetch, setRefetch] = useState(1)\n  const headerDispatch = useHeaderDispatch()\n\n  const handleDeleteSpec = async specId => {\n    await api.delete(`${processSpecsUrl}/${specId}`)\n    setRefetch(reFetch + 1)\n  }\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      title: pageTitle,\n      heading: (\n        <Fragment>\n          <Heading className='header-title' level={1}>\n            {pageTitle}\n          </Heading>\n          <Heading className='header-title' level={2}>\n            Define Processes\n          </Heading>\n        </Fragment>\n      ),\n    })\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch])\n\n  const columns = [\n    {\n      Header: 'Name',\n      accessor: 'name',\n      width: 160,\n      Cell: cellData => NameCell(cellData),\n    },\n    {\n      Header: 'Generated On',\n      accessor: 'updatedAt',\n      width: 160,\n      Cell: cellData => GeneratedOnCell(cellData),\n    },\n    {\n      Header: 'Created By',\n      accessor: 'createdBy',\n      width: 240,\n      Cell: cellData => CreatedByCell(cellData),\n    },\n    ...(UiStore.tenant?.coeIntakeUrl\n      ? [\n          {\n            Header: 'Submitted to CoE Manager On',\n            accessor: 'opportunities',\n            width: 240,\n            Cell: cellData => SubmittedToCoECell(cellData),\n          },\n        ]\n      : []),\n    {\n      Header: 'Includes Processes',\n      accessor: 'processes',\n      width: 500,\n      disableSortBy: true,\n      Cell: cellData => IncludesProcessesCell(cellData),\n    },\n    {\n      Header: 'Steps',\n      accessor: 'steps',\n      width: 100,\n      disableSortBy: true,\n      Cell: ({ value }) => value || '--',\n    },\n    {\n      Header: 'Applications',\n      accessor: 'apps',\n      width: 120,\n      disableSortBy: true,\n      Cell: cellData => ApplicationsCell(cellData),\n    },\n    {\n      Header: 'Actions',\n      accessor: 'actions',\n      align: 'center',\n      width: columnWidths.actionMenu,\n      disableSortBy: true,\n      Cell: ({ row: { original } }) => ActionsCell({ original, handleDeleteSpec }),\n    },\n  ]\n\n  return (\n    <div>\n      <TrinityTable\n        toolbarActions={[\n          <Button key='create-pdd' href='/diagrams/new' type='secondary'>\n            Create Process Specification\n          </Button>,\n        ]}\n        columns={columns}\n        url='/process_specs'\n        tableId='pdd-table'\n        dataKey='pdds'\n        sortKeyMap={sortKeyMap}\n        reFetch={reFetch}\n      />\n    </div>\n  )\n}\n\nexport default PddList\n","import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport { Link } from 'react-router-dom'\n\nimport { AdvancedCell, ApplicationIcon, ApplicationIconsList, Group, DateCell } from '@fortressiq/fiq-ds'\n\nimport ActionsContainer from './ActionsContainer'\n\nexport const NameCell = ({ value }) => (value ? <AdvancedCell>{value}</AdvancedCell> : '--')\nNameCell.propTypes = {\n  value: PropTypes.string.isRequired,\n}\n\nexport const GeneratedOnCell = ({ value }) => <DateCell timestamp={value} />\nGeneratedOnCell.propTypes = {\n  value: PropTypes.string.isRequired,\n}\n\nexport const SubmittedToCoECell = ({ value }) => {\n  const lastOpportunity = value[value.length - 1]\n  return <DateCell timestamp={lastOpportunity?.completedAt} />\n}\nSubmittedToCoECell.propTypes = {\n  value: PropTypes.arrayOf(\n    PropTypes.shape({\n      completedAt: PropTypes.string,\n    })\n  ).isRequired,\n}\n\nexport const CreatedByCell = ({ value }) =>\n  value ? (\n    <Group gutter={6} key={value}>\n      <ApplicationIcon name={value} size={28} />\n      {value}\n    </Group>\n  ) : (\n    '--'\n  )\nCreatedByCell.propTypes = {\n  value: PropTypes.string.isRequired,\n}\n\nexport const IncludesProcessesCell = ({ value: processes }) => {\n  return processes.length !== 0 ? (\n    <div>\n      {processes.map(({ id, name }, index) => (\n        <Fragment key={id}>\n          {index ? ', ' : ' '}\n          <Link to={`/process-explorer/${id}`}>{name}</Link>\n        </Fragment>\n      ))}\n    </div>\n  ) : (\n    '--'\n  )\n}\nIncludesProcessesCell.propTypes = {\n  value: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n      name: PropTypes.string,\n    })\n  ).isRequired,\n}\n\nexport const ActionsCell = ({ original, handleDeleteSpec }) => (\n  <ActionsContainer record={original} handleDeleteSpec={handleDeleteSpec} />\n)\nActionsCell.propTypes = {\n  original: PropTypes.objectOf(PropTypes.shape).isRequired,\n  handleDeleteSpec: PropTypes.func.isRequired,\n}\n\nexport const ApplicationsCell = ({ value: applications }) => {\n  const list = applications.map(app => ({ name: app.display_name || '' }))\n  return <ApplicationIconsList size={28} list={list} />\n}\nApplicationsCell.propTypes = {\n  value: PropTypes.arrayOf(\n    PropTypes.shape({\n      display_name: PropTypes.string,\n    })\n  ).isRequired,\n}\n","import { shallow } from 'enzyme'\nimport React from 'react'\nimport { Button } from '@fortressiq/fiq-ds'\n\nimport { PddProgressMessage } from '../PddGenToast'\n\nconst progressMessageProps = {\n  step: 'Step One',\n  stepThumb:\n    'PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjQwIiB3aWR0aD0iNDMuMDA3Ij4KICAgIDxwYXRoIGNsYXNzPSJicmFuZC1pY29uIiBmaWxsPSIjRjA1NzQyIiBkPSJNMzIuNzUgMHY0LjUxOWgtNi4xMThWMEgxNi4zNzV2NC41MTloLTYuMTE4VjBIMHY0MGg0My4wMDdWMHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgogICAgPHBhdGggZD0iTTMxLjU3NiAyMC40OWMwLTEuMDExLS4xMzgtMS45MjItLjQxNi0yLjczMS0uMjc3LS44MS0uNjc2LTEuNDk2LTEuMTk1LTIuMDU4YTUuMTU4IDUuMTU4IDAgMDAtMS45MDktMS4yOTJjLS43NTItLjMtMS42MDktLjQ1LTIuNTctLjQ1LS45NyAwLTEuODM0LjE1LTIuNTkxLjQ1LS43NTcuMy0xLjM5Ni43My0xLjkxNiAxLjI5MnMtLjkxOCAxLjI0OC0xLjE5NSAyLjA1OGMtLjI3OC44MS0uNDE2IDEuNzItLjQxNiAyLjczMSAwIDEuMDIuMTM4IDEuOTM2LjQxNiAyLjc0NS4yNzcuODEuNjc1IDEuNDk2IDEuMTk1IDIuMDU4LjUyLjU2MSAxLjE1OS45OSAxLjkxNiAxLjI4NC43NTcuMjk2IDEuNjIyLjQ0MyAyLjU5Mi40NDMuOTYgMCAxLjgxNy0uMTQ3IDIuNTctLjQ0M2E1LjA4MyA1LjA4MyAwIDAwMS45MDgtMS4yODRjLjUyLS41NjIuOTE4LTEuMjQ4IDEuMTk1LTIuMDU4LjI3OC0uODEuNDE2LTEuNzI1LjQxNi0yLjc0NXptNS4xMzkgMGMwIC44OC0uMDk3IDEuNzI1LS4yOSAyLjUzNS0uMTkzLjgxLS40NyAxLjU3LS44MzEgMi4yODJhOS44MDEgOS44MDEgMCAwMS0zLjE0MSAzLjU5NWw1LjQ4IDUuNjU5aC00LjEzYTUuOTk4IDUuOTk4IDAgMDEtMS42MTgtLjIwM2MtLjQ4NS0uMTM2LS45MTYtLjQxLTEuMjkyLS44MjJsLTIuNjg4LTIuODVjLS40MzYuMDgzLS44NzkuMTUtMS4zMy4xOTYtLjQ1LjA0Ny0uOTEzLjA3LTEuMzg4LjA3LTEuNjgzIDAtMy4yMTgtLjI2Ny00LjYwNC0uOC0xLjM4Ny0uNTM0LTIuNTcyLTEuMjcxLTMuNTU3LTIuMjEyYTkuODU5IDkuODU5IDAgMDEtMi4yODgtMy4zMjFjLS41NC0xLjI3NC0uODA5LTIuNjUtLjgwOS00LjEyOSAwLTEuNDguMjctMi44NTYuODEtNC4xMjlhOS43ODcgOS43ODcgMCAwMTIuMjg3LTMuMzE0Yy45ODUtLjkzNiAyLjE3LTEuNjcxIDMuNTU3LTIuMjA1IDEuMzg2LS41MzMgMi45Mi0uOCA0LjYwNC0uOCAxLjY4MyAwIDMuMjE1LjI2OSA0LjU5Ni44MDcgMS4zODIuNTM5IDIuNTYyIDEuMjc2IDMuNTQzIDIuMjEyYTkuODM2IDkuODM2IDAgMDEyLjI4IDMuMzE0Yy41NCAxLjI3NC44MDkgMi42NDUuODA5IDQuMTE1ek02LjI5OCAzMC43MjdoNS4wNXYtMjAuNDZoLTUuMDV6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+Cg==',\n  specId: 1,\n  isComplete: false,\n}\n\ndescribe('PddProgressMessage', () => {\n  it('should render without throwing an error', () => {\n    const component = shallow(<PddProgressMessage {...progressMessageProps} />)\n    expect(component).toMatchSnapshot()\n    expect(() => component).not.toThrow()\n  })\n\n  it('should render pending text', () => {\n    const component = shallow(<PddProgressMessage {...progressMessageProps} />)\n    expect(component.childAt(0).childAt(0).text()).toBe('Generating PDD')\n  })\n\n  it('should not render download button', () => {\n    const component = shallow(<PddProgressMessage {...progressMessageProps} />)\n    expect(component.find(Button).length).toBe(0)\n  })\n\n  it('should render download button on complete', () => {\n    const component = shallow(<PddProgressMessage {...progressMessageProps} isComplete={true} />)\n    expect(component.find(Button).length).toBe(1)\n  })\n})\n","import React, { Fragment, useState, useEffect } from 'react'\nimport { observer } from 'mobx-react'\nimport * as d3 from 'd3'\nimport { Button } from '@fortressiq/fiq-ds'\n\nimport css from './groupsModalStyle.scss'\n\nimport store from '../stores/processExplorerStore'\n\nimport GroupForm from './common/GroupForm'\n\nconst EditGroupForm = () => {\n  const [oldName, setOldName] = useState('')\n  const [nodeInfo, setNodeInfo] = useState({ start: '', end: '' })\n  const { activeGroup } = store.groups\n  const { groupName, groupId, activeGroupNodeIds } = activeGroup\n  const steps = activeGroup.activeGroupNodeIds.length\n\n  useEffect(() => {\n    setOldName(groupName)\n    getNodeInfo()\n  }, [groupId])\n\n  const getNodeInfo = () => {\n    const d3NodeEnd = d3.select(`#node${activeGroupNodeIds[0]}`).data()\n    const d3NodeStart = d3.select(`#node${activeGroupNodeIds[activeGroupNodeIds.length - 1]}`).data()\n    setNodeInfo({ start: d3NodeStart[0].data.name, end: d3NodeEnd[0].data.name })\n  }\n\n  const saveEdit = () => {\n    store.groups.updateGroup(() => setOldName(groupName))\n  }\n\n  return (\n    <Fragment>\n      <div className={css.topsection}>\n        <div className={css.title}> Edit Group: {oldName} </div>\n        <div className={`${css.flowTemplate} ${css.noInteract}`}>\n          <div className={css.fakeNode}>{nodeInfo.start}</div>\n          <div className={css.editNumOfNodes}>{steps ? `${steps} step(s)` : '# of steps'}</div>\n          <div className={css.fakeNode}>{nodeInfo.end}</div>\n          <div className={css.editConnected} />\n        </div>\n      </div>\n\n      <div className={css.bottomsection}>\n        <GroupForm />\n        <Button onClick={saveEdit} disabled={!store.groups.isReadyForSave}>\n          Save\n        </Button>\n        <Button onClick={store.groups.destroyBtn}>Delete</Button>\n      </div>\n    </Fragment>\n  )\n}\n\nexport default observer(EditGroupForm)\n","import React from 'react'\nimport Draggable from 'react-draggable'\nimport { Icon } from '@fortressiq/fiq-ds'\nimport { observer } from 'mobx-react'\n\nimport NewGroupForm from './NewGroupForm'\nimport EditGroupForm from './EditGroupForm'\n\nimport css from './groupsModalStyle.scss'\n\nimport store from '../stores/processExplorerStore'\n\nconst GroupsModal = () => {\n  const { activeGroup } = store.groups\n  const { groupId } = activeGroup\n\n  return (\n    <Draggable>\n      <div className={`${css.container}`}>\n        <div className={css.leave} onClick={store.groups.closeGroups} role='button' tabIndex={0}>\n          <Icon icon='remove' />\n        </div>\n        {groupId === null ? <NewGroupForm /> : <EditGroupForm />}\n      </div>\n    </Draggable>\n  )\n}\n\nexport default observer(GroupsModal)\n","import React, { Fragment } from 'react'\nimport { observer } from 'mobx-react'\nimport sourceTypes from 'components/dragAndDrop/sourceTypes'\nimport { Button } from '@fortressiq/fiq-ds'\n\nimport SVGDropZone from 'components/dragAndDrop/SVGDropZone'\n\nimport GroupForm from './common/GroupForm'\n\nimport css from './groupsModalStyle.scss'\n\nimport store from '../stores/processExplorerStore'\n\nconst NewGroupForm = () => {\n  const { activeGroup } = store.groups\n  const start = activeGroup.startNode\n  const end = activeGroup.endNode\n  const steps = activeGroup.activeGroupNodeIds.length\n  return (\n    <Fragment>\n      <div className={css.topsection}>\n        <div className={css.title}>Create a Group</div>\n        <div className={css.flowTemplate}>\n          <SVGDropZone\n            width={145}\n            height={55}\n            id='groupStart'\n            sourceTypes={sourceTypes.NODE}\n            data={start}\n            defaultDisplay='Start Node'\n          >\n            {start && <div className={css.dropNode}>{start.data.name}</div>}\n          </SVGDropZone>\n          <div className={css.numOfNodes}>{steps ? `${steps} step(s)` : '# of steps'}</div>\n          <SVGDropZone\n            width={145}\n            height={55}\n            id='groupEnd'\n            sourceTypes={sourceTypes.NODE}\n            data={end}\n            defaultDisplay='End Node(s)'\n          >\n            {end && <div className={css.dropNode}>{end.data.name}</div>}\n          </SVGDropZone>\n          {steps > 0 && <div className={css.connected} />}\n        </div>\n        <div className={css.error}>{store.groups.errorMessage}</div>\n      </div>\n\n      <div className={css.bottomsection}>\n        <GroupForm />\n        <Button onClick={store.groups.saveGroup} disabled={!store.groups.isReadyForSave}>\n          Save\n        </Button>\n        <Button onClick={store.groups.clearBtn}>Clear</Button>\n      </div>\n    </Fragment>\n  )\n}\n\nexport default observer(NewGroupForm)\n","import React, { Fragment } from 'react'\nimport { graphColorNames, Input, Select } from '@fortressiq/fiq-ds'\n\nimport store from '../../stores/processExplorerStore'\n\nconst GroupForm = () => {\n  const { activeGroup } = store.groups\n  const { baseColor, baseColorName, groupName } = activeGroup\n\n  const selectOptions = graphColorNames.map(({ hex, name }) => ({ label: name, value: hex }))\n  const colorValue = { label: baseColorName, value: baseColor }\n\n  return (\n    <Fragment>\n      <Input\n        placeholder='Group Name'\n        value={groupName}\n        onChange={store.groups.changeActiveGroupName}\n        tabIndex={0}\n        onMouseDown={e => e.stopPropagation()}\n        style={{ width: '250px' }}\n      />\n\n      <Select\n        onChange={e => {\n          store.groups.changeActiveGroupColor(e)\n        }}\n        options={selectOptions}\n        placeholder='Group Color'\n        style={{ width: '170px' }}\n        value={colorValue}\n      />\n    </Fragment>\n  )\n}\n\nexport default GroupForm\n","import React, { Fragment } from 'react'\nimport { observer } from 'mobx-react'\n\nimport { Button, Element, Empty, Typography } from '@fortressiq/fiq-ds'\n\nimport { FLASH_LEVELS } from 'components/flash/Flash'\nimport localStorage from 'lib/Storage'\n\nimport Loader from 'components/loaders/MainLoader'\n\nimport api from 'lib/Api'\nimport { toAlpha } from 'lib/String'\nimport { getTimeElapsed } from 'lib/Time'\nimport parseApplicationData from 'lib/parseApplicationData'\n\nimport paneIcon from 'images/process_explore/panesIcon.svg'\nimport flashHOC from 'components/flash/flashHOC.jsx'\n\nimport { getFlowDataStats } from '../processes/utils.js'\n\nimport ProcessExplorationDiagram from './diagram/ProcessExplorationDiagram'\n\nimport DraggingNode from './diagram/DraggingNode'\nimport ControlsBar from './controls/ControlsBar'\nimport GroupsModal from './GroupsModal/GroupsModal'\nimport SubprocessModal from './subprocessModal/SubprocessModal'\n\nimport store from './stores/processExplorerStore'\nimport subprocessStore from './stores/subprocessStore'\nimport { diagramSectionCSS, emptyContainerCSS, procExploreCSS } from './styles/index.js'\n\n@observer\nclass ProcessExplorer extends React.Component {\n  constructor({ graphProcessId }) {\n    super()\n\n    store.graphId = graphProcessId\n\n    this.state = {\n      fetchingDiagram: true,\n      minedRun: {},\n      flowDataStats: {},\n      applicationData: { applications: {}, total: 0, order: [] },\n    }\n\n    this.saveNew = this.saveNew.bind(this)\n  }\n\n  componentDidMount() {\n    this.setData()\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    const { flow_data: fData, process_data: processData, name, mined_run: minedRun, graphProcessId } = this.props\n\n    if (prevProps.graphProcessId !== graphProcessId) {\n      store.setDefaults()\n      store.graphId = graphProcessId\n      store.resetModes()\n      subprocessStore.clear()\n      store.groups.clearBtn()\n    }\n\n    if (name !== prevProps.name) {\n      store.processName = name\n    }\n\n    if (prevProps.flow_data !== fData || prevProps.process_data !== processData) {\n      this.setData()\n    }\n\n    if (minedRun !== prevState.minedRun) {\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({ minedRun })\n    }\n  }\n\n  //////////////// RENDER //////////////////////\n  render() {\n    const { history } = this.props\n\n    const { fetchingDiagram, data, flowData, flowDataStats, maxDepth, minedRun, applicationData, graphProcess } =\n      this.state\n\n    const { groupsMode, editGroupMode } = store.groups\n    const { subprocessMode } = subprocessStore\n\n    return (\n      <Element style={procExploreCSS}>\n        <ControlsBar\n          createGroup={this.createGroup}\n          diagramData={data}\n          duration={getTimeElapsed(flowDataStats.totalDuration)}\n          flowData={flowData}\n          graphId={store.graphId}\n          processName={store.processName}\n          saveNew={this.saveNew}\n        />\n\n        <Element id='diagramSection' style={diagramSectionCSS({ groupsMode: store.groups.groupsMode, subprocessMode })}>\n          {fetchingDiagram && <Loader />}\n\n          {!data && !fetchingDiagram && (\n            <Empty\n              description={\n                <Fragment>\n                  <Typography.Title level={4}>No Process selected</Typography.Title>\n                  <Typography.Paragraph>Select a Process from the upper left dropdown.</Typography.Paragraph>\n                </Fragment>\n              }\n              showImage={true}\n              style={emptyContainerCSS}\n            />\n          )}\n          {data && !fetchingDiagram && (\n            <ProcessExplorationDiagram\n              paneIcon={paneIcon}\n              diagramData={data}\n              applicationData={applicationData}\n              maxDepth={maxDepth}\n              history={history}\n              flowData={flowData}\n              flowDataStats={flowDataStats}\n              toggleHideDuration={this.toggleHideDuration}\n              minedRun={minedRun}\n              graphProcess={graphProcess}\n            />\n          )}\n\n          <div id='dragContainer'>\n            <DraggingNode />\n          </div>\n        </Element>\n\n        {subprocessMode && <SubprocessModal graphId={store.graphId} />}\n\n        {(groupsMode || editGroupMode) && <GroupsModal />}\n      </Element>\n    )\n  }\n\n  setData = () => {\n    const {\n      flow_data: fData,\n      process_data: processData,\n      max_pane_count: maxPaneCount,\n      name,\n      mined_run: minedRun,\n      graphProcess,\n    } = this.props\n\n    const flowData = fData\n      ? fData.map((flow, index) => {\n          let hideDuration = false\n          const hideDurationList = localStorage.get('processEx_hiddenDurations')\n          if (hideDurationList) hideDuration = hideDurationList[flow.id]\n          return { fill: '0.5', key: toAlpha(index, false), hideDuration: hideDuration, ...flow }\n        })\n      : []\n    store.setDefaults()\n\n    this.setState({\n      fetchingDiagram: false,\n      data: processData,\n      applicationData: this.getApplicationData(processData),\n      flowData,\n      flowDataStats: getFlowDataStats(flowData.filter(flow => !flow.hideDuration)),\n      maxDepth: maxPaneCount,\n      minedRun,\n      graphProcess,\n    })\n    store.flowData = flowData\n    store.processName = name\n\n    store.zoom = 1\n\n    store.groups.setGraphProcessId(store.graphId)\n    store.groups.fetchGroups()\n  }\n\n  toggleHideDuration = id => {\n    const { flowData: newFlowData } = this.state\n\n    let currentPath = {}\n    const entry = newFlowData.find(flow => flow.id === id)\n    if (entry) {\n      currentPath = { ...entry }\n      entry.hideDuration = !entry.hideDuration\n    } else {\n      return\n    }\n    if (Object.keys(currentPath).length === 0) return\n\n    const oldHidden = localStorage.get('processEx_hiddenDurations')\n    const newHidden = { ...oldHidden }\n    newHidden[id] = !currentPath.hideDuration\n    localStorage.set('processEx_hiddenDurations', newHidden, true)\n\n    this.setState({\n      flowData: newFlowData,\n      flowDataStats: getFlowDataStats(newFlowData.filter(flow => !flow.hideDuration)),\n    })\n    store.flowData = newFlowData\n  }\n\n  async saveNew(name) {\n    const { addNotification } = this.props\n    const {\n      data: { graphProcess },\n    } = await api.post(`/graph_processes/${store.graphId}/duplicate`, { name })\n\n    addNotification({\n      cta: <Button href={`/process-explorer/${graphProcess.id}`}>View {name}</Button>,\n      description: 'Process was saved successfully.',\n      message: 'Success!',\n      type: FLASH_LEVELS.SUCCESS,\n    })\n  }\n\n  getApplicationData = processData => {\n    // get application information from process data\n    const { total_steps: stepTotal } = this.props\n\n    const { applications, total, order } = parseApplicationData(processData)\n\n    return { applications, total, order, stepTotal }\n  }\n}\n\nexport default flashHOC(ProcessExplorer)\n","import React, { useEffect } from 'react'\nimport qs from 'qs'\n\nimport { useHeaderDispatch } from 'app/header/HeaderContext'\nimport Loader from 'components/loaders/MainLoader'\nimport { useFetch } from 'lib/hooks'\n\nimport ProcessExplorer from './ProcessExplorer'\nimport ProcessExplorerHeader from './ProcessExplorerHeader'\n\nconst ProcessExplorerContainer = ({\n  location,\n  match: {\n    params: { id },\n  },\n  ...restProps\n}) => {\n  const headerDispatch = useHeaderDispatch()\n  const graphProcessId = id || qs.parse(location.search, { ignoreQueryPrefix: true }).graph_process_id\n  const { data: processData, isLoading } = useFetch(`/process_explorer/${graphProcessId}`)\n  const headerTitle = [processData?.graphProcess?.name, 'Process Explorer'].join(' - ')\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      heading: ProcessExplorerHeader(graphProcessId),\n      title: headerTitle,\n    })\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [headerDispatch, headerTitle])\n\n  const props = {\n    location,\n    graphProcessId,\n    ...processData,\n    ...restProps,\n  }\n\n  return isLoading ? <Loader /> : <ProcessExplorer {...props} />\n}\n\nexport default ProcessExplorerContainer\n","import React, { Fragment } from 'react'\nimport { Heading } from '@fortressiq/fiq-ds'\nimport Can from 'components/can/Can'\nimport ProcessSelect from './ProcessSelect'\n\nconst ProcessExplorerHeader = graphProcessId => (\n  <Fragment>\n    <Heading\n      className='header-title'\n      level={1}\n      style={({ theme }) => ({ marginRight: `${theme['default-spacer-sm']} !important` })}\n    >\n      Explore a Process\n    </Heading>\n    <Can perform='/process-explorer:navigate-all-processes'>\n      <ProcessSelect graphProcessId={graphProcessId} />\n    </Can>\n  </Fragment>\n)\n\nexport default ProcessExplorerHeader\n","import React from 'react'\nimport { observer } from 'mobx-react'\nimport { Select, theme } from '@fortressiq/fiq-ds'\nimport { useList, useMap, useUpdateEffect } from 'react-use'\n\nimport { useHistory } from 'react-router-dom'\n\nimport { useFetch } from 'lib/hooks'\n\nconst ProcessSelect = ({ graphProcessId }) => {\n  const { data: allProcesses = [], isLoading } = useFetch('/process_explorer')\n  const [defaultValue, { setAll }] = useMap({})\n  const [selectOptions, { push }] = useList([])\n\n  const history = useHistory()\n  const onChange = ({ label, value }) => {\n    history.push(`/process-explorer/${value}`)\n    setAll({ label, value })\n  }\n  const selectProps = {\n    onChange: onChange,\n    placeholder: 'Select a Process',\n    style: {\n      width: '60%',\n    },\n    styles: { menu: { zIndex: theme['z-modal-below'] } },\n  }\n\n  useUpdateEffect(() => {\n    if (!isLoading) {\n      allProcesses.map(process => {\n        const thisProcess = { label: process.name, value: Number(process.id) }\n        if (thisProcess.value === Number(graphProcessId)) {\n          setAll(thisProcess)\n        }\n\n        return push(thisProcess)\n      })\n    }\n  }, [allProcesses, isLoading])\n\n  return <Select {...selectProps} value={defaultValue} isLoading={isLoading} options={selectOptions} />\n}\n\nexport default observer(ProcessSelect)\n","export const getCollapsed = collapsed =>\n  // get list of collapsed paths from collapsed;\n  // if a decision node is collapsed, then use its parent\n  Object.keys(collapsed).reduce((acc, nodeId) => {\n    if (collapsed[nodeId].collapsed) {\n      if (collapsed[nodeId].node.data.type === 'decision') {\n        acc[collapsed[nodeId].node.parent.id] = true\n      } else {\n        acc[nodeId] = true\n      }\n    }\n    return acc\n  }, {})\n\nexport default { getCollapsed }\n","import React, { useState } from 'react'\nimport { observer } from 'mobx-react'\nimport {\n  Button,\n  defaultDropdownLayerProps,\n  Dropdown,\n  Header,\n  theme,\n  Toolbar,\n  useFela,\n  useModal,\n} from '@fortressiq/fiq-ds'\n\nimport Can from 'components/can/Can'\nimport ExportButton from 'components/ExportButton/ExportButton'\nimport callbackStore from 'stores/callback'\n\nimport store from '../stores/processExplorerStore'\nimport GroupsControl from './GroupsControl'\n\nimport { topBar2 } from './styles/controlsBar.js'\nimport FlowsControl from './FlowControl'\nimport NewProcessForm from './NewProcessForm'\nimport SubProcsControl from './SubprocessControl'\n\nconst ControlsToolbar = observer(({ diagramData, flowData }) => {\n  const [flowFilterType, setFlowFilterType] = useState('duration')\n  const disabled = !diagramData || !flowData\n  const displayPathsBy = flowFilterType === 'frequency' ? 'Instances' : flowFilterType\n\n  return (\n    <Toolbar>\n      <Can perform='/process-explorer:create-subprocess'>\n        <SubProcsControl disabled={disabled} />\n      </Can>\n      <GroupsControl disabled={disabled} />\n      <Button onClick={store.createGroup} icon='heirachy2' disabled={disabled}>\n        Create Group\n      </Button>\n      <Dropdown\n        disabled={disabled}\n        trigger={{ type: 'click' }}\n        layer={{\n          ...defaultDropdownLayerProps,\n          closeOnOustideClick: false,\n          closeOnOverlayClick: false,\n          placement: 'bottom-start',\n          triggerOffset: 4,\n        }}\n        overlay={\n          <FlowsControl\n            flowFilterType={flowFilterType}\n            setFlowFilterType={setFlowFilterType}\n            diagramData={diagramData}\n            flowData={flowData}\n          />\n        }\n      >\n        <Button icon='barchart' suffixIcon='arrowdown' style={{ width: '220px' }}>\n          Display Paths by: {displayPathsBy}\n        </Button>\n      </Dropdown>\n    </Toolbar>\n  )\n})\n\nconst ToolbarActions = ({ openModal, exportOptions, graphId, defaultExportName }) => [\n  <ExportButton\n    buttonText='Export Process as ...'\n    callbackStore={callbackStore}\n    defaultExportName={defaultExportName}\n    disabled={!graphId}\n    exportType='graph'\n    key='export-graph-process'\n    options={exportOptions}\n  />,\n  <Can perform='/process-explorer:save-as-new-process' key='save-as-new-process'>\n    <Button\n      style={{\n        marginLeft: theme['default-spacer-sm'],\n      }}\n      onClick={openModal}\n      type='secondary'\n    >\n      Save as New Process\n    </Button>\n  </Can>,\n]\n\nconst ControlsBar = ({ diagramData, currentUser, flowData, saveNew, graphId = null, processName }) => {\n  const { css } = useFela()\n\n  const exportOptions = [\n    {\n      text: 'Export Process (.csv)',\n      exportArgs: { graphId },\n      disabled: false,\n    },\n  ]\n\n  const { addModal, removeModal } = useModal()\n\n  const modalID = 'process-explorer-save-new-process-modal'\n\n  const thisModal = {\n    children: <NewProcessForm saveNew={saveNew} removeModal={removeModal} modalID={modalID} />,\n    disableOK: true,\n    header: 'Save Process',\n    id: modalID,\n    footer: false,\n    style: { maxWidth: '400px' },\n    config: { interactWithKeyboard: false },\n  }\n\n  const openModal = () => addModal(thisModal)\n\n  return (\n    graphId && (\n      <Header\n        className={css(topBar2)}\n        toolbar={<ControlsToolbar currentUser={currentUser} diagramData={diagramData} flowData={flowData} />}\n        toolbarActions={\n          <ToolbarActions\n            openModal={openModal}\n            exportOptions={exportOptions}\n            graphId={graphId}\n            defaultExportName={processName}\n          />\n        }\n      />\n    )\n  )\n}\nexport default ControlsBar\n","import React, { useEffect, useState, useMemo } from 'react'\nimport { toJS } from 'mobx'\nimport { observer } from 'mobx-react'\nimport { Col, Row, Select, useFela } from '@fortressiq/fiq-ds'\n\nimport RangeInputSlider from 'components/rangeInputSlider/RangeInputSlider'\n\nimport store from '../stores/processExplorerStore'\nimport { flowControlContainerCSS, flowControlSliderCSS } from './styles/flowControl'\n\nconst FlowsControl = observer(({ flowFilterType, setFlowFilterType, flowData, diagramData }) => {\n  const [sortedFlowData, setSortedFlowData] = useState([])\n  const [sortedFlowFreq, setSortedFlowFreq] = useState([])\n  const { css } = useFela()\n\n  useEffect(() => {\n    store.flowData = flowData\n    setSortedFlowData(flowData ? toJS(flowData).sort((a, b) => b.percent - a.percent) : [])\n  }, [flowData])\n\n  useEffect(() => {\n    const getFlowFrequencies = (firstNode, node, flowFreq) => {\n      const total = firstNode.value\n\n      if (node.type === 'end') {\n        flowFreq.push({ percent: ((node.value / total) * 100).toFixed(2) })\n      }\n\n      if (node.children) {\n        node.children.forEach(child => getFlowFrequencies(firstNode, child, flowFreq))\n      }\n      if (node.hiddenChildren) {\n        node.hiddenChildren.forEach(child => getFlowFrequencies(firstNode, child, flowFreq))\n      }\n    }\n\n    const flowFreq = []\n    getFlowFrequencies(diagramData, diagramData, flowFreq)\n    setSortedFlowFreq(flowFreq ? flowFreq.sort((a, b) => b.percent - a.percent) : [])\n  }, [diagramData])\n\n  const style = { width: '150px' }\n\n  const onChange = ({ value }) => {\n    setFlowFilterType(value)\n    store.setTreeFlow(100, store.flowData.length - 1, 'reset')\n  }\n\n  const onSlide = (value, index) => store.setTreeFlow(value, index, flowFilterType)\n\n  const selectOptions = useMemo(\n    () => [\n      { label: 'Duration', value: 'duration' },\n      { label: 'Instances', value: 'frequency' },\n    ],\n    []\n  )\n\n  const getDefaultValue = useMemo(() => {\n    let defaultValue\n\n    selectOptions.map(({ label, value }) => {\n      if (value === flowFilterType) {\n        defaultValue = { label, value }\n      }\n\n      return null\n    })\n\n    return defaultValue\n  }, [flowFilterType, selectOptions])\n\n  return (\n    <div className={css(flowControlContainerCSS)}>\n      <Row noEndGutter={true} noOfCols={2} type='grid'>\n        <Col>Display Paths by:</Col>\n        <Col justify='flex-end'>\n          <Select\n            onChange={onChange}\n            options={selectOptions}\n            size='small'\n            style={style}\n            defaultValue={getDefaultValue}\n          />\n        </Col>\n      </Row>\n      <div className={css(flowControlSliderCSS)}>\n        {flowFilterType === 'duration' && (\n          <RangeInputSlider values={sortedFlowData} dataKey='percent' maxWidth={320} onSlide={onSlide} width={null} />\n        )}\n        {flowFilterType === 'frequency' && (\n          <RangeInputSlider values={sortedFlowFreq} dataKey='percent' maxWidth={320} onSlide={onSlide} width={null} />\n        )}\n      </div>\n    </div>\n  )\n})\n\nexport default FlowsControl\n","import React from 'react'\nimport { observer } from 'mobx-react'\nimport { Dropdown, graphColors, Menu, MenuItem, Icon, useFela } from '@fortressiq/fiq-ds'\n\nimport store from '../stores/processExplorerStore'\n\nimport { dropdownContainer, dropdownText, groupDetails, groupName, multi, row } from './styles/groupsControl'\n\nconst GroupsControlBase = props => {\n  const { disabled } = props\n  const { css } = useFela()\n\n  const menu = (\n    <Menu className={css(dropdownContainer)}>\n      <MenuItem key='highlight_all' onClick={store.groups.highlightAll}>\n        Highlight All\n      </MenuItem>\n      {store.groups.groupList.map((group, index) => {\n        const borderColor = group.titleColor || graphColors[index % graphColors.length]\n        const style = { border: `1px solid ${borderColor}` }\n\n        if (group.visible) style.background = borderColor\n\n        return (\n          <MenuItem key={index} onClick={() => store.groups.toggleGroup(group.id)}>\n            <div className={css(row)}>\n              <div className={css(groupDetails)}>\n                <span className={css(multi)} style={style} />\n                <div className={css(groupName)}>{group.name}</div>\n              </div>\n              {group.visible && <Icon icon='check' size={11} />}\n            </div>\n          </MenuItem>\n        )\n      })}\n    </Menu>\n  )\n\n  const visibleGroups = store.groups.groupList.reduce((acc, group) => {\n    if (group.visible) {\n      acc = `${acc === '' ? '' : `${acc},`} ${group.name}`\n    }\n    return acc\n  }, '')\n\n  return (\n    <Dropdown\n      trigger={{ type: 'click' }}\n      disabled={disabled}\n      overlay={menu}\n      id='process-explorer-groups'\n      layer={{ placement: 'bottom-start' }}\n    >\n      <div className={css(dropdownText)}>Display Group(s): {visibleGroups || 'None'}</div>\n    </Dropdown>\n  )\n}\n\nexport default observer(GroupsControlBase)\n","import React from 'react'\nimport { helpers, Input } from '@fortressiq/fiq-ds'\nimport { useGetSet } from 'react-use'\nimport PropTypes from 'prop-types'\n\nconst NewProcessForm = ({ saveNew, removeModal, modalID }) => {\n  const [get, setState] = useGetSet('')\n  const handleSubmit = () => {\n    const value = get()\n    if (value !== '') {\n      saveNew(value)\n      setState('')\n      removeModal(modalID)\n    }\n  }\n  return (\n    <Input\n      autoFocus={true}\n      button={true}\n      buttonProps={{\n        children: 'Add',\n        disabled: get() === '',\n        onClick: e => {\n          e.preventDefault()\n          handleSubmit()\n        },\n        type: 'secondary',\n      }}\n      onChange={({ target: { value } }) => setState(value)}\n      onEnter={() => handleSubmit()}\n      placeholder='Process Name'\n    />\n  )\n}\n\nNewProcessForm.propTypes = {\n  saveNew: PropTypes.func,\n  removeModal: PropTypes.func.isRequired,\n  modalID: PropTypes.string.isRequired,\n}\n\nNewProcessForm.defaultProps = {\n  saveNew: helpers.noop,\n}\n\nexport default NewProcessForm\n","import React from 'react'\n\nimport { Button } from '@fortressiq/fiq-ds'\nimport store from '../stores/processExplorerStore'\n\nconst SubProcsControl = ({ disabled }) => (\n  <Button onClick={store.setSubprocessMode} icon='models' disabled={disabled}>\n    Create Subprocess\n  </Button>\n)\n\nexport default SubProcsControl\n","import React from 'react'\n\nimport ControlsBar from '../ControlsBar'\n\njest.mock('../../stores/processExplorerStore', () => ({\n  setGroupMode: jest.fn,\n}))\n\njest.mock('@fortressiq/fiq-ds-themes/dist/js/graphColors.js', () => [\n  'hsl(220.83,32.14%,56.08%)',\n  'hsl(355,26.79%,56.08%)',\n  'hsl(220.83,32.14%,56.08%)',\n  'hsl(355,26.79%,56.08%)',\n  'hsl(220.83,32.14%,56.08%)',\n  'hsl(355,26.79%,56.08%)',\n  'hsl(220.83,32.14%,56.08%)',\n  'hsl(355,26.79%,56.08%)',\n  'hsl(220.83,32.14%,56.08%)',\n  'hsl(355,26.79%,56.08%)',\n])\n\njest.mock('@fortressiq/fiq-ds', () => ({\n  Header: ({ props }) => <header {...props} />,\n  useFela: () => ({\n    css: () => undefined,\n  }),\n  useModal: () => ({\n    addModal: () => undefined,\n    removeModal: () => undefined,\n  }),\n  Typography: {\n    Paragraph: ({ props }) => <div {...props} />,\n  },\n  theme: {\n    'z-base-above': 20,\n  },\n  helpers: {\n    noop: () => {},\n  },\n}))\n\ndescribe('ControlsBar component', () => {\n  it('should render without throwing an error', () => {\n    const component = global.shallowWithTheme(\n      <ControlsBar\n        diagramData={{}}\n        currentUser={{}}\n        flowData={{}}\n        showSaveModal={jest.fn}\n        allProcesses={{}}\n        graphId={{}}\n      />\n    )\n    expect(component).toMatchSnapshot()\n    expect(() => component).not.toThrow()\n  })\n})\n","import React from 'react'\n\nimport FlowControl from '../FlowControl'\n\njest.mock('../../stores/processExplorerStore', () => ({\n  setTreeFlow: jest.fn,\n}))\n\njest.mock('@fortressiq/fiq-ds-themes/dist/js/graphColors.js', () => [\n  'hsl(220.83,32.14%,56.08%)',\n  'hsl(355,26.79%,56.08%)',\n  'hsl(220.83,32.14%,56.08%)',\n  'hsl(355,26.79%,56.08%)',\n  'hsl(220.83,32.14%,56.08%)',\n  'hsl(355,26.79%,56.08%)',\n  'hsl(220.83,32.14%,56.08%)',\n  'hsl(355,26.79%,56.08%)',\n  'hsl(220.83,32.14%,56.08%)',\n  'hsl(355,26.79%,56.08%)',\n])\n\njest.mock('@fortressiq/fiq-ds', () => ({\n  useFela: () => ({\n    css: () => ({}),\n  }),\n  combineRules: () => undefined,\n  Col: ({ props }) => <div {...props} />,\n  Row: ({ props }) => <div {...props} />,\n  Select: ({ props }) => <div {...props} />,\n}))\n\ndescribe('ControlsBar FlowsControl component', () => {\n  it('should render without throwing an error', () => {\n    const component = global.shallowWithTheme(<FlowControl diagramData={{ value: 0 }} flowData={[]} />)\n    expect(component).toMatchSnapshot()\n    expect(() => component).not.toThrow()\n  })\n})\n","import React from 'react'\n\nimport { mockGraphColors } from '../../../../lib/test_helpers/mockGraphColors.js'\nimport GroupsControlBase from '../GroupsControl'\n\njest.mock('../../stores/processExplorerStore', () => ({\n  groups: {\n    groupList: [],\n    toggleGroup: jest.fn,\n  },\n}))\n\njest.mock('@fortressiq/fiq-ds', () => {\n  return {\n    useFela: () => ({\n      css: () => ({}),\n    }),\n    theme: () => ({}),\n    Dropdown: () => ({}),\n    Menu: () => ({}),\n    MenuItem: () => ({}),\n  }\n})\n\njest.mock('@fortressiq/fiq-ds-themes/dist/js/graphColors.js', () => mockGraphColors)\n\ndescribe('ControlsBar GroupsControl component', () => {\n  it('should render without throwing an error', () => {\n    const component = global.shallowWithTheme(<GroupsControlBase currentUser={{ isLimited: false }} />)\n    expect(component).toMatchSnapshot()\n    expect(() => component).not.toThrow()\n  })\n})\n","/* eslint-disable import/prefer-default-export */\nexport const controlLabel = ({ theme }) => ({\n  color: theme['legacy-color-dark'],\n  marginRight: theme['default-spacer-sm'],\n  paddingTop: '2px',\n  whiteSpace: 'nowrap',\n})\n\nexport const topBar2 = ({ theme }) => ({\n  background: theme.white,\n  color: theme['legacy-color-gray6'],\n  padding: 0,\n  zIndex: theme['z-base'],\n})\n","/* eslint-disable import/prefer-default-export */\nimport { theme } from '@fortressiq/fiq-ds'\n\nexport const flowControlContainerCSS = () => ({\n  background: theme?.white,\n  borderBottomLeftRadius: theme['border-radius-base'],\n  borderBottomRightRadius: theme['border-radius-base'],\n  boxShadow: '1px 0 6px 0 hsla(0, 0%, 19.6%, 0.1)',\n  left: `-${theme['default-spacer-sm']}`,\n  padding: theme['default-spacer-md'],\n  position: 'absolute',\n  top: '5px',\n  width: '320px',\n})\n\nexport const flowControlSliderCSS = () => ({\n  flex: '1',\n  margin: `${theme['default-spacer-md']} ${theme['default-spacer-sm']} 0 0`,\n  padding: `${theme['default-spacer-xs']} 0`,\n})\n","import { ellipsisCSS } from 'styles/utils'\n\nexport const dropdownContainer = () => ({\n  left: '-9px',\n  maxHeight: '300px',\n  position: 'relative',\n  top: '18px',\n  width: '300px',\n})\n\nexport const row = () => ({\n  alignItems: 'center',\n  display: 'flex',\n})\n\nexport const groupDetails = () => ({\n  alignItems: 'center',\n  display: 'flex',\n  width: '90%',\n})\n\nexport const groupName = () => ({\n  width: '80%',\n  ...ellipsisCSS(),\n})\n\nexport const multi = ({ theme }) => ({\n  borderRadius: '100%',\n  display: 'inline-block',\n  flexGrow: 0,\n  flexShrink: 0,\n  float: 'left',\n  height: '11px',\n  marginRight: '11px',\n  marginTop: theme['default-spacer-xs'],\n  verticalAlign: 'middle',\n  width: '11px',\n\n  '&.filled': {\n    background: theme.white,\n  },\n\n  '&:first-child': {\n    border: `1px solid ${theme['legacy-color-grey7']}`,\n  },\n})\n\nexport const dropdownText = ({ theme }) => ({\n  textAlign: 'left',\n  maxWidth: '200px',\n  padding: `0 ${theme['default-spacer-sm']}`,\n  cursor: 'pointer',\n  ...ellipsisCSS(),\n})\n","import React, { Fragment } from 'react'\nimport * as d3 from 'd3'\nimport { observer } from 'mobx-react'\nimport { ApplicationIcon, Icon, Group, Typography, Tooltip } from '@fortressiq/fiq-ds'\n\nimport DisabledScreenshot, { isDisabledScreenshot } from 'components/DisabledScreenshot/DisabledScreenshot'\nimport UnredactedImageViewerWithOption from 'components/image/UnredactedImageViewerWithOption'\n\nimport api from 'lib/Api'\n\nimport TextToInput from 'components/inputs/TextToInput'\nimport { roleActionCheck } from 'components/can/Can'\nimport { useUserState } from 'context/UserContext'\n\nimport css from './activityControlPanelStyle.scss'\n\nconst { Text } = Typography\n\nconst ActivityControlPanel = observer(({ store }) => {\n  const { roles } = useUserState()\n\n  const onSaveName = (_, value) => {\n    const { data: viewingNodeData } = store.viewingNode\n    d3.select(`.nodeId_${viewingNodeData.id} .eventFOhtml`).text(value)\n    api.patch(`/graph_nodes/${node.id}`, { name: value })\n  }\n\n  const node = store.viewingNode\n  const eventLog = store.viewingEventLog\n  const { data } = node\n  const [application] = data.applications\n\n  const iconContainerStyles = { alignItems: 'center', display: 'flex', flexDirection: 'row' }\n\n  const renderScreenshot = () => {\n    const images = eventLog\n      ? [\n          {\n            centered: true,\n            fluid: true,\n            src: eventLog.screenshotUrl,\n            svgInfo: {\n              box: eventLog.bounding_box || eventLog.boundingBox,\n              x: eventLog.coordX || eventLog.coord_x,\n              y: eventLog.coordY || eventLog.coord_y,\n            },\n          },\n        ]\n      : null\n\n    const screenshot = eventLog && (\n      <UnredactedImageViewerWithOption\n        clickImageToFullscreen={true}\n        dark={false}\n        images={images}\n        maxHeight='100%'\n        maxWidth={300}\n        openFullscreenOnLoad={false}\n        selectedIndex={0}\n        fullscreenEnabled={true}\n      />\n    )\n\n    if (isDisabledScreenshot(eventLog)) {\n      return <DisabledScreenshot iconSize={150} fontSize='13px' iconHeight={65} containerHeight={164} />\n    } else {\n      return screenshot\n    }\n  }\n\n  return !node ? (\n    <div className={css.emptyMsg}>Select a Node</div>\n  ) : (\n    <Fragment>\n      <div className={`${css.section} ${css.app}`}>\n        {application && (\n          <ApplicationIcon\n            className={css.appIcon}\n            name={application.application_name}\n            src={application.application_icon_url}\n            textLength={2}\n          />\n        )}\n        {roleActionCheck('/process-explorer:edit-process-name', roles) && data.name !== 'End' ? (\n          <TextToInput\n            textStyle={{ maxWidth: '360px' }}\n            key={`text-to-input-${node.id}`}\n            name='name'\n            onEnter={onSaveName}\n            value={data.name}\n            tooltipProps={{ title: `Edit: ${data.name}` }}\n          />\n        ) : (\n          <Tooltip placement='bottom-center' title={data.name}>\n            <Text style={{ alignSelf: 'center' }} as='span' ellipsis={true}>\n              {data.name || '--'}\n            </Text>\n          </Tooltip>\n        )}\n      </div>\n\n      <div className={css.section} style={{ borderBottom: 'none' }}>\n        <div className={css.statContainer}>\n          <Group align='middle' gutter={16} justify='flex-start'>\n            <span style={iconContainerStyles}>\n              <Icon before={true} icon='node' size={16} />\n              {data.value || 0}\n            </span>\n            <span style={iconContainerStyles}>\n              <Icon before={true} icon='split' size={16} />\n              {node.percent || '0%'}\n            </span>\n            <span>\n              Node Depth:\n              {node.depth}\n            </span>\n          </Group>\n\n          {node.data.type.trim() !== 'end' && <div className={css.shot}>{renderScreenshot()}</div>}\n        </div>\n      </div>\n    </Fragment>\n  )\n})\n\nexport default ActivityControlPanel\n","import React from 'react'\nimport { reaction } from 'mobx'\n\nimport api from 'lib/Api'\nimport { UserStateContext } from 'context/UserContext'\n\nimport store from 'app/process_explorer/stores/processExplorerStore'\nimport DecisionNoEdit from 'app/inspectors/DecisionNoEdit'\nimport EditDecisionForm from './EditDecisionForm'\n\nclass EditDecision extends React.Component {\n  static contextType = UserStateContext\n\n  constructor(props) {\n    super(props)\n\n    this.state = {\n      data: {},\n      name: '',\n      description: '',\n      rules: [],\n    }\n  }\n\n  componentDidMount() {\n    this.setNodeInfo()\n\n    this.nodeChangeReaction = reaction(\n      () => ({\n        path: store.viewingNode,\n      }),\n      () => {\n        this.setNodeInfo()\n      }\n    )\n  }\n\n  componentWillUnmount() {\n    this.nodeChangeReaction()\n  }\n\n  render() {\n    const { name, description, rules } = this.state\n    const { isLimited } = this.context\n\n    if (isLimited) {\n      return <DecisionNoEdit name={name} description={description} rules={rules} store={store} />\n    }\n    return (\n      <EditDecisionForm\n        description={description}\n        name={name}\n        onSave={this.onSave}\n        onChange={this.onChange}\n        rules={rules}\n        store={store}\n      />\n    )\n  }\n\n  setNodeInfo = async () => {\n    const { viewingNode } = store\n\n    if (!viewingNode || store.viewingNode.data.type !== 'decision') return\n\n    const { data } = await api.get(`/graph_nodes/${viewingNode.data.id}`)\n    const { rules, name, description } = data.node\n\n    this.setState({\n      name: name,\n      description: description,\n      rules: viewingNode.children.map(c => {\n        const rule = rules.find(r => c.data.id === r.id)\n        if (!rule) return\n        return {\n          consequentNodeId: rule.id,\n          ruleName: rule.ruleName || '',\n          ruleDescription: rule.ruleDescription || '',\n          id: `${c.branchLabel}`,\n        }\n      }),\n    })\n  }\n\n  onChange = (key, value, index) => {\n    const newState = { ...this.state }\n\n    if (typeof index !== 'undefined') {\n      newState.rules[index][key] = value\n    } else {\n      newState[key] = value\n    }\n    this.setState(newState)\n  }\n\n  onSave = async () => {\n    const { viewingNode } = store\n    const { name, description, rules } = this.state\n\n    const params = {\n      name: name,\n      description: description,\n      rules: rules,\n    }\n    await api.patch(`/graph_nodes/${viewingNode.data.id}`, params)\n  }\n}\n\nexport default EditDecision\n","// TODO: Move this to a modal.\nimport React from 'react'\nimport { Button, Input, TextArea } from '@fortressiq/fiq-ds'\n\nimport css from './editDecisionFormStyle.scss'\n\n/******************\n * Inspector type: edit decision\n * pretty much just the UI for editing a decision in inspector\n *\n ******************/\nconst EditDecisionForm = ({ onSave, onChange, name, description, rules, store, style }) => (\n  <div className={css.container} style={style}>\n    <div className={`${css.flex} ${css.section}`}>\n      <div className={css.graphlabel}>{store.viewingNode.labelNum || '?'}</div>\n      <label htmlFor='decisionLabel'>Decision Point Label</label>\n    </div>\n    <Input\n      className={css.inputFull}\n      id='decisionLabel'\n      onChange={e => onChange('name', e.target.value)}\n      placeholder='Custom Decision label'\n      value={name}\n    />\n\n    <TextArea\n      onChange={e => onChange('description', e.target.value)}\n      placeholder='Optional Description'\n      value={description}\n    />\n    <SaveButton onSave={onSave} />\n\n    <div className={`${css.pathsTitle} ${css.section}`}>Paths:</div>\n\n    {rules &&\n      rules.length > 0 &&\n      rules.map((item, i) => (\n        <div key={i} style={{ marginBottom: '30px' }}>\n          <div className={css.flex}>\n            <div className={css.graphlabel}>{item.id}</div>\n            <label htmlFor={`path${i}`}>label</label>\n            <Input\n              id={`path${i}`}\n              placeholder='Custom Path Label'\n              value={item.ruleName}\n              onChange={e => onChange('ruleName', e.target.value, i)}\n            />\n          </div>\n          <TextArea\n            placeholder='Optional Description'\n            value={item.ruleDescription}\n            onChange={e => onChange('ruleDescription', e.target.value, i)}\n          />\n          <SaveButton onSave={onSave} />\n        </div>\n      ))}\n  </div>\n)\n\nconst SaveButton = ({ onSave }) => (\n  <div className={css.saveContainer}>\n    <Button className={css.save} onClick={onSave}>\n      Save\n    </Button>\n  </div>\n)\n\nexport default EditDecisionForm\n","import React from 'react'\nimport { observer } from 'mobx-react'\nimport { Button, ButtonGroup, Dropdown } from '@fortressiq/fiq-ds'\n\nimport store from 'app/process_explorer/stores/processExplorerStore'\n\nconst buttonWidthStyle = { width: '113px' }\n\nconst NodeControls = ({ onCollapse, onRemove, onExpand, menu }) => {\n  const node = store.viewingNode\n  const collapseDisabled = !node.parent || node.parent.data.type === 'start'\n\n  return (\n    <ButtonGroup>\n      <Button icon='arrowleft' onClick={onCollapse} disabled={collapseDisabled} style={buttonWidthStyle}>\n        Collapse\n      </Button>\n      <Button icon='subtract' onClick={onRemove} disabled={!node.children} style={buttonWidthStyle}>\n        Remove\n      </Button>\n      <Button icon='add' onClick={onExpand} disabled={!node.hiddenChildren} style={buttonWidthStyle}>\n        Expand\n      </Button>\n      <Dropdown overlay={menu} trigger={{ type: 'click' }}>\n        <Button icon='horizontaldots' />\n      </Dropdown>\n    </ButtonGroup>\n  )\n}\n\nexport default observer(NodeControls)\n","import React, { Fragment } from 'react'\nimport { toJS } from 'mobx'\n\nimport Can from 'components/can/Can'\n\nimport EditDecision from './EditDecision'\nimport ActivityControlPanel from './ActivityControlPanel'\nimport NodeControls from './NodeControls'\n\nimport store from '../../stores/processExplorerStore'\nimport css from './nodeInspectorStyle.scss'\n\nconst NodeInspector = ({ onCollapse, onRemove, onExpand, menu }) => {\n  const JSviewingNode = toJS(store.viewingNode)\n\n  if (Object.keys(JSviewingNode).length > 0) {\n    return (\n      <div className={css.nodeInspectorContainer}>\n        {store.viewingNode.data.type === 'decision' ? (\n          <EditDecision />\n        ) : (\n          <Fragment>\n            <ActivityControlPanel store={store} />\n            <Can perform='/process-explorer:node-controls'>\n              <NodeControls menu={menu} onCollapse={onCollapse} onRemove={onRemove} onExpand={onExpand} />\n            </Can>\n          </Fragment>\n        )}\n      </div>\n    )\n  } else {\n    return <div className={`${css.container} ${css.empty}`}>Select a node to view details.</div>\n  }\n}\n\nexport default NodeInspector\n","import React from 'react'\nimport { observer } from 'mobx-react'\n\nimport SVGDropZoneStore from 'components/dragAndDrop/SVGDropZoneStore'\n\nimport css from './draggingNodeStyle.scss'\n\n@observer\nclass DraggingNode extends React.Component {\n  render() {\n    return SVGDropZoneStore.draggingNode ? (\n      <div className={css.target} style={{ left: SVGDropZoneStore.draggingNodeX, top: SVGDropZoneStore.draggingNodeY }}>\n        {SVGDropZoneStore.draggingDetails.data ? SVGDropZoneStore.draggingDetails.data.name : 'Activity'}\n      </div>\n    ) : null\n  }\n}\n\nexport default DraggingNode\n","import React from 'react'\nimport { reaction } from 'mobx'\nimport { observer } from 'mobx-react'\nimport { Element } from '@fortressiq/fiq-ds'\n\nimport MiniMap from 'components/mini_map/MiniMap'\nimport { UserStateContext } from 'context/UserContext'\n\nimport store from '../stores/processExplorerStore'\nimport subprocessStore from '../stores/subprocessStore'\n\nimport SidePanel from './SidePanel'\nimport ProcessExplorerTree from './ProcessExplorerTree'\n\nimport ZoomControls from '../zoomControls/ZoomControls'\n\nimport { containerCSS, diagramContainerCSS, disagramSVGCSS, mapDiagramContainerCSS } from './styles'\n\n/******\n * Component for process mining/exploration page\n * instantiates a processTree obj which is classic js object and written with d3 , using d3 patterns\n * functions passed in from parent component are passed in to processTree constructor and bound there\n * also acts as an intemediary and updates the tree when props change.,,,\n * need to see if there is a clean way to call update from mobx?..(or forego mobX?..)\n *******/\n@observer\nclass ProcessExplorationDiagram extends React.Component {\n  static contextType = UserStateContext\n\n  constructor(props) {\n    super(props)\n\n    this.state = {\n      tree: {},\n      node: {},\n    }\n  }\n\n  componentDidMount() {\n    //click out side handler for menus\n    this.createTree()\n  }\n\n  componentDidUpdate(prevProps) {\n    const { diagramData } = this.props\n    if (prevProps.diagramData !== diagramData) {\n      this.createTree()\n    }\n  }\n\n  componentWillUnmount() {\n    this.graphReaction()\n    this.subprocessReaction()\n    this.selectPathReaction()\n    this.updatePathNameReaction()\n    this.treeFlowReaction()\n  }\n\n  render() {\n    const { node, tree } = this.state\n\n    const { flowData, flowDataStats, minedRun, applicationData, graphProcess, toggleHideDuration } = this.props\n    const { isAdmin } = this.context\n\n    return (\n      <Element style={containerCSS}>\n        <Element id='mapAndDiagramContainer' style={mapDiagramContainerCSS}>\n          <Element id='diagramContainer' style={diagramContainerCSS}>\n            <Element id='diagramSVGCanvas' style={disagramSVGCSS} />\n          </Element>\n          <ZoomControls />\n          <MiniMap mapOf='diagramContainer' viewport='diagramContainer' zoom={store.zoom} />\n        </Element>\n\n        <SidePanel\n          applicationData={applicationData}\n          flowData={flowData}\n          graphProcessId={store.graphId}\n          isAdmin={isAdmin}\n          minedRun={minedRun}\n          node={node}\n          store={store}\n          flowDataStats={flowDataStats}\n          toggleHideDuration={toggleHideDuration}\n          tree={tree}\n          graphProcess={graphProcess}\n        />\n      </Element>\n    )\n  }\n\n  createTree = () => {\n    const { diagramData, history, flowData } = this.props\n\n    const newTreeProps = {\n      data: diagramData,\n      history: history,\n      flowData: flowData,\n      selectNode: this.selectNode,\n      clearActivityPanel: this.clearActivityPanel,\n    }\n    const tree = new ProcessExplorerTree(newTreeProps)\n\n    this.graphReaction = reaction(\n      () => {\n        return {\n          flow: store.flow,\n          groupMode: store.groups.groupsMode,\n          editGroupMode: store.groups.editGroupMode,\n          groupList: store.groups.groupList,\n          activeGroup: store.groups.activeGroup,\n          viewingNode: store.viewingNode,\n          activeGroupNodeIdsLength: store.groups.activeGroup.activeGroupNodeIds.length,\n        }\n      },\n      () => {\n        tree.update()\n      }\n    )\n\n    this.selectPathReaction = reaction(\n      () => store.selectedPath,\n      path => {\n        if (!path.fromNode) {\n          tree.update()\n        }\n      }\n    )\n\n    this.updatePathNameReaction = reaction(\n      () => {\n        return {\n          flowData: store.flowData,\n        }\n      },\n      () => {\n        tree.update()\n      }\n    )\n\n    this.treeFlowReaction = reaction(\n      () => ({ value: store.treeFlow.value, index: store.treeFlow.index, type: store.treeFlow.type }),\n      ({ value, index, type }) => {\n        tree.setFlows(value, index, type)\n      }\n    )\n\n    this.subprocessReaction = reaction(\n      () => {\n        return {\n          includedNodeIds: subprocessStore.includedNodeIds,\n          subprocessMode: subprocessStore.subprocessMode,\n        }\n      },\n      () => {\n        this.markSubprocessNodesInD3Data(store.d3Data)\n        tree.update()\n      }\n    )\n    this.setState({ tree: tree })\n  }\n\n  markSubprocessNodesInD3Data(d3Node) {\n    d3Node.data.isInSubprocess = subprocessStore.includedNodeIds.includes(d3Node.data.id)\n\n    if (!d3Node.children) return\n\n    d3Node.children.forEach(child => {\n      this.markSubprocessNodesInD3Data(child)\n    })\n  }\n\n  clearActivityPanel() {\n    store.viewingNode = {}\n  }\n\n  selectNode = d => {\n    this.setState({ node: d })\n  }\n}\n\nexport default ProcessExplorationDiagram\n","/* eslint-disable no-console */\nimport * as d3 from 'd3'\nimport cloneDeep from 'lodash/cloneDeep'\nimport concat from 'lodash/concat'\nimport unionWith from 'lodash/unionWith'\nimport { toJS } from 'mobx'\nimport { graphColors } from '@fortressiq/fiq-ds'\n\nimport DOMPurify from 'dompurify'\n\nimport dom from 'lib/Dom'\nimport { toAlpha } from 'lib/String'\nimport { getTimeElapsed } from 'lib/Time'\n\nimport store from '../stores/processExplorerStore'\nimport subprocessStore from '../stores/subprocessStore'\n\nimport renderBaseNodes from './renderers/BaseNodeRenderer'\nimport renderBuildGroup from './renderers/BuildGroupRenderer'\nimport renderFlows from './renderers/FlowRenderer'\nimport renderGroups from './renderers/GroupRenderer'\nimport renderLabels from './renderers/LabelRenderer'\nimport renderLinks from './renderers/LinkRenderer'\nimport renderNodes from './renderers/NodeRenderer'\n\nimport DropShadowRenderer from './renderers/DropShadowRenderer'\n\nexport default class ProcessExplorerTree {\n  constructor(props) {\n    const { data, history, clearActivityPanel, selectNode, flowData } = props\n\n    this.maxWeight = data.value //max edge weight in actual value\n    this.maxPathWidth = 32 //max visual width of edge\n    this.width = dom.windowWidth()\n    this.height = dom.windowHeight()\n    this.margin = { top: 90, right: 350, bottom: 90, left: 90 } /* margin on botton/right for activity panel */\n    this.history = history\n\n    this.svg = null\n    this.svgCanvas = null\n    this.subSvg = null\n    this.flowSvg = null\n    this.diagramData = data\n    this.diagramState = data\n    this.loadSubId = null\n    this.clearActivityPanel = clearActivityPanel\n    this.selectNode = selectNode\n\n    this.tree = null\n    this.rootNode = null\n    this.subId = null\n\n    this.groupClickCount = 0\n    this.groupInMem = null\n    this.groups = []\n\n    this.flowData = flowData\n\n    //stores all collapsed nodes -- so that any transforms include previously collapsed nodes\n    this.collapsed = {}\n\n    this.maxDepth = 0\n\n    this.nodeHPadding = 100\n\n    this.initTree()\n  }\n\n  setCanvasDimensions(nodes) {\n    let minYCoord = 0\n    let maxYCoord = 0\n\n    nodes.forEach(d => {\n      if (Math.sign(d.x) === -1 && d.x < minYCoord) {\n        minYCoord = d.x\n      }\n      if (Math.sign(d.x) === 1 && d.x > maxYCoord) {\n        maxYCoord = d.x\n      }\n\n      if (d.depth > this.maxDepth) this.maxDepth = d.depth\n    })\n\n    const panel = document.getElementById('ActivityBox')\n    let panelHeight = 0\n    let panelWidth = 0\n    if (panel) {\n      panelHeight = panel.offsetHeight + 70 //height of activity controls panel -- do not want to cover diagram\n      panelWidth = panel.offsetWidth + 70 //height of activity controls panel -- do not want to cover diagram\n    }\n\n    const viewWidth =\n      this.maxDepth * (store.nodeWidth + this.nodeHPadding) +\n      store.nodeWidth +\n      this.margin.left +\n      this.margin.right +\n      panelWidth\n\n    this.svgCanvas.attr('width', viewWidth)\n    this.svg.attr('width', viewWidth)\n    this.subSvg.attr('width', viewWidth)\n    this.flowSvg.attr('width', viewWidth)\n    this.groupsSvg.attr('width', viewWidth)\n\n    const newHeightInt =\n      maxYCoord + Math.abs(minYCoord) + store.nodeHeight * 4 + Math.max(panelHeight, this.margin.bottom)\n\n    const newHeight = `${newHeightInt}px`\n    this.svgCanvas.style('height', newHeight)\n    this.svg.style('height', newHeight)\n    this.subSvg.style('height', newHeight)\n    this.flowSvg.style('height', newHeight)\n    this.groupsSvg.style('height', newHeight)\n\n    //y offset is y offset of the nodes on top of root, the tree will not always be balanced\n    this.svg.attr(\n      'transform',\n      DOMPurify.sanitize(`translate(${this.margin.left}, ${Math.abs(minYCoord) + this.margin.top})`)\n    )\n    this.subSvg.attr(\n      'transform',\n      DOMPurify.sanitize(`translate(${this.margin.left}, ${Math.abs(minYCoord) + this.margin.top})`)\n    )\n    this.flowSvg.attr(\n      'transform',\n      DOMPurify.sanitize(`translate(${this.margin.left}, ${Math.abs(minYCoord) + this.margin.top})`)\n    )\n    this.groupsSvg.attr(\n      'transform',\n      DOMPurify.sanitize(`translate(${this.margin.left}, ${Math.abs(minYCoord) + this.margin.top})`)\n    )\n  }\n\n  //takes into account that the tree starts at height / 2 and that the tree is balanced\n  setCanvasFocus() {\n    const containerEl = document.getElementById('diagramContainer')\n    const contentEl = document.getElementById('mapAndDiagramContainer')\n    const startNodeEl = document.getElementsByClassName('startNode')[0]\n\n    if (!containerEl || !contentEl || !startNodeEl) return\n\n    const contentElData = contentEl.getBoundingClientRect()\n    const startNodeData = startNodeEl.getBoundingClientRect()\n    const contentElOffset = contentElData.height + contentElData.top\n    const startNodeTop = startNodeData.top\n    const toScroll = startNodeTop - contentElOffset\n    containerEl.scrollTop = toScroll\n  }\n\n  initTree() {\n    const elem = document.getElementById('diagramSVG')\n    if (elem) elem.parentNode.removeChild(elem)\n\n    const svgCanvas = d3\n      .select('#diagramSVGCanvas')\n      .append('svg')\n      .attr('id', 'diagramSVG')\n      .style('margin-top', '50px')\n      .style('min-height', '100%')\n\n    const groupsSvg = svgCanvas\n      .append('g')\n      .attr('id', 'groupCanvas')\n      .attr('transform', `translate(${this.margin.left}, ${this.height / 2})`)\n\n    const svg = svgCanvas\n      .append('g')\n      .attr('id', 'canvasG')\n      .attr('transform', `translate(${this.margin.left}, ${this.height / 2})`)\n\n    const subSvg = svgCanvas\n      .append('g')\n      .attr('id', 'subCanvas')\n      .attr('transform', `translate(${this.margin.left}, ${this.height / 2})`)\n\n    const flowSvg = svgCanvas\n      .append('g')\n      .attr('id', 'flowCanvas')\n      .attr('transform', `translate(${this.margin.left}, ${this.height / 2})`)\n\n    this.svg = svg\n    this.svgCanvas = svgCanvas\n    this.subSvg = subSvg\n    this.flowSvg = flowSvg\n    this.groupsSvg = groupsSvg\n\n    const nodeVMarginOffset = -60\n    this.tree = d3.tree().nodeSize([store.nodeSizes.collapsed.height + nodeVMarginOffset, store.nodeWidth])\n\n    const rootNode = d3.hierarchy(this.diagramData, d => d.children)\n    this.rootNode = rootNode\n\n    //initial coordinates of root node (ensures proper render animation)\n    rootNode.x0 = this.height / 2\n    rootNode.y0 = 0\n\n    store.d3Data = rootNode\n    let labelNum = 0\n    this.tree(rootNode)\n      .descendants()\n      .forEach(d => {\n        if (d.data.type === 'end') {\n          const pathInfo = store.getPathInfo(d.data.id)\n          d.pathKey = pathInfo.pathKey\n          d.pathName = pathInfo.pathName\n          d.pathId = pathInfo.pathId\n          d.pathDuration = getTimeElapsed(Math.round(pathInfo.pathDuration))\n        }\n        if (d.data.type === 'decision') {\n          d.labelNum = toAlpha(labelNum)\n          labelNum += 1\n        }\n\n        //give each branch a height value/label\n        if (d.children) {\n          d.children.forEach((child, index) => {\n            child.branchLabel = child.parent.labelNum ? `${child.parent.labelNum}${index}` : index\n          })\n        }\n      })\n    this.maxDepth = this.getMaxDepth(store.d3Data)\n\n    this.update()\n    this.setCanvasFocus()\n  }\n\n  ////////\n  update(nodeSource) {\n    const flow = toJS(store.flow)\n    const source = nodeSource || store.d3Data\n\n    const duration = 750\n    let maxWeight = 0\n    const data = this.tree(store.d3Data)\n    const nodes = data.descendants()\n    const links = data.descendants().slice(1)\n\n    nodes.forEach(d => {\n      d.y = d.depth * (store.nodeWidth + this.nodeHPadding)\n      d.color = 'rgb(205, 222, 255)'\n      d.flow = flow\n      d.data.applications = d.data.activities\n\n      //find path maxWeight (used to normalize weights)\n      if (d.data.value > maxWeight) {\n        maxWeight = d.data.value\n      }\n\n      //update node data\n      if (d.data.type === 'end') {\n        const pathInfo = store.getPathInfo(d.data.id)\n        d.pathKey = pathInfo.pathKey\n        d.pathName = pathInfo.pathName\n        d.pathId = pathInfo.pathId\n        d.pathDuration = getTimeElapsed(Math.round(pathInfo.pathDuration))\n        d.hideDuration = pathInfo.hideDuration\n      }\n\n      //if flow loaded, position it's nodes, and pass relevant d3 information\n      const flowIndex = flow.findIndex(id => id === d.data.id)\n      if (flowIndex !== -1) {\n        flow[flowIndex] = {\n          ...d,\n          d: d,\n          id: flow[flowIndex],\n          name: d.data.name,\n          type: d.data.type,\n          color: store.flowColor,\n        }\n      }\n    })\n    this.maxWeight = maxWeight\n    this.setCanvasDimensions(nodes)\n\n    //Update the nodes...\n    const node = this.svg\n      .selectAll('g.node')\n      .data(nodes, d => {\n        d.id = d.data.id\n        return d.id\n      })\n      .attr('class', this.classForNode)\n\n    // Enter any new nodes at the parent's previous position.\n    const nodeEnter = node\n      .enter()\n      .append('g')\n      .attr('class', this.classForNode)\n      .attr('transform', () => {\n        return `translate(${source.y0}, ${source.x0})`\n      })\n\n    const nodeUpdate = nodeEnter.merge(node)\n\n    renderBaseNodes({\n      node,\n      nodeEnter,\n      nodeUpdate,\n      nodeWidth: store.nodeWidth,\n      iconWidth: store.iconWidth,\n      nodeHeight: store.nodeHeight,\n      collapsedHeight: store.nodeSizes.collapsed.height,\n      duration,\n    })\n\n    // render node info and controls\n    renderNodes({\n      node,\n      duration,\n      nodeEnter,\n      nodeUpdate,\n      nodeWidth: store.nodeWidth,\n      iconWidth: store.iconWidth,\n      nodeHeight: store.nodeHeight,\n      collapsedHeight: store.nodeSizes.collapsed.height,\n      addOneChild: this.addOneChild.bind(this),\n      addAllChildren: this.addAllChildren.bind(this),\n      removeOneChild: this.removeOneChild.bind(this),\n      collapseNode: this.collapseNode.bind(this),\n      nodeActions: this.nodeActions.bind(this),\n      nodeOptions: this.nodeOptions,\n      svg: this.svg,\n    })\n\n    //for rendering group temp -- before saved\n    renderBuildGroup({\n      node,\n      nodeEnter,\n      nodeUpdate,\n      nodeWidth: store.nodeWidth,\n      iconWidth: store.iconWidth,\n      nodeHeight: store.nodeHeight,\n      collapsedHeight: store.nodeSizes.collapsed.height,\n      nodeColor: graphColors[0],\n    })\n\n    //render highlighted flow\n    renderFlows({\n      data,\n      flow,\n      flowSvg: this.flowSvg,\n      nodeWidth: store.nodeWidth,\n      iconWidth: store.iconWidth,\n      nodeHeight: store.nodeHeight,\n      collapsedHeight: store.nodeSizes.collapsed.height,\n      nodeActions: this.nodeActions.bind(this),\n    })\n\n    renderLinks({\n      svg: this.svg,\n      links: links,\n      maxPathWidth: this.maxPathWidth,\n      maxWeight: this.maxWeight,\n      duration: duration,\n      source: source,\n      height: this.height,\n      selectedPath: store.selectedPath,\n      linkActions: this.linkActions,\n    })\n\n    DropShadowRenderer({\n      svg: this.svg,\n      d3Selection: '.baseNode',\n    })\n\n    renderLabels({\n      nodeEnter,\n      nodeUpdate,\n    })\n\n    // Store the old positions for transition.\n    nodes.forEach(d => {\n      d.x0 = d.x\n      d.y0 = d.y\n    })\n\n    this.diagramState = this.cloneD3Data(data)\n    renderGroups(this.groupsSvg)\n  }\n\n  //////\n  classForNode(d) {\n    let className = `node node${d.depth} nodeId_${d.id}`\n    if (d.hiddenChildren) className += 'expand'\n    className += d.data.activities.length > 1 ? ' _collapsedN' : ' _activityN'\n    if (subprocessStore.subprocessMode || store.groups.groupsMode) className += ' draggable'\n    return className\n  }\n\n  linkActions = link => {\n    store.setSelectedPathByNode(link, false)\n  }\n\n  /////\n  nodeActions(event, d) {\n    if (d.data.type === 'start') return\n\n    store.setViewingNode(d)\n    this.selectNode(d)\n\n    store.showDetails(event)\n  }\n\n  getMaxDepth(node) {\n    const maxArr = []\n    this.getMaxDepthRecursive(node, maxArr)\n\n    const max = Math.max(...maxArr)\n    return max\n  }\n\n  getMaxDepthRecursive(node, maxArr) {\n    maxArr.push(node.depth)\n\n    if (node.children) {\n      node.children.forEach(child => this.getMaxDepthRecursive(child, maxArr))\n    }\n  }\n\n  buildGraph(node, nodeIds) {\n    const eventGraph = {}\n    eventGraph.activities = node.activities.map(activity => {\n      return {\n        signature: activity.signature,\n      }\n    })\n\n    eventGraph.children = node.children.map(childNode => {\n      if (nodeIds.length === 0) {\n        return null\n      }\n\n      if (childNode.id === nodeIds[0]) {\n        const ids = [...nodeIds]\n        ids.shift()\n        return this.buildGraph(childNode, ids)\n      }\n      return null\n    })\n\n    eventGraph.children = eventGraph.children.filter(c => c)\n\n    return eventGraph\n  }\n\n  highlightSimilar(d) {\n    this.highlightSimilarRecursive(store.d3Data, d.data.name)\n    this.update()\n  }\n\n  highlightSimilarRecursive(node, name) {\n    node.highlight = node.data.name === name\n\n    if (node.children) {\n      node.children.forEach(child => this.highlightSimilarRecursive(child, name))\n    }\n    if (node.hiddenChildren) {\n      node.hiddenChildren.forEach(child => this.highlightSimilarRecursive(child, name))\n    }\n  }\n\n  toggleRequired(d) {\n    d.isRequired = !d.isRequired\n    this.update(d)\n  }\n\n  addOneChild(d) {\n    d.hiddenChildren = d.hiddenChildren || []\n    d.hiddenChildren = d.hiddenChildren.sort((a, b) => b.value - a.value)\n    const child = d.hiddenChildren.shift()\n    d.children = d.children || []\n\n    if (!child) return\n\n    if (d.hiddenChildren.length === 0) {\n      d.hiddenChildren = null\n    }\n\n    d.children.push(child)\n    d.children = d.children.sort((a, b) => b.value - a.value)\n\n    //must collapse all children of new child showing\n    this.collapsed[child.data.id] = { collapsed: false, node: child }\n    this.collapse(child)\n    this.update(d)\n    store.setViewingNode(d)\n    store.unhideGroups()\n    store.setCollapsed({ ...this.collapsed })\n  }\n\n  addAllChildren(d) {\n    let children = d.children || []\n    children = children.concat(d.hiddenChildren || [])\n    d.hiddenChildren = null\n\n    if (children.length === 0) {\n      return\n    }\n    d.children = d.children || []\n\n    d.children = children.filter(obj => obj !== null && typeof obj !== 'undefined').sort((a, b) => b.value - a.value)\n\n    d.children.forEach(child => {\n      this.collapsed[child.data.id] = { collapsed: false, node: child }\n      this.expandAllRecursive(child)\n    })\n    this.update(d)\n    store.setViewingNode(d)\n    store.unhideGroups()\n    store.setCollapsed({ ...this.collapsed })\n  }\n\n  expandAllRecursive(d) {\n    const children = d.children || []\n\n    d.children = children\n      .concat(d.hiddenChildren)\n      .filter(o => o !== null && typeof o !== 'undefined')\n      .sort((a, b) => b.value - a.value)\n\n    if (d.children.length === 0) {\n      d.children = null\n    }\n    d.hiddenChildren = null\n\n    if (d.children) {\n      d.children.forEach(child => {\n        this.collapsed[child.data.id] = { collapsed: false, node: child }\n        this.expandAllRecursive(child)\n      })\n      store.setCollapsed({ ...this.collapsed })\n    }\n  }\n\n  removeOneChild(d) {\n    const child = d.children.pop()\n    if (d.children.length === 0) {\n      d.children = null\n    }\n\n    d.hiddenChildren = d.hiddenChildren || []\n    d.hiddenChildren.unshift(child)\n    this.collapsed[child.data.id] = { collapsed: true, node: child }\n\n    this.update(d)\n    store.hideGroups()\n    store.setViewingNode(d)\n    store.setCollapsed({ ...this.collapsed })\n  }\n\n  collapseNode(d) {\n    const { parent } = d\n    if (!parent.children) return\n    const toHide = parent.children.find(o => o.data.id === d.data.id)\n    parent.hiddenChildren = parent.hiddenChildren || []\n\n    parent.hiddenChildren.push(toHide)\n    parent.children = parent.children.filter(obj => {\n      return obj.data.id !== d.data.id\n    })\n\n    if (parent.children.length === 0) {\n      parent.children = null\n    }\n\n    this.collapsed[d.data.id] = { collapsed: true, node: d }\n    d.viewing = false\n    this.clearActivityPanel()\n    this.update(parent)\n    store.hideGroups()\n    store.setCollapsed({ ...this.collapsed })\n  }\n\n  collapseAllChildren(d) {\n    if (d.children) {\n      d.hiddenChildren = d.children\n      d.children = null\n      this.update(d)\n    }\n\n    d.hiddenChildren.forEach(c => {\n      this.collapsed[c.data.id] = { collapsed: true, node: c }\n    })\n    store.setViewingNode(d)\n    store.hideGroups()\n    store.setCollapsed({ ...this.collapsed })\n  }\n\n  handleNodeClick(node, d) {\n    store.groups.handleNodeClick(node, d)\n    this.update(d)\n  }\n\n  //clone d3 data\n  cloneD3Data(d) {\n    const newData = cloneDeep(d.data)\n    return newData\n  }\n\n  collapse(d) {\n    if (d.children) {\n      d.hiddenChildren = d.hiddenChildren || []\n      d.hiddenChildren = d.hiddenChildren.concat(d.children)\n      if (d.hiddenChildren.length === 0) {\n        d.hiddenChildren = null\n      }\n\n      if (d.hiddenChildren) {\n        d.hiddenChildren.forEach(child => {\n          this.collapsed[child.data.id] = { collapsed: true, node: child }\n          this.collapse(child)\n        })\n        store.setCollapsed({ ...this.collapsed })\n      }\n      d.children = null\n    }\n    store.hideGroups()\n  }\n\n  //set flows and then renders all flows with all settings\n  setFlows(value, index) {\n    if (store.flowData.length === 0) return\n    let nodesToShow = []\n\n    // take all flow data and get union of nodes\n    for (let i = 0; i <= index; i += 1) {\n      nodesToShow = concat(nodesToShow, toJS(store.flowData[i].path))\n    }\n    nodesToShow = unionWith(nodesToShow)\n\n    //use collapsed list (this.collapsed) to see if anything has already been collapsed\n    //we want already collapsed nodes to remain collapsed\n    const collapsed = []\n    Object.keys(this.collapsed).forEach(k => {\n      if (this.collapsed[k].collapsed) collapsed.push(+k)\n    })\n    nodesToShow = nodesToShow.filter(f => {\n      return collapsed.indexOf(f) < 0\n    })\n\n    //then rerender\n    this.showFlows(store.d3Data, nodesToShow)\n    this.update(store.d3Data)\n\n    //hide hidden group and reveal ones that show up due to any expansion\n    store.hideGroups()\n    store.unhideGroups()\n  }\n\n  showFlows(node, nodesToShow) {\n    const { parent } = node\n    if (parent) {\n      parent.children = parent.children || []\n      parent.hiddenChildren = parent.hiddenChildren || []\n      const i = nodesToShow.findIndex(f => node.data.id === f)\n\n      //not found\n      if (i === -1 && node.data.type !== 'decision') {\n        parent.hiddenChildren = parent.hiddenChildren.filter(c => c.data.id !== node.data.id)\n        parent.hiddenChildren.push(node)\n        parent.children = parent.children.filter(c => c.data.id !== node.data.id)\n        if (parent.children && parent.children.length === 0) {\n          parent.children = null\n        }\n        return\n      } else {\n        parent.children = parent.children.filter(c => c.data.id !== node.data.id)\n        parent.children.push(node)\n        parent.hiddenChildren = parent.hiddenChildren.filter(c => c.data.id !== node.data.id)\n      }\n\n      if (parent.hiddenChildren && parent.hiddenChildren.length === 0) {\n        parent.hiddenChildren = null\n      }\n    }\n\n    if (node.children) {\n      node.children.forEach(child => this.showFlows(child, nodesToShow))\n    }\n    if (node.hiddenChildren) {\n      node.hiddenChildren.forEach(child => this.showFlows(child, nodesToShow))\n    }\n  }\n}\n","import React, { useState } from 'react'\nimport { observer } from 'mobx-react'\nimport { Menu, MenuItem } from '@fortressiq/fiq-ds'\nimport SidePanel from 'components/detailsSidePanel/SidePanel'\nimport PathStatistics from 'components/detailsSidePanel/pathStatistics/PathStatistics'\nimport MiningRun from 'components/detailsSidePanel/miningRun/MiningRun'\nimport StepsByApplication from 'components/detailsSidePanel/processOverview/StepsByApplication'\nimport Stats from 'components/detailsSidePanel/processOverview/Stats'\n\nimport NodeInspector from '../details/stepDetails/NodeInspector'\nimport css from './processExploration.scss'\nimport { getCollapsed } from '../common/util'\n\nexport default observer(\n  ({\n    applicationData,\n    flowData,\n    graphProcessId,\n    minedRun,\n    node,\n    store,\n    flowDataStats: { instanceCount, averageDuration, totalDuration },\n    tree,\n    graphProcess,\n    toggleHideDuration,\n  }) => {\n    const [sidePanelActiveKey, setSidePanelActiveKey] = useState(['steps', 'mining', 'process', 'path'])\n    const [showSidePanel, setShowSidePanel] = useState(true)\n    const { selectedPath, viewingNode, collapsed } = store\n\n    const toggleSidePanel = () => {\n      setShowSidePanel(!showSidePanel)\n    }\n\n    const addAllChildren = () => tree.addAllChildren(node)\n\n    const toggleRequired = () => tree.toggleRequired(node)\n\n    const highlightSimilar = () => tree.highlightSimilar(node)\n\n    const menu = (\n      <Menu bordered={false} dark={true}>\n        <MenuItem disabled={!viewingNode.hiddenChildren} onClick={addAllChildren}>\n          Expand All\n        </MenuItem>\n        <MenuItem disabled={!viewingNode.children} onClick={() => tree.collapseAllChildren(node)}>\n          Collapse All Children\n        </MenuItem>\n        <MenuItem onClick={toggleRequired}>Toggle Required</MenuItem>\n        <MenuItem onClick={highlightSimilar}>Highlight Similar Events</MenuItem>\n      </Menu>\n    )\n\n    const sidePanels = [\n      {\n        header: 'Step Details',\n        key: 'steps',\n        panel: (\n          <NodeInspector\n            menu={menu}\n            onCollapse={() => tree.collapseNode(node)}\n            onRemove={() => tree.removeOneChild(node)}\n            onExpand={() => tree.addOneChild(node)}\n          />\n        ),\n      },\n      {\n        header: 'Process Overview',\n        key: 'process',\n        panel: (\n          <div className={css.processOverview}>\n            <Stats\n              steps={applicationData.stepTotal}\n              paths={flowData.length}\n              instances={instanceCount}\n              averageDuration={averageDuration}\n              totalDuration={totalDuration}\n            />\n            <StepsByApplication\n              applications={applicationData.applications}\n              total={applicationData.total}\n              order={applicationData.order}\n            />\n          </div>\n        ),\n      },\n      {\n        header: 'Path Statistics',\n        key: 'path',\n        panel: (\n          <PathStatistics\n            handlePathnameUpdate={store.handlePathnameUpdate}\n            graphProcessId={graphProcessId}\n            graphType={graphProcess.graph_type}\n            paths={flowData}\n            selectedPath={selectedPath}\n            collapsed={getCollapsed(collapsed)}\n            setSelectedPath={(selectedPaths, selectedKeys) => store.setSelectedPath(selectedPaths, selectedKeys)}\n            showPathLink={graphProcess && graphProcess.signature_level !== 'field'}\n            toggleHideDuration={toggleHideDuration}\n          />\n        ),\n      },\n      minedRun && {\n        header: 'Mining Run Details',\n        key: 'mining',\n        panel: <MiningRun id={minedRun.id} date={minedRun.created_at} parameters={minedRun.readable_filter_rules} />,\n      },\n    ].filter(Boolean)\n\n    return (\n      <SidePanel\n        openKeys={sidePanelActiveKey}\n        collapse={!showSidePanel}\n        onChange={setSidePanelActiveKey}\n        panels={sidePanels}\n        toggleCollapse={toggleSidePanel}\n      />\n    )\n  }\n)\n","//constants for process explorer\n\nexport const ACTIONS = {\n  MOUSE_CLICK: 'CLK',\n  mouseClick: 'CLK',\n  mouse: 'CLK',\n  keyboard: 'KEY',\n  keyPress: 'KEY',\n  KEY_PRESS: 'KEY',\n  INPUT_TEXT: 'TXT',\n  inputText: 'TXT',\n}\n\nexport default { ACTIONS }\n","/************\n * renders the shape of the node (sits underneath subprocs/groups/node data)\n *\n *************/\n\nimport * as d3 from 'd3'\nimport { theme } from '@fortressiq/fiq-ds'\n\nimport store from '../../stores/processExplorerStore'\n\nimport { getShape } from '../utils'\n\nconst colorRedLight = 'hsl(0, 23.8%, 95.9%)'\n\nexport default ({ node, nodeEnter, nodeUpdate, nodeHeight, iconWidth, duration, collapsedHeight }) => {\n  const { nodeWidth } = store\n\n  // Add box for the nodes\n  nodeEnter\n    .append('path')\n    .attr('id', d => `node${d.id}`)\n    .attr('class', d =>\n      d.hiddenChildren\n        ? `baseNode node expand node${d.depth} node_id${d.id} ${d.data.type === 'start' && ' startNode'}`\n        : `baseNode node node${d.depth}  node_id${d.data.id}  ${d.data.type === 'start' && ' startNode'}`\n    )\n    .attr('d', d => getShape(d, nodeHeight, collapsedHeight, nodeWidth, iconWidth))\n    .attr('r', 1e-6)\n    .attr('rx', '3')\n    .attr('ry', '3')\n    .style('stroke', d => nodeStrokeColor(d))\n    .style('fill', d => nodeColor(d))\n\n  // Transition to the proper position for the node\n  nodeUpdate\n    .transition()\n    .duration(duration)\n    .attr('transform', d => {\n      return `translate(${d.y},${d.x - 25})`\n    })\n\n  nodeUpdate\n    .selectAll('path.node')\n    .attr('r', 10)\n    .style('fill', d => nodeColor(d))\n    .style('stroke', d => nodeStrokeColor(d))\n    .attr('d', d => getShape(d, nodeHeight, collapsedHeight, nodeWidth, iconWidth))\n    .attr(\n      'class',\n      d =>\n        `baseNode node node_id${d.data.id} ${d.data.type === 'start' && ' startNode'} ${\n          d.hiddenChildren && d.hiddenChildren.length > 0 ? 'expand' : 'retract'\n        }`\n    )\n    .on('mouseenter', (d, index, rects) => {\n      d3.select(rects[index]).style('stroke', de => nodeStrokeColor(de))\n    })\n    .on('mouseout', (d, index, rects) => {\n      d3.select(rects[index]).style('stroke', de => nodeStrokeColor(de))\n    })\n\n  // Remove any exiting nodes\n  const nodeExit = node.exit()\n\n  nodeExit.transition().duration(duration).style('opacity', 0).remove()\n\n  // On exit reduce the node circles size to 0\n  nodeExit.select('rect').attr('r', 1e-6)\n\n  // On exit reduce the opacity of text labels\n  nodeExit.select('text').style('fill-opacity', 1e-6)\n}\n\nconst nodeStrokeColor = d => {\n  if (d.data.isInSubprocess) return theme['legacy-color-blue-light']\n  if (d.data.type === 'start') return theme['legacy-color-green-light']\n  if (d.data.type === 'end') return theme['fiq-red']\n  if (store.viewingNode && store.viewingNode.id === d.id) return theme['legacy-color-blue-light']\n\n  return theme['legacy-color-gray3']\n}\n\nconst nodeColor = d => {\n  if (d.data.isInSubprocess) return theme['legacy-color-blue-light2']\n  if (d.data.type === 'start') return theme['legacy-color-green-light']\n  if (d.data.type === 'end') return colorRedLight\n  if (store.viewingNode && store.viewingNode.id === d.id) return theme['legacy-color-blue-light2']\n  if (d.highlight) return theme['legacy-cscale-10']\n  return d.hiddenChildren && d.hiddenChildren.length > 0 ? theme['field-bg-light'] : theme.white\n}\n","import { getShape } from '../utils'\nimport store from '../../stores/processExplorerStore'\n\nexport default ({ nodeEnter, nodeUpdate, nodeHeight, collapsedHeight, iconWidth, nodeColor, subprocessMode }) => {\n  const { nodeWidth } = store\n\n  nodeEnter\n    .append('path')\n    .attr('cursor', 'pointer')\n    .attr('class', d => `group ${d.inGroup && store.groups.groupsMode ? 'in' : ''}`)\n    .attr('d', d => getShape(d, nodeHeight, collapsedHeight, nodeWidth, iconWidth))\n    .style('stroke', d => (d.inSubProc && subprocessMode ? nodeColor : 'transparent'))\n    .style('fill-opacity', 0.2)\n    .style('fill', d => {\n      return d.inGroup && store.groups.groupsMode ? '#99ffff' : 'transparent'\n    })\n    .style('display', d => {\n      if (d.data.type === 'start') return 'none'\n      return 'block'\n    })\n\n  nodeUpdate\n    .selectAll('path.group')\n    .attr('class', d => `group ${d.inGroup && store.groups.groupsMode ? 'in' : ''}`)\n    .style('stroke', d => {\n      return d.inGroup && store.groups.groupsMode ? '#99ffff' : 'transparent'\n    })\n    .style('fill', d => {\n      return d.inGroup && store.groups.groupsMode ? '#99ffff' : 'transparent'\n    })\n}\n","//DropShadowRenderer.js\n\n/****\n *. Applies drop shadows to the supplied d3 selector\n *. drop shadows are currently hard coded styles in this function\n ****/\nconst DropShadowRenderer = ({ svg, d3Selection }) => {\n  const defs = svg.append('defs')\n\n  const filter = defs.append('filter').attr('id', 'drop-shadow').attr('height', '160%').attr('width', '160%')\n\n  filter.append('feGaussianBlur').attr('in', 'SourceAlpha').attr('stdDeviation', 3).attr('result', 'blur')\n\n  filter.append('feOffset').attr('in', 'blur').attr('dx', 2).attr('dy', 2).attr('result', 'offsetBlur')\n\n  const feTransfer = filter.append('feComponentTransfer')\n  feTransfer.append('feFuncA').attr('type', 'linear').attr('slope', 0.3)\n\n  filter\n    .append('feFlood')\n    .attr('flood-opacity', 0.3)\n    .attr('flood-color', 'rgb(137, 149, 173)')\n    .attr('result', 'offsetColor')\n\n  filter\n    .append('feComposite')\n    .attr('in2', 'offsetColor')\n    .attr('in', 'offsetBlur')\n    .attr('operator', 'in')\n    .attr('result', 'offsetBlur')\n\n  const feMerge = filter.append('feMerge')\n\n  feMerge.append('feMergeNode').attr('in', 'offsetBlur')\n  feMerge.append('feMergeNode').attr('in', 'SourceGraphic')\n\n  // apply the drop shadow to the d3 selection\n  svg.selectAll(d3Selection).style('filter', 'url(#drop-shadow)')\n}\n\nexport default DropShadowRenderer\n","import store from '../../stores/processExplorerStore'\n\nexport default ({ flowSvg, flow, iconWidth, nodeHeight, collapsedHeight, duration, nodeActions }) => {\n  const { nodeWidth } = store\n\n  const nodes = flowSvg.selectAll('.flowrect').data(flow, d => d.id)\n  const nEnter = nodes\n    .enter()\n    .append('rect')\n    .attr('class', 'flowrect')\n    .attr('width', nodeWidth + iconWidth + 15)\n    .attr('rx', '6')\n    .attr('ry', '6')\n    .attr('cursor', 'pointer')\n    .attr('height', d => {\n      return d.data.type === 'collapse' || d.data.activities.length > 1 ? collapsedHeight + 10 : nodeHeight\n    })\n    .attr('transform', d => {\n      if (typeof d.x === 'undefined') return\n      return `translate(${d.y}, ${d.x - 25})`\n    })\n    .style('fill', d => {\n      return d.color || '#ccc'\n    })\n    .style('fill-opacity', 0.3)\n    .style('display', d => {\n      if (d.data.type === 'start' || d.data.type === 'end' || typeof d.x === 'undefined') return 'none'\n      return 'block'\n    })\n\n  const nUpdate = nEnter.merge(nodes)\n\n  // Transition to the proper position for the node\n  nUpdate\n    .transition()\n    .duration(0)\n    .attr('width', nodeWidth + iconWidth + 15)\n    .attr('height', d => {\n      return d.data.type === 'collapse' || d.data.activities.length > 1 ? collapsedHeight + 10 : nodeHeight\n    })\n    .attr('transform', d => {\n      if (typeof d.x === 'undefined') return\n      return `translate(${d.y},${d.x - 25})`\n    })\n    .style('display', d => {\n      if (d.data.type === 'start' || typeof d.x === 'undefined') return 'none'\n      return 'block'\n    })\n    .style('fill', d => {\n      return d.color || '#ccc'\n    })\n\n  nUpdate\n    .selectAll('.flowrect')\n    .attr('width', nodeWidth + iconWidth + 15)\n    .attr('height', nodeHeight)\n    .style('fill', d => {\n      return d.color || '#ccc'\n    })\n    .style('display', d => {\n      if (d.data.type === 'start' || typeof d.x === 'undefined') return 'none'\n      return 'block'\n    })\n\n  nEnter.on('click', nodeActions)\n\n  const nExit = nodes.exit()\n\n  nExit.transition().duration(duration).style('opacity', 0).remove()\n}\n","import * as d3 from 'd3'\nimport store from '../../stores/processExplorerStore'\n\nexport default groupsSvg => {\n  const groupCanvas = document.getElementById('groupCanvas')\n\n  if (!groupCanvas) return\n\n  groupCanvas.innerHTML = ''\n\n  store.groups.groupList\n    .filter(({ visible, hideGroup }) => visible && !hideGroup)\n    .forEach(group => {\n      renderGroupSVG(group, groupsSvg)\n    })\n}\n\nfunction wrap() {\n  const self = d3.select(this)\n  let textLength = self.node().getComputedTextLength()\n  let text = self.text()\n  while (textLength > self.attr('width') && text.length > 0) {\n    text = text.slice(0, -1)\n    self.text(`${text}...`)\n    textLength = self.node().getComputedTextLength()\n  }\n}\n\nconst renderGroupSVG = (group, groupsSvg) => {\n  let right = 0\n  let height = 0\n  let top = 0\n  const topPadding = 30\n  const rightPadding = 20\n  const leftPadding = 10\n  const nodeWidthApprox = store.baseNodeWidth\n  const normalHeight = store.baseNodeHeight\n  const collapsedHeight = 150\n\n  // initialize the left coordinate\n  const leftId = group.nodeIds[0]\n  const leftEle = d3.select(`.nodeId_${leftId}`)\n  if (leftEle.empty()) return\n  const leftData = leftEle.datum()\n  let left = leftData.y - leftPadding\n\n  // calculate group highlight coordinates to get group dimensions\n  // must get each node in group-- different node types have different dimensions\n  group.nodeIds.forEach(id => {\n    const nodeEle = d3.select(`.nodeId_${id}`)\n    if (nodeEle.empty()) return\n    const nodeData = nodeEle.datum()\n    right = Math.max(right, nodeData.y + nodeWidthApprox + rightPadding)\n    height = Math.max(height, nodeData.data.activities.length > 1 ? collapsedHeight : normalHeight)\n    left = Math.min(left, nodeData.y - leftPadding)\n    top = nodeData.x - topPadding * 2\n  })\n\n  const groupG = groupsSvg\n    .append('g')\n    .attr('transform', `translate(${left}, ${top})`)\n    .attr('class', `group_${group.id}`)\n\n  groupG\n    .append('rect')\n    .style('fill', group.color)\n    .attr('ry', 10)\n    .attr('rx', 10)\n    .attr('width', right - left)\n    .attr('height', height + 60)\n\n  groupG\n    .append('rect')\n    .style('fill', group.titleColor)\n    .attr('ry', 1)\n    .attr('rx', 1)\n    .attr('width', right - left)\n    .attr('height', 25)\n    .on('click', () => {\n      store.EditGroup(group)\n    })\n\n  groupG\n    .append('text')\n    .style('fill', '#fff')\n    .style('font-size', '12')\n    .style('font-weight', '600')\n    .attr('width', right - left - 10)\n    .attr('x', 10)\n    .attr('y', 16)\n    .text(group.name.toUpperCase() || '--')\n    .on('click', () => {\n      store.EditGroup(group)\n    })\n    .each(wrap)\n    .append('title')\n    .text(group.name.toUpperCase() || '--')\n}\n","import { toJS } from 'mobx'\nimport store from '../../stores/processExplorerStore'\n\nexport default ({ nodeEnter, nodeUpdate }) => {\n  const viewingNode = toJS(store.viewingNode)\n\n  const pathLabel = nodeEnter\n    .append('g')\n    .attr('id', d => `label${d.data.id}`)\n    .attr('class', 'pathLabel')\n    .attr('width', 60)\n    .attr('height', 15)\n    .attr('transform', () => {\n      const offsetX = -25\n      const offsetY = store.nodeHeight / 2 + 5\n      return `translate(${offsetX}, ${offsetY})`\n    })\n    .style('display', d => {\n      return viewingNode &&\n        viewingNode.data &&\n        d.parent &&\n        d.parent.data.children &&\n        d.parent.data.children.length > 1 &&\n        viewingNode.data.id === d.parent.data.id\n        ? 'block'\n        : 'none'\n    })\n\n  pathLabel\n    .append('text')\n    .attr('fill', '#797979')\n    .style('font-size', '11px')\n    .text(d => d.branchLabel)\n\n  nodeUpdate.selectAll('.pathLabel').style('display', d => {\n    return viewingNode &&\n      viewingNode.data &&\n      d.parent &&\n      d.parent.data.children &&\n      d.parent.data.children.length > 1 &&\n      viewingNode.data.id === d.parent.data.id\n      ? 'block'\n      : 'none'\n  })\n}\n","import { theme } from '@fortressiq/fiq-ds'\n\nconst isEnd = d => !!d.data && d.data.type === 'end'\n\nexport default ({ svg, links, maxPathWidth, maxWeight, duration, source, selectedPath, linkActions }) => {\n  // Update the links...\n  const link = svg.selectAll('path.link').data(links, d => d.id)\n\n  // Enter any new links at the parent's previous position.\n  const linkEnter = link\n    .enter()\n    .insert('path', 'g')\n    .attr('id', d => `link${d.data.id}`)\n    .attr('class', 'link')\n    .style('fill', 'none')\n    .style('stroke', theme['legacy-ant-border'])\n    .style('stroke-width', d =>\n      //get percent of largest value, and with that get percent of max path width, return 1 if 0 value\n      Math.max(maxPathWidth * (d.data.value / maxWeight), 1)\n    )\n    .attr('d', () => {\n      const o = { x: source.x0, y: source.y0 }\n      return diagonal(o, o)\n    })\n\n  linkEnter.on('click', d => linkActions(d))\n\n  // UPDATE\n  const linkUpdate = linkEnter.merge(link)\n\n  // Transition back to the parent element position\n  linkUpdate\n    .transition()\n    .duration(duration)\n    .attr('d', d => diagonal(d, d.parent))\n    .style('stroke', d => {\n      let selected = false\n      if (\n        selectedPath.nodes.indexOf(d.data.id) > -1 ||\n        (d.data.type === 'decision' &&\n          d.data.children.filter(child => selectedPath.nodes.indexOf(child.id) > -1).length > 0)\n      ) {\n        selected = true\n      }\n      // TODO: add these colors to a theme or some central location\n      return !selected ? theme['legacy-ant-border'] : theme['contrast-blue']\n    })\n\n  // Remove any exiting links\n  link\n    .exit()\n    .transition()\n    .duration(duration)\n    .attr('d', () => {\n      const o = { x: source.x, y: source.y }\n      return diagonal(o, o)\n    })\n    .remove()\n}\n\n// Creates a curved (diagonal) path from parent to the child nodes\nconst diagonal = (s, d) => {\n  const extraLinkLength = isEnd(s) ? 25 : 50\n  const path = `M ${s.y + extraLinkLength} ${s.x}\n            C ${(s.y + d.y) / 2} ${s.x},\n              ${(s.y + d.y) / 2} ${d.x},\n              ${d.y + 20} ${d.x}`\n  return path\n}\n","/*********************\n * renders node data\n *\n **********************/\nimport * as d3 from 'd3'\nimport { theme } from '@fortressiq/fiq-ds'\n\nimport sourceTypes from 'components/dragAndDrop/sourceTypes'\n\nimport SVGDropZoneStore from 'components/dragAndDrop/SVGDropZoneStore'\n\nimport ActivityNode from './nodes/ActivityNode'\nimport CollapsedNode from './nodes/CollapsedNode'\nimport DecisionNode from './nodes/DecisionNode'\nimport EndNode from './nodes/EndNode'\n\nimport store from '../../stores/processExplorerStore'\nimport subprocessStore from '../../stores/subprocessStore'\n\nexport default ({ node, duration, nodeEnter, nodeUpdate, iconWidth, nodeActions }) => {\n  const dragHandler = d3.drag().on('drag', dragged).on('end', dragEnd)\n\n  nodeEnter.on('click', (event, d) => nodeActions(event, d))\n\n  const collapsedNodes = nodeEnter.filter(\n    d => (d.data.activities.length > 1 && d.data.type !== 'decision') || d.data.type === 'end'\n  )\n  CollapsedNode({\n    nodeEnter: collapsedNodes,\n    iconWidth: iconWidth,\n  })\n\n  const regularNodes = nodeEnter.filter(\n    d => d.data.activities.length < 2 && d.data.type !== 'decision' && d.data.type !== 'end'\n  )\n\n  dragHandler(regularNodes)\n\n  ActivityNode({\n    nodeEnter: regularNodes,\n    iconWidth: iconWidth,\n  })\n\n  const decisionNodes = nodeEnter.filter(d => d.data.type === 'decision')\n  DecisionNode({\n    nodeEnter: decisionNodes,\n  })\n\n  const endNodes = nodeEnter.filter(d => d.data.type === 'end')\n  EndNode({\n    nodeEnter: endNodes,\n    iconWidth: iconWidth,\n  })\n\n  // /*** node update ***/\n  nodeUpdate.selectAll('.viewingDot').style('fill', d => {\n    return store.viewingNode && store.viewingNode.id === d.id ? theme.black : 'transparent'\n  })\n\n  nodeUpdate.select('image.add').style('opacity', d => {\n    if (![null, undefined].includes(d.hiddenChildren) && d.hiddenChildren.length > 0) {\n      return '1'\n    }\n    return '.1'\n  })\n\n  nodeUpdate.select('image.remove').style('opacity', d => {\n    if (![null, undefined].includes(d.children) && d.children.length > 0) {\n      return '1'\n    }\n    return '.1'\n  })\n\n  nodeUpdate.select('image.addAll').style('display', d => {\n    if (![null, undefined].includes(d.hiddenChildren) && d.hiddenChildren.length > 0) {\n      return 'inline'\n    }\n    return 'none'\n  })\n\n  nodeUpdate.select('image.collapseNode').style('display', d => {\n    if (d.parent) {\n      return 'inline'\n    }\n    return 'none'\n  })\n\n  nodeUpdate.select('.endNode').text(d => {\n    return d.pathName || d.pathKey\n  })\n\n  nodeUpdate.select('.nodeDurationInfo').text(d => {\n    return d.hideDuration ? '--' : d.pathDuration\n  })\n\n  nodeUpdate.select('.eventFOhtml').html(d => {\n    return d.isRequired === true\n      ? `<Element as='span' style=={{ color: theme['legacy-color-red'] }}>*</Element> <span>${d.data.name}</span>`\n      : d.data.name\n  })\n\n  // Remove any exiting nodes\n  const nodeExit = node.exit()\n\n  nodeExit.transition().duration(duration).style('opacity', 0).remove()\n\n  // On exit reduce the node circles size to 0\n  nodeExit.select('rect').attr('r', 0)\n\n  // On exit reduce the opacity of text labels\n  nodeExit.select('text').style('fill-opacity', 0)\n\n  /////////////////////////////\n  ////// drag events\n\n  //Called when the drag event occurs (object should be moved)\n  //we actully want to get some sort of 'copy' of the node and animate that,\n  //not move the node itself\n  //the thing is that we need to implement the same drag for the\n  //DOM object too in case the user 'dropped' it and decides to continue the drag withthe DOM object\n  function dragged(d) {\n    if (!store.groups.groupsMode && !subprocessStore.subprocessMode) return\n    const dragContainer = document.getElementById('dragContainer')\n    SVGDropZoneStore.draggingNode = true\n    SVGDropZoneStore.draggingType = sourceTypes.NODE\n    SVGDropZoneStore.draggingDetails = d.subject\n\n    const offset = 100 //not sure what causes this offset but seems to work across use cases\n    SVGDropZoneStore.draggingNodeX = d.sourceEvent.pageX - offset\n    SVGDropZoneStore.draggingNodeY = d.sourceEvent.pageY - offset\n  }\n\n  function dragEnd(d) {\n    if (SVGDropZoneStore.inDropZone.get('groupStart')) {\n      store.groups.activeGroup.startNode = d.subject\n      store.groups.handleNodeDrop()\n    }\n    if (SVGDropZoneStore.inDropZone.get('groupEnd')) {\n      store.groups.activeGroup.endNode = d.subject\n      store.groups.handleNodeDrop()\n    }\n    if (SVGDropZoneStore.inDropZone.get('subprocessStart')) {\n      subprocessStore.setActiveStartNode(d.subject)\n    }\n    if (SVGDropZoneStore.inDropZone.get('subprocessEnd')) {\n      subprocessStore.setActiveEndNodes(d.subject)\n    }\n    SVGDropZoneStore.draggingNode = false\n    SVGDropZoneStore.draggingType = null\n  }\n}\n\nconst setDraggable = () => {\n  // draggable is appended when subprocess and group modes are on\n  return this.classList.contains('draggable')\n}\n","import renderApplicationIcon from 'components/applicationIcon/ApplicationIconD3.js'\nimport { theme } from '@fortressiq/fiq-ds'\n\nimport css from '../../processExploration.scss'\n\nimport { ACTIONS } from '../../common/constants'\n\nimport store from '../../../stores/processExplorerStore'\n\nexport default ({ nodeEnter, iconWidth }) => {\n  const node = nodeEnter\n    .append('g')\n    .attr('class', 'activityNodeGroup')\n    .attr('transform', 'translate(0, 0)')\n    .style('display', d => {\n      return d.data.activities.length < 2 ? 'block' : 'none'\n    })\n\n  // application avatar\n  const appIconContainer = node\n    .append('g')\n    .attr('class', d => `appIconG nodeId_${d.data.id}`)\n    .attr('transform', 'translate(25, 22.5)')\n    .style('display', d => {\n      if (d.data.type === 'start') return 'none'\n      return 'block'\n    })\n\n  renderApplicationIcon({\n    iconContainer: appIconContainer,\n    applicationIndex: 0,\n    radius: 18,\n  })\n\n  const controlGroup = node\n    .append('g')\n    .attr('class', 'controls')\n    .style('display', d => {\n      if (d.data.type === 'start') return 'none'\n      return 'block'\n    })\n\n  // Add labels for the nodes\n  const activityName = controlGroup\n    .append('foreignObject')\n    .attr('width', store.nodeWidth)\n    .attr('height', d => {\n      return d.data.type !== 'collapse' ? 120 : 30\n    })\n    .attr('x', 50)\n    .attr('y', 1)\n    .attr('class', 'eventFO')\n\n  activityName\n    .append('xhtml:div')\n    .attr('class', `eventFOhtml ${css.eventName}`)\n    .html(d => {\n      return d.isRequired === true\n        ? `<span class='${css.required}'>*</span> <span>${d.data.name || '--'}</span>`\n        : d.data.name || '--'\n    })\n\n  // /******* action icon ******/\n  const actionIcon = node\n    .append('g')\n    .attr('class', 'actionIconG')\n    .attr('transform', 'translate(58, 30.5)')\n    .style('display', d => {\n      if (d.data.type === 'start' || d.data.type === 'end') return 'none'\n      return 'block'\n    })\n\n  actionIcon.append('circle').attr('r', 7).style('fill', theme['legacy-color-gray5'])\n\n  actionIcon\n    .append('text')\n    .attr('class', 'actionText')\n    .attr('fill', '#fff')\n    .style('font-size', '8px')\n    .style('font-weight', '700')\n    .attr('x', -3.5)\n    .attr('y', 2.5)\n    .text(d => {\n      return d.data.activities.length > 0 && d.data.activities[0].action ? ACTIONS[d.data.activities[0].action] : '--'\n    })\n\n  /*** frequency group ***/\n  const freqGroup = controlGroup.append('g')\n\n  freqGroup\n    .append('rect')\n    .attr('class', 'nodeFreq')\n    .attr('width', '50')\n    .attr('height', '17')\n    .attr('rx', '9')\n    .attr('ry', '9')\n    .attr('x', 49)\n    .attr('y', 22)\n    .style('stroke', theme['legacy-color-gray3'])\n    .style('fill', theme['legacy-color-gray3'])\n\n  freqGroup\n    .append('text')\n    .attr('x', 70)\n    .attr('y', 35)\n    .style('fill', '#fff')\n    .style('font-size', '10')\n    .text(d => d.data.value)\n\n  //******* viewing indicator ******/\n  controlGroup\n    .append('circle')\n    .attr('class', 'viewingDot')\n    .attr('r', 4)\n    .attr('cx', store.nodeWidth + (iconWidth - (iconWidth - store.nodeSizes.normal.height) * 2))\n    .attr('cy', 12)\n    .style('fill', d => {\n      return store.viewingNode && store.viewingNode.id === d.id ? '#000' : 'transparent'\n    })\n}\n","import fork from 'images/process_explore/percentFork.svg'\n\nimport renderApplicationIcon from 'components/applicationIcon/ApplicationIconD3.js'\nimport ActionRenderer from './sections/ActionListRenderer'\n\nimport css from '../../processExploration.scss'\n\nimport { ACTIONS } from '../../common/constants'\n\nimport store from '../../../stores/processExplorerStore'\n\nexport default ({ nodeEnter, iconWidth }) => {\n  const node = nodeEnter\n    .append('g')\n    .attr('class', 'collapsedNodeGroup')\n    .attr('transform', 'translate(0, 0)')\n    .style('display', d => {\n      return d.data.type === 'collapse' || d.data.activities.length > 1 ? 'block' : 'none'\n    })\n\n  const controlGroup = node\n    .append('g')\n    .attr('class', 'controls')\n    .style('display', d => {\n      if (d.data.type === 'start' || d.data.type === 'end') return 'none'\n      return 'block'\n    })\n\n  //******* viewing indicator ******/\n  controlGroup\n    .append('circle')\n    .attr('class', 'viewingDot')\n    .attr('r', 4)\n    .attr('cx', store.nodeWidth + (iconWidth - (iconWidth - store.nodeSizes.normal.height) * 2))\n    .attr('cy', 12)\n    .style('fill', d => {\n      return store.viewingNode && store.viewingNode.id === d.id ? '#000' : 'transparent'\n    })\n\n  node.append('text').attr('font-size', '10px').attr('font-weight', '600').attr('x', 12).attr('y', 20).text('COLLAPSE')\n\n  // Add labels for the nodes\n  const fo = controlGroup\n    .append('foreignObject')\n    .attr('class', 'nodeName')\n    .attr('width', store.nodeWidth)\n    .attr('height', 30)\n    .attr('x', 12)\n    .attr('y', 22)\n    .attr('class', 'eventFO')\n\n  fo.append('xhtml:div')\n    .attr('class', `eventFOhtml ${css.eventName}`)\n    .html(d => {\n      return d.isRequired === true\n        ? `<span class='${css.required}'>*</span> <span>${d.data.name || '--'}</span>`\n        : d.data.name || '--'\n    })\n\n  /*** frequency group ***/\n  const freqGroup = controlGroup.append('g')\n\n  freqGroup\n    .append('rect')\n    .attr('width', '15')\n    .attr('height', '7')\n    .attr('rx', '1')\n    .attr('ry', '1')\n    .attr('x', 13)\n    .attr('y', 50)\n    .style('stroke', '#2E3440')\n    .style('fill', 'none')\n\n  freqGroup\n    .append('text')\n    .attr('x', 35)\n    .attr('y', 56)\n    .attr('width', store.nodeWidth)\n    .style('fill', '#2e3440')\n    .style('font-size', '10')\n    .text(d => d.data.value)\n\n  /*** percent group ***/\n  const percentGroup = controlGroup.append('g').attr('class', 'percentGroup')\n\n  percentGroup\n    .append('svg:image')\n    .attr('xlink:href', fork)\n    .attr('width', '16')\n    .attr('height', '10')\n    .attr('x', 70)\n    .attr('y', 47)\n\n  percentGroup\n    .append('text')\n    .attr('x', 92)\n    .attr('y', 56)\n    .style('fill', '#2e3440')\n    .style('font-size', '10')\n    .attr('class', 'percentOutShown')\n    .text('100%')\n\n  ActionRenderer({ nodeEnter, nodeWidth: store.nodeWidth, iconWidth })\n\n  // /******* action icon ******/\n  const actionIcon = node\n    .append('g')\n    .attr('class', 'actionIconG')\n    .style('display', d => {\n      if (d.data.type === 'start' || d.data.type === 'end') return 'none'\n      return 'block'\n    })\n\n  actionIcon\n    .append('rect')\n    .attr('height', 16)\n    .attr('width', 26)\n    .attr('rx', 3)\n    .attr('ry', 3)\n    .attr('x', 194)\n    .attr('y', 80)\n    .style('fill', '#565678')\n\n  actionIcon\n    .append('text')\n    .attr('class', 'actionIcon')\n    .attr('fill', '#fff')\n    .style('font-size', '8px')\n    .style('font-weight', '700')\n    .attr('x', 199)\n    .attr('y', 91)\n    .text(d => {\n      return d.data.activities.length > 0 && d.data.activities[0].action ? ACTIONS[d.data.activities[0].action] : '--'\n    })\n\n  const appIconContainer = node\n    .append('g')\n    .attr('class', d => `CappIconG nodeId_${d.data.id}`)\n    .attr('transform', `translate(${store.nodeWidth + 47}, 84)`)\n    .style('display', d => {\n      if (d.data.type === 'start' || d.data.type === 'end') return 'none'\n      return 'block'\n    })\n\n  renderApplicationIcon({\n    iconContainer: appIconContainer,\n    applicationIndex: 0,\n    radius: 13,\n  })\n}\n","import icon from 'images/process_explore/decision-icon.svg'\n\nexport default ({ nodeEnter }) => {\n  nodeEnter\n    .append('svg:image')\n    .attr('xlink:href', icon)\n    .attr('width', 25)\n    .attr('height', 25)\n    .attr('x', 19)\n    .attr('y', 13)\n\n  const textPath = nodeEnter\n    .append('g')\n    .attr('id', d => `dlabel${d.data.id}`)\n    .attr('class', 'dLabel')\n    .attr('width', 15)\n    .attr('height', 15)\n    .attr('transform', 'translate(2,59)')\n\n  const fo = textPath.append('foreignObject')\n\n  const div = fo.append('xhtml:div').attr('class', 'dynamicPathLabel center')\n\n  div\n    .append('xhtml:div')\n    .attr('class', 'content')\n    .html(d => d.labelNum || '?')\n}\n","//EndNode.js\nimport { theme } from '@fortressiq/fiq-ds'\n\nimport endIconImage from './images/delete-2.svg'\n\nimport css from '../../processExploration.scss'\n\nimport store from '../../../stores/processExplorerStore'\n\nexport default ({ nodeEnter }) => {\n  const node = nodeEnter\n    .append('g')\n    .attr('class', 'activityNodeGroup')\n    .attr('transform', 'translate(0, 0)')\n    .style('display', d => {\n      return d.data.activities.length < 2 ? 'block' : 'none'\n    })\n\n  // end node avatar/icon\n  const appIconContainer = node\n    .append('g')\n    .attr('class', d => `appIconG nodeId_${d.data.id}`)\n    .attr('transform', 'translate(24, 22)')\n    .style('display', d => {\n      if (d.data.type === 'start') return 'none'\n      return 'block'\n    })\n\n  appIconContainer.append('circle').attr('r', 18).attr('stroke-width', 2).style('fill', 'rgb(247, 216, 210)')\n\n  appIconContainer\n    .append('image')\n    .attr('xlink:href', endIconImage)\n    .attr('x', '-12.85')\n    .attr('y', '-12.75')\n    .attr('width', 25)\n    .attr('height', 25)\n\n  const controlGroup = node\n    .append('g')\n    .attr('class', 'controls')\n    .style('display', d => {\n      if (d.data.type === 'start') return 'none'\n      return 'block'\n    })\n\n  // Add labels for the nodes\n  controlGroup\n    .append('text')\n    .attr('width', store.nodeWidth)\n    .attr('height', 30)\n    .attr('x', 50)\n    .attr('y', 17)\n    .attr('class', 'endNode')\n    .style('font-size', '11px')\n    .style('fill', theme['fiq-red'])\n    .text(d => d.pathName || d.pathKey)\n\n  /*** frequency group ***/\n  const freqGroup = controlGroup.append('g')\n\n  const freqGroupFO = freqGroup\n    .append('foreignObject')\n    .attr('x', 49)\n    .attr('y', 21)\n    .attr('width', store.nodeWidth - 30)\n    .attr('height', store.nodeHeight - 20)\n\n  freqGroupFO.append('xhtml:div').html(d => {\n    return `<div class='${css.endNodeDetails}'>${d.data.value} <span class='${\n      css.divide\n    }'> | </span> <span class='nodeDurationInfo'>${d.hideDuration ? '--' : d.pathDuration}</span> </div>`\n  })\n\n  //******* viewing indicator ******/\n  controlGroup\n    .append('circle')\n    .attr('class', 'viewingDot')\n    .attr('r', 4)\n    .attr('cx', store.nodeWidth + 20)\n    .attr('cy', 12)\n    .style('fill', d => {\n      return store.viewingNode && store.viewingNode.id === d.id ? '#000' : 'transparent'\n    })\n}\n","import renderApplicationIcon from 'components/applicationIcon/ApplicationIconD3.js'\n\nimport css from '../../../processExploration.scss'\n\n/***************\n *\n *  actions listing for collapsed nodes\n *\n **************/\nexport default ({ nodeEnter, nodeWidth, iconWidth }) => {\n  const actionList = nodeEnter\n    .append('g')\n    .attr('class', 'actionList')\n    .attr('transform', 'translate(0,0)')\n    .style('display', d => {\n      return d.data.type === 'collapse' || d.data.type === 'horizontal' || d.data.type === 'vertical' ? 'block' : 'none'\n    })\n\n  /// /*** first action ***/\n  actionList\n    .append('rect')\n    .attr('width', nodeWidth + iconWidth + 15)\n    .attr('height', 32)\n    .attr('y', 68)\n    .style('fill', 'transparent')\n    .style('stroke', '#8995AD')\n\n  const firstActivityFO = actionList\n    .append('foreignObject')\n    .attr('class', 'nodeName')\n    .attr('width', nodeWidth)\n    .attr('height', d => {\n      return d.data.type !== 'collapse' ? 120 : 30\n    })\n    .attr('x', 10)\n    .attr('y', 73)\n    .attr('class', 'eventFO')\n\n  firstActivityFO\n    .append('xhtml:div')\n    .attr('class', `eventFOhtml ${css.eventlistName}`)\n    .html(d => {\n      return `${'--'}`\n    })\n\n  /// /*** mid Actions... ***/\n  const midSection = actionList.append('g')\n\n  midSection\n    .append('rect')\n    .attr('width', nodeWidth + iconWidth + 15)\n    .attr('height', 30)\n    .attr('y', 100)\n    .style('fill', 'transparent')\n    .style('stroke', '#8995AD')\n\n  midSection.append('text').attr('y', 112).attr('x', 12).style('font-size', '25px').style('fill', '#ccc').text('.')\n  midSection.append('text').attr('y', 117).attr('x', 12).style('font-size', '25px').style('fill', '#ccc').text('.')\n  midSection.append('text').attr('y', 122).attr('x', 12).style('font-size', '25px').style('fill', '#ccc').text('.')\n  midSection\n    .append('text')\n    .attr('y', 119)\n    .attr('x', 26)\n    .style('font-size', '12px')\n    .style('fill', '#ccc')\n    .style('font-style', 'italic')\n    .text(d => `${d.data.activities.length - 2} events`)\n\n  const lastActivityFO = actionList\n    .append('foreignObject')\n    .attr('class', 'nodeName')\n    .attr('width', nodeWidth)\n    .attr('height', d => {\n      return d.data.type !== 'collapse' ? 120 : 30\n    })\n    .attr('x', 10)\n    .attr('y', 135)\n    .attr('class', 'eventFO')\n\n  lastActivityFO\n    .append('xhtml:div')\n    .attr('class', `eventFOhtml ${css.eventlistName}`)\n    .html(d => {\n      if (d.data.activities && d.data.activities.length > 1)\n        return `${d.data.activities[d.data.activities.length - 1].name}`\n      else {\n        return '--'\n      }\n    })\n\n  // /******* app icon ******/\n  const appIconContainer = actionList\n    .append('g')\n    .attr('class', d => `CappIconGLast nodeId_${d.data.id}`)\n    .attr('transform', `translate(${nodeWidth + 47}, 147)`)\n    .style('display', d => {\n      if (d.data.type === 'start' || d.data.type === 'end') return 'none'\n      return 'block'\n    })\n\n  renderApplicationIcon({\n    iconContainer: appIconContainer,\n    applicationIndex: d => d.data.activities.length - 1,\n    radius: 13,\n  })\n}\n","/* eslint-disable import/prefer-default-export */\n\nexport const containerCSS = () => ({\n  display: 'flex',\n  height: '100%',\n  overflow: 'hidden',\n  width: '100%',\n})\n\nexport const mapDiagramContainerCSS = () => ({\n  flex: '1',\n  overflow: 'hidden',\n  position: 'relative',\n})\n\nconst sharedTransformCSS = {\n  transform: 'scale(1)' /* must be here to change zoom using tranform matrix */,\n  transformOrigin: '0 0',\n}\n\nexport const diagramContainerCSS = () => ({\n  boxShadow: 'inset 0 0 6px -2px rgba(157, 166, 176, 0.6)',\n  height: '100%',\n  margin: 'auto',\n  minHeight: '100%',\n  minWidth: '100%',\n  overflow: 'auto',\n  position: 'relative',\n  ...sharedTransformCSS,\n  width: '100%',\n})\n\nexport const disagramSVGCSS = () => ({\n  ...sharedTransformCSS,\n})\n","import store from '../stores/processExplorerStore'\n\n//util functions that are shared acoss components in process explorer\nexport const getShape = (d, nodeHeight, collapsedHeight, nodeWidth, iconWidth) => {\n  let h = nodeHeight - 10\n  if (d.data.type === 'collapse' || d.data.activities.length > 1) h = collapsedHeight\n  if (d.data.type === 'start') {\n    return 'm-20,25 a25,25 0 1,0 50,0 a25,25 0 1,0 -50,0z'\n  }\n  if (d.data.type === 'decision') {\n    return 'M0,25 L36,59 L72,25 L36,-9Z'\n  }\n  if (d.data.type === 'end') {\n    return `M4,0\n          h ${nodeWidth + iconWidth - 20}\n          a4 4 0 0 1 4 4\n          v ${h}\n          a4 4 0 0 1 -4 4\n          h ${-(nodeWidth + iconWidth - 20)}\n          a4 4 0 0 1 -4 -4\n          v ${-h}\n          a4 4 0 0 1 4 -4\n          z`\n  }\n  return `M4,0\n          h ${store.baseNodeWidth}\n          a4 4 0 0 1 4 4\n          v ${h}\n          a4 4 0 0 1 -4 4\n          h -${store.baseNodeWidth}\n          a4 4 0 0 1 -4 -4\n          v ${-h}\n          a4 4 0 0 1 4 -4\n          z`\n}\n\nexport default getShape\n","//groups store -- to break up mobX stores\nimport * as d3 from 'd3'\nimport { action, observable, computed } from 'mobx'\nimport api from 'lib/Api'\nimport { graphColorNames } from '@fortressiq/fiq-ds'\n\nclass GroupsStore {\n  @observable groupsMode = false //in or out of selection process\n\n  @observable editGroupMode = false //in or out of group editing process\n\n  @observable graphProcessId = null\n\n  @observable groupList = [] // list of created groups and suggested groups\n\n  @observable clicks = 0 // counting clicks for selection process\n\n  @observable errorMessage = ''\n\n  @observable activeGroup = {\n    startNode: null,\n    endNode: null,\n    groupId: null,\n    groupName: '',\n    activeGroupNodeIds: [],\n    baseColor: null,\n  }\n\n  @computed get isReadyForSave() {\n    if (this.activeGroup.groupId) return true\n    if (this.activeGroup.activeGroupNodeIds.length > 0 && this.activeGroup.groupName !== '') return true\n    return false\n  }\n\n  @action\n  setGraphProcessId = graphId => {\n    this.graphProcessId = graphId\n  }\n\n  @action\n  fetchGroups = async () => {\n    if (!this.graphProcessId) return\n\n    const { data } = await api.get('/graph_groups', { graph_process_id: this.graphProcessId })\n    const groupList = data.graphGroups.map(group => ({\n      ...group,\n      visible: false,\n      hideGroup: false,\n    }))\n\n    this.setGroupList(groupList)\n  }\n\n  @action\n  highlightAll = () => {\n    const groupedNodeIds = []\n\n    this.groupList.forEach(group => {\n      group.visible = true\n      group.nodeIds.forEach(nodeId => groupedNodeIds.push(nodeId))\n    })\n\n    this.groupList.forEach(group => {\n      const showGroup = !group.nodeIds.map(id => groupedNodeIds.includes(id)).includes(true)\n\n      if (showGroup) {\n        group.nodeIds.forEach(nodeId => groupedNodeIds.push(nodeId))\n      }\n    })\n\n    this.groupList = [...this.groupList]\n  }\n\n  @action\n  closeGroups = () => {\n    this.groupsMode = false\n    this.editGroupMode = false\n    this.clearGroupHighlighting()\n    this.errorMessage = ''\n  }\n\n  @action\n  clearBtn = () => {\n    this.groupList = this.groupList.filter(g => g.id !== this.activeGroup.groupId)\n    this.errorMessage = ''\n    this.clearGroupHighlighting()\n    this.activeGroup.baseColor = null\n    this.activeGroup.baseColorName = null\n  }\n\n  @action\n  destroyBtn = async () => {\n    await api.delete(`/graph_groups/${this.activeGroup.groupId}`)\n    this.editGroupMode = false\n    this.errorMessage = ''\n    this.groupList = this.groupList.filter(group => group.id !== this.activeGroup.groupId)\n    this.clearGroupHighlighting()\n    this.fetchSuggestedGroups()\n  }\n\n  //clear group highlighting\n  @action\n  clearGroupHighlighting() {\n    d3.selectAll('path.node').each(d => {\n      d.inGroup = false // turn of group node highlights\n    })\n    this.clicks = 0\n    this.activeGroup = {\n      startNode: null,\n      endNode: null,\n      groupId: null,\n      groupName: '',\n      activeGroupNodeIds: [],\n      baseColor: null,\n      baseColorName: null,\n    }\n  }\n\n  @action\n  saveGroup = async () => {\n    api\n      .post('/graph_groups', {\n        name: this.activeGroup.groupName,\n        node_ids: this.activeGroup.activeGroupNodeIds,\n        base_color: this.activeGroup.baseColor,\n        graph_process_id: this.graphProcessId,\n      })\n      .then(response => {\n        const { data } = response\n        this.updateGroupList(data)\n      })\n      .catch(error => {\n        this.errorMessage = error.response.data.error\n      })\n  }\n\n  @action\n  updateGroupList = data => {\n    data.graphGroup = { ...data.graphGroup, visible: true, hideGroup: false }\n\n    this.groupList = [...this.groupList, data.graphGroup]\n\n    this.setGroupColors()\n\n    this.clearGroupHighlighting()\n    this.groupsMode = false\n    this.editGroupMode = false\n    this.errorMessage = ''\n  }\n\n  updateGroup = async callback => {\n    await api.put(`/graph_groups/${this.activeGroup.groupId}`, {\n      name: this.activeGroup.groupName,\n      group_name: this.activeGroup.groupName,\n      base_color: this.activeGroup.baseColor,\n    })\n    this.updateGroupAction()\n    callback()\n  }\n\n  @action\n  updateGroupAction = () => {\n    const group = this.groupList.find(g => g.id === this.activeGroup.groupId)\n    group.name = this.activeGroup.groupName\n    group.baseColor = this.activeGroup.baseColor\n    group.baseColorName = this.activeGroup.baseColorName\n    this.groupList = [...this.groupList]\n    this.setGroupColors()\n  }\n\n  @action\n  handleNodeDrop() {\n    const { startNode, endNode } = this.activeGroup\n    let startFoundInGroup = null\n    let endFoundInGroup = null\n\n    if (!startNode || !endNode) return\n\n    if (startNode) {\n      startFoundInGroup = this.groupList.find(group => group.nodeIds.includes(startNode.data.id))\n    }\n\n    if (endNode) {\n      endFoundInGroup = this.groupList.find(group => group.nodeIds.includes(endNode.data.id))\n    }\n\n    if (startFoundInGroup || endFoundInGroup) {\n      this.setError('Groups cannot overlap.')\n      this.clearGroupHighlighting()\n      return\n    }\n\n    startNode.inGroup = true\n    endNode.inGroup = true\n\n    if (endNode.data.depth < startNode.data.depth) {\n      this.setError('Start node must come before end node.')\n      return\n    }\n    if (this.searchForConditionals(startNode, endNode)) {\n      this.setError('Groups cannot contain decision points.')\n      this.clearGroupHighlighting()\n      return\n    }\n    this.setError('')\n    this.setGroupFlag(startNode, endNode)\n  }\n\n  @action\n  changeActiveGroupName = e => {\n    this.activeGroup = { ...this.activeGroup, groupName: e.target.value }\n  }\n\n  @action\n  changeActiveGroupColor = ({ label, value }) => {\n    this.activeGroup = { ...this.activeGroup, baseColor: value, baseColorName: label }\n  }\n\n  @action\n  setGroupFlag(startNode, endNode) {\n    if (endNode.data.id === startNode.parent.id || !endNode) {\n      return\n    }\n    endNode.inGroup = true\n    this.activeGroup.activeGroupNodeIds.push(endNode.data.id)\n    if (endNode.parent) this.setGroupFlag(startNode, endNode.parent)\n  }\n\n  //check to see if path contains conditionals\n  @action\n  searchForConditionals(startNode, endNode) {\n    if (!startNode) return false\n    while (endNode !== startNode && endNode) {\n      if (endNode.children && endNode.children.length > 1) return true\n      if (endNode.parent && endNode.parent.children && endNode.parent.children.length > 1) return true\n      endNode = endNode.parent\n    }\n    return false\n  }\n\n  //highlight group on graph\n  @action\n  toggleGroup(groupId) {\n    const group = this.groupList.find(g => g.id === groupId)\n    group.visible = !group.visible\n    this.groupList = [...this.groupList]\n  }\n\n  @action\n  setError(msg) {\n    this.errorMessage = msg\n  }\n\n  @action\n  setGroupList = groupList => {\n    this.groupList = [...groupList]\n    this.setGroupColors()\n  }\n\n  //needs to handle expanding parts of groups\n  //expanding mutliple groups amoungst lots of nodes\n  @action\n  unhideGroups(nodes) {\n    //don't want to update if not needed\n    //will infinte loop if conditional not there too!\n    //(this will always update due to doing a copy of array unless we flag changes)\n    let changed = false\n    //O(n) basically going throguh each group and their list of nodes, which never overlap\n    this.groupList.forEach(group => {\n      let foundGroup = true\n      group.nodeIds.forEach(nodeId => {\n        if (!nodes[nodeId]) foundGroup = false\n      })\n      if (foundGroup) {\n        if (group.hideGroup === true) changed = true\n        group.hideGroup = false\n      }\n    })\n\n    if (changed) this.groupList = [...this.groupList]\n  }\n\n  @action\n  hideGroups(nodes) {\n    let changed = false\n    this.groupList.forEach(group => {\n      let foundGroup = true\n      group.nodeIds.forEach(nodeId => {\n        if (!nodes[nodeId]) foundGroup = false\n      })\n      if (!foundGroup) {\n        if (group.hideGroup === false) changed = true\n        group.hideGroup = true\n      }\n    })\n    if (changed) this.groupList = [...this.groupList]\n  }\n\n  setGroupColors() {\n    this.groupList.forEach(group => {\n      if (group.baseColor) {\n        const color = graphColorNames.find(graphColor => graphColor.hex === group.baseColor)\n        if (color) {\n          group.titleColor = `${group.baseColor}`\n          group.color = `${color.light}`\n          group.baseColorName = color.name\n          return\n        }\n      }\n      group.titleColor = this.getColorFromString(group.name, graphColorNames, 'title')\n      group.color = this.getColorFromString(group.name, graphColorNames, 'colors')\n      group.baseColor = group.titleColor\n      group.baseColorName = this.getColorFromString(group.name, graphColorNames, 'name')\n    })\n  }\n\n  //creates a number hash from the first two characters of a string\n  getColorFromString(string, colorMap, type) {\n    let numberHash\n\n    if (string.length > 1) {\n      numberHash = Math.abs(string.charCodeAt(0) + string.charCodeAt(1))\n    } else {\n      numberHash = Math.abs(string.charCodeAt(0))\n    }\n\n    switch (type) {\n      case 'title':\n        return colorMap[numberHash % colorMap.length].hex\n      case 'colors':\n        return colorMap[numberHash % colorMap.length].light\n      case 'name':\n        return colorMap[numberHash % colorMap.length].name\n      default:\n        return colorMap[numberHash % colorMap.length].light\n    }\n  }\n}\n\nexport default GroupsStore\n","import GroupStore from '../GroupsStore'\n\nimport { graphColorNames, graphColors, graphColorsLight } from '../../../../lib/test_helpers/mockGraphColors.js'\n\njest.mock('lib/Api', () => ({\n  token: '',\n}))\n\njest.mock('d3', () => ({\n  selectAll: [],\n}))\n\nconst mockColors = {\n  graphColorNames,\n  graphColors,\n  graphColorsLight,\n}\njest.mock('@fortressiq/fiq-ds-themes/dist/js/graphColors.js', () => mockColors)\n\ndescribe('Process Epxlorer GroupStore', () => {\n  it('should make all groups visible when we highlightAll()', () => {\n    const store = new GroupStore()\n    store.groupList = [\n      { visible: false, nodeIds: [1, 2, 3] },\n      { visible: false, nodeIds: [1, 2, 5] },\n    ]\n    store.highlightAll()\n    expect(store.groupList.filter(o => o.visible).length === 2)\n\n    store.groupList = [\n      { visible: false, nodeIds: [1, 2, 3] },\n      { visible: true, nodeIds: [1, 2, 5] },\n    ]\n    store.highlightAll()\n    expect(store.groupList.filter(o => o.visible).length === 2)\n\n    store.groupList = [\n      { visible: true, nodeIds: [1, 2, 3] },\n      { visible: true, nodeIds: [1, 2, 5] },\n    ]\n    store.highlightAll()\n    expect(store.groupList.filter(o => o.visible).length === 2)\n  })\n})\n","import { observable, action, computed } from 'mobx'\nimport * as d3 from 'd3'\nimport api from 'lib/Api'\nimport dom from 'lib/Dom'\n\nimport GroupsStore from './GroupsStore'\nimport subprocessStore from './subprocessStore'\nimport { getCollapsed } from '../common/util'\n\nclass ProcessExplorationStore {\n  nodeSizes = {\n    normal: { width: 132, height: 45 },\n    collapsed: { width: 210, height: 153 },\n  }\n\n  groups = new GroupsStore()\n\n  //diagram zoom level expressed as value that would be used in a translation matrix\n  //1 = 100%...\n  @observable zoom = 1\n\n  //node info\n  @observable nodeWidth = this.nodeSizes.normal.width\n\n  @observable nodeHeight = this.nodeSizes.normal.height\n\n  @observable iconWidth = this.nodeSizes.normal.height\n\n  @observable viewingNode = {}\n\n  @observable viewingEventLog = {}\n\n  @observable d3Data = {}\n\n  @observable tab = 'process'\n\n  @observable flowData = []\n\n  @observable flow = []\n\n  @observable flowColor = '#ccc'\n\n  /**** global (as in across screen variables) ****/\n  //process context id\n  @observable screen = ''\n\n  @observable processName = ''\n\n  @observable graphId = ''\n\n  @observable treeFlow = {}\n\n  @observable selectedPath = {\n    nodes: [],\n    paths: [],\n  }\n\n  @observable collapsed = {}\n\n  @computed\n  get baseNodeWidth() {\n    return this.nodeWidth + this.iconWidth + 5\n  }\n\n  @computed\n  get baseNodeHeight() {\n    return this.nodeHeight - 10\n  }\n\n  @action\n  setDefaults = () => {\n    this.zoom = 1\n    this.nodeWidth = this.nodeSizes.normal.width\n    this.nodeHeight = this.nodeSizes.normal.height\n    this.iconWidth = this.nodeSizes.normal.height\n    this.viewingNode = {}\n    this.viewingEventLog = {}\n    this.flowData = []\n    this.flow = []\n    this.flowColor = '#ccc'\n    this.groups.groupList = []\n    this.treeFlow = {}\n  }\n\n  @action\n  setSelectedPathByNode = (selectedNode, fromNode = true) => {\n    // set selected path to all paths that this node exist on\n    const node = selectedNode.data.type === 'decision' ? selectedNode.parent : selectedNode\n    const paths = []\n\n    const allCollapsed = getCollapsed(this.collapsed)\n\n    const nodes = this.flowData.reduce((acc, flowData) => {\n      const disabled = flowData.path.find(flowPath => allCollapsed[flowPath])\n      if (!disabled && flowData.path.indexOf(node.id) > -1) {\n        paths.push(flowData.key)\n        return [...acc, ...flowData.path]\n      }\n      return acc\n    }, [])\n    this.setSelectedPath(nodes, paths, fromNode)\n  }\n\n  @action\n  setViewingNode = node => {\n    if (node === null) {\n      this.viewingNode = null\n      return\n    }\n\n    this.setSelectedPathByNode(node)\n    const { value = 1 } = node\n    const parentValue = (node.parent ? node.parent.value : value) || value\n\n    this.viewingNode = {\n      percent: `${Math.round((value / parentValue) * 100)}%`,\n      ...node,\n    }\n    const { activities } = this.viewingNode.data\n\n    if (activities.length > 0 && activities[0]) {\n      return api.get('/event_logs', { activity_id: activities[0].id }).then(response => {\n        const [currentEvent] = response.data.events\n        this.viewingEventLog = currentEvent\n      })\n    }\n  }\n\n  @action\n  showDetails = event => {\n    event.stopPropagation()\n    this.tab = 'details'\n  }\n\n  @action unhideGroups = () => {\n    this.groups.unhideGroups(this.getVisibleNodesMap())\n  }\n\n  @action hideGroups = () => {\n    this.groups.hideGroups(this.getVisibleNodesMap())\n  }\n\n  @action\n  setZoomAmount = amount => {\n    const diagram = document.getElementById('diagramSVGCanvas')\n    const graph = document.getElementById('diagramSVG')\n    const newZoom = `matrix( ${amount}, 0, 0, ${amount}, 0, 0)`\n\n    diagram.style.webkitTransform = newZoom\n    diagram.style.transform = newZoom\n\n    //offset marginTop for diagram as we zoom out\n    if (amount < 1) {\n      const nheight = graph.getBoundingClientRect().height\n      const height = +graph.style.height.replace('px', '')\n      const marginTop = `${(50 / nheight) * height}px` //50px is heigh tof pane info\n      graph.style.marginTop = marginTop\n    }\n    this.zoom = amount\n  }\n\n  ////////\n  //NOTES have tried scaling in d3 too,\n  //it seems to move the bounding box (default behavior) can play with this later...\n  @action\n  setZoomDirection = direction => {\n    const diagram = document.getElementById('diagramSVGCanvas')\n    const graph = document.getElementById('diagramSVG')\n\n    const zoom = dom.getZoom(diagram)\n\n    let a = zoom[0]\n    let d = zoom[1]\n\n    if (direction === 'in') {\n      a += 0.1\n      d += 0.1\n    } else {\n      a -= 0.1\n      d -= 0.1\n      if (a < 0) return\n    }\n\n    const newZoom = `matrix( ${a}, 0, 0, ${d}, 0, 0)`\n\n    diagram.style.webkitTransform = newZoom\n    diagram.style.transform = newZoom\n\n    //offset marginTop for diagram as we zoom out\n    if (a < 1) {\n      const domHeight = graph.getBoundingClientRect().height\n      const styleHeight = +graph.style.height.replace('px', '')\n      const marginTop = `${(50 / domHeight) * styleHeight}px` //50px is height of pane info\n      graph.style.marginTop = marginTop\n    }\n    this.zoom = a\n  }\n\n  @action resetModes = () => {\n    this.groups.groupsMode = false\n    this.groups.editGroupMode = false\n    subprocessStore.subprocessMode = false\n  }\n\n  @action createGroup = () => {\n    this.groups.activeGroup = {\n      startNode: null,\n      endNode: null,\n      groupId: null,\n      groupName: '',\n      activeGroupNodeIds: [],\n      baseColor: null,\n    }\n    this.groups.groupsMode = true\n    this.groups.editGroupMode = false\n    subprocessStore.subprocessMode = false\n  }\n\n  @action\n  EditGroup(group) {\n    this.groups.activeGroup = {\n      ...group,\n      activeGroupNodeIds: [...group.nodeIds],\n      groupId: group.id || null,\n      groupName: group.name || '',\n      baseColor: group.baseColor,\n    }\n    this.groups.editGroupMode = true\n    this.groups.groupsMode = false\n    subprocessStore.subprocessMode = false\n  }\n\n  @action\n  setSubprocessMode = () => {\n    this.groups.editGroupMode = false\n    this.groups.groupsMode = false\n    subprocessStore.subprocessMode = true\n  }\n\n  @action\n  setTreeFlow = (value, index, type) => {\n    this.treeFlow = { value, index, type }\n  }\n\n  @action setSelectedPath = (nodes, paths, fromNode = false) => {\n    this.selectedPath = { nodes, paths, fromNode }\n  }\n\n  @action handlePathnameUpdate = async ({ path, name, graphProcessId }) => {\n    await api.put(`/graph_processes/${graphProcessId}/paths/${path.id}`, {\n      name: name,\n    })\n    const newFlowData = [...this.flowData]\n    newFlowData.forEach(data => {\n      if (data.id === path.id) {\n        data.name = name\n      }\n    })\n    this.flowData = newFlowData\n  }\n\n  @action setCollapsed = collapsed => {\n    // set collpased, adjust selectedPath to remove paths that are collapsed\n    this.collapsed = collapsed\n\n    const allCollapsed = getCollapsed(collapsed)\n\n    let nodes = []\n    const paths = []\n    this.selectedPath.paths.forEach(path => {\n      const flow = this.flowData.find(flowData => flowData.key === path)\n      const disabled = flow.path.find(flowPath => allCollapsed[flowPath])\n      if (!disabled) {\n        paths.push(path)\n        nodes = [...nodes, ...flow.path]\n      }\n    })\n\n    this.setSelectedPath(nodes, paths)\n  }\n\n  getVisibleNodesMap = () => {\n    const visibleNodesMap = {}\n    this.getVisibleNodesMapRecursive(this.d3Data, visibleNodesMap)\n\n    return visibleNodesMap\n  }\n\n  getVisibleNodesMapRecursive = (node, visibleNodesMap) => {\n    visibleNodesMap[node.data.id] = true\n\n    if (node.children) {\n      node.children.forEach(child => {\n        this.getVisibleNodesMapRecursive(child, visibleNodesMap)\n      })\n    }\n  }\n\n  getPathInfo(nodeId) {\n    let pathKey = ''\n    let duration = 0\n    let pathName = ''\n    let pathId = ''\n    let hideDuration = false\n    this.flowData.forEach(path => {\n      if (path.path.find(el => el === nodeId)) {\n        pathKey = path.key\n        duration = path.average_duration\n        pathName = path.name\n        pathId = path.id\n        hideDuration = path.hideDuration\n      }\n    })\n\n    return {\n      pathKey: pathKey,\n      pathDuration: duration,\n      pathName: pathName,\n      pathId: pathId,\n      hideDuration: hideDuration,\n    }\n  }\n}\n\nexport default new ProcessExplorationStore()\n","import { action, observable } from 'mobx'\nimport Flash from 'components/flash/Flash'\n\nclass SubprocessStore {\n  @observable subprocessMode = false\n\n  @observable startSelectionMode = false\n\n  @observable endSelectionMode = false\n\n  @observable startNode = null\n\n  @observable endNodes = []\n\n  @observable includedNodeIds = []\n\n  @observable name = ''\n\n  @observable errorMessage = ''\n\n  @action\n  setsubprocessMode(value) {\n    this.subprocessMode = value\n  }\n\n  @action\n  clear() {\n    this.startNode = null\n    this.endNodes = []\n    this.includedNodeIds = []\n    this.errorMessage = ''\n  }\n\n  @action\n  clearSubprocess() {\n    this.startNode = null\n    this.endNodes = []\n    this.includedNodeIds = []\n  }\n\n  @action\n  removeEndNode(nodeId) {\n    this.endNodes = this.endNodes.filter(({ id }) => id !== nodeId)\n    this.updateIncluded()\n  }\n\n  @action\n  removeStartNode() {\n    this.startNode = null\n    this.updateIncluded()\n  }\n\n  @action\n  setActiveStartNode(node) {\n    if (!node) return\n    if (this.endNodes.find(({ id }) => id === node.id)) {\n      Flash.warning({ description: `\"${node.data.name}\" is used as an End Node`, message: 'Warning' })\n      return null\n    }\n    this.startNode = node.data\n    if (this.checkIfValid()) {\n      this.updateIncluded()\n      this.errorMessage = ''\n    } else {\n      this.errorMessage = 'Invalid subprocess flow'\n      this.clearSubprocess()\n    }\n  }\n\n  @action\n  setActiveEndNodes(node) {\n    if (!node) return\n    const index = this.endNodes.findIndex(endNode => endNode.id === node.data.id)\n    if (index !== -1) return\n\n    this.endNodes.push(node.data)\n    if (this.checkIfValid()) {\n      this.updateIncluded()\n      this.errorMessage = ''\n    } else {\n      this.errorMessage = 'Invalid subprocess flow'\n      this.clearSubprocess()\n    }\n  }\n\n  //checks for valid subprocess paths\n  // checks all flows each time, in the case that start node is dragged after end nodes\n  checkIfValid() {\n    if (!this.startNode) return true\n    if (this.endNodes.length === 0) return true\n    let valid = true\n\n    this.endNodes.forEach(node => {\n      if (node.visited_node_ids.indexOf(this.startNode.id) === -1) {\n        valid = false\n      }\n    })\n    return valid\n  }\n\n  updateIncluded() {\n    if (this.startNode) {\n      this.includedNodeIds = [this.startNode.id]\n    } else return\n\n    if (this.endNodes.length === 0) return\n\n    this.includedNodeIds = this.endNodes.map(endNode => {\n      const visitedNodeIds = endNode.visited_node_ids.toJS()\n      return visitedNodeIds.slice(visitedNodeIds.indexOf(this.startNode.id))\n    })\n  }\n}\n\nexport default new SubprocessStore()\n","/* eslint-disable import/prefer-default-export */\nimport { theme } from '@fortressiq/fiq-ds'\n\nexport const procExploreCSS = () => ({\n  background: theme['legacy-color-gray1'],\n  display: 'flex',\n  flexFlow: 'column',\n  height: 'calc(100vh - 60px)',\n  left: 0,\n  maxWidth: '100%',\n})\n\nexport const diagramSectionCSS = ({ groupsMode, subprocessMode }) => ({\n  background: theme['legacy-color-gray1'],\n  borderTop: '0',\n  flex: '1',\n  overflow: 'auto',\n  position: 'relative',\n  width: '100%',\n  ...(groupsMode && {\n    background: theme['legacy-color-gray10'],\n    boxShadow: `inset 0 0 1px 1px ${theme['legacy-color-turquoise-pale2']}`,\n  }),\n  ...(subprocessMode && {\n    background: theme['legacy-color-gray9'],\n    boxShadow: `inset 0 0 1px 1px ${theme['legacy-color-gray8']}`,\n  }),\n  ...((groupsMode || subprocessMode) && {\n    transition: '0.2s ease-in-out',\n  }),\n})\n\nexport const emptyContainerCSS = () => ({\n  color: 'hsla(0, 0%, 0%, 0.3)',\n  marginTop: '18%',\n  textAlign: 'center',\n  width: '100%',\n})\n","import { theme } from '@fortressiq/fiq-ds'\n\nconst baseGray = theme['ui-line-default']\n\nexport const flowTemplate = () => ({\n  alignItems: 'center',\n  display: 'flex',\n  justifyContent: 'space-between',\n  margin: `${theme['default-spacer-md']} auto`,\n  padding: '0 20px',\n  width: '100%',\n\n  '&::before': {\n    background: baseGray,\n    content: '\"\"',\n    height: theme['default-spacer-md'],\n    position: 'absolute',\n    width: '80%',\n    zIndex: theme['z-below'],\n  },\n})\n\nexport const dropNode = () => ({\n  background: theme.white,\n  border: `1px solid ${baseGray}`,\n  borderRadius: `${theme['default-spacer-md']}`,\n  color: `${theme['gray-tints-11']}`,\n  fontSize: theme['font-size-sm'],\n  height: theme['default-spacer-lg'],\n  lineHeight: theme['default-spacer-lg'],\n  marginBottom: theme['default-spacer-xs'],\n  padding: `0 ${theme['default-spacer-md']}`,\n  position: 'relative',\n  textAlign: 'left',\n  verticalAlign: 'middle',\n  width: '120px',\n\n  '&:last-child': {\n    marginBottom: '0',\n  },\n\n  i: {\n    position: 'absolute',\n    right: theme['default-spacer-sm'],\n    top: theme['default-spacer-sm'],\n  },\n})\n\nexport const numOfNodes = () => ({\n  background: theme.white,\n  border: `3px solid ${baseGray}`,\n  borderRadius: theme['default-spacer-md'],\n  fontSize: theme['font-size-sm'],\n  fontStyle: 'italic',\n  padding: `${theme['default-spacer-xs']} ${theme['default-spacer-md']}`,\n})\n\nexport const connected = () => ({\n  background: theme['blue-tints-3'],\n  height: '2px',\n  left: '165px',\n  position: 'absolute',\n  transition: '0.2s ease',\n  width: '269px',\n  zIndex: theme['z-below'],\n})\n\nexport const error = () => ({\n  color: theme['error-color'],\n  fontSize: theme['font-size-xs'],\n  fontStyle: 'italic',\n  marginTop: theme['default-spacer-xs'],\n  minHeight: theme['default-spacer-md'],\n  padding: `0 20px ${theme['default-spacer-xs']} 23px`,\n})\n\nexport const bottomsection = () => ({\n  borderTop: `1px solid ${baseGray}`,\n  padding: theme['default-spacer-sm'],\n})\n\nexport const nodeName = {\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  width: '90%',\n}\n\nexport const subprocessNameInput = () => ({\n  flexGrow: 1,\n\n  '& > span': {\n    flexGrow: 1,\n  },\n})\n","import React, { Fragment } from 'react'\nimport { observer } from 'mobx-react'\nimport { Button, Group, Input, Tag, Tooltip, useFela } from '@fortressiq/fiq-ds'\nimport sourceTypes from 'components/dragAndDrop/sourceTypes'\n\nimport SVGDropZone from 'components/dragAndDrop/SVGDropZone'\n\nimport subprocessStore from '../stores/subprocessStore'\n\nimport {\n  flowTemplate,\n  dropNode,\n  numOfNodes,\n  connected,\n  error,\n  bottomsection,\n  nodeName,\n  subprocessNameInput,\n} from '../styles/subprocessModal.js'\n\nconst CreateSubprocessDialogue = ({ name, saveSubprocess, isSaving, clear, setName }) => {\n  const { startNode: start, endNodes: end, includedNodeIds } = subprocessStore\n  const { css } = useFela()\n  const canSave = [subprocessStore.startNode, name, !subprocessStore.errorMessage].every(Boolean)\n  const DropZoneWidth = 145\n  const DropZoneHeight = 55\n  const stepCount = includedNodeIds.length\n  const hasEndNodes = !!end.length\n\n  return (\n    <Fragment>\n      <div className={css(flowTemplate)}>\n        <SVGDropZone\n          text='Starting Step'\n          width={DropZoneWidth}\n          minHeight={DropZoneHeight}\n          id='subprocessStart'\n          sourceTypes={sourceTypes.NODE}\n          data={start}\n          default='Start Node'\n        >\n          {start && (\n            <Tooltip title={start.name}>\n              <Tag\n                className={css(dropNode)}\n                closable={true}\n                onClose={() => {\n                  subprocessStore.removeStartNode()\n                }}\n                size='large'\n              >\n                <span className={css(nodeName)}>{start.name}</span>\n              </Tag>\n            </Tooltip>\n          )}\n        </SVGDropZone>\n        <div className={css(numOfNodes)}>{stepCount ? `${stepCount} step(s)` : '# of nodes'}</div>\n        <SVGDropZone\n          text='Ending Step'\n          width={DropZoneWidth}\n          minHeight={DropZoneHeight}\n          id='subprocessEnd'\n          sourceTypes={sourceTypes.NODE}\n          data={hasEndNodes ? end : null}\n          default='End Node(s)'\n        >\n          {hasEndNodes &&\n            end.map((node, i) => (\n              <Tooltip title={node.name} key={`tooltip_${node.name}`}>\n                <Tag\n                  key={i}\n                  className={css(dropNode)}\n                  closable={true}\n                  onClose={() => {\n                    subprocessStore.removeEndNode(node.id)\n                  }}\n                  size='large'\n                >\n                  <span className={css(nodeName)}>{node.name}</span>\n                </Tag>\n              </Tooltip>\n            ))}\n        </SVGDropZone>\n        {!!start && hasEndNodes && <div className={css(connected)} />}\n      </div>\n\n      {!!subprocessStore.errorMessage && <div className={css(error)}>{subprocessStore.errorMessage}</div>}\n      <Group className={css(bottomsection)}>\n        <Input\n          placeholder='Subprocess Name'\n          value={name}\n          onChange={setName}\n          tabIndex={0}\n          onMouseDown={e => e.stopPropagation()}\n          className={css(subprocessNameInput)}\n        />\n        <Button onClick={saveSubprocess} loading={isSaving} disabled={!canSave}>\n          {isSaving ? 'Saving' : 'Save'}\n        </Button>\n        <Button onClick={clear}>Clear</Button>\n      </Group>\n    </Fragment>\n  )\n}\n\nexport default observer(CreateSubprocessDialogue)\n","import React from 'react'\nimport css from './subprocessModalStyle.scss'\n\nclass SavedSubprocessDialogue extends React.Component {\n  render() {\n    return (\n      <React.Fragment>\n        <div className={css.saved}>Subprocess Successfully Saved</div>\n        <div onClick={this.openNewProcess} className={css.viewNew}>\n          view new subprocess\n        </div>\n      </React.Fragment>\n    )\n  }\n\n  openNewProcess = () => {\n    const { savedSubprocessId } = this.props\n    window.open(`/process-explorer/${savedSubprocessId}`)\n  }\n}\n\nexport default SavedSubprocessDialogue\n","import React, { useState } from 'react'\nimport Draggable from 'react-draggable'\nimport api from 'lib/Api'\n\nimport { Icon } from '@fortressiq/fiq-ds'\n\nimport subprocessStore from '../stores/subprocessStore'\n\nimport css from './subprocessModalStyle.scss'\n\nimport CreateSubprocessDialogue from './CreateSubprocessDialogue'\nimport SavedSubprocessDialogue from './SavedSubprocessDialogue'\n\nconst SubprocessModal = ({ graphId, ...props }) => {\n  const [name, setName] = useState('')\n  const [savedSubprocessId, setSavedSubprocessId] = useState(null)\n  const [isSaving, setIsSaving] = useState(false)\n\n  const onExit = () => {\n    subprocessStore.clear()\n    subprocessStore.subprocessMode = false\n  }\n\n  const saveSubprocess = async () => {\n    const { includedNodeIds, startNode } = subprocessStore\n    setIsSaving(true)\n    const { data } = await api.post('/graph_subprocesses', {\n      name: name,\n      startNodeId: startNode.id,\n      includedNodeIds: includedNodeIds,\n      sourceGraphProcessId: graphId,\n    })\n\n    setSavedSubprocessId(data.graphProcessId)\n    subprocessStore.clear()\n    setIsSaving(false)\n  }\n  return (\n    <Draggable>\n      <div className={`${css.container}`}>\n        <div className={css.topsection}>\n          <div className={css.leave} onClick={onExit} role='button' tabIndex={-1}>\n            <Icon icon='remove' />\n          </div>\n          <div className={css.title}>Create a Subprocess</div>\n        </div>\n        {savedSubprocessId ? (\n          <SavedSubprocessDialogue savedSubprocessId={savedSubprocessId} />\n        ) : (\n          <CreateSubprocessDialogue\n            {...props}\n            isSaving={isSaving}\n            name={name}\n            setName={e => setName(e.target.value)}\n            saveSubprocess={saveSubprocess}\n            clear={() => {\n              subprocessStore.clear()\n              setName('')\n            }}\n          />\n        )}\n      </div>\n    </Draggable>\n  )\n}\n\nexport default SubprocessModal\n","import React, { useState } from 'react'\nimport { Menu, MenuItem, Icon, Overlay, useFela } from '@fortressiq/fiq-ds'\n\nimport store from '../stores/processExplorerStore'\n\nimport { amountZoom, chevron, zoomButton, zoomContainer } from './styles/index'\n\nconst ZOOM_AMOUNTS = [2, 1, 0.75, 0.5, 0.25]\n\nconst ZoomControls = () => {\n  const [showing, setShowing] = useState(false)\n  const { css, renderer, theme } = useFela()\n\n  // Enables onDrag visulizations for Process Explorer:\n  renderer.renderStatic({ left: 0, position: 'absolute', top: 0, zIndex: theme['z-overdrive'] }, '#dragContainer')\n\n  const trigger = {\n    node: (\n      <div className={css(amountZoom)}>\n        {`${parseInt(store.zoom * 100, 10)}%`}\n        <Icon className={css(chevron)} icon='chevron' size={10} />\n      </div>\n    ),\n    showing,\n    setShowing,\n  }\n\n  const zoomMenu = (\n    <Menu>\n      {ZOOM_AMOUNTS.map((amt, i) => {\n        const itemProps = {\n          onClick: () => store.setZoomAmount(amt),\n          key: `${amt}-${i}`,\n          suffixIcon: store.zoom === amt ? { fill: theme['success-color'], icon: 'check', size: 11 } : undefined,\n        }\n        return <MenuItem {...itemProps} key={`zoom-${amt}`}>{`${parseInt(amt * 100, 10)}%`}</MenuItem>\n      })}\n    </Menu>\n  )\n\n  return (\n    <div className={css(zoomContainer)}>\n      <div className={css(zoomButton)} onClick={() => store.setZoomDirection('in')}>\n        <Icon icon='zoomin' />\n      </div>\n      <div className={css(zoomButton)} onClick={() => store.setZoomDirection('out')}>\n        <Icon icon='zoomout' />\n      </div>\n      <Overlay\n        widths={{ width: 100 }}\n        content={zoomMenu}\n        closeIcon={false}\n        trigger={trigger}\n        id='zoom-controls-process-explorer'\n      />\n    </div>\n  )\n}\n\nexport default ZoomControls\n","export const amountZoom = ({ theme }) => ({\n  alignItems: 'center',\n  cursor: 'pointer',\n  display: 'flex',\n  fontSize: theme['default-spacer-sm'],\n  flexDirection: 'column',\n})\n\nexport const chevron = () => ({\n  marginTop: '3px',\n})\n\nexport const zoomButton = ({ theme }) => ({\n  cursor: 'pointer',\n\n  '&:first-child': {\n    paddingTop: '10px',\n  },\n\n  '&:active': {\n    background: theme['btn-flat-border'],\n    opacity: '0.8',\n    transition: '0.2s ease',\n  },\n})\n\nexport const zoomContainer = ({ theme }) => ({\n  background: theme.white,\n  borderRadius: '20px',\n  boxShadow: '0 0 6px 0 rgba(157, 166, 176, 0.6)',\n  position: 'absolute',\n  right: '20px',\n  top: '15px',\n  userSelect: 'none',\n  width: theme['default-spacer-lg'],\n  zIndex: theme['z-modal-below'] - 1,\n\n  '& > div': {\n    alignItems: 'center',\n    borderBottom: `1px solid ${theme['btn-flat-border']}`,\n    display: 'flex',\n    flexDirection: 'column',\n    padding: `${theme['default-spacer-sm']} 0`,\n\n    '&:last-child': {\n      border: 'none',\n      paddingTop: theme['default-spacer-sm'],\n    },\n  },\n\n  '& .fiqds-overlay-content': {\n    right: '-6px !important',\n    top: '36px !important',\n    left: 'initial !important',\n    position: 'absolute',\n  },\n})\n","import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Link } from 'react-router-dom'\nimport { defaultModalConfig, Menu, MenuItem, Typography, useModal } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\nimport handleIntegration from 'app/admin/integrations/helpers/handleIntegration'\n\nimport ExportMenuItem from 'components/ExportButton/ExportMenuItem'\nimport ActionMenu from 'components/TrinityTable/ActionMenu/ActionMenu'\nimport callbackStore from 'stores/callback'\n\nconst vizBaseUrl = {\n  butterfly: '/visualizations/butterfly',\n  path: '/process-explorer',\n  flowgraph: '/flow-graph',\n}\n\nconst ActionsMenu = ({ graphId, processName, exportIds, reFetch, graphType, isLoadingIntegrations, integrations }) => {\n  const { addModal } = useModal()\n\n  const handleDeleteProcess = async (id, type) => {\n    if (type === 'flowgraph') {\n      await api.delete(`/df_graph/${id}`)\n    } else {\n      await api.delete(`/graph_processes/${id}`)\n    }\n\n    reFetch()\n  }\n\n  const deleteModalID = 'action-menu-delete-modal'\n  const modalOptions = {\n    children: (\n      <Fragment>\n        Are you sure you want to delete this process:\n        <br />\n        <Typography.Text strong={true}>{processName || 'no name'}</Typography.Text>\n      </Fragment>\n    ),\n    config: {\n      ...defaultModalConfig,\n      okButton: { ...defaultModalConfig?.okButton, children: 'Delete', type: 'danger' },\n    },\n    header: 'Delete Process?',\n    id: deleteModalID,\n    onOk: () => handleDeleteProcess(graphId, graphType),\n    style: { width: '400px' },\n  }\n\n  const exportArgs = {\n    graphId,\n    name: processName,\n    exportType: graphType === 'flowgraph' ? 'flowgraph_process' : 'graph_process',\n    graphType,\n  }\n\n  const exportURLParams = exportIds.map(exportId => `ids=${exportId}`).join('&')\n  const exportUrlString = `/event-log-exports?${exportURLParams}`\n  const existingExportUrl = !!exportIds.length && exportUrlString\n\n  const menu = (\n    <Menu bordered={false} dark={true}>\n      {graphType !== 'butterfly' && (\n        <MenuItem key='link-details'>\n          <Link to={`/processes/${graphId}${graphType === 'flowgraph' ? '?type=flowgraph' : ''}`}>View Details</Link>\n        </MenuItem>\n      )}\n      <MenuItem key='link-visualize'>\n        <Link to={`${vizBaseUrl[graphType]}/${graphId}`}>Visualize Process</Link>\n      </MenuItem>\n      <MenuItem key='link-instances-viewer'>\n        <Link to={`/instances-viewer/${graphId}?graphType=${graphType}`}>View Instances</Link>\n      </MenuItem>\n      {graphType !== 'butterfly' && (\n        <Fragment>\n          <ExportMenuItem\n            callbackStore={callbackStore}\n            itemText='Export Process as .csv'\n            exportType='graph'\n            exportArgs={exportArgs}\n          />\n          {existingExportUrl && (\n            <MenuItem key='link-view-exports'>\n              <Link to={existingExportUrl}>View Exports ({exportIds?.length})</Link>\n            </MenuItem>\n          )}\n        </Fragment>\n      )}\n      {graphType !== 'butterfly' && (\n        <MenuItem key='link-delete-process' onClick={() => addModal(modalOptions)}>\n          Delete\n        </MenuItem>\n      )}\n      {!isLoadingIntegrations &&\n        integrations.map(integration => (\n          <MenuItem\n            key={`integration-${integration.id}`}\n            onClick={() => handleIntegration({ integrationId: integration.id, objectId: graphId })}\n          >\n            {integration.title}\n          </MenuItem>\n        ))}\n    </Menu>\n  )\n\n  return <ActionMenu menu={menu} />\n}\n\nActionsMenu.defaultProps = {\n  isLoadingIntegrations: undefined,\n  integrations: undefined,\n  exportIds: undefined,\n}\n\nActionsMenu.propTypes = {\n  graphId: PropTypes.number.isRequired,\n  processName: PropTypes.string.isRequired,\n  exportIds: PropTypes.arrayOf(PropTypes.number),\n  graphType: PropTypes.string.isRequired,\n  reFetch: PropTypes.func.isRequired,\n  isLoadingIntegrations: PropTypes.bool,\n  integrations: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.number,\n      title: PropTypes.string,\n    })\n  ),\n}\n\nexport default ActionsMenu\n","import React, { useEffect, useState } from 'react'\n\nimport { useHeaderDispatch } from 'app/header/HeaderContext'\nimport { useFetch } from 'lib/hooks'\n\nimport TrinityTable from 'components/TrinityTable'\n\nimport getProcessesColumns from './getProcessesColumns'\n\nconst sortKeyMap = {\n  createdAt: 'created_at',\n}\n\nconst Processes = () => {\n  const [reFetch, setReFetch] = useState(0)\n\n  const { data: { integrations = [] } = {}, isLoadingIntegrations } = useFetch('/dynamic_integrations/process/list')\n\n  const columns = getProcessesColumns({ reFetch, setReFetch, integrations, isLoadingIntegrations })\n\n  const headerDispatch = useHeaderDispatch()\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      title: 'Processes',\n      heading: 'Processes',\n    })\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch])\n\n  return (\n    <TrinityTable\n      columns={columns}\n      reFetch={reFetch}\n      url='/graph_processes'\n      dataKey='graphProcesses'\n      tableId='graph-processes-table'\n      sortKeyMap={sortKeyMap}\n      defaultSortKey={sortKeyMap.createdAt}\n      globalFilterOptions={[\n        'favorited',\n        'recommended',\n        'processesCreatedDates',\n        'graphProcessTags',\n        'miningTypeProcesses',\n        'miningRunIds',\n        'graphProcessIds',\n        'graphProcessNames',\n        'applications',\n      ]}\n    />\n  )\n}\n\nexport default Processes\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Tag, Tooltip } from '@fortressiq/fiq-ds'\n\nconst RatingTag = ({ rating }) => {\n  if (rating < 70) return null\n  return (\n    <Tooltip placement='top-center' title={rating.toFixed(2)}>\n      <Tag color='blue'>{rating >= 85 ? 'Highly Recommended' : 'Recommended'}</Tag>\n    </Tooltip>\n  )\n}\n\nRatingTag.propTypes = {\n  rating: PropTypes.number.isRequired,\n}\n\nexport default RatingTag\n","import React, { useEffect, useState } from 'react'\nimport { Redirect } from 'react-router-dom'\nimport { useNotification } from '@fortressiq/fiq-ds'\nimport shortid from 'shortid'\n\nimport api from 'lib/Api'\n\nimport { FLASH_LEVELS, sidebarWidthPlusSpacer } from 'components/flash/Flash'\n\nconst StateManager = ({ match, location }) => {\n  const { addNotification } = useNotification()\n  const [loading, setLoading] = useState(true)\n\n  useEffect(() => {\n    const setData = async () => {\n      const { params } = match\n      const taskId = location.search\n      const url = `/processes/${params.processId}/state_actions/${params.state}${taskId}`\n\n      const { data } = await api.put(url)\n\n      addNotification({\n        align: { left: sidebarWidthPlusSpacer },\n        description: data.message,\n        key: shortid.generate(),\n        type: FLASH_LEVELS.INFO,\n        position: 'bottom-left',\n      })\n      setLoading(false)\n    }\n    setData()\n  }, [match, location.search, addNotification])\n\n  return loading ? null : <Redirect to={`/processes/${match.params.processId}`} />\n}\n\nexport default StateManager\n","import React from 'react'\nimport { Link } from 'react-router-dom'\nimport { ApplicationIconsList, DateCell, Group } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\nimport { getTimeElapsed } from 'lib/Time'\nimport graphTypeDisplayNameMap from 'lib/graphTypeDisplayNameMap'\n\nimport EditableCell from 'components/TrinityTable/EditableCell'\nimport { columnWidths } from 'components/TrinityTable'\n\nimport Tags from 'components/tags/Tags'\nimport FavoriteToggle from 'components/FavoriteToggle/FavoriteToggle'\n\nimport RatingTag from './RatingTag'\nimport ActionsMenu from './ActionsMenu'\n\nconst getProcessesColumns = ({\n  reFetch = undefined,\n  setReFetch = undefined,\n  isLoadingIntegrations = undefined,\n  integrations = undefined,\n}) => [\n  {\n    Header: 'ID',\n    accessor: 'id',\n    minWidth: 125,\n    width: 125,\n    Cell: ({ value, row }) => (\n      <Group>\n        <FavoriteToggle\n          key={`favorite-${value}`}\n          id={value}\n          type={row.original.graphType === 'flowgraph' ? 'flowGraph' : 'graphProcess'}\n          favorited={row.original.favorited}\n        />\n        <span>{value}</span>\n        {row.original.autoRating && <RatingTag rating={parseFloat(row.original.autoRating)} />}\n      </Group>\n    ),\n  },\n  {\n    accessor: 'miningRunId',\n    disableSortBy: true,\n    Header: 'Mining Run',\n    width: 80,\n    Cell: ({ value }) => <Link to={`/mining?globalFilter={\"miningRunIds\":[\"${value}\"]}`}>{value}</Link>,\n  },\n  {\n    align: 'center',\n    accessor: 'graphType',\n    disableSortBy: true,\n    Header: 'Mining Type',\n    width: 92,\n    Cell: ({ value }) => graphTypeDisplayNameMap[value],\n  },\n  {\n    Header: 'Name',\n    accessor: 'name',\n    Cell: ({\n      value,\n      row: {\n        index,\n        original: { id, graphType },\n      },\n      column: { id: columnId },\n      updateCellData,\n    }) => (\n      <EditableCell\n        key={`name-${id}`}\n        value={value}\n        id={id}\n        columnId={columnId}\n        rowIndex={index}\n        updateCellData={updateCellData}\n        updateData={newValue =>\n          api.put(graphType === 'flowgraph' ? `/df_graph/${id}` : `/graph_processes/${id}`, {\n            name: newValue,\n          })\n        }\n      />\n    ),\n  },\n  {\n    Header: 'Tags',\n    accessor: 'tags',\n    disableSortBy: true,\n    Cell: ({ value, row }) => (\n      <Tags\n        key={`tags-${row.original.id}`}\n        taggableType={row.original.graphType === 'flowgraph' ? 'flowGraph' : 'graphProcess'}\n        taggableId={row.original.id}\n        tags={value}\n      />\n    ),\n  },\n  {\n    Header: 'Comment',\n    accessor: 'notes',\n    disableSortBy: true,\n    Cell: ({\n      value,\n      row: {\n        index,\n        original: { id, graphType },\n      },\n      column: { id: columnId },\n      updateCellData,\n    }) => (\n      <EditableCell\n        type='comment'\n        value={value}\n        id={id}\n        columnId={columnId}\n        rowIndex={index}\n        updateCellData={updateCellData}\n        updateData={newValue =>\n          api.put(graphType === 'flowgraph' ? `/df_graph/${id}` : `/graph_processes/${id}`, {\n            notes: newValue,\n          })\n        }\n      />\n    ),\n  },\n  {\n    accessor: 'createdAt',\n    Header: 'Created At',\n    width: 80,\n    Cell: ({ value }) => <DateCell timestamp={value} />,\n  },\n  {\n    Header: 'Applications',\n    accessor: 'applications',\n    width: 90,\n    disableSortBy: true,\n    Cell: ({ value }) => {\n      return <ApplicationIconsList list={value} size={24} />\n    },\n  },\n  {\n    align: 'center',\n    accessor: 'totalFrequency',\n    disableSortBy: true,\n    Header: 'Total Frequency',\n    width: 92,\n  },\n  {\n    align: 'center',\n    accessor: 'stepCount',\n    disableSortBy: true,\n    Header: 'Step Count',\n    minWidth: 76,\n    width: 76,\n  },\n  {\n    align: 'center',\n    accessor: 'totalDuration',\n    disableSortBy: true,\n    Header: 'Total Duration',\n    width: 80,\n    Cell: ({ value }) => getTimeElapsed(value),\n  },\n  {\n    Header: 'Actions',\n    accessor: 'eventLogExportIds',\n    disableSortBy: true,\n    width: columnWidths.actionMenu,\n    align: 'center',\n    Cell: ({ value, row }) => (\n      <ActionsMenu\n        graphId={row.original.id}\n        processName={row.original.name}\n        exportIds={value}\n        reFetch={() => setReFetch(reFetch + 1)}\n        graphType={row.original.graphType}\n        isLoadingIntegrations={isLoadingIntegrations}\n        integrations={integrations}\n      />\n    ),\n  },\n]\n\nexport default getProcessesColumns\n","import { prettyColor } from '@fortressiq/fiq-ds'\n\nimport { getTimeElapsed } from 'lib/Time'\n\n/**\n * @typedef {Object} FlowDataStats\n * @property {number} instanceCount - The total number of instances for the process\n * @property {string} totalDuration - The total duration for the process\n * @property {string} averageDuration - The average duration for the process\n */\n\n/**\n *\n * @param {Array} flowData - graph_process.flow_data\n * @returns {FlowDataStats}\n */\nexport const getFlowDataStats = flowData => {\n  const { totalDuration, totalInstances } = flowData.reduce(\n    (acc, { frequency, average_duration: averageDuration }) => {\n      acc.totalInstances += frequency\n      acc.totalDuration += Math.round(averageDuration) * frequency\n      return acc\n    },\n    {\n      totalInstances: 0,\n      totalDuration: 0,\n    }\n  )\n  return {\n    instanceCount: totalInstances,\n    totalDuration: getTimeElapsed(totalDuration),\n    averageDuration: getTimeElapsed(totalDuration / totalInstances || 0),\n  }\n}\n\n/**\n * @typedef {Object} InstanceStats\n * @property {number} eventCount - The total number of events for the process\n * @property {Array} eventIds - List of event ids for the process\n * @property {number} observerCount - The total number of observers for the process\n * @property {Array} observerCount - List of observers for the process\n */\n\n/**\n *\n * @param {Array} instances - graph_process instances\n * @returns {InstanceStats}\n */\nexport const getInstanceStats = instances => {\n  const { eventIds, observers } = instances.reduce(\n    (acc, instance) => {\n      acc.observers.add(instance.observer)\n      acc.eventIds.push(...instance.eventIds)\n      return acc\n    },\n    { eventIds: [], observers: new Set() }\n  )\n\n  return {\n    eventCount: eventIds.length,\n    eventIds,\n    observerCount: observers.size,\n    observers: Array.from(observers),\n  }\n}\n\nconst letterIndexes = [...Array(26).keys()]\nexport const numberToColor = num => prettyColor(String.fromCharCode(97 + letterIndexes[num % letterIndexes.length]))\n","import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\n\nimport { useQuery } from '@tanstack/react-query'\n\nimport { Element, Card, combineRules } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\nimport { getTimeElapsed } from 'lib/Time'\nimport Localizer from 'lib/Localizer'\n\nimport Loader from 'components/loaders/MainLoader'\nimport PathsByDuration from 'components/detailsSidePanel/pathStatistics/viz/PathsByDuration'\nimport PathsByInstances from 'components/detailsSidePanel/pathStatistics/viz/PathsByInstances'\n\nimport ProcessHeader from './sections/ProcessHeader'\nimport Overview from './sections/Overview'\nimport RunDetails from './sections/RunDetails'\nimport UserMetadata from './sections/UserMetadata'\n\nimport { processCardsWrapperCSS, demiProcessCardCSS, processCardCSS } from './styles/index'\n\nexport const getProcess = async ({ queryKey }) => {\n  const [, { processId }] = queryKey\n  const { data } = await api.get(`/df_graph/process_summary/${processId}`)\n  return data\n}\n\nconst transformProcessData = data => {\n  return {\n    overview: {\n      pathsCount: data.process_info.paths,\n      steps: data.process_info.steps,\n      instanceCount: data.process_info.instances,\n      eventCount: data.process_info.events,\n      averageDuration: getTimeElapsed(data.process_info.average_duration),\n      totalDuration: getTimeElapsed(data.process_info.total_duration),\n      observerCount: data.process_info.observers.length,\n    },\n    process: {\n      favorited: data.process_info.favorited,\n      graphType: 'flowgraph',\n      id: data.process_info.id,\n      name: data.process_info.process_name,\n      updatedAt: data.process_info.updated_at,\n    },\n    runDetails: {\n      miningParams: data.mining_params,\n      id: data.mining_run_detail.mined_run_id,\n      createdAt: Localizer.asDate(data.mining_run_detail.mined_run_created_at),\n      type: data.mining_run_detail.mining_type,\n      miningType: data.mining_run_detail.mining_type,\n      graphProcessCount: data.mining_run_detail.process_count,\n      applicationCount: data.mining_run_detail.applications,\n      filterRules: data.mining_run_detail.filter_rules,\n    },\n    userMetaData: {\n      id: data.process_info.id,\n      notes: data.process_info.notes,\n      tags: data.process_info.tags,\n      graphType: 'flowGraph',\n    },\n    pathsData: data.paths_by_duration_instance\n      .sort((a, b) => a.path_label.toLowerCase() < b.path_label.toLowerCase())\n      .map(path => ({\n        average_duration: path.mean_duration,\n        frequency: path.instance_count,\n        name: path.path_label,\n        key: path.id,\n      })),\n  }\n}\nconst FlowGraph = ({ id }) => {\n  const processQueryKey = ['flow-process', { processId: id }]\n\n  const { data, isLoading, refetch } = useQuery({\n    queryKey: processQueryKey,\n    queryFn: getProcess,\n    keepPreviousData: true,\n    staleTime: 1000 * 60 * 10,\n    cacheTime: 1000 * 60 * 10,\n    select: transformProcessData,\n  })\n\n  const updateProcess = () => {\n    // could be optimized with optimistic updates later\n    refetch()\n  }\n  if (isLoading) return <Loader />\n  return (\n    <Fragment>\n      <ProcessHeader process={data.process} updateProcess={updateProcess} />\n      <Overview overview={data.overview} />\n      <Element style={processCardsWrapperCSS}>\n        <RunDetails runDetails={data.runDetails} isLoading={isLoading} />\n        <UserMetadata userMetaData={data.userMetaData} updateProcess={updateProcess} />\n        <Card style={combineRules(processCardCSS, demiProcessCardCSS)} title='Paths By Duration'>\n          <PathsByDuration paths={data.pathsData} />\n        </Card>\n        <Card style={combineRules(processCardCSS, demiProcessCardCSS)} title='Paths by Instances'>\n          <PathsByInstances paths={data.pathsData} />\n        </Card>\n      </Element>\n    </Fragment>\n  )\n}\n\nFlowGraph.propTypes = {\n  id: PropTypes.string.isRequired,\n}\n\nexport default FlowGraph\n","import React, { Fragment, useEffect, useState } from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Card, combineRules, Element } from '@fortressiq/fiq-ds'\nimport { useMount, useUpdateEffect } from 'react-use'\n\nimport api from 'lib/Api'\nimport { useFetch, useMergeState } from 'lib/hooks'\nimport { toAlpha } from 'lib/String'\nimport parseApplicationData from 'lib/parseApplicationData'\n\nimport Loader from 'components/loaders/MainLoader'\nimport StepsByApplication from 'components/detailsSidePanel/processOverview/viz/StepsByApplication'\nimport PathsByDuration from 'components/detailsSidePanel/pathStatistics/viz/PathsByDuration'\nimport PathsByInstances from 'components/detailsSidePanel/pathStatistics/viz/PathsByInstances'\nimport ProcessTime from 'components/detailsSidePanel/applications/viz/ProcessTime'\n\nimport ProcessHeader from './sections/ProcessHeader'\nimport Overview from './sections/Overview'\nimport RunDetailsWrapper from './sections/RunDetailsWrapper'\nimport UserMetadata from './sections/UserMetadata'\nimport TopSignaturesTable from './sections/TopSignaturesTable'\n\nimport { useHeaderDispatch } from '../../header/HeaderContext'\n\nimport { getInstanceStats, getFlowDataStats } from '../utils.js'\n\nimport { demiProcessCardCSS, processCardCSS, processCardsWrapperCSS } from './styles/index'\n\nconst overviewData = {\n  pathsCount: null,\n  flowData: [],\n  steps: null,\n  instancesCount: null,\n  eventsCount: null,\n  averageDuration: null,\n  totalDuration: null,\n  observersCount: null,\n  applicationData: {\n    applications: {},\n    total: 0,\n    order: [],\n  },\n  instanceData: [],\n}\n\nconst GraphProcess = ({ id }) => {\n  const headerDispatch = useHeaderDispatch()\n  const { data: { graphProcess } = {}, isLoading, setData } = useFetch(`/graph_processes/${id}`)\n  const [overview, setOverview] = useMergeState(overviewData)\n  const [applicationsByTime, setApplicationsByTime] = useState([])\n\n  useEffect(() => {\n    const getApplications = async () => {\n      const { data } = await api.get(`/graph_processes/${graphProcess?.id}/application_process_time`, {\n        graphProcessId: graphProcess.id,\n      })\n\n      setApplicationsByTime(data?.topSignatures)\n    }\n\n    if (graphProcess?.id) {\n      getApplications().catch(setApplicationsByTime([]))\n    }\n  }, [graphProcess?.id])\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      title: 'Processes',\n      heading: 'Process View',\n    })\n  }, [headerDispatch])\n\n  const fetchData = async () => {\n    const getInstanceData = instances =>\n      instances.map((instance, index) => {\n        return {\n          ...instance,\n          key: index + 1,\n        }\n      })\n\n    const getApplicationData = processData => {\n      // get application information from process data\n      const { applications, total, order } = parseApplicationData(processData)\n\n      return { applications, total, order }\n    }\n\n    const { data: processOverview } = await api.get(`/graph_processes/${id}/overview`)\n\n    const applicationData = getApplicationData(processOverview.process_data)\n    const instanceData = getInstanceData(processOverview.instances)\n    const flowData = processOverview.flow_data.map((fData, index) => ({ key: toAlpha(index, false), ...fData }))\n\n    const updatedOverview = {\n      pathsCount: flowData.length,\n      flowData: flowData,\n      steps: processOverview.total_steps,\n      ...getInstanceStats(processOverview.instances),\n      ...getFlowDataStats(processOverview.flow_data),\n      applicationData,\n      instanceData,\n    }\n\n    setOverview(updatedOverview)\n  }\n\n  useMount(() => fetchData())\n  useUpdateEffect(() => fetchData(), [id])\n\n  const updateProcess = process => setData({ graphProcess: process })\n\n  const userMetaData = {\n    id: graphProcess?.id,\n    notes: graphProcess?.notes,\n    tags: graphProcess?.tags,\n    graphType: 'graphProcess',\n  }\n\n  return isLoading ? (\n    <Loader />\n  ) : (\n    <Fragment>\n      <ProcessHeader process={graphProcess} updateProcess={updateProcess} />\n      <Overview overview={overview} />\n      <Element style={processCardsWrapperCSS}>\n        <RunDetailsWrapper miningRunId={graphProcess?.runId} isLoading={isLoading} />\n        <UserMetadata userMetaData={userMetaData} updateProcess={updateProcess} />\n        <Card\n          style={combineRules(processCardCSS, {\n            flexGrow: '1',\n            minWidth: '300px',\n            width: '50%',\n          })}\n          title='Steps by Application'\n        >\n          <StepsByApplication\n            applications={overview.applicationData.applications}\n            total={overview.applicationData.total}\n            order={overview.applicationData.order}\n          />\n        </Card>\n        <Card\n          style={combineRules(processCardCSS, {\n            flexGrow: '1',\n            minWidth: '300px',\n          })}\n          title='Top Screen Signatures'\n        >\n          <TopSignaturesTable graphProcessId={graphProcess?.id} />\n        </Card>\n        <Card style={combineRules(processCardCSS, demiProcessCardCSS)} title='Paths By Duration'>\n          <PathsByDuration paths={overview.flowData} />\n        </Card>\n        <Card style={combineRules(processCardCSS, demiProcessCardCSS)} title='Paths by Instances'>\n          <PathsByInstances paths={overview.flowData} />\n        </Card>\n        {applicationsByTime?.topSignatures?.length > 0 && (\n          <Card style={combineRules(processCardCSS, { minWidth: '33%' })} title='Application Process Time'>\n            <ProcessTime applications={applicationsByTime.topSignatures} />\n          </Card>\n        )}\n      </Element>\n    </Fragment>\n  )\n}\n\nGraphProcess.propTypes = {\n  id: PropTypes.string.isRequired,\n}\n\nexport default GraphProcess\n","import React from 'react'\nimport { useQuery } from 'lib/hooks'\n\nimport FlowGraph from './FlowGraph'\nimport GraphProcess from './GraphProcess'\n\nconst ProcessView = ({\n  match: {\n    params: { id },\n  },\n}) => {\n  const query = useQuery()\n  const processType = query.get('type') || 'graphProcess'\n  if (processType === 'flowgraph') {\n    return <FlowGraph id={id} />\n  } else {\n    return <GraphProcess id={id} />\n  }\n}\n\nexport default ProcessView\n","import React from 'react'\nimport { Typography, Spin, SwitchView, Statistic, theme, useFela } from '@fortressiq/fiq-ds'\n\nimport { detailCSS, titlesCSS, valueCSS } from './styles'\n\nconst { Title } = Typography\n\nconst ObserverDetail = ({ label, type, value }) => {\n  const { css } = useFela()\n\n  return (\n    <div className={css(detailCSS)}>\n      <SwitchView\n        defaultView={<Spin color={theme['legacy-color-gray1']} size={30} />}\n        switchTo={\n          <Statistic\n            isNumericString={type !== ' string'}\n            style={{ ...valueCSS(), ...(type === 'date' && { minWidth: '135px' }) }}\n            value={value}\n          />\n        }\n        switchView={value !== null}\n      />\n      <Title level={5} style={titlesCSS} uppercase={true}>\n        {label || ' '}\n      </Title>\n    </div>\n  )\n}\n\nexport default ObserverDetail\n","import React from 'react'\nimport { Card, combineRules } from '@fortressiq/fiq-ds'\n\nimport { processCardCSS } from '../styles'\n\nconst ProcessDashCard = ({ title, children, loading = false }) => (\n  <Card loading={loading} style={combineRules(processCardCSS, { flexGrow: '1', width: '48%' })} title={title}>\n    {children}\n  </Card>\n)\n\nexport default ProcessDashCard\n","import React from 'react'\nimport { Element, Statistic, theme, Typography } from '@fortressiq/fiq-ds'\n\nconst { Title } = Typography\n\nconst RunDetail = ({ title, value }) => {\n  const valueStyle = { color: theme['legacy-color-gray11'], fontSize: '18px', lineHeight: '20px' }\n\n  return (\n    <Element style={{ marginRight: theme['default-spacer-lg'] }}>\n      <Title level={5} style={{ fontSize: theme['font-size-xs'] }} uppercase={true}>\n        {title}\n      </Title>\n      {typeof value === 'number' ? (\n        <Statistic value={value} valueStyle={valueStyle} />\n      ) : (\n        <Element as='span' style={valueStyle}>\n          {value}\n        </Element>\n      )}\n    </Element>\n  )\n}\n\nexport default RunDetail\n","import React from 'react'\nimport { Icon, Tooltip } from '@fortressiq/fiq-ds'\n\nimport css from './tooltipButtonStyle.scss'\n\nconst TooltipButton = ({ title, icon, action }) => (\n  <Tooltip title={title}>\n    <Icon icon={icon} size={12} onClick={action} className={css.icon} />\n  </Tooltip>\n)\n\nexport default TooltipButton\n","/* eslint-disable import/prefer-default-export */\nimport { theme } from '@fortressiq/fiq-ds'\n\nexport const detailCSS = () => ({\n  display: 'inline-block',\n  marginRight: '92px',\n  marginTop: theme['default-spacer-sm'],\n  minWidth: '70px',\n})\n\nexport const valueCSS = () => ({\n  color: theme['text-light'],\n  fontSize: '30px',\n  lineHeight: '42px',\n  verticalAlign: 'bottom',\n})\n\nexport const titlesCSS = () => ({\n  color: theme['text-default'],\n  fontSize: theme['font-size-sm'],\n  fontWeight: 600,\n  marginLeft: '2px',\n})\n","import React, { memo } from 'react'\nimport { Element, theme } from '@fortressiq/fiq-ds'\nimport PropTypes from 'prop-types'\n\nimport ObserverDetail from '../components/ObserverDetail'\n\nconst ProcessOverview = ({\n  overview: {\n    pathsCount = null,\n    steps = null,\n    instanceCount = null,\n    eventCount = null,\n    averageDuration = null,\n    totalDuration = null,\n    observerCount = null,\n  },\n}) => (\n  <Element\n    style={{\n      borderBottom: `1px solid ${theme['legacy-color-gray2']}`,\n      padding: `${theme['default-spacer-md']} ${theme['default-spacer-md']} ${theme['default-spacer-md']} 20px`,\n      width: '100%',\n    }}\n  >\n    <ObserverDetail value={pathsCount} label='paths' />\n    <ObserverDetail value={steps} label='steps' />\n    <ObserverDetail value={instanceCount} label='instances' />\n    <ObserverDetail value={eventCount} label='events' />\n    <ObserverDetail value={averageDuration} label='average duration' type='date' />\n    <ObserverDetail value={totalDuration} label='total duration' type='date' />\n    <ObserverDetail value={observerCount} label='observers' />\n  </Element>\n)\n\nProcessOverview.propTypes = {\n  overview: PropTypes.shape({\n    pathsCount: PropTypes.number,\n    steps: PropTypes.number,\n    instanceCount: PropTypes.number,\n    eventCount: PropTypes.number,\n    averageDuration: PropTypes.string,\n    totalDuration: PropTypes.string,\n    observerCount: PropTypes.number,\n  }).isRequired,\n}\n\nexport default memo(ProcessOverview)\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Element, Col, Header, Row, Tooltip, theme, Typography } from '@fortressiq/fiq-ds'\n\nimport { ellipsisCSS } from 'styles/utils'\n\nimport localizer from 'lib/Localizer'\nimport ToolbarActions from './ToolbarActions'\n\nconst ProcessHeader = ({ process, updateProcess }) => {\n  const { updatedAt, name } = process\n  const sharedTooltipProps = {\n    mouseEnterDelay: 500,\n    placement: 'top-start',\n  }\n\n  return (\n    <Header\n      toolbar={\n        <Row type='flex'>\n          <Col style={{ paddingLeft: theme['default-spacer-md'], paddingTop: '6px' }}>\n            <Tooltip title={name} {...sharedTooltipProps}>\n              <Typography.Title\n                level={5}\n                style={{\n                  ...ellipsisCSS(),\n                }}\n              >\n                {name}\n              </Typography.Title>\n            </Tooltip>\n          </Col>\n          <Col style={{ justifyContent: 'flex-end', paddingRight: theme['default-spacer-md'] }}>\n            <Tooltip title={`updated: ${localizer.asDateTime(updatedAt)}`} {...sharedTooltipProps}>\n              <Element as='span' style={{ color: theme['legacy-color-gray3'] }}>\n                {localizer.asShortestDate(updatedAt)}\n              </Element>\n            </Tooltip>\n          </Col>\n        </Row>\n      }\n      toolbarActions={<ToolbarActions process={process} updateProcess={updateProcess} />}\n    />\n  )\n}\n\nProcessHeader.propTypes = {\n  process: PropTypes.shape({\n    favorited: PropTypes.bool,\n    graphType: PropTypes.string,\n    id: PropTypes.number,\n    name: PropTypes.string,\n    updatedAt: PropTypes.string,\n  }).isRequired,\n}\n\nexport default ProcessHeader\n","import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport { Element, Skeleton, Spin, theme, Typography } from '@fortressiq/fiq-ds'\nimport { useApplicationsMap } from 'lib/hooks'\nimport graphTypeDisplayNameMap from 'lib/graphTypeDisplayNameMap'\n\nimport { numberToColor } from 'app/processes/utils'\nimport MiningRunDetails from 'app/mining/tableComponents/MiningRunDetails'\n\nimport { miningParamsDefaults } from 'app/mining/MiningRunList'\n\nimport ProcessDashCard from '../components/ProcessDashCard'\nimport RunDetail from '../components/RunDetail'\n\nconst RunDetails = ({ runDetails, isLoading }) => {\n  const { id, createdAt, graphProcessCount, type, applicationCount } = runDetails\n  const { applicationsMap, isLoading: isLoadingApplicationsMap } = useApplicationsMap()\n  return (\n    <ProcessDashCard title='Run Details' loading={isLoading}>\n      {!miningParamsDefaults[runDetails.miningType] || !runDetails?.id || isLoading ? (\n        <Spin style={{ color: theme['legacy-color-gray15'], fontStyle: 'italic' }}>Data is Loading...</Spin>\n      ) : (\n        <Fragment>\n          <Element\n            style={{\n              alignItems: 'center',\n              borderBottom: `1px solid ${theme['legacy-color-gray1']}`,\n              display: 'flex',\n              paddingBottom: theme['default-spacer-md'],\n            }}\n          >\n            <Element\n              style={{\n                borderLeft: `5px solid ${numberToColor(id)}`,\n                fontSize: '14px',\n                fontWeight: '500',\n                padding: `0 ${theme['default-spacer-md']}`,\n              }}\n            >\n              Mining Run: {id}\n            </Element>\n          </Element>\n          <Element\n            style={{\n              borderBottom: `1px solid ${theme['legacy-color-gray1']}`,\n              display: 'flex',\n              justifyContent: 'space-between',\n              padding: ` ${theme['default-spacer-md']} 0 ${theme['default-spacer-sm']}`,\n            }}\n          >\n            <RunDetail title='created at' value={createdAt} />\n            <RunDetail title='processes' value={graphProcessCount} />\n            <RunDetail title='type' value={graphTypeDisplayNameMap[type]} />\n            <RunDetail title='applications' value={applicationCount} />\n          </Element>\n          <Element style={{ paddingTop: theme['default-spacer-md'] }}>\n            <Typography.Title style={{ fontSize: theme['font-size-xs'] }} uppercase={true} level={5}>\n              Mining Parameters\n            </Typography.Title>\n            <Element\n              style={{\n                background: theme['legacy-color-gray'],\n                border: `1px solid ${theme['legacy-color-gray2']}`,\n                borderRadius: theme['default-spacer-xs'],\n                marginTop: theme['default-spacer-sm'],\n                minHeight: '130px',\n                padding: '12px',\n                width: '100%',\n                wordBreak: 'break-word',\n              }}\n            >\n              {runDetails && !isLoadingApplicationsMap ? (\n                <MiningRunDetails\n                  miningRun={runDetails}\n                  miningParamsDefaults={miningParamsDefaults[runDetails.miningType]}\n                  applicationsMap={applicationsMap}\n                />\n              ) : (\n                <Skeleton active={true} />\n              )}\n            </Element>\n          </Element>\n        </Fragment>\n      )}\n    </ProcessDashCard>\n  )\n}\n\nRunDetails.propTypes = {\n  isLoading: PropTypes.bool,\n  runDetails: PropTypes.shape({\n    id: PropTypes.number.isRequired,\n    createdAt: PropTypes.string.isRequired,\n    type: PropTypes.string.isRequired,\n    graphProcessCount: PropTypes.number.isRequired,\n    applicationCount: PropTypes.number.isRequired,\n  }).isRequired,\n}\n\nexport default RunDetails\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { useFetch } from 'lib/hooks'\nimport Localizer from 'lib/Localizer'\nimport RunDetails from './RunDetails'\n\nconst RunDetailsWrapper = ({ miningRunId, isLoading: isProcessLoading }) => {\n  const { data = { applications: [] }, isLoading: isMiningLoading } = useFetch(`/mining_runs/${miningRunId}`, null, [\n    miningRunId,\n  ])\n  const runDetails = {\n    ...data,\n    createdAt: Localizer.asDate(data.createdAt),\n    graphProcessCount: data.graphProcessCount,\n    applicationCount: data.applications.length,\n    type: data.miningType,\n  }\n  const isLoading = isProcessLoading || isMiningLoading\n  return <RunDetails runDetails={runDetails} isLoading={isLoading} />\n}\n\nRunDetailsWrapper.defaultProps = {\n  miningRunId: null,\n}\n\nRunDetailsWrapper.propTypes = {\n  miningRunId: PropTypes.number,\n  isLoading: PropTypes.bool,\n}\n\nexport default RunDetailsWrapper\n","import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Button, ButtonGroup, Element, Input, theme, useModal } from '@fortressiq/fiq-ds'\nimport { useGetSetState } from 'react-use'\nimport { useHistory } from 'react-router-dom'\n\nimport api from 'lib/Api'\nimport Can from 'components/can/Can'\nimport FavoriteToggle from 'components/FavoriteToggle/FavoriteToggle'\nimport IntegrationsDropdown from 'components/IntegrationsDropdown'\n\nconst ToolbarActions = ({ process, updateProcess }) => {\n  const history = useHistory()\n  const { addModal } = useModal()\n  const [get, setState] = useGetSetState({ name: process.name })\n  const { id, favorited, graphType } = process\n\n  const renameProcess = async () => {\n    if (graphType === 'path') {\n      const { data } = await api.put(`/graph_processes/${id}`, { name: get().name })\n      updateProcess(data.process)\n    }\n    if (graphType === 'flowgraph') {\n      await api.put(graphType === 'flowgraph' ? `/df_graph/${id}` : `/graph_processes/${id}`, {\n        name: get().name,\n      })\n      updateProcess()\n    }\n  }\n\n  const handleNameChange = ({ target: { value } }) => setState({ name: value })\n\n  const handleDelete = async () => {\n    if (graphType === 'path') {\n      const { data } = await api.delete(`/graph_processes/${id}`)\n      history.push(data.redirect)\n    }\n    if (graphType === 'flowgraph') {\n      await api.delete(`/df_graph/${id}`)\n      history.push('/processes')\n    }\n  }\n\n  const modalStyle = { maxWidth: '400px' }\n\n  const visualizeUrl = graphType === 'flowgraph' ? `/flow-graph/${id}` : `/process-explorer/${id}`\n  const instancesUrl = `/instances-viewer/${id}?graphType=${graphType}`\n\n  return (\n    <ButtonGroup>\n      <FavoriteToggle\n        id={id}\n        tooltip={false}\n        type={graphType === 'flowgraph' ? 'flowGraph' : graphType}\n        favorited={favorited}\n        buttonProps={{ tooltip: true, tooltipProps: { title: 'Toggle process as favorite' } }}\n      />\n      <Can perform='/processes/:id:delete'>\n        <Button\n          onClick={() =>\n            addModal({\n              children: (\n                <Fragment>\n                  Are you sure you want to delete this process:\n                  <Element\n                    as='p'\n                    style={{ fontWeight: '600', marginTop: theme['default-spacer-sm'], wordBreak: 'break-all' }}\n                  >\n                    {get().name}\n                  </Element>\n                </Fragment>\n              ),\n              config: {\n                okButton: {\n                  children: 'Delete',\n                  type: 'danger',\n                },\n              },\n              header: 'Delete Process',\n              id: 'process-delete-modal',\n              onOk: handleDelete,\n              style: modalStyle,\n            })\n          }\n          suffixIcon='trash'\n          suffixIconProps={{ size: 'nested' }}\n          tooltipProps={{ title: 'Delete process' }}\n        >\n          Delete\n        </Button>\n      </Can>\n      <Button\n        onClick={() =>\n          addModal({\n            children: (\n              <Input\n                defaultValue={get().name}\n                id='rename'\n                label='Process Name'\n                placeholder='Process Name…'\n                onChange={handleNameChange}\n              />\n            ),\n            header: 'Rename Process',\n            id: 'process-rename-modal',\n            onOk: renameProcess,\n            style: modalStyle,\n          })\n        }\n        tooltipProps={{ title: 'Rename process' }}\n      >\n        Rename\n      </Button>\n      <Button href={instancesUrl} tooltipProps={{ title: 'View instances in Instances Viewer' }}>\n        Instances\n      </Button>\n      <Button href={visualizeUrl} tooltipProps={{ title: 'View Process' }}>\n        Visualize\n      </Button>\n      <IntegrationsDropdown key='process-integrations' integrationType='process' objectId={id} />\n    </ButtonGroup>\n  )\n}\n\nToolbarActions.propTypes = {\n  process: PropTypes.shape({\n    favorited: PropTypes.bool,\n    graphType: PropTypes.string,\n    id: PropTypes.number,\n    name: PropTypes.string,\n    updatedAt: PropTypes.string,\n  }).isRequired,\n}\n\nexport default ToolbarActions\n","import React from 'react'\nimport { number } from 'prop-types'\nimport { Table, ApplicationIcon, Tooltip, AdvancedCell } from '@fortressiq/fiq-ds'\n\nimport { useFetch } from 'lib/hooks'\n\nconst TopSignaturesTable = ({ graphProcessId }) => {\n  const { data, isLoading } = useFetch(`/graph_processes/${graphProcessId}/top_signatures`, null, [graphProcessId])\n\n  const columns = [\n    {\n      Header: '',\n      accessor: 'displayName',\n      width: 30,\n      minWidth: 30,\n      Cell: ({ value }) => (\n        <Tooltip title={value}>\n          <ApplicationIcon name={value} size={22} />\n        </Tooltip>\n      ),\n    },\n    {\n      Header: '',\n      accessor: 'screenSignature',\n      Cell: ({ value }) => <AdvancedCell>{value}</AdvancedCell>,\n    },\n  ]\n\n  return (\n    <Table\n      columns={columns}\n      data={data?.topSignatures || []}\n      disablePagination={true}\n      hideHeader={true}\n      loading={isLoading}\n      striped={true}\n      verticalBorders={false}\n    />\n  )\n}\n\nTopSignaturesTable.propTypes = {\n  graphProcessId: number.isRequired,\n}\n\nexport default TopSignaturesTable\n","import React, { Fragment, useState } from 'react'\nimport { observer } from 'mobx-react'\nimport { Element, Label, TextArea, theme } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\n\nimport Tags from 'components/tags/Tags'\nimport ProcessDashCard from '../components/ProcessDashCard'\nimport TooltipButton from '../components/TooltipButton'\n\nconst UserMetadata = ({ userMetaData: { id, notes: notesProps, tags, graphType }, updateProcess }) => {\n  const [notes, setNotes] = useState(notesProps)\n  const [editNotes, setEditNotes] = useState(false)\n\n  const onChange = e => setNotes(e.target.value)\n\n  const saveNote = async () => {\n    if (graphType === 'graphProcess') {\n      const {\n        data: { graphProcess },\n      } = await api.put(`/graph_processes/${id}`, { notes })\n      updateProcess(graphProcess)\n    }\n    if (graphType === 'flowGraph') {\n      api.put(`/df_graph/${id}`, {\n        notes: notes,\n      })\n      updateProcess()\n    }\n    setEditNotes(false)\n  }\n  const cancelSaveNote = () => {\n    setNotes(notesProps)\n    setEditNotes(false)\n  }\n\n  const editIconContainer = { position: 'absolute', right: theme['default-spacer-xs'], top: '-22px' }\n\n  return (\n    <ProcessDashCard title='User Entered Metadata' loading={false}>\n      <Label\n        htmlFor='notes'\n        style={{\n          display: 'inline-block',\n          marginBottom: theme['default-spacer-sm'],\n          marginRight: theme['default-spacer-sm'],\n        }}\n      >\n        Notes\n      </Label>\n\n      <Element style={{ minWidth: '300px', position: 'relative' }}>\n        {editNotes && (\n          <Fragment>\n            <Element style={editIconContainer}>\n              <TooltipButton title='Cancel' icon='remove' action={cancelSaveNote} />\n              <TooltipButton title='Save' icon='save' action={saveNote} />\n            </Element>\n            <TextArea\n              autoFocus={true}\n              id='notes'\n              onChange={onChange}\n              placeholder='Enter notes…'\n              rows={4}\n              style={{ padding: `${theme['default-spacer-sm']} 10px` }}\n              value={notes || ''}\n            />\n          </Fragment>\n        )}\n\n        {!editNotes && (\n          <Fragment>\n            <Element style={editIconContainer}>\n              <TooltipButton title='Edit Notes' icon='edit' action={() => setEditNotes(!editNotes)} />\n            </Element>\n            <Element\n              onClick={() => setEditNotes(true)}\n              style={{\n                border: `1px solid ${theme['legacy-color-gray1']}`,\n                borderRadius: theme['default-spacer-xs'],\n                height: '94px',\n                overflow: 'auto',\n                padding: `${theme['default-spacer-sm']} 10px`,\n              }}\n            >\n              {notes && (\n                <Element as='pre' style={{ fontFamily: 'Inter, sans-serif' }}>\n                  {notes}\n                </Element>\n              )}\n              {!notes && (\n                <Element as='span' style={{ color: theme['legacy-color-gray2'], fontStyle: 'italic' }}>\n                  No Notes Yet\n                </Element>\n              )}\n            </Element>\n          </Fragment>\n        )}\n        <Element\n          style={{\n            alignItems: 'baseline',\n            borderTop: `1px solid ${theme['legacy-color-gray1']}`,\n            display: 'flex',\n            flexWrap: 'wrap',\n            marginTop: theme['default-spacer-md'],\n            maxWidth: '700px',\n            padding: `${theme['default-spacer-md']} 0`,\n          }}\n        >\n          <Element as='span' style={{ fontWeight: '500', marginRight: theme['default-spacer-sm'] }}>\n            Tags:\n          </Element>\n          <Tags taggableId={id} tags={tags} taggableType={graphType} />\n        </Element>\n      </Element>\n    </ProcessDashCard>\n  )\n}\n\nexport default observer(UserMetadata)\n","import { theme } from '@fortressiq/fiq-ds'\n\nexport const processCardCSS = () => ({\n  borderRadius: theme['border-radius-base'],\n  display: 'inline-flex',\n  margin: theme['default-spacer-sm'],\n})\n\nexport const demiProcessCardCSS = () => ({\n  flexGrow: '1',\n  width: `calc(49% - ${theme['default-spacer-md']})`,\n})\n\nexport const processCardsWrapperCSS = () => ({\n  background: theme['contrast-background-color'],\n  display: 'flex',\n  flexGrow: '1 1',\n  flexWrap: 'wrap',\n  padding: theme['default-spacer-xs'],\n  paddingRight: theme['default-spacer-sm'],\n  position: 'relative',\n  width: '100%',\n})\n","import React from 'react'\nimport { Select } from '@fortressiq/fiq-ds'\nimport { useHistory } from 'react-router-dom'\n\nimport { useFetch } from 'lib/hooks'\n\nconst ObserverSelect = ({ currentObserver }) => {\n  const history = useHistory()\n  const { data: observers = [], isLoading } = useFetch('/observers/filters')\n\n  const onChange = ({ value: updatedValue }) => {\n    history.push(`/review/${updatedValue}`)\n  }\n\n  return (\n    <Select\n      isLoading={isLoading}\n      menuPortalTarget={document.body}\n      onChange={onChange}\n      options={observers}\n      placeholder='Select an Observer'\n      style={{ maxWidth: '100%', width: '250px' }}\n      value={currentObserver && observers?.find(option => option.value.toString() === currentObserver.toString())}\n    />\n  )\n}\n\nexport default ObserverSelect\n","import React from 'react'\nimport { Button, Empty, Icon, useFela, Group, Typography } from '@fortressiq/fiq-ds'\nimport ApplicationIconCell from 'app/applications/ApplicationIconCell'\n\nimport TrinityTable from 'components/TrinityTable'\n\nimport ReviewHeader from './ReviewHeader'\n\nimport ReviewSidebar from './Sidebar'\n\nconst { Paragraph, Title } = Typography\n\nconst Review = ({\n  match: {\n    params: { observerID },\n  },\n}) => {\n  const { css, theme } = useFela()\n\n  const params = observerID ? { observer_id: observerID } : undefined\n\n  const columns = [\n    {\n      Header: 'Application',\n      accessor: 'display_name',\n      disableSortBy: true,\n      Cell: ({\n        value: displayName,\n        row: {\n          original: { application_id: applicationId, icon_url: iconUrl, application_uuid: applicationUUID },\n        },\n      }) => (\n        <Group>\n          <ApplicationIconCell\n            applicationId={applicationId}\n            imageUrl={iconUrl}\n            displayName={displayName || 'NULL'}\n            applicationUUID={applicationUUID}\n          />\n          <span>{displayName}</span>\n        </Group>\n      ),\n    },\n    {\n      Header: 'Total Events Recorded',\n      accessor: 'total_count',\n      align: 'center',\n      disableSortBy: true,\n      width: 100,\n    },\n    {\n      Header: 'Events Reviewed',\n      accessor: 'reviewed_count',\n      align: 'center',\n      disableSortBy: true,\n      width: 80,\n      Cell: ({\n        value: reviewedCount,\n        row: {\n          original: {\n            application_review_id: applicationReviewId,\n            event_annotations_reviewed: eventAnnotationsReviewed,\n          },\n        },\n      }) => {\n        if (eventAnnotationsReviewed && eventAnnotationsReviewed.length !== 0)\n          return (\n            <Button href={`/review/${observerID}/${applicationReviewId}/${eventAnnotationsReviewed[0]}`}>\n              {reviewedCount}\n            </Button>\n          )\n        return <Paragraph>0</Paragraph>\n      },\n    },\n    {\n      Header: 'Action',\n      accessor: 'application_review_id',\n      disableSortBy: true,\n      align: 'center',\n      width: 90,\n      Cell: ({\n        value: applicationReviewId,\n        row: {\n          original: { application_id: applicationId, event_annotations_not_reviewed: eventAnnotationsNotReviewed },\n        },\n      }) => {\n        let link\n\n        if (!applicationReviewId) {\n          link = `/review/${observerID}/new?appID=${applicationId}`\n        } else if (eventAnnotationsNotReviewed[0]) {\n          link = `/review/${observerID}/${applicationReviewId}/${eventAnnotationsNotReviewed[0]}`\n        } else {\n          return <Icon icon='colorcheck' />\n        }\n        return (\n          <Button href={link} type='default'>\n            Review Images\n          </Button>\n        )\n      },\n    },\n  ]\n\n  return (\n    <div className={css({ display: 'flex', flex: '1', height: 'calc(100vh - 60px)' })}>\n      <ReviewHeader currentObserver={observerID} title='Data Review' />\n      <div\n        className={css({\n          borderRight: `1px solid ${theme['legacy-product-gray-3']}`,\n          flex: '1',\n          marginRight: theme['default-spacer-xs'],\n        })}\n      >\n        {params ? (\n          <TrinityTable\n            tableId='application-review-table'\n            url='/application_reviews'\n            dataKey='applications'\n            params={params}\n            columns={columns}\n          />\n        ) : (\n          <Empty\n            style={{ paddingTop: theme['default-spacer-lg'] }}\n            customImage={<Icon icon='alerttriangle' size='medium' />}\n            description='No observer selected'\n          />\n        )}\n      </div>\n      <ReviewSidebar>\n        <small>GUIDE</small>\n        <Title level={3}>Select an Application to Evaluate Screens</Title>\n        <Paragraph>\n          Each application you use is comprised of a set of screens: the unique pages on which different kinds of work\n          take place.\n        </Paragraph>\n\n        <Paragraph>\n          One of the most important parts of modeling a process is understanding what separates one screen from another.\n          Process Discovery uses a few metrics to define a screen, but the words on that screen are often the most\n          accurate and unique characteristic.\n        </Paragraph>\n\n        <Paragraph>\n          Select an application at left to review a small set of sample screenshots. In each, we&apos;ll ask you if the\n          selection of words Process Discovery has made is the best choice for defining what that screen is. If\n          it&apos;s incorrect, you&apos;ll be able to select a better option on the screenshot itself.\n        </Paragraph>\n      </ReviewSidebar>\n    </div>\n  )\n}\n\nexport default Review\n","import React, { Fragment, useEffect } from 'react'\n\nimport { Heading } from '@fortressiq/fiq-ds'\n\nimport { useHeaderDispatch } from 'app/header/HeaderContext'\nimport ObserverSelect from './ObserverSelect'\n\nconst ReviewHeader = ({ currentObserver, title }) => {\n  const headerDispatch = useHeaderDispatch()\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      title: title,\n      heading: (\n        <Fragment>\n          {title && (\n            <Heading\n              className='header-title'\n              level={1}\n              style={({ theme }) => ({ marginRight: `${theme['default-spacer-sm']} !important` })}\n            >\n              {title}\n            </Heading>\n          )}\n          <ObserverSelect currentObserver={currentObserver} />\n        </Fragment>\n      ),\n    })\n  }, [headerDispatch, title, currentObserver])\n\n  return null\n}\nexport default ReviewHeader\n","import React from 'react'\nimport { useFela } from '@fortressiq/fiq-ds'\nimport classNames from 'classnames'\n\nconst ReviewSidebar = ({ className, ...props }) => {\n  const { css, theme } = useFela()\n  const classes = classNames(\n    className,\n    css({\n      background: theme.white,\n      borderLeftColor: theme['legacy-product-gray-3'],\n      borderLeftStyle: 'solid',\n      borderLeftWidth: '1px',\n      flex: '0 auto',\n      marginLeft: theme['default-spacer-xs'],\n      padding: theme['default-spacer-md'],\n      width: '360px',\n    })\n  )\n\n  return <div className={classes} {...props} />\n}\n\nexport default ReviewSidebar\n","import React from 'react'\n\nimport ObserverSelect from '../ObserverSelect'\n\njest.mock('react-router-dom', () => ({\n  useHistory: () => ({ push: jest.fn() }),\n}))\n\njest.mock('lib/hooks', () => ({\n  useFetch: () => ({\n    data: [\n      { value: 1, label: 'name1', type: 'observer' },\n      { value: 2, label: 'name2', type: 'observer' },\n    ],\n  }),\n}))\n\nconst defaultProps = Object.freeze({ currentObserver: '1' })\n\ndescribe('ObserverSelect component', () => {\n  it('should render without throwing an error', () => {\n    const component = global.shallowWithTheme(<ObserverSelect {...defaultProps} />)\n    expect(component).toMatchSnapshot()\n    expect(() => component).not.toThrow()\n  })\n})\n","import React from 'react'\n\nimport Sidebar from '../Sidebar'\n\nconst className = 'testclass'\nconst defaultProps = Object.freeze({ className: 'testclass' })\n\njest.mock('@fortressiq/fiq-ds', () => {\n  return {\n    useFela: () => ({\n      css: () => {},\n      theme: () => ({\n        white: '#fff',\n      }),\n    }),\n  }\n})\n\ndescribe('Sidebar component', () => {\n  it('should render without throwing an error', () => {\n    const component = global.shallowWithTheme(\n      <Sidebar {...defaultProps}>\n        <h1>Test</h1>\n      </Sidebar>\n    )\n    expect(component).toMatchSnapshot()\n    expect(() => component).not.toThrow()\n  })\n\n  it('should render with provided className', () => {\n    const component = global.shallowWithTheme(\n      <Sidebar {...defaultProps}>\n        <h1>Test</h1>\n      </Sidebar>\n    )\n    expect(component.hasClass(className)).toBe(true)\n  })\n})\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Icon } from '@fortressiq/fiq-ds'\n\nimport classnames from 'classnames/bind'\nimport css from './boundingBoxStyle.scss'\n\nconst cx = classnames.bind(css)\n\nconst BoundingBox = ({ bounds, ratio, i, deleteBoundingBox, onActiveBox, active, boxType, toggleHover, isHover }) => {\n  const x1 = bounds[0] * ratio\n  const y1 = bounds[1] * ratio\n  const x2 = bounds[2] * ratio\n  const y2 = bounds[3] * ratio\n\n  const width = x2 - x1\n  const height = y2 - y1\n\n  return (\n    <div\n      onMouseEnter={() => toggleHover && toggleHover(bounds)}\n      onMouseLeave={() => toggleHover && toggleHover()}\n      onClick={() => onActiveBox(i, bounds, boxType)}\n      className={cx(css.boundingBox, active && css.active, isHover && css.isHover)}\n      style={{ left: x1, top: y1, width: width, height: height }}\n    >\n      <div className={cx(css.boundingBoxControl, css.tl)} data-direction='tl' />\n      <div className={cx(css.boundingBoxControl, css.tr)} data-direction='tr' />\n      <div className={cx(css.boundingBoxControl, css.bl)} data-direction='bl' />\n      <div className={cx(css.boundingBoxControl, css.br)} data-direction='br' />\n      <div className={cx(css.boundingBoxMove)} data-direction='move' />\n      {deleteBoundingBox && (\n        <div className={cx(css.boundingBoxDeleteTrigger)} onClick={() => deleteBoundingBox(i, boxType)}>\n          <Icon fill='white' icon='colorx' size={16} />\n        </div>\n      )}\n    </div>\n  )\n}\n\nBoundingBox.defaultProps = {\n  deleteBoundingBox: () => {},\n  onActiveBox: () => {},\n  toggleHover: () => {},\n  i: undefined,\n  active: false,\n  isHover: false,\n  boxType: undefined,\n}\n\nBoundingBox.propTypes = {\n  bounds: PropTypes.arrayOf(PropTypes.number).isRequired,\n  ratio: PropTypes.number.isRequired,\n  i: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),\n  deleteBoundingBox: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n  onActiveBox: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n  active: PropTypes.bool,\n  boxType: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n  toggleHover: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n  isHover: PropTypes.bool,\n}\n\nexport default BoundingBox\n","import React from 'react'\nimport { Tag } from '@fortressiq/fiq-ds'\nimport css from './eventStyle.scss'\n\nconst BoundingBoxTag = ({ i, box, deleteBoundingBox, bounds, toggleHover, isHover, boxType }) => {\n  return (\n    <div className={css.boundingBoxTag}>\n      <Tag\n        style={{ marginRight: '8px' }}\n        color={isHover && 'blue'}\n        onMouseEnter={() => toggleHover(bounds)}\n        onMouseLeave={() => toggleHover()}\n        closable={true}\n        onClose={() => deleteBoundingBox(i, boxType)}\n      >\n        {box.text ? box.text : i + 1}\n      </Tag>\n    </div>\n  )\n}\n\nBoundingBoxTag.propTypes = {}\n\nexport default BoundingBoxTag\n","import React, { useContext } from 'react'\nimport classnames from 'classnames/bind'\nimport { Link } from 'react-router-dom'\n\nimport { Typography, Button, Icon, Spin } from '@fortressiq/fiq-ds'\n\nimport { EventContext, EventProvider } from './EventContext'\nimport ReviewSidebar from '../Sidebar'\nimport BoundingBoxTag from './BoundingBoxTag'\nimport ReviewHeader from '../ReviewHeader'\n\nimport BoundingBox from './BoundingBox'\nimport css from './eventStyle.scss'\n\nconst { Paragraph } = Typography\n\nconst cx = classnames.bind(css)\n\nconst Event = () => {\n  const {\n    systemBoundingBoxes,\n    ratio,\n    activeBox,\n    newBoundingBox,\n    userBoundingBoxes,\n    isLoading,\n    onMouseDown,\n    onMouseMove,\n    onMouseUp,\n    onActiveBox,\n    deleteBoundingBox,\n    imageRef,\n    updateDimensions,\n    onSaveAnnotation,\n    observerID,\n    reviewID,\n    screenshotUrl,\n    annotationsIds,\n    toggleHover,\n    currentHover,\n    current,\n    next,\n    prev,\n  } = useContext(EventContext)\n\n  return (\n    <div className={cx(css.main)}>\n      <ReviewHeader currentObserver={observerID} title='Data Review' />\n      <div className={cx(css.screenSection)}>\n        {isLoading ? (\n          <Spin />\n        ) : (\n          <div\n            className={cx(css.drawSection)}\n            onMouseDown={onMouseDown}\n            onMouseUp={onMouseUp}\n            onMouseMove={onMouseMove}\n          >\n            {newBoundingBox && (\n              <BoundingBox key={newBoundingBox.bounds} bounds={newBoundingBox.bounds} ratio={ratio} active={true} />\n            )}\n            {userBoundingBoxes &&\n              userBoundingBoxes.map((box, i) => (\n                <BoundingBox\n                  key={box.bounds}\n                  bounds={box.bounds}\n                  ratio={ratio}\n                  i={i}\n                  id={box.id}\n                  deleteBoundingBox={deleteBoundingBox}\n                  onActiveBox={onActiveBox}\n                  active={activeBox && activeBox.bounds.toString() === box.bounds.toString()}\n                  boxType='userBoundingBox'\n                  toggleHover={toggleHover}\n                  isHover={currentHover === box.bounds.toString()}\n                />\n              ))}\n            {systemBoundingBoxes &&\n              systemBoundingBoxes.map((box, i) => {\n                if (box.invalid) return null\n                return (\n                  <BoundingBox\n                    key={box.bounds}\n                    bounds={box.bounds}\n                    ratio={ratio}\n                    i={i}\n                    id={box.id}\n                    deleteBoundingBox={deleteBoundingBox}\n                    onActiveBox={onActiveBox}\n                    active={activeBox && activeBox.bounds.toString() === box.bounds.toString()}\n                    boxType='systemBoundingBox'\n                    toggleHover={toggleHover}\n                    isHover={currentHover === box.bounds.toString()}\n                  />\n                )\n              })}\n            <img\n              className={cx(css.screenshot)}\n              id='img'\n              ref={imageRef}\n              onLoad={() => updateDimensions()}\n              src={screenshotUrl}\n              alt='screenshot'\n            />\n          </div>\n        )}\n      </div>\n      <ReviewSidebar>\n        <div className={cx(css.sidebarWrap)}>\n          <div>\n            <div className={cx(css.sidebarSection)}>\n              <div className={cx(css.flexBetween)}>\n                <p className={cx(css.stepsTitle)}>\n                  Events reviewed {annotationsIds.filter(annotation => annotation.is_reviewed).length} /{' '}\n                  {annotationsIds.length}\n                </p>\n                <div>\n                  {prev && (\n                    <Link to={`/review/${observerID}/${reviewID}/${prev.id}`}>\n                      <Icon icon='arrowleft' />\n                    </Link>\n                  )}\n                  {next && (\n                    <Link to={`/review/${observerID}/${reviewID}/${next.id}`}>\n                      <Icon icon='arrowright' />\n                    </Link>\n                  )}\n                </div>\n              </div>\n              <div className={cx(css.stepWrap)}>\n                {annotationsIds.map((annotation, i) => (\n                  <div\n                    key={`step-${annotation.id}`}\n                    className={cx(css.step, {\n                      isReviewed: annotation.is_reviewed,\n                      isCurrent: i === current,\n                    })}\n                  />\n                ))}\n              </div>\n              <h2 className={cx(css.titleLarge)}>What are the words that best describe the purpose of this screen?</h2>\n              <Paragraph>\n                Process Discovery has identified the words below as being most important to this screen.\n              </Paragraph>\n              <Paragraph>\n                Deselect words below or in the screenshot by clicking their x-icon if they&apos;re incorrect, and draw\n                your own boxes around words Process Discovery may have missed by clicking-and-dragging your cursor over\n                the screenshot\n              </Paragraph>\n            </div>\n            <div className={cx(css.sidebarSection)}>\n              <h2 className={cx(css.titleSmall)}>\n                Suggested Words (\n                {systemBoundingBoxes && systemBoundingBoxes.length !== 0\n                  ? systemBoundingBoxes.filter(box => !box.invalid).length\n                  : 0}\n                )\n              </h2>\n              {systemBoundingBoxes &&\n                systemBoundingBoxes.map((box, i) => {\n                  if (box.invalid) return null\n                  return (\n                    <BoundingBoxTag\n                      key={`tag-${box.bounds}`}\n                      deleteBoundingBox={deleteBoundingBox}\n                      i={i}\n                      box={box}\n                      toggleHover={toggleHover}\n                      bounds={box.bounds}\n                      isHover={currentHover === box.bounds.toString()}\n                      boxType='systemBoundingBox'\n                    />\n                  )\n                })}\n            </div>\n            <div className={cx(css.sidebarSection)}>\n              <h2 className={cx(css.titleSmall)}>\n                User selections ({userBoundingBoxes && userBoundingBoxes.length !== 0 ? userBoundingBoxes.length : 0})\n              </h2>\n              <div>\n                {userBoundingBoxes &&\n                  userBoundingBoxes.map((box, i) => (\n                    <BoundingBoxTag\n                      key={`tag-${box.bounds}`}\n                      deleteBoundingBox={deleteBoundingBox}\n                      i={i}\n                      box={box}\n                      toggleHover={toggleHover}\n                      bounds={box.bounds}\n                      isHover={currentHover === box.bounds.toString()}\n                      boxType='userBoundingBox'\n                    />\n                  ))}\n              </div>\n            </div>\n          </div>\n          <div className={cx(css.sidebarFooter)}>\n            <div className={cx(css.flexBetween)}>\n              <Button href={`/review/${observerID}`}>Done</Button>\n              <Button disabled={isLoading} onClick={() => onSaveAnnotation()} type='secondary'>\n                Save{' '}\n                {userBoundingBoxes && userBoundingBoxes.length + systemBoundingBoxes.filter(box => !box.invalid).length}{' '}\n                Selections\n              </Button>\n            </div>\n          </div>\n        </div>\n      </ReviewSidebar>\n    </div>\n  )\n}\n\nEvent.propTypes = {}\n\nexport default props => (\n  <EventProvider {...props}>\n    <Event {...props} />\n  </EventProvider>\n)\n","import React, { useEffect, useState, createContext, useRef, useCallback, useMemo } from 'react'\nimport api from 'lib/Api'\nimport { useParams, useHistory } from 'react-router-dom'\nimport qs from 'qs'\n\nimport DOMPurify from 'dompurify'\n\nexport const EventContext = createContext(null)\nexport const { Consumer } = EventContext\n\nexport const EventProvider = ({ children, location }) => {\n  const { observerID, reviewID, eventAnnotationID } = useParams()\n\n  const [ratio, setRatio] = useState(1)\n  const [windowOffset, setWindowOffset] = useState([0, 0])\n  const [maxX, setMaxX] = useState(0)\n  const [maxY, setMaxY] = useState(0)\n\n  const [systemBoundingBoxes, setSystemBoundingBoxes] = useState([])\n  const [userBoundingBoxes, setUserBoundingBoxes] = useState([])\n  const [screenshotUrl, setScreenshotUrl] = useState()\n  const [newBoundingBox, setNewBoundingBox] = useState()\n  const [mouseStartCords, setMouseStartCords] = useState([0, 0])\n  const [isMouseDown, setIsMouseDown] = useState(false)\n\n  const [activeBox, setActiveBox] = useState()\n  const [isMoving, setIsMoving] = useState()\n  const [isLoading, setIsLoading] = useState(true)\n\n  const [annotationsIds, setAnnotationsIds] = useState([])\n  const [current, setCurrent] = useState()\n\n  const [next, setNext] = useState()\n  const [prev, setPrev] = useState()\n\n  const [currentHover, setCurrentHover] = useState()\n\n  const { appID } = qs.parse(location.search, { ignoreQueryPrefix: true })\n\n  const history = useHistory()\n\n  const createReview = useCallback(async () => {\n    // create application review\n    const {\n      data: { id: newReviewID },\n    } = await api.post('/application_reviews', { application_id: appID, observer_id: observerID })\n\n    // get related event annotations\n    const { data: eventAnnotations } = await api.get(`/application_reviews/${newReviewID}/event_annotations`)\n    const [firstEventAnnotation] = eventAnnotations\n\n    if (firstEventAnnotation) {\n      // redirect to route for first event annotation in the new application review\n      // use history.replace to prevent user going back to the '/new' route\n      history.replace(DOMPurify.sanitize(`/review/${observerID}/${newReviewID}/${firstEventAnnotation.id}`))\n    }\n  }, [appID, observerID, history])\n\n  const getAnnotations = useCallback(async () => {\n    setIsLoading(true)\n    const { data: eventAnnotations } = await api.get(`/application_reviews/${reviewID}/event_annotations`)\n    setAnnotationsIds(eventAnnotations)\n    if (eventAnnotationID) {\n      const index = eventAnnotations.findIndex(obj => obj.id === parseInt(eventAnnotationID, 10))\n      setPrev(eventAnnotations[index - 1])\n      setNext(eventAnnotations[index + 1])\n      setCurrent(index)\n    }\n  }, [reviewID, eventAnnotationID])\n\n  const fetchEvent = useCallback(async () => {\n    setIsLoading(true)\n    const { data } = await api.get(`/application_reviews/${reviewID}/event_annotations/${eventAnnotationID}`)\n    setSystemBoundingBoxes(\n      Array.isArray(data.system_suggested_bounding_boxes) ? data.system_suggested_bounding_boxes : []\n    )\n    setUserBoundingBoxes(Array.isArray(data.user_suggested_bounding_boxes) ? data.user_suggested_bounding_boxes : [])\n    setScreenshotUrl(data.screenshot_url)\n    setIsLoading(false)\n  }, [reviewID, eventAnnotationID])\n\n  const updateEventAnnotation = async () => {\n    setIsLoading(true)\n    await api.put(`/application_reviews/${reviewID}/event_annotations/${eventAnnotationID}`, {\n      system_suggested_bounding_boxes: systemBoundingBoxes,\n      user_suggested_bounding_boxes: userBoundingBoxes,\n    })\n    if (next) {\n      history.push(DOMPurify.sanitize(`/review/${observerID}/${reviewID}/${next.id}`))\n    } else getAnnotations()\n  }\n\n  useEffect(() => {\n    if (observerID && appID) {\n      createReview()\n    }\n\n    if (reviewID && observerID) {\n      getAnnotations()\n    }\n\n    if (eventAnnotationID && reviewID) {\n      fetchEvent()\n    }\n  }, [observerID, appID, reviewID, eventAnnotationID, history, getAnnotations, fetchEvent, createReview])\n\n  useEffect(() => {\n    window.addEventListener('resize', updateDimensions)\n\n    return () => {\n      window.removeEventListener('resize', updateDimensions)\n    }\n  }, [])\n\n  const imageRef = useRef(null)\n\n  const updateBox = (x1, y1, x2, y2) => {\n    // Conditions: Swap x1 and x2 or y1 and y2 if user creates box from right to left or from bottom to top.\n    const newX1 = x1 < x2 ? x1 : x2\n    const newY1 = y1 < y2 ? y1 : y2\n    const newX2 = x1 < x2 ? x2 : x1\n    const newY2 = y1 < y2 ? y2 : y1\n    // Conditions: Prevent box being made outside the image\n    setNewBoundingBox({\n      bounds: [\n        newX1 >= 0 ? newX1 : 0,\n        newY1 >= 0 ? newY1 : 0,\n        newX2 <= maxX ? newX2 : maxX,\n        newY2 <= maxY ? newY2 : maxY,\n      ],\n    })\n  }\n\n  const updateDimensions = () => {\n    // Set ratio based on image naturalWidth and image width\n    const { top, left, width } = imageRef.current.getBoundingClientRect()\n    const { naturalWidth, naturalHeight } = imageRef.current\n    setRatio(width / naturalWidth)\n    setMaxX(naturalWidth)\n    setMaxY(naturalHeight)\n    setWindowOffset([left, top])\n  }\n\n  const onMouseDown = e => {\n    e.preventDefault()\n    const element = e.target\n    if (element.dataset.direction) {\n      updateDimensions()\n      const { direction } = element.dataset\n      updateBox(activeBox.bounds[0], activeBox.bounds[1], activeBox.bounds[2], activeBox.bounds[3])\n      if (activeBox.boxType === 'systemBoundingBox') {\n        const copy = [...systemBoundingBoxes]\n        const index = systemBoundingBoxes.findIndex(box => box.bounds.toString() === activeBox.bounds.toString())\n        copy[index].invalid = true\n        setSystemBoundingBoxes(copy)\n      } else {\n        const copy = [...userBoundingBoxes]\n        const index = userBoundingBoxes.findIndex(box => box.bounds.toString() === activeBox.bounds.toString())\n        copy.splice(index, 1)\n        setUserBoundingBoxes(copy)\n      }\n      if (direction === 'move') {\n        setIsMoving(true)\n        const { pageX, pageY } = e\n        const x1 = (pageX - windowOffset[0]) / ratio\n        const y1 = (pageY - windowOffset[1]) / ratio\n        setMouseStartCords([x1, y1])\n        setIsMouseDown(true)\n      }\n      if (direction === 'tl') {\n        setMouseStartCords([activeBox.bounds[2], activeBox.bounds[3]])\n      }\n      if (direction === 'tr') {\n        setMouseStartCords([activeBox.bounds[0], activeBox.bounds[3]])\n      }\n      if (direction === 'bl') {\n        setMouseStartCords([activeBox.bounds[2], activeBox.bounds[1]])\n      }\n      if (direction === 'br') {\n        setMouseStartCords([activeBox.bounds[0], activeBox.bounds[1]])\n      }\n      setIsMouseDown(true)\n    }\n    if (element === imageRef.current) {\n      updateDimensions()\n      setActiveBox()\n      const { pageX, pageY } = e\n      const x1 = (pageX - windowOffset[0]) / ratio\n      const y1 = (pageY - windowOffset[1]) / ratio\n      setMouseStartCords([x1, y1])\n      setIsMouseDown(true)\n    }\n  }\n  const onMouseMove = e => {\n    e.preventDefault()\n    if (!isMouseDown) return null\n    const { clientX, clientY } = e\n    const x = (clientX - windowOffset[0]) / ratio\n    const y = (clientY - windowOffset[1]) / ratio\n    if (isMoving) {\n      const changeX = x - mouseStartCords[0]\n      const changeY = y - mouseStartCords[1]\n      updateBox(\n        activeBox.bounds[0] + changeX,\n        activeBox.bounds[1] + changeY,\n        activeBox.bounds[2] + changeX,\n        activeBox.bounds[3] + changeY\n      )\n    } else {\n      updateBox(mouseStartCords[0], mouseStartCords[1], x, y)\n    }\n  }\n  const onMouseUp = e => {\n    e.preventDefault()\n    if (newBoundingBox)\n      if (newBoundingBox) {\n        setUserBoundingBoxes([...userBoundingBoxes, newBoundingBox])\n        setActiveBox({ bounds: [...newBoundingBox.bounds] })\n      }\n    setNewBoundingBox()\n    setIsMouseDown(false)\n    setIsMoving(false)\n  }\n\n  const onActiveBox = (i, bounds, boxType) => {\n    setActiveBox({ bounds: [...bounds], boxType })\n  }\n\n  const deleteBoundingBox = (i, boxType) => {\n    if (boxType === 'userBoundingBox') {\n      const copy = [...userBoundingBoxes]\n      copy[i].invalid = true\n      copy.splice(i, 1)\n      setUserBoundingBoxes(copy)\n    }\n    if (boxType === 'systemBoundingBox') {\n      const copy = [...systemBoundingBoxes]\n      copy[i].invalid = true\n\n      setSystemBoundingBoxes(copy)\n    }\n  }\n\n  const onSaveAnnotation = async () => {\n    await updateEventAnnotation()\n    setIsLoading(false)\n  }\n\n  const toggleHover = bounds => {\n    setCurrentHover(bounds && bounds.toString())\n  }\n\n  const value = useMemo(() => ({\n    systemBoundingBoxes,\n    ratio,\n    activeBox,\n    newBoundingBox,\n    userBoundingBoxes,\n    isLoading,\n    onMouseDown,\n    onMouseMove,\n    onMouseUp,\n    onActiveBox,\n    deleteBoundingBox,\n    imageRef,\n    updateDimensions,\n    onSaveAnnotation,\n    observerID,\n    reviewID,\n    screenshotUrl,\n    annotationsIds,\n    toggleHover,\n    currentHover,\n    current,\n    next,\n    prev,\n  }))\n\n  return <EventContext.Provider value={value}>{children}</EventContext.Provider>\n}\n","import React from 'react'\nimport { shallow } from 'enzyme'\nimport BoundingBox from '../BoundingBox'\n\nconst defaultProps = Object.freeze({\n  bounds: [517.2403354863588, 274.97888749638486, 870.7982261640798, 564.5306083100356],\n  ratio: 0.22315283400809716,\n  i: 0,\n  deleteBoundingBox: jest.fn(),\n  onActiveBox: jest.fn(),\n  active: false,\n  boxType: 'userBoundingBox',\n  toggleHover: jest.fn(),\n  isHover: false,\n})\n\ndescribe('BoundingBox component', () => {\n  it('should render without throwing an error', () => {\n    const component = shallow(<BoundingBox {...defaultProps} />)\n    expect(component).toMatchSnapshot()\n    expect(() => component).not.toThrow()\n  })\n  it('should call onActiveBox on click', () => {\n    const output = shallow(<BoundingBox {...defaultProps} />)\n    output.simulate('click')\n    expect(defaultProps.onActiveBox).toHaveBeenCalled()\n  })\n  it('should call deleteBoundingBox on click', () => {\n    const component = shallow(<BoundingBox {...defaultProps} />)\n    component.find('.boundingBoxDeleteTrigger').first().simulate('click')\n    expect(defaultProps.deleteBoundingBox).toHaveBeenCalled()\n  })\n  it('should call toggleHover on mouseOver and mouseLeave', () => {\n    const component = shallow(<BoundingBox {...defaultProps} />)\n    component.simulate('mouseenter')\n    expect(defaultProps.toggleHover).toHaveBeenCalledTimes(1)\n    component.simulate('mouseleave')\n    expect(defaultProps.toggleHover).toHaveBeenCalledTimes(2)\n  })\n})\n","import React from 'react'\nimport { shallow } from 'enzyme'\nimport { Tag } from '@fortressiq/fiq-ds'\nimport BoundingBoxTag from '../BoundingBoxTag'\n\nconst defaultProps = Object.freeze({\n  deleteBoundingBox: jest.fn(),\n  i: 0,\n  box: {\n    bounds: '[517.2403354863588, 274.97888749638486, 870.7982261…]',\n  },\n  toggleHover: jest.fn(),\n  bounds: [517.2403354863588, 274.97888749638486, 870.7982261640798, 564.5306083100356],\n  isHover: false,\n  boxType: 'userBoundingBox',\n})\n\ndescribe('BoundingBoxTag component', () => {\n  it('should render without throwing an error', () => {\n    const component = shallow(<BoundingBoxTag {...defaultProps} />)\n    expect(component).toMatchSnapshot()\n    expect(() => component).not.toThrow()\n  })\n  it('should call toggleHover on mouseOver and mouseLeave', () => {\n    const component = shallow(<BoundingBoxTag {...defaultProps} />)\n    component.find(Tag).first().simulate('mouseenter')\n    expect(defaultProps.toggleHover).toHaveBeenCalledTimes(1)\n    component.find(Tag).first().simulate('mouseleave')\n    expect(defaultProps.toggleHover).toHaveBeenCalledTimes(2)\n  })\n})\n","import React from 'react'\n\nimport { Table } from '@fortressiq/fiq-ds'\n\nimport Can from 'components/can/Can'\n\nimport { rules, routes } from 'lib/rbac-rules'\n\nconst Roles = () => {\n  const roles = Object.keys(rules)\n\n  const columns = roles.map(role => {\n    return {\n      Header: role,\n      accessor: role,\n    }\n  })\n\n  const data = routes.map(route => {\n    const row = roles.reduce((acc, curr) => ({ ...acc, [curr]: rules[curr].routes.includes(route) ? route : null }), {})\n    return row\n  })\n\n  return (\n    <div>\n      <Can perform='test'>\n        <p>test</p>\n      </Can>\n      <Table data={data} columns={columns} initialState={{ pageSize: 50 }} />\n    </div>\n  )\n}\n\nexport default Roles\n","import React, { Fragment } from 'react'\n\nconst Sandbox = () => <div>Sandbox!</div>\n\nexport default Sandbox\n","import React, { useCallback, useState } from 'react'\nimport { Link } from 'react-router-dom'\n\nimport { Table, AdvancedCell, DateCell } from '@fortressiq/fiq-ds'\nimport { columnWidths } from 'components/TrinityTable'\nimport { useQueryParams, withDefault, NumberParam } from 'use-query-params'\n\nimport api from 'lib/Api'\n\nconst ScreenList = ({ appId, cycleId }) => {\n  const [screens, setScreens] = useState([])\n  const [isLoading, setIsLoading] = useState(true)\n  const [pageCount, setPageCount] = useState(100)\n  const [total, setTotal] = useState(0)\n  const [clientSidePagination, setClientSidePagination] = useState(false)\n\n  const [persistedState, setPersistedState] = useQueryParams({\n    pageSize: withDefault(NumberParam, 10),\n    pageIndex: withDefault(NumberParam, 0),\n  })\n\n  const fetchData = useCallback(\n    ({ pageSize, pageIndex }) => {\n      const newState = {\n        pageSize: pageSize,\n        pageIndex: pageIndex,\n      }\n      if (JSON.stringify(persistedState) !== JSON.stringify(newState)) {\n        setPersistedState(newState)\n      }\n\n      async function fetchingData() {\n        setIsLoading(true)\n        const { data } = await api.get(`/applications/${appId}/screens/cycle/${cycleId}`, {\n          applicationUuid: appId,\n          pageSize: pageSize,\n          pageNumber: pageIndex,\n        })\n        setScreens(data.screens)\n        setPageCount(Math.ceil(data.totalElements / pageSize))\n        setTotal(data.totalElements)\n        setIsLoading(false)\n        if (pageSize < data.screens.length && data.screens.length === data.totalElements) {\n          setClientSidePagination(true)\n        }\n      }\n      fetchingData()\n    },\n    [appId, cycleId, persistedState]\n  )\n\n  const columns = [\n    {\n      Header: 'Provisional Signature',\n      accessor: 'signature',\n      width: 250,\n      Cell: ({ value }) => (\n        <AdvancedCell copyTextOverride={value}>\n          {value ? (\n            <Link to={`/applications/${appId}/screens/${encodeURIComponent(value)}/${cycleId}`}>{value}</Link>\n          ) : (\n            ''\n          )}\n        </AdvancedCell>\n      ),\n    },\n    {\n      Header: 'Name',\n      accessor: 'name',\n      Cell: ({ value }) => <AdvancedCell>{value}</AdvancedCell>,\n    },\n    {\n      Header: 'Confidence',\n      accessor: 'confidence',\n      width: 100,\n    },\n    {\n      Header: 'Event Count',\n      accessor: 'count',\n      width: 100,\n    },\n    {\n      Header: 'Created',\n      accessor: 'createdAt',\n      width: columnWidths.date,\n      Cell: ({ value }) => <DateCell timestamp={value} />,\n    },\n    {\n      Header: 'Details',\n      accessor: 'action',\n      Cell: ({ value }) => <DateCell timestamp={value} />,\n    },\n  ]\n\n  return clientSidePagination ? (\n    <Table\n      initialState={{ pageSize: 10 }}\n      pageSizeOptions={[10, 20, 50, 100]}\n      columns={columns}\n      data={screens || []}\n      loading={isLoading}\n    />\n  ) : (\n    <Table\n      initialState={{ pageSize: 10 }}\n      pageSizeOptions={[5, 10, 20, 50, 100]}\n      columns={columns}\n      data={screens || []}\n      fetchData={fetchData}\n      loading={isLoading}\n      pageCount={pageCount}\n      disablePagination={false}\n      disableSortBy={true}\n      controlledTable={true}\n      total={total}\n    />\n  )\n}\n\nexport default ScreenList\n","import React, { useState, useRef, useCallback, useEffect, useMemo } from 'react'\nimport PropTypes from 'prop-types'\nimport { Element, useModal } from '@fortressiq/fiq-ds'\nimport throttle from 'lodash/throttle'\n\nimport api from 'lib/Api'\nimport MainLoader from 'components/loaders/MainLoader'\nimport EventTimeline from 'components/EventTimeline/EventTimeline'\n\nimport EventSlide from './EventSlide'\nimport { keys, scrollTimeout, loadLimit as limit, tween } from './common'\nimport { eventSliderCSS, screenshotCSS } from './styles'\n\nconst { LEFT, RIGHT, ENTER } = keys\nconst resizeObserver = new ResizeObserver(([{ target }]) => target.dispatchEvent(new CustomEvent('scroll')))\n\nlet scrollingTimeout\nlet isScrolling = false\nlet slideAnimation = null\n\nexport const scrollXToRef = (activeSlide, isAnimated = true) => {\n  const { parentElement: slider } = activeSlide\n  const scrollLeft = activeSlide.offsetLeft - slider.offsetLeft\n\n  window.cancelAnimationFrame(slideAnimation)\n  if (isAnimated) {\n    isScrolling = true\n\n    slideAnimation = tween({\n      from: slider.scrollLeft,\n      to: scrollLeft,\n      onUpdate: v => {\n        slider.scrollLeft = v\n      },\n      onComplete: () => {\n        slideAnimation = window.cancelAnimationFrame(slideAnimation)\n        isScrolling = false\n      },\n    })\n  } else {\n    const index = [...slider.children].indexOf(activeSlide)\n    slider.scrollLeft = activeSlide.offsetWidth * index\n  }\n}\n\nconst EventGroup = ({ toggleSelectedRow, events: preloadedEvents, eventCount, cycleId }) => {\n  const [modalOpen, setModalOpen] = useState(false)\n  const { addModal } = useModal()\n  const eventSliderRef = useRef(null)\n  const [isLoading, setIsLoading] = useState(false)\n  const [events, setEvents] = useState(preloadedEvents)\n  const [activeSlideIndex, setActiveSlideIndex] = useState(0)\n  const loadedEventCount = events.length\n  const triggerLoadMore = !isLoading && eventCount > loadedEventCount && activeSlideIndex === loadedEventCount - 1\n\n  const closeModal = () => setModalOpen(false)\n\n  const openTimelineModal = eventId => {\n    addModal({\n      children: <EventTimeline eventId={eventId} />,\n      id: 'event-group-timeline-modal',\n      onCancel: closeModal,\n      disableButtons: true,\n      style: { width: '90%' },\n    })\n\n    setModalOpen(true)\n    toggleSelectedRow()\n  }\n\n  const activeSlideIndexFromScroll = () =>\n    eventSliderRef.current ? Math.round(eventSliderRef.current.scrollLeft / eventSliderRef.current.clientWidth) : 0\n\n  const loadMoreEvents = useCallback(async () => {\n    setIsLoading(true)\n    const lastEventId = events[loadedEventCount - 1].id\n    const { data } = await api.get(`/event_logs/${lastEventId}/group`, {\n      limit,\n      offset: loadedEventCount - 1,\n      cycleId,\n    })\n    setEvents([...events, ...data.events])\n    setIsLoading(false)\n  }, [setEvents, setIsLoading, events, loadedEventCount])\n\n  const getSlideRef = index => eventSliderRef.current.children[index]\n\n  const handlePrevSlide = useCallback(() => {\n    const prevSlide = getSlideRef(activeSlideIndexFromScroll() - 1)\n    if (prevSlide) {\n      const isAnimated = !isScrolling && !slideAnimation\n      scrollXToRef(prevSlide, isAnimated)\n    }\n  }, [])\n\n  const handleNextSlide = useCallback(() => {\n    const nextSlide = getSlideRef(activeSlideIndexFromScroll() + 1)\n    if (nextSlide) {\n      const isAnimated = !isScrolling && !slideAnimation\n      scrollXToRef(nextSlide, isAnimated)\n    }\n  }, [])\n\n  const keyHandlerMap = useMemo(\n    () => ({\n      [LEFT]: handlePrevSlide,\n      [RIGHT]: handleNextSlide,\n      [ENTER]: () => toggleSelectedRow(),\n    }),\n    [handleNextSlide, handlePrevSlide, toggleSelectedRow]\n  )\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const keydownHandler = useCallback(\n    throttle(\n      e => {\n        e.preventDefault()\n        if (keyHandlerMap[e.which]) {\n          keyHandlerMap[e.which]()\n        }\n      },\n      Math.round(scrollTimeout / 2),\n      { leading: false }\n    ),\n    [keyHandlerMap]\n  )\n\n  useEffect(() => {\n    const { current: currentRef } = eventSliderRef\n\n    const scrollHandler = () => {\n      isScrolling = true\n      window.clearTimeout(scrollingTimeout)\n      const onScrollStop = () => {\n        if (currentRef) {\n          const activeIndex = activeSlideIndexFromScroll()\n          setActiveSlideIndex(activeIndex)\n          scrollXToRef(currentRef.children[activeIndex], true)\n          isScrolling = false\n        }\n      }\n      scrollingTimeout = setTimeout(onScrollStop, scrollTimeout)\n    }\n\n    if (!modalOpen) {\n      currentRef.addEventListener('scroll', scrollHandler, false)\n      window.addEventListener('keydown', keydownHandler, true)\n      resizeObserver.observe(currentRef)\n    }\n\n    if (triggerLoadMore) {\n      loadMoreEvents()\n    }\n\n    return () => {\n      if (currentRef) {\n        currentRef.removeEventListener('scroll', scrollHandler, false)\n        window.removeEventListener('keydown', keydownHandler, true)\n        resizeObserver.unobserve(currentRef)\n      }\n    }\n  }, [loadMoreEvents, triggerLoadMore, keydownHandler, modalOpen])\n\n  return (\n    <Element style={screenshotCSS} onClick={toggleSelectedRow}>\n      {isLoading && <MainLoader style={{ zIndex: 1 }} />}\n      <Element className='event-slider' ref={eventSliderRef} style={eventSliderCSS}>\n        {events.map((event, slideIndex) => (\n          <EventSlide\n            key={`event-slide-${event.id}`}\n            {...{\n              event,\n              slideIndex,\n              isLoading,\n              slideCount: eventCount,\n              openTimelineModal,\n              isLazy: slideIndex >= activeSlideIndex + 3 || slideIndex <= activeSlideIndex - 3,\n            }}\n          />\n        ))}\n      </Element>\n    </Element>\n  )\n}\n\nEventGroup.propTypes = {\n  cycleId: PropTypes.string,\n  toggleSelectedRow: PropTypes.any,\n  events: PropTypes.any,\n  eventCount: PropTypes.number,\n}\n\nexport default EventGroup\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { useFela } from '@fortressiq/fiq-ds'\n\nimport EventGroup from './EventGroup'\nimport InactiveEventGroup from './InactiveEventGroup'\n\nimport { screenshotRow } from './styles'\n\nconst EventGroupRow = ({\n  eventCount,\n  eventGroupIndex,\n  events,\n  isActiveGroup,\n  isAdjacentToActiveGroup,\n  isSelected,\n  toggleSelectedRow,\n  cycleId,\n}) => {\n  const [exemplarEvent] = events\n  const { css } = useFela({ isSelected })\n\n  return (\n    <div className={css(screenshotRow)}>\n      {isActiveGroup ? (\n        <EventGroup\n          {...{\n            eventCount,\n            eventGroupIndex,\n            events,\n            isActiveGroup,\n            toggleSelectedRow: () => toggleSelectedRow(eventGroupIndex),\n            cycleId: cycleId,\n          }}\n        />\n      ) : (\n        <InactiveEventGroup exemplarEvent={exemplarEvent} eventCount={eventCount} isLazy={!isAdjacentToActiveGroup} />\n      )}\n    </div>\n  )\n}\n\nEventGroupRow.propTypes = {\n  cycleId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n}\n\nexport default EventGroupRow\n","import React, { useEffect, useRef, useState, Fragment, useCallback, useMemo } from 'react'\nimport PropTypes from 'prop-types'\nimport throttle from 'lodash/throttle'\nimport localStorage from 'lib/Storage'\nimport { Element } from '@fortressiq/fiq-ds'\n\nimport EventGroupRow from './EventGroupRow'\nimport ScreenViewerDrawer from './ScreenViewerDrawer'\nimport { minimapEnabledStorageKey, keys, tween, scrollTimeout } from './common'\nimport Controls from './controls/Controls'\n\nimport { eventGroupsHeaderCSS, eventGroupWrapCSS, screenshotsCSS } from './styles'\n\nconst { UP, DOWN, SPACE } = keys\nconst storedMinimapSetting = localStorage.get(minimapEnabledStorageKey)\n\nlet scrollingTimeout\nlet isScrolling = false\nlet slideAnimation = null\n\nconst scrollYToRef = (activeGroup, isAnimated = !isScrolling) => {\n  const { parentElement: eventGroups } = activeGroup\n  const scrollTop = activeGroup.offsetTop - eventGroups.offsetTop\n\n  window.cancelAnimationFrame(slideAnimation)\n  if (isAnimated) {\n    isScrolling = true\n\n    slideAnimation = tween({\n      from: eventGroups.scrollTop,\n      to: scrollTop,\n      onUpdate: v => {\n        eventGroups.scrollTop = v\n      },\n      onComplete: () => {\n        slideAnimation = window.cancelAnimationFrame(slideAnimation)\n        isScrolling = false\n      },\n    })\n  } else {\n    const index = [...eventGroups.children].indexOf(activeGroup)\n    eventGroups.scrollTop = activeGroup.offsetHeight * index\n  }\n}\n\nconst EventGroups = ({\n  eventGroups,\n  setEventGroups,\n  isLoading,\n  applicationId,\n  screen,\n  tenantApplicationId,\n  cycleId,\n}) => {\n  const eventGroupsRef = useRef()\n  const [activeGroupIndex, setActiveGroupIndex] = useState(0)\n  const [isMinimapEnabled, setIsMinimapEnabledState] = useState(storedMinimapSetting)\n  const [selectedEventGroupIndexes, setSelectedEventGroupIndexes] = useState(new Set())\n  const eventGroupCount = eventGroups.length\n  const eventGroupIndexes = Object.keys(eventGroups).map(Number)\n  const setIsMinimapEnabled = checked => {\n    setIsMinimapEnabledState(checked)\n    localStorage.set(minimapEnabledStorageKey, checked)\n  }\n  const activeGroupIndexFromScroll = () =>\n    eventGroupsRef.current ? Math.round(eventGroupsRef.current.scrollTop / eventGroupsRef.current.offsetHeight) : 0\n  const getEventGroupRef = index => eventGroupsRef.current.children[index]\n\n  const handlePrevActiveGroup = useCallback(() => {\n    const prevIndex = activeGroupIndexFromScroll() - 1\n    const prevEventGroup = getEventGroupRef(prevIndex)\n    if (prevEventGroup) {\n      const isAnimated = !isScrolling && !slideAnimation\n      setActiveGroupIndex(prevIndex)\n      scrollYToRef(prevEventGroup, isAnimated)\n    }\n  }, [])\n\n  const handleNextActiveGroup = useCallback(() => {\n    const nextIndex = activeGroupIndexFromScroll() + 1\n    const nextEventGroup = getEventGroupRef(nextIndex)\n    if (nextEventGroup) {\n      const isAnimated = !isScrolling && !slideAnimation\n      setActiveGroupIndex(nextIndex)\n      scrollYToRef(nextEventGroup, isAnimated)\n    }\n  }, [])\n\n  const toggleSelectedRow = useCallback(\n    (eventIndex = activeGroupIndex) => {\n      const action = selectedEventGroupIndexes.has(eventIndex) ? 'delete' : 'add'\n      selectedEventGroupIndexes[action](eventIndex)\n      return setSelectedEventGroupIndexes(new Set(selectedEventGroupIndexes))\n    },\n    [activeGroupIndex, selectedEventGroupIndexes]\n  )\n\n  const toggleAllSelectedEvent = () =>\n    setSelectedEventGroupIndexes(\n      new Set(selectedEventGroupIndexes.size === eventGroups.length ? [] : eventGroupIndexes)\n    )\n\n  const keyHandlerMap = useMemo(\n    () => ({\n      [UP]: handlePrevActiveGroup,\n      [DOWN]: handleNextActiveGroup,\n      [SPACE]: () => toggleSelectedRow(),\n    }),\n    [handleNextActiveGroup, handlePrevActiveGroup, toggleSelectedRow]\n  )\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const keydownHandler = useCallback(\n    throttle(\n      e => {\n        if (e.preventDefault) {\n          e.preventDefault()\n        }\n        return keyHandlerMap[e.which] && keyHandlerMap[e.which]()\n      },\n      Math.round(scrollTimeout / 2),\n      { leading: false }\n    ),\n    [keyHandlerMap]\n  )\n\n  const eventGroupHeaderText = isLoading\n    ? 'Loading Event Groups'\n    : `Event Group ${activeGroupIndex + 1} of ${eventGroups.length}`\n\n  const getGroupSelectedMeta = groupIndex => ({\n    isSelected: selectedEventGroupIndexes.has(groupIndex),\n    isPrevSelected: selectedEventGroupIndexes.has(groupIndex - 1),\n    isNextSelected: selectedEventGroupIndexes.has(groupIndex + 1),\n  })\n\n  useEffect(() => {\n    const { current: currentRef } = eventGroupsRef\n    const scrollHandler = () => {\n      isScrolling = true\n      window.clearTimeout(scrollingTimeout)\n      const onScrollStop = () => {\n        if (currentRef) {\n          const activeIndex = activeGroupIndexFromScroll()\n          setActiveGroupIndex(activeIndex)\n          scrollYToRef(currentRef.children[activeIndex], true)\n          isScrolling = false\n        }\n      }\n      scrollingTimeout = setTimeout(onScrollStop, scrollTimeout)\n    }\n\n    currentRef.addEventListener('scroll', scrollHandler, false)\n    window.addEventListener('keydown', keydownHandler, true)\n\n    return () => {\n      if (currentRef) {\n        currentRef.removeEventListener('scroll', scrollHandler, false)\n        window.removeEventListener('keydown', keydownHandler, true)\n      }\n    }\n  }, [eventGroups, keydownHandler])\n\n  return (\n    <Fragment>\n      <Element style={eventGroupWrapCSS}>\n        <Element as='h3' style={eventGroupsHeaderCSS}>\n          {eventGroupHeaderText}\n        </Element>\n        <Element style={screenshotsCSS} ref={eventGroupsRef}>\n          {eventGroups.map((eventGroup, eventGroupIndex) => (\n            <EventGroupRow\n              {...eventGroup}\n              isSelected={selectedEventGroupIndexes.has(eventGroupIndex)}\n              isActiveGroup={activeGroupIndex === eventGroupIndex}\n              isAdjacentToActiveGroup={\n                activeGroupIndex === eventGroupIndex - 3 || activeGroupIndex === eventGroupIndex + 3\n              }\n              eventGroupIndex={eventGroupIndex}\n              toggleSelectedRow={toggleSelectedRow}\n              key={`eventGroup-${eventGroupIndex}`}\n              cycleId={cycleId}\n            />\n          ))}\n        </Element>\n      </Element>\n      {!isLoading && (\n        <ScreenViewerDrawer activeGroupIndex={activeGroupIndex} isMinimapEnabled={isMinimapEnabled}>\n          <Controls\n            {...{\n              activeGroupIndex,\n              applicationId,\n              eventGroupCount,\n              eventGroupHeaderText,\n              eventGroupIndexes,\n              eventGroups,\n              getGroupSelectedMeta,\n              handleNextActiveGroup,\n              handlePrevActiveGroup,\n              isMinimapEnabled,\n              screen,\n              selectedEventGroupIndexes,\n              setEventGroups,\n              setIsMinimapEnabled,\n              setSelectedEventGroupIndexes,\n              toggleAllSelectedEvent,\n              toggleSelectedRow,\n              tenantApplicationId,\n            }}\n          />\n        </ScreenViewerDrawer>\n      )}\n    </Fragment>\n  )\n}\n\nEventGroups.propTypes = {\n  cycleId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  eventGroups: PropTypes.any,\n  setEventGroups: PropTypes.any,\n  isLoading: PropTypes.any,\n  applicationId: PropTypes.any,\n  screen: PropTypes.any,\n  tenantApplicationId: PropTypes.any,\n}\nexport default EventGroups\n","import React from 'react'\n\nimport { Button, combineRules, Element, Tooltip, Icon, Typography, useFela } from '@fortressiq/fiq-ds'\n\nimport DisabledScreenshot, { isDisabledScreenshot } from 'components/DisabledScreenshot/DisabledScreenshot'\nimport UnredactedImageWithOption from 'components/image/UnredactedImageWithOption'\nimport {\n  eventDetailsCSS,\n  eventDetailsListCSS,\n  eventDetailsRowCSS,\n  eventSlideCSS,\n  eventSlideImageCSS,\n  eventSlideImgWrapCSS,\n  eventSlideUnredactedImageContainerCSS,\n} from './styles'\n\nconst EventSlide = ({\n  isLazy = true,\n  slideIndex = 0,\n  slideCount,\n  openTimelineModal,\n  event: { screenshotUrl, ...event },\n}) => {\n  const handleClick = () => openTimelineModal(event.id)\n  const lazy = isLazy ? 'lazy' : 'eager'\n\n  const { css } = useFela()\n\n  return (\n    <Element id={`event_${slideIndex}`} style={eventSlideCSS}>\n      <Element style={eventSlideImgWrapCSS}>\n        {isDisabledScreenshot(event) ? (\n          <DisabledScreenshot containerHeight='calc(100% - 60px)' dark={true} />\n        ) : (\n          <UnredactedImageWithOption\n            dark={true}\n            loading={lazy}\n            src={screenshotUrl}\n            containerCss={eventSlideUnredactedImageContainerCSS}\n            className={css(eventSlideImageCSS)}\n          />\n        )}\n      </Element>\n\n      <Element style={eventDetailsCSS}>\n        <Element as='ul' style={combineRules(eventDetailsListCSS, eventDetailsRowCSS)}>\n          <li>\n            <Typography.Title level={4} style={({ theme: { white } }) => ({ color: white, textAlign: 'left' })}>\n              Event {slideIndex + 1} of {slideCount}\n            </Typography.Title>\n          </li>\n          <li>ID: {event.id}</li>\n        </Element>\n        <Element style={eventDetailsRowCSS}>\n          <Tooltip title='View event in timeline'>\n            <Button align='center' shape='circle' onClick={handleClick}>\n              <Icon icon='syncarrowclock' color='currentColor' />\n            </Button>\n          </Tooltip>\n        </Element>\n        <Element as='ul' style={combineRules(eventDetailsListCSS, eventDetailsRowCSS)}>\n          <li>Observer: {event.observer || event.observerName}</li>\n          <li>Observed At: {new Date(event.observedAt).toLocaleString('en-us')}</li>\n        </Element>\n      </Element>\n    </Element>\n  )\n}\n\nexport default EventSlide\n","import React from 'react'\nimport { Element } from '@fortressiq/fiq-ds'\n\nimport EventSlide from './EventSlide'\n\nimport { eventSliderCSS, screenshotCSS } from './styles'\n\nconst InactiveEventGroup = ({ exemplarEvent, eventCount, isLazy }) => (\n  <Element style={screenshotCSS}>\n    <Element className='event-slider' style={eventSliderCSS}>\n      <EventSlide\n        key={`event-slide-${exemplarEvent.id}`}\n        {...{\n          event: exemplarEvent,\n          slideCount: eventCount,\n          isLazy,\n        }}\n      />\n    </Element>\n  </Element>\n)\n\nexport default InactiveEventGroup\n","import React, { useEffect, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { useHistory } from 'react-router-dom'\nimport { Element } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\n\nimport ScreenViewerHeader from './ScreenViewerHeader'\nimport EventGroups from './EventGroups'\nimport { screenshotsContainerCSS, viewerLayoutCSS } from './styles'\n\nconst ScreenViewer = ({\n  match: {\n    params: { applicationId, screenSignature, cycleId },\n  },\n}) => {\n  const [isLoading, setIsLoading] = useState({})\n  const [application, setApplication] = useState({})\n  const [screen, setScreen] = useState({})\n  const [eventGroups, setEventGroups] = useState([])\n  const history = useHistory()\n\n  useEffect(() => {\n    async function fetchData() {\n      const { data } = await api.get(`/applications/${applicationId}/screens/${screenSignature}`, {\n        applicationUuid: applicationId,\n        cycle_id: cycleId,\n      })\n      if (!data.eventGroups.length) {\n        history.push(`/applications/${applicationId}`) // handle dead links\n      }\n      setEventGroups(data.eventGroups)\n      setScreen(data.screen)\n      setApplication(data.application)\n      setIsLoading(false)\n    }\n\n    fetchData()\n  }, [applicationId, screenSignature, history])\n\n  return (\n    <Element style={viewerLayoutCSS}>\n      <ScreenViewerHeader {...{ screenSignature, application, screen }} setScreen={setScreen} />\n      <Element style={screenshotsContainerCSS}>\n        <EventGroups\n          {...{\n            isLoading,\n            applicationId: application.id,\n            screen,\n            eventGroups,\n            setEventGroups,\n            tenantApplicationId: application.tenantApplicationId,\n            cycleId: cycleId,\n          }}\n        />\n      </Element>\n    </Element>\n  )\n}\n\nScreenViewer.propTypes = {\n  match: PropTypes.shape({\n    params: PropTypes.shape({\n      applicationId: PropTypes.string,\n      screenSignature: PropTypes.string,\n      cycleId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    }),\n  }),\n}\n\nexport default ScreenViewer\n","import React, { useState } from 'react'\nimport { Icon, Typography, useFela } from '@fortressiq/fiq-ds'\nimport localStorage from 'lib/Storage'\n\nimport {\n  eventGroupDrawerIconWrapCSS,\n  eventGroupsHeaderTitleCSS,\n  screenControlsDrawerCSS,\n  screenControlsDrawerInnerCSS,\n  screenshotRowIcon,\n} from './styles'\n\nconst drawerLocalStorageKey = 'isScreenViewerDrawerOpen'\n\nconst ScreenViewerDrawer = ({ children, isMinimapEnabled }) => {\n  const [isDrawerOpen, setIsDrawerOpen] = useState(localStorage.get(drawerLocalStorageKey))\n  const toggleIsDrawerOpen = () => {\n    localStorage.set(drawerLocalStorageKey, !isDrawerOpen)\n    setIsDrawerOpen(!isDrawerOpen)\n  }\n  const { css } = useFela({ isDrawerOpen, isMinimapEnabled })\n\n  return (\n    <div className={css(screenControlsDrawerCSS)}>\n      <div className={css(eventGroupDrawerIconWrapCSS)} onClick={toggleIsDrawerOpen}>\n        <Icon style={screenshotRowIcon} icon='cog' size={25} />\n      </div>\n      <Typography.Text style={eventGroupsHeaderTitleCSS}>\n        Move Event Groups\n        <Icon\n          after={true}\n          clickable={true}\n          icon='remove'\n          onClick={toggleIsDrawerOpen}\n          size={16}\n          style={screenshotRowIcon}\n        />\n      </Typography.Text>\n      <div className={css(screenControlsDrawerInnerCSS)}>{children}</div>\n    </div>\n  )\n}\n\nexport default ScreenViewerDrawer\n","import React, { useEffect, useState } from 'react'\nimport { Link } from 'react-router-dom'\nimport { ApplicationIcon, Button, Element, Heading, Input, theme, useModal, useNotification } from '@fortressiq/fiq-ds'\nimport { string, number, shape, func } from 'prop-types'\n\nimport api from 'lib/Api'\n\nimport { addPXSuffix } from 'helpers'\nimport { useHeaderDispatch } from '../../header/HeaderContext'\nimport { headerColumnCSS, screenViewerHeaderCSS } from './styles'\n\nconst errorStyle = {\n  bottom: 0,\n  left: theme['default-spacer-lg'],\n  position: 'absolute',\n  fontSize: '10px',\n  color: theme['error-color'],\n}\n\nconst ScreenViewerHeader = ({ screenSignature, application, screen = {}, setScreen }) => {\n  const headerDispatch = useHeaderDispatch()\n  const [isSaving, setIsSaving] = useState(false)\n  const [screenData, setScreenData] = useState(screen)\n  const { addNotification } = useNotification()\n  const [nameError, setNameError] = useState('')\n  const { addModal } = useModal()\n\n  const saveScreenData = async () => {\n    setIsSaving(true)\n\n    const { data } = await api.patch(`/applications/${application.tenantApplicationId}/screens/${screenSignature}`, {\n      applicationUuid: application.tenantApplicationId,\n      ...screenData,\n    })\n\n    setScreen(screenData)\n    setIsSaving(false)\n\n    addNotification({\n      description: `${data.screen.name ? data.screen.name : 'Screen'} has been saved!`,\n      message: 'Saved',\n      type: 'success',\n      autoClose: 3000,\n    })\n  }\n\n  const updateScreenData = ({ target: { value, name } }) => {\n    setScreenData({ ...screenData, [name]: value })\n    if (name === 'name' && value.trim() === '') setNameError('Please enter a screen name')\n    if (name === 'name' && value.trim() !== '') setNameError('')\n  }\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      title: 'Screen Viewer',\n      heading: 'Signature Screen Viewer',\n    })\n\n    setScreenData(screen)\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch, screen])\n\n  const formValid = screenData.name && screenData.name.trim() !== ''\n\n  const handleClear = async () => {\n    setIsSaving(true)\n    await api.delete(`/applications/${application.id}/screens/${screenSignature}`, {\n      applicationUuid: application.tenantApplicationId,\n    })\n    setIsSaving(false)\n    const newScreenData = { ...screenData, name: null, confidence: null }\n    setScreenData(newScreenData)\n    setScreen(newScreenData)\n\n    addNotification({\n      description: 'Screen name and confidence were cleared!',\n      message: 'Clear Screen',\n      type: 'success',\n      autoClose: 3000,\n    })\n  }\n\n  const appIconSize = 39\n  const bottomAlignButtons = { placeSelf: 'flex-end' }\n\n  return (\n    <Element as='header' style={screenViewerHeaderCSS}>\n      <Element\n        style={{\n          ...headerColumnCSS,\n          flex: 1,\n          '> *': { marginRight: theme['default-spacer-sm'], placeSelf: 'center' },\n        }}\n      >\n        <ApplicationIcon\n          src={application.iconUrl}\n          name={application.displayName}\n          size={appIconSize}\n          style={{ minWidth: addPXSuffix(appIconSize) }}\n        />\n        <div>\n          <Heading level={4} style={{ marginBottom: 0 }}>\n            <Link to={`/applications/${application.tenantApplicationId}`}>{application.displayName}</Link>\n          </Heading>\n          <Element as='span' style={{ wordBreak: 'break-all' }}>\n            Signature: {screenData.signature}\n          </Element>\n        </div>\n      </Element>\n      <Element style={{ ...headerColumnCSS, borderLeft: `1px solid ${theme['antd-card-border']}` }}>\n        <Element style={{ display: 'flex' }}>\n          <Element style={{ flexDirection: 'column', marginRight: theme['default-spacer-sm'], position: 'relative' }}>\n            <Input label='Screen Name:' name='name' value={screenData.name || ''} onChange={updateScreenData} />\n            <Element style={errorStyle}>{nameError}</Element>\n          </Element>\n          <Input\n            label='Confidence:'\n            name='confidence'\n            value={screenData.confidence || ''}\n            onChange={updateScreenData}\n          />\n          <Button\n            disabled={!formValid}\n            loading={isSaving}\n            onClick={saveScreenData}\n            style={{ ...bottomAlignButtons, marginLeft: theme['default-spacer-lg'] }}\n            type='secondary'\n          >\n            Update Screen\n          </Button>\n          <Button\n            disabled={screen.name === null && screen.confidence === null}\n            loading={isSaving}\n            onClick={() =>\n              addModal({\n                children: 'Are you sure you want to clear the screen name and confidence?',\n                config: { okButton: { children: 'Clear', type: 'danger' } },\n                header: 'Clear Screen?',\n                id: 'event-group-clear-screen-modal',\n                onOk: handleClear,\n                style: { maxWidth: '400px' },\n              })\n            }\n            style={{ ...bottomAlignButtons, marginLeft: theme['default-spacer-sm'] }}\n            type='danger'\n          >\n            Clear Screen\n          </Button>\n        </Element>\n      </Element>\n    </Element>\n  )\n}\n\nScreenViewerHeader.propTypes = {\n  screenSignature: string.isRequired,\n  application: shape({ id: number, iconUrl: string, displayName: string }).isRequired,\n  screen: shape({ name: string, confidence: number }),\n  setScreen: func.isRequired,\n}\n\nScreenViewerHeader.defaultProps = {\n  screen: {},\n}\n\nexport default ScreenViewerHeader\n","import { Keys } from 'react-keydown'\n\nexport const keys = Keys\nexport const minimapEnabledStorageKey = 'isScreenViewerMinimapEnabled'\nexport const scrollTimeout = 150\nexport const loadLimit = 25\n\nexport const tween = ({ from = 0, to = 1, duration = scrollTimeout, onUpdate, onComplete } = {}) => {\n  const delta = to - from\n  const startTime = performance.now()\n\n  function update(currentTime) {\n    const elapsed = currentTime - startTime\n    const progress = Math.min(elapsed / duration, 1)\n    const latest = from + progress * delta\n\n    if (onUpdate) onUpdate(latest)\n\n    if (progress < 1) {\n      return requestAnimationFrame(update)\n    } else if (onComplete) {\n      return onComplete(latest)\n    }\n  }\n\n  return requestAnimationFrame(update)\n}\n","import React from 'react'\nimport classNames from 'classnames/bind'\n\nimport { Row } from '@fortressiq/fiq-ds'\n\nimport css from './controlsStyle.scss'\n\nconst cx = classNames.bind(css)\n\nexport const ControlBlock = ({ className, ...props }) => <div className={cx(css.controlBlock, className)} {...props} />\nexport const ControlRow = ({ className, ...props }) => (\n  <Row type='grid' noOfCols={12} className={cx(css.controlRow, className)} {...props} />\n)\n","import React, { Fragment } from 'react'\n\nimport Minimap from './Minimap'\nimport EventGroupNav from './EventGroupNav'\nimport EventSelection from './EventSelection'\nimport EventMoveSelector from './EventMoveSelector'\nimport ScreenViewerSettings from './ScreenViewerSettings'\n\nconst Controls = ({\n  activeGroupIndex,\n  applicationId,\n  eventGroupCount,\n  eventGroupHeaderText,\n  eventGroupIndexes,\n  eventGroups,\n  getGroupSelectedMeta,\n  handleNextActiveGroup,\n  handlePrevActiveGroup,\n  isMinimapEnabled,\n  screen,\n  selectedEventGroupIndexes,\n  setEventGroups,\n  setIsMinimapEnabled,\n  setSelectedEventGroupIndexes,\n  toggleAllSelectedEvent,\n  toggleSelectedRow,\n  tenantApplicationId,\n}) => {\n  const oldScores = [...selectedEventGroupIndexes].map(index => eventGroups[index].provisionalScreenSignatureScore)\n  const [{ provisionalScreenSignature: oldSignature } = {}] = eventGroups\n\n  const removeSelectedEventGroups = () => {\n    const updatedGroups = eventGroups.reduce((groups, _, index) => {\n      groups.splice(index, 1)\n      return groups\n    }, eventGroups.slice())\n    setSelectedEventGroupIndexes(new Set())\n    setEventGroups(updatedGroups)\n  }\n\n  return (\n    <Fragment>\n      <Minimap\n        {...{\n          isMinimapEnabled,\n          eventGroupIndexes,\n          getGroupSelectedMeta,\n          selectedEventGroupIndexes,\n        }}\n      />\n      <EventGroupNav\n        {...{\n          eventGroupCount,\n          activeGroupIndex,\n          eventGroupHeaderText,\n          onNextGroup: handleNextActiveGroup,\n          onPrevGroup: handlePrevActiveGroup,\n        }}\n      />\n      <EventSelection {...{ toggleSelectedRow, toggleAllSelectedEvent }} />\n      <EventMoveSelector\n        {...{\n          screen,\n          applicationId,\n          oldScores,\n          oldSignature,\n          eventGroupCount,\n          removeSelectedEventGroups,\n          tenantApplicationId,\n        }}\n      />\n      <ScreenViewerSettings {...{ isMinimapEnabled, setIsMinimapEnabled }} />\n    </Fragment>\n  )\n}\n\nexport default Controls\n","import React from 'react'\nimport classNames from 'classnames/bind'\nimport { Col, Icon, Row, theme } from '@fortressiq/fiq-ds'\n\nimport css from './controlsStyle.scss'\n\nconst cx = classNames.bind(css)\n\nconst EventGroupNav = ({ eventGroupHeaderText, eventGroupCount, activeGroupIndex, onPrevGroup, onNextGroup }) => {\n  const hasGroups = eventGroupCount > 1\n  const hasPrevGroup = activeGroupIndex > 0\n  const hasNextGroup = activeGroupIndex < eventGroupCount - 1\n  return (\n    <Row type='flex' justify={hasGroups ? 'space-between' : 'center'} align='middle' className={css.eventGroupNav}>\n      {hasGroups && (\n        <Col onClick={onPrevGroup}>\n          <Icon\n            clickable={hasPrevGroup}\n            icon={Icon.keys.chevroncircledown}\n            rotate={-180}\n            size='medium'\n            textColor={theme['darker-bg']}\n            className={cx({ isDisabled: !hasPrevGroup })}\n          />\n        </Col>\n      )}\n      <Col>\n        <span>{eventGroupHeaderText}</span>\n      </Col>\n      {hasGroups && (\n        <Col onClick={onNextGroup}>\n          <Icon\n            clickable={true}\n            icon={Icon.keys.chevroncircledown}\n            size='medium'\n            textColor={theme['darker-bg']}\n            className={cx({ isDisabled: !hasNextGroup })}\n          />\n        </Col>\n      )}\n    </Row>\n  )\n}\n\nexport default EventGroupNav\n","import React, { useState } from 'react'\nimport { useHistory } from 'react-router-dom'\nimport { Button, Col, Input, Select, useNotification } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\nimport { useFetch } from 'lib/hooks'\nimport { ControlRow, ControlBlock } from './ControlHelpers'\nimport { loadLimit as limit } from '../common'\n\nconst formatScreenOptions = (screens, screen) =>\n  screens.reduce(\n    (acc, s) => {\n      if (s.signature !== screen.signature) {\n        acc.push({\n          label: `${s.name || s.signature} (${s.count})`,\n          value: s.signature,\n        })\n      }\n      return acc\n    },\n    [{ label: 'New Screen', value: 'new' }]\n  )\n\nconst EventMoveSelector = ({\n  applicationId,\n  screen,\n  oldScores,\n  oldSignature,\n  eventGroupCount,\n  removeSelectedEventGroups,\n  tenantApplicationId,\n}) => {\n  const history = useHistory()\n  const selectedEventGroupCount = oldScores.length\n  const [selectedScreenOption, setSelectedScreenOption] = useState(null)\n  const [newScreenName, setNewScreenName] = useState('')\n  const { addNotification } = useNotification()\n\n  const {\n    data = { screens: [] },\n    isLoading,\n    reFetch: reloadScreens,\n  } = useFetch(`/applications/${tenantApplicationId}/screens`, { applicationUuid: tenantApplicationId, ...limit })\n\n  const handleEventGroupMove = async () => {\n    let newSignature = selectedScreenOption.value\n\n    if (newSignature === 'new') {\n      newSignature = `${applicationId}_${newScreenName}`\n\n      await api.post(`/applications/${tenantApplicationId}/screens`, {\n        screen: { name: newScreenName, signature: newSignature },\n        applicationUuid: tenantApplicationId,\n      })\n\n      addNotification({\n        cta: (\n          <Button\n            onClick={() => history.push(`/applications/${tenantApplicationId}/screens/${newScreenName}`)}\n            size='small'\n          >\n            View Screen\n          </Button>\n        ),\n        description: `${newScreenName} has been created successfully!`,\n        message: 'Success',\n        type: 'success',\n      })\n    }\n\n    const params = {\n      oldScores,\n      oldSignature,\n      applicationUuid: tenantApplicationId,\n    }\n    await api.post(`/applications/${tenantApplicationId}/screens/${newSignature}/apply_to_events`, params)\n    setSelectedScreenOption(null)\n    removeSelectedEventGroups()\n    reloadScreens()\n\n    if (!(eventGroupCount - oldScores.length > 0)) {\n      history.push(`/applications/${tenantApplicationId}/screens/${newSignature}`)\n    }\n  }\n\n  const screenOptions = formatScreenOptions(data.screens, screen)\n\n  return (\n    <ControlBlock>\n      <ControlRow>\n        <Col span={{ xs: 4, sm: 4, md: 4 }}>Move to:&nbsp;</Col>\n        <Col span={{ xs: 8, sm: 8, md: 8 }}>\n          <Select\n            dark={true}\n            options={screenOptions}\n            onChange={e => setSelectedScreenOption(e)}\n            placeholder='Screen'\n            size='small'\n            isLoading={isLoading}\n            style={{ minWidth: '172px' }}\n            value={selectedScreenOption}\n          />\n        </Col>\n      </ControlRow>\n      {selectedScreenOption?.value === 'new' && (\n        <ControlRow>\n          <Col span={{ xs: 4, sm: 4, md: 4 }}>New Name: </Col>\n          <Col span={{ xs: 8, sm: 8, md: 8 }}>\n            <Input\n              autoFocus={true}\n              name='newScreenName'\n              onChange={({ target: { value } }) => setNewScreenName(value)}\n              size='small'\n              value={newScreenName}\n            />\n          </Col>\n        </ControlRow>\n      )}\n      <ControlRow>\n        <Col span={{ xs: 4, sm: 4, md: 4 }}>&nbsp;</Col>\n        <Col span={{ xs: 8, sm: 8, md: 8 }}>\n          <Button\n            disabled={!selectedEventGroupCount || !selectedScreenOption}\n            onClick={handleEventGroupMove}\n            size='small'\n            type='secondary'\n          >\n            Move {selectedEventGroupCount} Event Groups\n          </Button>\n        </Col>\n      </ControlRow>\n    </ControlBlock>\n  )\n}\n\nexport default EventMoveSelector\n","import React from 'react'\nimport { Button, ButtonGroup, Col } from '@fortressiq/fiq-ds'\nimport { ControlBlock, ControlRow } from './ControlHelpers'\n\nconst EventSelection = ({ toggleAllSelectedEvent, toggleSelectedRow }) => (\n  <ControlBlock>\n    <ControlRow>\n      <Col span={{ xs: 4, sm: 4, md: 4 }}>\n        <span>Select:</span>\n      </Col>\n      <Col span={{ xs: 8, sm: 8, md: 8 }}>\n        <ButtonGroup>\n          <Button size='small' type='secondary' onClick={() => toggleSelectedRow()}>\n            Current Group\n          </Button>\n          <Button size='small' type='secondary' onClick={toggleAllSelectedEvent}>\n            All Groups\n          </Button>\n        </ButtonGroup>\n      </Col>\n    </ControlRow>\n  </ControlBlock>\n)\n\nexport default EventSelection\n","import React from 'react'\nimport classNames from 'classnames/bind'\n\nimport css from './controlsStyle.scss'\n\nconst cx = classNames.bind(css)\n\nconst Minimap = ({ isMinimapEnabled, eventGroupIndexes, getGroupSelectedMeta }) => {\n  return (\n    <div className={cx(css.minimap, { isMinimapEnabled })}>\n      {eventGroupIndexes.map(eventGroupIndex => (\n        <div\n          className={cx(css.marker, getGroupSelectedMeta(eventGroupIndex))}\n          key={`event-group-marker-${eventGroupIndex}`}\n        />\n      ))}\n    </div>\n  )\n}\n\nexport default Minimap\n","import React from 'react'\n\nimport { Checkbox, Col } from '@fortressiq/fiq-ds'\nimport { ControlBlock, ControlRow } from './ControlHelpers'\n\nconst ScreenViewerSettings = ({ isMinimapEnabled, setIsMinimapEnabled }) => (\n  <ControlBlock>\n    <ControlRow>\n      <Col span={{ xs: 12, sm: 12, md: 12 }}>\n        <Checkbox checked={isMinimapEnabled} onCheck={() => setIsMinimapEnabled(!isMinimapEnabled)}>\n          Enable Selection Minimap\n        </Checkbox>\n      </Col>\n    </ControlRow>\n  </ControlBlock>\n)\n\nexport default ScreenViewerSettings\n","/* eslint-disable import/prefer-default-export */\nimport { theme } from '@fortressiq/fiq-ds'\nimport { addPXSuffix } from 'helpers'\n\nexport const drawerWidth = addPXSuffix(16 * 19)\nexport const topNavHeight = '60px'\nexport const customEasing = 'cubic-bezier(0.7, 0.3, 0.1, 1)'\nexport const eventGroupHeaderHeight = '54px'\n\nexport const eventSliderCSS = () => ({\n  alignItems: 'center',\n  display: 'flex',\n  flexDirection: 'row',\n  height: '100%',\n  maxWidth: '100%',\n  overflow: '-moz-scrollbars-none',\n  overflowX: 'scroll',\n  paddingBottom: '50px',\n  width: '100%',\n  '&::-webkit-scrollbar': {\n    height: '0 !important',\n  },\n  '> div > div > img': {\n    boxShadow: `0 0 ${theme['default-spacer-sm']} ${theme['drop-shadow']}`,\n    cursor: 'pointer',\n    margin: 'auto',\n    maxHeight: '100%',\n    maxWidth: `calc(100% - ${theme['default-spacer-md']})`,\n    objectFit: 'scale-down',\n    userSelect: 'none',\n  },\n})\n\nexport const eventSlideImageCSS = () => ({\n  boxShadow: `0 0 ${theme['default-spacer-sm']} ${theme['drop-shadow']}`,\n  cursor: 'pointer',\n  margin: 'auto',\n  maxHeight: '100%',\n  maxWidth: `calc(100% - ${theme['default-spacer-md']})`,\n  objectFit: 'scale-down',\n  userSelect: 'none',\n})\n\nexport const eventSlideUnredactedImageContainerCSS = () => ({\n  height: 'calc(100% - 90px)',\n})\n\nexport const eventSlideCSS = () => ({\n  alignItems: 'center',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  minHeight: '100%',\n  minWidth: '100%',\n  position: 'relative',\n})\n\nexport const eventSlideImgWrapCSS = () => ({\n  alignItems: 'flex-start',\n  display: 'flex',\n  height: 'calc(100% - 46px)',\n  justifyContent: 'center',\n  position: 'absolute',\n  top: '0',\n  width: '100%',\n  padding: theme['default-spacer-md'],\n})\n\nexport const eventDetailsCSS = () => ({\n  alignItems: 'center',\n  bottom: '-80px',\n  color: theme.white,\n  display: 'flex',\n  justifyContent: 'space-between',\n  position: 'absolute',\n  width: '100%',\n  padding: theme['default-spacer-md'],\n})\n\nexport const eventDetailsRowCSS = () => ({\n  display: 'flex',\n  flex: '1',\n  flexBasis: '100%',\n  flexDirection: 'column',\n})\n\nexport const eventDetailsListCSS = () => ({\n  listStyle: 'none',\n  margin: '0',\n  padding: '0',\n  textAlign: 'left',\n  '&:last-child': {\n    textAlign: 'right',\n  },\n})\n\nexport const screenshotCSS = () => ({\n  alignItems: 'center',\n  bottom: '0',\n  display: 'flex',\n  flexDirection: 'column',\n  height: '100%',\n  justifyContent: 'center',\n  left: '0',\n  position: 'absolute',\n  right: '0',\n  textAlign: 'center',\n  top: '0',\n  '&> img': {\n    cursor: 'pointer',\n    maxHeight: '100%',\n    maxWidth: '100%',\n    objectFit: 'scale-down',\n    userSelect: 'none',\n  },\n})\n\nexport const screenViewerHeaderCSS = () => ({\n  display: 'flex',\n  flexDirection: 'row',\n  justifyContent: 'space-between',\n  '> div': {\n    marginRight: theme['default-spacer-md'],\n  },\n})\n\nexport const screenViewerHeaderSignatureCSS = () => ({\n  whiteSpace: 'pre',\n})\n\nexport const headerColumnCSS = {\n  alignItems: 'center',\n  display: 'flex',\n  flexDirection: 'row',\n  minHeight: '100%',\n  padding: `${theme['default-spacer-md']} ${theme['default-spacer-md']} ${theme['default-spacer-md']} ${theme['default-spacer-lg']}`,\n}\n\nexport const verticalFlexCSS = () => ({\n  flexDirection: 'column',\n  position: 'relative',\n})\n\nexport const screenshotRow = () => ({\n  position: 'relative',\n  width: '100%',\n  minHeight: '100%',\n})\n\nexport const screenshotRowIcon = ({ isSelected }) => ({\n  ...(isSelected && {\n    borderColor: theme['outline-color'],\n  }),\n  color: `${theme['legacy-color-gray2']}`,\n  transition: `color ${theme['animation-speed-base']} ease-in-out`,\n\n  '&:hover': {\n    color: theme.white,\n  },\n})\n\nexport const eventGroupWrapCSS = () => ({\n  flex: '1',\n  position: 'relative',\n  transition: `margin-right ${theme['animation-speed-base']} ${customEasing}`,\n})\n\nexport const eventGroupsHeaderCSS = () => ({\n  color: theme.white,\n  display: 'block',\n  height: eventGroupHeaderHeight,\n  lineHeight: eventGroupHeaderHeight,\n  margin: '0',\n  textAlign: 'center',\n})\n\nexport const screenshotsCSS = () => ({\n  display: 'flex',\n  flexDirection: 'column',\n  height: `calc(100% - ${eventGroupHeaderHeight})`,\n  maxWidth: '100%',\n  overflowY: 'auto',\n  '&::-webkit-scrollbar-thumb': {\n    backgroundColor: theme.white,\n  },\n})\n\nexport const viewerLayoutCSS = () => ({\n  alignContent: 'stretch',\n  alignItems: 'stretch',\n  display: 'flex',\n  flexDirection: 'column',\n  height: `calc(100vh - ${topNavHeight})`,\n  justifyContent: 'flex-start',\n})\n\nexport const screenshotsContainerCSS = () => ({\n  alignContent: 'stretch',\n  alignItems: 'stretch',\n  backgroundColor: theme['dark-bg'],\n  display: 'flex',\n  flexDirection: 'row',\n  height: '100%',\n  justifyContent: 'flex-start',\n  maxWidth: '100%',\n  overflow: 'hidden',\n  position: 'relative',\n})\n\nexport const screenControlsDrawerCSS = ({ isDrawerOpen }) => ({\n  backgroundColor: theme['dark-input-border'],\n  color: theme['dark-txt'],\n  display: 'flex',\n  flexDirection: 'column',\n  transition: `width ${theme['animation-speed-base']} ${customEasing}`,\n  width: '0',\n  ...(isDrawerOpen && {\n    width: drawerWidth,\n  }),\n})\n\nexport const eventGroupDrawerIconWrapCSS = () => ({\n  cursor: 'pointer',\n  display: 'flex',\n  justifyContent: 'center',\n  position: 'absolute',\n  right: theme['default-spacer-md'],\n  top: theme['default-spacer-md'],\n  zIndex: '0',\n})\n\nexport const eventGroupsHeaderTitleCSS = () => ({\n  backgroundColor: theme['darker-bg'],\n  color: theme['dark-title-txt'],\n  display: 'flex',\n  fontSize: theme['default-spacer-md'],\n  justifyContent: 'space-between',\n  lineHeight: eventGroupHeaderHeight,\n  minWidth: drawerWidth,\n  padding: `0 ${theme['default-spacer-md']}`,\n  transition: `width ${theme['animation-speed-base']} ${customEasing}`,\n  zIndex: '1',\n})\n\nexport const screenControlsDrawerInnerCSS = ({ isMinimapEnabled }) => ({\n  flex: '1',\n  minWidth: drawerWidth,\n  overflow: 'hidden',\n  paddingLeft: '0',\n  position: 'relative',\n  transition: `padding-left ${theme['animation-speed-base']} ${customEasing}`,\n  ...(isMinimapEnabled && {\n    paddingLeft: '10px',\n  }),\n  '> h4': {\n    marginBottom: 0,\n  },\n  '> *': {\n    marginRight: theme['default-spacer-md'],\n  },\n  '> label': {\n    marginRight: theme['default-spacer-sm'],\n    marginTop: 0,\n    paddingBottom: 0,\n    whiteSpace: 'nowrap',\n  },\n  '> input': {\n    marginRight: theme['default-spacer-sm'],\n  },\n  '&:first-child': {\n    flex: '40%',\n  },\n  '&:not(:last-child)': {\n    borderLeft: `1px solid ${theme['table-border-color']}`,\n  },\n  '&:last-child': {\n    alignItems: 'flex-end',\n    paddingLeft: 0,\n    paddingRight: 0,\n  },\n})\n","import React, { useState, useEffect } from 'react'\nimport { useFela } from '@fortressiq/fiq-ds'\nimport api from 'lib/Api'\nimport UnredactedImageViewerWithOption from 'components/image/UnredactedImageViewerWithOption'\n\nconst ScreenshotViewer = ({ match }) => {\n  const [eventLog, setEventLog] = useState(null)\n  const [images, setImages] = useState(null)\n  const { css } = useFela()\n\n  useEffect(() => {\n    async function getEventLog() {\n      const { data } = await api.get(`/event_logs/${match.params.eventLogId}`)\n      setEventLog(data.event)\n    }\n    getEventLog()\n  }, [])\n\n  useEffect(() => {\n    if (!eventLog) return\n    const imageInfo = [\n      {\n        centered: true,\n        fluid: true,\n        src: eventLog.screenshotUrl,\n        svgInfo: {\n          box: eventLog.bounding_box || eventLog.boundingBox,\n          x: eventLog.coordX || eventLog.coord_x,\n          y: eventLog.coordY || eventLog.coord_y,\n        },\n      },\n    ]\n    setImages(imageInfo)\n  }, [eventLog])\n\n  return (\n    <div className={css({ padding: '2%' })}>\n      {images && (\n        <UnredactedImageViewerWithOption\n          clickImageToFullscreen={true}\n          dark={false}\n          images={images}\n          maxHeight='100%'\n          openFullscreenOnLoad={false}\n          selectedIndex={0}\n          fullscreenEnabled={true}\n          style={{ zIndex: '1' }}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default ScreenshotViewer\n","/* eslint-disable react/jsx-no-useless-fragment */\nimport React, { Fragment } from 'react'\nimport { AdvancedCell, Button, CopyToClipboardButton, Element, Group, Popover, theme } from '@fortressiq/fiq-ds'\n\nconst popoverStyle = {\n  '> .fiqds-popover-content': {\n    padding: 0,\n    overflow: 'auto',\n  },\n}\nconst popoverContentStyle = {\n  margin: '0',\n  maxHeight: '70vh',\n  maxWidth: 600,\n  padding: theme['default-spacer-sm'],\n  whiteSpace: 'break-spaces',\n}\n\nconst ParamsColumn = ({ value }) => {\n  const valueString = typeof value === 'string' ? value : JSON.stringify(value)\n\n  return (\n    <Fragment>\n      <AdvancedCell textToCopy={valueString} tooltipText='Copy'>\n        {valueString}\n      </AdvancedCell>\n      {valueString?.length > 2 && (\n        <Popover\n          content={\n            <Element as='pre' style={popoverContentStyle}>\n              {JSON.stringify(typeof value === 'string' ? JSON.parse(value) : value, null, 2)}\n            </Element>\n          }\n          placement='top-center'\n          style={popoverStyle}\n          title={\n            <Group align='center' noEndGutter={true} justify='space-between' type='flex'>\n              <Fragment>Params</Fragment>\n              <CopyToClipboardButton\n                buttonProps={{ size: 'small' }}\n                textToCopy={valueString}\n                tooltipProps={{ title: 'Copy' }}\n              />\n            </Group>\n          }\n          trigger='click'\n        >\n          <Button\n            noBorder={true}\n            flat={true}\n            suffixIcon='search'\n            suffixIconProps={{ size: 12, stroke: theme['link-color'] }}\n            tooltipProps={{ placement: 'right-end', title: 'Click here to view all params.' }}\n          />\n        </Popover>\n      )}\n    </Fragment>\n  )\n}\n\nexport default ParamsColumn\n","import React, { useEffect, useRef, useState } from 'react'\nimport { Link } from 'react-router-dom'\nimport { Avatar, DateCell, Element } from '@fortressiq/fiq-ds'\n\nimport TrinityTable, { columnWidths } from 'components/TrinityTable'\nimport callbackStore from 'stores/callback'\n\nimport StatusBadge from 'components/StatusBadge/StatusBadge'\nimport { roleActionCheck } from 'components/can/Can'\nimport { useUserState } from 'context/UserContext'\nimport { useHeaderDispatch } from '../header/HeaderContext'\nimport ParamsColumn from './ParamsColumn'\n\nconst title = 'Signature Service Jobs'\n\nconst sortKeyMap = {\n  application: 'applications.display_name',\n  createdAt: 'created_at',\n  createdBy: 'members.first_name',\n  cycle: 'cycles.name',\n}\n\nconst SignatureServiceJobList = () => {\n  const [isLoading, setIsLoading] = useState(true)\n  const [updateQueue, setUpdateQueue] = useState()\n  const headerDispatch = useHeaderDispatch()\n  const { roles } = useUserState()\n\n  const tableRef = useRef(null)\n\n  const callbackId = 'taskMonitoringStatus'\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      title: title,\n      heading: title,\n    })\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch])\n\n  // sometimes the update comes before the table is loaded\n  // so we are saving the last update in updateQueue and update the table when its loaded\n  useEffect(() => {\n    const onSignatureProgress = ({ id, status, payload }) => {\n      setUpdateQueue({ id, status, payload })\n    }\n    callbackStore.add(onSignatureProgress, callbackId, true)\n    return () => {\n      callbackStore.remove(callbackId)\n    }\n  }, [])\n\n  useEffect(() => {\n    if (!isLoading && updateQueue) {\n      const {\n        id,\n        status,\n        payload: { percent_done: percentDone, details },\n      } = updateQueue\n      tableRef.current.updateRowData('id', id, { status, percentDone, details })\n    }\n  }, [isLoading, updateQueue])\n\n  const columns = [\n    {\n      Header: 'ID',\n      accessor: 'id',\n      width: columnWidths.id,\n    },\n    {\n      Header: 'Type',\n      accessor: 'jobType',\n      width: 100,\n      disableSortBy: true,\n      Cell: ({ value }) => (\n        <Element as='span' style={{ textTransform: 'capitalize' }}>\n          {value || 'provisional'}\n        </Element>\n      ),\n    },\n    {\n      Header: 'Application',\n      accessor: 'application',\n      width: 100,\n      disableSortBy: true,\n      Cell: ({ value }) => (value ? value.displayName : ''),\n    },\n    {\n      Header: 'Cycle',\n      accessor: 'cycle',\n      width: 100,\n    },\n    {\n      Header: 'Strategy',\n      accessor: 'strategy',\n      Cell: ({\n        value: strategyName,\n        row: {\n          original: { cycleId, application },\n        },\n      }) => {\n        const url = cycleId ? `/applications/${application?.id}/${cycleId}` : `/applications/${application?.id}`\n        return (\n          <Link key={application?.id} to={url}>\n            {strategyName}\n          </Link>\n        )\n      },\n    },\n    {\n      Header: 'Params',\n      accessor: 'params',\n      disableSortBy: true,\n      Cell: ({ value }) => <ParamsColumn value={value} />,\n    },\n    {\n      Header: 'Created At',\n      accessor: 'createdAt',\n      width: columnWidths.date,\n      Cell: ({ value }) => <DateCell timestamp={value} />,\n    },\n    {\n      Header: 'Created By',\n      accessor: 'createdBy',\n      width: 60,\n      Cell: ({\n        value: createdBy,\n        row: {\n          original: { createdByAvatarUrl, createdByFullName },\n        },\n      }) =>\n        createdBy && (\n          <Avatar src={createdByAvatarUrl} name={createdByFullName} alt={`${createdByFullName} (${createdBy.email})`} />\n        ),\n    },\n    {\n      Header: 'Status',\n      accessor: 'status',\n      width: 150,\n      Cell: ({\n        value,\n        row: {\n          original: { percentDone, details },\n        },\n      }) => {\n        let statusMessage = null\n        const percentageString = percentDone ? `${percentDone}%` : ''\n        const detailsMessage = details?.message ? `${details.message}` : ''\n\n        if (\n          detailsMessage !== '' &&\n          percentageString !== '' &&\n          roleActionCheck('/signature-service-jobs/:view-job-status', roles)\n        ) {\n          statusMessage = `${value} (${percentageString} ${detailsMessage})`\n        } else if (detailsMessage !== '' && roleActionCheck('/signature-service-jobs/:view-job-status', roles)) {\n          statusMessage = `${value} (${detailsMessage})`\n        } else if (percentageString !== '') {\n          statusMessage = `${value} (${percentageString})`\n        }\n\n        return <StatusBadge status={value} statusMessage={statusMessage} />\n      },\n    },\n  ]\n\n  return (\n    <div>\n      <TrinityTable\n        key='signature-service-jobs-table'\n        sortKeyMap={sortKeyMap}\n        columns={columns}\n        url='/signature_service_jobs'\n        dataKey='signatureServiceJobs'\n        tableId='signature-service-jobs-table'\n        ref={tableRef}\n        onLoaded={() => setIsLoading(false)}\n      />\n    </div>\n  )\n}\n\nexport default SignatureServiceJobList\n","import React, { useEffect, memo } from 'react'\nimport { Link } from 'react-router-dom'\n\nimport { ApplicationIcon, DateCell, Menu, MenuItem } from '@fortressiq/fiq-ds'\n\nimport TrinityTable from 'components/TrinityTable'\nimport ActionMenu from 'components/TrinityTable/ActionMenu/ActionMenu'\n\nimport { useHeaderDispatch } from 'app/header/HeaderContext'\n\nimport StatusBadge from 'components/StatusBadge/StatusBadge'\n\nconst Status = () => {\n  const headerDispatch = useHeaderDispatch()\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      title: 'Status',\n      heading: 'Status',\n    })\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch])\n\n  const columns = [\n    {\n      accessor: 'id',\n      align: 'center',\n      Header: 'ID',\n      width: 40,\n    },\n    {\n      Header: 'Type',\n      accessor: 'type',\n      Cell: ({ value }) => <strong>{value}</strong>,\n    },\n    {\n      accessor: 'createdAt',\n      align: 'center',\n      Header: 'Created At',\n      width: 50,\n      Cell: ({ value }) => <DateCell timestamp={value} />,\n    },\n    {\n      Header: 'Detail',\n      accessor: 'detail',\n    },\n    {\n      accessor: 'createdBy',\n      align: 'center',\n      Header: 'Created By',\n      width: 50,\n      Cell: ({ value }) => (value ? <ApplicationIcon name={value} size={30} /> : '-'),\n    },\n    {\n      accessor: 'status',\n      align: 'center',\n      Header: 'Status',\n      width: 50,\n      Cell: ({ value }) => <StatusBadge status={value?.message ? value.message : value || 'not defined'} />,\n    },\n    {\n      align: 'center',\n      accessor: 'actions',\n      disableSortBy: true,\n      Header: 'Actions',\n      width: 24,\n      Cell: ({\n        value: actions = [],\n        row: {\n          original: { type },\n        },\n      }) => {\n        const menu = (\n          <Menu bordered={false} dark={true}>\n            {type === 'Mining Run' && (\n              <MenuItem key='view-mining-runs'>\n                <Link to='/mining'>View Mining Runs</Link>\n              </MenuItem>\n            )}\n            {type === 'Recipe' && (\n              <MenuItem key='view-mining-runs'>\n                <Link to='/mining'>View Mining Runs</Link>\n              </MenuItem>\n            )}\n            {['Event Log html', 'Event Log csv'].includes(type) && (\n              <MenuItem key='event-log-exports'>\n                <Link to='/event-log-exports'>View Event Exports</Link>\n              </MenuItem>\n            )}\n            {type === 'PDD' && (\n              <MenuItem key='view-pdds'>\n                <Link to='/pdds'>View PDDs</Link>\n              </MenuItem>\n            )}\n            {type === 'Web Application' && (\n              <MenuItem key='view-web-applications'>\n                <Link to='/web-applications'>View Web Applications</Link>\n              </MenuItem>\n            )}\n            {actions.map(({ url, title }) => {\n              if (!url) {\n                return null\n              }\n              const key = `link-${url}`\n              const link = url.startsWith('http') ? (\n                <MenuItem key={`item-${key}`} onClick={() => window.open(url)}>\n                  {title}\n                </MenuItem>\n              ) : (\n                <MenuItem key={`item-${key}`}>\n                  <Link to={url}>{title}</Link>\n                </MenuItem>\n              )\n              return link\n            })}\n          </Menu>\n        )\n        return <ActionMenu menu={menu} />\n      },\n    },\n  ]\n\n  return (\n    <TrinityTable\n      columns={columns}\n      url='job_status'\n      tableId='job-status-table'\n      controlledTable={false}\n      manualGlobalFilter={true}\n      globalFilterOptions={['statusCreatedDates', 'statusFilter', 'jobTypeFilter']}\n    />\n  )\n}\n\nexport default memo(Status)\n","import React, { Fragment, useEffect } from 'react'\nimport { Heading } from '@fortressiq/fiq-ds'\nimport Main from 'components/main/Main'\n\nimport { useHeaderDispatch } from '../header/HeaderContext'\n\nconst gitCommit = `${GIT_BRANCH}: ${GIT_SHA}`\nconst appVersion = document.getElementById('fiq:app_version').getAttribute('content')\n\nconst pageTitle = 'Support'\n\nconst SupportPage = () => {\n  const headerDispatch = useHeaderDispatch()\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      title: pageTitle,\n      heading: (\n        <Fragment>\n          <Heading className='header-title' level={1}>\n            {pageTitle}\n          </Heading>\n          <Heading className='header-title' level={2}>\n            We&apos;re here to help.\n          </Heading>\n        </Fragment>\n      ),\n    })\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch])\n\n  return (\n    <Main>\n      <Heading level={2}>Contact</Heading>\n      <p>\n        To learn more about Automation Anywhere Process Discovery visit our{' '}\n        <a href='https://docs.automationanywhere.com' rel='noreferrer' target='_blank'>\n          documentation\n        </a>{' '}\n        or create a support case via the{' '}\n        <a href='https://apeople.automationanywhere.com' rel='noreferrer' target='_blank'>\n          Automation Anywhere support portal\n        </a>\n        .\n      </p>\n\n      <Heading level={3}>Version {appVersion}</Heading>\n      <p>{gitCommit}</p>\n    </Main>\n  )\n}\n\nexport default SupportPage\n","import React, { useEffect, useState } from 'react'\nimport { useHistory } from 'react-router-dom'\nimport { Button, Element, Input, Upload, useFela, useNotification } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\nimport { FLASH_LEVELS } from 'components/flash/Flash'\nimport Main from 'components/main/Main'\nimport { halfPageFormCSS } from 'components/form/styles/index'\n\nimport { useHeaderDispatch } from '../header/HeaderContext'\n\nconst pageTitle = 'Create New Template'\n\nconst TemplateCreator = () => {\n  const [label, setLabel] = useState('')\n  const [application, setApplication] = useState('')\n  const [image, setImage] = useState(null)\n  const headerDispatch = useHeaderDispatch()\n  const history = useHistory()\n  const { css, theme } = useFela()\n  const { addNotification } = useNotification()\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      heading: pageTitle,\n      title: pageTitle,\n    })\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  })\n\n  const onSubmit = async () => {\n    const params = { label, application, image }\n\n    await api.upload('/template_images', params)\n    history.push('/templates')\n    addNotification({\n      message: 'New Template Success',\n      description: `\"${label}\" was added successfully.`,\n      type: FLASH_LEVELS.SUCCESS,\n    })\n  }\n\n  const onLabelChange = ({ target: { value } }) => setLabel(value)\n  const onApplicationChange = ({ target: { value } }) => setApplication(value)\n\n  const sharedInputProps = {\n    style: { marginBottom: theme['default-spacer-sm'] },\n  }\n\n  return (\n    <Main className={css(halfPageFormCSS)}>\n      <Input label='Label' name='label' value={label} type='label' onChange={onLabelChange} {...sharedInputProps} />\n      <Input\n        label='Application ID'\n        name='application'\n        onChange={onApplicationChange}\n        type='application'\n        value={application}\n        {...sharedInputProps}\n      />\n      <Element\n        style={{\n          alignItems: 'center',\n          display: 'flex',\n          flexDirection: 'row',\n          justifyContent: 'flex-start',\n          lineHeight: '48px',\n          marginTop: theme['default-spacer-sm'],\n        }}\n      >\n        <Upload\n          accept='image/png'\n          multiple={false}\n          onDrop={e => setImage(e[0])}\n          thumbnailContainerProps={{ style: { width: 'auto' } }}\n        >\n          <Button name='templateIcon' icon='uploadbutton' prefixIconProps={{ size: 'small' }}>\n            Choose Image File\n          </Button>\n        </Upload>\n      </Element>\n      <Button onClick={onSubmit} style={{ float: 'right' }} type='primary'>\n        Create New Template\n      </Button>\n    </Main>\n  )\n}\n\nexport default TemplateCreator\n","import React, { useEffect } from 'react'\n\nimport { AdvancedCell, ApplicationIcon, Button, DateCell, Image } from '@fortressiq/fiq-ds'\n\nimport TrinityTable, { columnWidths } from 'components/TrinityTable'\n\nimport { useHeaderDispatch } from '../header/HeaderContext'\n\nconst pageTitle = 'Template Registry'\n\nconst sortKeyMap = {\n  applicationId: 'application_id',\n  controlLabel: 'control_label',\n  matchedCount: 'matched_count',\n  createdAt: 'created_at',\n}\n\nconst TemplateList = () => {\n  const headerDispatch = useHeaderDispatch()\n\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      title: pageTitle,\n      heading: pageTitle,\n    })\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch])\n\n  const columns = [\n    {\n      Header: 'Control Label',\n      accessor: 'controlLabel',\n      Cell: ({ value }) => <AdvancedCell>{value}</AdvancedCell>,\n    },\n    {\n      Header: 'Application ID',\n      accessor: 'applicationId',\n    },\n    {\n      Header: 'Application',\n      accessor: 'applicationName',\n      disableSortBy: true,\n      width: 100,\n      Cell: ({\n        value: applicationName,\n        row: {\n          original: { applicationIconUrl },\n        },\n      }) => (\n        <ApplicationIcon name={applicationName} size={35} src={applicationIconUrl}>\n          {applicationName}\n        </ApplicationIcon>\n      ),\n    },\n    {\n      Header: 'Matched Count',\n      accessor: 'matchedCount',\n      width: 100,\n    },\n    {\n      Header: 'Created By',\n      accessor: 'createdBy',\n      disableSortBy: true,\n\n      Cell: ({ value }) => <AdvancedCell>{value}</AdvancedCell>,\n    },\n    {\n      Header: 'Created At',\n      accessor: 'createdAt',\n      width: columnWidths.date,\n      Cell: ({ value }) => <DateCell timestamp={value} />,\n    },\n    {\n      Header: 'File Name',\n      accessor: 'fileName',\n      disableSortBy: true,\n\n      Cell: ({ value }) => <AdvancedCell>{value}</AdvancedCell>,\n    },\n    {\n      Header: 'Image',\n      accessor: 'imageUrl',\n      align: 'center',\n      width: 100,\n      disableSortBy: true,\n      Cell: ({ value }) => <Image src={value} width='95%' />,\n    },\n  ]\n\n  return (\n    <TrinityTable\n      columns={columns}\n      dataKey='templates'\n      sortKeyMap={sortKeyMap}\n      tableId='templates-table'\n      toolbarActions={[\n        <Button key='new-template-button' href='/templates/new' type='secondary'>\n          Create Template\n        </Button>,\n      ]}\n      url='/template_images'\n    />\n  )\n}\n\nexport default TemplateList\n","//TODO: Refactor this to use Overlay.\nimport React from 'react'\nimport { withRouter } from 'react-router-dom'\nimport { Button, Icon, theme } from '@fortressiq/fiq-ds'\n\nimport classNames from 'classnames/bind'\n\nimport ClickOutside from 'components/ClickOutside'\n\nimport api from 'lib/Api'\n\nimport css from './topNavHelpStyle.scss'\n\n@withRouter\nexport default class TopNavHelp extends React.Component {\n  constructor(props) {\n    super(props)\n\n    this.state = {\n      opened: false,\n    }\n  }\n\n  render() {\n    const { opened } = this.state\n    const { pageHelp } = this.props\n    const cx = classNames.bind(css)\n\n    return (\n      <div className={css.container}>\n        <div className={cx({ back: true, visible: opened })} onClick={() => this.setState({ opened: !opened })}>\n          <Icon\n            className={cx({ helpIcon: true, helpIconActive: opened })}\n            clickable={true}\n            color={theme['topnav-border']}\n            icon='questioncircle'\n            size={18}\n          />\n        </div>\n\n        {opened && (\n          <div className={css.tip}>\n            <ClickOutside callback={() => this.setState({ opened: false })}>\n              <Icon\n                className={cx({ close: true, closePanel: true })}\n                clickable={true}\n                color={theme['topnav-border']}\n                icon='remove'\n                onClick={() => this.setState({ opened: false })}\n              />\n\n              <div>\n                <div className={css.iconBorderOuter}>\n                  <Icon fill={theme.white} color={theme['btn-textColor']} icon='questioncircle' size='medium' />\n                </div>\n                <div className={css.title}> {pageHelp.title} </div>\n              </div>\n\n              <div className={css.helptip}>{pageHelp.tip}</div>\n\n              {pageHelp.buttons.map((button, i) => (\n                <Button key={i} onClick={e => this.onClick(e, button)} type='primary'>\n                  {button.name}\n                </Button>\n              ))}\n            </ClickOutside>\n          </div>\n        )}\n      </div>\n    )\n  }\n\n  onClick = (e, button) => {\n    const { history } = this.state\n\n    if (button.onClick) {\n      this[button.onClick]()\n    } else {\n      history.push(button.to)\n    }\n\n    this.setState({ opened: false })\n  }\n\n  // eslint-disable-next-line react/no-unused-class-component-methods\n  createProcess = async () => {\n    const { history } = this.state\n\n    const { data } = await api.post('/processes', { name: 'New Process' })\n\n    history.push(`/processes/${data.id}`)\n  }\n}\n","//content for help tips in top navigation\n\n//regex due to the fact that urls can be dynamic (ex /diagrams/#{id})\nconst helpTips = {\n  '^/$': {\n    title: 'Welcome to Process Discovery!',\n    tip: 'This dashboard provides helpful tips for getting started, as well as an overview of your account activity. Click the button below to jump right into the latest business processes detected by Process Discovery.',\n    buttons: [{ name: 'Explore Detected Processes', to: '/processes' }],\n  },\n  '^/pdds.*$': {\n    title: 'Create and Edit Process Models',\n    tip: 'Process Models combine AI-detected processes with business knowledge to give you a more complete description of any business process. Download an existing process model, or open the Diagram Composer to begin creating a new model from scratch.',\n    buttons: [{ name: 'Create a New Model', to: '/diagrams/new' }],\n  },\n  '^/transform.*$': {\n    title: 'Explore Detected Processes',\n    tip: 'Detected Processes are those that have been automatically discovered by Process Discovery’s AI. Open them in the process explorer to review the process step by step, and add business knowledge by grouping related activities.',\n    buttons: [],\n  },\n  '^/processes.*$': {\n    title: 'Describe a Business Process',\n    tip: 'Gather information about business processes so you can go back and record them later. Describe a process to start writing out steps manually.',\n    buttons: [\n      {\n        name: 'Describe a Process',\n        onClick: 'createProcess',\n      },\n    ],\n  },\n  '^/process-explorer.*$': {\n    title: 'Explore a Detected Process and Create a Process Model',\n    tip: 'Inspect the individual steps of a detected process, remove noise, and add business knowledge by grouping steps that are part of the same part of a flow. Once you’ve refined the process, save it as a Process Model for use in diagramming and developing.',\n    buttons: [],\n  },\n  '^/diagrams.*$': {\n    title: 'Diagram Processes to Create a Developer Doc',\n    tip: 'Add grouped steps or entire processes to the canvas, then connect them to diagram the complete process. When you’re done, download it as a .docx template you can add further business context to.',\n    buttons: [],\n  },\n  '^/admin/users.*$': {\n    title: 'Invite a Teammate',\n    tip: ' Invite a new teammate to Process Discovery, and set their permissions. They’ll be able to edit their attributes once they sign in.',\n    buttons: [{ name: 'Invite a Teammate', to: '/admin/users/new' }],\n  },\n  '^/observers/.*$': {\n    title: 'Observer Activity',\n    tip: 'Select a timeframe to display a range of event and data activity for this observer. Please note that options other than \"Last 24 Hrs\" are delayed.',\n    buttons: [],\n  },\n}\n\nconst helpTipKeys = Object.keys(helpTips)\n\n/**\n * Find the helptip\n * @param {String} path\n * @returns {Object|Null} helptip object or null\n */\nexport const findHelpTip = path => {\n  const pageHelpKey = helpTipKeys.find(key => path.match(new RegExp(key))) || null\n  return pageHelpKey && helpTips[pageHelpKey]\n}\n\nexport default helpTips\n","import React from 'react'\nimport { ActionCableConsumer } from 'components/actioncable-provider'\nimport Flash from 'components/flash/Flash'\nimport Callback from 'stores/callback'\n\nconst notificationTypeMap = {\n  toast: ({ status, message, title, statusMessage }) =>\n    Flash[status] &&\n    Flash[status]({\n      message: title || `${status.charAt(0).toUpperCase() + status.slice(1)}:`,\n      description: `${message || statusMessage}.`,\n    }),\n  callback: ({ callbackId, ...args }) => Callback.call(callbackId, args),\n}\n\nconst UserNotifications = () => {\n  const handleReceived = ({ type, ...msg }) => notificationTypeMap[type] && notificationTypeMap[type](msg)\n  return <ActionCableConsumer channel={{ channel: 'UserNotificationsChannel' }} onReceived={handleReceived} />\n}\n\nexport default UserNotifications\n","import React, { memo, useCallback, useState } from 'react'\nimport { AdvancedCell, DateCell, Element, Table, theme } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\nimport { useQueryParams, withDefault, NumberParam, StringParam } from 'use-query-params'\n\nimport PanelMetrics from 'components/PanelMetrics/PanelMetrics'\nimport PanelTitle from './components/PanelTitle'\n\nimport ApplicationsTableActions from './components/ApplicationsTableActions'\n\nimport { tableContainerConfig } from './styles/index'\n\nimport { GOT_APPLICATIONS_WITH_COUNTS } from './reducers/Actions'\n\nconst sortKeyMap = {\n  displayName: 'displayName',\n  id: 'application.id',\n  firstSeenAt: 'firstSeenAt',\n  winProcessName: 'application.winProcessName',\n  pattern: 'urlPattern,titlePattern',\n  applicationId: 'application.id',\n}\n\nconst ApplicationList = ({ url, createAction, dispatch, state, claimingEvents }) => {\n  const getEventCount = eventList => {\n    if (!eventList || eventList.length === 0) return 0\n    return eventList.reduce((acc, { loggedEvents = 0 }) => acc + loggedEvents, 0)\n  }\n\n  const [pageCount, setPageCount] = useState(0)\n  const [total, setTotal] = useState(0)\n\n  const [loading, setLoading] = useState(true)\n\n  const columns = [\n    {\n      Header: 'ID',\n      accessor: 'applicationId',\n      minWidth: 50,\n      width: 100,\n    },\n    {\n      Header: 'Application Name',\n      accessor: 'displayName',\n      Cell: ({ value }) => <AdvancedCell>{value}</AdvancedCell>,\n      minWidth: 50,\n      width: 150,\n    },\n    {\n      Header: 'Pattern',\n      accessor: 'pattern',\n      Cell: ({ value }) => <AdvancedCell>{value}</AdvancedCell>,\n      minWidth: 50,\n      width: 150,\n    },\n    {\n      Header: 'Type',\n      accessor: 'type',\n      disableSortBy: true,\n      Cell: ({ value }) => <AdvancedCell>{value || '--'}</AdvancedCell>,\n      minWidth: 80,\n      width: 80,\n    },\n    {\n      Header: 'Events',\n      accessor: 'loggedEvents',\n      Cell: ({ value }) => <AdvancedCell>{value || '0'}</AdvancedCell>,\n      minWidth: 80,\n      width: 80,\n    },\n    {\n      Header: 'First Seen',\n      accessor: 'firstSeenAt',\n      Cell: ({ value }) => <DateCell timestamp={value} />,\n      minWidth: 100,\n      width: 100,\n    },\n    {\n      Header: 'Updated',\n      accessor: 'updatedAt',\n      Cell: ({ value }) => <DateCell timestamp={value} />,\n      minWidth: 100,\n      width: 100,\n    },\n    {\n      Header: 'Actions',\n      accessor: 'application',\n      width: 110,\n      maxWidth: 110,\n      minWidth: 110,\n      disableSortBy: true,\n      Cell: ({ row: { original: application } }) => (\n        <ApplicationsTableActions\n          application={application}\n          applications={state.applications}\n          dispatch={dispatch}\n          claimingEvents={claimingEvents}\n        />\n      ),\n    },\n  ]\n\n  const [persistedState, setPersistedState] = useQueryParams({\n    pageSize: withDefault(NumberParam, 10),\n    pageIndex: withDefault(NumberParam, 0),\n    sortKey: StringParam,\n    sortOrder: StringParam,\n  })\n\n  const initialState = {\n    ...persistedState,\n    ...(persistedState.sortKey\n      ? {\n          sortBy: [\n            {\n              id: persistedState.sortKey,\n              desc: persistedState.sortOrder === 'desc',\n            },\n          ],\n        }\n      : {}),\n  }\n\n  const fetchData = useCallback(\n    ({ pageSize, pageIndex, sortBy, filters = {}, globalFilter }) => {\n      const newState = {\n        pageSize: pageSize,\n        pageIndex: pageIndex,\n        ...(sortBy[0]\n          ? { sortKey: sortBy[0].id, sortOrder: sortBy[0]?.desc ? 'desc' : 'asc' }\n          : { sortKey: undefined, sortOrder: undefined }),\n      }\n      if (JSON.stringify(persistedState) !== JSON.stringify(newState)) {\n        setPersistedState(newState)\n      }\n      const fetchingData = async () => {\n        setLoading(true)\n        const sortKey = sortBy[0]?.id ? sortBy[0].id : 'id'\n        const convertedSortKey = sortKeyMap ? sortKeyMap[sortKey] || sortKey : sortKey\n        const sortOrder = !sortBy[0] || sortBy[0]?.desc ? 'desc' : 'asc'\n\n        const fetchParams = {\n          pageSize: pageSize,\n          page: pageIndex + 1,\n          sortBy: convertedSortKey,\n          sortOrder: sortOrder,\n          appType: 'WEB',\n        }\n\n        const { data } = await api.get(url, fetchParams)\n\n        setTotal(data.totalElements)\n        setPageCount(Math.ceil(data.totalElements / pageSize))\n        setLoading(false)\n\n        dispatch({\n          type: GOT_APPLICATIONS_WITH_COUNTS,\n          applications: data.webApplications,\n        })\n      }\n      fetchingData()\n    },\n    [url, sortKeyMap, persistedState, state.updated]\n  )\n\n  return (\n    <Element style={{ maxHeight: 'calc(100vh - 59px)', overflow: 'auto', position: 'relative' }}>\n      <PanelTitle title='Existing Rules' actions={createAction} />\n      <PanelMetrics\n        metrics={[\n          { title: 'Rules', value: total },\n          { title: 'Events Count', value: getEventCount(state.applications) },\n        ]}\n        style={{ background: theme['legacy-color-gray'] }}\n      />\n      <Table\n        container={tableContainerConfig}\n        columns={columns}\n        data={state.applications || []}\n        loading={loading}\n        striped={true}\n        fetchData={fetchData}\n        initialState={initialState}\n        disablePagination={false}\n        pageSizeOptions={[5, 10, 20, 50, 100]}\n        pageCount={pageCount}\n        controlledTable={true}\n        total={total}\n      />\n    </Element>\n  )\n}\n\nexport default memo(ApplicationList)\n","export const tableChromeHeight = 250\n\nexport const RULE_TYPES = {\n  title: 'Title',\n  url: 'URL',\n}\n","import React, { useState } from 'react'\nimport { Overlay } from '@fortressiq/fiq-ds'\n\nimport WebApplicationForm from './components/WebApplicationForm'\n\nconst CreateWebApplicationModal = ({ applications, dispatch }) => {\n  const [showing, setShowing] = useState(false)\n  const placement = {\n    overflow: { adjustX: true, adjustY: true },\n    points: ['br', 'tr'],\n    targetOffset: [0, 4],\n    useCssTransform: false,\n  }\n\n  const trigger = {\n    showing,\n    setShowing,\n    text: 'Create Web Application',\n    type: 'default',\n  }\n\n  const heights = {\n    min: 350,\n  }\n\n  const onSubmit = () => {\n    setShowing(false)\n  }\n\n  return (\n    <Overlay\n      basic={false}\n      closeIcon={true}\n      content={<WebApplicationForm applications={applications} onSubmit={onSubmit} dispatch={dispatch} />}\n      draggable={true}\n      heights={heights}\n      id='create-web-application-modal'\n      placement={placement}\n      trigger={trigger}\n    />\n  )\n}\n\nexport default CreateWebApplicationModal\n","import React, { useEffect, useReducer, memo, useState } from 'react'\nimport {\n  AdvancedCell,\n  Button,\n  CopyToClipboardButton,\n  DateTimePickerRange,\n  Element,\n  Group,\n  Input,\n  Overlay,\n  Table,\n  theme,\n} from '@fortressiq/fiq-ds'\nimport { sub } from 'date-fns'\n\nimport { DS_DATE_FORMAT_MEDIUM } from 'constants/app-constants'\n\nimport api from 'lib/Api'\nimport PanelMetrics from 'components/PanelMetrics/PanelMetrics'\nimport { RULE_TYPES } from './Constants'\nimport PanelTitle from './components/PanelTitle'\nimport UnclaimedExploreLink from './components/tableButtons/UnclaimedExploreLink'\n\nimport reducer, { unclaimedInit } from './reducers/UnclaimedEventsReducer'\nimport { CLEAR_UNCLAIMED, FETCH_UNCLAIMED, TOGGLE_GROUP_TYPE } from './reducers/Actions'\n\nimport { tableContainerConfig } from './styles/index'\n\nconst groupTypeTitleMap = {\n  title: 'Window Title',\n  url: 'URL',\n}\n\nconst isValidRegExp = val => {\n  let isValid = false\n  try {\n    isValid = new RegExp(val)\n  } catch (e) {\n    isValid = false\n  }\n  return !!isValid\n}\n\nconst Search = ({ onFilter, onClear, groupType }) => {\n  const [showing, setShowing] = useState(false)\n  const [val, setVal] = useState('')\n  const groupTypeLower = groupType.toLowerCase()\n  const handleClear = () => {\n    onClear()\n  }\n  const handleKeyDown = ({ which }) => which === 13\n  const handleChange = ({ target: { value } }) => {\n    if (isValidRegExp(value)) {\n      onFilter(value, groupTypeLower)\n    }\n    setVal(value)\n  }\n\n  const disabled = !isValidRegExp(val)\n  return (\n    <Overlay\n      content={\n        <Group>\n          <Input\n            placeholder={`Filter ${groupType} Groups`}\n            onKeyDown={handleKeyDown}\n            onChange={handleChange}\n            allowClear={true}\n            onClear={handleClear}\n          />\n          <CopyToClipboardButton\n            textToCopy={val}\n            buttonProps={{ disabled, validation: [[!disabled, `\"${val}\" is an invalid pattern`]] }}\n          />\n        </Group>\n      }\n      placement={{\n        overflow: { adjustX: true, adjustY: true },\n        points: ['br', 'tr'],\n        targetOffset: [0, 4],\n      }}\n      draggable={true}\n      id='browser-events-search-dropdown'\n      trigger={{\n        showing: showing,\n        setShowing: setShowing,\n        node: <Button icon='search' />,\n      }}\n    />\n  )\n}\n\nconst getColumns = ({ groupType }) => {\n  const groupTypeLower = groupType.toLowerCase()\n  return [\n    {\n      Header: groupTypeTitleMap[groupTypeLower],\n      accessor: groupTypeLower,\n      width: 400,\n      Cell: ({ value }) => <AdvancedCell>{value || '-'}</AdvancedCell>,\n    },\n    {\n      Header: 'Events',\n      width: 100,\n      minWidth: 100,\n      align: 'right',\n      accessor: 'count',\n      Cell: ({\n        row: {\n          original: { title, url, count },\n        },\n      }) => <UnclaimedExploreLink groupType={groupType} title={title} url={url} count={count} />,\n    },\n  ]\n}\n\nconst defaultDate = { from: sub(new Date(), { months: 3 }), to: new Date() }\n\nconst formatFilter = (isoFromDate, isoToDate) => ({\n  rules: [\n    {\n      id: 'g-9KKC3tL611oS-j3r-ZXsr',\n      rules: [\n        {\n          id: 'r-3G2uexORegtga5lyrnE3s',\n          field: 'observed_at',\n          value: isoFromDate,\n          operator: '>=',\n        },\n        {\n          id: 'r-VlZPRj1hdBzaXCpV0W92S',\n          field: 'observed_at',\n          value: isoToDate,\n          operator: '<=',\n        },\n      ],\n      combinator: 'and',\n      not: 'false',\n    },\n  ],\n  combinator: 'and',\n})\n\nconst TitleGroupList = ({ updateClaimedFlag }) => {\n  const [allUnclaimedEvents, setAllUnclaimedEvents] = useState([])\n  const [dateRange, setDateRange] = useState(defaultDate)\n  const [filter, setFilter] = useState(formatFilter(defaultDate.from, defaultDate.to))\n  const [isLoading, setIsLoading] = useState(true)\n  const [{ unclaimedEvents, groupType }, dispatch] = useReducer(reducer, unclaimedInit)\n  const [dates, setDates] = useState(() => {\n    const from = dateRange.from ? new Date(dateRange.from) : new Date()\n    const to = dateRange.to ? new Date(dateRange.to) : new Date()\n\n    return [from, to]\n  })\n\n  const setUnclaimedEvents = events =>\n    dispatch({\n      type: FETCH_UNCLAIMED,\n      payload: {\n        unclaimedEvents: events,\n      },\n    })\n\n  useEffect(() => {\n    ;(async () => {\n      dispatch({\n        type: CLEAR_UNCLAIMED,\n      })\n      setIsLoading(true)\n      const url = `/web_applications/${groupType === RULE_TYPES.url ? 'url' : 'title'}_groups`\n      const { data } = await api.get(url, { filter: filter })\n      setUnclaimedEvents(data.unclaimedEvents)\n      setAllUnclaimedEvents(data.unclaimedEvents)\n      setIsLoading(false)\n    })()\n  }, [groupType, updateClaimedFlag, filter])\n\n  const getEventCount = eventList => {\n    if (!eventList || eventList.length === 0) return 0\n    return eventList.reduce((acc, { count }) => acc + count, 0)\n  }\n\n  const toggleGroupBy = () => {\n    if (groupType === RULE_TYPES.title)\n      dispatch({\n        type: TOGGLE_GROUP_TYPE,\n        payload: RULE_TYPES.url,\n      })\n    else\n      dispatch({\n        type: TOGGLE_GROUP_TYPE,\n        payload: RULE_TYPES.title,\n      })\n  }\n\n  const onFilter = (filterRegexp, attr) => {\n    const filteredTerms = allUnclaimedEvents.filter(record => new RegExp(filterRegexp).test(record[attr]))\n    setUnclaimedEvents(filteredTerms)\n  }\n\n  const onDateChange = ([start, end]) => {\n    const isNotEmpty = start && end\n    const isoFromDate = start && start.toISOString()\n    const isoToDate = end && end.toISOString()\n    if (isNotEmpty) {\n      setDateRange({ from: isoFromDate, to: isoToDate })\n      setFilter(formatFilter(isoFromDate, isoToDate))\n    } else {\n      setFilter(null)\n      setDateRange(defaultDate)\n    }\n  }\n\n  const onClear = () => setUnclaimedEvents(allUnclaimedEvents)\n\n  return (\n    <Element style={{ background: theme['legacy-color-gray'], overflow: 'auto', maxHeight: 'calc(100vh - 59px)' }}>\n      <PanelTitle\n        title='Unclaimed Browser Events'\n        actions={[{ text: `Grouped by: ${groupType}`, onClick: toggleGroupBy }]}\n      >\n        <DateTimePickerRange\n          bordered={true}\n          dateFormat={DS_DATE_FORMAT_MEDIUM}\n          id='unclaimed-events-datepicker'\n          onChange={ds => {\n            setDates(ds)\n            onDateChange(ds)\n          }}\n          style={{ border: 'none' }}\n          styles={{ inputStyle: { width: '140px' } }}\n          value={dates}\n          showTime={false}\n        />\n        <Search onFilter={onFilter} onClear={onClear} groupType={groupType} />\n      </PanelTitle>\n      <PanelMetrics\n        metrics={[\n          { title: 'Groups', value: unclaimedEvents ? unclaimedEvents.length : 0 },\n          { title: 'Events Count', value: getEventCount(unclaimedEvents) },\n        ]}\n      />\n      <Table\n        container={tableContainerConfig}\n        columns={getColumns({ groupType, onFilter, onClear })}\n        data={unclaimedEvents || []}\n        loading={isLoading}\n        striped={true}\n        initialState={{ pageSize: 50 }}\n        pageSizeOptions={[50, 100]}\n      />\n    </Element>\n  )\n}\n\nexport default memo(TitleGroupList)\n","import React, { Fragment, memo, useEffect, useReducer } from 'react'\nimport { Heading, SplitPane, Element } from '@fortressiq/fiq-ds'\n\nimport ApplicationList from './ApplicationList'\nimport TitleGroupList from './TitleGroupList'\n\nimport { useHeaderDispatch } from '../header/HeaderContext'\nimport CreateWebApplicationModal from './CreateWebApplicationModal'\n\nimport { initialReducerState, reducer } from './reducers/WebApplicationsReducer'\n\nimport { RESET_APPLICATIONS } from './reducers/Actions'\n\nimport { splitPaneStyle } from './styles/index'\n\nconst pageTitle = 'Web Applications'\n\nconst WebApplications = () => {\n  const headerDispatch = useHeaderDispatch()\n  const [state, dispatch] = useReducer(reducer, initialReducerState)\n  /*\n   * Header update\n   */\n  useEffect(() => {\n    headerDispatch({\n      type: 'set',\n      title: pageTitle,\n      heading: (\n        <Fragment>\n          <Heading className='header-title' level={1}>\n            {pageTitle}\n          </Heading>\n          <Heading className='header-title' level={2}>\n            Explore web applications.\n          </Heading>\n        </Fragment>\n      ),\n    })\n\n    return () => {\n      headerDispatch({\n        type: 'clear',\n      })\n    }\n  }, [headerDispatch])\n\n  // initial population of applications\n  useEffect(() => {\n    dispatch({ type: RESET_APPLICATIONS })\n  }, [])\n\n  const splitPaneWrapperStyle = { height: '100%' }\n  // TODO: Map this to (to be) defined min viewport size and not an arbitrary number:\n  const minimumDefaultReadableWidth = 600\n  const maximumDefaultReadableWidth = 1200\n\n  return (\n    <Element style={splitPaneWrapperStyle}>\n      <SplitPane\n        className='fiq-webapps-splitpane'\n        defaultSize='60%'\n        minSize={minimumDefaultReadableWidth}\n        maxSize={maximumDefaultReadableWidth}\n        style={splitPaneStyle}\n      >\n        <ApplicationList\n          applications={state.applications}\n          createAction={[\n            {\n              component: <CreateWebApplicationModal applications={state.applications} dispatch={dispatch} />,\n            },\n          ]}\n          dispatch={dispatch}\n          state={state}\n          url='/web_applications'\n          claimingEvents={state.claimingEvents}\n        />\n        <TitleGroupList updateClaimedFlag={state.updateClaimedFlag} />\n      </SplitPane>\n    </Element>\n  )\n}\n\nexport default memo(WebApplications)\n","import { shallow } from 'enzyme'\nimport React from 'react'\n\nimport { QueryParamProvider, transformSearchStringJsonSafe } from 'use-query-params'\nimport { Route } from 'react-router-dom'\n\nimport ApplicationList from '../ApplicationList'\n\njest.mock('lib/Api')\n\nconst queryStringifyOptions = {\n  transformSearchString: transformSearchStringJsonSafe,\n}\n\ndescribe('ApplicationList (Web Applications) component', () => {\n  it('should render without throwing an error', () => {\n    const component = shallow(\n      <QueryParamProvider ReactRouterRoute={Route} stringifyOptions={queryStringifyOptions}>\n        <ApplicationList />\n      </QueryParamProvider>\n    )\n    expect(() => component).not.toThrow()\n  })\n})\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { ButtonGroup } from '@fortressiq/fiq-ds'\nimport CallbackStore from 'stores/callback'\nimport api from 'lib/Api'\n\nimport RulesDeleteButton from './tableButtons/RulesDeleteButton'\nimport RulesEditButton from './tableButtons/RulesEditButton'\nimport RulesExploreButton from './tableButtons/RulesExploreButton'\nimport RulesRefreshButton from './tableButtons/RulesRefreshButton'\n\nimport { EVENTS_UPDATE, SET_CLAIMING_EVENTS, APPLICATION_DELETED, UPDATE_INFO } from '../reducers/Actions'\n\nconst Actions = ({ applications, application, claimingEvents, dispatch }) => {\n  const onClickRefresh = () => {\n    const callback = ({ claimedEvents: loggedEvents, firstSeenAt }) => {\n      dispatch({ type: EVENTS_UPDATE, application: application, loggedEvents, firstSeenAt })\n    }\n    const callbackId = CallbackStore.add(callback)\n    api.put('web_applications/update_browser_events', {\n      application_id: application.applicationId,\n      callback_id: callbackId,\n      applicationUuid: application.id,\n    })\n    dispatch({ type: SET_CLAIMING_EVENTS, appId: application.applicationId })\n  }\n\n  const handleDelete = async () => {\n    const callback = () => {\n      dispatch({ type: APPLICATION_DELETED, application: application })\n    }\n\n    const callbackId = CallbackStore.add(callback)\n    await api.delete(`web_applications/${application.applicationId}`, {\n      callback_id: callbackId,\n      applicationUuid: application.id,\n    })\n    dispatch({ type: SET_CLAIMING_EVENTS, appId: application.applicationId })\n    dispatch({ type: UPDATE_INFO })\n  }\n\n  return (\n    <ButtonGroup>\n      <RulesExploreButton application={application} history={history} />\n      <RulesEditButton applications={applications} application={application} dispatch={dispatch} />\n      <RulesRefreshButton onClick={onClickRefresh} application={application} claimingEvents={claimingEvents} />\n      <RulesDeleteButton application={application} handleDelete={handleDelete} />\n    </ButtonGroup>\n  )\n}\n\nActions.propTypes = {\n  application: PropTypes.shape({\n    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  }).isRequired,\n  dispatch: PropTypes.func.isRequired,\n}\n\nexport default Actions\n","import React from 'react'\nimport { Element } from '@fortressiq/fiq-ds'\n\n// TO DO: move this to design system?\n// wasn't happy with how validation /error handling needed to be implemented\n// we (front end team) also haven't decided which direction to go there yet :shrugs\nconst ErrorMsg = ({ msg, children }) => (\n  <Element\n    style={({ theme }) => ({\n      color: theme['error-color'],\n      fontSize: theme['font-size-sm'],\n      marginTop: theme['default-spacer-sm'],\n      lineHeight: '1em',\n    })}\n  >\n    {msg || children}\n  </Element>\n)\n\nexport default ErrorMsg\n","import React, { Fragment } from 'react'\nimport { string, arrayOf, shape, func } from 'prop-types'\nimport { Button, Group, Icon, Typography, theme } from '@fortressiq/fiq-ds'\n\nconst { Title } = Typography\n\n/*\n *  Panel Title, takes props:\n *     title: string = title that gets displayed\n *     actions: array of objects { icon, text, onClick } = buttons to the right\n */\nconst PanelTitle = ({ title, actions, children }) => (\n  <Group\n    justify='space-between'\n    noEndGutter={true}\n    style={{\n      background: theme.white,\n      borderBottom: `1px solid ${theme['antd-card-border']}`,\n      padding: `${theme['default-spacer-sm']} ${theme['default-spacer-sm']} ${theme['default-spacer-sm']} ${theme['default-spacer-md']}`,\n    }}\n  >\n    <Title noMargin={true} level={5}>\n      {title}\n    </Title>\n    <Group>\n      {children}\n      {actions &&\n        actions.map((action, index) => {\n          if (action.component) return <Fragment key={`${index}action`}>{action.component}</Fragment>\n\n          return (\n            <Button key={`${index}action`} onClick={action.onClick}>\n              {action.icon && <Icon icon={action.icon} />}\n              {action.text}\n            </Button>\n          )\n        })}\n    </Group>\n  </Group>\n)\n\nPanelTitle.propTypes = {\n  title: string.isRequired,\n  actions: arrayOf(\n    shape({\n      icon: string,\n      text: string,\n      onClick: func,\n    })\n  ),\n}\n\nPanelTitle.defaultProps = {\n  actions: null,\n}\n\nexport default PanelTitle\n","import React, { Fragment, useState } from 'react'\nimport { Button, Input, Label, TextArea, Radio, RadioGroup, Typography, theme, useFela } from '@fortressiq/fiq-ds'\nimport { useFetch } from 'lib/hooks'\n\nimport debounce from 'lodash/debounce'\n\nimport api from 'lib/Api'\nimport CallbackStore from 'stores/callback'\n\nimport ErrorMsg from './ErrorMsg'\n\nimport { RULE_TYPES } from '../Constants'\nimport { EVENTS_UPDATE, ADD_WEB_APPLICATION, EDIT_APPLICATION, UPDATE_INFO } from '../reducers/Actions'\n\nconst tempApplicationInit = {\n  name: '',\n  type: RULE_TYPES.title,\n  pattern: '',\n}\n\nconst { Title } = Typography\n\nexport default ({ applications, onSubmit, application, dispatch }) => {\n  const [tempApplication, setTempApplication] = useState(application || tempApplicationInit)\n  const [nameError, setNameError] = useState(!application)\n  const [patternError, setPatternError] = useState(!application)\n  const validForm = !nameError && !patternError\n  const { css } = useFela()\n\n  const { data: allApplications } = useFetch('/applications/filters', { service: true })\n\n  const validateName = debounce(name => {\n    const trimName = name.trim()\n    if (!trimName) {\n      setNameError('Please enter in an application name')\n      return\n    }\n    if (\n      allApplications.findIndex(app => app.label.toLowerCase() === trimName.toLowerCase()) !== -1 &&\n      (!application || application.displayName !== trimName)\n    ) {\n      setNameError('No duplicate application names')\n      return\n    }\n    setNameError(null)\n  }, 100)\n\n  const validatePattern = debounce(pattern => {\n    const trimPattern = pattern.trim()\n    const patternFound = applications.findIndex(app => {\n      if (tempApplication.type === RULE_TYPES.title) return app.titlePattern === trimPattern\n      else return app.urlPattern === trimPattern\n    })\n\n    if (!trimPattern) {\n      setPatternError('Please enter in a pattern (regex)')\n      return\n    }\n    if (patternFound !== -1 && (!application || application.pattern !== trimPattern)) {\n      setPatternError('No duplicate patterns (regexs)')\n      return\n    }\n    setPatternError(null)\n  }, 100)\n\n  const validatePatternOnTypeChange = debounce(type => {\n    const trimPattern = tempApplication.pattern.trim()\n    const patternFound = applications.findIndex(app => {\n      if (type === RULE_TYPES.title) return app.titlePattern === trimPattern\n      else return app.urlPattern === trimPattern\n    })\n    if (!trimPattern) {\n      setPatternError('Please enter in a pattern (regex)')\n      return\n    }\n    if (patternFound !== -1) {\n      setPatternError('No duplicate patterns (regexs)')\n      return\n    }\n    setPatternError(null)\n  }, 100)\n\n  const setName = event => {\n    setTempApplication({ ...tempApplication, displayName: event.target.value })\n    validateName(event.target.value)\n  }\n\n  const setPattern = event => {\n    setTempApplication({ ...tempApplication, pattern: event.target.value })\n    validatePattern(event.target.value)\n  }\n\n  const setType = event => {\n    setTempApplication({ ...tempApplication, type: event.selectedValue })\n    validatePatternOnTypeChange(event.selectedValue)\n  }\n\n  const submit = () => {\n    if (application) {\n      editApplication()\n    } else {\n      createApplication()\n    }\n    onSubmit()\n  }\n\n  /*\n   * Create a new application\n   */\n  const createApplication = async () => {\n    const params = {\n      display_name: tempApplication.displayName.trim(),\n      title_pattern: tempApplication.type === RULE_TYPES.title ? tempApplication.pattern.trim() : '',\n      url_pattern: tempApplication.type === RULE_TYPES.url ? tempApplication.pattern.trim() : '',\n      app_type: 'web',\n    }\n    const { data } = await api.post('/applications', params)\n    const callback = ({ claimedEvents: loggedEvents, firstSeenAt }) => {\n      dispatch({ type: EVENTS_UPDATE, application: data.application, loggedEvents, firstSeenAt })\n    }\n    const callbackId = CallbackStore.add(callback)\n\n    await api.put('web_applications/update_browser_events', {\n      application_id: data.application.applicationId,\n      callback_id: callbackId,\n      applicationUuid: data.application.id,\n    })\n    dispatch({ type: ADD_WEB_APPLICATION, application: data.application })\n    dispatch({ type: UPDATE_INFO })\n  }\n\n  /*\n   * Edit an application\n   */\n  const editApplication = async () => {\n    const { data } = await api.put(`/applications/${application.applicationId}`, {\n      display_name: tempApplication.displayName.trim(),\n      title_pattern: tempApplication.type === RULE_TYPES.title ? tempApplication.pattern.trim() : '',\n      url_pattern: tempApplication.type === RULE_TYPES.url ? tempApplication.pattern.trim() : '',\n      app_type: 'web',\n      applicationUuid: application.id,\n    })\n    const callback = ({ claimedEvents: loggedEvents, firstSeenAt }) => {\n      dispatch({ type: EVENTS_UPDATE, application: data.application, loggedEvents, firstSeenAt })\n    }\n    const callbackId = CallbackStore.add(callback)\n\n    api.put('web_applications/update_browser_events', {\n      application_id: data.application.applicationId,\n      callback_id: callbackId,\n      applicationUuid: data.application.id,\n    })\n    dispatch({ type: EDIT_APPLICATION, application: data.application })\n    dispatch({ type: UPDATE_INFO })\n  }\n\n  const containerStyle = {\n    padding: `${theme['default-spacer-sm']} ${theme['default-spacer-md']} ${theme['default-spacer-sm']} ${theme['default-spacer-md']}`,\n    width: '600px',\n    maxWidth: '100%',\n  }\n  const ruleTypeStyle = {\n    fontStyle: 'italic',\n    margin: `${theme['defaut-spacer-xs']} 0`,\n    background: theme['legacy-color-gray'],\n    padding: theme['default-spacer-sm'],\n    borderRadius: theme['border-radius-base'],\n  }\n  const textAreaStyle = { marginBottom: theme['defailt-spacer-sm'] }\n  const spaceElementsCSS = { margin: `${theme['default-spacer-md']} 0` }\n\n  return (\n    <div className={css(containerStyle)}>\n      <Title level={3}>{application ? `Edit ${application.displayName}` : 'Create Web Application'}</Title>\n      <Input\n        label='Application Name'\n        name='displayName'\n        onChange={setName}\n        placeholder='Enter desired Application Name'\n        required={true}\n        style={{ marginBottom: theme['default-spacer-sm'] }}\n        value={tempApplication.displayName}\n      />\n      {nameError && <ErrorMsg msg={nameError} />}\n\n      {application ? (\n        <Fragment>\n          <Label>Applied Rule Type</Label>\n          <div className={css(ruleTypeStyle)}>{tempApplication.type || RULE_TYPES.title}</div>\n        </Fragment>\n      ) : (\n        <RadioGroup\n          label={{ text: 'Applied Rule Type' }}\n          name='type'\n          onChange={e => setType(e)}\n          selectedValue={tempApplication.type || RULE_TYPES.title}\n          style={spaceElementsCSS}\n        >\n          <Radio value={RULE_TYPES.title}>Title</Radio>\n          <Radio value={RULE_TYPES.url}>URL</Radio>\n        </RadioGroup>\n      )}\n\n      <TextArea\n        label='Rule Pattern (regex)'\n        name='pattern'\n        style={{ ...textAreaStyle, ...spaceElementsCSS }}\n        placeholder='Enter Pattern'\n        value={tempApplication.pattern}\n        onChange={setPattern}\n        required={true}\n        rows={6}\n      />\n      {patternError && <ErrorMsg msg={patternError} />}\n\n      <Button disabled={!validForm} onClick={submit} style={{ float: 'right', marginTop: theme['default-spacer-sm'] }}>\n        {application ? 'Save' : 'Create'}\n      </Button>\n    </div>\n  )\n}\n","import React from 'react'\nimport { Button, Icon, Popconfirm } from '@fortressiq/fiq-ds'\n\nconst RulesDeleteButton = ({ application, handleDelete }) => {\n  return (\n    <Popconfirm\n      cancelText='No'\n      okText='Yes'\n      onConfirm={handleDelete}\n      placement='left-center'\n      title={`Delete application ${application.displayName}?`}\n    >\n      <Button\n        size='small'\n        tooltipProps={{\n          title: 'Delete existing rule and application.',\n        }}\n      >\n        <Icon size='nested' icon='trash' />\n      </Button>\n    </Popconfirm>\n  )\n}\n\nexport default RulesDeleteButton\n","import React, { useState } from 'react'\nimport { Overlay, Button, Icon } from '@fortressiq/fiq-ds'\n\nimport { addImportant } from 'helpers'\nimport WebApplicationForm from '../WebApplicationForm'\n\nconst RulesEditButton = ({ applications, application, dispatch }) => {\n  const [showing, setShowing] = useState(false)\n  const placement = {\n    overflow: { adjustX: true, adjustY: true },\n    points: ['br', 'tr'],\n    targetOffset: [0, 10],\n    useCssTransform: false,\n  }\n\n  const trigger = {\n    showing,\n    setShowing,\n    node: (\n      <Button\n        onClick={() => setShowing(!showing)}\n        size='small'\n        style={{\n          borderLeft: addImportant(0),\n          borderRadius: addImportant(0),\n        }}\n        tooltipProps={{ title: 'Edit existing rule.' }}\n      >\n        <Icon size='nested' icon='edit' />\n      </Button>\n    ),\n  }\n\n  const heights = {\n    min: 500,\n  }\n\n  const config = {\n    disableOutsideClick: false,\n    trigger: {\n      icons: {\n        prefix: {\n          icon: 'edit',\n          size: 'nested',\n        },\n      },\n    },\n  }\n\n  const editAction = () => {\n    setShowing(false)\n  }\n\n  return (\n    <Overlay\n      basic={false}\n      closeIcon={true}\n      config={config}\n      content={\n        <WebApplicationForm\n          applications={applications}\n          onSubmit={editAction}\n          application={application}\n          dispatch={dispatch}\n        />\n      }\n      draggable={true}\n      heights={heights}\n      id={`edit-web-application-modal-${application.id}`}\n      placement={placement}\n      trigger={trigger}\n    />\n  )\n}\n\nexport default RulesEditButton\n","import React from 'react'\nimport { withRouter } from 'react-router-dom'\nimport { Icon, Button } from '@fortressiq/fiq-ds'\nimport { generateURLQueryfromRules } from 'components/query_builder/utils'\n\nconst RulesExploreButton = ({ application, history }) => {\n  const rules = [\n    {\n      field: 'application_id',\n      operator: '=',\n      value: application.applicationId,\n    },\n  ]\n\n  return (\n    <Button\n      onClick={e => {\n        e.preventDefault()\n        history.push(`/events?${generateURLQueryfromRules({ rules: rules })}`)\n      }}\n      size='small'\n      tooltipProps={{ title: 'View all the browser events that match this rule.' }}\n    >\n      <Icon size='nested' icon='search' />\n    </Button>\n  )\n}\n\nexport default withRouter(RulesExploreButton)\n","import React from 'react'\nimport { Button, Icon } from '@fortressiq/fiq-ds'\n\nconst RulesRefreshButton = ({ onClick, claimingEvents, application: { id } }) => {\n  const isSpinning = () => claimingEvents.has(id)\n\n  return (\n    <Button onClick={onClick} size='small' tooltipProps={{ title: 'Claim additional events using this rule.' }}>\n      <Icon size='nested' icon='refresh' spin={isSpinning()} />\n    </Button>\n  )\n}\nexport default RulesRefreshButton\n","import React from 'react'\nimport { Link } from 'react-router-dom'\nimport { generateURLQueryfromRules } from 'components/query_builder/utils'\n\nimport { RULE_TYPES } from '../../Constants'\n\nconst generateQuery = (value, field) => {\n  const safeValue = encodeURIComponent(value)\n  return generateURLQueryfromRules({\n    rules: [\n      {\n        id: 'r-browserEvents',\n        operator: '=',\n        field: 'is_browser',\n        value: true,\n      },\n      {\n        id: `r-${field}`,\n        operator: '=',\n        field,\n        value: safeValue,\n      },\n    ],\n  })\n}\nconst UnclaimedExploreLink = ({ title, url, count, groupType = RULE_TYPES.title }) => (\n  <Link to={`/events?${generateQuery(title || url, groupType.toLowerCase())}`}>{count || '0'}</Link>\n)\n\nexport default UnclaimedExploreLink\n","import { shallow } from 'enzyme'\nimport React from 'react'\n\nimport ExploreButton from '../RulesExploreButton'\n\nconst application = { id: 123, name: 'Application Name' }\n\ndescribe('ExploreButton (Web Applications) component', () => {\n  it('should render without throwing an error', () => {\n    const component = shallow(<ExploreButton application={application} />)\n    expect(component).toMatchSnapshot()\n    expect(() => component).not.toThrow()\n  })\n})\n","export const ADD_WEB_APPLICATION = 'ADD_WEB_APPLICATION'\nexport const GOT_APPLICATIONS_WITH_COUNTS = 'GOT_APPLICATIONS_WITH_COUNTS'\nexport const RESET_APPLICATIONS = 'RESET_APPLICATIONS'\nexport const SET_CLAIMING_EVENTS = 'SET_CLAIMING_EVENTS'\nexport const EVENTS_UPDATE = 'EVENTS_UPDATE'\nexport const EDIT_APPLICATION = 'EDIT_APPLICATION'\nexport const APPLICATION_DELETED = 'APPLICATION_DELETED'\nexport const COUNT_UPDATE = 'COUNT_UPDATE'\nexport const UPDATE_INFO = 'UPDATE_INFO'\n\nexport const CLEAR_UNCLAIMED = 'CLEAR_UNCLAIMED'\nexport const FETCH_UNCLAIMED = 'FETCH_UNCLAIMED'\nexport const TOGGLE_GROUP_TYPE = 'TOGGLE_GROUP_TYPE'\n","import { CLEAR_UNCLAIMED, FETCH_UNCLAIMED, TOGGLE_GROUP_TYPE } from './Actions'\n\nimport { RULE_TYPES } from '../Constants'\n\nexport const unclaimedInit = {\n  unclaimedEvents: null,\n  groupType: RULE_TYPES.title,\n}\n\nconst reducer = (state, action) => {\n  const { payload } = action\n  switch (action.type) {\n    case CLEAR_UNCLAIMED: {\n      if (state.unclaimedEvents !== null)\n        return {\n          ...state,\n          unclaimedEvents: null,\n        }\n      else {\n        return state\n      }\n    }\n    case FETCH_UNCLAIMED: {\n      return {\n        ...state,\n        unclaimedEvents: payload.unclaimedEvents,\n      }\n    }\n    case TOGGLE_GROUP_TYPE:\n      return { ...state, groupType: payload }\n    default:\n      throw new Error()\n  }\n}\n\nexport default reducer\n","import { sortBy } from 'lib/Sort'\nimport {\n  ADD_WEB_APPLICATION,\n  SET_CLAIMING_EVENTS,\n  GOT_APPLICATIONS_WITH_COUNTS,\n  RESET_APPLICATIONS,\n  EVENTS_UPDATE,\n  APPLICATION_DELETED,\n  EDIT_APPLICATION,\n  COUNT_UPDATE,\n  UPDATE_INFO,\n} from './Actions'\n\nexport const initialReducerState = Object.freeze({\n  applications: [],\n  updateClaimedFlag: false,\n  claimingEvents: new Set(), //of applicationIDs\n  editingApplication: null,\n  updated: false,\n})\n\nconst createApplicationRow = webApplication => {\n  return {\n    ...webApplication,\n    pattern: webApplication.titlePattern ? webApplication.titlePattern : webApplication.urlPattern,\n    loggedEvents: webApplication.loggedEvents || 0,\n    type: webApplication.titlePattern ? 'Title' : 'URL',\n  }\n}\n\n// removes appID if exist and adds appID if it doesn't from claimingEvents\nconst updateClaimingEvents = (appId, claimingEvents) => {\n  const newClaimingEvents = new Set(claimingEvents)\n  if (newClaimingEvents.has(appId)) newClaimingEvents.delete(appId)\n  else newClaimingEvents.add(appId)\n\n  return newClaimingEvents\n}\n\nexport const reducer = (state, action) => {\n  switch (action.type) {\n    case RESET_APPLICATIONS: {\n      return {\n        ...state,\n        applications: [...initialReducerState.applications],\n      }\n    }\n    case GOT_APPLICATIONS_WITH_COUNTS: {\n      const { applications } = action\n      return {\n        ...state,\n        applications: applications.map(createApplicationRow) || [],\n      }\n    }\n    case APPLICATION_DELETED: {\n      const applications = state.applications.filter(application => application.id !== action.application.id)\n      return {\n        ...state,\n        applications: applications,\n        claimingEvents: updateClaimingEvents(action.application.id, state.claimingEvents),\n        updateClaimedFlag: !state.updateClaimedFlag,\n      }\n    }\n    case ADD_WEB_APPLICATION: {\n      const { application } = action\n      const newApplications = state.applications\n\n      newApplications.push(createApplicationRow(application, []))\n      return {\n        ...state,\n        claimingEvents: updateClaimingEvents(application.id, state.claimingEvents),\n        updateClaimedFlag: !state.updateClaimedFlag,\n        applications: newApplications.sort(sortBy('displayName')),\n      }\n    }\n    case COUNT_UPDATE: {\n      const applications = state.applications.map(application => {\n        // find application in action.counts\n        return {\n          ...application,\n          loggedEvents:\n            action.counts[application.id] === null ? application.loggedEvents : action.counts[application.id],\n        }\n      })\n      return {\n        ...state,\n        applications,\n      }\n    }\n    case EVENTS_UPDATE: {\n      const { application, loggedEvents, firstSeenAt } = action\n      const newApplications = state.applications || []\n\n      const index = newApplications.findIndex(({ id }) => id === application.id)\n      if (index === -1) return state\n      state.applications[index].loggedEvents = loggedEvents\n      state.applications[index].firstSeenAt = firstSeenAt\n      return {\n        ...state,\n        claimingEvents: updateClaimingEvents(state.applications[index].id, state.claimingEvents),\n        updateClaimedFlag: !state.updateClaimedFlag,\n        applications: newApplications,\n      }\n    }\n    case SET_CLAIMING_EVENTS: {\n      /* sets claimingEvents set */\n      return {\n        ...state,\n        claimingEvents: updateClaimingEvents(action.appId, state.claimingEvents),\n      }\n    }\n    case EDIT_APPLICATION: {\n      const newApplications = state.applications\n      const index = newApplications.findIndex(app => app.id === action.application.id)\n      if (index === -1) return state\n      newApplications[index] = createApplicationRow(action.application, [])\n      return {\n        ...state,\n        applications: newApplications,\n        editingApplication: null,\n        updateClaimedFlag: !state.updateClaimedFlag,\n      }\n    }\n    case UPDATE_INFO: {\n      return {\n        ...state,\n        updated: !state.updated,\n      }\n    }\n    default:\n      return state\n  }\n}\n","import { theme } from '@fortressiq/fiq-ds'\n\nexport const tableContainerConfig = {\n  style: {\n    background: theme.white,\n    borderTop: `1px solid ${theme['antd-card-border']}`,\n    '> div .fiqds-spin-container': {\n      zIndex: theme['z-base-above'],\n    },\n    '> div .fiqds-table-thead': {\n      background: theme.white,\n      position: 'sticky',\n      top: 0,\n      zIndex: theme['z-base-above'],\n    },\n    '> .fiqds-table-pagination-container': {\n      background: theme.white,\n      borderTop: `1px solid ${theme['antd-card-border']}`,\n      bottom: 0,\n      position: 'sticky',\n      zIndex: theme['z-base-above'],\n    },\n  },\n  as: 'div',\n}\n\nexport const splitPaneStyle = () => ({\n  '& > .Pane': {\n    height: '100%',\n    overflow: 'auto',\n  },\n})\n","import React from 'react'\nimport { withRouter, Link } from 'react-router-dom'\nimport stringSimilarity from 'string-similarity'\n\nimport { routes } from 'app/AppRoutes'\nimport { useUserState } from 'context/UserContext'\nimport checkAllowedRoutes from 'lib/checkAllowedRoutes'\nimport uiStore from 'lib/UiStore'\n\nimport css from './notFound.scss'\n\nconst NotFound = ({ location }) => {\n  const { roles } = useUserState()\n  const [allowedRoutes] = checkAllowedRoutes(routes, roles, uiStore.tenant)\n  const availablePaths = allowedRoutes.map(({ path }) => path)\n  const {\n    bestMatch: { target },\n  } = stringSimilarity.findBestMatch(location.pathname, availablePaths)\n\n  const [match] = location.pathname.match(/(\\d+)$/) || [1]\n  const to = target.replace(/\\?$/, '').replace(/:id$/, match)\n  const possibleRoute = window.location.origin + to\n\n  return (\n    <div className={css.notFound}>\n      <h2 className={css.fourohfour}>404</h2>\n      <p className={css.routeNotFound}>Unknown route</p>\n      <p>\n        Did you mean <Link to={to}>{possibleRoute}</Link>?\n      </p>\n    </div>\n  )\n}\n\nexport default withRouter(NotFound)\n","import React from 'react'\n\n/**************************************\n * Wrapper Component that detects a click outside\n * props:  callback -- function to execute on clicking outside\n *         styles -- style this component\n *         className -- add style by className\n *         children -- this.props.children (this is a wrapper component)\n ****************************************/\nclass ClickOutside extends React.Component {\n  constructor(props) {\n    super(props)\n    this.element = React.createRef()\n  }\n\n  componentDidMount() {\n    document.addEventListener('click', this.onClick, false)\n  }\n\n  componentWillUnmount() {\n    document.removeEventListener('click', this.onClick, false)\n  }\n\n  render() {\n    const { styles, className, children } = this.props\n\n    return (\n      <div style={styles} className={className} ref={this.element}>\n        {children}\n      </div>\n    )\n  }\n\n  onClick = e => {\n    const { callback } = this.props\n    if (this.element.current && !this.element.current.contains(e.target)) {\n      callback()\n    }\n  }\n}\n\nexport default ClickOutside\n","import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { Button, Icon, TextArea, theme, Tooltip } from '@fortressiq/fiq-ds'\n\nimport css from './comment.scss'\n\nconst Comment = ({ saveComment, comments, buttonText, style }) => {\n  const [isInputVisible, setIsInputVisible] = useState(false)\n  return isInputVisible ? (\n    <TextArea\n      style={{ ...style }}\n      rows='2'\n      autoFocus={true}\n      onClick={e => e.stopPropagation()}\n      onBlur={e => {\n        saveComment(e.target.value || '')\n        setIsInputVisible(false)\n      }}\n      onKeyDown={e => {\n        if (e.keyCode === 13) {\n          saveComment(e.target.value || '')\n          setIsInputVisible(false)\n        }\n      }}\n      defaultValue={comments || ''}\n    />\n  ) : (\n    <div>\n      {comments ? (\n        <div className={css.flexCenter} style={{ ...style }}>\n          <div className={css.editTrigger}>\n            <Tooltip title='edit'>\n              <Icon\n                onClick={e => {\n                  setIsInputVisible(true)\n                  e.stopPropagation()\n                }}\n                icon='edit'\n                size={15}\n              />\n            </Tooltip>\n          </div>\n          <p className={css.listComment}>{comments}</p>\n        </div>\n      ) : (\n        <Button\n          onClick={e => {\n            setIsInputVisible(true)\n            e.stopPropagation()\n          }}\n          style={{\n            background: theme.white,\n            borderStyle: 'dashed',\n          }}\n        >\n          <Icon icon='add' size={14} style={{ marginRight: '4px' }} />\n          {buttonText}\n        </Button>\n      )}\n    </div>\n  )\n}\n\nComment.defaultProps = {\n  comments: undefined,\n  buttonText: 'Add comment',\n}\n\nComment.propTypes = {\n  saveComment: PropTypes.func.isRequired,\n  comments: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n  buttonText: PropTypes.string,\n}\n\nexport default Comment\n","import React from 'react'\nimport { bool, oneOfType, number, string } from 'prop-types'\nimport { Icon, Tooltip, theme, useFela } from '@fortressiq/fiq-ds'\n\nimport { getObserverPermissions } from 'lib/NeoUtils'\n\nimport { containerBackground, textContainer } from './styles'\n\nexport const isDisabledScreenshot = event => {\n  if (!event) return false\n  if (typeof event.neoCaptureStatusCode === 'undefined' || event.neoCaptureStatusCode === null) return false\n  return !getObserverPermissions(event.neoCaptureStatusCode).screenshot\n}\n\nconst DisabledScreenshot = ({ dark = false, iconSize, fontSize, iconHeight, containerHeight }) => {\n  const { css } = useFela({ dark, containerHeight, fontSize })\n\n  return (\n    <Tooltip title='Screenshot capture disabled for Observer.'>\n      <div className={css(containerBackground)}>\n        <Icon icon='noimage' size={iconSize} height={iconHeight} />\n        <div className={css(textContainer)}>Screenshots Disabled</div>\n      </div>\n    </Tooltip>\n  )\n}\n\nDisabledScreenshot.propTypes = {\n  dark: bool,\n  iconSize: oneOfType([number, string]),\n  fontSize: oneOfType([number, string]),\n  iconHeight: oneOfType([number, string]),\n  containerHeight: oneOfType([number, string]),\n}\n\nDisabledScreenshot.defaultProps = {\n  dark: false,\n  iconSize: 'full',\n  fontSize: theme['font-size-large'],\n  iconHeight: undefined,\n  containerHeight: '100%',\n}\n\nexport default DisabledScreenshot\n","import { helpers, theme } from '@fortressiq/fiq-ds'\n\nconst { addPXSuffix } = helpers\n\nconst backgroundLight = `repeating-linear-gradient(45deg, ${theme.white}, ${theme['field-bg-dark']} 1px, ${theme.white} 0, ${theme.white} ${theme['default-spacer-xs']})`\nconst backgroundDark = `repeating-linear-gradient(45deg, ${theme['gray-tints-14']}, ${theme['gray-tints-6']} 1px, ${theme['gray-tints-14']} 0, ${theme['gray-tints-14']} ${theme['default-spacer-xs']})`\nconst borderLight = `2px solid ${theme['gray-tints-11']}`\nconst borderDark = `2px solid ${theme['ui-line-default']}`\n\nexport const containerBackground = ({ dark, containerHeight }) => {\n  const backgroundCSS = dark ? backgroundDark : backgroundLight\n  const borderCSS = dark ? borderDark : borderLight\n\n  return {\n    alignItems: 'center',\n    background: backgroundCSS,\n    border: borderCSS,\n    display: 'flex',\n    flexDirection: 'column',\n    height: addPXSuffix(containerHeight),\n    justifyContent: 'center',\n    overflow: 'hidden',\n    padding: theme['default-spacer-md'],\n    position: 'relative',\n    width: '100%',\n  }\n}\n\nexport const textContainer = ({ dark, fontSize }) => ({\n  color: dark ? theme.white : theme['text-dark'],\n  fontSize: fontSize,\n  fontWeight: '600',\n  marginTop: theme['default-spacer-sm'],\n  textAlign: 'center',\n})\n","import React, { useState, useRef, useCallback, useLayoutEffect, useEffect, createContext, useMemo } from 'react'\nimport { useNotification } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\n\nconst loadLimit = 12 // # of events to request from api\nconst uniqifyEvents = events => Object.values(events.reduce((acc, cur) => ({ ...acc, [cur.id]: cur }), {}))\nexport const Context = createContext(null)\nexport const { Consumer } = Context\n\nexport const Provider = ({ children, eventId }) => {\n  const eventSliderRef = useRef(null)\n  const [isLoading, setIsLoading] = useState(true)\n  const [activeSlideIndex, setActiveSlideIndex] = useState(loadLimit)\n  const [events, setEvents] = useState([])\n  const [hasMore, setHasMore] = useState({ prev: true, next: true })\n  const { addNotification } = useNotification()\n\n  const setScrollPosition = useCallback(\n    (index = loadLimit, shouldAnimate = false) => {\n      const activeSlide = eventSliderRef.current.children[index]\n      if (activeSlide) {\n        eventSliderRef.current.scrollTo({\n          left: activeSlide.offsetLeft,\n          behavior: shouldAnimate ? 'smooth' : 'auto',\n        })\n      }\n    },\n    [eventSliderRef]\n  )\n\n  const setActive = useCallback(\n    slideIndex => {\n      setActiveSlideIndex(slideIndex)\n      setScrollPosition(slideIndex, true)\n    },\n    [setScrollPosition, setActiveSlideIndex]\n  )\n  const nextSlide = () => {\n    const newIndex = activeSlideIndex + 1\n    setActive(newIndex)\n  }\n\n  const prevSlide = () => {\n    const newIndex = activeSlideIndex - 1\n    setActive(newIndex)\n  }\n\n  const loadMoreEvents = useCallback(\n    async (type = 'next') => {\n      setIsLoading(true)\n      const activeEvent = events[activeSlideIndex]\n      const {\n        data: { events: loadedEvents },\n      } = await api.get(`/event_logs/${activeEvent.id}/${type}`, { limit: loadLimit })\n      if (type === 'next') {\n        setEvents(uniqifyEvents([...events, ...loadedEvents]))\n        if (!loadedEvents.length) {\n          addNotification({ description: \"You've reached the end of this timeline\", message: 'Note', type: 'info' })\n          setHasMore({ ...hasMore, next: false })\n        }\n      } else {\n        if (loadedEvents.length) {\n          setActiveSlideIndex(loadLimit)\n          setScrollPosition(loadLimit, false)\n        } else {\n          addNotification({\n            description: \"You've reached the beginning of this timeline\",\n            message: 'Note',\n            type: 'info',\n          })\n          setHasMore({ ...hasMore, prev: false })\n        }\n        setEvents(uniqifyEvents([...loadedEvents, ...events]))\n      }\n      setIsLoading(false)\n    },\n    [events, activeSlideIndex, addNotification, hasMore, setScrollPosition]\n  )\n\n  const viewScreenshot = () => {\n    const activeSlide = events[activeSlideIndex]\n    const screenshot = window.open(`/screenshot/${activeSlide.id}`, '_blank')\n    screenshot.focus()\n  }\n\n  useLayoutEffect(() => {\n    setIsLoading(true)\n    api.get(`/event_logs/${eventId}/adjacent`, { limit: loadLimit }).then(({ data: { events: initialEvents } }) => {\n      setEvents(initialEvents)\n      setScrollPosition()\n      setIsLoading(false)\n    })\n  }, [eventSliderRef, setScrollPosition, eventId, setEvents])\n\n  useEffect(() => {\n    if (activeSlideIndex === 0 && hasMore.prev) {\n      loadMoreEvents('prev')\n    } else if (activeSlideIndex === events.length - 1 && hasMore.next) {\n      loadMoreEvents('next')\n    }\n  }, [activeSlideIndex, events, loadMoreEvents, setActive, hasMore])\n\n  const value = useMemo(() => ({\n    activeEvent: events[activeSlideIndex] || {},\n    activeSlideIndex,\n    events,\n    eventSliderRef,\n    isLoading,\n    nextSlide,\n    prevSlide,\n    setActive,\n    setActiveSlideIndex,\n    viewScreenshot,\n  }))\n\n  return <Context.Provider value={value}>{children}</Context.Provider>\n}\n","import React, { useEffect, useRef, useContext } from 'react'\nimport KeyDown, { Keys } from 'react-keydown'\n\nimport css from './eventTimeline.scss'\nimport { Provider, Context } from './Context'\nimport Slider from './Slider'\nimport SlideDetails from './SlideDetails'\n\nconst { LEFT, RIGHT, ENTER } = Keys\n\nconst EventTimeline = ({ eventId }) => {\n  return (\n    <Provider eventId={eventId}>\n      <EventTimelineContents />\n    </Provider>\n  )\n}\n\nconst EventTimelineContents = KeyDown([LEFT, RIGHT, ENTER])(({ keydown: { event: keyDownEvent } }) => {\n  const { prevSlide, nextSlide, viewScreenshot } = useContext(Context)\n  const timelineRef = useRef(null)\n\n  useEffect(() => {\n    const changeSlideMap = {\n      [LEFT]: prevSlide,\n      [RIGHT]: nextSlide,\n      [ENTER]: viewScreenshot,\n    }\n    if (keyDownEvent && keyDownEvent.which) {\n      changeSlideMap[keyDownEvent.which]()\n    }\n  }, [keyDownEvent, prevSlide, nextSlide, viewScreenshot])\n\n  return (\n    <div className={css.eventTimeline} ref={timelineRef} tabIndex='-1'>\n      <div className={css.sliderMain}>\n        <Slider />\n        <SlideDetails />\n      </div>\n    </div>\n  )\n})\n\nexport default EventTimeline\n","import React, { useContext } from 'react'\n\nimport UnredactedImageWithOption from 'components/image/UnredactedImageWithOption'\n\nimport { Context } from './Context'\nimport css from './eventTimeline.scss'\nimport { imageContainerCss } from './styles'\n\nconst Slide = ({ event: { screenshotUrl } }) => {\n  const { viewScreenshot } = useContext(Context)\n  return (\n    <div className={css.slide} onClick={viewScreenshot}>\n      <div className={css.imgWrap}>\n        <UnredactedImageWithOption src={screenshotUrl} containerCss={imageContainerCss} />\n      </div>\n    </div>\n  )\n}\n\nexport default Slide\n","import React, { useContext, useState } from 'react'\nimport startCase from 'lodash/startCase'\nimport { Button, ButtonGroup, Icon } from '@fortressiq/fiq-ds'\n\nimport { useInterval } from 'lib/hooks'\nimport WindowFocusHandler from 'components/WindowFocusHandler/WindowFocusHandler'\n\nimport css from './eventTimeline.scss'\nimport { Context } from './Context'\n\nconst SlideDetails = () => {\n  const { prevSlide, nextSlide, activeEvent } = useContext(Context)\n  const { id, application, title, field, observedAt: eventObservedAt = new Date() } = activeEvent\n  const observedAt = new Date(eventObservedAt).toLocaleString('en-us')\n  const details = { id, application, title, field, observedAt }\n  const [isPlaying, setIsPlaying] = useState(false)\n\n  useInterval(\n    () => {\n      nextSlide()\n    },\n    isPlaying ? 1500 : null\n  )\n\n  return (\n    <WindowFocusHandler onBlur={() => setIsPlaying(false)}>\n      <div className={css.eventDetails}>\n        <ul>\n          {Object.entries(details).map(([key, val]) => {\n            return (\n              !!val && (\n                <li key={`event-${id}-${key}`}>\n                  <strong>{startCase(key)}</strong>\n                  {val}\n                </li>\n              )\n            )\n          })}\n        </ul>\n        <div>\n          <ButtonGroup>\n            <Button onClick={prevSlide} type='secondary'>\n              <Icon icon='backward' size='nested' />\n            </Button>\n            <Button onClick={() => setIsPlaying(!isPlaying)} type='secondary'>\n              {isPlaying ? <Icon icon='stop' size='nested' /> : <Icon icon='play' size='nested' />}\n            </Button>\n            <Button onClick={nextSlide} type='secondary'>\n              <Icon icon='forward' size='nested' />\n            </Button>\n          </ButtonGroup>\n        </div>\n      </div>\n    </WindowFocusHandler>\n  )\n}\n\nexport default SlideDetails\n","import React, { useContext, useEffect } from 'react'\n\nimport css from './eventTimeline.scss'\nimport { Context } from './Context'\nimport Slide from './Slide'\n\nconst Slider = () => {\n  const { setActive, eventSliderRef, events } = useContext(Context)\n\n  useEffect(() => {\n    let isScrolling\n    const sliderRef = eventSliderRef.current\n    const scrollHandler = () => {\n      window.clearTimeout(isScrolling)\n      // derive active slide index from scroll position\n      const onScrollStop = () => setActive(Math.round(sliderRef.scrollLeft / sliderRef.offsetWidth))\n      isScrolling = setTimeout(onScrollStop, 150)\n    }\n    sliderRef.addEventListener('scroll', scrollHandler, false)\n\n    return () => sliderRef.removeEventListener('scroll', scrollHandler, false)\n  }, [eventSliderRef, setActive])\n\n  return (\n    <div className={css.slider} ref={eventSliderRef}>\n      {events.map((event, slideIndex) => {\n        return (\n          <Slide\n            key={`event-timeline-slide-${event.id}`}\n            {...{\n              event,\n              slideIndex,\n            }}\n          />\n        )\n      })}\n    </div>\n  )\n}\n\nexport default Slider\n","/* eslint-disable import/prefer-default-export */\nexport const imageContainerCss = () => ({ height: '100%' })\n","import React, { useState } from 'react'\nimport { arrayOf, shape, string, bool, func, object } from 'prop-types'\nimport { defaultModalConfig, Overlay, theme, useModal, useNotification } from '@fortressiq/fiq-ds'\nimport { useGetSetState, useUpdateEffect } from 'react-use'\n\nimport { FLASH_LEVELS } from 'components/flash/Flash'\nimport Modal from './Modal'\n\nimport exportTypes from './exportTypes'\n\nconst ExportButton = ({\n  allColumns,\n  buttonText,\n  defaultColumns,\n  defaultExportName,\n  options,\n  exportType,\n  exportCallback: globalExportCallback,\n  callbackStore,\n}) => {\n  const [showing, setShowing] = useState(false)\n  const [get, setState] = useGetSetState({\n    columns: defaultColumns,\n    currentExport: {},\n    isExporting: false,\n    progress: null,\n    name: defaultExportName,\n    showColumns: false,\n    step: 'Starting Export',\n  })\n  const { addNotification } = useNotification()\n  const { addModal, removeModal } = useModal()\n\n  // If columns is updated, update state:\n  useUpdateEffect(() => {\n    setState({ ...get(), columns: defaultColumns })\n  }, [defaultColumns])\n\n  // If name is updated, update state:\n  useUpdateEffect(() => {\n    setState({ ...get(), name: defaultExportName })\n  }, [defaultExportName])\n\n  let callbackId = null\n\n  const onProgress = ({ progress, step }) => {\n    progress = parseFloat(progress)\n\n    if (progress === 100) {\n      setState({ ...get(), isExporting: false, progress, step })\n      callbackStore.remove(callbackId, onProgress)\n      if (globalExportCallback) globalExportCallback()\n      return\n    }\n\n    setState({ ...get(), progress, step })\n  }\n\n  const closeModal = () => removeModal(modalID)\n\n  const exportFile = () => {\n    const { exportArgs, exportCallback } = get().currentExport\n\n    closeModal()\n\n    setState({ ...get(), isExporting: true })\n\n    addNotification({\n      autoClose: 3000,\n      description: `Starting export for \"${get().name}\".`,\n      message: 'Exporting',\n      type: FLASH_LEVELS.INFO,\n    })\n\n    if (exportType === 'event') callbackId = callbackStore.add(onProgress, undefined, true)\n\n    const params = {\n      ...(!!exportArgs && { ...exportArgs }),\n      exportName: get().name,\n      callbackId,\n      ...(exportType === 'event' ? { fields: get().columns } : null),\n    }\n\n    exportTypes[exportType](params)\n    setState({ ...get(), currentExport: null })\n\n    if (exportType !== 'event') {\n      if (exportCallback) exportCallback()\n      setState({ ...get(), isExporting: false })\n    }\n  }\n\n  const modalID = 'export-file-modal'\n  const modalZIndex = parseInt(theme['z-modal-above'], 10)\n\n  const exportModalOptions = {\n    children: (\n      <Modal allColumns={allColumns} closeModal={closeModal} exportFile={exportFile} setState={setState} state={get} />\n    ),\n    config: { ...defaultModalConfig, interactWithKeyboard: false },\n    footer: false,\n    header: false,\n    id: modalID,\n    style: { maxWidth: '500px' },\n    zIndex: modalZIndex,\n  }\n\n  const myOptions = options.map(({ disabled, onClick, text, showColumns, tooltip }, index) => ({\n    disabled,\n    onClick: e => {\n      setState({\n        ...get(),\n        currentExport: options[index],\n        showColumns: showColumns,\n      })\n      if (onClick) {\n        onClick(e)\n      }\n\n      return addModal(exportModalOptions)\n    },\n    tooltip,\n    text,\n  }))\n\n  const exportMessage = get().progress ? `${get().step}… ${get().progress}` : 'Exporting...'\n  const exportButtonText = get().isExporting ? exportMessage : buttonText\n  const trigger = {\n    showing: showing,\n    setShowing: setShowing,\n    text: exportButtonText,\n    type: 'default',\n  }\n\n  const heights = {\n    max: 38 * 3,\n  }\n  const widths = {\n    max: 230,\n    min: 230,\n    width: 230,\n  }\n\n  const overlayZIndex = modalZIndex - 2\n\n  return (\n    <Overlay\n      dropdownStyle={{ zIndex: modalZIndex - 1 }}\n      heights={heights}\n      id='export-button-overlay'\n      menu={myOptions}\n      trigger={trigger}\n      widths={widths}\n      zIndex={overlayZIndex}\n    />\n  )\n}\n\nExportButton.propTypes = {\n  options: arrayOf(\n    shape({\n      text: string.isRequired,\n      disabled: bool,\n      exportCallback: func,\n      // eslint-disable-next-line react/forbid-prop-types\n      exportArgs: object,\n    })\n  ).isRequired,\n  buttonText: string.isRequired,\n  defaultExportName: string,\n  exportType: string,\n  callbackStore: shape({}).isRequired,\n}\n\nExportButton.defaultProps = {\n  defaultExportName: '',\n  exportType: 'event',\n}\n\nexport default ExportButton\n","import React, { useState } from 'react'\nimport { bool, func, object, shape, string } from 'prop-types'\nimport { defaultModalConfig, MenuItem, useModal, useNotification } from '@fortressiq/fiq-ds'\nimport { useGetSetState } from 'react-use'\n\nimport { FLASH_LEVELS } from 'components/flash/Flash'\n\nimport api from 'lib/Api'\nimport uiStore from 'lib/UiStore'\n\nimport { addPXSuffix } from 'helpers'\nimport exportTypes from './exportTypes'\n\nimport EventExportModal from './Modal'\n\nimport { getColumns } from '../../app/events/EventColumns'\n\nconst ExportMenuItem = ({\n  customExportAjax,\n  exportType,\n  itemText,\n  exportAPI,\n  exportArgs,\n  exportName: name,\n  exportCallback,\n  callbackStore,\n  modalMaxWidth = 400,\n  showColumns,\n  ...props\n}) => {\n  const isLite = uiStore?.tenant?.isLite\n  const [exportState, setExportState] = useState({\n    progress: null,\n    step: 'Starting Export',\n  })\n  const [isExporting, setIsExporting] = useState(false)\n  const { addModal, removeModal } = useModal()\n  const { addNotification } = useNotification()\n  const [get, setState] = useGetSetState({\n    columns: getColumns(isLite).map(c => c.dataKey),\n    name: name || exportArgs.exportName || exportArgs.name,\n    showColumns: showColumns,\n  })\n\n  const modalId = 'export-modal'\n  const closeModal = () => removeModal(modalId)\n\n  let callbackId = null\n\n  const exportNotification = fileNameExport =>\n    addNotification({\n      autoClose: 3000,\n      description: `Starting export for \"${fileNameExport}\".`,\n      message: 'Exporting',\n      type: FLASH_LEVELS.INFO,\n    })\n\n  const onProgress = ({ progress, step }) => {\n    progress = parseFloat(progress)\n    if (progress === 100) {\n      setIsExporting(false)\n      setExportState({ progress, step })\n      callbackStore.remove(callbackId, onProgress)\n      if (exportCallback) exportCallback()\n      return\n    }\n    setExportState({ progress, step })\n  }\n\n  //used when this component handles the entire export\n  const exportFile = async () => {\n    closeModal()\n\n    if (exportType === 'event') callbackId = callbackStore.add(onProgress, undefined, true)\n    const params = {\n      ...exportArgs,\n      exportName: get().name,\n      callbackId,\n      ...(exportType === 'event' ? { fields: get().columns } : null),\n    }\n\n    // TEMP: do not allow for start and end signatures\n    if (params?.filter?.rules) {\n      params.filter.rules = params.filter.rules.filter(\n        rule => rule.field !== 'start_screen_signature' && rule.field !== 'end_screen_signature'\n      )\n    }\n\n    exportNotification(get().name)\n    setIsExporting(true)\n\n    const data = await exportTypes[exportType](params)\n\n    if (exportType !== 'event') {\n      if (exportCallback) exportCallback(data)\n      setIsExporting(false)\n    }\n  }\n\n  //used when the end point is a custom one only\n  // this component handles the rest\n  // when prop exportAPI is given\n  const exportFileCustomAPI = () => {\n    closeModal()\n    callbackId = callbackStore.add(args => {\n      setIsExporting(false)\n      exportCallback(args)\n    })\n    const params = { ...exportArgs, exportName: get().name, callbackId }\n\n    // TEMP: do not allow for start and end signatures\n    if (params?.filter?.rules) {\n      params.filter.rules = params.filter.rules.filter(\n        rule => rule.field !== 'start_screen_signature' && rule.field !== 'end_screen_signature'\n      )\n    }\n\n    exportNotification(get().name)\n    setIsExporting(true)\n\n    api.post(exportAPI, params)\n  }\n\n  //used when complete flow is decided outside this component\n  // when prop customExportAjax is given\n  const customExportFile = async () => {\n    const params = { ...exportArgs, exportName: get().name }\n    exportNotification(get().name)\n    setIsExporting(true)\n    const data = await customExportAjax(params)\n\n    if (exportCallback) exportCallback(data)\n    setIsExporting(false)\n  }\n\n  const exportMessage = exportState.progress ? `${exportState.step}… ${exportState.progress}` : 'Exporting...'\n\n  const text = isExporting ? exportMessage : itemText\n\n  let exportFileMethod = exportFile\n  if (exportAPI) exportFileMethod = exportFileCustomAPI\n  if (customExportAjax) exportFileMethod = customExportFile\n\n  return (\n    <MenuItem\n      {...props}\n      disabled={isExporting}\n      key='export-menu-item'\n      onClick={() =>\n        addModal({\n          children: (\n            <EventExportModal\n              closeModal={closeModal}\n              exportFile={exportFileMethod}\n              setState={setState}\n              state={get}\n              title={`Export ${get().name}`}\n            />\n          ),\n          config: { ...defaultModalConfig, interactWithKeyboard: false },\n          footer: false,\n          header: false,\n          id: modalId,\n          style: { maxWidth: addPXSuffix(modalMaxWidth) },\n        })\n      }\n    >\n      {text}\n    </MenuItem>\n  )\n}\n\nExportMenuItem.propTypes = {\n  itemText: string.isRequired,\n  callbackStore: shape({}).isRequired,\n  exportAPI: string,\n  // eslint-disable-next-line react/forbid-prop-types\n  exportArgs: object,\n  exportCallback: func,\n  exportName: string,\n  customExportAjax: func,\n  exportType: string,\n  showColumns: bool,\n}\n\nExportMenuItem.defaultProps = {\n  exportAPI: null,\n  exportCallback: null,\n  exportName: '',\n  customExportAjax: null,\n  exportType: 'event',\n  exportArgs: {},\n  showColumns: false,\n}\n\nexport default ExportMenuItem\n","import React, { Fragment, useState } from 'react'\nimport { Checkbox, Col, Group, Icon, Input, Label, Row, theme, Typography } from '@fortressiq/fiq-ds'\nimport { useUpdateEffect } from 'react-use'\n\nimport uiStore from 'lib/UiStore'\nimport { getColumns } from '../../app/events/EventColumns'\n\nexport default ({ allColumns, closeModal, exportFile, setState, state, title }) => {\n  const isLite = uiStore?.tenant?.isLite\n  // Allow ability to change checkboxes\n  const colArray = allColumns || getColumns(isLite)\n  const [disabled, setDisabled] = useState(state()?.name.length === 0)\n  const inputId = 'export-name-input'\n\n  const handleNameChange = ({ target: { value } }) => {\n    setDisabled(value.length === 0)\n    setState({ ...state(), name: value })\n  }\n  const handleCheck = (e, dataKey) => {\n    if (+e === 0) {\n      setState({ ...state(), columns: state().columns.filter(c => c !== dataKey) })\n    } else {\n      setState({ ...state(), columns: [...state().columns, dataKey] })\n    }\n  }\n  const onSubmit = () => {\n    exportFile()\n  }\n\n  useUpdateEffect(() => setDisabled(state()?.exportName?.length === 0 || state()?.name?.length === 0), [state().name])\n\n  return (\n    <Fragment>\n      {(!!state()?.currentExport?.text || title) && (\n        <Row\n          as='header'\n          columns={[{ span: 11 }, { span: 1 }]}\n          margin={[theme['default-spacer-xs'], 0, theme['default-spacer-xs']]}\n          noOfCols={12}\n          type='grid'\n        >\n          <Col>\n            <Typography.Title level={3} style={{ fontSize: '22px' }}>\n              {state()?.currentExport?.text || title}\n            </Typography.Title>\n          </Col>\n          <Col\n            style={{\n              alignSelf: 'flex-start',\n              justifySelf: 'flex-end',\n              maxWidth: '40px',\n              paddingTop: theme['default-spacer-sm'],\n            }}\n          >\n            <Icon\n              className='fiqds-modal-closeIcon'\n              clickable={true}\n              color={theme.black}\n              icon='colorx'\n              onClick={closeModal}\n              size={16}\n              style={{ marginTop: `-${theme['default-spacer-sm']}` }}\n            />\n          </Col>\n        </Row>\n      )}\n      {state()?.showColumns && state().columns !== undefined && (\n        <Group\n          align='center'\n          colStyles={{ padding: theme['default-spacer-sm'] }}\n          gutter={16}\n          justify='flex-start'\n          noOfCols={12}\n          span={4}\n          style={{ marginBottom: theme['default-spacer-sm'] }}\n          type='flex'\n        >\n          {colArray.map(({ dataKey, header }, i) => (\n            <Checkbox\n              checked={state()?.columns?.indexOf(dataKey) > -1}\n              key={`check-${i}`}\n              onCheck={e => {\n                handleCheck(e, dataKey)\n              }}\n            >\n              {header}\n            </Checkbox>\n          ))}\n        </Group>\n      )}\n      <Label htmlFor={inputId}>Export Name</Label>\n      <Input\n        autoFocus={true}\n        button={true}\n        buttonProps={{\n          block: false,\n          children: 'Export',\n          disabled: disabled,\n          onClick: onSubmit,\n          type: 'primary',\n        }}\n        containerProps={{ style: { alignItems: 'flex-end' } }}\n        defaultValue={state()?.exportName || state()?.name}\n        id={inputId}\n        onChange={handleNameChange}\n        onEnter={onSubmit}\n        placeholder='Name of export'\n        style={{ marginTop: theme['default-spacer-sm'] }}\n      />\n    </Fragment>\n  )\n}\n","import api from 'lib/Api'\n\nconst exportTypes = {\n  event: args => api.post('/event_log_exports', args),\n  graph: args => api.get(`/graph_processes/${args.graphId}/export`, args),\n}\nexport default exportTypes\n","import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { Tooltip, Button, Icon, theme } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\n\nimport css from './favoriteToggle.scss'\n\nconst routeMap = {\n  graphProcess: 'graph_processes',\n  flowGraph: 'df_graph',\n  miningRun: 'mining_runs',\n}\n\nconst FavoriteToggle = ({ id, type, size, favorited, onChangeFavorite, className, buttonProps, tooltip = true }) => {\n  const [isFavorited, setIsFavorited] = useState(favorited)\n  const starColor = isFavorited ? theme['legacy-color-yellow'] : theme['legacy-color-gray1']\n\n  const handleClick = async () => {\n    if (routeMap[type]) {\n      setIsFavorited(!favorited)\n      const { data } = await api.post(`/${routeMap[type]}/${id}/favorite`)\n      setIsFavorited(data)\n      onChangeFavorite(data)\n    }\n  }\n\n  const Wrap = buttonProps ? props => <Button {...buttonProps} {...props} /> : 'div'\n  const icon = <Icon clickable={true} icon='star' size={size || 24} color={starColor} fill={starColor} />\n\n  return (\n    <Wrap className={classNames(css.favoriteWrap, className)} onClick={handleClick}>\n      {tooltip ? (\n        <Tooltip placement='right-center' title='Favorite'>\n          {icon}\n        </Tooltip>\n      ) : (\n        icon\n      )}\n    </Wrap>\n  )\n}\n\nFavoriteToggle.defaultProps = {\n  onChangeFavorite: () => null,\n  buttonProps: null,\n}\n\nFavoriteToggle.propTypes = {\n  id: PropTypes.number.isRequired,\n  type: PropTypes.string.isRequired,\n  favorited: PropTypes.bool.isRequired,\n  onChangeFavorite: PropTypes.func,\n  buttonProps: PropTypes.shape({ type: PropTypes.string }),\n}\n\nexport default FavoriteToggle\n","import React, { Fragment, useState } from 'react'\nimport Proptypes from 'prop-types'\nimport { Upload, useFela, Spin } from '@fortressiq/fiq-ds'\nimport { DirectUpload } from '@rails/activestorage'\n\nconst fileHash = {}\n\nconst FileDrop = ({\n  accept,\n  action,\n  beforeUpload,\n  directUpload,\n  fileSizeLimit,\n  onChange,\n  onComplete,\n  onCompleteAll,\n  onDropAccepted,\n  onError,\n  onProgress,\n  onRemove,\n  onStart,\n  ...props\n}) => {\n  const [fileList, setFileList] = useState([])\n  const [isUploading, setIsUploading] = useState(false)\n  const { renderer, theme } = useFela()\n\n  renderer.renderStatic({ zIndex: theme['z-modal-below'] }, '#layers')\n\n  const handleComplete = async event => {\n    await onDropAccepted(event)\n    onCompleteAll()\n    setIsUploading(false)\n  }\n\n  const handleProgress = file => {\n    setFileList(Object.values(fileHash))\n    onProgress(file)\n  }\n\n  const uploadProgress = file => ({\n    directUploadWillStoreFileWithXHR: ({ upload }) => {\n      const progressHandler = event => {\n        if (!fileHash[file.uid]) {\n          upload.removeEventListener('progress', progressHandler)\n          return null\n        }\n        const percent = Math.round((event.loaded / event.total) * 100)\n        fileHash[file.uid].percent = percent\n        handleProgress(fileHash[file.uid])\n        if (percent === 100) {\n          const timer = setTimeout(() => {\n            if (fileHash[file.uid]) {\n              fileHash[file.uid].status = 'done'\n              setFileList(Object.values(fileHash))\n            }\n            clearTimeout(timer)\n          }, 2000)\n        }\n      }\n      upload.addEventListener('progress', progressHandler)\n    },\n  })\n\n  const handleUpload = files => {\n    Array.from(files).forEach(f => {\n      setIsUploading(true)\n      const upload = new DirectUpload(f, '/rails/active_storage/direct_uploads', uploadProgress(f))\n\n      upload.create((error, response) => {\n        if (error) {\n          onError(error)\n        } else {\n          handleComplete(response)\n        }\n      })\n    })\n  }\n\n  const fileDropProps = { ...props }\n\n  if (directUpload) {\n    Object.assign(fileDropProps, {\n      fileList,\n      onDrop: handleUpload,\n    })\n  } else {\n    Object.assign(fileDropProps, { onDrop: onChange, onRemove, action })\n  }\n\n  return isUploading ? (\n    <Fragment>\n      <Spin size={60} />\n      Uploading File(s)\n    </Fragment>\n  ) : (\n    <Upload\n      accept={accept}\n      bordered={false}\n      maxSize={fileSizeLimit}\n      noDragEventsBubbling={true}\n      showDetails={true}\n      showThumbnails={false}\n      width='100%'\n      {...fileDropProps}\n    />\n  )\n}\n\nconst noop = () => null\n\nFileDrop.propTypes = {\n  onComplete: Proptypes.func,\n  onCompleteAll: Proptypes.func,\n  onError: Proptypes.func,\n  onProgress: Proptypes.func,\n  onRemove: Proptypes.func,\n  onStart: Proptypes.func,\n  /**\n   * fileSize in bytes\n   */\n  fileSizeLimit: Proptypes.number,\n}\n\nFileDrop.defaultProps = {\n  onComplete: noop,\n  onCompleteAll: noop,\n  onError: noop,\n  onProgress: noop,\n  onRemove: noop,\n  onStart: noop,\n  fileSizeLimit: 0,\n}\n\nexport default FileDrop\n","import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Overlay } from '@fortressiq/fiq-ds'\n\nimport { useFetch } from 'lib/hooks'\n\nimport handleIntegration from 'app/admin/integrations/helpers/handleIntegration'\n\nconst IntegrationsDropdown = ({ objectId, disabled, integrationType }) => {\n  const [showing, setShowing] = useState(false)\n\n  const { data: { integrations = [] } = {} } = useFetch(`/dynamic_integrations/${integrationType}/list`)\n\n  const options = integrations.map(integration => ({\n    disabled: disabled,\n    onClick: () => handleIntegration({ integrationId: integration.id, objectId: objectId }),\n    text: integration.title,\n  }))\n\n  const trigger = {\n    showing: showing,\n    setShowing: setShowing,\n    text: 'Integrations',\n    type: 'default',\n  }\n\n  const heights = {\n    max: 35 * 2,\n  }\n  const widths = {\n    max: 200,\n    min: 200,\n    width: 200,\n  }\n\n  if (integrations.length === 0) return null\n  return <Overlay heights={heights} id='integration-button-overlay' menu={options} trigger={trigger} widths={widths} />\n}\n\nexport default IntegrationsDropdown\n\nIntegrationsDropdown.defaultProps = {\n  disabled: false,\n}\n\nIntegrationsDropdown.propTypes = {\n  integrationType: PropTypes.oneOf(['application', 'cycle', 'event', 'mining_run', 'observer', 'process', 'tenant'])\n    .isRequired,\n  disabled: PropTypes.bool,\n  objectId: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport Loader from 'components/loaders/MainLoader'\n\nconst LoadingContainer = ({ loading, children }) => (loading ? <Loader /> : children)\n\nLoadingContainer.propTypes = {\n  loading: PropTypes.bool.isRequired,\n  children: PropTypes.node.isRequired,\n}\n\nexport default LoadingContainer\n","import React from 'react'\nimport { shape, string } from 'prop-types'\nimport { Alert } from '@fortressiq/fiq-ds'\nimport { useLocalStorage } from 'lib/hooks'\n\nconst localStorageKey = 'maintenance-banner'\n\nconst MaintenanceBanner = ({ maintenance }) => {\n  const { title, description } = maintenance\n  const [show, setShowing] = useLocalStorage(localStorageKey, true, true)\n  if (show) {\n    return (\n      <Alert\n        description={description}\n        message={title}\n        showIcon={true}\n        type='info'\n        closable={true}\n        onClose={() => setShowing(prev => !prev)}\n      />\n    )\n  }\n  return null\n}\n\nMaintenanceBanner.propTypes = {\n  maintenance: shape({\n    title: string,\n    description: string,\n  }),\n}\n\nexport default MaintenanceBanner\n","import React from 'react'\nimport { string, number, arrayOf, shape } from 'prop-types'\nimport { Group, Tag, theme } from '@fortressiq/fiq-ds'\nimport css from './panelMetrics.scss'\n\nconst PanelMetrics = ({ metrics, className = '', style }) => (\n  <div className={`${css.container} ${className}`} style={style}>\n    <Group>{metrics && metrics.map((metric, index) => <Metric metric={metric} key={`${index}metric`} />)}</Group>\n  </div>\n)\n\nexport const Metric = ({ metric, className = '' }) => (\n  <div className={`${css.metric} ${className}`}>\n    <span className={css.metricTitle}>{metric.title}</span>\n    <MetricTag>{metric.value}</MetricTag>\n  </div>\n)\n\nconst MetricTag = ({ children }) => (\n  <Tag color={theme['legacy-color-gray1']} className={css.tag}>\n    {children}\n  </Tag>\n)\n\nPanelMetrics.propTypes = {\n  metrics: arrayOf(\n    shape({\n      title: string,\n      metric: number,\n    })\n  ).isRequired,\n}\n\nexport default PanelMetrics\n","//TODO will be moved to DS\nimport React from 'react'\nimport { bool, object, oneOfType, shape, string } from 'prop-types'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { Link } from 'react-router-dom'\nimport { Icon, useFela } from '@fortressiq/fiq-ds'\n\nimport { sidebarEasing } from './Sidebar'\n\nimport { activeAccent, colors, iconWrap, menuItem, menuTitle } from './styles'\n\nconst MenuItem = ({ collapsedSidebar, item: { icon, to, label }, isActive }) => {\n  const { css } = useFela({\n    collapsedSidebar,\n    isActive,\n  })\n\n  return (\n    <Link className={css(menuItem)} data-id={`nav-${to}`} to={to}>\n      <div className={css(activeAccent)} />\n      <div className={css(iconWrap({ collapsedSidebar, isActive }))}>\n        {icon && (\n          <Icon\n            color={colors.color}\n            fill={colors.background}\n            icon={icon?.icon || icon}\n            size={18}\n            stroke='none'\n            {...(!!icon?.icon && icon)}\n          />\n        )}\n      </div>\n      <AnimatePresence initial={false}>\n        {!collapsedSidebar && (\n          <motion.span\n            key='content'\n            initial='closed'\n            animate='open'\n            exit='closed'\n            variants={{\n              open: { opacity: 1, transition: { duration: 0.6, ease: sidebarEasing } },\n              closed: { opacity: 0, transition: { duration: 0.3, ease: sidebarEasing } },\n            }}\n            className={css(menuTitle)}\n          >\n            {label}\n          </motion.span>\n        )}\n      </AnimatePresence>\n    </Link>\n  )\n}\n\nMenuItem.propTypes = {\n  collapsedSidebar: bool.isRequired,\n  item: shape({\n    label: string.isRequired,\n    icon: oneOfType([object, string]).isRequired,\n    to: string.isRequired,\n  }).isRequired,\n  isActive: bool.isRequired,\n}\n\nexport default MenuItem\n","// TODO will be moved to DS\n// TODO consider to move sidebar boxShadow value and sidebar width to DS\nimport React, { memo } from 'react'\nimport { Link } from 'react-router-dom'\nimport { Icon, useFela, theme } from '@fortressiq/fiq-ds'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { bool, func } from 'prop-types'\n\nimport { sidebarHeader, sidebarScroller, sidebarWrapper, widths } from './styles'\n\nexport const sidebarEasing = [0.04, 0.62, 0.23, 0.98]\nexport const sidebarVariants = {\n  open: { opacity: 1, transition: { duration: 0.6, ease: sidebarEasing } },\n  closed: { opacity: 0, transition: { duration: 0.3, ease: sidebarEasing } },\n}\nconst navVariants = {\n  open: { width: widths.open, boxShadow: '3px 2px 10px 0 rgba(154, 162, 178, .2)' },\n  collapsed: { width: widths.closed, boxShadow: '3px 2px 10px 0 rgba(154, 162, 178, 0)' },\n}\nconst navTransition = { duration: 0.3, ease: [0.04, 0.62, 0.23, 0.98] }\nconst md = theme['default-spacer-md']\nconst sm = theme['default-spacer-sm']\n\nconst Sidebar = ({ collapsedSidebar, setCollapsedSidebar, children }) => {\n  const { css } = useFela({\n    collapsedSidebar,\n  })\n  const trayDimension = 40\n  const scaleFactor = 2.3\n  const logoProps = {\n    height: collapsedSidebar ? trayDimension : 41 * scaleFactor,\n    icon: collapsedSidebar ? 'trayicon' : 'pddlogo',\n    size: 'full',\n    style: {\n      ...(collapsedSidebar ? { paddingLeft: sm } : { padding: `${sm} 0 ${md}` }),\n    },\n    width: collapsedSidebar ? trayDimension : 80 * scaleFactor,\n  }\n\n  return (\n    <motion.nav\n      animate={collapsedSidebar ? 'collapsed' : 'open'}\n      className={css(sidebarWrapper)}\n      initial='collapsed'\n      key='sidebar-wrapper'\n      onMouseEnter={() => setCollapsedSidebar(false)}\n      onMouseLeave={() => setCollapsedSidebar(true)}\n      transition={navTransition}\n      variants={navVariants}\n    >\n      <Link className={css(sidebarHeader)} to='/'>\n        <AnimatePresence initial={false}>\n          <Icon {...logoProps} />\n        </AnimatePresence>\n      </Link>\n      <div className={css(sidebarScroller)}>{children}</div>\n    </motion.nav>\n  )\n}\n\nSidebar.propTypes = {\n  collapsedSidebar: bool.isRequired,\n  setCollapsedSidebar: func.isRequired,\n}\n\nexport default memo(Sidebar)\n","//TODO will be moved to DS\nimport React, { useState, useEffect } from 'react'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { Icon, useFela } from '@fortressiq/fiq-ds'\nimport { bool, object, oneOfType, shape, string } from 'prop-types'\n\nimport { sidebarEasing, sidebarVariants } from './Sidebar'\nimport { iconWrap, menuItem, menuTitle, subMenu, subMenuArrow } from './styles'\n\nconst SubMenu = ({ children, collapsedSidebar, item: { icon, label }, isActive }) => {\n  const [isOpen, setIsOpen] = useState(!!isActive)\n  const [isHover, setIsHover] = useState(false)\n  const { css } = useFela({ collapsedSidebar, isActive, isHover, isOpen, isSubMenu: true })\n\n  useEffect(() => setIsOpen(!!isActive), [collapsedSidebar, isActive])\n\n  return (\n    <div\n      className={css({ position: 'relative' })}\n      data-id={`sub-nav-${label}`}\n      onMouseEnter={() => setIsHover(true)}\n      onMouseLeave={() => setIsHover(false)}\n    >\n      <div className={css(menuItem)} onClick={() => setIsOpen(!isOpen)}>\n        <Icon icon={isOpen ? 'arrowdown' : 'arrowright'} size={18} style={subMenuArrow({ collapsedSidebar })} />\n        <div className={css(iconWrap)}>\n          {icon && <Icon icon={icon?.icon || icon} size={18} {...(!!icon?.icon && icon)} />}\n        </div>\n        <AnimatePresence initial={false}>\n          {!collapsedSidebar && (\n            <motion.span\n              key='content'\n              initial='closed'\n              animate='open'\n              exit='closed'\n              variants={sidebarVariants}\n              className={css(menuTitle)}\n            >\n              {label}\n            </motion.span>\n          )}\n        </AnimatePresence>\n      </div>\n      <AnimatePresence initial={false}>\n        {!collapsedSidebar && isOpen && (\n          <motion.div\n            animate='open'\n            className={css(subMenu)}\n            exit='closed'\n            initial='closed'\n            key='content'\n            transition={{ duration: 0.2, ease: sidebarEasing }}\n            variants={{\n              open: { opacity: 1, height: 'auto' },\n              closed: { opacity: 0, height: 0 },\n            }}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  )\n}\n\nSubMenu.propTypes = {\n  collapsedSidebar: bool.isRequired,\n  item: shape({\n    label: string.isRequired,\n    icon: oneOfType([object, string]).isRequired,\n  }).isRequired,\n}\n\nexport default SubMenu\n","//TODO will be moved to DS\nimport React from 'react'\nimport { Link } from 'react-router-dom'\nimport { useFela } from '@fortressiq/fiq-ds'\nimport { bool, shape, string } from 'prop-types'\n\nimport { activeAccent, subMenuItem } from './styles'\n\nconst SubMenuItem = ({ item: { to, label }, isActive }) => {\n  const { css } = useFela({ isActive })\n\n  return (\n    <Link className={css(subMenuItem)} data-id={`nav-${to}`} key={`nav-${to}`} to={to}>\n      <span className={css(activeAccent)} />\n      <span>{label}</span>\n    </Link>\n  )\n}\n\nSubMenuItem.propTypes = {\n  item: shape({\n    to: string.isRequired,\n    label: string.isRequired,\n  }).isRequired,\n  isActive: bool.isRequired,\n}\n\nexport default SubMenuItem\n","//TODO will be moved to DS\nimport Sidebar from './Sidebar'\nimport MenuItem from './MenuItem'\nimport SubMenu from './SubMenu'\nimport SubMenuItem from './SubMenuItem'\n\nexport { Sidebar, MenuItem, SubMenu, SubMenuItem }\n","import { get, theme } from '@fortressiq/fiq-ds'\n\nimport { addImportant } from 'helpers'\nimport { ellipsisCSS } from 'styles/utils'\n\nexport const widths = {\n  closed: 48,\n  open: 240,\n}\nexport const padding = theme['default-spacer-sm']\n\nconst border = `1px solid ${theme['legacy-ant-card-border']}`\nexport const colors = {\n  accent: '#ffbc03',\n  active: {\n    background: theme.black,\n    color: theme.white,\n  },\n  background: '#333',\n  color: '#ccc',\n  hover: {\n    background: '#121212',\n  },\n}\n\nconst { md, sm, xs } = get.numericValues('spacer')\nconst height = xs * 10\n\nexport const sidebarHeader = ({ collapsedSidebar }) => ({\n  alignItems: 'center',\n  background: colors.background,\n  display: 'flex',\n  height: collapsedSidebar ? height : height * 2,\n  top: 0,\n  width: widths.open,\n  zIndex: theme['z-overdrive'],\n})\n\nexport const tenantName = {\n  color: colors.color,\n  display: 'inline-block',\n  fontSize: 18,\n  fontWeight: 500,\n  marginLeft: padding,\n  maxWidth: 150,\n  textTransform: 'capitalize',\n  ...ellipsisCSS(),\n}\n\nexport const sidebarWrapper = {\n  background: colors.background,\n  borderRight: border,\n  boxShadow: '3px 2px 10px 0 rgba(0, 0, 0, 0.1)',\n  height: '100vh',\n  left: 0,\n  overflow: 'hidden',\n  position: 'fixed',\n  top: 0,\n  width: widths.open,\n  zIndex: theme['z-modal-below'],\n  '& a': {\n    color: colors.color,\n    textDecoration: 'none',\n    ':hover': {\n      textDecoration: 'none',\n    },\n  },\n}\n\nexport const sidebarScroller = ({ collapsedSidebar }) => ({\n  height: '100%',\n  overflowX: 'visible',\n  overflowY: 'auto',\n  position: 'relative',\n  width: widths.open,\n  ...(collapsedSidebar\n    ? {\n        overflow: 'hidden',\n      }\n    : {\n        paddingTop: md,\n      }),\n  '&::-webkit-scrollbar': {\n    width: addImportant(0),\n  },\n})\n\nconst accentBorderRadius = 100\nexport const activeAccent = ({ isActive }) => ({\n  background: isActive ? colors.accent : 'transparent',\n  borderTopRightRadius: accentBorderRadius,\n  borderBottomRightRadius: accentBorderRadius,\n  display: 'inline-flex',\n  height: 24,\n  width: xs,\n})\n\nexport const subMenuArrow = ({ collapsedSidebar }) => ({\n  alignItems: 'start',\n  display: 'inline-flex',\n  transition: 'all 0.2s ease-in-out',\n  ...(collapsedSidebar\n    ? {\n        opacity: 0,\n        width: xs,\n      }\n    : { paddingLeft: sm - 2, opacity: 1 }),\n})\n\nconst hover = {\n  background: colors.hover.background,\n  color: colors.accent,\n  cursor: 'pointer',\n  '> a': {\n    color: colors.accent,\n  },\n}\nconst activeColor = {\n  color: colors.active.color,\n}\nexport const menuItem = ({ isActive, isOpen, isSubMenu }) => ({\n  alignItems: 'center',\n  color: colors.color,\n  display: 'flex',\n  fontSize: 14,\n  fontWeight: 600,\n  marginBottom: sm,\n  position: 'relative',\n  ...(isActive && !isSubMenu && colors.active),\n  ':hover': hover,\n  ...(isOpen &&\n    !isSubMenu && {\n      color: colors.active.color,\n      cursor: 'pointer',\n    }),\n})\n\nexport const subMenuItem = ({ isActive }) => ({\n  display: 'flex',\n  fontSize: 14,\n  padding: '6px 0',\n  transition: 'all 0.2s ease-in-out',\n  ':active, :focus': activeColor,\n  ':hover': hover,\n  ...(isActive && colors.active),\n  '> span:last-child': {\n    color: !isActive ? colors.color : colors.active.color,\n    lineHeight: '25px',\n    paddingLeft: 67,\n  },\n})\n\nexport const iconWrap = ({ collapsedSidebar, isActive, isSubMenu = false }) => ({\n  alignItems: 'center',\n  borderRadius: '50%',\n  color: colors.color,\n  display: 'flex',\n  height: 40,\n  justifyContent: 'center',\n  transition: 'all 0.2s ease-in-out',\n  width: 40,\n  '& svg': {\n    transition: 'all 0.2s ease-in-out',\n  },\n  ...(isActive && { color: colors.active.color }),\n  ...(!collapsedSidebar && !isSubMenu && { marginLeft: md }),\n})\n\nexport const subMenuTitle = {\n  '&.collapsed': {\n    display: 'none',\n    opacity: 0,\n  },\n}\n\nexport const menuTitle = ({ isActive }) => {\n  const active = {\n    color: colors.active.color,\n  }\n\n  return {\n    marginLeft: sm + xs,\n    ':hover': hover,\n    ...(isActive && active),\n  }\n}\n\nexport const subMenu = {\n  overflow: 'hidden',\n  '> a:last-child': {\n    marginBottom: sm + xs,\n  },\n}\n\nexport const collapseIcon = {\n  left: sm * 3,\n  position: 'absolute',\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Badge, Typography } from '@fortressiq/fiq-ds'\nimport getStatusColor from 'lib/statusMap'\n\nconst { Text } = Typography\n\nconst StatusBadge = ({ status, statusMessage }) => (\n  <Text ellipsis={true}>\n    <Badge status={getStatusColor(status)} />\n    {statusMessage || status}\n  </Text>\n)\n\nStatusBadge.defaultProps = {\n  status: undefined,\n  statusMessage: undefined,\n}\nStatusBadge.propTypes = {\n  status: PropTypes.string,\n  statusMessage: PropTypes.string,\n}\n\nexport default StatusBadge\n","import React, { useEffect } from 'react'\nimport Proptypes from 'prop-types'\nimport { Route, Redirect } from 'react-router-dom'\nimport ReactGA from 'react-ga'\n\nconst TrackedRoute = props => {\n  const {\n    location: {\n      pathname,\n      pathname: { page },\n    },\n    redirect,\n  } = props\n\n  useEffect(() => {\n    ReactGA.set({ page })\n    ReactGA.pageview(page)\n  }, [pathname, page])\n\n  if (redirect)\n    return (\n      <Route {...props}>\n        <Redirect {...props} to={redirect} />\n      </Route>\n    )\n\n  return <Route {...props} />\n}\n\nTrackedRoute.propTypes = {\n  location: Proptypes.string,\n  pathname: Proptypes.string,\n  page: Proptypes.string,\n  redirect: Proptypes.string,\n}\n\nexport default TrackedRoute\n","import React, { Fragment } from 'react'\nimport { Dropdown, Icon, useFela } from '@fortressiq/fiq-ds'\n\nconst ActionMenu = ({ menu, disabled }) => {\n  const containerID = 'trinityTable-actionMenu-dropdown-container'\n  const { css, theme } = useFela()\n\n  return (\n    <Fragment>\n      <div id={containerID} className={css({ zIndex: theme['z-modal-below'] })} />\n      <Dropdown\n        layer={{\n          auto: false,\n          container: containerID,\n          placement: 'bottom-end',\n          snap: false,\n          triggerOffset: 8,\n        }}\n        overlay={menu}\n        trigger={{ type: 'click' }}\n      >\n        <Icon clickable={true} icon='chevron' size='small' style={{ cursor: disabled ? 'not-allowed' : 'cursor' }} />\n      </Dropdown>\n    </Fragment>\n  )\n}\n\nexport default ActionMenu\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport Comment from 'components/Comment/Comment'\nimport { EditableLabel, AdvancedCell } from '@fortressiq/fiq-ds'\n\nconst EditableCell = ({ value, rowIndex, columnId, updateCellData, updateData, type }) => {\n  const saveData = newValue => {\n    updateData(newValue)\n    updateCellData(rowIndex, columnId, newValue)\n  }\n\n  if (type === 'comment') {\n    return <Comment saveComment={saveData} comments={value} />\n  }\n\n  return (\n    <EditableLabel\n      value={value}\n      render={AdvancedCell}\n      showEditIcon={false}\n      onUpdate={({ target: { value: newValue } }) => saveData(newValue)}\n    />\n  )\n}\n\nEditableCell.defaultProps = {\n  value: '',\n  type: undefined,\n}\n\nEditableCell.propTypes = {\n  value: PropTypes.string,\n  rowIndex: PropTypes.number.isRequired,\n  columnId: PropTypes.string.isRequired,\n  updateCellData: PropTypes.func.isRequired,\n  updateData: PropTypes.func.isRequired,\n  type: PropTypes.string,\n}\n\nexport default EditableCell\n","import React, { useEffect, useState } from 'react'\nimport { Select } from '@fortressiq/fiq-ds'\nimport { func, string, shape } from 'prop-types'\n\nimport { useFetch } from 'lib/hooks'\nimport { selectStyles } from './constants'\n\nconst Autocomplete = ({ url, params, placeholder, value, onChange, optionsLabelKey, optionsValueKey }) => {\n  const { data = [], isLoading } = useFetch(url, params)\n  const [selectOptions, setOptions] = useState([])\n  const [selectValue, setSelectValue] = useState() //component uses different data structure for value\n  const isDisabled = data.length === 0\n\n  useEffect(() => {\n    setOptions(\n      data.map(item => ({\n        label: item[optionsLabelKey],\n        value: item[optionsValueKey],\n      }))\n    )\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [data.length, optionsLabelKey, optionsValueKey])\n\n  // reset filter, transform values for component\n  useEffect(() => {\n    if (!value) setSelectValue(undefined)\n    else {\n      setSelectValue(selectOptions.filter(option => value?.includes(option.value)))\n    }\n  }, [selectOptions, value])\n\n  const onChangeHandler = values => {\n    onChange(values?.map(v => v.value))\n  }\n\n  return (\n    <Select\n      isDisabled={isDisabled}\n      isLoading={isLoading}\n      isMulti={true}\n      onChange={onChangeHandler}\n      options={selectOptions}\n      placeholder={placeholder}\n      styles={selectStyles}\n      value={selectValue}\n    />\n  )\n}\n\nAutocomplete.defaultProps = {\n  optionsLabelKey: 'label',\n  optionsValueKey: 'value',\n  params: undefined,\n}\n\nAutocomplete.propTypes = {\n  optionsLabelKey: string,\n  optionsValueKey: string,\n  url: string.isRequired,\n  params: shape({}),\n  placeholder: string.isRequired,\n  onChange: func.isRequired,\n}\n\nexport default Autocomplete\n","import React, { Fragment, useState } from 'react'\nimport { arrayOf, func, shape, string } from 'prop-types'\n\nimport { Button, DateTimePickerRange, Element, Label, Select, theme } from '@fortressiq/fiq-ds'\n\nimport Autocomplete from './Autocomplete'\nimport { selectStyles } from './constants'\n\nconst Filter = ({ handleFilterChange, setShowing, globalFilterOptions, controlledState }) => {\n  const [localFilter, setLocalFilter] = useState(controlledState.globalFilter || {})\n  const setDate = date => (date ? new Date(date) : undefined)\n  const [dates, setDates] = useState([\n    setDate(localFilter?.createdDates?.start),\n    setDate(localFilter?.createdDates?.end),\n  ])\n  const resetDates = () => setDates([undefined, undefined])\n\n  const handleApplyFilter = () => {\n    handleFilterChange(localFilter)\n    setShowing(false)\n  }\n\n  const handleResetFilter = () => {\n    handleFilterChange({})\n    setLocalFilter({})\n    resetDates()\n  }\n\n  const onDateChange = ([start, end]) => {\n    setDates([start, end])\n    setLocalFilter({\n      ...localFilter,\n      createdDates: { start: start || undefined, end: end || undefined },\n    })\n  }\n\n  const onCheckboxChange = (value, field) => {\n    setLocalFilter({\n      ...localFilter,\n      [field]: localFilter[field] ? undefined : value,\n    })\n  }\n\n  const onTypeaheadChange = (values, field) => {\n    setLocalFilter({\n      ...localFilter,\n      [field]: values?.length ? values : undefined,\n    })\n  }\n\n  const onSelectChange = (values, field) => {\n    setLocalFilter({\n      ...localFilter,\n      [field]: values?.value || undefined,\n    })\n  }\n\n  return (\n    <Element style={{ display: 'flex', flexWrap: 'wrap', width: 500 }}>\n      {globalFilterOptions.map((filter, i) => {\n        return (\n          <Element\n            key={`${filter.field}-container`}\n            style={{\n              marginBottom: theme['default-spacer-md'],\n              ...filter?.wrapStyle,\n              width: filter?.width || '100%',\n            }}\n          >\n            {filter.type !== 'switch' && filter?.label !== 'Email' && (\n              <Label htmlFor={filter.field}>{filter.label}</Label>\n            )}\n            {(() => {\n              switch (filter.type) {\n                case 'switch':\n                  return (\n                    <label>\n                      <input\n                        type='checkbox'\n                        onChange={() => onCheckboxChange(filter.value, filter.field)}\n                        checked={!!localFilter[filter.field]}\n                      />{' '}\n                      {filter.label}\n                    </label>\n                  )\n                case 'rangePicker':\n                  return (\n                    <DateTimePickerRange\n                      bordered={true}\n                      id={filter.field}\n                      onChange={ds => onDateChange(ds)}\n                      placeholder='Select a range of dates...'\n                      withPortal={true}\n                      value={dates}\n                    />\n                  )\n                case 'typeahead':\n                  return (\n                    <Autocomplete\n                      key={`${filter.type}-${filter.field}`}\n                      onChange={values => onTypeaheadChange(values, filter.field)}\n                      optionsValueKey={filter.optionsValueKey}\n                      optionsLabelKey={filter.optionsLabelKey}\n                      params={filter.params}\n                      placeholder={filter.label}\n                      url={filter.url}\n                      value={localFilter[filter.field]}\n                    />\n                  )\n                case 'select':\n                  return (\n                    <Select\n                      isClearable={true}\n                      isSearchable={true}\n                      onChange={values => onSelectChange(values, filter.field)}\n                      options={filter?.options}\n                      placeholder={filter.label}\n                      styles={selectStyles}\n                      value={\n                        localFilter[filter.field]\n                          ? filter?.options.find(option => option.value === localFilter[filter.field])\n                          : null\n                      }\n                    />\n                  )\n                default:\n                  return <Fragment>Missing field type {filter.type}</Fragment>\n              }\n            })()}\n          </Element>\n        )\n      })}\n\n      <Button onClick={handleResetFilter}>Reset</Button>\n      <Button onClick={handleApplyFilter} style={{ marginLeft: theme['default-spacer-sm'] }} type='secondary'>\n        Apply\n      </Button>\n    </Element>\n  )\n}\n\nFilter.propTypes = {\n  globalFilterOptions: arrayOf(\n    shape({\n      field: string.isRequired,\n      label: string.isRequired,\n      type: string.isRequired,\n    })\n  ).isRequired,\n  handleFilterChange: func.isRequired,\n  setShowing: func.isRequired,\n}\n\nexport default Filter\n","import React, { useState } from 'react'\nimport { Overlay, theme } from '@fortressiq/fiq-ds'\nimport PropTypes from 'prop-types'\n\nimport Filter from './Filter'\n\nconst FiltersControls = ({ handleFilterChange, globalFilterOptions, controlledState, setControlledState }) => {\n  const [showing, setShowing] = useState(false)\n  const placement = {\n    overflow: { adjustX: true, adjustY: true },\n    points: ['br', 'tr'],\n    targetOffset: [0, 4],\n    useCssTransform: false,\n  }\n\n  const trigger = {\n    showing,\n    setShowing,\n    text: `Filters (${controlledState?.globalFilter ? Object.keys(controlledState.globalFilter).length : 0})`,\n    type: 'default',\n  }\n\n  const heights = {\n    min: 'auto',\n  }\n\n  return (\n    <Overlay\n      basic={true}\n      config={{ disableOutsideClick: true }}\n      closeIcon={true}\n      content={\n        <Filter\n          controlledState={controlledState}\n          globalFilterOptions={globalFilterOptions}\n          handleFilterChange={handleFilterChange}\n          setControlledState={setControlledState}\n          setShowing={setShowing}\n        />\n      }\n      draggable={true}\n      heights={heights}\n      id='table-filter-overlay'\n      key='table-filter-overlay'\n      placement={placement}\n      trigger={trigger}\n      zIndex={theme['z-modal']}\n    />\n  )\n}\n\nFiltersControls.propTypes = {\n  handleFilterChange: PropTypes.func.isRequired,\n  globalFilterOptions: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n}\n\nexport default FiltersControls\n","/* eslint-disable import/prefer-default-export */\nimport { theme } from '@fortressiq/fiq-ds'\n\nexport const selectStyles = { menu: { zIndex: theme['z-base-above'] } }\n","import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Overlay, useFela, Checkbox } from '@fortressiq/fiq-ds'\n\nimport { wrapperCSS, itemCSS } from './styles/index.js'\n\nconst HideColumnControls = ({ columns, persistedHiddenColumns, setPersistedHiddenColumns, resetResizing }) => {\n  const [showing, setShowing] = useState(false)\n\n  const { css } = useFela()\n\n  const add = accessor => {\n    resetResizing()\n    setPersistedHiddenColumns([...persistedHiddenColumns, accessor])\n  }\n  const remove = accessor => {\n    resetResizing()\n    setPersistedHiddenColumns([...persistedHiddenColumns.filter(item => item !== accessor)])\n  }\n\n  const placement = {\n    overflow: { adjustX: true, adjustY: true },\n    points: ['br', 'tr'],\n    targetOffset: [0, 4],\n    useCssTransform: false,\n  }\n\n  const trigger = {\n    showing,\n    setShowing,\n    text: `Columns (${persistedHiddenColumns.length})`,\n    type: 'default',\n  }\n\n  const heights = {\n    min: 'auto',\n  }\n  return (\n    <Overlay\n      key='table-hide-show-overlay'\n      config={{ disableOutsideClick: true }}\n      closeIcon={true}\n      basic={true}\n      heights={heights}\n      id='table-hide-show-overlay'\n      placement={placement}\n      trigger={trigger}\n      draggable={true}\n      content={\n        <div className={css(wrapperCSS)}>\n          {columns.map(column => {\n            const checked = !persistedHiddenColumns?.includes(column.accessor)\n            return (\n              <div key={column.accessor} className={css(itemCSS)}>\n                <Checkbox\n                  id={`checkbox-${column.accessor}`}\n                  onCheck={() => (checked ? add(column.accessor) : remove(column.accessor))}\n                  checked={checked}\n                >\n                  {column.Header}\n                </Checkbox>\n              </div>\n            )\n          })}\n        </div>\n      }\n    />\n  )\n}\n\nHideColumnControls.defaultProps = {\n  controlledState: undefined,\n}\n\nHideColumnControls.propTypes = {\n  columns: PropTypes.arrayOf(\n    PropTypes.shape({\n      accessor: PropTypes.string,\n      Header: PropTypes.string,\n    })\n  ).isRequired,\n  controlledState: PropTypes.shape({\n    hiddenColumns: PropTypes.arrayOf(PropTypes.string),\n  }),\n  setPersistedHiddenColumns: PropTypes.func.isRequired,\n}\n\nexport default HideColumnControls\n","export const wrapperCSS = ({ theme }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  width: '400px',\n  padding: theme['default-spacer-sm'],\n})\n\nexport const itemCSS = ({ theme }) => ({\n  width: '50%',\n  padding: theme['default-spacer-sm'],\n})\n","import React, { useState, useEffect, Fragment, useCallback, memo, forwardRef, useRef, useImperativeHandle } from 'react'\nimport { useQueryParams, withDefault, JsonParam, NumberParam, StringParam } from 'use-query-params'\nimport PropTypes from 'prop-types'\nimport { Table, Header, useFela, Button } from '@fortressiq/fiq-ds'\nimport api from 'lib/Api'\nimport getFilterOptions from 'lib/getFilterOptions'\nimport { useLocalStorage } from 'lib/hooks'\n\nimport FiltersControls from './FiltersControls/FiltersControls'\nimport HideColumnControls from './HideColumnControls/HideColumnControls'\n\nimport stickyToolbarCSS from './styles/index.js'\n\nexport const columnWidths = {\n  date: 130,\n  actionMenu: 64,\n  id: 50,\n}\n\nconst localStorageKey = '1'\n\nconst TrinityTable = forwardRef(\n  (\n    {\n      columns,\n      constructData,\n      controlledTable,\n      dataKey,\n      defaultSortKey,\n      disableHideColumns,\n      disablePagination,\n      disablePersistedState,\n      disableSortBy,\n      getTableData,\n      globalFilterOptions,\n      isDependencyLoading,\n      manualGlobalFilter,\n      onLoaded,\n      params,\n      reFetch,\n      renderRowSubComponent,\n      sortKeyMap,\n      tableId,\n      toolbarActions,\n      url,\n    },\n    ref\n  ) => {\n    const [data, setData] = useState([])\n    const [isLoading, setIsLoading] = useState(true)\n    const [pageCount, setPageCount] = useState(0)\n    const [total, setTotal] = useState(0)\n\n    const tableRef = useRef(null)\n\n    const { css } = useFela()\n\n    const [persistedColumnWidths, setPersistedColumnWidths] = useLocalStorage(\n      `${tableId}-column-widths-${localStorageKey}`,\n      {}\n    )\n    const [persistedHiddenColumns, setPersistedHiddenColumns] = useLocalStorage(\n      `${tableId}-hidden-columns-${localStorageKey}`,\n      []\n    )\n\n    const [persistedState, setPersistedState] = useQueryParams(\n      disablePersistedState\n        ? {}\n        : {\n            pageSize: withDefault(NumberParam, 10),\n            pageIndex: withDefault(NumberParam, 0),\n            sortKey: StringParam,\n            sortOrder: StringParam,\n          }\n    )\n\n    const [controlledState, setControlledState] = useQueryParams(\n      disablePersistedState\n        ? {}\n        : {\n            globalFilter: JsonParam,\n          }\n    )\n\n    const initialState = disablePersistedState\n      ? undefined\n      : {\n          ...persistedState,\n          ...(persistedState.sortKey\n            ? {\n                sortBy: [\n                  {\n                    id: persistedState.sortKey,\n                    desc: persistedState.sortOrder === 'desc',\n                  },\n                ],\n              }\n            : {}),\n          columnResizing: {\n            columnWidths: persistedColumnWidths,\n          },\n        }\n\n    const handleFilterChange = filters => {\n      tableRef.current.gotoPage(0)\n      setControlledState({ ...controlledState, globalFilter: { ...filters } })\n    }\n\n    useEffect(() => {\n      async function fetchJobs() {\n        setIsLoading(true)\n        const fetchParams = {\n          filters: { ...controlledState?.globalFilter },\n          ...params,\n        }\n        const { data: newData } = await api.get(url, fetchParams)\n        setData(dataKey ? newData[dataKey] : newData)\n        setIsLoading(false)\n      }\n      if (!controlledTable) {\n        fetchJobs()\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [url, dataKey, controlledTable, controlledState.globalFilter])\n\n    useEffect(() => {\n      if (!isLoading && onLoaded) onLoaded()\n    }, [isLoading, onLoaded])\n\n    const fetchData = useCallback(\n      ({ pageSize, pageIndex, sortBy, filters = {}, globalFilter }) => {\n        if (!disablePersistedState) {\n          const newState = {\n            pageSize: pageSize,\n            pageIndex: pageIndex,\n            ...(sortBy[0]\n              ? { sortKey: sortBy[0].id, sortOrder: sortBy[0]?.desc ? 'desc' : 'asc' }\n              : { sortKey: undefined, sortOrder: undefined }),\n          }\n          if (JSON.stringify(persistedState) !== JSON.stringify(newState)) {\n            setPersistedState(newState)\n          }\n        }\n        const fetchingData = async () => {\n          setIsLoading(true)\n          const sortKey = sortBy[0]?.id ? sortBy[0].id : defaultSortKey\n          const convertedSortKey = sortKeyMap ? sortKeyMap[sortKey] || sortKey : sortKey\n\n          const sortOrder = !sortBy[0] || sortBy[0]?.desc ? 'desc' : 'asc'\n          const order = Array.isArray(convertedSortKey)\n            ? convertedSortKey.join(` ${sortOrder}, `).concat(` ${sortOrder}`)\n            : `${convertedSortKey} ${sortOrder}`\n\n          const fetchParams = {\n            per_page: pageSize,\n            page: pageIndex + 1,\n            order,\n            filters: { ...filters, ...globalFilter },\n            ...params,\n          }\n          const { data: newData } = await api.get(url, fetchParams)\n          let dataArray = dataKey ? newData[dataKey] : newData\n\n          // If filtering by email, gotta do it frontend:\n          if (fetchParams?.filters?.email) {\n            dataArray = dataArray\n              .map(d => {\n                const multipleIDs = fetchParams?.filters?.email?.length > 1\n\n                if (multipleIDs) {\n                  return fetchParams?.filters?.email.includes(d?.id) ? d : undefined\n                } else {\n                  return fetchParams?.filters?.email === d?.id ? d : undefined\n                }\n              })\n              .filter(Boolean)\n          }\n\n          setData(constructData ? constructData(dataArray) : dataArray)\n          setTotal(newData.totalCount ? newData.totalCount : newData.length)\n          setPageCount(Math.ceil(newData.totalCount / pageSize))\n          setIsLoading(false)\n          if (getTableData) getTableData(newData)\n        }\n        if (controlledTable && !isDependencyLoading) {\n          fetchingData()\n        }\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [\n        constructData,\n        controlledTable,\n        dataKey,\n        defaultSortKey,\n        disablePersistedState,\n        isDependencyLoading,\n        JSON.stringify(params),\n        persistedState,\n        setPersistedState,\n        sortKeyMap,\n        url,\n      ]\n    )\n\n    const handlePersistedResize = useCallback(\n      columnResizing => {\n        setPersistedColumnWidths(columnResizing.columnWidths)\n      },\n      [setPersistedColumnWidths]\n    )\n\n    const resetResizing = () => {\n      setPersistedColumnWidths([])\n      tableRef.current.resetResizing()\n    }\n\n    const updateCellData = (rowIndex, columnId, value) => {\n      setData(old =>\n        old.map((row, index) => {\n          if (index === rowIndex) {\n            return {\n              ...old[rowIndex],\n              [columnId]: value,\n            }\n          }\n          return row\n        })\n      )\n    }\n\n    const updateRowData = (searchKey, searchValue, newValues) => {\n      const rowIndex = data.findIndex(i => i[searchKey] === searchValue)\n      setData(old =>\n        old.map((row, index) => {\n          if (index === rowIndex) {\n            return {\n              ...old[rowIndex],\n              ...newValues,\n            }\n          }\n          return row\n        })\n      )\n    }\n\n    useImperativeHandle(ref, () => {\n      return {\n        updateRowData: updateRowData,\n      }\n    })\n\n    const toolbarActionsHeader = []\n    if (!disablePersistedState) {\n      toolbarActionsHeader.push(\n        <Button\n          disabled={Object.keys(persistedColumnWidths).length === 0}\n          key='reset-column-width'\n          onClick={resetResizing}\n        >\n          Reset Resizing\n        </Button>\n      )\n    }\n\n    if (!disableHideColumns) {\n      toolbarActionsHeader.push(\n        <HideColumnControls\n          key='table-columns'\n          columns={columns}\n          persistedHiddenColumns={persistedHiddenColumns}\n          setPersistedHiddenColumns={setPersistedHiddenColumns}\n          resetResizing={resetResizing}\n        />\n      )\n    }\n\n    if (globalFilterOptions) {\n      toolbarActionsHeader.push(\n        <FiltersControls\n          key='table-filter'\n          controlledState={controlledState}\n          handleFilterChange={handleFilterChange}\n          globalFilterOptions={getFilterOptions(globalFilterOptions)}\n        />\n      )\n    }\n\n    return (\n      <Fragment>\n        {(!disableHideColumns || !!globalFilterOptions || !!toolbarActions) && (\n          <Header\n            className={css(stickyToolbarCSS)}\n            toolbarActions={[...toolbarActionsHeader, ...(toolbarActions || [])]}\n          />\n        )}\n        <Table\n          columns={columns}\n          controlledState={\n            disablePersistedState ? undefined : { ...controlledState, hiddenColumns: persistedHiddenColumns }\n          }\n          manualGlobalFilter={manualGlobalFilter}\n          controlledTable={controlledTable}\n          data={data}\n          disablePagination={disablePagination}\n          disableSortBy={disableSortBy}\n          fetchData={fetchData}\n          handlePersistedResize={disablePersistedState ? undefined : handlePersistedResize}\n          initialState={disablePersistedState ? undefined : initialState}\n          loading={isLoading}\n          pageCount={pageCount}\n          ref={tableRef}\n          reFetch={reFetch} // Triggers refetch if changed from parent, example when deleting a row\n          renderRowSubComponent={renderRowSubComponent}\n          total={total}\n          updateCellData={updateCellData}\n        />\n      </Fragment>\n    )\n  }\n)\n\nTrinityTable.defaultProps = {\n  controlledTable: true,\n  dataKey: undefined,\n  defaultSortKey: 'id',\n  disableHideColumns: false,\n  disablePersistedState: false,\n  disableSortBy: false,\n  globalFilterOptions: undefined,\n  isDependencyLoading: false,\n  manualGlobalFilter: false,\n  params: undefined,\n  renderRowSubComponent: undefined,\n  sortKeyMap: undefined,\n}\n\nTrinityTable.propTypes = {\n  columns: PropTypes.arrayOf(\n    PropTypes.shape({\n      Header: PropTypes.string.isRequired,\n      accessor: PropTypes.string.isRequired,\n    })\n  ).isRequired,\n  controlledTable: PropTypes.bool,\n  dataKey: PropTypes.string,\n  defaultSortKey: PropTypes.string,\n  disableHideColumns: PropTypes.bool,\n  disablePersistedState: PropTypes.bool,\n  disableSortBy: PropTypes.bool,\n  globalFilterOptions: PropTypes.arrayOf(PropTypes.string),\n  isDependencyLoading: PropTypes.bool,\n  manualGlobalFilter: PropTypes.bool,\n  params: PropTypes.shape({}),\n  renderRowSubComponent: PropTypes.func,\n  sortKeyMap: PropTypes.shape({}),\n  tableId: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n}\n\nexport default memo(TrinityTable)\n","const stickyToolbarCSS = ({ theme }) => ({\n  background: theme.white,\n  position: 'sticky',\n  top: 0,\n  zIndex: theme['z-base'],\n})\n\nexport default stickyToolbarCSS\n","import React, { useEffect, Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport noop from 'lodash/noop'\n\n/* eslint-disable react/require-default-props */\nconst defaultProps = {\n  onFocus: noop,\n  onBlur: noop,\n}\n\nconst WindowFocusHandler = ({ onFocus, onBlur, ...props } = defaultProps) => {\n  useEffect(() => {\n    window.addEventListener('focus', onFocus)\n    window.addEventListener('blur', onBlur)\n    return () => {\n      window.removeEventListener('focus', onFocus)\n      window.removeEventListener('blur', onBlur)\n    }\n  })\n\n  //eslint-disable-next-line react/jsx-no-useless-fragment\n  return <Fragment {...props} />\n}\n\nWindowFocusHandler.propTypes = {\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n}\n\nexport default WindowFocusHandler\n","import React, { useEffect, createContext } from 'react'\nimport PropTypes from 'prop-types'\nimport { createConsumer } from '@rails/actioncable'\n\nconst noop = () => null\nconst { Provider, Consumer } = createContext()\n\nexport const ActionCableProvider = ({ cable: cableProp, url, ...props }) => {\n  const cable = cableProp || createConsumer(url)\n  useEffect(() => cable.disconnect, [cable])\n  return <Provider value={{ cable }} {...props} />\n}\n\nActionCableProvider.displayName = 'ActionCableProvider'\nActionCableProvider.propTypes = {\n  // eslint-disable-next-line react/forbid-prop-types\n  cable: PropTypes.object,\n  url: PropTypes.string.isRequired,\n}\nActionCableProvider.defaultProps = {\n  // eslint-disable-next-line react/forbid-prop-types\n  cable: null,\n}\n\nexport const ActionCableController = ({\n  cable,\n  channel,\n  onReceived: received,\n  onInitialized: initialized,\n  onConnected: connected,\n  onDisconnected: disconnected,\n  onRejected: rejected,\n  children = null,\n}) => {\n  const subscriptionConfig = {\n    received,\n    initialized,\n    connected,\n    disconnected,\n    rejected,\n  }\n\n  const subscription = cable.subscriptions.create(channel, subscriptionConfig)\n  useEffect(() => () => cable.subscriptions.remove(subscription), [cable, subscription])\n\n  return children\n}\n\nActionCableController.displayName = 'ActionCableController'\nActionCableController.propTypes = {\n  // eslint-disable-next-line react/forbid-prop-types\n  cable: PropTypes.object.isRequired,\n  onReceived: PropTypes.func,\n  onInitialized: PropTypes.func,\n  onConnected: PropTypes.func,\n  onDisconnected: PropTypes.func,\n  onRejected: PropTypes.func,\n}\nActionCableController.defaultProps = {\n  onReceived: noop,\n  onInitialized: noop,\n  onConnected: noop,\n  onDisconnected: noop,\n  onRejected: noop,\n  children: null,\n}\n\nexport const ActionCableConsumer = React.forwardRef((props, ref) => {\n  return (\n    <Consumer>\n      {({ cable }) => (\n        <ActionCableController\n          {...{\n            cable,\n            ref,\n            ...props,\n          }}\n        />\n      )}\n    </Consumer>\n  )\n})\n\nActionCableConsumer.displayName = 'ActionCableConsumer'\nActionCableConsumer.propTypes = {\n  onReceived: PropTypes.func,\n  onInitialized: PropTypes.func,\n  onConnected: PropTypes.func,\n  onDisconnected: PropTypes.func,\n  onRejected: PropTypes.func,\n}\nActionCableConsumer.defaultProps = {\n  onReceived: noop,\n  onInitialized: noop,\n  onConnected: noop,\n  onDisconnected: noop,\n  onRejected: noop,\n}\n","import { prettyColor } from '@fortressiq/fiq-ds'\n\n//ApplictionIconSVG\n// expects the appplication names to exist in d.data.applications[applicationToShow].application_name\n// expects the application image url to exist at d.data.applications[applicationToShow].application_icon_url\n\n// multiple names due to the fact that an element in any set of data bound may have multiple applications\n// applicationToShow is which name to display,\n//   it can be a Number representation or an ananymous function which takes the d3 object as a parameter\n//   (should resemble the current d3 methods)\n\n/********\n * Usage:\n *   ApplicationIconD3({\n *     iconContainer: nodeObj,\n *     applicationIndex: index, // d => d.index...\n *.    radius: radius\n *   })\n ********/\n\nconst ApplicationIconD3 = props => {\n  const { iconContainer, applicationIndex, radius } = props\n\n  /**************************************/\n  /* icon when no icon image is defined */\n  iconContainer\n    .filter(d => {\n      const myApplicationIndex = isInteger(applicationIndex) ? applicationIndex : applicationIndex(d)\n      return (\n        d.data.applications &&\n        d.data.applications.length > 0 &&\n        (!d.data.applications[myApplicationIndex].application_icon_url ||\n          d.data.applications[myApplicationIndex].application_icon_url === '')\n      )\n    })\n    .append('circle')\n    .attr('r', radius)\n    .style('fill', d => {\n      const myApplicationIndex = isInteger(applicationIndex) ? applicationIndex : applicationIndex(d)\n      return d.data.applications && d.data.applications.length > 0\n        ? prettyColor(d.data.applications[myApplicationIndex].application_name)\n        : prettyColor('default')\n    })\n  iconContainer\n    .filter(d => {\n      const myApplicationIndex = isInteger(applicationIndex) ? applicationIndex : applicationIndex(d)\n      return (\n        d.data.applications &&\n        d.data.applications.length > 0 &&\n        (!d.data.applications[myApplicationIndex].application_icon_url ||\n          d.data.applications[myApplicationIndex].application_icon_url === '')\n      )\n    })\n    .append('text')\n    .style('text-anchor', 'middle')\n    .style('dominant-baseline', 'central')\n    .attr('fill', '#fff')\n    .style('font-size', `${radius - 2}px`)\n    .text(d => {\n      const myApplicationIndex = isInteger(applicationIndex) ? applicationIndex : applicationIndex(d)\n      return d.data.applications &&\n        d.data.applications.length > 0 &&\n        d.data.applications[myApplicationIndex].application_name\n        ? d.data.applications[myApplicationIndex].application_name.substring(0, 2).toUpperCase()\n        : ''\n    })\n\n  /***********************************/\n  /* icon when icon image is defined */\n  iconContainer\n    .filter(d => {\n      const myApplicationIndex = isInteger(applicationIndex) ? applicationIndex : applicationIndex(d)\n      return (\n        d.data.applications &&\n        d.data.applications.length > 0 &&\n        d.data.applications[myApplicationIndex].application_icon_url\n      )\n    })\n    .append('svg:image')\n    .attr('xlink:href', d => {\n      const myApplicationIndex = isInteger(applicationIndex) ? applicationIndex : applicationIndex(d)\n      return d.data.applications && d.data.applications.length > 0\n        ? d.data.applications[myApplicationIndex].application_icon_url\n        : null\n    })\n    .attr('class', 'appIconImage')\n    .attr('width', radius * 2)\n    .attr('height', radius * 2)\n    .attr('x', -radius)\n    .attr('y', -radius)\n    .attr('clip-path', d => `url(#iconClipObj${d.id})`)\n\n  iconContainer\n    .filter(d => {\n      const myApplicationIndex = isInteger(applicationIndex) ? applicationIndex : applicationIndex(d)\n      return (\n        d.data.applications &&\n        d.data.applications.length > 0 &&\n        d.data.applications[myApplicationIndex].application_icon_url\n      )\n    })\n    .append('circle')\n    .attr('r', radius)\n    .attr('stroke', '#a1acc1')\n    .style('fill', 'transparent')\n\n  iconContainer\n    .filter(d => {\n      const myApplicationIndex = isInteger(applicationIndex) ? applicationIndex : applicationIndex(d)\n      return (\n        d.data.applications &&\n        d.data.applications.length > 0 &&\n        d.data.applications[myApplicationIndex].application_icon_url\n      )\n    })\n    .append('clipPath')\n    .attr('id', d => `iconClipObj${d.id}`)\n    .call(selection => {\n      selection.append('circle').attr('r', radius)\n    })\n}\n\n// returns boolean: is the index parameter sent in an integer?\nconst isInteger = input => {\n  const integerRepresentation = parseInt(input, 10)\n  return integerRepresentation || integerRepresentation === 0\n}\n\nexport default ApplicationIconD3\n","import React from 'react'\nimport qs from 'qs'\nimport { useUserState } from 'context/UserContext'\n\nimport { rules, liteRules } from 'lib/rbac-rules'\n\nimport { mergeAndDeduplicate, getIntersection } from 'lib/ArrayHelpers'\n\nimport uiStore from 'lib/UiStore'\n\nconst isDevelopment = process.env.NODE_ENV === 'development'\n\nconst isLite = uiStore?.tenant?.isLite\n\nexport const liteTenantActions = key => liteRules.tenantActions[key]\n\nexport const roleCheck = (perform, ability, currentUserRoles, tenantRules) => {\n  const mergedAbilities = mergeAndDeduplicate(currentUserRoles.map(role => rules[role][ability]))\n  if (tenantRules) {\n    return getIntersection(mergedAbilities, tenantRules[ability]).includes(perform)\n  }\n  return mergedAbilities.includes(perform)\n}\n\nexport const roleActionCheck = (perform, roles) => {\n  let tenantRules = null\n  if (isLite) {\n    tenantRules = liteRules\n  }\n  return roleCheck(perform, 'actions', roles, tenantRules)\n}\nexport const roleRouteCheck = (perform, roles) => {\n  let tenantRules = null\n  if (isLite) {\n    tenantRules = liteRules\n  }\n  return roleCheck(perform, 'routes', roles, tenantRules)\n}\n\nconst Can = ({ perform = null, route = null, children }) => {\n  const { roles } = useUserState()\n  const canPerform = perform ? roleActionCheck(perform, roles) : true\n  const canAccess = route ? roleRouteCheck(route, roles) : true\n  const access = canPerform && canAccess\n  const { debugCan: debug } = qs.parse(location.search, { ignoreQueryPrefix: true })\n  if (isDevelopment && debug && !access) {\n    if (!canAccess) {\n      console.debug(`Cant access ${route} with role ${roles}`)\n    }\n    if (!canPerform) {\n      console.debug(`Cant perform ${perform} with role ${roles}`)\n    }\n  }\n  if (access) {\n    return children\n  }\n  return null\n}\n\nexport default Can\n","import React from 'react'\nimport numAbbr from 'number-abbreviate'\nimport { Card, useFela } from '@fortressiq/fiq-ds'\n\nimport SparkChart from './SparkChart'\n\nconst MetricCardBigText = ({ data, id, label, subLabel, value }) => {\n  const { css, theme } = useFela()\n\n  return (\n    <Card\n      bodyStyle={{ display: 'flex', height: '100%', minHeight: '180px', position: 'relative', width: '100%' }}\n      style={{ height: '238px' }}\n    >\n      <div\n        className={css({\n          height: '100%',\n          left: '0',\n          opacity: '0.9',\n          position: 'absolute',\n          top: '0',\n          width: '100%',\n        })}\n      >\n        <SparkChart data={data} id={id} />\n      </div>\n      <div\n        className={css({\n          display: 'flex',\n          flexDirection: 'column',\n          justifyContent: 'space-between',\n          pointerEvents: 'none',\n          position: 'relative',\n        })}\n      >\n        <div className={css({ fontSize: '16px', paddingBottom: '20px' })}>{label}</div>\n        <div className={css({ display: 'flex', flexDirection: 'column', marginBottom: '5px' })}>\n          <div\n            className={css({ fontSize: '50px', fontWeight: '100', height: '100%', lineHeight: '30px', width: '100%' })}\n          >\n            {numAbbr(value, 1) || '0'}\n          </div>\n          <div\n            className={css({\n              color: `${theme['legacy-color-gray3']}`,\n              fontSize: '11px',\n              fontWeight: '500',\n              textTransform: 'capitalize',\n            })}\n          >\n            {subLabel}\n          </div>\n        </div>\n      </div>\n    </Card>\n  )\n}\n\nexport default MetricCardBigText\n","import React from 'react'\nimport { Card, defaultDivergentScale, theme, useFela } from '@fortressiq/fiq-ds'\n\nimport {\n  Charts,\n  defaultChartConfigProps,\n  defaultDataSourceChartProps,\n  FusionCharts,\n  FusionTheme,\n  PowerCharts,\n  ReactFC,\n} from '../../viz/index'\n\nReactFC.fcRoot(FusionCharts, PowerCharts, Charts, FusionTheme)\n\nconst PieMetricCard = ({ title, observerEventTotals }) => {\n  const { css } = useFela()\n  const noOfEvents = observerEventTotals.length\n  const data = {\n    chart: {\n      ...defaultDataSourceChartProps,\n      caption: `${noOfEvents} ${title}`,\n      paletteColors: String(defaultDivergentScale.colors(noOfEvents)),\n      pieRadius: '70%',\n      showLabels: '0',\n      showLegend: noOfEvents > 3 ? '0' : '1',\n      showPercentInToolTip: '1',\n      showPercentValues: '0',\n      theme: 'fusion',\n    },\n    data: observerEventTotals,\n  }\n\n  const chartConfig = {\n    ...defaultChartConfigProps,\n    height: 220,\n    id: 'observers-event-totals',\n    type: 'doughnut2d',\n  }\n\n  return (\n    <Card paddedContent={false} style={{ padding: 0 }}>\n      <ReactFC {...chartConfig} dataSource={data} className={css({ marginTop: theme['default-spacer-md'] })} />\n    </Card>\n  )\n}\n\nexport default PieMetricCard\n","import React, { useMemo } from 'react'\nimport { chroma, graphColors, theme } from '@fortressiq/fiq-ds'\n\nimport { defaultChartConfigProps, FusionCharts, FusionTheme, ReactFC, Widgets } from '../../viz/index'\n\nReactFC.fcRoot(FusionCharts, Widgets, FusionTheme)\n\nconst SparkChart = ({ data, height = undefined, id, type = 'sparkline', width = '99%' }) => {\n  const lineColor = chroma(graphColors[1]).hex()\n  const dataSource = useMemo(\n    () => ({\n      chart: {\n        canvasPadding: '0',\n        chartLeftMargin: '0',\n        chartTopMargin: '0',\n        chartRightMargin: '0',\n        chartBottomMargin: '0',\n        drawAnchors: '0',\n        lineColor: lineColor,\n        lineThickness: '2',\n        lineAlpha: '100',\n        highColor: lineColor,\n        lowColor: chroma(theme['error-color']).hex(),\n        setAdaptiveYMin: true,\n        theme: 'fusion',\n      },\n      dataset: [{ data: data }],\n    }),\n    [data, lineColor]\n  )\n\n  const chartConfig = useMemo(\n    () => ({\n      ...defaultChartConfigProps,\n      height: height || '220',\n      id: id,\n      type: type,\n      width: width,\n    }),\n    [height, id, type, width]\n  )\n\n  return <ReactFC {...chartConfig} dataSource={dataSource} />\n}\n\nexport default SparkChart\n","import React from 'react'\nimport { arrayOf, func, number, shape, string } from 'prop-types'\nimport { Button, ButtonGroup, Element, Group, Label, Select, theme } from '@fortressiq/fiq-ds'\n\nimport { errorCSS } from './styles/index'\n\nimport { LIST_TYPES } from './Constants'\n\nconst AllowBlockListSection = ({\n  lists,\n  accessValue,\n  accessTypeOnChange,\n  accessTypeCategory,\n  selectValue,\n  selectOnChange,\n  style,\n}) => {\n  const options = lists\n    .filter(option => option.accessType === accessValue)\n    .map(({ id, name }) => ({ value: id, label: name }))\n\n  const selected = selectValue && options.find(item => item.value === selectValue)\n  const flex = {\n    display: 'flex',\n    flexDirection: 'column',\n  }\n\n  return (\n    <Element style={{ ...flex, ...style }}>\n      <Label>{accessTypeCategory} Block and Allow List</Label>\n      <Group gutter={24} noEndGutter={true} justify='space-between'>\n        <ButtonGroup>\n          {Object.keys(LIST_TYPES).map(typeKey => {\n            const { val } = LIST_TYPES[typeKey]\n\n            const onClick = () => accessTypeOnChange(`${accessTypeCategory}ListAccessType`, accessTypeCategory, val)\n            const disabled = lists.length === 0 && val !== LIST_TYPES.NONE.val\n            const type = accessValue === val && 'primary'\n\n            return (\n              <Button disabled={disabled} key={val} onClick={onClick} type={type}>\n                {LIST_TYPES[typeKey].text}\n              </Button>\n            )\n          })}\n        </ButtonGroup>\n        <Select\n          isDisabled={accessValue === LIST_TYPES.NONE.val}\n          menuPortalTarget={document.body}\n          menuShouldBlockScroll={true}\n          onChange={val => selectOnChange(`${accessTypeCategory}ListValue`, val.value)}\n          options={options}\n          placeholder={`Select ${accessTypeCategory} list...`}\n          style={{ flexGrow: '1' }}\n          styles={{ menuPortal: { zIndex: theme['z-modal-above'] } }}\n          value={selected}\n        />\n      </Group>\n      {lists.length === 0 && <Element style={errorCSS}>There are no existing allow or block list.</Element>}\n    </Element>\n  )\n}\n\nAllowBlockListSection.propTypes = {\n  lists: arrayOf(shape()).isRequired,\n  accessValue: string.isRequired,\n  accessTypeOnChange: func.isRequired,\n  accessTypeCategory: string.isRequired,\n  selectValue: number,\n  selectOnChange: func.isRequired,\n}\n\nexport default AllowBlockListSection\n","import React, { Fragment } from 'react'\nimport { arrayOf, bool, func, number, string, shape } from 'prop-types'\nimport { Col, Fieldset, Icon, Label, Row, Switch, theme } from '@fortressiq/fiq-ds'\n\nimport { LIST_CATEGORIES } from './Constants'\n\nimport AllowBlockListSection from './AllowBlockListSection'\n\nimport { captureIconSwitchCSS, sharedColStyle, sharedLabelStyle, sharedSwitchStyle } from './styles'\n\nconst ConfigureObserver = ({\n  screenshotAllowed,\n  titleAllowed,\n  keystrokeAllowed,\n  clipboardAllowed,\n  urlLists,\n  urlListValue,\n  urlListAccessType,\n  accessTypeOnChange,\n  applicationLists,\n  applicationListValue,\n  applicationListAccessType,\n  onChange,\n  styled = true,\n}) => {\n  const sharedIconProps = {\n    size: 15,\n    style: captureIconSwitchCSS,\n  }\n  const sm = theme['default-spacer-sm']\n\n  const fieldsetStyle = styled\n    ? { background: theme['contrast-background-color'] }\n    : {\n        borderColor: theme['btn-borderAlpha'],\n        padding: `${theme['default-spacer-sm']} ${theme['default-spacer-md']} ${theme['default-spacer-sm']}`,\n      }\n  const legendStyle = {\n    color: theme['btn-textColor'],\n    display: 'flex',\n    fontSize: '12px',\n    fontWeight: 600,\n    padding: `0 ${theme['default-spacer-sm']}`,\n  }\n  return (\n    <Fragment>\n      <Fieldset legend='Capture' legendStyle={legendStyle} style={fieldsetStyle}>\n        <Row gutter={16} style={{ marginBottom: sm }}>\n          <Col style={sharedColStyle}>\n            <Label htmlFor='screenshots' style={sharedLabelStyle}>\n              <Icon icon='paginatefilterpicture' {...sharedIconProps} />\n              Screenshots\n            </Label>\n            <Switch\n              checked={screenshotAllowed}\n              id='screenshots'\n              onSwitch={({ SWITCH_STATE }) => onChange('screenshotAllowed', SWITCH_STATE)}\n              style={sharedSwitchStyle}\n            />\n          </Col>\n          <Col style={sharedColStyle}>\n            <Label htmlFor='keystrokes' style={sharedLabelStyle}>\n              <Icon icon='typing' {...sharedIconProps} /> Keystrokes\n            </Label>\n            <Switch\n              checked={keystrokeAllowed}\n              id='keystrokes'\n              onSwitch={({ SWITCH_STATE }) => onChange('keystrokeAllowed', SWITCH_STATE)}\n              style={sharedSwitchStyle}\n            />\n          </Col>\n          <Col style={sharedColStyle}>\n            <Label htmlFor='title' style={sharedLabelStyle}>\n              <Icon icon='appwindowtype' {...sharedIconProps} />\n              Title\n            </Label>\n            <Switch\n              checked={titleAllowed}\n              id='title'\n              onSwitch={({ SWITCH_STATE }) => onChange('titleAllowed', SWITCH_STATE)}\n              style={sharedSwitchStyle}\n            />\n          </Col>\n          <Col style={sharedColStyle}>\n            <Label htmlFor='clipboard' style={sharedLabelStyle}>\n              <Icon icon='taskchecklist' {...sharedIconProps} />\n              Clipboard\n            </Label>\n            <Switch\n              checked={clipboardAllowed}\n              id='clipboard'\n              onSwitch={({ SWITCH_STATE }) => onChange('clipboardAllowed', SWITCH_STATE)}\n              style={sharedSwitchStyle}\n            />\n          </Col>\n        </Row>\n      </Fieldset>\n      <AllowBlockListSection\n        lists={urlLists}\n        accessValue={urlListAccessType}\n        accessTypeOnChange={accessTypeOnChange}\n        accessTypeCategory={LIST_CATEGORIES.URL}\n        selectValue={urlListValue}\n        selectOnChange={onChange}\n      />\n      <AllowBlockListSection\n        lists={applicationLists}\n        accessValue={applicationListAccessType}\n        accessTypeOnChange={accessTypeOnChange}\n        accessTypeCategory={LIST_CATEGORIES.APPLICATION}\n        selectValue={applicationListValue}\n        selectOnChange={onChange}\n        style={{ marginTop: sm }}\n      />\n    </Fragment>\n  )\n}\n\nConfigureObserver.propTypes = {\n  screenshotAllowed: bool.isRequired,\n  titleAllowed: bool.isRequired,\n  keystrokeAllowed: bool.isRequired,\n  clipboardAllowed: bool.isRequired,\n  urlLists: arrayOf(shape()).isRequired,\n  urlListValue: number,\n  urlListAccessType: string.isRequired,\n  accessTypeOnChange: func.isRequired,\n  applicationLists: arrayOf(shape()).isRequired,\n  applicationListValue: number,\n  applicationListAccessType: string.isRequired,\n  onChange: func.isRequired,\n  styled: bool,\n}\n\nexport default ConfigureObserver\n","export const LIST_TYPES = {\n  NONE: { val: 'none', text: 'None' },\n  ALLOW: { val: 'allow', text: 'Allow' },\n  BLOCK: { val: 'block', text: 'Block' },\n}\n\nexport const LIST_CATEGORIES = {\n  APPLICATION: 'application',\n  URL: 'url',\n}\n","export const captureIconSwitchCSS = ({ theme }) => ({\n  marginRight: theme['default-spacer-sm'],\n})\n\nexport const errorCSS = ({ theme }) => ({\n  color: theme['color-red'],\n  fontSize: theme['font-size-xs'],\n})\n\nexport const sharedColStyle = { justifyContent: ' flex-end' }\nexport const sharedLabelStyle = { cursor: 'default' }\nexport const sharedSwitchStyle = { placeSelf: 'flex-end' }\n","import api from 'lib/Api'\n\nimport { LIST_CATEGORIES } from './Constants'\n\n/* eslint-disable import/prefer-default-export */\nexport const fetchUrlAllowAndBlockLists = async () => {\n  const urlListResponse = await api.get('/allow_block_lists', { category_type: LIST_CATEGORIES.URL })\n  const applicationListResponse = await api.get('/allow_block_lists', {\n    category_type: LIST_CATEGORIES.APPLICATION,\n  })\n\n  return {\n    urlLists: urlListResponse.data.allowBlockList,\n    applicationLists: applicationListResponse.data.allowBlockList,\n  }\n}\n\nexport const getConfiguredAllowBlockLists = allowBlockLists => {\n  const url = allowBlockLists?.find(list => list.categoryType === LIST_CATEGORIES.URL)\n  const application = allowBlockLists?.find(list => list.categoryType === LIST_CATEGORIES.APPLICATION)\n  return { url, application }\n}\n","import React from 'react'\nimport { Element } from '@fortressiq/fiq-ds'\n\nconst FlexContainer = ({ as, end, padded, children, style, ...props }) => {\n  const Container = as || Element\n\n  return (\n    <Container\n      style={({ theme }) => ({\n        display: 'flex',\n        ...(end && {\n          justifyContent: 'flex-end',\n          marginTop: theme['default-spacer-md'],\n        }),\n        ...(padded && {\n          flexDirection: 'column',\n          padding: theme['default-spacer-md'],\n        }),\n        ...style,\n      })}\n      {...props}\n    >\n      {children}\n    </Container>\n  )\n}\n\nexport default FlexContainer\n","import React, { Fragment, memo } from 'react'\n\nimport { Button, Collapse, Icon, useFela } from '@fortressiq/fiq-ds'\n\nimport { controlsCSS, panelsCSS, toggleCSS } from './styles'\n\nconst { Panel } = Collapse\n\nconst SidePanel = ({ activeKey, collapse, defaultActiveKey, onChange, openKeys, panels, toggleCollapse }) => {\n  const { css, theme } = useFela({ collapse })\n\n  let sidePanelProps = {}\n  if (onChange && activeKey) {\n    sidePanelProps = {\n      onChange,\n      defaultActiveKy: activeKey,\n    }\n  }\n\n  return (\n    <Fragment>\n      <div className={css(toggleCSS)}>\n        <Button\n          onClick={toggleCollapse}\n          style={{\n            borderColor: theme['dividing-line'],\n            borderRadius: `${theme['border-radius-base']} 0 0 ${theme['border-radius-base']}`,\n            borderRightColor: 'transparent',\n            padding: theme['default-spacer-sm'],\n          }}\n          type='ghost'\n        >\n          <Icon color={theme.black} icon={`arrow${collapse ? 'left' : 'right'}`} size='nested' />\n        </Button>\n      </div>\n      {!!panels && (\n        <div className={css(controlsCSS)}>\n          <Collapse\n            bordered={false}\n            expandIconPosition='right'\n            openKeys={openKeys || defaultActiveKey}\n            {...sidePanelProps}\n          >\n            {panels.map(({ header, key, panel }) => (\n              <Panel\n                bordered={false}\n                className={css(panelsCSS)}\n                header={header}\n                headerStyle={{ borderLeftColor: 'transparent !important' }}\n                key={key}\n                panelKey={key}\n              >\n                {panel}\n              </Panel>\n            ))}\n          </Collapse>\n        </div>\n      )}\n    </Fragment>\n  )\n}\n\nexport default memo(SidePanel)\n","import React, { useMemo } from 'react'\nimport { chroma, theme } from '@fortressiq/fiq-ds'\nimport { arrayOf, bool, shape, string } from 'prop-types'\n\nimport {\n  Charts,\n  defaultChartConfigProps,\n  defaultDataSourceChartProps,\n  FusionCharts,\n  FusionTheme,\n  ReactFC,\n} from '../../../viz/index'\n\nReactFC.fcRoot(FusionCharts, Charts, FusionTheme)\n\nconst category = {}\nconst inProcessData = {}\nconst NotInProcessData = {}\n\nconst ProcessTime = ({ applications }) => {\n  applications.forEach(({ cumulativeSum, displayName, inProcess, runningTotal }) => {\n    if (!category[displayName]) {\n      category[displayName] = { label: displayName }\n      inProcessData[displayName] = { value: inProcess ? cumulativeSum : runningTotal - cumulativeSum }\n\n      NotInProcessData[displayName] = { value: !inProcess ? cumulativeSum : runningTotal - cumulativeSum }\n    }\n  })\n\n  const getData = d =>\n    Object.values(d).map(inProc => ({\n      value: Number(inProc?.value),\n    }))\n\n  const dataSet = useMemo(\n    () => [\n      {\n        seriesname: 'In Process',\n        data: getData(inProcessData),\n      },\n      { seriesname: 'Not In Process', data: getData(NotInProcessData) },\n    ],\n    []\n  )\n\n  const dataSource = useMemo(\n    () => ({\n      chart: {\n        ...defaultDataSourceChartProps,\n        chartTopMargin: '20',\n        paletteColors: `${chroma(theme['success-color'])}, ${chroma(theme['error-color'])}`,\n        showSum: '1',\n        theme: 'fusion',\n        useEllipsesWhenOverflow: '1',\n        xAxisName: 'Applications',\n        yAxisName: 'Events',\n      },\n      categories: [\n        {\n          category: Object.values(category).map(c => c),\n        },\n      ],\n      dataset: dataSet,\n    }),\n    [dataSet]\n  )\n\n  const chartConfig = {\n    ...defaultChartConfigProps,\n    height: 300,\n    id: 'process-appication-time',\n    type: 'scrollstackedcolumn2d',\n  }\n\n  return <ReactFC {...chartConfig} dataSource={dataSource} />\n}\n\nProcessTime.propTypes = {\n  applications: arrayOf(\n    shape({\n      cumulativeSum: string,\n      displayName: string,\n      inProcess: bool,\n      runningTotal: string,\n    })\n  ).isRequired,\n}\n\nexport default ProcessTime\n","import React from 'react'\nimport { format } from 'date-fns'\nimport { Heading } from '@fortressiq/fiq-ds'\nimport { DATE_FORMAT_SHORT } from 'constants/app-constants'\n\nimport css from './miningRun.scss'\n\nconst MiningRun = ({ id, date, parameters }) => (\n  <section className={css.miningRun}>\n    <div>\n      <Heading level={4}>Mining Run</Heading>\n      <p>{id}</p>\n      <p>{format(new Date(date), DATE_FORMAT_SHORT)}</p>\n    </div>\n    <div>\n      <Heading level={4}>Mining Parameters</Heading>\n      <p>{parameters.replace(',', ' ')}</p>\n    </div>\n  </section>\n)\n\nexport default MiningRun\n","import React from 'react'\n\nimport css from './bar.scss'\n\nconst Bar = ({ text, percent, isHidden }) => (\n  <div className={`${css.container} ${isHidden ? css.hideDuration : ''}`}>\n    <div className={css.bar} style={{ width: `${percent}%` }}>\n      &#8203;\n    </div>\n    <div className={css.text}>{text}</div>\n  </div>\n)\n\nexport default Bar\n","import React, { useState } from 'react'\nimport { Link } from 'react-router-dom'\nimport { Checkbox, EditableLabel, Element, Icon, Select, Spin, Table, theme, Tooltip } from '@fortressiq/fiq-ds'\nimport { useMount } from 'react-use'\nimport { isEqual } from 'lodash'\n\nimport { getTimeElapsed } from 'lib/Time'\n\nimport Bar from './Bar'\n\nconst options = [\n  { label: 'Average Duration', value: 'average' },\n  { label: 'Median Time', value: 'median' },\n  { label: 'Total Duration', value: 'total' },\n]\n\nconst PathStatistics = ({\n  graphProcessId,\n  graphType,\n  collapsed = [],\n  paths,\n  selectedPath,\n  setSelectedPath,\n  withColor = false,\n  disablePathNameEdit = false,\n  showPathLink = true,\n  handlePathnameUpdate,\n  toggleHideDuration,\n}) => {\n  const [durationType, setDurationType] = useState(options[0])\n  const [pathData, setPathData] = useState({ data: undefined, totalSeconds: undefined, totalFrequency: undefined })\n\n  useMount(() => {\n    let totalPathSeconds = 0\n    let totalPathFrequency = 0\n\n    const getPathData = d =>\n      d.map(path => {\n        const averageDuration = Math.round(path.average_duration)\n        const medianDuration = Math.round(path.median)\n        const totalDuration = Math.round(averageDuration * path.frequency)\n        const averageTimeStr = getTimeElapsed(averageDuration)\n        const medianTimeStr = getTimeElapsed(medianDuration)\n        const totalTimeStr = getTimeElapsed(totalDuration)\n\n        totalPathSeconds += averageDuration\n        totalPathFrequency += path.frequency\n\n        return {\n          ...path,\n          name: path.name || path.key,\n          average_duration: averageDuration,\n          median_duration: medianDuration,\n          total_duration: totalDuration,\n          average_duration_string: averageTimeStr,\n          median_duration_string: medianTimeStr,\n          total_duration_string: totalTimeStr,\n          duration_string: averageTimeStr,\n          duration_value: averageDuration,\n        }\n      })\n\n    const updatedData = getPathData(paths)\n\n    if (!isEqual(updatedData, pathData.data)) {\n      setPathData({\n        data: updatedData,\n        totalSeconds: totalPathSeconds,\n        totalFrequency: totalPathFrequency,\n      })\n    }\n  })\n\n  const updateCellData = (rowIndex, columnId, value) => {\n    const newData = [...pathData.data]\n    newData[rowIndex][columnId] = value\n    setPathData({ ...pathData, data: [...newData] })\n  }\n\n  const changeDurationType = ({ label, value }) => {\n    const newData = pathData.data.map(row => ({\n      ...row,\n      duration_string: row[`${value}_duration_string`],\n      duration_value: row[`${value}_duration`],\n    }))\n    setPathData({ ...pathData, data: [...newData] })\n    setDurationType({ label, value })\n  }\n\n  const columns = [\n    ...(withColor\n      ? [\n          {\n            Header: '',\n            accessor: 'color',\n            width: 20,\n            minWidth: 20,\n            Cell: ({\n              value: text,\n              row: {\n                original: { key },\n              },\n            }) => (\n              <Element\n                style={{\n                  width: '10px',\n                  opacity: selectedPath.paths.includes(key) ? 0.7 : 0.2,\n                  backgroundColor: text,\n                  wordWrap: 'break-word',\n                  wordBreak: 'break-word',\n                }}\n              >\n                &nbsp;\n              </Element>\n            ),\n          },\n        ]\n      : []),\n    {\n      Header: 'Path',\n      accessor: 'name',\n      width: 80,\n      minWidth: 80,\n      Cell: ({ value: name, row: { original } }) => (\n        <div onClick={e => e.stopPropagation()}>\n          <EditableLabel\n            style={{ width: '80px' }}\n            value={name}\n            showEditIcon={false}\n            onUpdate={({ target: { value } }) => handlePathnameUpdate({ path: original, name: value, graphProcessId })}\n            disabled={disablePathNameEdit}\n          />\n        </div>\n      ),\n    },\n    {\n      Header: 'Instances',\n      accessor: 'frequency',\n      width: 70,\n      minWidth: 70,\n      Cell: ({\n        value,\n        row: {\n          original: { frequency },\n        },\n      }) => <Bar percent={(frequency / pathData.totalFrequency) * 100} text={value} />,\n    },\n    {\n      Header: (\n        <Select\n          defaultValue={durationType}\n          menuPortalTarget={document.body}\n          onChange={e => changeDurationType(e)}\n          options={options}\n          size='small'\n          style={{ width: '130px' }}\n          styles={{\n            menu: {\n              zIndex: theme['z-modal-below'],\n            },\n          }}\n        />\n      ),\n      accessor: 'duration_string',\n      disableTooltip: true,\n      isNotText: true,\n      padding: '3px 0 0',\n      width: 130,\n      minWidth: 130,\n      Cell: ({\n        value,\n        row: {\n          original: { duration_value: durationValue, hideDuration },\n        },\n      }) => <Bar percent={(durationValue / pathData.totalSeconds) * 100} text={value} isHidden={hideDuration} />,\n    },\n    {\n      Header: <Icon icon='alarmclock' size={12} style={{ left: '3px', position: 'relative', top: '3px' }} />,\n      accessor: 'hideDuration',\n      width: 20,\n      minWidth: 20,\n      Cell: ({\n        value: hideDuration,\n        row: {\n          index: rowIndex,\n          original: { id },\n        },\n        column: { id: columnId },\n      }) => (\n        <div onClick={e => e.stopPropagation()}>\n          <Tooltip\n            config={{ triggerOffset: 12 }}\n            mouseEnterDelay={1000}\n            title='Show Duration Infomation'\n            placement='left-center'\n          >\n            <Checkbox\n              checked={!hideDuration}\n              onCheck={() => {\n                updateCellData(rowIndex, columnId, !hideDuration)\n                toggleHideDuration(id)\n              }}\n            />\n          </Tooltip>\n        </div>\n      ),\n    },\n    showPathLink && {\n      Header: '',\n      accessor: 'id',\n      width: 20,\n      minWidth: 20,\n      Cell: ({ value: id }) => (\n        <Link to={`/instances-viewer/${graphProcessId}?pathId=${id}&graphType=${graphType}`}>\n          <Tooltip mouseEnterDelay={1000} placement='left-center' title='View in Instances Viewer'>\n            <Icon icon='instances' />\n          </Tooltip>\n        </Link>\n      ),\n    },\n  ].filter(Boolean)\n\n  const handleOnRowClick = record => {\n    if (selectedPath.paths.includes(record.key)) {\n      // remove from row selection\n      const selectedKeys = selectedPath.paths.filter(row => record.key !== row)\n      const selectedPaths = pathData.data.reduce((acc, path) => {\n        if (selectedKeys.includes(path.key)) {\n          acc = [...acc, ...path.path]\n        }\n        return acc\n      }, [])\n      setSelectedPath(selectedPaths, selectedKeys)\n    } else {\n      // add to row selection if the path isn't disabled\n      const disabled = record.path.find(path => collapsed[path])\n      if (!disabled) {\n        const selectedKeys = [...selectedPath.paths, record.key]\n        setSelectedPath([...selectedPath.nodes, ...record.path], selectedKeys)\n      }\n    }\n  }\n\n  const rowSelection = {\n    selectedRows: selectedPath.paths,\n    selectedRowKey: 'key',\n    selectedRowColor: theme['table-row-select-background'],\n  }\n\n  return pathData?.data ? (\n    <Table\n      columns={columns}\n      data={pathData.data}\n      disablePagination={true}\n      disableResizing={true}\n      disableSortBy={true}\n      loading={!pathData?.data}\n      onRowClick={record => handleOnRowClick(record)}\n      rowSelection={rowSelection}\n      style={{ margin: `-${theme['default-spacer-sm']}` }}\n      verticalBorders={false}\n    />\n  ) : (\n    <Spin />\n  )\n}\n\nexport default PathStatistics\n","import React, { useMemo } from 'react'\nimport { chroma, theme } from '@fortressiq/fiq-ds'\nimport PropTypes from 'prop-types'\n\nimport { getTimeElapsed } from 'lib/Time'\n\nimport {\n  Charts,\n  defaultChartConfigProps,\n  FusionCharts,\n  FusionTheme,\n  ReactFC,\n  zeroChartMarginPadding,\n} from '../../../viz/index'\n\nReactFC.fcRoot(FusionCharts, Charts, FusionTheme)\n\nconst PathsByDuration = ({ paths }) => {\n  const pathData = useMemo(() => {\n    const getPathData = data =>\n      data.map(path => {\n        const averageDuration = Math.round(path.average_duration)\n        const timeStr = getTimeElapsed(averageDuration)\n\n        return {\n          label: path.name || path.key,\n          value: averageDuration,\n          valueDisplay: timeStr,\n        }\n      })\n\n    return getPathData(paths)\n  }, [paths])\n\n  const dataSource = {\n    chart: {\n      ...zeroChartMarginPadding,\n      paletteColors: chroma(theme['viz-bar-background-color']).hex(),\n      theme: 'fusion',\n    },\n    data: pathData,\n  }\n\n  const chartConfig = {\n    ...defaultChartConfigProps,\n    height: 300,\n    id: 'paths-by-duration-bar',\n    type: 'bar2d',\n  }\n\n  return <ReactFC {...chartConfig} dataSource={dataSource} />\n}\n\nPathsByDuration.propTypes = {\n  paths: PropTypes.arrayOf(\n    PropTypes.shape({\n      average_duration: PropTypes.number,\n      name: PropTypes.string,\n      key: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    })\n  ).isRequired,\n}\n\nexport default PathsByDuration\n","import React, { useMemo } from 'react'\nimport { chroma, theme } from '@fortressiq/fiq-ds'\nimport PropTypes from 'prop-types'\n\nimport {\n  Charts,\n  defaultChartConfigProps,\n  FusionCharts,\n  FusionTheme,\n  ReactFC,\n  zeroChartMarginPadding,\n} from '../../../viz/index'\n\nReactFC.fcRoot(FusionCharts, Charts, FusionTheme)\n\nconst PathsByInstances = ({ paths }) => {\n  const pathData = useMemo(() => {\n    const getPathData = data => {\n      return data.map(path => {\n        return {\n          label: path.name || path.key,\n          value: path.frequency,\n        }\n      })\n    }\n    return getPathData(paths)\n  }, [paths])\n\n  const dataSource = {\n    chart: {\n      ...zeroChartMarginPadding,\n      paletteColors: chroma(theme['viz-bar-background-color']).hex(),\n      theme: 'fusion',\n    },\n    data: pathData,\n  }\n\n  const chartConfig = {\n    ...defaultChartConfigProps,\n    height: 300,\n    id: 'paths-by-instances-bar',\n    type: 'bar2d',\n  }\n\n  return <ReactFC {...chartConfig} dataSource={dataSource} />\n}\n\nPathsByInstances.propTypes = {\n  paths: PropTypes.arrayOf(\n    PropTypes.shape({\n      frequency: PropTypes.number,\n      name: PropTypes.string,\n      key: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    })\n  ).isRequired,\n}\n\nexport default PathsByInstances\n","import React, { useState } from 'react'\nimport { ApplicationIcon, Tooltip } from '@fortressiq/fiq-ds'\n\nimport css from './stepsByApplication.scss'\n\nconst ApplicationSegment = ({ color, count, icon, item, total }) => {\n  const [showTooltip, setShowTooltip] = useState(false)\n\n  return (\n    <div\n      className={css.applicationContainer}\n      style={{\n        width: `${(count / total) * 100}%`,\n      }}\n      onMouseEnter={() => {\n        setShowTooltip(true)\n      }}\n      onMouseLeave={() => {\n        setShowTooltip(false)\n      }}\n    >\n      <div\n        key={item}\n        className={css.segment}\n        style={{\n          background: color,\n        }}\n      />\n      <div className={css.description}>\n        <Tooltip placement='top-center' defaultVisible={showTooltip} title={`${item}: ${count}`} key={item}>\n          <ApplicationIcon\n            style={{\n              // TODO: add this color to fiq-ds theme\n              border: '1px solid #a1acc1',\n              boxSizing: 'content-box',\n            }}\n            src={icon}\n            name={item}\n            size={20}\n            textLength={2}\n          />\n        </Tooltip>\n      </div>\n    </div>\n  )\n}\n\nexport default ApplicationSegment\n","import React from 'react'\nimport { Heading, Row, Col, theme } from '@fortressiq/fiq-ds'\n\nconst Stats = ({ steps, paths, instances, averageDuration, totalDuration }) => {\n  const gutter = 16\n  const stats = [\n    {\n      title: 'Steps',\n      count: steps,\n    },\n    {\n      title: 'Paths',\n      count: paths,\n    },\n    {\n      title: 'Instances',\n      count: instances,\n      style: {\n        borderRight: '0',\n      },\n    },\n    {\n      title: 'Avg. Dur.',\n      count: averageDuration,\n    },\n    {\n      title: 'Tot. Dur.',\n      count: totalDuration,\n    },\n  ]\n\n  const colStyle = {\n    borderRight: `1px solid ${theme['legacy-color-gray1']}`,\n    fontSize: '12px',\n    lineHeight: '15px',\n  }\n\n  const rowStyle = {\n    borderBottom: `1px solid ${theme['legacy-color-gray1']}`,\n    margin: '0 0 20px 0',\n    padding: `${theme['default-spacer-sm']} 0 20px 0`,\n  }\n\n  return (\n    <Row noOfCols={3} gutter={gutter} style={rowStyle}>\n      {stats.map(({ title, count, style = {} }, index) => (\n        <Col key={`col-${index}`} style={{ ...colStyle, ...style }}>\n          <Heading level={4}>{count}</Heading>\n          {title}\n        </Col>\n      ))}\n    </Row>\n  )\n}\n\nexport default Stats\n","import React from 'react'\nimport { graphColors, Heading } from '@fortressiq/fiq-ds'\n\nimport css from './stepsByApplication.scss'\nimport ApplicationSegment from './ApplicationSegment'\n\nconst StepsByApplication = ({ order, applications, total }) => (\n  <section className={css.container}>\n    <Heading className={css.heading} level={4}>\n      Steps by Application\n    </Heading>\n    <div className={css.slider}>\n      {order.map((item, i) => (\n        <ApplicationSegment\n          color={graphColors[i % graphColors.length]}\n          count={applications[item].count}\n          item={item}\n          total={total}\n          icon={applications[item].icon}\n          key={item}\n        />\n      ))}\n    </div>\n  </section>\n)\n\nexport default StepsByApplication\n","import React, { useState } from 'react'\nimport { defaultDivergentScale, Element } from '@fortressiq/fiq-ds'\nimport useDimensions from 'react-cool-dimensions'\nimport PropTypes from 'prop-types'\n\nimport {\n  Charts,\n  defaultChartConfigProps,\n  FusionCharts,\n  FusionTheme,\n  PowerCharts,\n  ReactFC,\n  zeroChartMarginPadding,\n} from '../../../viz/index'\n\nReactFC.fcRoot(FusionCharts, PowerCharts, Charts, FusionTheme)\n\nconst StepsByApplication = ({ order, applications }) => {\n  const [vizHeight, setHeight] = useState(300)\n  const [vizWidth, setWidth] = useState(386)\n  const { observe } = useDimensions({\n    onResize: ({ height, width }) => {\n      setHeight(height)\n      setWidth(width)\n    },\n  })\n\n  const containerProps = { ref: observe, style: { display: 'flex', height: '100%', alignItems: 'center' } }\n  const data = order.map(item => ({\n    label: item,\n    value: applications[item].count,\n  }))\n  const noOfEvents = data.length\n  const dataSource = {\n    chart: {\n      animateClockwise: '1',\n      ...zeroChartMarginPadding,\n      legendAllowDrag: '1',\n      legendPosition: 'right-top',\n      legendRows: 5,\n      paletteColors: String(defaultDivergentScale.colors(noOfEvents)),\n      pieRadius: '98%',\n      showLabels: '0',\n      showLegend: '1',\n      showPercentInToolTip: '1',\n      showPercentValues: '0',\n      showValues: '0',\n      theme: 'fusion',\n    },\n    data: data,\n  }\n\n  const chartConfig = {\n    ...defaultChartConfigProps,\n    height: vizHeight || '220',\n    id: 'steps-by-app-donut',\n    type: 'doughnut2d',\n    width: vizWidth,\n  }\n\n  return (\n    <Element {...containerProps}>\n      <ReactFC {...chartConfig} dataSource={dataSource} />\n    </Element>\n  )\n}\n\nStepsByApplication.propTypes = {\n  order: PropTypes.arrayOf(PropTypes.string).isRequired,\n  applications: PropTypes.shape({\n    count: PropTypes.number,\n  }).isRequired,\n}\n\nexport default StepsByApplication\n","/* eslint-disable import/prefer-default-export */\n\nimport { addPXSuffix } from 'helpers'\n\nexport const sidePanelWidth = 450\nexport const sidebarEasingTime = '0.4s'\nexport const sidebarEasingFunc = 'ease-in-out'\n\nconst br = { borderRadius: '0' }\n\nexport const controlsCSS = ({ collapse, theme }) => ({\n  background: theme.white,\n  borderLeft: `1px solid ${theme['legacy-color-gray1']}`,\n  display: 'inline-block',\n  overflowY: 'auto',\n  transition: `width ${sidebarEasingTime} ${sidebarEasingFunc}`,\n  width: collapse ? '0' : addPXSuffix(sidePanelWidth),\n  willChange: 'width',\n  zIndex: '1',\n  '> div': {\n    minWidth: addPXSuffix(sidePanelWidth),\n  },\n  '> .fiqds-collapse > .fiqds-collapse-panel': {\n    ...br,\n    '> header': {\n      border: `1px solid ${theme['dividing-line']}`,\n      ...br,\n      '&:first-child': {\n        borderTopWidth: '0',\n      },\n    },\n  },\n})\n\nexport const panelsCSS = ({ theme }) => ({\n  background: theme.white,\n  borderLeft: '0',\n  borderRight: '0',\n  borderTop: '0',\n  '> div': {\n    borderColor: theme['legacy-color-gray1'],\n  },\n})\n\nexport const toggleCSS = ({ collapse, theme }) => ({\n  background: theme.white,\n  bottom: theme['default-spacer-sm'],\n  cursor: 'pointer',\n  position: 'absolute',\n  right: collapse ? '0' : addPXSuffix(sidePanelWidth - 1),\n  transition: `right ${sidebarEasingTime} ${sidebarEasingFunc}`,\n  zIndex: '2',\n})\n","import React from 'react'\nimport { number, string, object, array, oneOfType } from 'prop-types'\nimport { observer } from 'mobx-react'\nimport store from './SVGDropZoneStore'\n\nimport css from './svgDropZone.scss'\n\n/***\n * A component meant to be a drop target for an SVG ---\n * This works by tracking data and utilizing mouse events\n * The sourceTypes.js has an enumeration of drag object \"sourceTypes\"\n * This helps the component know if the drop source is meant for this target\n * the target has hover indicators\n * 'id' is required in the React code, this differs from sourceType in that this ids a particular drop zone\n *\n * Developers aiming to use this:\n *   must set:\n *   dragging state (draggingNode) and dragging sourceType (draggingType)\n *   in the svg's dragStart and drop handlers in order for this component\n *   to understand what is being dragged and that there is in fact a drag occurring\n *   (draggingX, draggingY)  can be set for drag source coordinates.\n *   In the drop handler, you can tell which target has what by 'id'\n *\n * props data -- ties to the data of the drag source\n * Once this is populated, there is a successful drop.\n * The dropped item rendered is in this.props.children or prop 'defaultDisplay'\n *\n * Component has a default style of a gray box with a dashed border\n ***/\n@observer\nclass SVGDropZone extends React.Component {\n  static propTypes = {\n    id: string.isRequired,\n    data: oneOfType([number, string, object, array]),\n    width: number,\n    height: number,\n    defaultDisplay: oneOfType([number, string, object]),\n    sourceType: string.isRequired,\n    className: string,\n  }\n\n  static defaultProps = {\n    data: null,\n    width: null,\n    height: null,\n    defaultDisplay: '',\n    className: '',\n  }\n\n  constructor(props) {\n    super(props)\n\n    this.state = { hovering: false }\n  }\n\n  componentWillUnmount() {\n    const { id } = this.props\n    store.clearZone(id)\n  }\n\n  render() {\n    const { children, className, data, defaultDisplay, height, minHeight, type, width } = this.props\n    const { hovering } = this.state\n\n    return (\n      <div\n        className={`${css.dropBox} ${className || ''} ${type === store.draggingType ? css.hover : ''}`}\n        style={{\n          width: width ? `${width}px` : '100%',\n          minHeight: `${minHeight}px` || 'initial',\n          height: height ? `${height}px` : 'auto',\n          lineHeight: `${height ? height - 22 : minHeight - 26}px`,\n          background: hovering ? '#ddd' : '#eee',\n        }}\n        onMouseOver={this.onMouseOver}\n        onMouseOut={this.onMouseOut}\n        onFocus={this.onMouseOver}\n        onBlur={this.onMouseOut}\n      >\n        {data ? children : defaultDisplay}\n      </div>\n    )\n  }\n\n  onMouseOver = e => {\n    const { id, sourceType } = this.props\n    store.inDropZone.set(id, true)\n    if (sourceType === store.draggingType && store.draggingNode) this.setState({ hovering: true })\n  }\n\n  onMouseOut = e => {\n    e.stopPropagation()\n    const { id } = this.props\n    store.inDropZone.set(id, false)\n    this.setState({ hovering: false })\n  }\n}\n\nexport default SVGDropZone\n","import { observable, action } from 'mobx'\n\n//id is assigned to the drop zones\n//this id should pair up with a drag target id\n//when dragging draggingNode and draggingId need to be set\n\n//in the d3 code's drag and drop handlers,\n// developers will need to set:\n//   draggingNode:  we are currently dragging\n//   draggingType: this is the type of target/source that is being dragged (types.js)\n//   draggingDetails: (optional) is data attatched to the dragged object\n//   draggingNodeX and draggingNodeY: are the drag coordinates\n\n// droppedSources can be referrenced to see what sources have been dropped\nclass SVGDropZoneStore {\n  @observable draggingNode = false\n\n  @observable draggingType = ''\n\n  @observable draggingDetails = {}\n\n  @observable draggingNodeX = 0\n\n  @observable draggingNodeY = 0\n\n  @observable inDropZone = new Map()\n\n  @action\n  clearZone = key => {\n    this.inDropZone.delete(key)\n    this.draggingNode = false\n    this.draggingType = ''\n    this.draggingDetails = {}\n  }\n}\n\nexport default new SVGDropZoneStore()\n","const sourceTypes = {\n  NODE: 'Node',\n  BUTTERFLYNODE: 'ButterflyNode',\n}\n\nexport default sourceTypes\n","import React from 'react'\nimport localizer from 'lib/Localizer'\nimport { eventFilterFields } from 'constants/event-constants'\nimport css from './filterBreadcrumbs.scss'\n\nconst valueTransforms = {\n  observed_at: val => (/Z$/.test(val) ? localizer.asPreciseTime(val) : val),\n}\n\nconst fieldTransforms = eventFilterFields.reduce((acc, { name, label }) => ({ ...acc, [name]: label }), {})\n\nconst RuleTag = ({ id, field, operator, value }) => (\n  <div className={css.filterNameTag} key={id}>\n    {`${fieldTransforms[field] || field} ${operator} ${valueTransforms[field] ? valueTransforms[field](value) : value}`}\n  </div>\n)\n\nconst recurseRules = (rules, level = 1) =>\n  rules.map((rule, index) =>\n    rule.rules ? recurseRules(rule.rules, level + 1) : <RuleTag {...rule} key={`rules-${level}-${index}`} />\n  )\n\nconst FilterBreadcrumbs = ({ query }) => {\n  if (!query) return null\n\n  return <div className={css.container}>{query.rules && recurseRules(query.rules)}</div>\n}\n\nexport default FilterBreadcrumbs\n","import React from 'react'\nimport { useNotification } from '@fortressiq/fiq-ds'\n\nexport default Component => props => {\n  const { addNotification } = useNotification()\n\n  return <Component addNotification={addNotification} {...props} />\n}\n","import React, { useState, useEffect } from 'react'\nimport { Select, theme } from '@fortressiq/fiq-ds'\nimport { useFetch } from 'lib/hooks'\n\nimport { func, string, shape, bool, oneOfType, number, arrayOf } from 'prop-types'\n\nconst AsyncSelect = ({\n  constructData,\n  controlled,\n  name,\n  onChange,\n  optionsValueKey,\n  params,\n  placeholder,\n  portal,\n  portalTarget,\n  style,\n  url,\n  values,\n  value,\n  isDisabled,\n  isMulti = true,\n}) => {\n  const { data = [], isLoading } = useFetch(url, params)\n  const [selectOptions, setSelectOptions] = useState()\n  const [selectValues, setSelectValues] = useState()\n\n  useEffect(() => {\n    if (constructData) {\n      setSelectOptions(constructData(data))\n    } else {\n      const transformedOptions = data.map(item => ({\n        label: item.label,\n        value: item.value,\n      }))\n      setSelectOptions(transformedOptions)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [data.length, constructData])\n\n  useEffect(() => {\n    if (selectOptions?.length && isMulti && values?.length) {\n      const transformedDefaultValues = selectOptions.filter(option => values.includes(option[optionsValueKey]))\n      setSelectValues(transformedDefaultValues)\n    } else if (selectOptions?.length && !isMulti && value) {\n      const transformedDefaultValue = selectOptions.find(option => option[optionsValueKey].toString() === value)\n      setSelectValues(transformedDefaultValue)\n    } else {\n      setSelectValues(undefined)\n    }\n  }, [selectOptions, optionsValueKey, values, value, isMulti])\n\n  const onChangeHandler = e => {\n    const obj = {\n      target: {\n        name,\n        value: e,\n        optionsValueKey,\n      },\n    }\n    if (!controlled) {\n      setSelectValues(e)\n    }\n    onChange(obj)\n  }\n\n  const portalProps = portal\n    ? {\n        menuPortalTarget: document.getElementById(portalTarget) || document.body,\n        menuShouldBlockScroll: true,\n      }\n    : {}\n  const styles = {\n    ...(!portal && { menu: { zIndex: theme['z-base-above'] } }),\n    ...(portal && { menuPortal: { zIndex: theme['z-modal-above'] } }),\n  }\n\n  return (\n    <Select\n      isDisabled={isDisabled}\n      isLoading={isLoading}\n      isMulti={isMulti}\n      onChange={onChangeHandler}\n      options={selectOptions}\n      placeholder={placeholder}\n      style={style}\n      styles={styles}\n      value={selectValues}\n      {...portalProps}\n    />\n  )\n}\n\nAsyncSelect.defaultProps = {\n  constructData: undefined,\n  controlled: true,\n  optionsValueKey: 'value',\n  params: undefined,\n  portal: false,\n  style: undefined,\n  values: undefined,\n}\n\nAsyncSelect.propTypes = {\n  constructData: func,\n  controlled: bool,\n  name: string.isRequired,\n  onChange: func.isRequired,\n  optionsValueKey: string,\n  params: shape({}),\n  placeholder: string.isRequired,\n  portal: bool,\n  style: shape({}),\n  url: string.isRequired,\n  values: arrayOf(oneOfType([string, number])),\n}\n\nexport default AsyncSelect\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Checkbox, useController } from '@fortressiq/fiq-ds'\n\nconst ControlledCheckbox = ({ children, control, name, rules, defaultValue, style }) => {\n  const {\n    field: { onChange, ref, value, ...inputProps },\n  } = useController({\n    name,\n    control,\n    rules: rules,\n    defaultValue: defaultValue,\n  })\n  return (\n    <Checkbox\n      {...inputProps}\n      checked={value}\n      defaultChecked={value}\n      inputRef={ref}\n      onCheck={e => {\n        onChange(e)\n      }}\n      style={style}\n    >\n      {children}\n    </Checkbox>\n  )\n}\n\nControlledCheckbox.defaultProps = {\n  rules: undefined,\n  defaultValue: true,\n}\n\nControlledCheckbox.propTypes = {\n  control: PropTypes.shape().isRequired,\n  name: PropTypes.string.isRequired,\n  defaultValue: PropTypes.bool,\n  rules: PropTypes.shape(),\n}\n\nexport default ControlledCheckbox\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { useController } from '@fortressiq/fiq-ds'\nimport QueryBuilder from 'components/query_builder/QueryBuilder'\n\nconst ControlledQueryBuilder = ({ control, name, fields, rules, setIsValid }) => {\n  const {\n    field: { value, onChange },\n  } = useController({\n    name,\n    control,\n    rules,\n  })\n\n  return <QueryBuilder query={value} fields={fields} setQuery={onChange} setIsValid={setIsValid} />\n}\n\nControlledQueryBuilder.defaultProps = {\n  rules: undefined,\n}\n\nControlledQueryBuilder.propTypes = {\n  control: PropTypes.shape({}).isRequired,\n  name: PropTypes.string.isRequired,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.string,\n    })\n  ).isRequired,\n  rules: PropTypes.shape({}),\n}\n\nexport default ControlledQueryBuilder\n","/* eslint-disable react/jsx-indent */\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { RadioGroup, Radio, useController } from '@fortressiq/fiq-ds'\n\nconst ControlledRadioGroup = ({ control, name, options, rules, button, style, children, isDisabled, onChange }) => {\n  const {\n    field: { value, onChange: rhfOnChange },\n  } = useController({\n    name,\n    control,\n    rules,\n  })\n\n  return (\n    <RadioGroup\n      button={button}\n      aria-label={name}\n      name={name}\n      onChange={e => {\n        if (onChange) onChange(e.selectedValue, value)\n        rhfOnChange(e.selectedValue)\n      }}\n      selectedValue={value}\n      style={style}\n    >\n      {options\n        ? options.map(({ label, value: v }) => (\n            <Radio key={`radio-${name}-${v}`} value={v} isDisabled={isDisabled}>\n              {label}\n            </Radio>\n          ))\n        : children}\n    </RadioGroup>\n  )\n}\n\nControlledRadioGroup.defaultProps = {\n  rules: undefined,\n  button: false,\n  style: undefined,\n  isDisabled: false,\n}\n\nControlledRadioGroup.propTypes = {\n  control: PropTypes.shape({}).isRequired,\n  name: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string,\n    })\n  ).isRequired,\n  rules: PropTypes.shape({}),\n  button: PropTypes.bool,\n  style: PropTypes.shape({}),\n  isDisabled: PropTypes.bool,\n}\n\nexport default ControlledRadioGroup\n","/* eslint-disable prefer-destructuring */\nimport React from 'react'\nimport { DateTimePickerRange, useController } from '@fortressiq/fiq-ds'\nimport { bool, shape, string } from 'prop-types'\n\nconst ControlledRangePicker = ({ control, defaultValue, id, name, rules, style, ...DatePickerRangeprops }) => {\n  const {\n    field: { onChange, value, onBlur },\n  } = useController({\n    name,\n    control,\n    rules,\n    defaultValue,\n  })\n\n  const rangePickerCSS = {\n    display: 'block',\n    width: '100%',\n    ...style,\n  }\n\n  return (\n    <DateTimePickerRange\n      bordered={true}\n      name={name}\n      onBlur={onBlur}\n      style={rangePickerCSS}\n      id={id}\n      onChange={onChange}\n      placeholder='Select a Date range...'\n      showTime={false}\n      withPortal={true}\n      value={value || []}\n      {...DatePickerRangeprops}\n    />\n  )\n}\n\nControlledRangePicker.defaultProps = {\n  rules: undefined,\n  defaultValue: undefined,\n}\n\nControlledRangePicker.propTypes = {\n  control: shape().isRequired,\n  id: string.isRequired,\n  name: string.isRequired,\n  defaultValue: bool,\n  rules: shape(),\n}\n\nexport default ControlledRangePicker\n","import React, { useState, useEffect, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { Select, useController, theme } from '@fortressiq/fiq-ds'\nimport api from 'lib/Api'\n\nconst ControlledSelect = ({\n  constructData,\n  constructSelectedValue,\n  control,\n  dataKey,\n  defaultValue,\n  isDisabled,\n  isLoading: controlledIsLoading,\n  isMulti,\n  name,\n  onChangeCallback,\n  options: controlledOptions,\n  params,\n  placeholder,\n  portal,\n  rules,\n  style,\n  styles,\n  url,\n  valueKey,\n}) => {\n  const [options, setOptions] = useState(url ? undefined : controlledOptions)\n  const [isLoading, setIsLoading] = useState(url ? true : controlledIsLoading)\n  const [selectValue, setSelectValue] = useState()\n\n  const { current: currentParams } = useRef(params)\n\n  useEffect(() => {\n    const fetchOptions = async () => {\n      setIsLoading(true)\n      const response = await api.get(url, currentParams)\n      const data = response[dataKey]\n      if (constructData) {\n        setOptions(constructData(data))\n      } else {\n        setOptions(data.map(item => ({ label: item.label, value: item[valueKey] })))\n      }\n      setIsLoading(false)\n    }\n    if (!options && url) {\n      fetchOptions()\n    }\n  }, [url, options, constructData, valueKey, currentParams, dataKey])\n\n  const {\n    field: { ref, value, onChange, ...inputProps },\n  } = useController({\n    name,\n    control,\n    rules,\n    defaultValue,\n  })\n\n  const onChangeHandler = e => {\n    if (constructSelectedValue) {\n      onChange(e[valueKey])\n      if (onChangeCallback) onChangeCallback(e[valueKey])\n    } else {\n      onChange(e)\n      if (onChangeCallback) onChangeCallback(e)\n    }\n    if (onChangeCallback) {\n      onChangeCallback(e)\n    }\n  }\n\n  useEffect(() => {\n    if (constructSelectedValue) {\n      if (options?.length && value) {\n        const transformedDefaultValues = isMulti\n          ? options.filter(option => value.includes(option[valueKey]))\n          : options.filter(option => value === option[valueKey])[0]\n        setSelectValue(transformedDefaultValues)\n      } else {\n        setSelectValue(undefined)\n      }\n    } else {\n      setSelectValue(value)\n    }\n  }, [options, valueKey, value, constructSelectedValue, isMulti])\n\n  const portalProps = portal\n    ? {\n        menuPortalTarget: document.body,\n        menuShouldBlockScroll: true,\n      }\n    : {}\n\n  const menuStyles = {\n    ...(portal && { menuPortal: { zIndex: theme['z-modal-above'] } }),\n  }\n\n  return (\n    <Select\n      onChange={onChangeHandler}\n      {...inputProps}\n      isLoading={isLoading}\n      isDisabled={isDisabled}\n      isMulti={isMulti}\n      placeholder={placeholder}\n      value={selectValue}\n      options={options}\n      ref={ref}\n      style={style}\n      styles={{ ...menuStyles, ...styles }}\n      {...portalProps}\n    />\n  )\n}\n\nControlledSelect.defaultProps = {\n  constructData: undefined,\n  dataKey: 'data',\n  isDisabled: false,\n  isLoading: false,\n  isMulti: true,\n  onChangeCallback: undefined,\n  options: undefined,\n  params: undefined,\n  placeholder: 'Select...',\n  portal: false,\n  rules: undefined,\n  style: undefined,\n  url: undefined,\n  valueKey: 'value',\n}\n\nControlledSelect.propTypes = {\n  constructData: PropTypes.func,\n  control: PropTypes.shape({}).isRequired,\n  dataKey: PropTypes.string,\n  isDisabled: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  isMulti: PropTypes.bool,\n  name: PropTypes.string.isRequired,\n  onChangeCallback: PropTypes.func,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string,\n    })\n  ),\n  params: PropTypes.shape(),\n  placeholder: PropTypes.string,\n  portal: PropTypes.bool,\n  rules: PropTypes.shape({}),\n  style: PropTypes.shape(),\n  url: PropTypes.string,\n  valueKey: PropTypes.string,\n}\n\nexport default ControlledSelect\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Switch, useController } from '@fortressiq/fiq-ds'\n\nconst ControlledSwitch = ({ control, name, rules, defaultValue }) => {\n  const {\n    field: { onChange, ref, value, ...inputProps },\n  } = useController({\n    name,\n    control,\n    rules: rules,\n    defaultValue: defaultValue,\n  })\n\n  return (\n    <Switch\n      {...inputProps}\n      checked={value}\n      defaultChecked={value}\n      onSwitch={({ SWITCH_STATE }) => onChange(SWITCH_STATE)}\n      ref={ref}\n    />\n  )\n}\n\nControlledSwitch.defaultProps = {\n  rules: undefined,\n  defaultValue: true,\n}\n\nControlledSwitch.propTypes = {\n  control: PropTypes.shape().isRequired,\n  name: PropTypes.string.isRequired,\n  defaultValue: PropTypes.bool,\n  rules: PropTypes.shape(),\n}\n\nexport default ControlledSwitch\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Label, Element, Alert, theme, Typography } from '@fortressiq/fiq-ds'\n\nconst { Text } = Typography\n\nconst FieldWrapper = ({ align, children, error, helperText, htmlFor, isRequired, label, style: styleProp }) => {\n  const style = {\n    marginBottom: theme['default-spacer-md'],\n    ...(align === 'right' && { display: 'flex', flexDirection: 'column', placeItems: 'flex-end' }),\n    ...(styleProp || {}),\n  }\n\n  return (\n    <Element style={style}>\n      {label && (\n        <Label htmlFor={htmlFor} isRequired={isRequired}>\n          {label}\n        </Label>\n      )}\n      {children}\n      {!!error && (\n        <Alert\n          style={{ margin: `${theme['default-spacer-sm']} 0 0` }}\n          icon='error'\n          message={error?.message}\n          role='alert'\n          showIcon={true}\n          type='error'\n        />\n      )}\n      {helperText && (\n        <Text style={{ fontSize: theme['font-size-sm'], display: 'block', marginTop: theme['default-spacer-xs'] }}>\n          {helperText}\n        </Text>\n      )}\n    </Element>\n  )\n}\n\nFieldWrapper.defaultProps = {\n  error: undefined,\n  helperText: undefined,\n  htmlFor: undefined,\n  label: undefined,\n  style: {},\n}\n\nFieldWrapper.propTypes = {\n  error: PropTypes.shape(),\n  helperText: PropTypes.string,\n  htmlFor: PropTypes.string,\n  label: PropTypes.string,\n  style: PropTypes.shape(),\n}\n\nexport default FieldWrapper\n","import uniqueOptionsByDate from './uniqueOptionsByDate'\n\nconst constructApplicationOptions = data => {\n  const applicationsArr = uniqueOptionsByDate(data)\n  return applicationsArr.map(({ label, value, unstructured }) => ({\n    label: unstructured ? `${label} (unstructured)` : label,\n    value: label,\n    id: value,\n  }))\n}\n\nexport default constructApplicationOptions\n","const uniqueOptionsByDate = data => {\n  // removes duplicated options, by picking the last created\n  const optionMap = new Map(data.reverse().map(x => [x.label, x]))\n  return [...optionMap.values()].reverse()\n}\n\nexport default uniqueOptionsByDate\n","export const halfPageFormCSS = () => ({\n  width: '50%',\n})\n\nexport const quarterPageFormCSS = () => ({\n  width: '25%',\n})\n","import React, { useRef } from 'react'\nimport { Element } from '@fortressiq/fiq-ds'\nimport { Helmet } from 'react-helmet-async'\n\nimport { fixedHeaderCSS, fixedHeaderRowCSS } from './styles'\n\nconst FixedHeader = ({ children, className, helmetTitle }) => {\n  const ref = useRef(null)\n\n  return (\n    <Element className={className} ref={ref} style={fixedHeaderCSS}>\n      <Helmet defer={false}>\n        <title>{helmetTitle} - Process Discovery</title>\n      </Helmet>\n      <Element style={fixedHeaderRowCSS}>{children}</Element>\n    </Element>\n  )\n}\n\nexport default FixedHeader\n","/* eslint-disable import/prefer-default-export */\n\nexport const fixedHeaderCSS = ({ theme }) => ({\n  background: theme.white,\n  position: 'sticky',\n  top: 0,\n  zIndex: theme['z-base-above'],\n})\n\nexport const fixedHeaderRowCSS = () => ({\n  position: 'relative',\n  width: '100%',\n})\n","import React, { useEffect, useState } from 'react'\nimport { Button, ImageViewer, useFela } from '@fortressiq/fiq-ds'\n\nimport { useUserState } from 'context/UserContext'\nimport { imageContainerCss } from './styles'\n\nconst UnredactedImageViewerWithOption = ({ containerCss, images, ...imageProps }) => {\n  const currentUser = useUserState()\n  const { canViewUnredactedImages } = currentUser\n  const [showingUnredacted, setShowingUnredacted] = useState(false)\n  const [imagesToShow, setImagesToShow] = useState(images)\n  const [currentImage, setCurrentImage] = useState(images[0])\n\n  const { css } = useFela()\n\n  useEffect(() => {\n    setShowingUnredacted(false)\n    setImagesToShow(images)\n    setCurrentImage(images[0])\n  }, [images])\n\n  const currentImageScr = currentImage?.image?.src || currentImage.src\n\n  if (!canViewUnredactedImages || !currentImageScr || currentImageScr?.length === 0)\n    return (\n      <ImageViewer\n        images={imagesToShow}\n        {...imageProps}\n        getImageData={setCurrentImage}\n        fullscreenEnabled={currentImageScr || currentImageScr?.length > 0}\n      />\n    )\n  else\n    return (\n      <div className={css(containerCss, imageContainerCss)}>\n        <ImageViewer images={imagesToShow} {...imageProps} getImageData={setCurrentImage} />\n        <Button\n          onClick={() => {\n            if (showingUnredacted) {\n              setImagesToShow(images)\n              setShowingUnredacted(false)\n            } else {\n              setImagesToShow(images.map(image => ({ ...image, src: `${image.src}?unredacted=1` })))\n              setShowingUnredacted(true)\n            }\n          }}\n        >\n          Show {showingUnredacted ? 'redacted' : 'unredacted'} Image\n        </Button>\n      </div>\n    )\n}\n\nexport default UnredactedImageViewerWithOption\n","import React, { useEffect, useState } from 'react'\nimport { Button, Image, useFela } from '@fortressiq/fiq-ds'\n\nimport { useUserState } from 'context/UserContext'\nimport { imageContainerCss } from './styles'\n\nconst UnredactedImageWithOption = ({ src, containerCss, ...imageProps }) => {\n  const currentUser = useUserState()\n  const { canViewUnredactedImages } = currentUser\n  const [showingUnredacted, setShowingUnredacted] = useState(false)\n  const [imageToShow, setImageToShow] = useState(src)\n\n  const { css } = useFela()\n\n  useEffect(() => {\n    setShowingUnredacted(false)\n    setImageToShow(src)\n  }, [src])\n\n  if (!canViewUnredactedImages || !src || src?.length === 0) return <Image src={src} {...imageProps} />\n  else\n    return (\n      <div className={css(containerCss, imageContainerCss)}>\n        <Image src={imageToShow} {...imageProps} />\n        <Button\n          onClick={e => {\n            e.preventDefault()\n            e.stopPropagation()\n            if (showingUnredacted) {\n              setImageToShow(src)\n              setShowingUnredacted(false)\n            } else {\n              setImageToShow(`${src}?unredacted=1`)\n              setShowingUnredacted(true)\n            }\n          }}\n        >\n          Show {showingUnredacted ? 'redacted' : 'unredacted'} Image\n        </Button>\n      </div>\n    )\n}\n\nexport default UnredactedImageWithOption\n","/* eslint-disable import/prefer-default-export */\nexport const imageContainerCss = { display: 'flex', flexDirection: 'column', height: '100%' }\n","import React from 'react'\nimport { bool, string, objectOf, oneOfType, object, number } from 'prop-types'\nimport { Icon, Tooltip, theme } from '@fortressiq/fiq-ds'\n\nconst InfoTooltip = ({ small, title, size = 16, style, containerStyle }) => {\n  const infoStyle = {\n    display: 'flex',\n    flexDirection: 'column',\n    ...(!small && { width: '300px' }),\n  }\n  const infoContainerStyle = {\n    cursor: 'help',\n    display: 'inline-block',\n    marginLeft: theme['default-spacer-sm'],\n    position: 'relative',\n    top: '2px',\n  }\n\n  return (\n    <Tooltip style={{ ...infoStyle, ...style }} title={title}>\n      <Icon icon='infocircle' size={size} stroke='currentColor' style={{ ...infoContainerStyle, ...containerStyle }} />\n    </Tooltip>\n  )\n}\n\nInfoTooltip.propTypes = {\n  small: bool,\n  title: oneOfType([string, object]).isRequired,\n  size: number,\n  style: objectOf(oneOfType([string, number, object])),\n  containerStyle: objectOf(oneOfType([string, number, object])),\n}\n\nexport default InfoTooltip\n","import React from 'react'\nimport { string, func, shape, oneOfType, bool } from 'prop-types'\nimport { EditableLabel, Typography, theme } from '@fortressiq/fiq-ds'\n\nconst { Text } = Typography\n\nconst TextToInput = ({ name, value, onEnter, emptyText, textStyle = {}, tooltipProps }) => (\n  <EditableLabel\n    value={value}\n    onUpdate={({ target: { value: newValue } }) => onEnter(name, newValue)}\n    inputProps={{\n      containerProps: { style: { width: '100%' } },\n    }}\n    tooltipProps={tooltipProps}\n    render={({ children }) => {\n      return (\n        <Text\n          ellipsis={true}\n          as='span'\n          style={{\n            ...textStyle,\n            ...(!children\n              ? {\n                  display: 'block',\n                  fontStyle: 'italic',\n                  color: theme['typography-disabled-color'],\n                }\n              : {}),\n          }}\n        >\n          {children || emptyText || 'Empty'}\n        </Text>\n      )\n    }}\n  />\n)\n\nTextToInput.propTypes = {\n  name: string.isRequired,\n  emptyText: string,\n  value: string.isRequired,\n  onEnter: func.isRequired,\n  textStyle: oneOfType([shape, bool]),\n}\n\nexport default TextToInput\n","import React from 'react'\nimport classNames from 'classnames'\nimport { Collapse } from '@fortressiq/fiq-ds'\n\n// eslint-disable-next-line prefer-destructuring\nconst Panel = Collapse.Panel\n\nexport default class Inspector extends React.Component {\n  constructor(props) {\n    super(props)\n    this.state = {\n      showDetails: true,\n    }\n  }\n\n  render() {\n    const { showDetails } = this.state\n    const { header, children, className } = this.props\n\n    return (\n      <Collapse\n        className={classNames({\n          [className]: className,\n        })}\n        openKeys={['1']}\n        expandIconPosition='right'\n        style={{ padding: '0' }}\n      >\n        {showDetails && (\n          <Panel header={header} panelKey='1'>\n            {children}\n          </Panel>\n        )}\n      </Collapse>\n    )\n  }\n}\n","import React from 'react'\nimport css from './spinner.scss'\n\n// CREDIT: https://github.com/tobiasahlin/SpinKit\n\nconst Spinner = props => {\n  const { className, style } = props\n  return (\n    <span className={`${css.spinner} ${className || ''}`} style={style}>\n      <div className={css.bounce1} />\n      <div className={css.bounce2} />\n      <div className={css.bounce3} />\n    </span>\n  )\n}\n\nexport default Spinner\n","import React from 'react'\nimport { Element, useFela } from '@fortressiq/fiq-ds'\n\nconst Main = ({ className = '', noPadding, ...props }) => {\n  const { css, theme } = useFela()\n\n  const classes = `${css({\n    padding: noPadding ? 0 : theme['default-spacer-lg'],\n  })}${className ? ` ${className}` : ''}`\n\n  return <Element className={classes} {...props} />\n}\n\nexport default Main\n","/* eslint \"react-hooks/exhaustive-deps\": 0 */ // --> OFF\nimport React, { useRef, useState, useEffect, useCallback, useMemo } from 'react'\nimport { Element, helpers } from '@fortressiq/fiq-ds'\nimport { string, number } from 'prop-types'\n\nimport { backCSS, controlCSS } from './styles'\n\nconst { addPXSuffix } = helpers\n\nconst MiniMap = ({ maxHeight, maxWidth, zoom, mapOf, viewport }) => {\n  const controlRef = useRef(null)\n  const backRef = useRef(null)\n\n  const [fullwidth, setFullWidth] = useState(100)\n  const [fullheight, setFullHeight] = useState(90)\n  const [viewWidth, setViewWidth] = useState(10) //viewport inside scroll\n  const [viewHeight, setViewHeight] = useState(10)\n  const [mapScale, setMapScale] = useState(0.09)\n  const [controlXY, setControlXY] = useState({ x: 0, y: 0 })\n  const [loaded, setLoaded] = useState(false)\n  const [viewportEl, setViewport] = useState(null)\n\n  const setBoxInfo = useCallback(() => {\n    const el = document.getElementById(mapOf)\n    const vel = document.getElementById(viewport)\n\n    if (!el || !vel) {\n      setLoaded(false)\n      return false\n    }\n\n    setViewport(vel)\n    setLoaded(true)\n    const newMapScale = Math.min(maxHeight / el.scrollHeight, maxWidth / el.scrollWidth)\n    setFullWidth(el.scrollWidth * newMapScale)\n    setFullHeight(el.scrollHeight * newMapScale)\n    setViewWidth(el.scrollWidth * newMapScale * (vel.offsetWidth / (el.scrollWidth * zoom)))\n    setViewHeight(el.scrollHeight * newMapScale * (vel.offsetHeight / (el.scrollHeight * zoom)))\n    setMapScale(newMapScale)\n    return true\n  })\n\n  const scrollHandler = useCallback(\n    e => {\n      if (!loaded) {\n        if (!setBoxInfo()) return\n      }\n      if (controlRef.current) {\n        const x = e.target.scrollLeft * mapScale\n        const y = e.target.scrollTop * mapScale\n\n        setControlXY({ x: x, y: y })\n      }\n    },\n    [mapScale]\n  )\n\n  const keyHandler = useCallback(\n    e => {\n      if (!loaded) {\n        if (!setBoxInfo()) return\n      }\n      const rect = e.target.getBoundingClientRect()\n      const top = +controlRef.current.style.top.replace('px', '')\n      const left = +controlRef.current.style.left.replace('px', '')\n\n      //left\n      if (e.key === 'ArrowLeft') {\n        let ncoord = left - 2\n        if (ncoord < 0) ncoord = 0\n        viewportEl.scrollLeft = ncoord / mapScale\n      }\n\n      //up\n      if (e.key === 'ArrowUp') {\n        let ncoord = top - 2\n        if (ncoord < 0) ncoord = 0\n        viewportEl.scrollTop = ncoord / mapScale\n      }\n\n      //right\n      if (e.key === 'ArrowRight') {\n        let ncoord = left + 2\n        if (ncoord > rect.right) ncoord = rect.right\n        viewportEl.scrollLeft = ncoord / mapScale\n      }\n\n      //down\n      if (e.key === 'ArrowDown') {\n        let ncoord = top + 2\n        if (ncoord > rect.top) ncoord = rect.top\n        viewportEl.scrollTop = ncoord / mapScale\n      }\n    },\n    [mapScale]\n  )\n\n  const dragControlHandler = useCallback(\n    e => {\n      if (!loaded) {\n        if (!setBoxInfo()) return\n      }\n      const rect = backRef.current.getBoundingClientRect()\n      let x = e.clientX - rect.left\n      let y = e.clientY - rect.top\n\n      //give bounds -- push back if bounds greater than 'back' edges\n      if (x < 0) x = 0\n      if (y < 0) y = 0\n      if (x > rect.right) x = Math.floor(rect.right - controlRef.current.offsetWidth)\n      if (y > rect.bottom - rect.top) y = Math.floor(rect.bottom - rect.top - controlRef.current.offsetHeight)\n\n      setControlXY({ x: x, y: y })\n\n      viewportEl.scrollTop = y / mapScale\n      viewportEl.scrollLeft = x / mapScale\n    },\n    [mapScale]\n  )\n\n  const clickPanHandler = useCallback(\n    e => {\n      if (e.target === controlRef.current) return\n      if (!loaded) {\n        if (!setBoxInfo()) return\n      }\n\n      const rect = e.target.getBoundingClientRect()\n      const x = e.clientX - rect.left\n      const y = e.clientY - rect.top\n\n      setControlXY({ x: x, y: y })\n\n      viewportEl.scrollTop = y / mapScale\n      viewportEl.scrollLeft = x / mapScale\n    },\n    [mapScale]\n  )\n\n  useEffect(() => {\n    setBoxInfo()\n  }, [])\n\n  useEffect(() => {\n    const vel = document.getElementById(viewport)\n\n    vel.addEventListener('scroll', scrollHandler)\n    window.addEventListener('resize', setBoxInfo)\n\n    return () => {\n      vel.removeEventListener('scroll', scrollHandler)\n      window.removeEventListener('resize', setBoxInfo)\n    }\n  }, [loaded])\n\n  useEffect(() => {\n    //minimap should size when zoom changed\n    setBoxInfo()\n  }, [zoom])\n\n  const controlStyles = useMemo(() => {\n    let computedStyles = {\n      height: viewHeight,\n      left: controlXY.x,\n      top: controlXY.y,\n      width: viewWidth,\n    }\n\n    // eslint-disable-next-line no-restricted-syntax\n    for (const [key, value] of Object.entries(computedStyles)) {\n      computedStyles = { ...computedStyles, [key]: addPXSuffix(Math.floor(value)) }\n    }\n\n    return computedStyles\n  }, [controlXY, viewHeight, viewWidth])\n\n  return (\n    <Element\n      height={addPXSuffix(fullheight)}\n      id='process-explorere-minimap'\n      onClick={clickPanHandler}\n      onKeyDown={keyHandler}\n      ref={backRef}\n      style={backCSS}\n      tabIndex='-1'\n      width={addPXSuffix(fullwidth)}\n    >\n      <Element draggable={true} onDragEnd={dragControlHandler} ref={controlRef} style={controlCSS(controlStyles)} />\n    </Element>\n  )\n}\n\nMiniMap.propTypes = {\n  mapOf: string.isRequired,\n  viewport: string.isRequired,\n  zoom: number,\n  maxWidth: number,\n  maxHeight: number,\n}\n\nMiniMap.defaultProps = {\n  zoom: 1,\n  maxWidth: 100,\n  maxHeight: 100,\n}\n\nexport default MiniMap\n","/* eslint-disable import/prefer-default-export */\nimport { theme } from '@fortressiq/fiq-ds'\n\nexport const backCSS = ({ height, width }) => ({\n  backdropFilter: 'blur(5px)',\n  background: 'hsla(215.5, 12.6%, 65.9%, 0.3)',\n  borderRadius: '2px',\n  bottom: '12px',\n  cursor: 'pointer',\n  display: 'inline-block',\n  height: height || '90px',\n  left: '78px',\n  overflow: 'hidden',\n  position: 'fixed',\n  width: width || '100px',\n  zIndex: '100',\n})\n\nexport const controlCSS = ({ height, left, top, width }) => ({\n  background: theme.white,\n  border: `1px solid ${theme.white}`,\n  height: height || '10px',\n  left: left || '0',\n  opacity: '0.8',\n  position: 'absolute',\n  top: top || '0',\n  transition: `all ${theme['animation-speed-fast']} linear`,\n  width: width || '10px',\n})\n","/* eslint-disable react/destructuring-assignment */\nimport React from 'react'\nimport ReactQueryBuilder from 'react-querybuilder'\nimport { Button, useFela } from '@fortressiq/fiq-ds'\n\nimport {\n  actionValues,\n  allEventFilterOperators,\n  annotationTypeValues,\n  applicationTypeValues,\n  boolValues,\n  controlTypeValues,\n  operators,\n} from 'constants/event-constants'\nimport QueryBuilderInput from './components/QueryBuilderInput'\nimport QueryBuilderSelect from './components/QueryBuilderSelect'\nimport QueryBuilderRemove from './components/QueryBuilderRemove'\nimport QueryBuilderDatetime from './components/QueryBuilderDatetime'\nimport QueryBuilderAutocomplete from './components/QueryBuilderAutocomplete'\n\nimport {\n  combinatorsCSS,\n  fieldsCSS,\n  operatorsCSS,\n  queryBuilderCSS,\n  removeCSS,\n  ruleCSS,\n  ruleGroupCSS,\n  valueCSS,\n} from './styles'\n\nconst getOperators = field => {\n  switch (field) {\n    case 'action':\n    case 'control_type':\n    case 'name':\n      return [operators.eq, operators.neq, operators.in, operators.nin, operators.null, operators.nNull]\n    case 'screen_signature':\n    case 'signature':\n      return [\n        operators.eq,\n        operators.neq,\n        operators.in,\n        operators.nin,\n        operators.null,\n        operators.nNull,\n        operators.matches,\n      ]\n    case 'value':\n      return [operators.eq, operators.neq, operators.in, operators.nin, operators.matches]\n    case 'is_browser':\n    case 'annotation_type':\n    case 'application_type':\n      return [operators.eq, operators.neq]\n    case 'application_name':\n    case 'machine':\n    case 'observer_name':\n    case 'user':\n      return [operators.eq, operators.neq, operators.in, operators.nin]\n    case 'application_id':\n    case 'observer_id':\n    case 'id':\n      return [\n        operators.eq,\n        operators.neq,\n        operators.in,\n        operators.nin,\n        operators.gt,\n        operators.gteq,\n        operators.lt,\n        operators.lteq,\n      ]\n    case 'observed_at':\n      return [operators.eq, operators.neq, operators.gt, operators.gteq, operators.lt, operators.lteq]\n    default:\n      return null\n  }\n}\n\nconst getValueEditorType = field => {\n  switch (field) {\n    case 'action':\n    case 'application_type':\n    case 'control_type':\n    case 'is_browser':\n    case 'annotation_type':\n      return 'select'\n    case 'application_name':\n    case 'observer_name':\n    case 'user':\n    case 'observer_id':\n    case 'machine':\n    case 'application_id':\n      return 'autocomplete'\n    case 'observed_at':\n      return 'datetime'\n    case 'id':\n      return 'integer'\n    default:\n      return 'text'\n  }\n}\n\nconst getValues = field => {\n  switch (field) {\n    case 'is_browser':\n      return boolValues\n    case 'application_type':\n      return applicationTypeValues\n    case 'annotation_type':\n      return annotationTypeValues\n    case 'action':\n      return actionValues\n    case 'control_type':\n      return controlTypeValues\n    default:\n      return []\n  }\n}\n\nconst QueryBuilder = ({ setQuery, setIsValid, ...queryBuilderProps }) => {\n  const { css } = useFela()\n  const controlClassNames = {\n    addRule: css(combinatorsCSS),\n    addGroup: css(combinatorsCSS),\n    combinators: css(combinatorsCSS),\n    fields: css(fieldsCSS),\n    operators: css(operatorsCSS),\n    queryBuilder: css(queryBuilderCSS),\n    removeGroup: css(removeCSS),\n    removeRule: css(removeCSS),\n    rule: css(ruleCSS),\n    ruleGroup: css(ruleGroupCSS),\n    value: css(valueCSS),\n  }\n\n  const controlElements = {\n    addRuleAction: AddButton,\n    addGroupAction: AddButton,\n    combinatorSelector: fiqdsSelect,\n    fieldSelector: fiqdsSelect,\n    operatorSelector: fiqdsSelect,\n    valueEditor: QueryBuilderValueEditor,\n    removeGroupAction: QueryBuilderRemove,\n    removeRuleAction: QueryBuilderRemove,\n  }\n\n  const setValidQuery = rawQuery => {\n    if (setIsValid) setIsValid(true) // needs to be here to prime value to true -- validateQuery() will set if false\n    if (rawQuery.rules.length !== 0) {\n      validateQuery(rawQuery)\n    }\n    if (setQuery) setQuery(rawQuery)\n  }\n\n  const validateQuery = rawQuery => {\n    const parentGroupEmpty = rawQuery.combinator && rawQuery.rules[0]?.combinator && rawQuery.rules.length === 1\n    if (rawQuery.rules?.length === 0 || parentGroupEmpty) {\n      if (setIsValid) setIsValid(false)\n    } else if (rawQuery.rules) {\n      rawQuery.rules.forEach(rule => {\n        if (rule.rules) validateQuery(rule)\n      })\n    }\n  }\n\n  return (\n    <span id='queryBuilder-container'>\n      <ReactQueryBuilder\n        controlClassnames={controlClassNames}\n        controlElements={controlElements}\n        getOperators={getOperators}\n        getValueEditorType={getValueEditorType}\n        getValues={getValues}\n        operators={allEventFilterOperators}\n        {...queryBuilderProps}\n        onQueryChange={setValidQuery}\n      />\n    </span>\n  )\n}\n\nconst AddButton = ({ className, handleOnClick, title }) => (\n  <Button className={className} onClick={handleOnClick}>\n    {title}\n  </Button>\n)\n\nconst QueryBuilderValueEditor = ({ type, options, values, operator, ...props }) => {\n  if (operator === 'null' || operator === 'notNull') return null\n  const ValueEditor = valueEditorMap[type] || QueryBuilderInput\n\n  return <ValueEditor options={options || values} isFieldValue={true} type={type} operator={operator} {...props} />\n}\n\nconst fiqdsSelect = fiqdsSelectProps => {\n  return QueryBuilderSelect({\n    ...fiqdsSelectProps,\n  })\n}\n\nconst valueEditorMap = {\n  select: QueryBuilderSelect,\n  datetime: QueryBuilderDatetime,\n  autocomplete: QueryBuilderAutocomplete,\n}\n\nexport default QueryBuilder\n","import React, { useState, useEffect } from 'react'\nimport PropTypes from 'prop-types'\n\nimport api from 'lib/Api'\n\nimport QueryBuilderSelect from './QueryBuilderSelect'\n\nconst filterMap = {\n  observer_name: { url: '/observers/filters', param: null },\n  user: { url: '/observers/filters', param: { field: 'windows_username' } },\n  application_name: { url: '/applications/filters', param: null },\n  application_id: { url: '/applications/filters', param: { field: 'application_id' } },\n  observer_id: { url: '/observers/filters', param: { field: 'id' } },\n  machine: { url: '/observers/filters', param: { field: 'machine' } },\n}\n\nconst QueryBuilderAutocomplete = ({ field, ...props }) => {\n  const [options, setOptions] = useState(undefined)\n  const [isLoading, setIsLoading] = useState(true)\n\n  useEffect(() => {\n    const getData = async () => {\n      setIsLoading(true)\n      const { data: fetchedData } = await api.get(filterMap[field].url, filterMap[field].param)\n      const transformedData = fetchedData\n        .filter(option => option.label && option.value)\n        .map(option => ({\n          label: option.label.toString(),\n          value: option.label.toString(),\n        }))\n      setOptions(transformedData)\n      setIsLoading(false)\n    }\n    getData()\n  }, [field])\n\n  return <QueryBuilderSelect {...props} isLoading={isLoading} options={options} field={field} />\n}\n\nQueryBuilderAutocomplete.propTypes = {\n  field: PropTypes.string.isRequired,\n}\n\nexport default QueryBuilderAutocomplete\n","import React, { useState, useEffect } from 'react'\nimport { DateTimePicker } from '@fortressiq/fiq-ds'\n\nconst QueryBuilderDatetime = ({ className, handleOnChange, value: v }) => {\n  const defaultDate = v ? new Date(v) : new Date()\n  const [value, setValue] = useState(defaultDate)\n\n  //set default value\n  useEffect(() => {\n    const isoStringVal = new Date(defaultDate).toISOString()\n    handleOnChange(isoStringVal)\n  }, [])\n\n  const handleChange = val => {\n    const { start } = val\n    const isoStringVal = new Date(start).toISOString()\n    setValue(start)\n    handleOnChange(isoStringVal)\n  }\n\n  return <DateTimePicker className={className} onChange={handleChange} placeholder='Select a Date...' value={value} />\n}\n\nexport default QueryBuilderDatetime\n","import React, { useState } from 'react'\nimport { Input, InputNumber } from '@fortressiq/fiq-ds'\n\nconst handleInput = ({ target }) => {\n  target.value = `${target.value}`.replace(/[^\\d-\\\\.,]+/, '')\n}\nconst MultiNumberInput = props => <Input onInput={handleInput} {...props} />\n\nconst inputTypeMap = {\n  text: Input,\n  integer: props => <InputNumber min='0' {...props} />,\n  multiInteger: MultiNumberInput,\n}\n\nconst multiValueOperators = ['in', 'not in']\nconst multiValueNumber = (type, operator) => type === 'integer' && multiValueOperators.includes(operator)\n\nconst QueryBuilderInput = ({ className, field, value, handleOnChange, type = 'text', operator }) => {\n  const InputComponent = multiValueNumber(type, operator) ? inputTypeMap.multiInteger : inputTypeMap[type]\n  const [trimmedInput, setTrimmedInput] = useState(value)\n\n  const customHandleOnChange = inputValue => {\n    setTrimmedInput(inputValue)\n    handleOnChange(inputValue)\n  }\n\n  const handleChange = event => {\n    const val = typeof event === 'object' ? event.target.value : event\n    customHandleOnChange(val)\n  }\n\n  return (\n    <div className={className}>\n      <InputComponent\n        name={field}\n        value={trimmedInput}\n        onChange={handleChange}\n        onBlur={event => customHandleOnChange(event.currentTarget.value)}\n      />\n    </div>\n  )\n}\n\nexport default QueryBuilderInput\n","import React from 'react'\nimport { Icon } from '@fortressiq/fiq-ds'\n\nconst QueryBuilderRemove = ({ className, handleOnClick }) => (\n  <div onClick={handleOnClick} className={className}>\n    <Icon clickable={true} icon='remove' size='small' />\n  </div>\n)\n\nexport default QueryBuilderRemove\n","import React, { useCallback, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport { combineRules, Select, useFela } from '@fortressiq/fiq-ds'\nimport { useMap, usePrevious, useUpdateEffect } from 'react-use'\nimport classNames from 'classnames/bind'\n\nimport { multipleOperators } from 'constants/event-constants'\n\nconst QueryBuilderSelect = ({\n  className = '',\n  options: optionsProp,\n  title,\n  handleOnChange: onChange,\n  value: valueProp,\n  operator,\n  isFieldValue,\n  style,\n  isLoading,\n  ...props\n}) => {\n  const options = optionsProp?.map(({ label, name, value }) => ({ label, value: name || value }))\n  const [currentValue, { setAll }] = useMap(undefined)\n  const mode = isFieldValue && multipleOperators.includes(operator) ? 'multiple' : null\n  const isMulti = mode === 'multiple'\n\n  const { css, theme } = useFela()\n\n  const prevIsMulti = usePrevious(mode)\n\n  const optionsLength = options?.length\n\n  useEffect(() => {\n    if (!isLoading && optionsLength) {\n      if (isMulti) {\n        if (valueProp === '') {\n          setAll([])\n        } else {\n          const selectedArr = valueProp?.split(',')\n          setAll(options.filter(option => selectedArr.includes(option.value)))\n        }\n      } else {\n        setAll(options.filter(option => valueProp === option.value)[0])\n      }\n    }\n    // using optionsLength instead of options as dependency to prevent infinite loop\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [valueProp, setAll, isMulti, optionsLength, isFieldValue, isLoading, mode])\n\n  const handleOnChange = useCallback(\n    e => {\n      setAll(e)\n      if (isMulti && isFieldValue) {\n        const stringVals = e.map(({ value: v }) => v)\n        onChange(stringVals.join())\n      } else {\n        onChange(e.value)\n      }\n    },\n    [isMulti, onChange, setAll, isFieldValue]\n  )\n\n  useUpdateEffect(() => {\n    if (!isMulti && prevIsMulti && currentValue?.length && currentValue?.length !== 1) {\n      const firstSelected = currentValue[0]\n      onChange(firstSelected.value)\n    }\n  }, [mode])\n\n  const classes = classNames(\n    className,\n    css(combineRules({ marginBottom: theme['default-spacer-sm'], minWidth: '127px' }, style))\n  )\n\n  const portalProps = {\n    menuPortalTarget: document.body,\n    menuShouldBlockScroll: true,\n  }\n\n  return (\n    <Select\n      className={classes}\n      isLoading={isLoading}\n      isMulti={isMulti}\n      onChange={handleOnChange}\n      options={options}\n      placeholder={title}\n      value={currentValue}\n      {...props}\n      {...portalProps}\n      styles={{\n        ...props?.styles,\n        menu: { zIndex: theme['z-modal-above'], ...props?.styles?.menu },\n        menuPortal: { zIndex: theme['z-modal-above'], ...props?.styles?.menuPortal },\n      }}\n    />\n  )\n}\n\nQueryBuilderSelect.defaultProps = {\n  disabled: false,\n  isFieldValue: false,\n  isLoading: false,\n  value: '',\n}\n\nQueryBuilderSelect.propTypes = {\n  disabled: PropTypes.bool,\n  handleOnChange: PropTypes.func.isRequired,\n  isFieldValue: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  value: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n}\n\nexport default QueryBuilderSelect\n","import React, { useState } from 'react'\nimport qs from 'qs'\nimport { number, object, string, arrayOf, func, shape, bool } from 'prop-types'\nimport { useLocation, useHistory } from 'react-router-dom'\nimport {\n  Button,\n  combineRules,\n  defaultDropdownLayerProps,\n  Dropdown,\n  Element,\n  get,\n  theme,\n  useFela,\n} from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\n\n// TODO: move cycles select or don't do cycles here.\n// components should not be importing from app. this is a one way trip\n// import CyclesSelect from 'app/mining/formComponents/CyclesSelect'\nimport AsyncSelect from 'components/form/AsyncSelect'\n\nimport QueryBuilder from '../QueryBuilder'\nimport { filterContainer, cyclesWrap, applyButton } from './styles/index.js'\n\n/******\n * A dropdown filtering component that wraps QueryBuilder\n * props:\n *   QueryBuilder props ( fields, onQueryChange)\n *   align: left align the menu or right align (default left)\n *   positionX: pixels margin from the 'align' position (default 0)\n *   positionY: pixels from the filter button bottom\n ******/\nconst QueryBuilderDropdown = ({\n  align,\n  buttonStyle,\n  dropdownStyle,\n  query: queryProp,\n  onQueryChange,\n  positionX,\n  positionY,\n  isPersisted,\n  cycles,\n  ...props\n}) => {\n  const location = useLocation()\n  const history = useHistory()\n  const { filter, ...restQueryParams } = qs.parse(location.search, { ignoreQueryPrefix: true })\n  const [query, setQuery] = useState({ rules: [], combinator: 'and', ...(queryProp || filter) })\n  const [isValidQuery, setIsValidQuery] = useState(true)\n  const [visible, setIsVisible] = useState(false)\n  const { css } = useFela()\n\n  const applyFilter = () => {\n    if (isPersisted) {\n      const params = { ...restQueryParams }\n      if (query.rules.length) {\n        params.filter = query\n      }\n      const encoded = qs.stringify(params, { encodeValuesOnly: true })\n      history.push([location.pathname, encoded].join('?'))\n    }\n    onQueryChange(query)\n    setIsVisible(false)\n  }\n\n  const onCycleChange = async e => {\n    const { data } = await api.get(`/cycles/${e.target.value.value}`)\n    // TEMP: do not allow for start and end signatures\n    if (data.cycle.filterRules.rules) {\n      data.cycle.filterRules.rules = data.cycle.filterRules.rules.filter(\n        rule => rule.field !== 'start_screen_signature' && rule.field !== 'end_screen_signature'\n      )\n    }\n    setQuery(data.cycle.filterRules)\n  }\n\n  const prefixIconProps = { size: 14 }\n\n  return (\n    <Dropdown\n      layer={{\n        ...defaultDropdownLayerProps,\n        closeOnOverlayClick: false,\n        placement: 'bottom-start',\n        triggerOffset: get.numericValues('spacer').sm,\n        style: { zIndex: theme['z-modal-base'] },\n      }}\n      trigger={{ type: 'click' }}\n      visible={visible}\n      onOpen={() => setIsVisible(true)}\n      onClose={() => setIsVisible(false)}\n      overlay={overlayProps => (\n        <Element className={css(combineRules(filterContainer, dropdownStyle))} {...overlayProps}>\n          <div className={css(cyclesWrap)}>\n            <AsyncSelect\n              isMulti={false}\n              name='cycle'\n              onChange={onCycleChange}\n              placeholder='Cycles'\n              style={{ width: '200px' }}\n              portal={true}\n              url='/cycles/filters'\n            />\n          </div>\n          <QueryBuilder setQuery={setQuery} query={query} {...props} setIsValid={setIsValidQuery} />\n\n          <Element\n            style={{\n              alignItems: 'flex-end',\n              display: 'flex',\n              justifyContent: 'flex-end',\n            }}\n          >\n            <Button className={css(applyButton)} type='secondary' onClick={applyFilter} disabled={!isValidQuery}>\n              Apply\n            </Button>\n          </Element>\n        </Element>\n      )}\n    >\n      <Button\n        className={css(combineRules(buttonStyle, { marginLeft: theme['default-spacer-sm'] }))}\n        icon='filter'\n        prefixIconProps={prefixIconProps}\n        suffixIcon='arrowdown'\n      >\n        Filter\n      </Button>\n    </Dropdown>\n  )\n}\n\nQueryBuilderDropdown.propTypes = {\n  align: string,\n  positionX: number,\n  positionY: number,\n  isPersisted: bool,\n  fields: arrayOf(\n    shape({\n      name: string.isRequired,\n      label: string.isRequired,\n    })\n  ).isRequired,\n  onQueryChange: func,\n  noGroups: bool,\n  // eslint-disable-next-line react/forbid-prop-types\n  buttonStyle: object,\n  // eslint-disable-next-line react/forbid-prop-types\n  dropdownStyle: object,\n}\n\nQueryBuilderDropdown.defaultProps = {\n  align: 'left',\n  positionX: 0,\n  positionY: 0,\n  noGroups: false,\n  isPersisted: false,\n  buttonStyle: null,\n  onQueryChange: () => null,\n  dropdownStyle: null,\n}\n\nexport default QueryBuilderDropdown\n","import { theme } from '@fortressiq/fiq-ds'\n\nexport const filterContainer = () => ({\n  background: theme.white,\n  border: `1px solid ${theme['antd-card-border']}`,\n  borderRadius: `0 0 ${theme['default-spacer-sm']} ${theme['default-spacer-sm']}`,\n  boxShadow: `0 ${theme['default-spacer-xs']} ${theme['default-spacer-xs']} ${theme['btn-borderAlpha']}`,\n  maxWidth: '100vw',\n  overflow: 'auto',\n  padding: theme['default-spacer-sm'],\n  position: 'absolute',\n  top: '100%',\n  width: '560px',\n  maxHeight: '60vh',\n})\n\nexport const applyButton = () => ({\n  margin: `${theme['default-spacer-sm']} 0 0 ${theme['default-spacer-sm']}`,\n})\n\nexport const cyclesWrap = () => ({\n  display: 'flex',\n  justifyContent: 'flex-end',\n  marginBottom: theme['default-spacer-sm'],\n  position: 'relative',\n  zIndex: theme['z-base-above'],\n})\n","/* eslint-disable import/prefer-default-export */\nimport { helpers, theme } from '@fortressiq/fiq-ds'\n\nconst { addImportant } = helpers\n\nexport const queryBuilderCSS = () => ({\n  '> .ruleGroup > .ruleGroup-header': {\n    alignItems: 'flex-start',\n    display: 'flex',\n    justifyContent: 'flex-start',\n    '> button': {\n      position: 'relative',\n      top: '0',\n    },\n  },\n})\n\nexport const ruleGroupCSS = () => ({\n  background: 'hsla(0, 0%, 94.1%, 0.5)',\n  border: `1px solid ${theme['legacy-color-gray1']}`,\n  padding: theme['default-spacer-sm'],\n  '& .ruleGroup': {\n    margin: `${theme['default-spacer-sm']} 0`,\n    '&:last-child': {\n      marginBottom: '0',\n    },\n  },\n})\n\nexport const ruleCSS = () => ({\n  alignItems: 'flex-start',\n  display: 'flex',\n  margin: `${theme['default-spacer-sm']} 0`,\n})\n\nexport const combinatorsCSS = () => ({\n  display: 'inline-block',\n  marginRight: theme['default-spacer-xs'],\n  outline: 'none',\n})\n\nexport const removeCSS = () => ({\n  display: 'inline-flex',\n  marginLeft: theme['default-spacer-xs'],\n  marginTop: theme['default-spacer-sm'],\n})\n\nconst sharedCSS = {\n  display: 'inline-block',\n  marginRight: theme['default-spacer-xs'],\n}\nexport const fieldsCSS = () => ({\n  ...sharedCSS,\n  width: addImportant('160px'),\n})\nexport const operatorsCSS = () => ({ ...sharedCSS, width: addImportant('100px') })\nexport const valueCSS = () => ({ ...sharedCSS, width: addImportant('100%') })\n","import qs from 'qs'\nimport shortid from 'shortid'\n\n//generates url query string from single rule group\n/* eslint-disable-next-line import/prefer-default-export */\nexport const generateURLQueryfromRules = ({ combinator = 'and', rules = [] }) => {\n  const rulesWithIds = rules.map(rule => ({\n    id: `r_${rule.field}`,\n    ...rule,\n  }))\n\n  return qs.stringify(\n    {\n      filter: {\n        combinator: combinator,\n        id: shortid.generate(),\n        not: 'false',\n        rules: rulesWithIds,\n      },\n    },\n    { encode: false }\n  )\n}\n","/* eslint-disable react/require-default-props */\n/* eslint-disable react/forbid-prop-types */\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { graphColors, Element, Tooltip } from '@fortressiq/fiq-ds'\n\nimport ClickOutside from 'components/ClickOutside'\n\nimport { segmentCSS, sliderCSS, thumbContainerCSS, thumbCSS } from './styles/index'\n\n/*******************\n * Component for a fixed unit (percents) input slider\n *******************/\nexport default class RangeInputSlider extends React.Component {\n  static propTypes = {\n    defaultValue: PropTypes.number,\n    values: PropTypes.array.isRequired,\n    width: PropTypes.number,\n    dataKey: PropTypes.string.isRequired,\n    onSlide: PropTypes.func,\n    maxWidth: PropTypes.number,\n  }\n\n  static defaultProps = {\n    defaultValue: 100,\n    width: 200,\n    onSlide: null,\n  }\n\n  constructor(props) {\n    super(props)\n    this.slider = React.createRef()\n    this.thumb = React.createRef()\n\n    this.state = {\n      value: props.defaultValue,\n      numValues: [],\n      position: 100,\n      active: false,\n    }\n\n    this.containerRef = React.createRef()\n  }\n\n  componentDidMount() {\n    this.calculateValues()\n    window.addEventListener('resize', this.calculateValues)\n  }\n\n  componentDidUpdate(prevProps) {\n    const { values } = this.props\n    if (values !== prevProps.values) {\n      this.calculateValues()\n    }\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('resize', this.calculateValues)\n  }\n\n  render() {\n    const { value } = this.state\n    const { values, dataKey, className, width, maxWidth } = this.props\n\n    return (\n      <ClickOutside callback={this.mouseUp}>\n        <Element\n          className={className}\n          ref={this.containerRef}\n          style={{\n            position: 'relative',\n            width: width ? `${width}px` : '100%',\n            maxWidth: maxWidth ? `${maxWidth}px` : null,\n          }}\n        >\n          <Element\n            onClick={e => this.onSlide(e)}\n            onMouseMove={e => this.mouseMove(e)}\n            onMouseUp={e => this.mouseUp(e)}\n            ref={this.slider}\n            style={sliderCSS}\n          >\n            {values.length > 0 ? (\n              values.map((item, i) => (\n                <Element\n                  key={i}\n                  style={{\n                    ...segmentCSS,\n                    width: `${item[dataKey]}%`,\n                    background: graphColors[i % graphColors.length],\n                  }}\n                />\n              ))\n            ) : (\n              <Element style={{ ...segmentCSS, width: '100%', background: graphColors[0] }} />\n            )}\n          </Element>\n          <Element style={thumbContainerCSS}>\n            <Tooltip title={`${value}%`}>\n              <Element\n                ref={this.thumb}\n                style={{ ...thumbCSS, left: `${value - 2}%` }}\n                onMouseDown={e => this.mouseDown(e)}\n                onMouseUp={e => this.mouseUp(e)}\n              />\n            </Tooltip>\n          </Element>\n        </Element>\n      </ClickOutside>\n    )\n  }\n\n  calculateValues = () => {\n    const { values, dataKey } = this.props\n    const width = this.containerRef.current.offsetWidth\n    let numValues = []\n    numValues = values.map(v => Math.floor(width * (+v[dataKey] / 100)))\n    numValues.forEach((val, i) => {\n      if (i > 0) numValues[i] += numValues[i - 1]\n    })\n\n    this.setState({\n      numValues: numValues,\n      position: this.slider.current.getBoundingClientRect().x + this.slider.current.getBoundingClientRect().width,\n    })\n  }\n\n  mouseDown = () => {\n    this.setState({ active: true })\n  }\n\n  mouseMove = e => {\n    const { active } = this.state\n    if (!active) return\n    this.onSlide(e)\n  }\n\n  mouseUp = () => {\n    this.setState({ active: false })\n  }\n\n  onSlide = e => {\n    e.stopPropagation()\n    const { numValues, position } = this.state\n    const { onSlide } = this.props\n    const width = this.containerRef.current.offsetWidth\n    const rect = this.slider.current.getBoundingClientRect()\n    const coord = e.clientX\n    let diff = null\n    let index = 0\n    let indexVal = 0\n    let nValue = width - (rect.right - coord)\n\n    numValues.forEach((val, i) => {\n      const ndiff = Math.abs(numValues[i] - nValue)\n      if (ndiff < diff || diff === null) {\n        diff = ndiff\n        indexVal = numValues[i]\n        index = i\n      }\n    })\n\n    nValue = Math.floor((indexVal / width) * 100)\n    if (index >= numValues.length - 1) nValue = 100\n    this.setState({ value: nValue, position: coord })\n\n    if (onSlide) {\n      onSlide(nValue, index, position - coord)\n    }\n  }\n}\n","/* eslint-disable import/prefer-default-export */\nimport { theme } from '@fortressiq/fiq-ds'\n\nexport const sliderCSS = () => ({\n  borderRadius: theme['default-spacer-sm'],\n  boxSizing: 'border-box',\n  height: '9px',\n  margin: 'auto',\n  overflow: 'hidden',\n  position: 'relative',\n  width: '100%',\n})\n\nexport const segmentCSS = {\n  cursor: 'pointer',\n  display: 'inline-block',\n  height: '100%',\n  opacity: '0.6',\n  verticalAlign: 'top',\n}\n\nexport const thumbContainerCSS = () => ({\n  height: '1px',\n  position: 'absolute',\n  top: '-3px',\n  width: '100%',\n})\n\nexport const thumbCSS = {\n  background: theme?.white,\n  border: `2px solid ${theme ? theme['legacy-color-blue2'] : 'blue'}`, //Workaround for stupid test\n  borderRadius: '50%',\n  cursor: 'pointer',\n  height: '15px',\n  left: '10px',\n  position: 'absolute',\n  top: '0px',\n  width: '15px',\n}\n","/* eslint-disable react/state-in-constructor */\nimport React from 'react'\nimport { AutoSizer, Table, Column } from 'react-virtualized'\nimport { Dropdown, Icon, Menu, MenuItem, theme } from '@fortressiq/fiq-ds'\nimport pick from 'lodash/pick'\n\nimport css from './virtualizedTable.scss'\n\nexport default class VirtualizedTable extends React.Component {\n  state = {\n    menu: [],\n    allColumns: [],\n  }\n\n  componentDidMount() {\n    this.setColumnInfo()\n  }\n\n  componentDidUpdate(prevProps) {\n    const { columns } = this.props\n    if (columns === prevProps.columns) return\n    this.setColumnInfo()\n  }\n\n  render() {\n    const { menu, allColumns } = this.state\n    const { tableContainerClassName = '', headerClassName, data, scrollToIndex } = this.props\n    const visibleColumns = allColumns.filter(column => column.visible)\n\n    const tableContainerClassnames = [css.table, tableContainerClassName].filter(Boolean)\n\n    return (\n      <div className={tableContainerClassnames.join(' ')}>\n        <AutoSizer>\n          {({ width, height }) => (\n            <Table\n              rowCount={data ? data.length : null}\n              {...this.props}\n              headerClassName={`${css.headerClass} ${headerClassName || ''}`}\n              headerHeight={this.getRowHeight(true)}\n              height={height}\n              rowClassName={this.rowClassName}\n              rowHeight={this.getRowHeight()}\n              rowGetter={this.rowGetter}\n              rowRenderer={rowRenderer}\n              width={width}\n              scrollToIndex={scrollToIndex}\n              tabIndex={null}\n            >\n              {visibleColumns.map(column => (\n                <Column\n                  key={column.dataKey}\n                  dataKey={column.dataKey}\n                  disableSort={true}\n                  cellRenderer={column.cellRenderer}\n                  width={column.width}\n                  flexGrow={1}\n                  headerClassName={css.headerColumn}\n                  headerRenderer={() => headerRenderer(column.header, column.headerRenderer)}\n                />\n              ))}\n              <Column\n                disableSort={true}\n                dataKey=''\n                flexGrow={1}\n                width={50}\n                headerClassName={css.headerColumn}\n                headerRenderer={() => (\n                  <Dropdown\n                    layer={{ placement: 'bottom-end', triggerOffset: 8 }}\n                    overlay={<Menu small={true}>{menu}</Menu>}\n                    trigger={{ type: 'click' }}\n                  >\n                    <Icon className={css.settingsCog} icon='cog' />\n                  </Dropdown>\n                )}\n              />\n            </Table>\n          )}\n        </AutoSizer>\n      </div>\n    )\n  }\n\n  setColumnInfo() {\n    const { columns } = this.props\n    const menu = [\n      ...columns.map((col, index) => {\n        const className = col.columnType === VirtualizedTable.columnType.action ? css.heavyOption : ''\n        const menuProps = {\n          className: className,\n          onClick: () => this.toggleColumn(col),\n          suffixIcon: col.visible ? { fill: theme['success-color'], icon: 'check' } : undefined,\n        }\n        return (\n          <MenuItem {...menuProps} key={index}>\n            {col.menuName || col.header}\n          </MenuItem>\n        )\n      }),\n    ]\n\n    const allColumns = columns.map((col, index) => {\n      col.index = index\n      return col\n    })\n\n    this.setState({\n      menu,\n      allColumns,\n    })\n  }\n\n  getRowHeight = (isHeader = false) => {\n    const { rowHeight } = this.props\n    if (rowHeight && !isHeader) return rowHeight\n    return 30\n  }\n\n  toggleColumn = column => {\n    const { allColumns, menu: stateMenu } = this.state\n    const { setVisibleColumns } = this.props\n    const myallColumns = allColumns\n    const menu = [...stateMenu]\n\n    const columnValue = myallColumns.find(col => col.index === column.index)\n\n    const className = columnValue.columnType === VirtualizedTable.columnType.action ? css.heavyOption : ''\n    const menuProps = {\n      className: className,\n      key: columnValue.index,\n      onClick: () => this.toggleColumn(columnValue),\n      suffixIcon: !columnValue.visible ? { fill: theme['success-color'], icon: 'check' } : undefined,\n    }\n    menu[columnValue.index] = <MenuItem {...menuProps}>{columnValue.menuName || columnValue.header}</MenuItem>\n\n    columnValue.visible = !columnValue.visible\n\n    if (setVisibleColumns) {\n      setVisibleColumns(myallColumns.filter(c => c.visible))\n    }\n\n    this.setState({\n      menu,\n      allColumns: myallColumns,\n    })\n  }\n\n  rowClassName = rowInfo => {\n    const { index } = rowInfo\n    const { selectedEventIndex, data, rowClassName } = this.props\n\n    let stripeClass = index % 2 === 0 ? css.even : css.odd\n\n    //we want the header row not to be part of the zebra striping\n    //this row is indexed at -1\n    if (index === -1) stripeClass = css.headerRow\n\n    const selectedClass = index === selectedEventIndex ? css.selected : ''\n\n    const rowEvent = data && data[index]\n    const markedClass = rowEvent && rowEvent.marked ? css.marked : ''\n\n    return `${css.row} ${stripeClass} ${selectedClass || markedClass} ${rowClassName || ''}`\n  }\n\n  rowGetter = args => {\n    const { data, rowGetter } = this.props\n    if (rowGetter) {\n      return rowGetter(args)\n    }\n    return data[args.index]\n  }\n}\n\nconst rowRenderer = args => {\n  const { index, rowData, onRowClick, columns } = args\n  const divProps = pick(args, ['className', 'key', 'style'])\n  divProps['aria-rowindex'] = index + 1\n  divProps['aria-label'] = 'row'\n  divProps.tabIndex = -1\n\n  if (onRowClick) {\n    divProps.onClick = e => onRowClick({ e, index, rowData })\n  }\n\n  return (\n    <div {...divProps} role='row'>\n      {columns}\n    </div>\n  )\n}\n\nconst headerRenderer = (header, customHeaderRenderer) => {\n  if (customHeaderRenderer) return customHeaderRenderer(header)\n  return header\n}\n// enum of column types -- currently only one type,\n// but we want to make sure arbitrary values are not considered\nVirtualizedTable.columnType = {\n  action: 'ACTION',\n}\n","import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { TagList } from '@fortressiq/fiq-ds'\n\nimport api from 'lib/Api'\n\nconst taggableTypeMap = {\n  graphProcess: 'Graph::Process',\n  flowGraph: 'DfGraph::Process',\n  miningRun: 'Mining::Run',\n  observer: 'Observer',\n  application: 'TenantApplication',\n  dashboardCard: 'DashboardCard',\n}\n\nconst Tags = ({ taggableType, taggableId, tags, tagType, onTagsUpdate }) => {\n  const [tagList, setTagList] = useState(tags.map(tag => ({ label: tag.name, id: tag.id })))\n\n  const onRemove = async tagObj => {\n    setTagList(tagList.filter(tag => tag.id !== tagObj.id))\n    const { data } = await api.post('/tags/remove_tag', {\n      taggable_id: taggableId,\n      name: tagObj.label,\n      taggable_type: taggableTypeMap[taggableType],\n      tag_type: tagType,\n      id: tagObj.id,\n    })\n\n    if (onTagsUpdate) onTagsUpdate(data)\n  }\n\n  const onAdd = async newTagName => {\n    const { data } = await api.post('/tags/add_tag', {\n      taggable_id: taggableId,\n      name: newTagName.trim(),\n      taggable_type: taggableTypeMap[taggableType],\n      tag_type: tagType,\n    })\n    if (data?.tag && !tagList.some(el => el.id === data.tag.id)) {\n      setTagList([...tagList, { label: data.tag.name, id: data.tag.id }])\n    }\n\n    if (onTagsUpdate) onTagsUpdate(data)\n  }\n\n  return <TagList overlayID={`${taggableType}-${taggableId}`} tags={tagList} onRemove={onRemove} onAdd={onAdd} />\n}\n\nTags.defaultProps = {\n  tagType: 'tag',\n  tags: [],\n}\n\nTags.propTypes = {\n  tagType: PropTypes.string,\n  taggableType: PropTypes.string.isRequired,\n  taggableId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    })\n  ),\n}\n\nexport default React.memo(Tags)\n","import React from 'react'\nimport { bool, func } from 'prop-types'\n\nimport Checkmark from './images/checkmark.svg'\n\nimport css from './bigGrayCheckbox.scss'\n\n/****************\n * large checkbox component\n * It is an individual checkbox, not an HTML form checkbox\n * (for example, at the time of creation, it is used in a Table component as one of the cells)\n * selection happens withthe onClick prop, this just component just applies the visual aspect\n ******************/\nconst BigGrayCheckbox = ({ onClick, selected, data }) => {\n  const onClickHandler = e => {\n    onClick(e, selected, data)\n  }\n\n  if (selected) {\n    return (\n      <div className={css.selected} onClick={onClickHandler}>\n        <img src={Checkmark} alt='x' />\n      </div>\n    )\n  }\n\n  return <div className={css.notSelected} onClick={onClickHandler} />\n}\n\nBigGrayCheckbox.propTypes = {\n  selected: bool.isRequired,\n  onClick: func.isRequired,\n}\n\nexport default BigGrayCheckbox\n","export const isOneOf = (roles, roleRequirements) =>\n  roleRequirements.some(roleRequirement => {\n    // only supports '!' operator for now\n    // use hash for handling other operators\n    const exclude = roleRequirement.charAt(0) === '!'\n    const roleName = exclude ? roleRequirement.substring(1) : roleRequirement\n    const isRequirementMet = roles.includes(roleName)\n    return exclude ? !isRequirementMet : isRequirementMet\n  })\n\nexport default { isOneOf }\n","import { defaultDivergentScale, theme } from '@fortressiq/fiq-ds'\nimport FusionCharts from 'fusioncharts'\nimport Widgets from 'fusioncharts/fusioncharts.widgets'\nimport ReactFC from 'react-fusioncharts'\nimport Charts from 'fusioncharts/fusioncharts.charts'\nimport PowerCharts from 'fusioncharts/fusioncharts.powercharts'\nimport FusionTheme from 'fusioncharts/themes/fusioncharts.theme.fusion'\nimport Treemap from 'fusioncharts/fusioncharts.treemap'\nimport Zoomline from 'fusioncharts/fusioncharts.zoomline'\nimport Gantt from 'fusioncharts/fusioncharts.gantt'\n\nFusionCharts.options.license({\n  key: document.getElementById('fusion:charts_key').getAttribute('content'),\n  creditLabel: false,\n})\n\nexport const defaultChartConfigProps = {\n  dataFormat: 'json',\n  height: '100%',\n  width: '100%',\n}\n\nexport const zeroChartMarginPadding = {\n  canvasPadding: '0',\n  chartLeftMargin: '0',\n  chartTopMargin: '0',\n  chartRightMargin: '0',\n  chartBottomMargin: '0',\n}\n\nexport const defaultDataSourceChartProps = {\n  alignCaptionWithCanvas: '1',\n  captionHorizontalPadding: '16',\n  captionOnTop: '1',\n  captionAlignment: 'left',\n  captionFont: 'Inter, sans-serif',\n  captionFontSize: '16',\n  captionFontColor: theme['text-dark'],\n  captionFontBold: '0',\n  paletteColors: String(defaultDivergentScale.colors(9)),\n  subCaptionHorizontalPadding: '16',\n  subCaptionAlignment: 'left',\n  subCaptionFont: 'Inter, sans-serif',\n  subCaptionFontSize: '13',\n  subCaptionFontColor: theme['text-light'],\n  subCaptionFontBold: '0',\n  ...zeroChartMarginPadding,\n  theme: 'fusion',\n}\n\n// eslint-disable-next-line import/prefer-default-export\nexport { Charts, FusionCharts, FusionTheme, Gantt, PowerCharts, ReactFC, Treemap, Widgets, Zoomline }\n","export const BASE_DATE_FORMAT = 'YYYYMMDD'\n\nexport const BASE_TIME_FORMAT = 'YYYY-MM-DD HH:mm:ss'\nexport const DATE_TIME_FORMAT_TWELVE_HOUR = 'yyyy-MM-dd hh:mm aa'\nexport const DATE_TIME_FORMAT_TWENTYFOUR_HOUR = 'yyyy-MM-dd HH:mm:ss'\nexport const DATETIME_FORMAT = 'mm/dd/yyyy, hh:mm:ss a'\n\nexport const DATE_FORMAT_SHORT = 'MMM dd'\nexport const TIME_FORMAT_SHORT = 'hh:mm A'\n\nexport const DATE_FORMAT_MEDIUM = 'YYYY-MM-DD'\nexport const DS_DATE_FORMAT_MEDIUM = 'yyyy-MM-dd'\n\nexport const FNS_DATE_FORMAT_SHORT = 'MMM dd'\nexport const FNS_TIME_FORMAT_SHORT = 'hh:mm a'\n\nexport default module.exports\n","export const eventFilterFields = [\n  { label: 'Action', name: 'action' },\n  { label: 'Annotation Type', name: 'annotation_type' },\n  { label: 'Application Id', name: 'application_id' },\n  { label: 'Application Name', name: 'application_name' },\n  { label: 'Application Type', name: 'application_type' },\n  { label: 'Control Key', name: 'value' },\n  { label: 'Control Type', name: 'control_type' },\n  { label: 'Field', name: 'field' },\n  { label: 'ID', name: 'id' },\n  { label: 'Is Browser', name: 'is_browser' },\n  { label: 'Machine', name: 'machine' },\n  { label: 'Observed At', name: 'observed_at' },\n  { label: 'Observer Id', name: 'observer_id' },\n  { label: 'Observer Name', name: 'observer_name' },\n  { label: 'Process Name', name: 'win_process_name' },\n  { label: 'Screen Name', name: 'name' },\n  { label: 'Screen Signature', name: 'screen_signature' },\n  { label: 'Signature', name: 'signature' },\n  { label: 'Title', name: 'title' },\n  { label: 'Url', name: 'url' },\n  { label: 'User', name: 'user' },\n]\n\nexport const operators = {\n  eq: { name: '=', label: '=' },\n  gt: { name: '>', label: '>' },\n  gteq: { name: '>=', label: '>=' },\n  in: { name: 'in', label: 'In' },\n  lt: { name: '<', label: '<' },\n  lteq: { name: '<=', label: '<=' },\n  neq: { name: '!=', label: '!=' },\n  nin: { name: 'not in', label: 'Not In' },\n  nNull: { name: 'notNull', label: 'Is Not Null' },\n  null: { name: 'null', label: 'Is Null' },\n  matches: { name: '~', label: 'Matches' },\n}\n\nexport const multipleOperators = [operators.in.name, operators.nin.name]\n\nconst controlTypes = [\n  'table',\n  'table_column',\n  'tab',\n  'icon',\n  'checkbox',\n  'button',\n  'list_box',\n  'text_field',\n  'radio_button',\n]\n\nconst generateValues = (...args) => args.reduce((acc, cur) => [...acc, { label: cur, name: cur }], [])\n\nexport const boolValues = generateValues('true', 'false')\nexport const applicationTypeValues = generateValues('web', 'windows')\nexport const actionValues = generateValues('KEY_PRESS', 'MOUSE_CLICK', 'APP_SWITCH')\nexport const annotationTypeValues = generateValues('auto', 'user')\nexport const controlTypeValues = generateValues(...controlTypes)\n\nexport const allEventFilterOperators = Object.values(operators)\nexport const eventExportLimit = 5000\n\nexport default module.exports\n","const ROLES = {\n  superuser: {\n    description: 'The user has full access to the application (everything an administrator can do as well as tenant).',\n    label: 'Super User',\n    name: 'Super User',\n    value: 'superuser',\n  },\n  admin: {\n    description:\n      'The user has full access to the application (everything a Power user can do as well as administration pages, such as \"Mail Settings\" and \"User Management\").',\n    label: 'Administrator',\n    name: 'Administrator',\n    value: 'admin',\n  },\n  power: {\n    description:\n      'The user can access all non-administration pages and abilities (such as the ability to create \"Mining Runs\", \"Cycles\" and \"Web Applications\", manage \"Application Signatures\" and \"Observers\" and explore \"Processes\", and \"Data Review\").',\n    label: 'Power',\n    name: 'Power',\n    value: 'power',\n  },\n  user: {\n    description:\n      'The user can access all pages (such as the \"Observers\", \"Instance Viewer\", \"Process Explorer\" and \"Events\" pages and able to create \"Mining Runs\") that aren`t used to classify and edit data.',\n    label: 'Discovery',\n    name: 'Discovery',\n    value: 'user',\n  },\n  virtual_interviewer: {\n    description: 'The user can only access \"Data Review\".',\n    label: 'Data Review',\n    name: 'Data Review',\n    value: 'virtual_interviewer',\n  },\n  limited: {\n    description: ' The user can only access the \"Client Dashboard\" and assets attached by a higher permission user.',\n    label: 'Limited',\n    name: 'Limited',\n    value: 'limited',\n  },\n}\n\nexport default ROLES\n","import React, { createContext, useContext, useReducer } from 'react'\n\nconst UserStateContext = createContext()\nconst UserDispatchContext = createContext()\n\nfunction parseRoles(roleNamesStr) {\n  const roleNames = [...new Set(roleNamesStr.split(', '))]\n  const roles = [...roleNames]\n  roleNames.forEach(role => {\n    const roleKey = `is${role[0].toUpperCase()}${role.slice(1)}`\n    roles[roleKey] = true\n  })\n  return roles\n}\n\nfunction userReducer(state, action) {\n  switch (action.type) {\n    case 'set': {\n      const roles = parseRoles(action.roleNames)\n      return {\n        email: action.email,\n        id: action.id,\n        isAdmin: action.isAdmin,\n        isSuperUser: action.isSuperUser,\n        canViewUnredactedImages: action.canViewUnredactedImages,\n        roles,\n      }\n    }\n    default: {\n      throw new Error(`Unhandled action type: ${action.type}`)\n    }\n  }\n}\n\nfunction UserProvider({ init, children }) {\n  const initialState = {\n    ...init,\n  }\n  if (initialState.roleNames) {\n    initialState.roles = parseRoles(init.roleNames)\n    delete initialState.roleNames\n  }\n  const [state, dispatch] = useReducer(userReducer, {\n    email: '',\n    id: '',\n    name: '',\n    isAdmin: false,\n    isSuperUser: false,\n    canViewUnredactedImages: false,\n    roles: [],\n    ...initialState,\n  })\n  return (\n    <UserStateContext.Provider value={state}>\n      <UserDispatchContext.Provider value={dispatch}>{children}</UserDispatchContext.Provider>\n    </UserStateContext.Provider>\n  )\n}\n\nfunction useUserState() {\n  const context = useContext(UserStateContext)\n  if (context === undefined) {\n    throw new Error('useUserState must be used within a UserProvider')\n  }\n  return context\n}\n\nfunction useUserDispatch() {\n  const context = React.useContext(UserDispatchContext)\n  if (context === undefined) {\n    throw new Error('useUserDispatch must be used within a UserProvider')\n  }\n  return context\n}\n\nexport { UserDispatchContext, UserStateContext, UserProvider, useUserState, useUserDispatch }\n","export const addPXSuffix = string => {\n  if (!string) return ''\n  if (isNaN(string)) return string //if string is not a number\n  return `${string}px`\n}\n\nexport const addImportant = string => `${string} !important`\n\nexport const noop = () => {}\n","export const mergeAndDeduplicate = arr => [...new Set([].concat(...arr))]\n\nexport const getIntersection = (a1, a2) => a1.filter(n => a2.indexOf(n) !== -1)\n","//DOM functions to replace Jquery?\n\nclass DOM {\n  windowHeight = () => {\n    const w = window\n    const d = document\n    const e = d.documentElement\n    const g = d.getElementsByTagName('body')[0]\n    const y = w.innerHeight || e.clientHeight || g.clientHeight\n\n    return y\n  }\n\n  windowWidth = () => {\n    const w = window\n    const d = document\n    const e = d.documentElement\n    const g = d.getElementsByTagName('body')[0]\n    const x = w.innerWidth || e.clientWidth || g.clientWidth\n\n    return x\n  }\n\n  scrollTop = el => {\n    if (el) return el.scrollTop\n    else return window.pageYOffset || document.documentElement.scrollTop\n  }\n\n  scrollLeft = el => {\n    if (el) return el.scrollLeft\n    else return window.pageXOffset || document.documentElement.scrollLeft\n  }\n\n  getZoom = el => {\n    const st = window.getComputedStyle(el, null)\n    const zoom =\n      st.getPropertyValue('-webkit-transform') ||\n      st.getPropertyValue('-moz-transform') ||\n      st.getPropertyValue('-ms-transform') ||\n      st.getPropertyValue('-o-transform') ||\n      st.getPropertyValue('transform') ||\n      null\n\n    if (zoom === null) {\n      // eslint-disable-next-line no-alert\n      window.alert('This browser does not support this feature!')\n      return\n    }\n\n    const zoomvals = zoom.replace(/[^1-9.,]/g, '')\n    const toks = zoomvals.split(',')\n\n    //css transform matrix = (a, b, c, d, tx , ty)\n    //+ to convert to number\n    const a = +toks[0]\n    const d = +toks[3]\n\n    return [a, d]\n  }\n}\n\nexport default new DOM()\n","// TODO: Respect user timezones.\n\nclass Localizer {\n  constructor(locale = 'en-US') {\n    this.locale = locale\n  }\n\n  setLocale(locale) {\n    this.locale = locale\n  }\n\n  asBoolean(input) {\n    return input ? 'Yes' : 'No'\n  }\n\n  asCurrency(input, currency = 'USD') {\n    if (isEmpty(input)) return ''\n    const output = Number(input)\n\n    const formatter = new Intl.NumberFormat(this.locale, {\n      style: 'currency',\n      currency: currency,\n      minimumFractionDigits: 0,\n      maximumFractionDigits: 0,\n    })\n\n    return formatter.format(output)\n  }\n\n  asDate(input) {\n    if (isEmpty(input)) return ''\n    const output = new Date(input)\n\n    const formatter = new Intl.DateTimeFormat(this.locale, {\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric',\n    })\n\n    return formatter.format(output)\n  }\n\n  asShortDate(input) {\n    if (isEmpty(input)) return ''\n    const output = new Date(input)\n\n    const formatter = new Intl.DateTimeFormat(this.locale, {\n      weekday: 'short',\n      month: 'short',\n      day: 'numeric',\n    })\n\n    return formatter.format(output)\n  }\n\n  asShortestDate(input) {\n    if (isEmpty(input)) return ''\n    const output = new Date(input)\n\n    const formatter = new Intl.DateTimeFormat(this.locale, {\n      month: 'short',\n      day: 'numeric',\n    })\n\n    return formatter.format(output)\n  }\n\n  asDateTime(input) {\n    if (isEmpty(input)) return ''\n    const output = new Date(input)\n\n    const formatter = new Intl.DateTimeFormat(this.locale, {\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric',\n      hour: 'numeric',\n      minute: 'numeric',\n    })\n\n    return formatter.format(output)\n  }\n\n  asShortDateTime(input) {\n    if (isEmpty(input)) return ''\n    const output = new Date(input)\n\n    const formatter = new Intl.DateTimeFormat(this.locale, {\n      year: 'numeric',\n      month: 'short',\n      day: 'numeric',\n      hour: 'numeric',\n      minute: 'numeric',\n    })\n\n    return formatter.format(output)\n  }\n\n  asShortestDateTime(input) {\n    if (isEmpty(input)) return ''\n    const output = new Date(input)\n\n    const formatter = new Intl.DateTimeFormat(this.locale, {\n      month: 'short',\n      day: 'numeric',\n      hour: 'numeric',\n      minute: 'numeric',\n    })\n\n    return formatter.format(output)\n  }\n\n  asPreciseTime(input) {\n    if (isEmpty(input)) return ''\n    const output = new Date(input)\n\n    const formatter = new Intl.DateTimeFormat(this.locale, {\n      year: 'numeric',\n      month: 'numeric',\n      day: 'numeric',\n      hour: 'numeric',\n      minute: 'numeric',\n      second: 'numeric',\n    })\n\n    return formatter.format(output)\n  }\n\n  asTime(input) {\n    if (isEmpty(input)) return ''\n    const output = new Date(input)\n\n    const formatter = new Intl.DateTimeFormat(this.locale, {\n      hour: 'numeric',\n      minute: 'numeric',\n    })\n\n    return formatter.format(output)\n  }\n\n  asDecimal(input) {\n    if (isEmpty(input)) return ''\n    const output = Number(input)\n\n    const formatter = new Intl.NumberFormat(this.locale, {\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 2,\n    })\n\n    return formatter.format(output)\n  }\n\n  asInteger(input) {\n    if (isEmpty(input)) return ''\n    const output = Number(input)\n\n    const formatter = new Intl.NumberFormat(this.locale, {\n      minimumFractionDigits: 0,\n      maximumFractionDigits: 0,\n    })\n\n    return formatter.format(output)\n  }\n\n  asCount(input) {\n    return `${input}`.replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')\n  }\n}\n\nconst isEmpty = input => input === null || input === undefined || input === ''\n\nexport default new Localizer()\n","/* eslint-disable import/prefer-default-export */\n\n// permissions stored in binary [title][clipboard][keystroke][screenshots]\n// uses 32767 to denote capture all\nexport const getObserverPermissions = neoStatusCode => {\n  const permissions = decimalToBinary(neoStatusCode)\n  return {\n    title: permissions[0] === '1',\n    clipboard: permissions[1] === '1',\n    keystroke: permissions[2] === '1',\n    screenshot: permissions[3] === '1',\n  }\n}\n\nconst decimalToBinary = decimal => {\n  return Number(decimal).toString(2).padStart(4, '0')\n}\n","export const paramsDetailsMap = {\n  axis: {\n    label: 'Axis',\n    description: '0 - for horizontal tabs, 1 - for vertical tabs.',\n    type: 'number',\n    rules: { min: 0, max: 1 },\n  },\n  black_white_override: {\n    label: 'Ignore Blacks and Whites',\n    description: 'Ignores near-black and near-white pixels when evaluating color.',\n    type: 'checkbox',\n  },\n  color: {\n    label: 'Color',\n    description:\n      'A list representing RGB color of the tab. This could be determined by using built in mac application called Digital Color Meter and hovering over tab of interest. Ex: [110, 110, 112].',\n    type: 'text',\n    placeholder: 'example: [110, 110, 112]',\n  },\n  ngrams: {\n    label: 'Exact Phrases',\n    description: 'Consider an object only when its exact phrase is found in the allow list.',\n    type: 'checkbox',\n  },\n  overwrite_stop_words: {\n    label: 'Overwrite Stop Words',\n    description:\n      'Default: false. Definition: To be used in conjunction with the stop_words variable. If false we use both the keywords found with our “threshold” variable and ones defined in our “stop_words” variable as words to remove from provisional signature.',\n    type: 'checkbox',\n  },\n  regex_list: {\n    label: 'Regex List',\n    description:\n      'A list of regex rules and their desired signature. For example: [{\"regex_rule\": \"desired_signature\"}].',\n    type: 'textarea',\n    placeholder: 'example: [{\"regex_rule\": \"desired_signature\"}]',\n  },\n  rgb_delta: {\n    label: 'RGB Delta',\n    description:\n      'Because a lot of applications use gradient based colors for tabs/controls. The rgb values for the color are defined by a range. This parameter essentially covers the range of R, G, and B colors to be identified. Ex: [5, 5, 10] i.e R = 105 – 115, G = 105 – 115 and B = 102 – 122.',\n    type: 'text',\n    placeholder: 'Example: [5, 5, 10]',\n  },\n  scrub_numbers: {\n    label: 'Scrub Numbers',\n    description: 'Remove numbers from screen signatures.',\n    type: 'checkbox',\n  },\n  scrub_punctuation: {\n    label: 'Scrub Punctuation',\n    description: 'Remove punctuation from screen signatures.',\n    type: 'checkbox',\n  },\n  stop_words: {\n    label: 'Stop Words',\n    description:\n      'List of words you would like excluded. (must be lowercased). Additional words you would like to be removed from a provisional signature. Example: [\"these\",\"will\",\"all\",\"be\",\"removed\"].',\n    type: 'textarea',\n    placeholder: 'Example: [\"these\",\"will\",\"all\",\"be\",\"removed\"]',\n  },\n  stopwords: {\n    label: 'Stop Words',\n    description:\n      'A list of words that you don’t want to be found as tabs. A lot of applications have similar colors for the Tab (of interest) and buttons. Hence passing this parameter would prevent buttons from being found as tabs.',\n    type: 'text',\n  },\n  stop_words_only: {\n    label: 'Stop Words Only',\n    description:\n      'To be used in conjunction with the stop_words variable. If checked, the model will use the stop words list only and disregard the whitelist.',\n    type: 'checkbox',\n  },\n  target: {\n    label: 'Target',\n    description: 'Choose to append Field or Control Key.',\n    type: 'radiogroup',\n    boxes: [\n      { label: 'Field', value: 'field' },\n      { label: 'Control Key', value: 'control key' },\n    ],\n  },\n  threshold: {\n    label: 'Threshold',\n    description:\n      'The percentile of keywords to drop.  For example, if threshold = 0.4, this will drop the bottom 40% of keywords found by count.',\n    type: 'number',\n    title: '',\n    rules: { min: 0, max: 1, step: '.01' },\n  },\n  use_bg_color: {\n    label: 'Use Background Color',\n    description: 'Used to determine active tab based off background color instead of text color.',\n    type: 'checkbox',\n  },\n  use_url: {\n    label: 'Use URL',\n    description: 'Attempt to extract url from page and use that to determine screen signature.',\n    type: 'checkbox',\n  },\n  use_ocr_text: {\n    label: 'Use OCR Text',\n    description: '',\n    type: 'checkbox',\n  },\n  whitelist: {\n    label: 'Allow List',\n    description:\n      'List of words you would like included (case sensitive). Opposite of stop_words, these are words you want included in your provisional signatures. Example: [\"these\",\"will\",\"all\",\"be\",\"included\"].',\n    type: 'ngram',\n    placeholder: 'Example: [\"these\",\"will\",\"all\",\"be\",\"included\"]',\n  },\n  allow_list: {\n    label: 'Allow List',\n    description:\n      'List of words you would like included (case sensitive). Opposite of stop_words, these are words you want included in your provisional signatures. Example: [\"these\",\"will\",\"all\",\"be\",\"included\"].',\n    type: 'ngram',\n    placeholder: 'Example: [\"these\",\"will\",\"all\",\"be\",\"included\"]',\n  },\n}\n\nexport const strategyOptions = [\n  {\n    label: 'Text - Window Title Top Keywords',\n    tag: 'text',\n    value: 'title_keywords',\n    description: 'Keywords in title and screen.',\n    params: [\n      { value: 'whitelist' },\n      { value: 'stop_words' },\n      { value: 'overwrite_stop_words' },\n      { value: 'stop_words_only' },\n      { value: 'use_ocr_text' },\n      { value: 'use_url' },\n      { value: 'scrub_numbers' },\n      { value: 'scrub_punctuation' },\n      { value: 'threshold' },\n    ],\n  },\n  {\n    label: 'Text - Regex',\n    tag: 'text',\n    value: 'regex',\n    description: 'Regex against text.',\n    params: [{ value: 'use_ocr_text' }, { value: 'regex_list' }],\n  },\n  {\n    label: 'Image - Label Color',\n    tag: 'image',\n    value: 'colored_tab',\n    description: 'Distinct colors for the labels/tabs.',\n    params: [\n      { value: 'color' },\n      { value: 'black_white_override' },\n      { value: 'rgb_delta' },\n      { value: 'stopwords' },\n      { value: 'whitelist' },\n      { value: 'ngrams' },\n    ],\n  },\n  {\n    label: 'Image Text - Active Tab',\n    tag: 'imageText',\n    value: 'active_tab',\n    description: 'Assigns a signature based off the active tab on a page.',\n    params: [{ value: 'whitelist' }, { value: 'use_bg_color' }, { value: 'axis' }],\n  },\n  {\n    label: 'Image - Hashing',\n    tag: 'image',\n    value: 'dhash_dbscan',\n    description: 'Convert the screens into hashes and group similar hashes together',\n    params: [],\n  },\n  {\n    label: 'Hybrid - Chained',\n    tag: 'hybrid',\n    value: 'chained',\n    description: 'Chains multiple strategies together.',\n    params: [],\n    selectable: -1,\n  },\n  {\n    label: 'Field Append',\n    tag: 'hybrid',\n    value: 'field_append',\n    description: 'Target field or control key to be used as a screen signature.',\n    params: [{ value: 'allow_list' }, { value: 'target' }, { value: 'scrub_punctuation' }],\n    selectable: 1,\n  },\n]\n","//Sort.js\n\nconst sortTypeMap = {\n  string: (a, b) => a.localeCompare(b),\n  number: (a, b) => a - b,\n  boolean: (a, b) => sortTypeMap.string(a.toString(), b.toString()),\n  timestamp: (a, b) => new Date(a).getTime() - new Date(b).getTime(),\n}\n\nexport const sortBy = (key, valType) => (a, b) => {\n  const type = valType || typeof a[key]\n  return sortTypeMap[type] && sortTypeMap[type](a[key], b[key])\n}\n\nexport const compare = (a, b, valType) => {\n  const type = valType || typeof a\n  return sortTypeMap[type] && sortTypeMap[type](a, b)\n}\n","const clearOnLogoutKeys = {}\nconst localStorageCache = {}\nconst localStorage = {\n  set: (key, value, shouldClearOnLogout = true) => {\n    localStorageCache[key] = value\n    window.localStorage.setItem(key, JSON.stringify(value))\n    if (shouldClearOnLogout) {\n      clearOnLogoutKeys[key] = true\n    }\n  },\n\n  get: key => localStorageCache[key] || JSON.parse(window.localStorage.getItem(key)),\n\n  // should only be called when logging out\n  clearOnLogout: () =>\n    Object.keys(clearOnLogoutKeys).forEach(key => {\n      delete localStorageCache[key]\n      window.localStorage.removeItem(key)\n    }),\n}\n\nexport default localStorage\n","/* eslint-disable no-bitwise */\nexport const toAlpha = (depth, useNumeral = true) => {\n  const letterVal = depth % 26\n  let letterupper = String.fromCharCode(65 + letterVal)\n\n  // if more than 26, do AA or A1, depending on useNumeral\n  if (useNumeral) {\n    if (depth > 25) {\n      const quotient = Math.floor(Math.max(depth / 26, 1))\n      letterupper += quotient\n    }\n  } else {\n    const cap = Math.floor(depth / 26)\n    for (let i = 0; i < cap; i += 1) {\n      letterupper = `${letterupper}${letterupper.charAt(0)}`\n    }\n  }\n  return letterupper\n}\n\nexport const toHash = str => {\n  let hash = 0\n  if (str.length === 0) return hash\n  for (let i = 0; i < str.length; i += 1) {\n    const chr = str.charCodeAt(i)\n    hash = (hash << 5) - hash + chr\n    hash |= 0\n  }\n  return hash\n}\n","//Time.js. -- time related functions, not relating to localization\nimport { differenceInHours } from 'date-fns'\n\nexport const getActive = time => {\n  const now = new Date()\n  const diff = differenceInHours(now, new Date(time))\n\n  if (diff <= 24) {\n    return 'active'\n  }\n\n  if (diff <= 72) {\n    return 'some'\n  }\n  return 'inactive'\n}\n\nconst leadingZeroes = num => {\n  if (Math.floor(num).toString().length >= 2) return Math.floor(num).toString()\n  return `0${num}`.slice(-2)\n}\n\nexport const getTimeElapsed = totalSeconds => {\n  const hours = Math.trunc(totalSeconds / 3600)\n  let myTotalSeconds = totalSeconds % 3600\n  const minutes = Math.trunc(myTotalSeconds / 60)\n  myTotalSeconds %= 60\n  const secs = Math.round(myTotalSeconds)\n  return `${leadingZeroes(hours)}:${leadingZeroes(minutes)}:${leadingZeroes(secs)}`\n}\n\nexport const getTimeElapsedTruncated = totalSeconds => {\n  let timeStr = ''\n  const hours = Math.floor(totalSeconds / 3600)\n  if (hours > 0) {\n    timeStr = `${hours}:`\n  }\n  totalSeconds %= 3600\n  const minutes = Math.floor(totalSeconds / 60)\n\n  if (minutes > 9) {\n    timeStr = `${timeStr}${minutes}:`\n  } else {\n    timeStr = `${timeStr}0${minutes}:`\n  }\n\n  const seconds = Math.floor(totalSeconds % 60)\n  if (seconds > 9 || timeStr === '') {\n    timeStr = `${timeStr}${seconds}`\n  } else {\n    timeStr = `${timeStr}0${seconds}`\n  }\n\n  return timeStr\n}\n","/* eslint-disable camelcase */\nimport { observable } from 'mobx'\nimport qs from 'qs'\n\nconst defaultPrivacySettings = Object.freeze({\n  observers: {\n    mode: 'default',\n    active: true,\n  },\n})\n\nclass UiStore {\n  @observable config\n\n  @observable tenant\n\n  @observable shibumi = null\n\n  @observable showAdminNav = true\n\n  setShibumiAuthToken = token => {\n    this.shibumi.shibumiAuthToken = token\n  }\n\n  setShibumiIntegration = tenantData => {\n    if (!tenantData.coeIntakeUrl || !tenantData.coeUsername) {\n      return undefined\n    }\n\n    const { appName, ent_id, program_id, uguid } = qs.parse(tenantData.coeIntakeUrl)\n    const region = tenantData.coeIntakeUrl.split('.')[1]\n\n    this.shibumi = {\n      appName: appName,\n      entId: ent_id,\n      programId: program_id,\n      uguid: uguid,\n      coeIntakeUrl: tenantData.coeIntakeUrl,\n      coeUsername: tenantData.coeUsername,\n      region: region === 'shibumi' ? 'app' : region,\n    }\n  }\n\n  setTenantData = ({ privacySettings, ...tenantData }) => {\n    this.tenant = {\n      privacySettings: { ...defaultPrivacySettings, ...privacySettings },\n      ...tenantData,\n    }\n    this.setShibumiIntegration(tenantData)\n  }\n}\n\nexport default new UiStore()\n","import { getIntersection, mergeAndDeduplicate } from 'lib/ArrayHelpers'\n\nimport { rules, liteRules } from './rbac-rules'\n\nconst getMergedUserRoutes = (roles, tenantRules) => {\n  const routes = mergeAndDeduplicate(roles.map(role => rules[role].routes))\n  if (tenantRules) {\n    return getIntersection(routes, tenantRules.routes)\n  }\n  return routes\n}\n\nexport const getUserMenu = (routes, roles, tenant) => {\n  let tenantRules = null\n  if (tenant.isLite) {\n    tenantRules = liteRules\n  }\n  const mergedUserRoutes = getMergedUserRoutes(roles, tenantRules)\n\n  return routes\n    .map(route => {\n      if (route.subItems) {\n        const subItems = route.subItems.filter(subRoute => mergedUserRoutes.includes(subRoute.to) && subRoute)\n        return subItems.length !== 0 && { ...route, subItems }\n      }\n      return mergedUserRoutes.includes(route.to) && route\n    })\n    .filter(Boolean)\n}\n\nconst checkAllowedRoutes = (routes, roles, tenant) => {\n  let tenantRules = null\n  if (tenant.isLite) {\n    tenantRules = liteRules\n  }\n  const mergedUserRoutes = getMergedUserRoutes(roles, tenantRules)\n\n  const routesWithPermission = routes.reduce(\n    (obj, route) => {\n      if (mergedUserRoutes.includes(route.path)) {\n        obj.allow = [...obj.allow, route]\n      } else {\n        obj.denied = [...obj.denied, route]\n      }\n      return obj\n    },\n    { allow: [], denied: [] }\n  )\n\n  return [routesWithPermission.allow, routesWithPermission.denied]\n}\n\nexport default checkAllowedRoutes\n","const controlTypeOptions = [\n  { key: 0, label: 'Button', value: 'button' },\n  { key: 1, label: 'Checkbox', value: 'checkbox' },\n  { key: 2, label: 'Icon', value: 'icon' },\n  { key: 3, label: 'List Box', value: 'list_box' },\n  { key: 4, label: 'Radio Button', value: 'radio_button' },\n  { key: 5, label: 'Tab', value: 'tab' },\n  { key: 6, label: 'Table', value: 'table' },\n  { key: 7, label: 'Text Field', value: 'text_field' },\n]\n\nexport default controlTypeOptions\n","import ROLES from 'constants/roles'\nimport graphTypeDisplayNameMap from './graphTypeDisplayNameMap'\n\nconst filterOptions = {\n  favorited: {\n    field: 'favorited',\n    label: 'Favorited',\n    type: 'switch',\n    value: '1',\n    width: 'auto',\n  },\n  recommended: {\n    field: 'recommended',\n    label: 'Recommended',\n    type: 'switch',\n    value: { from: 70, to: 100 },\n    width: 'auto',\n    wrapStyle: { marginLeft: '16px' },\n  },\n  miningRunCreatedDates: {\n    field: 'createdDates',\n    label: 'Mining Run Created Date',\n    type: 'rangePicker',\n  },\n  processesCreatedDates: {\n    field: 'createdDates',\n    label: 'Processes Created Date',\n    type: 'rangePicker',\n  },\n  statusCreatedDates: {\n    field: 'createdDates',\n    label: 'Status Created Date',\n    type: 'rangePicker',\n  },\n  graphProcessTags: {\n    field: 'tags',\n    label: 'Tags',\n    type: 'typeahead',\n    url: '/tags/filters',\n    params: { taggable_type: ['Graph::Process', 'DfGraph::Process'] },\n    mode: 'multiple',\n  },\n  miningRunTags: {\n    field: 'tags',\n    label: 'Tags',\n    type: 'typeahead',\n    url: '/tags/filters',\n    params: { taggable_type: 'Mining::Run' },\n    mode: 'multiple',\n  },\n  applicationsTags: {\n    field: 'tags',\n    label: 'Tags',\n    type: 'typeahead',\n    url: '/tags/filters',\n    params: { taggable_type: 'TenantApplication' },\n    mode: 'multiple',\n  },\n  applicationsTags_service: {\n    field: 'tags',\n    label: 'Tags',\n    type: 'typeahead',\n    url: '/tags/filters',\n    params: { taggable_type: 'TenantApplication', service: true },\n    mode: 'multiple',\n  },\n  observersTags: {\n    field: 'tags',\n    label: 'Tags',\n    type: 'typeahead',\n    url: '/tags/filters',\n    params: { taggable_type: 'Observer' },\n    mode: 'multiple',\n  },\n  miningRunIds: {\n    field: 'miningRunIds',\n    label: 'Mining IDs',\n    type: 'typeahead',\n    url: '/mining_runs/filters',\n    mode: 'multiple',\n  },\n  graphProcessIds: {\n    field: 'graphProcessIds',\n    label: 'Process IDs',\n    type: 'typeahead',\n    url: '/graph_processes/filters',\n    mode: 'multiple',\n    params: { field_type: 'id' },\n    optionsLabelKey: 'value',\n  },\n  graphProcessNames: {\n    field: 'graphProcessNames',\n    label: 'Process Names',\n    type: 'typeahead',\n    url: '/graph_processes/filters',\n    mode: 'multiple',\n    params: { field_type: 'name' },\n    optionsValueKey: 'label',\n  },\n  applications: {\n    field: 'applications',\n    label: 'Applications',\n    type: 'typeahead',\n    url: '/applications/filters',\n    mode: 'multiple',\n  },\n  applicationIds: {\n    field: 'applications',\n    label: 'Application IDs',\n    type: 'typeahead',\n    url: '/applications/filters',\n    params: { field: 'application_id', order: 'applicationId ASC' },\n    mode: 'multiple',\n  },\n  applications_service: {\n    field: 'applications',\n    label: 'Applications',\n    type: 'typeahead',\n    url: '/applications/filters',\n    params: { service: true },\n    mode: 'multiple',\n  },\n  applicationIds_service: {\n    field: 'applications',\n    label: 'Application IDs',\n    type: 'typeahead',\n    url: '/applications/filters',\n    params: { field: 'application_id', order: 'applicationId ASC', service: true },\n    mode: 'multiple',\n  },\n  createdBy: {\n    field: 'createdBy',\n    label: 'Created By',\n    type: 'typeahead',\n    url: '/users/filters',\n    params: { field: 'mining_run_users' },\n    mode: 'multiple',\n  },\n  observers: {\n    field: 'observers',\n    label: 'Observers',\n    type: 'typeahead',\n    url: '/observers/filters',\n    mode: 'multiple',\n  },\n  miningType: {\n    field: 'miningType',\n    label: 'Mining Type',\n    type: 'select',\n    options: [\n      { label: 'All', value: 'all' },\n      { label: graphTypeDisplayNameMap.butterfly, value: 'butterfly' },\n      { label: graphTypeDisplayNameMap.flowgraph, value: 'flowgraph' },\n      { label: graphTypeDisplayNameMap.path, value: 'path' },\n      { label: graphTypeDisplayNameMap.recipes, value: 'recipes' },\n      { label: graphTypeDisplayNameMap.report, value: 'report' },\n    ],\n  },\n  miningTypeProcesses: {\n    field: 'miningType',\n    label: 'Mining Type',\n    type: 'select',\n    options: [\n      { label: 'All', value: 'all' },\n      { label: graphTypeDisplayNameMap.butterfly, value: 'butterfly' },\n      { label: graphTypeDisplayNameMap.flowgraph, value: 'flowgraph' },\n      { label: graphTypeDisplayNameMap.path, value: 'path' },\n    ],\n  },\n  statusFilter: {\n    field: 'status',\n    label: 'Status',\n    type: 'select',\n    options: [\n      { label: 'All statuses', value: 'all' },\n      { label: 'Complete', value: 'complete' },\n      { label: 'Pending', value: 'pending' },\n      { label: 'Done', value: 'done' },\n      { label: 'Imported', value: 'imported' },\n      { label: 'Generating mining parameters', value: 'generating mining parameters' },\n      { label: 'Error, no paths found', value: 'error, no paths found' },\n      {\n        label: 'Error, bad filter rules or databse connection',\n        value: 'error, bad filter rules or databse connection',\n      },\n      { label: 'Error, no events found', value: 'error, no events found' },\n      { label: 'Mining', value: 'mining' },\n      { label: 'Processing', value: 'processing' },\n    ],\n  },\n  jobTypeFilter: {\n    field: 'jobs',\n    label: 'Jobs',\n    type: 'select',\n    options: [\n      { label: 'All jobs', value: 'all' },\n      { label: 'Mining Runs', value: 'mining-runs' },\n      { label: 'Web Applications', value: 'web-applications' },\n      { label: 'PDDs', value: 'pdds' },\n      { label: 'Signature Service Jobs', value: 'signature-service-jobs' },\n      { label: 'Event Log Exports', value: 'event-exports' },\n      { label: 'Recipes', value: 'recipes' },\n    ],\n  },\n  user: {\n    field: 'user',\n    label: 'User',\n    type: 'typeahead',\n    url: '/observers/windows_usernames/filters',\n    mode: 'multiple',\n  },\n  usersEmail: {\n    field: 'userEmails',\n    label: 'User Email',\n    mode: 'multiple',\n    params: { field: 'emails' },\n    type: 'typeahead',\n    url: '/users/filters',\n    optionsValueKey: 'label',\n  },\n  usersUsername: {\n    field: 'usernames',\n    label: 'Username',\n    mode: 'multiple',\n    params: { field: 'usernames' },\n    type: 'typeahead',\n    url: '/users/filters',\n    optionsValueKey: 'label',\n  },\n  roleFilter: {\n    field: 'roles',\n    label: 'Roles',\n    type: 'select',\n    options: Object.keys(ROLES).map(roleObj => ({ label: ROLES[roleObj].name, value: roleObj })),\n  },\n}\n\nconst getFilterOptions = array => array.map(option => filterOptions[option])\n\nexport default getFilterOptions\n","import { getDefaultParams } from './getMiningParamsPath'\n\nconst getMiningParamsButterfly = (screenOrEventText = 'screens', miningTypeLabel = 'screen signature') => [\n  {\n    label: `Number of ${screenOrEventText} before center`,\n    key: 'butterfly_count_before',\n    type: 'number',\n    default: '5',\n    rules: { min: 1 },\n    validators: { required: 'This field is required' },\n  },\n  {\n    label: `Number of ${screenOrEventText} after center`,\n    key: 'butterfly_count_after',\n    type: 'number',\n    default: '5',\n    rules: { 5: 1 },\n    validators: { required: 'This field is required' },\n  },\n  ...getDefaultParams(miningTypeLabel),\n]\n\nexport default getMiningParamsButterfly\n","import getMiningParamsPath from './getMiningParamsPath'\n\nexport default getMiningParamsPath\n","export const getStartStrategy = miningTypeLabel => ({\n  label: 'Start Strategy',\n  description: `Determines which start finding strategy we use when not given a start ${miningTypeLabel}.`,\n  key: 'start_strategy',\n  type: 'select',\n  options: [\n    { value: 'dependency', label: 'Dependency' },\n    { value: 'frequency', label: 'Frequency' },\n    { value: 'interactivity', label: 'Interactivity' },\n    { value: 'copy_paste', label: 'Copy Paste' },\n  ],\n  default: 'dependency',\n})\n\nexport const getDefaultParams = miningTypeLabel => [\n  {\n    label: 'Number of Processes',\n    description: 'Determines the number of unique starts to mine for in a blind mining run.',\n    key: 'num_processes',\n    type: 'number',\n    default: '20',\n    rules: { min: 2, max: 50 },\n  },\n  {\n    label: 'Number of Paths',\n    description: 'The number of unique paths to return to the process graph.',\n    key: 'num_paths',\n    type: 'number',\n    default: '20',\n    rules: { min: 2, max: 100 },\n  },\n  getStartStrategy(miningTypeLabel),\n  {\n    label: 'Path Filter',\n    description: 'Determines which path filter strategy we use when determining and returning the top paths.',\n    key: 'path_filter',\n    type: 'select',\n    options: [\n      { value: 'frequency', label: 'Frequency' },\n      { value: 'levenshtein', label: 'Levenshtein' },\n      { value: 'dedup', label: 'Dedup' },\n    ],\n    default: 'frequency',\n  },\n]\n\nconst getMiningParamsPath = (miningTypeLabel = 'screen signature') => [\n  {\n    label: 'Min Path Length',\n    description: 'The minimum path length of an instance for it to be included in the processes.',\n    key: 'min_path_length',\n    type: 'number',\n    default: '2',\n    rules: { min: 2 },\n  },\n  {\n    label: 'Max Path Length',\n    description: 'The maximum path length of an instance for it to be included in the processes.',\n    key: 'max_path_length',\n    type: 'number',\n    default: '100',\n    rules: { min: 2 },\n  },\n  ...getDefaultParams(miningTypeLabel),\n  {\n    label: 'Merge Starts',\n    description: 'Include multiple starts in the same process',\n    key: 'merge_starts',\n    type: 'checkbox',\n    default: 0,\n  },\n  {\n    label: 'Shortest Path',\n    description: 'Finds the shortest instance of a path rather than the longest',\n    key: 'shortest_path',\n    type: 'checkbox',\n    default: 0,\n  },\n]\n\nexport default getMiningParamsPath\n","import { getStartStrategy } from './getMiningParamsPath'\n\nconst getMiningParamsReport = (miningTypeLabel = 'screen signature') => [\n  {\n    label: `Number of start ${miningTypeLabel}s`,\n    description: `The max number of start ${miningTypeLabel}s to return.`,\n    key: 'num_processes',\n    type: 'number',\n    default: '20',\n    rules: { min: 1 },\n  },\n  {\n    label: `Number of end ${miningTypeLabel}s`,\n    description: `The max number of end ${miningTypeLabel}s to return.`,\n    key: 'num_ends',\n    type: 'number',\n    default: '20',\n    rules: { min: 1 },\n  },\n  getStartStrategy(miningTypeLabel),\n  {\n    label: 'End Strategy',\n    description: `Determines which end finding strategy we use when not given a end ${miningTypeLabel}.`,\n    key: 'end_strategy',\n    type: 'select',\n    options: [\n      { value: 'dependency', label: 'Dependency' },\n      { value: 'field_match', label: 'Field Match' },\n    ],\n    default: 'dependency',\n  },\n]\n\nexport default getMiningParamsReport\n","const graphTypeDisplayNameMap = {\n  butterfly: 'Butterfly',\n  default: 'Path',\n  flowgraph: 'Flow',\n  path: 'Path',\n  recipes: 'Recipes',\n  report: 'Report',\n}\n\nexport default graphTypeDisplayNameMap\n","import { useRef, useEffect, useState, useCallback } from 'react'\nimport { usePrevious } from 'react-use'\nimport { useLocation } from 'react-router-dom'\nimport api from 'lib/Api'\n\nexport function useInterval(callback, delay) {\n  const savedCallback = useRef()\n\n  // Remember the latest function.\n  useEffect(() => {\n    savedCallback.current = callback\n  }, [callback])\n\n  // Set up the interval.\n  useEffect(() => {\n    function tick() {\n      savedCallback.current()\n    }\n    if (delay !== null) {\n      const id = setInterval(tick, delay)\n      return () => clearInterval(id)\n    }\n  }, [delay])\n}\n\nexport const useFetch = (url, options = null, conditions = [true]) => {\n  const [data, setData] = useState()\n  const [errors, setErrors] = useState(null)\n  const [isLoading, setIsLoading] = useState(true)\n  const optionsHash = JSON.stringify([url, options])\n  const previousOptionsHash = usePrevious(optionsHash)\n  const shouldFetch = previousOptionsHash !== optionsHash && conditions.every(Boolean)\n\n  const fetchData = useCallback(\n    async (fetchOptions = {}) => {\n      const { method = 'GET', ...restOptions } = { ...fetchOptions, ...options }\n      const action = method.toLocaleLowerCase()\n      setIsLoading(true)\n      setData()\n      const response = await api[action](url, restOptions).catch(err => setErrors(err))\n      setData(response.data)\n      setIsLoading(false)\n    },\n    [url, options]\n  )\n\n  useEffect(() => {\n    if (shouldFetch) {\n      fetchData()\n    } else {\n      setIsLoading(false)\n    }\n  }, [shouldFetch, fetchData])\n\n  return { isLoading, data, errors, setData, reFetch: fetchData }\n}\n\nexport const useQuery = () => {\n  return new URLSearchParams(useLocation().search)\n}\n\n//can be used to work similar to setState from class components\n// ex: const [employee, setEmployee] = useMergeState(initObj)\n// setEmployee({ name: 'Joe' })\nexport const useMergeState = initialState => {\n  const [state, setState] = useState(initialState)\n  const setMergedState = newState => setState(prevState => ({ ...prevState, ...newState }))\n  return [state, setMergedState]\n}\n\nexport const useDebounce = (value, delay) => {\n  const [debouncedValue, setDebouncedValue] = useState(value)\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value)\n    }, delay)\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [value, delay])\n  return debouncedValue\n}\n\n// Persisted use state with localstorage\n// Similar to useState but first arg is key to the value in local storage.\n// const [name, setName] = useLocalStorage('name', 'Bob');\n// Docs: https://usehooks.com/useLocalStorage/\n\nconst clearOnLogoutKey = 'clearOnLogoutKeys'\n\nexport const useLocalStorage = (key, initialValue, shouldClearOnLogout = false) => {\n  // State to store our value\n  // Pass initial state function to useState so logic is only executed once\n  const [storedValue, setStoredValue] = useState(() => {\n    try {\n      // Get from local storage by key\n      const item = window.localStorage.getItem(key)\n      // Parse stored json or if none return initialValue\n      return item ? JSON.parse(item) : initialValue\n    } catch (error) {\n      // If error also return initialValue\n      console.error(error)\n      return initialValue\n    }\n  })\n\n  // Return a wrapped version of useState's setter function that ...\n  // ... persists the new value to localStorage.\n  const setPersistedValue = value => {\n    try {\n      // Allow value to be a function so we have same API as useState\n      const valueToStore = value instanceof Function ? value(storedValue) : value\n      // Save state\n      setStoredValue(valueToStore)\n      // Save to local storage\n      window.localStorage.setItem(key, JSON.stringify(valueToStore))\n    } catch (error) {\n      // A more advanced implementation would handle the error case\n      console.error(error)\n    }\n  }\n\n  if (shouldClearOnLogout) {\n    const item = window.localStorage.getItem(clearOnLogoutKey)\n\n    const clearOnLogoutKeys = item ? JSON.parse(item) : []\n\n    if (!clearOnLogoutKeys.includes(key)) {\n      const newArray = [...clearOnLogoutKeys, key]\n      window.localStorage.setItem(clearOnLogoutKey, JSON.stringify(newArray))\n    }\n  }\n\n  return [storedValue, setPersistedValue]\n}\n\nexport const useApplicationsMap = () => {\n  const [applicationsMap, setApplicationsMap] = useState()\n  const [isLoading, setIsLoading] = useState(true)\n  useEffect(() => {\n    const fetchApplications = async () => {\n      setIsLoading(true)\n      const { data = [] } = await api.get('/applications/filters')\n      setApplicationsMap(\n        data.reduce((acc, cur) => {\n          acc[cur.value] = cur.label\n          return acc\n        }, {})\n      )\n      setIsLoading(false)\n    }\n    if (!applicationsMap) {\n      fetchApplications()\n    }\n  }, [applicationsMap])\n\n  return { applicationsMap, isLoading }\n}\n\nexport const clearUseLocalStorage = () => {\n  const item = window.localStorage.getItem(clearOnLogoutKey)\n  if (item) {\n    const keys = JSON.parse(item)\n    keys.forEach(key => {\n      window.localStorage.removeItem(key)\n    })\n    window.localStorage.removeItem(clearOnLogoutKey)\n  }\n}\n\nexport default { useInterval }\n","const parseApplicationData = processData => {\n  // get application information from process data\n  const applications = {}\n  let total = 0\n\n  const parseData = data => {\n    if (data?.activities && data.activities.length > 0) {\n      data.activities.forEach(activity => {\n        if (applications[activity.application_name]) {\n          applications[activity.application_name].count += 1\n        } else {\n          applications[activity.application_name] = {\n            count: 1,\n            icon: activity.application_icon_url,\n          }\n        }\n        total += 1\n      })\n    }\n    if (data?.children && data.children.length > 0) {\n      data.children.forEach(child => parseData(child))\n    }\n  }\n\n  parseData(processData)\n  const order = Object.keys(applications).sort((a, b) => applications[b].count - applications[a].count)\n  return { applications, total, order }\n}\n\nexport default parseApplicationData\n","export const routes = [\n  '/',\n  '/admin',\n  '/admin/account',\n  'admin/credits',\n  '/admin/:page?',\n  '/admin/application-list',\n  '/admin/domain-list',\n  '/admin/integrations',\n  '/admin/sidekiq',\n  '/admin/tank',\n  '/admin/tenants',\n  '/admin/tenants/:id/:page?',\n  '/admin/tenants/new',\n  '/admin/users',\n  '/admin/users/:id',\n  '/admin/users/:id/edit',\n  '/admin/users/new',\n  '/applications',\n  '/applications/:appId/:cycleId?',\n  '/applications/:applicationId/screens/:screenSignature/:cycleId?',\n  '/client-dashboard',\n  '/client-dashboard/:id',\n  '/cycles',\n  '/flow-graph',\n  '/flow-graph/:processId',\n  '/dashboard',\n  '/diagrams/:id',\n  '/diagrams/new',\n  '/ds',\n  '/event-log-exports',\n  '/events',\n  '/events/:observerIds?',\n  '/instances-viewer',\n  '/instances-viewer/:id?',\n  '/mining',\n  '/observers',\n  '/observers/:id',\n  '/pdds',\n  '/process-boundary/:reportId',\n  '/process-explorer',\n  '/process-explorer/:id?',\n  '/processes',\n  '/processes/:id',\n  '/processes/:processId/state_actions/:state',\n  '/review',\n  '/review/:observerID/:reviewID/:eventAnnotationID',\n  '/review/:observerID/:reviewID/new',\n  '/review/:observerID/new',\n  '/review/:observerID?',\n  '/roles',\n  '/sandbox',\n  '/screenshot-annotator',\n  '/screenshot/:eventLogId',\n  '/signature-service-jobs',\n  '/status',\n  '/support',\n  '/templates',\n  '/templates/new',\n  '/visualizations',\n  '/visualizations',\n  '/visualizations/applications-pie',\n  '/visualizations/butterfly',\n  '/visualizations/butterfly/:id?',\n  '/web-applications',\n]\n\nexport const actions = [\n  '/admin/tenant/create',\n  '/butterfly:create-process',\n  '/butterfly:graphProcess_select',\n  '/client-dashboard:open-admin-menu',\n  '/client-dashboard/:id:delete-process-card',\n  '/client-dashboard/:id:detail-menu',\n  '/client-dashboard/:id:edit-name',\n  '/events:delete',\n  '/instances-viewer:annotate',\n  '/instances-viewer:navigate-all-instances',\n  '/observer:configure-neo',\n  '/observer:toggle-neo',\n  '/process-explorer:create-subprocess',\n  '/process-explorer:edit-process-name',\n  '/process-explorer:navigate-all-processes',\n  '/process-explorer:node-controls',\n  '/process-explorer:save-as-new-process',\n  '/processes/:id:delete',\n  '/processes/:id:planned-steps',\n  '/processes/:id:steps',\n  '/signature-service-jobs/:view-job-status',\n  '/tenants:set-fiq-lite',\n  '/tenants:see-fiq-lite-toggle',\n  '/tenants:set-tenant-type',\n]\n\nexport const liteRules = {\n  routes: [\n    '/',\n    '/admin',\n    '/admin/account',\n    '/admin/credits',\n    '/admin/:page?',\n    '/admin/integrations',\n    '/admin/users',\n    '/admin/users/:id',\n    '/admin/users/:id/edit',\n    '/admin/users/new',\n    '/admin/application-list',\n    '/admin/domain-list',\n    '/applications',\n    '/client-dashboard',\n    '/client-dashboard/:id',\n    '/cycles',\n    '/flow-graph',\n    '/flow-graph/:processId',\n    '/dashboard',\n    '/diagrams/:id',\n    '/diagrams/new',\n    '/event-log-exports',\n    '/events',\n    '/events/:observerIds?',\n    '/instances-viewer',\n    '/instances-viewer/:id?',\n    '/mining',\n    '/observers',\n    '/observers/:id',\n    '/pdds',\n    '/process-explorer',\n    '/process-explorer/:id?',\n    '/processes',\n    '/processes/:id',\n    '/processes/:processId/state_actions/:state',\n    '/screenshot/:eventLogId',\n    '/status',\n    '/support',\n    '/visualizations',\n    '/visualizations/applications-pie',\n    '/visualizations/butterfly',\n    '/visualizations/butterfly/:id?',\n    '/web-applications',\n  ],\n  actions: [\n    '/butterfly:create-process',\n    '/butterfly:graphProcess_select',\n    '/client-dashboard/:id:delete-process-card',\n    '/client-dashboard/:id:detail-menu',\n    '/client-dashboard/:id:edit-name',\n    '/client-dashboard:open-admin-menu',\n    '/instances-viewer:annotate',\n    '/instances-viewer:navigate-all-instances',\n    '/observer:configure-neo',\n    '/observer:toggle-neo',\n    '/process-explorer:create-subprocess',\n    '/process-explorer:edit-process-name',\n    '/process-explorer:navigate-all-processes',\n    '/process-explorer:node-controls',\n    '/process-explorer:save-as-new-process',\n    '/processes/:id:delete',\n    '/processes/:id:planned-steps',\n    '/processes/:id:steps',\n    '/tenants:see-fiq-lite-toggle',\n    '/tenants:set-fiq-lite',\n  ],\n  tenantActions: {\n    createTenants: ['admin', 'user', 'limited'],\n  },\n}\n\nexport const rules = {\n  limited: {\n    routes: [\n      '/client-dashboard',\n      '/client-dashboard/:id',\n      '/instances-viewer/:id?',\n      '/process-explorer/:id?',\n      '/support',\n      '/visualizations',\n      '/visualizations/butterfly/:id?',\n    ],\n  },\n  virtual_interviewer: {\n    routes: [\n      '/review',\n      '/review/:observerID/:reviewID/:eventAnnotationID',\n      '/review/:observerID/:reviewID/new',\n      '/review/:observerID/new',\n      '/review/:observerID?',\n      '/support',\n    ],\n  },\n  user: {\n    routes: [\n      '/',\n      '/client-dashboard',\n      '/client-dashboard/:id',\n      '/flow-graph',\n      '/flow-graph/:processId',\n      '/dashboard',\n      '/diagrams/:id',\n      '/diagrams/new',\n      '/event-log-exports',\n      '/events',\n      '/events/:observerIds?',\n      '/instances-viewer',\n      '/instances-viewer/:id?',\n      '/mining',\n      '/observers',\n      '/observers/:id',\n      '/pdds',\n      '/process-boundary/:reportId',\n      '/process-explorer',\n      '/process-explorer/:id?',\n      '/processes',\n      '/processes/:id',\n      '/processes/:processId/state_actions/:state',\n      '/screenshot/:eventLogId',\n      '/status',\n      '/support',\n      '/visualizations',\n      '/visualizations/butterfly',\n      '/visualizations/butterfly/:id?',\n    ],\n    actions: [\n      '/process-explorer:create-subprocess',\n      '/process-explorer:edit-process-name',\n      '/process-explorer:navigate-all-processes',\n      '/process-explorer:save-as-new-process',\n      '/process-explorer:node-controls',\n      '/instances-viewer:navigate-all-instances',\n      '/instances-viewer:annotate',\n      '/butterfly:create-process',\n      '/butterfly:graphProcess_select',\n      '/client-dashboard/:id:delete-process-card',\n      '/client-dashboard/:id:detail-menu',\n      '/client-dashboard:open-admin-menu',\n      '/client-dashboard/:id:edit-name',\n    ],\n  },\n  power: {\n    routes: [\n      '/',\n      '/applications',\n      '/applications/:applicationId/screens/:screenSignature/:cycleId?',\n      '/applications/:appId/:cycleId?',\n      '/client-dashboard',\n      '/client-dashboard/:id',\n      '/flow-graph',\n      '/flow-graph/:processId',\n      '/dashboard',\n      '/diagrams/:id',\n      '/diagrams/new',\n      '/event-log-exports',\n      '/events',\n      '/events/:observerIds?',\n      '/instances-viewer',\n      '/instances-viewer/:id?',\n      '/mining',\n      '/observers',\n      '/observers/:id',\n      '/pdds',\n      '/process-boundary/:reportId',\n      '/process-explorer',\n      '/process-explorer/:id?',\n      '/processes',\n      '/processes/:id',\n      '/processes/:processId/state_actions/:state',\n      '/review',\n      '/review/:observerID/:reviewID/:eventAnnotationID',\n      '/review/:observerID/:reviewID/new',\n      '/review/:observerID/new',\n      '/review/:observerID?',\n      '/screenshot/:eventLogId',\n      '/signature-service-jobs',\n      '/status',\n      '/support',\n      '/visualizations',\n      '/visualizations/butterfly',\n      '/visualizations/butterfly/:id?',\n      '/web-applications',\n    ],\n    actions: [\n      '/process-explorer:create-subprocess',\n      '/process-explorer:edit-process-name',\n      '/process-explorer:navigate-all-processes',\n      '/process-explorer:save-as-new-process',\n      '/process-explorer:node-controls',\n      '/instances-viewer:navigate-all-instances',\n      '/instances-viewer:annotate',\n      '/butterfly:create-process',\n      '/butterfly:graphProcess_select',\n      '/client-dashboard/:id:delete-process-card',\n      '/client-dashboard/:id:detail-menu',\n      '/client-dashboard:open-admin-menu',\n      '/client-dashboard/:id:edit-name',\n    ],\n  },\n  admin: {\n    routes: [\n      '/',\n      '/admin',\n      '/admin/account',\n      '/admin/credits',\n      '/admin/:page?',\n      '/admin/integrations',\n      '/admin/users',\n      '/admin/users/:id',\n      '/admin/users/:id/edit',\n      '/admin/users/new',\n      '/admin/application-list',\n      '/admin/domain-list',\n      '/applications',\n      '/applications/:applicationId/screens/:screenSignature/:cycleId?',\n      '/applications/:appId/:cycleId?',\n      '/client-dashboard',\n      '/client-dashboard/:id',\n      '/cycles',\n      '/flow-graph',\n      '/flow-graph/:processId',\n      '/dashboard',\n      '/diagrams/:id',\n      '/diagrams/new',\n      '/ds',\n      '/event-log-exports',\n      '/events',\n      '/events/:observerIds?',\n      '/instances-viewer',\n      '/instances-viewer/:id?',\n      '/mining',\n      '/observers',\n      '/observers/:id',\n      '/pdds',\n      '/process-boundary/:reportId',\n      '/process-explorer',\n      '/process-explorer/:id?',\n      '/processes',\n      '/processes/:id',\n      '/processes/:processId/state_actions/:state',\n      '/review',\n      '/review/:observerID/:reviewID/:eventAnnotationID',\n      '/review/:observerID/:reviewID/new',\n      '/review/:observerID/new',\n      '/review/:observerID?',\n      '/roles',\n      '/sandbox',\n      '/screenshot-annotator',\n      '/screenshot/:eventLogId',\n      '/signature-service-jobs',\n      '/status',\n      '/support',\n      '/visualizations',\n      '/visualizations/applications-pie',\n      '/visualizations/butterfly',\n      '/visualizations/butterfly/:id?',\n      '/web-applications',\n    ],\n    actions: [\n      '/butterfly:create-process',\n      '/butterfly:graphProcess_select',\n      '/client-dashboard/:id:delete-process-card',\n      '/client-dashboard/:id:detail-menu',\n      '/client-dashboard/:id:edit-name',\n      '/client-dashboard:open-admin-menu',\n      '/instances-viewer:annotate',\n      '/instances-viewer:navigate-all-instances',\n      '/observer:configure-neo',\n      '/observer:toggle-neo',\n      '/process-explorer:create-subprocess',\n      '/process-explorer:edit-process-name',\n      '/process-explorer:navigate-all-processes',\n      '/process-explorer:node-controls',\n      '/process-explorer:save-as-new-process',\n      '/processes/:id:delete',\n      '/processes/:id:planned-steps',\n      '/processes/:id:steps',\n      '/tenants:see-fiq-lite-toggle',\n    ],\n  },\n  superuser: { routes: routes, actions: actions },\n}\n","const statusMap = {\n  complete: 'success',\n  success: 'success',\n  done: 'success',\n  imported: 'success',\n  pending: 'processing',\n  mining: 'processing',\n  processing: 'processing',\n  'generating mining parameters': 'processing',\n  'error, no paths found': 'error',\n  'error, pod evicted': 'error',\n  'error, bad filter rules or databse connection': 'error',\n  'error, no events found': 'error',\n  error: 'error',\n}\n\nconst getStatusColor = status => {\n  return statusMap[status] || 'default'\n}\n\nexport default getStatusColor\n","import { theme } from '@fortressiq/fiq-ds'\n\nconst fauxColorArray = [\n  theme['navy-tints-7'],\n  theme['wine-tints-7'],\n  theme['green-tints-9'],\n  theme['teal-tints-1'],\n  theme['orange-tints-5'],\n  theme['yellow-tints-0'],\n  theme['jade-tints-4'],\n  theme['red-tints-7'],\n  theme['blue-tints-0'],\n  theme['purple-tints-8'],\n]\n\nconst fauxColorObject = [\n  {\n    name: 'Blue',\n    hex: theme['navy-tints-3'],\n    light: theme['navy-tints-0'],\n  },\n  {\n    name: 'Salmon',\n    hex: theme['legacy-color-salmon'],\n    light: theme['legacy-color-salmon-light'],\n  },\n  {\n    name: 'Green',\n    hex: theme['green-tints-13'],\n    light: theme['green-tints-13'],\n  },\n  {\n    name: 'Turquoise',\n    hex: theme['legacy-color-turquoise'],\n    light: theme['legacy-color-turquoise-pale'],\n  },\n  {\n    name: 'Orange',\n    hex: theme['orange-tints-8'],\n    light: theme['orange-tints-2'],\n  },\n  {\n    name: 'Yellow',\n    hex: theme['yellow-tints-5'],\n    light: theme['yellow-tints-0'],\n  },\n  {\n    name: 'Light Green',\n    hex: theme['jade-tints-8'],\n    light: theme['jade-tints-1'],\n  },\n  {\n    name: 'Red',\n    hex: theme['red-tints-7'],\n    light: theme['red-tints-1'],\n  },\n  {\n    name: 'Pale Turquoise',\n    hex: theme['teal-tints-5'],\n    light: theme['teal-tints-1'],\n  },\n  {\n    name: 'Violet',\n    hex: theme['purple-tints-13'],\n    light: theme['purple-tints-3'],\n  },\n]\n// eslint-disable-next-line import/prefer-default-export\nexport const mockGraphColors = fauxColorArray\n\nexport const graphColors = fauxColorArray\n\nexport const graphColorsLight = fauxColorArray\n\nexport const graphColorNames = () => fauxColorObject\n","/* eslint-disable import/prefer-default-export */\n/* eslint-disable max-len */\nexport const emailRegex =\n  /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|.(\".+\"))@((\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n","// vendor\nimport 'vendor/rappid.css'\nimport 'react-virtualized/styles.css'\n\n// app\nimport 'styles/app.scss'\nimport 'styles/fonts.scss'\n\n// Import all components. This will add everything from the app folder into this pack.\nconst componentRequireContext = require.context('app', true)\nconst ReactRailsUJS = require('react_ujs')\n\n// eslint-disable-next-line react-hooks/rules-of-hooks\nReactRailsUJS.useContext(componentRequireContext)\n","import shortid from 'shortid'\n\nimport pddGenProgress from 'app/pdds/PddGenToast'\nimport { eventLogExportSuccess } from 'app/admin/event_log_exports/EventLogExportList'\nimport { miningRunImportSuccess } from 'app/mining/ImportSuccess'\nimport processBoundaryToast from 'app/ProcessBoundary/processBoundaryToast'\n\nconst callbackStore = {\n  persistedCallbacks: {\n    eventLogExportSuccess: [eventLogExportSuccess],\n    pddGenProgress: [pddGenProgress],\n    miningRunImportSuccess: [miningRunImportSuccess],\n    startStopRankingsDoneToast: [processBoundaryToast],\n  },\n\n  callbacks: {},\n\n  add: (cb, cbId = shortid.generate(), isPersisted = false) => {\n    const cbStack = isPersisted ? 'persistedCallbacks' : 'callbacks'\n    callbackStore[cbStack][cbId] = callbackStore[cbStack][cbId] ? [...callbackStore[cbStack][cbId], cb] : [cb]\n    return cbId\n  },\n\n  remove: (cbId, cb) => {\n    const cbStacks = ['callbacks', 'persistedCallbacks']\n    cbStacks.forEach(cbStack => {\n      const { [cbId]: cbs, ...restCallbacks } = callbackStore[cbStack]\n      if (cb && cbs) {\n        restCallbacks[cbId] = cbs.filter(c => c !== cb)\n      }\n      callbackStore[cbStack] = restCallbacks\n    })\n  },\n\n  call: (cbId, args) => {\n    const cbs = callbackStore.callbacks[cbId] || callbackStore.persistedCallbacks[cbId]\n\n    if (cbs) {\n      cbs.forEach(cb => {\n        cb(args, cbId)\n        if (!callbackStore.persistedCallbacks[cbId]) {\n          callbackStore.remove(cbId, cb)\n        }\n      })\n    }\n  },\n}\n\nexport default callbackStore\n","import { theme } from '@fortressiq/fiq-ds'\n\nexport const mainContentHeightPx = 'calc(100vh - 60px)' /* height with just the main navigation bar */\nexport const mainContentHeight = value => ({ height: `calc(100vh - ${value})` })\n\nexport const ellipsisCSS = (overflow, textOverflow, whiteSpace, wordBreak) => ({\n  overflow: overflow || 'hidden',\n  textOverflow: textOverflow || 'ellipsis',\n  whiteSpace: whiteSpace || 'nowrap',\n  wordBreak: wordBreak || 'break-all',\n})\nexport const ellipsisPreCSS = ellipsisCSS('hidden', 'ellipsis', 'pre', 'break-all')\n\nexport const dropDownTriggerCSS = () => ({\n  padding: `0 ${theme['default-spacer-md']}`,\n  '&:hover': {\n    cursor: 'pointer',\n  },\n})\n","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport {};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"butterflyMainContentStyle-bluelabel__EUXuI\",\"greylabel\":\"butterflyMainContentStyle-greylabel__hdMVg\",\"clearfix\":\"butterflyMainContentStyle-clearfix__ojYkA\",\"appSection\":\"butterflyMainContentStyle-appSection__O5zQo\",\"appSectionControls\":\"butterflyMainContentStyle-appSectionControls__naGZQ\",\"appSubSection\":\"butterflyMainContentStyle-appSubSection__f4_ZD\",\"appHeader\":\"butterflyMainContentStyle-appHeader__rLb8U\",\"dropDownTrigger\":\"butterflyMainContentStyle-dropDownTrigger__IkFxY\",\"contents\":\"butterflyMainContentStyle-contents__Q3q4u\",\"center\":\"butterflyMainContentStyle-center__eaJMK\",\"title\":\"butterflyMainContentStyle-title__IJjsb\",\"stats\":\"butterflyMainContentStyle-stats__I1GT7\",\"empty\":\"butterflyMainContentStyle-empty__GX3WJ\",\"fadeIn\":\"butterflyMainContentStyle-fadeIn__YBMNi\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"createProcessDialogueStyle-bluelabel__fkYam\",\"greylabel\":\"createProcessDialogueStyle-greylabel__WstaM\",\"clearfix\":\"createProcessDialogueStyle-clearfix__t9u0B\",\"appSection\":\"createProcessDialogueStyle-appSection__hkilC\",\"appSectionControls\":\"createProcessDialogueStyle-appSectionControls__eZAFr\",\"appSubSection\":\"createProcessDialogueStyle-appSubSection__omRRb\",\"appHeader\":\"createProcessDialogueStyle-appHeader__MN3Uv\",\"dropDownTrigger\":\"createProcessDialogueStyle-dropDownTrigger__HhKnX\",\"closed\":\"createProcessDialogueStyle-closed__CO0HH\",\"rotatedText\":\"createProcessDialogueStyle-rotatedText__FO335\",\"toggleOpen\":\"createProcessDialogueStyle-toggleOpen__FgKyr\",\"container\":\"createProcessDialogueStyle-container__ttzgD\",\"leave\":\"createProcessDialogueStyle-leave__qTvnF\",\"title\":\"createProcessDialogueStyle-title__tSAng\",\"topsection\":\"createProcessDialogueStyle-topsection___7hlb\",\"flashTitle\":\"createProcessDialogueStyle-flashTitle__G5vDT\",\"fadeIn\":\"createProcessDialogueStyle-fadeIn__pTA5t\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"createProcessSectionStyle-bluelabel__bccny\",\"greylabel\":\"createProcessSectionStyle-greylabel__vXNxA\",\"clearfix\":\"createProcessSectionStyle-clearfix__YhZIU\",\"appSection\":\"createProcessSectionStyle-appSection__V2Scn\",\"appSectionControls\":\"createProcessSectionStyle-appSectionControls__qACU_\",\"appSubSection\":\"createProcessSectionStyle-appSubSection__QJCd8\",\"appHeader\":\"createProcessSectionStyle-appHeader__N443l\",\"dropDownTrigger\":\"createProcessSectionStyle-dropDownTrigger__wCDlY\",\"container\":\"createProcessSectionStyle-container__MPosu\",\"paths\":\"createProcessSectionStyle-paths__dLcND\",\"section\":\"createProcessSectionStyle-section__xaZeT\",\"label\":\"createProcessSectionStyle-label__apKD6\",\"input\":\"createProcessSectionStyle-input__oTMho\",\"controlsContainer\":\"createProcessSectionStyle-controlsContainer__rVQou\",\"addPathLine\":\"createProcessSectionStyle-addPathLine__KIjIV\",\"addPathButton\":\"createProcessSectionStyle-addPathButton__xK7A3\",\"fadeIn\":\"createProcessSectionStyle-fadeIn__a9Uwi\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"draggingNodeStyle-bluelabel__kpRX1\",\"greylabel\":\"draggingNodeStyle-greylabel__TzrsP\",\"clearfix\":\"draggingNodeStyle-clearfix__gQUAT\",\"appSection\":\"draggingNodeStyle-appSection__GYSCR\",\"appSectionControls\":\"draggingNodeStyle-appSectionControls__BjFQI\",\"appSubSection\":\"draggingNodeStyle-appSubSection__TlW3D\",\"appHeader\":\"draggingNodeStyle-appHeader__jHAtL\",\"dropDownTrigger\":\"draggingNodeStyle-dropDownTrigger__Hg1wy\",\"target\":\"draggingNodeStyle-target__mM_wL\",\"fadeIn\":\"draggingNodeStyle-fadeIn__SyrYx\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"pathDetailsStyle-bluelabel__hXVlM\",\"greylabel\":\"pathDetailsStyle-greylabel__gE1dv\",\"clearfix\":\"pathDetailsStyle-clearfix__qadr3\",\"appSection\":\"pathDetailsStyle-appSection__Pynrs\",\"appSectionControls\":\"pathDetailsStyle-appSectionControls__qtvvY\",\"appSubSection\":\"pathDetailsStyle-appSubSection__uBsfc\",\"appHeader\":\"pathDetailsStyle-appHeader__noehb\",\"dropDownTrigger\":\"pathDetailsStyle-dropDownTrigger__Xyx61\",\"section\":\"pathDetailsStyle-section__kVksS\",\"label\":\"pathDetailsStyle-label__jHf6u\",\"titleSectionRight\":\"pathDetailsStyle-titleSectionRight__dPJWB\",\"remove\":\"pathDetailsStyle-remove__G34WO\",\"titleSection\":\"pathDetailsStyle-titleSection__mYtKU\",\"dropzone\":\"pathDetailsStyle-dropzone__epHgY\",\"dropzoneEnd\":\"pathDetailsStyle-dropzoneEnd__GExAp\",\"error\":\"pathDetailsStyle-error__vqymN\",\"nodeListing\":\"pathDetailsStyle-nodeListing__xjvnV\",\"fadeIn\":\"pathDetailsStyle-fadeIn__Z99V7\",\"type\":\"pathDetailsStyle-type__B9VLn\",\"app\":\"pathDetailsStyle-app__ttgB3\",\"name\":\"pathDetailsStyle-name__Dy4iE\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"utils-bluelabel__M2zI2\",\"greylabel\":\"utils-greylabel__eLCp0\",\"clearfix\":\"utils-clearfix__y2hSf\",\"appSection\":\"utils-appSection__Zd9X1\",\"appSectionControls\":\"utils-appSectionControls__TdSxC\",\"appSubSection\":\"utils-appSubSection__HcKdy\",\"appHeader\":\"utils-appHeader__Wl8kU\",\"dropDownTrigger\":\"utils-dropDownTrigger__BmHBp\",\"fadeIn\":\"utils-fadeIn__CCkq8\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"detailCardStyle-bluelabel__e1wE7\",\"greylabel\":\"detailCardStyle-greylabel__Sj_xr\",\"clearfix\":\"detailCardStyle-clearfix__DB7se\",\"appSection\":\"detailCardStyle-appSection__Jbkos\",\"appSectionControls\":\"detailCardStyle-appSectionControls__SP3HM\",\"appSubSection\":\"detailCardStyle-appSubSection__A3VBR\",\"appHeader\":\"detailCardStyle-appHeader__Qu0vx\",\"dropDownTrigger\":\"detailCardStyle-dropDownTrigger__PjwYX\",\"cardBody\":\"detailCardStyle-cardBody__EDUXX\",\"titleRow\":\"detailCardStyle-titleRow__H34cy\",\"title\":\"detailCardStyle-title__Y1ZZa\",\"fadeIn\":\"detailCardStyle-fadeIn__A9_z1\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"detailsStyle-bluelabel__IH5IH\",\"greylabel\":\"detailsStyle-greylabel__M9agb\",\"clearfix\":\"detailsStyle-clearfix__vk8UY\",\"appSection\":\"detailsStyle-appSection__mx7Yj\",\"appSectionControls\":\"detailsStyle-appSectionControls__Iw0qf\",\"appSubSection\":\"detailsStyle-appSubSection__gdRRx\",\"appHeader\":\"detailsStyle-appHeader__Y8cM0\",\"dropDownTrigger\":\"detailsStyle-dropDownTrigger__D9RRR\",\"details\":\"detailsStyle-details__Pg8wX\",\"fadeIn\":\"detailsStyle-fadeIn__CKNzs\"};","// extracted by mini-css-extract-plugin\nexport default {\"label\":\"addProcessesModal-label__n6VA4\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"dashboardHeader-bluelabel__O6yqE\",\"greylabel\":\"dashboardHeader-greylabel__hBC8E\",\"clearfix\":\"dashboardHeader-clearfix__j83S5\",\"appSection\":\"dashboardHeader-appSection__UOFvX\",\"appSectionControls\":\"dashboardHeader-appSectionControls___W8aA\",\"appSubSection\":\"dashboardHeader-appSubSection__WwOIa\",\"appHeader\":\"dashboardHeader-appHeader__Qr7KG\",\"dropDownTrigger\":\"dashboardHeader-dropDownTrigger__p1M2p\",\"headerLink\":\"dashboardHeader-headerLink__PwGbl\",\"h1\":\"dashboardHeader-h1__qFKnn\",\"menuRow\":\"dashboardHeader-menuRow__XEqJf\",\"underline\":\"dashboardHeader-underline__fYJfd\",\"plus\":\"dashboardHeader-plus__lKsKO\",\"space\":\"dashboardHeader-space__ck5xb\",\"menuInputContainer\":\"dashboardHeader-menuInputContainer__DAFfV\",\"rowValue\":\"dashboardHeader-rowValue__S2PgR\",\"dropdownMenuItem\":\"dashboardHeader-dropdownMenuItem__peJ0Y\",\"fadeIn\":\"dashboardHeader-fadeIn__I0K3M\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"calendarCardStyle-bluelabel__VYnFh\",\"greylabel\":\"calendarCardStyle-greylabel__z76dS\",\"clearfix\":\"calendarCardStyle-clearfix__DZfI9\",\"appSection\":\"calendarCardStyle-appSection__UvZju\",\"appSectionControls\":\"calendarCardStyle-appSectionControls__ZRIar\",\"appSubSection\":\"calendarCardStyle-appSubSection__BFkLR\",\"appHeader\":\"calendarCardStyle-appHeader__lEmPP\",\"dropDownTrigger\":\"calendarCardStyle-dropDownTrigger__yor_U\",\"container\":\"calendarCardStyle-container__ZWZC9\",\"entry\":\"calendarCardStyle-entry__sQ9pL\",\"title\":\"calendarCardStyle-title__xHJ_W\",\"time\":\"calendarCardStyle-time__O5emy\",\"type\":\"calendarCardStyle-type__oE2sp\",\"current\":\"calendarCardStyle-current__yv8oR\",\"fadeIn\":\"calendarCardStyle-fadeIn__Nj0hb\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"dashCardStyle-bluelabel__F68Sr\",\"greylabel\":\"dashCardStyle-greylabel__l4mDQ\",\"clearfix\":\"dashCardStyle-clearfix___jgek\",\"appSection\":\"dashCardStyle-appSection__SQ_Bx\",\"appSectionControls\":\"dashCardStyle-appSectionControls__EhrcA\",\"appSubSection\":\"dashCardStyle-appSubSection__GIe01\",\"appHeader\":\"dashCardStyle-appHeader__w0vvc\",\"dropDownTrigger\":\"dashCardStyle-dropDownTrigger__zlr2Z\",\"dashCard\":\"dashCardStyle-dashCard__EpzR9\",\"fadeIn\":\"dashCardStyle-fadeIn__eQTvd\",\"title\":\"dashCardStyle-title__o27un\",\"close\":\"dashCardStyle-close__fObRM\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"eventStatsCardStyle-bluelabel__U39ir\",\"greylabel\":\"eventStatsCardStyle-greylabel__skaYL\",\"clearfix\":\"eventStatsCardStyle-clearfix__FxQhm\",\"appSection\":\"eventStatsCardStyle-appSection__cw6h2\",\"appSectionControls\":\"eventStatsCardStyle-appSectionControls__wQvXP\",\"appSubSection\":\"eventStatsCardStyle-appSubSection__y27rO\",\"appHeader\":\"eventStatsCardStyle-appHeader__KTCZY\",\"dropDownTrigger\":\"eventStatsCardStyle-dropDownTrigger__dd2ny\",\"link\":\"eventStatsCardStyle-link__Nnd8F\",\"none\":\"eventStatsCardStyle-none__KuLsN\",\"title\":\"eventStatsCardStyle-title__DnQkg\",\"time\":\"eventStatsCardStyle-time__hYT3w\",\"type\":\"eventStatsCardStyle-type__Fszyz\",\"fadeIn\":\"eventStatsCardStyle-fadeIn__OXSkx\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"metricContainerStyle-bluelabel__UVE3L\",\"greylabel\":\"metricContainerStyle-greylabel__HVf0f\",\"clearfix\":\"metricContainerStyle-clearfix__ShXji\",\"appSection\":\"metricContainerStyle-appSection__vthbz\",\"appSectionControls\":\"metricContainerStyle-appSectionControls__p3S4r\",\"appSubSection\":\"metricContainerStyle-appSubSection__Ytk8X\",\"appHeader\":\"metricContainerStyle-appHeader__lx4xP\",\"dropDownTrigger\":\"metricContainerStyle-dropDownTrigger__L6lEN\",\"metricContainer\":\"metricContainerStyle-metricContainer__MwpMg\",\"fadeIn\":\"metricContainerStyle-fadeIn__dsK75\",\"h3\":\"metricContainerStyle-h3__C_68j\",\"close\":\"metricContainerStyle-close__yFUrD\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"pictogramDashCardStyle-bluelabel__ct_02\",\"greylabel\":\"pictogramDashCardStyle-greylabel__L2Ajr\",\"clearfix\":\"pictogramDashCardStyle-clearfix__nArFc\",\"appSection\":\"pictogramDashCardStyle-appSection__cM_eK\",\"appSectionControls\":\"pictogramDashCardStyle-appSectionControls__mQWhn\",\"appSubSection\":\"pictogramDashCardStyle-appSubSection__oiKAQ\",\"appHeader\":\"pictogramDashCardStyle-appHeader___JvYY\",\"dropDownTrigger\":\"pictogramDashCardStyle-dropDownTrigger__eCHEb\",\"pictogramContainer\":\"pictogramDashCardStyle-pictogramContainer__FyJsn\",\"percentTxt\":\"pictogramDashCardStyle-percentTxt__UzDnC\",\"densityTxt\":\"pictogramDashCardStyle-densityTxt__dszoY\",\"pictogram\":\"pictogramDashCardStyle-pictogram__PjyJ8\",\"iconPath\":\"pictogramDashCardStyle-iconPath__Au3bl\",\"iconCont\":\"pictogramDashCardStyle-iconCont__sx53H\",\"legend\":\"pictogramDashCardStyle-legend__Rw9sE\",\"legendRow\":\"pictogramDashCardStyle-legendRow__WmtWv\",\"allLink\":\"pictogramDashCardStyle-allLink__ANocY\",\"fadeIn\":\"pictogramDashCardStyle-fadeIn__j7_pb\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"topListingsCardStyle-bluelabel__mi0Qi\",\"greylabel\":\"topListingsCardStyle-greylabel__IoQ74\",\"clearfix\":\"topListingsCardStyle-clearfix__fREr0\",\"appSection\":\"topListingsCardStyle-appSection__zVksw\",\"appSectionControls\":\"topListingsCardStyle-appSectionControls__mBNi6\",\"appSubSection\":\"topListingsCardStyle-appSubSection__nuF8R\",\"appHeader\":\"topListingsCardStyle-appHeader__wHb4V\",\"dropDownTrigger\":\"topListingsCardStyle-dropDownTrigger__IgbWE\",\"count\":\"topListingsCardStyle-count__UO90Z\",\"row\":\"topListingsCardStyle-row__X_V4t\",\"name\":\"topListingsCardStyle-name__cSLdQ\",\"fadeIn\":\"topListingsCardStyle-fadeIn__AgVb3\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"styles-bluelabel__lpnpT\",\"greylabel\":\"styles-greylabel__oK42R\",\"clearfix\":\"styles-clearfix__UeX7l\",\"appSection\":\"styles-appSection__dVce3\",\"appSectionControls\":\"styles-appSectionControls__v1_qg\",\"appSubSection\":\"styles-appSubSection__MexAV\",\"appHeader\":\"styles-appHeader__Nqo_7\",\"dropDownTrigger\":\"styles-dropDownTrigger__BUQPE\",\"dashboard\":\"styles-dashboard__KIS1a\",\"greyBack\":\"styles-greyBack__dkiUC\",\"dashCardGroup\":\"styles-dashCardGroup___XsJO\",\"mb20\":\"styles-mb20__xIQ6K\",\"none\":\"styles-none__nDvRz\",\"allLink\":\"styles-allLink__dQ22r\",\"duration\":\"styles-duration__Z9uZE\",\"surveyCardTitle\":\"styles-surveyCardTitle__GTFJ2\",\"surveyCardValue\":\"styles-surveyCardValue__QPQn0\",\"eventStat\":\"styles-eventStat__YmNX2\",\"bold\":\"styles-bold__u2OuD\",\"surveysExplore\":\"styles-surveysExplore__bqqsB\",\"latestRow\":\"styles-latestRow__sI8q8\",\"table\":\"styles-table__hLRJU\",\"statusdone\":\"styles-statusdone__Vxxi1\",\"container\":\"styles-container__LCcaO\",\"fadeIn\":\"styles-fadeIn__WGOjn\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"diagram-bluelabel__rkMNz\",\"greylabel\":\"diagram-greylabel__IZA07\",\"clearfix\":\"diagram-clearfix__Q1DA4\",\"appSection\":\"diagram-appSection__Hx0Y2\",\"appSectionControls\":\"diagram-appSectionControls__HU4yL\",\"appSubSection\":\"diagram-appSubSection__RRC1E\",\"appHeader\":\"diagram-appHeader__WTZrO\",\"dropDownTrigger\":\"diagram-dropDownTrigger__EZQeL\",\"fadeIn\":\"diagram-fadeIn__o5ocf\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"diagramComposerStyle-bluelabel__gCgVB\",\"greylabel\":\"diagramComposerStyle-greylabel__UMhPl\",\"clearfix\":\"diagramComposerStyle-clearfix__onCtk\",\"appSection\":\"diagramComposerStyle-appSection__MxYL0\",\"appSectionControls\":\"diagramComposerStyle-appSectionControls__xkZ20\",\"appSubSection\":\"diagramComposerStyle-appSubSection__CvIhM\",\"appHeader\":\"diagramComposerStyle-appHeader__BzdS6\",\"dropDownTrigger\":\"diagramComposerStyle-dropDownTrigger__nr4mG\",\"page\":\"diagramComposerStyle-page__wn38j\",\"diagramContainer\":\"diagramComposerStyle-diagramContainer__B7yjQ\",\"diagramBack\":\"diagramComposerStyle-diagramBack__iGcSR diagramComposerStyle-diagramContainer__B7yjQ\",\"measurePaper\":\"diagramComposerStyle-measurePaper__yCmZ5\",\"fadeIn\":\"diagramComposerStyle-fadeIn__UHOD3\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"diagramInspectorStyle-bluelabel__V9ist\",\"greylabel\":\"diagramInspectorStyle-greylabel__wA6nC\",\"clearfix\":\"diagramInspectorStyle-clearfix__xOndO\",\"appSection\":\"diagramInspectorStyle-appSection__kmxZ1\",\"appSectionControls\":\"diagramInspectorStyle-appSectionControls__t_81y\",\"appSubSection\":\"diagramInspectorStyle-appSubSection__yqv3C\",\"appHeader\":\"diagramInspectorStyle-appHeader__Jx7d4\",\"dropDownTrigger\":\"diagramInspectorStyle-dropDownTrigger__vEOFF\",\"inspector\":\"diagramInspectorStyle-inspector__OR5EW\",\"container\":\"diagramInspectorStyle-container__QZzKP\",\"details\":\"diagramInspectorStyle-details__sOuac\",\"none\":\"diagramInspectorStyle-none__gbSpQ\",\"fadeIn\":\"diagramInspectorStyle-fadeIn__KPEeD\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"leftPanelStyle-bluelabel__zgTm5\",\"greylabel\":\"leftPanelStyle-greylabel__UEgyS\",\"clearfix\":\"leftPanelStyle-clearfix__VUVPM\",\"appSection\":\"leftPanelStyle-appSection__DGZDm\",\"appSectionControls\":\"leftPanelStyle-appSectionControls__DTG8Y\",\"appSubSection\":\"leftPanelStyle-appSubSection__ljcqT\",\"appHeader\":\"leftPanelStyle-appHeader__VmB3J\",\"dropDownTrigger\":\"leftPanelStyle-dropDownTrigger__C0_Xq\",\"page\":\"leftPanelStyle-page__nkBkH\",\"diagramContainer\":\"leftPanelStyle-diagramContainer__AwmjE\",\"diagramBack\":\"leftPanelStyle-diagramBack__SHhjc leftPanelStyle-diagramContainer__AwmjE\",\"measurePaper\":\"leftPanelStyle-measurePaper__dhYY3\",\"leftPanel\":\"leftPanelStyle-leftPanel__a0sXn\",\"panelHeader\":\"leftPanelStyle-panelHeader__MN39x\",\"title\":\"leftPanelStyle-title__xVxvK\",\"stepsTitle\":\"leftPanelStyle-stepsTitle__ZEjYY\",\"btn\":\"leftPanelStyle-btn__bbAkH\",\"first\":\"leftPanelStyle-first___TrLH\",\"processMenuItemList\":\"leftPanelStyle-processMenuItemList__UWGaF\",\"fadeIn\":\"leftPanelStyle-fadeIn__GCQkG\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"menuItem-bluelabel__BSeHy\",\"greylabel\":\"menuItem-greylabel__FhAT2\",\"clearfix\":\"menuItem-clearfix__Bx16L\",\"appSection\":\"menuItem-appSection__hunms\",\"appSectionControls\":\"menuItem-appSectionControls__oEkME\",\"appSubSection\":\"menuItem-appSubSection__zNo6f\",\"appHeader\":\"menuItem-appHeader__rk3on\",\"dropDownTrigger\":\"menuItem-dropDownTrigger__sz_Yc\",\"row\":\"menuItem-row__eGNiu\",\"groupRow\":\"menuItem-groupRow__EW8vX\",\"shape\":\"menuItem-shape__GBGSK\",\"name\":\"menuItem-name__pdbzQ\",\"add\":\"menuItem-add__CVmYD\",\"steps\":\"menuItem-steps__lZTdL\",\"addIcon\":\"menuItem-addIcon__JVhKs\",\"subMenu\":\"menuItem-subMenu__UtGz3\",\"fadeIn\":\"menuItem-fadeIn__CCvWa\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"eventDetailsStyle-bluelabel__wyRiA\",\"greylabel\":\"eventDetailsStyle-greylabel__x1IMU\",\"clearfix\":\"eventDetailsStyle-clearfix__Oyopw\",\"appSection\":\"eventDetailsStyle-appSection__k61H7\",\"appSectionControls\":\"eventDetailsStyle-appSectionControls__xVXL6\",\"appSubSection\":\"eventDetailsStyle-appSubSection__mTuVO\",\"appHeader\":\"eventDetailsStyle-appHeader__HdpeK\",\"dropDownTrigger\":\"eventDetailsStyle-dropDownTrigger__VcsTD\",\"container\":\"eventDetailsStyle-container__LKmDV\",\"detailsContainer\":\"eventDetailsStyle-detailsContainer__A4wzQ\",\"imageContainer\":\"eventDetailsStyle-imageContainer__szqBN\",\"screenshotLink\":\"eventDetailsStyle-screenshotLink__h1iwx\",\"heading\":\"eventDetailsStyle-heading__rUfFW\",\"eventDetailsColumn\":\"eventDetailsStyle-eventDetailsColumn__eAQN0\",\"eventDetail\":\"eventDetailsStyle-eventDetail__CGQTI\",\"eventDetailColumn\":\"eventDetailsStyle-eventDetailColumn__kGeFP\",\"fadeIn\":\"eventDetailsStyle-fadeIn___3pKr\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"decisionNoEditStyle-bluelabel__TlMRg\",\"greylabel\":\"decisionNoEditStyle-greylabel__HaYha\",\"clearfix\":\"decisionNoEditStyle-clearfix__gv15n\",\"appSection\":\"decisionNoEditStyle-appSection__loATp\",\"appSectionControls\":\"decisionNoEditStyle-appSectionControls__uSnR0\",\"appSubSection\":\"decisionNoEditStyle-appSubSection__RYGst\",\"appHeader\":\"decisionNoEditStyle-appHeader__mVm4u\",\"dropDownTrigger\":\"decisionNoEditStyle-dropDownTrigger__MJJ5g\",\"container\":\"decisionNoEditStyle-container__Ee84T\",\"pathsTitle\":\"decisionNoEditStyle-pathsTitle__uFQYY\",\"flex\":\"decisionNoEditStyle-flex__l4kvR\",\"section\":\"decisionNoEditStyle-section__hya2C\",\"graphlabel\":\"decisionNoEditStyle-graphlabel__SV_PY\",\"floatCont\":\"decisionNoEditStyle-floatCont__n9AOA\",\"description\":\"decisionNoEditStyle-description__U7G3f\",\"fadeIn\":\"decisionNoEditStyle-fadeIn__cA1eI\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"eventDetailBarStyle-bluelabel__Jz_je\",\"greylabel\":\"eventDetailBarStyle-greylabel__LGZr9\",\"clearfix\":\"eventDetailBarStyle-clearfix__oH65l\",\"appSection\":\"eventDetailBarStyle-appSection__EIP9W\",\"appSectionControls\":\"eventDetailBarStyle-appSectionControls__iFDDq\",\"appSubSection\":\"eventDetailBarStyle-appSubSection__bvXay\",\"appHeader\":\"eventDetailBarStyle-appHeader__RSXRJ\",\"dropDownTrigger\":\"eventDetailBarStyle-dropDownTrigger__TsvZf\",\"cell\":\"eventDetailBarStyle-cell__Xroaq\",\"label\":\"eventDetailBarStyle-label__xJIWZ\",\"value\":\"eventDetailBarStyle-value__xgf3J\",\"eventDetailBar\":\"eventDetailBarStyle-eventDetailBar__NfSLL\",\"fadeIn\":\"eventDetailBarStyle-fadeIn__xlM4j\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"instancesViewerStyle-bluelabel__lg2V4\",\"greylabel\":\"instancesViewerStyle-greylabel__mSb4j\",\"clearfix\":\"instancesViewerStyle-clearfix__raIfr\",\"appSection\":\"instancesViewerStyle-appSection__WvWU7\",\"appSectionControls\":\"instancesViewerStyle-appSectionControls__HwQQe\",\"appSubSection\":\"instancesViewerStyle-appSubSection__lYDOq\",\"appHeader\":\"instancesViewerStyle-appHeader__I6lpP\",\"dropDownTrigger\":\"instancesViewerStyle-dropDownTrigger__wjCEF\",\"mainContainer\":\"instancesViewerStyle-mainContainer__ydN8S\",\"mainLeft\":\"instancesViewerStyle-mainLeft__Xt2Ji\",\"eventTable\":\"instancesViewerStyle-eventTable__F3krq\",\"mainRight\":\"instancesViewerStyle-mainRight__F1VGK\",\"rightTop\":\"instancesViewerStyle-rightTop__SGIia\",\"rightMiddle\":\"instancesViewerStyle-rightMiddle__lrR8t\",\"screenshotContainer\":\"instancesViewerStyle-screenshotContainer__IoSph\",\"playbackContainer\":\"instancesViewerStyle-playbackContainer__QSi_f\",\"wrapper\":\"instancesViewerStyle-wrapper__XzIFB\",\"tableLoaderContainer\":\"instancesViewerStyle-tableLoaderContainer__BzvNW\",\"checkboxHeader\":\"instancesViewerStyle-checkboxHeader__MowBT\",\"fadeIn\":\"instancesViewerStyle-fadeIn__ilpWV\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"signatureDetailsBarStyle-bluelabel__Upcud\",\"greylabel\":\"signatureDetailsBarStyle-greylabel__ruZLC\",\"clearfix\":\"signatureDetailsBarStyle-clearfix__BSFLo\",\"appSection\":\"signatureDetailsBarStyle-appSection__UXZd7\",\"appSectionControls\":\"signatureDetailsBarStyle-appSectionControls__HpI9M\",\"appSubSection\":\"signatureDetailsBarStyle-appSubSection__oWJBR\",\"appHeader\":\"signatureDetailsBarStyle-appHeader__MWkIF\",\"dropDownTrigger\":\"signatureDetailsBarStyle-dropDownTrigger__epp0R\",\"container\":\"signatureDetailsBarStyle-container__xCkJB\",\"icon\":\"signatureDetailsBarStyle-icon__HIVbH\",\"fadeIn\":\"signatureDetailsBarStyle-fadeIn__rpjZS\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"observerViewerStyle-bluelabel__hB0uG\",\"greylabel\":\"observerViewerStyle-greylabel__KoFfr\",\"clearfix\":\"observerViewerStyle-clearfix__yneBd\",\"appSection\":\"observerViewerStyle-appSection__RORHU\",\"appSectionControls\":\"observerViewerStyle-appSectionControls__uMHjA\",\"appSubSection\":\"observerViewerStyle-appSubSection__qNtgo\",\"appHeader\":\"observerViewerStyle-appHeader__fQ7uO\",\"dropDownTrigger\":\"observerViewerStyle-dropDownTrigger__J5dHi\",\"observerViewer\":\"observerViewerStyle-observerViewer__djken\",\"overviewContainer\":\"observerViewerStyle-overviewContainer__TLXJW\",\"link\":\"observerViewerStyle-link__spNMR\",\"flexRow\":\"observerViewerStyle-flexRow__JgyxN\",\"noData\":\"observerViewerStyle-noData__SdJpB\",\"sectHeader\":\"observerViewerStyle-sectHeader__OSNGx\",\"overviewSect\":\"observerViewerStyle-overviewSect___ft7M\",\"dropdown\":\"observerViewerStyle-dropdown__uHU1E\",\"analysis\":\"observerViewerStyle-analysis__urZo3\",\"metricTitle\":\"observerViewerStyle-metricTitle__m8uOe\",\"fadeIn\":\"observerViewerStyle-fadeIn__Dqk6s\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"metadataTableStyle-bluelabel__zJ99v\",\"greylabel\":\"metadataTableStyle-greylabel__hEQKS\",\"clearfix\":\"metadataTableStyle-clearfix__vPsqt\",\"appSection\":\"metadataTableStyle-appSection___rbVg\",\"appSectionControls\":\"metadataTableStyle-appSectionControls__iREHu\",\"appSubSection\":\"metadataTableStyle-appSubSection__BnL0v\",\"appHeader\":\"metadataTableStyle-appHeader__OCE8F\",\"dropDownTrigger\":\"metadataTableStyle-dropDownTrigger__iGt0G\",\"headers\":\"metadataTableStyle-headers__ctrUy\",\"row\":\"metadataTableStyle-row__IH5rg\",\"machine\":\"metadataTableStyle-machine__XFEjY\",\"users\":\"metadataTableStyle-users__cMfqR\",\"created\":\"metadataTableStyle-created__ZbfSU\",\"lastSeen\":\"metadataTableStyle-lastSeen__DCBVl\",\"fadeIn\":\"metadataTableStyle-fadeIn__ObGev\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"pddGenToastStyle-bluelabel__pC8t8\",\"greylabel\":\"pddGenToastStyle-greylabel__ayZyf\",\"clearfix\":\"pddGenToastStyle-clearfix__eh8OS\",\"appSection\":\"pddGenToastStyle-appSection__eSWcV\",\"appSectionControls\":\"pddGenToastStyle-appSectionControls__Jektp\",\"appSubSection\":\"pddGenToastStyle-appSubSection__IFcSK\",\"appHeader\":\"pddGenToastStyle-appHeader__EC2pn\",\"dropDownTrigger\":\"pddGenToastStyle-dropDownTrigger__FRb1y\",\"stepThumb\":\"pddGenToastStyle-stepThumb__foq1_\",\"fadeIn\":\"pddGenToastStyle-fadeIn__D3oY7\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"groupsModalStyle-bluelabel__Fx5HG\",\"greylabel\":\"groupsModalStyle-greylabel__tL8HJ\",\"clearfix\":\"groupsModalStyle-clearfix__zEexO\",\"appSection\":\"groupsModalStyle-appSection__S4nCx\",\"appSectionControls\":\"groupsModalStyle-appSectionControls__JmuE7\",\"appSubSection\":\"groupsModalStyle-appSubSection__nSF8R\",\"appHeader\":\"groupsModalStyle-appHeader__dQK_H\",\"dropDownTrigger\":\"groupsModalStyle-dropDownTrigger__lvJVc\",\"container\":\"groupsModalStyle-container__YmvuQ\",\"title\":\"groupsModalStyle-title___Dzgn\",\"flowTemplate\":\"groupsModalStyle-flowTemplate__nAmXa\",\"numOfNodes\":\"groupsModalStyle-numOfNodes__DE0bn\",\"editNumOfNodes\":\"groupsModalStyle-editNumOfNodes__KQUdg\",\"topsection\":\"groupsModalStyle-topsection__rsLsO\",\"bottomsection\":\"groupsModalStyle-bottomsection__OXLpt\",\"fakeNode\":\"groupsModalStyle-fakeNode__YROR_\",\"noInteract\":\"groupsModalStyle-noInteract__lj1Um\",\"modalInput\":\"groupsModalStyle-modalInput__RsOLV\",\"leave\":\"groupsModalStyle-leave__xWgh8\",\"dragIcon\":\"groupsModalStyle-dragIcon__sHff9\",\"error\":\"groupsModalStyle-error__GXW7x\",\"colorOption\":\"groupsModalStyle-colorOption__SVKaN\",\"Blue\":\"groupsModalStyle-Blue__vfH4K\",\"Salmon\":\"groupsModalStyle-Salmon__kIUt1\",\"Green\":\"groupsModalStyle-Green__ThZ1w\",\"Turquoise\":\"groupsModalStyle-Turquoise__CnkTQ\",\"Orange\":\"groupsModalStyle-Orange__odbOK\",\"Yellow\":\"groupsModalStyle-Yellow__Ofisa\",\"LightGreen\":\"groupsModalStyle-LightGreen__s9iCH\",\"Red\":\"groupsModalStyle-Red__v8IFa\",\"PaleTurquoise\":\"groupsModalStyle-PaleTurquoise__Nkr9v\",\"Violet\":\"groupsModalStyle-Violet__dB_QJ\",\"dropNode\":\"groupsModalStyle-dropNode__Kt2uq\",\"connected\":\"groupsModalStyle-connected__KDkPR\",\"editConnected\":\"groupsModalStyle-editConnected__AFxq8\",\"fadeIn\":\"groupsModalStyle-fadeIn__BdLBz\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"activityControlPanelStyle-bluelabel__zorv_\",\"greylabel\":\"activityControlPanelStyle-greylabel__FhHRe\",\"clearfix\":\"activityControlPanelStyle-clearfix__uWXwq\",\"appSection\":\"activityControlPanelStyle-appSection__EL7mD\",\"appSectionControls\":\"activityControlPanelStyle-appSectionControls__QuaDC\",\"appSubSection\":\"activityControlPanelStyle-appSubSection__iQFwk\",\"appHeader\":\"activityControlPanelStyle-appHeader__ejO0C\",\"dropDownTrigger\":\"activityControlPanelStyle-dropDownTrigger__IimGx\",\"emptyMsg\":\"activityControlPanelStyle-emptyMsg__AML6w\",\"emptyShot\":\"activityControlPanelStyle-emptyShot__P93Ok activityControlPanelStyle-emptyMsg__AML6w\",\"section\":\"activityControlPanelStyle-section__M3AoD\",\"statContainer\":\"activityControlPanelStyle-statContainer__g0ofE\",\"details\":\"activityControlPanelStyle-details__rN5NP\",\"fiqds-icon\":\"activityControlPanelStyle-fiqds-icon__Dxc2A\",\"screenTxt\":\"activityControlPanelStyle-screenTxt__WndAl\",\"flex\":\"activityControlPanelStyle-flex__VFUXl\",\"app\":\"activityControlPanelStyle-app__ZQGfM\",\"appIcon\":\"activityControlPanelStyle-appIcon__ASAHB\",\"desc\":\"activityControlPanelStyle-desc__d3fTJ\",\"shot\":\"activityControlPanelStyle-shot__HxxPS\",\"shotArrow\":\"activityControlPanelStyle-shotArrow__PqIfo\",\"modalWrap\":\"activityControlPanelStyle-modalWrap__MTH9i\",\"fadeIn\":\"activityControlPanelStyle-fadeIn__YPYPQ\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"editDecisionFormStyle-bluelabel__H5Hlq\",\"greylabel\":\"editDecisionFormStyle-greylabel__LWw4z\",\"clearfix\":\"editDecisionFormStyle-clearfix__TNOAY\",\"appSection\":\"editDecisionFormStyle-appSection__kp1Az\",\"appSectionControls\":\"editDecisionFormStyle-appSectionControls__BUYCd\",\"appSubSection\":\"editDecisionFormStyle-appSubSection__Gn8ro\",\"appHeader\":\"editDecisionFormStyle-appHeader__ZODyx\",\"dropDownTrigger\":\"editDecisionFormStyle-dropDownTrigger__r5oXF\",\"container\":\"editDecisionFormStyle-container__JqqSL\",\"inputFull\":\"editDecisionFormStyle-inputFull__gaCVM\",\"pathsTitle\":\"editDecisionFormStyle-pathsTitle__wfmBk\",\"flex\":\"editDecisionFormStyle-flex__xTxNu\",\"section\":\"editDecisionFormStyle-section___5akz\",\"graphlabel\":\"editDecisionFormStyle-graphlabel__DfwnY\",\"save\":\"editDecisionFormStyle-save__d3PyL\",\"saveContainer\":\"editDecisionFormStyle-saveContainer__cjnwZ\",\"floatCont\":\"editDecisionFormStyle-floatCont__PZwrX\",\"fadeIn\":\"editDecisionFormStyle-fadeIn__vHS2_\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"nodeInspectorStyle-bluelabel__k8jVR\",\"greylabel\":\"nodeInspectorStyle-greylabel__G8d1F\",\"clearfix\":\"nodeInspectorStyle-clearfix__o91j9\",\"appSection\":\"nodeInspectorStyle-appSection__jM5Vo\",\"appSectionControls\":\"nodeInspectorStyle-appSectionControls__uBCvv\",\"appSubSection\":\"nodeInspectorStyle-appSubSection__rknkg\",\"appHeader\":\"nodeInspectorStyle-appHeader__VnMqf\",\"dropDownTrigger\":\"nodeInspectorStyle-dropDownTrigger__Q8HR_\",\"container\":\"nodeInspectorStyle-container__GHS5e\",\"inputFull\":\"nodeInspectorStyle-inputFull__CQHpT\",\"pathsTitle\":\"nodeInspectorStyle-pathsTitle__O5Cfq\",\"flex\":\"nodeInspectorStyle-flex__isfOu\",\"section\":\"nodeInspectorStyle-section__UA6_K\",\"graphlabel\":\"nodeInspectorStyle-graphlabel__TNHgO\",\"save\":\"nodeInspectorStyle-save__p7qnj\",\"floatCont\":\"nodeInspectorStyle-floatCont__WzoNy\",\"empty\":\"nodeInspectorStyle-empty__U1DBU\",\"fadeIn\":\"nodeInspectorStyle-fadeIn__pdUuh\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"activityControlPanel-bluelabel__k7b7K\",\"greylabel\":\"activityControlPanel-greylabel__jMwsM\",\"clearfix\":\"activityControlPanel-clearfix__erpLR\",\"appSection\":\"activityControlPanel-appSection__0_g6U\",\"appSectionControls\":\"activityControlPanel-appSectionControls__wJpCH\",\"appSubSection\":\"activityControlPanel-appSubSection__nWFT6\",\"appHeader\":\"activityControlPanel-appHeader__QUKw1\",\"dropDownTrigger\":\"activityControlPanel-dropDownTrigger__Ru0NU\",\"emptyMsg\":\"activityControlPanel-emptyMsg__DUKLP\",\"emptyShot\":\"activityControlPanel-emptyShot__SyDcs activityControlPanel-emptyMsg__DUKLP\",\"section\":\"activityControlPanel-section__aEAwH\",\"statContainer\":\"activityControlPanel-statContainer__fqomU\",\"left\":\"activityControlPanel-left__bgGVe\",\"value\":\"activityControlPanel-value__Xbc4r\",\"screenTxt\":\"activityControlPanel-screenTxt__jo_Wg\",\"flex\":\"activityControlPanel-flex__OKmR9\",\"app\":\"activityControlPanel-app__GbOeA\",\"name\":\"activityControlPanel-name__rwygS\",\"shot\":\"activityControlPanel-shot__OX79G\",\"shotArrow\":\"activityControlPanel-shotArrow__f775l\",\"fadeIn\":\"activityControlPanel-fadeIn__KI2Fx\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"draggingNodeStyle-bluelabel__D7f_d\",\"greylabel\":\"draggingNodeStyle-greylabel__DGmej\",\"clearfix\":\"draggingNodeStyle-clearfix__CRiSg\",\"appSection\":\"draggingNodeStyle-appSection__sS9wz\",\"appSectionControls\":\"draggingNodeStyle-appSectionControls__rqlkZ\",\"appSubSection\":\"draggingNodeStyle-appSubSection__cxIyi\",\"appHeader\":\"draggingNodeStyle-appHeader__ObhNq\",\"dropDownTrigger\":\"draggingNodeStyle-dropDownTrigger__azN5f\",\"target\":\"draggingNodeStyle-target___S9f0\",\"fadeIn\":\"draggingNodeStyle-fadeIn__ear1m\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"processExploration-bluelabel__pfdeJ\",\"greylabel\":\"processExploration-greylabel__i2mta\",\"clearfix\":\"processExploration-clearfix__OIrh1\",\"appSection\":\"processExploration-appSection__Sd4tv\",\"appSectionControls\":\"processExploration-appSectionControls__yESl1\",\"appSubSection\":\"processExploration-appSubSection__gDREH\",\"appHeader\":\"processExploration-appHeader__l7qiO\",\"dropDownTrigger\":\"processExploration-dropDownTrigger__mfxo5\",\"fadeIn\":\"processExploration-fadeIn__oLEsm\",\"fadeOut\":\"processExploration-fadeOut__ikkk0\",\"node\":\"processExploration-node__AJbHN\",\"container\":\"processExploration-container__yVFhg\",\"mapAndDiagramContainer\":\"processExploration-mapAndDiagramContainer__oekXZ\",\"diagramContainer\":\"processExploration-diagramContainer__VLjaE\",\"diagramSVG\":\"processExploration-diagramSVG__QpsPK\",\"rulerHidden\":\"processExploration-rulerHidden__fUCa0\",\"appIcon\":\"processExploration-appIcon__AkWRu\",\"link\":\"processExploration-link__RNMBd\",\"disabled\":\"processExploration-disabled__nLc5M\",\"d3dropdown\":\"processExploration-d3dropdown__odkkO\",\"eventName\":\"processExploration-eventName___GCMV\",\"eventlistName\":\"processExploration-eventlistName__iRxoC\",\"required\":\"processExploration-required__Wh5ZF\",\"endNodeDetails\":\"processExploration-endNodeDetails__cde6S\",\"divide\":\"processExploration-divide__kLPKA\",\"collapsiblePanel\":\"processExploration-collapsiblePanel___fEqm\",\"stepDetail\":\"processExploration-stepDetail__Q4G2P\",\"nodeInspector\":\"processExploration-nodeInspector__ZXvBS\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"subprocessModalStyle-bluelabel__KI3jN\",\"greylabel\":\"subprocessModalStyle-greylabel__hzwhE\",\"clearfix\":\"subprocessModalStyle-clearfix__AxV4R\",\"appSection\":\"subprocessModalStyle-appSection__vscF9\",\"appSectionControls\":\"subprocessModalStyle-appSectionControls__B7nuh\",\"appSubSection\":\"subprocessModalStyle-appSubSection__teE0o\",\"appHeader\":\"subprocessModalStyle-appHeader__vE3XN\",\"dropDownTrigger\":\"subprocessModalStyle-dropDownTrigger__ibjR0\",\"container\":\"subprocessModalStyle-container__DuFIK\",\"title\":\"subprocessModalStyle-title__q7FWg\",\"topsection\":\"subprocessModalStyle-topsection__wSuFN\",\"bottomsection\":\"subprocessModalStyle-bottomsection__qvFsQ\",\"modalInput\":\"subprocessModalStyle-modalInput__eQF_w\",\"leave\":\"subprocessModalStyle-leave__WFpgL\",\"dragIcon\":\"subprocessModalStyle-dragIcon__MJW2k\",\"name\":\"subprocessModalStyle-name__d5jzY\",\"dropNode\":\"subprocessModalStyle-dropNode__lgaZ8\",\"connected\":\"subprocessModalStyle-connected__bW5Vt\",\"saved\":\"subprocessModalStyle-saved__D7nea\",\"viewNew\":\"subprocessModalStyle-viewNew__zvKBE\",\"fadeIn\":\"subprocessModalStyle-fadeIn__aQgOp\"};","// extracted by mini-css-extract-plugin\nexport default {\"icon\":\"tooltipButtonStyle-icon__QH0dx\"};","// extracted by mini-css-extract-plugin\nexport default {\"boundingBoxControl\":\"boundingBoxStyle-boundingBoxControl__dDMn6\",\"bl\":\"boundingBoxStyle-bl__noDJD\",\"br\":\"boundingBoxStyle-br__UQReQ\",\"tl\":\"boundingBoxStyle-tl__lG6sf\",\"tr\":\"boundingBoxStyle-tr__TNgJB\",\"boundingBox\":\"boundingBoxStyle-boundingBox__gxzao\",\"active\":\"boundingBoxStyle-active__wEiKr\",\"boundingBoxDeleteTrigger\":\"boundingBoxStyle-boundingBoxDeleteTrigger__glqbI\",\"boundingBoxMove\":\"boundingBoxStyle-boundingBoxMove__sxoKp\",\"isHover\":\"boundingBoxStyle-isHover__RAig2\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"eventStyle-bluelabel__LEMpd\",\"greylabel\":\"eventStyle-greylabel__Df_7k\",\"clearfix\":\"eventStyle-clearfix__u3vOH\",\"appSection\":\"eventStyle-appSection__rduS4\",\"appSectionControls\":\"eventStyle-appSectionControls__Hg145\",\"appSubSection\":\"eventStyle-appSubSection__d84LV\",\"appHeader\":\"eventStyle-appHeader__A4r7S\",\"dropDownTrigger\":\"eventStyle-dropDownTrigger__u4miL\",\"main\":\"eventStyle-main__y1_k3\",\"titleLarge\":\"eventStyle-titleLarge__OyAMz\",\"titleSmall\":\"eventStyle-titleSmall__guhzJ\",\"screenSection\":\"eventStyle-screenSection__Dkiqs\",\"sidebarSection\":\"eventStyle-sidebarSection__r5dct\",\"drawSection\":\"eventStyle-drawSection__fboPB\",\"screenshot\":\"eventStyle-screenshot__l2MzX\",\"boundingBoxTag\":\"eventStyle-boundingBoxTag__ZL9iP\",\"sidebarWrap\":\"eventStyle-sidebarWrap__OV0cz\",\"sidebarFooter\":\"eventStyle-sidebarFooter__aFCim\",\"flexBetween\":\"eventStyle-flexBetween__FPtEC\",\"stepWrap\":\"eventStyle-stepWrap__QvJdQ\",\"step\":\"eventStyle-step__FkBcp\",\"isCurrent\":\"eventStyle-isCurrent___xJkD\",\"isReviewed\":\"eventStyle-isReviewed__JWs3G\",\"stepsTitle\":\"eventStyle-stepsTitle__JC_7_\",\"fadeIn\":\"eventStyle-fadeIn___SBBi\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"controlsStyle-bluelabel__biG_Z\",\"greylabel\":\"controlsStyle-greylabel__AnezA\",\"clearfix\":\"controlsStyle-clearfix__twOGL\",\"appSection\":\"controlsStyle-appSection__oFc2f\",\"appSectionControls\":\"controlsStyle-appSectionControls__LGMIL\",\"appSubSection\":\"controlsStyle-appSubSection__P6PaV\",\"appHeader\":\"controlsStyle-appHeader__I4PmG\",\"dropDownTrigger\":\"controlsStyle-dropDownTrigger__MIU0X\",\"controlBlock\":\"controlsStyle-controlBlock__cjWDn\",\"controlRow\":\"controlsStyle-controlRow__r6eA4\",\"moveEventButton\":\"controlsStyle-moveEventButton__uqYV1\",\"eventGroupNav\":\"controlsStyle-eventGroupNav__Omk8l\",\"isDisabled\":\"controlsStyle-isDisabled__bf3ib\",\"minimap\":\"controlsStyle-minimap__nhHCp\",\"isMinimapEnabled\":\"controlsStyle-isMinimapEnabled__WJJ4R\",\"marker\":\"controlsStyle-marker__w58UA\",\"isSelected\":\"controlsStyle-isSelected__j25S5\",\"isPrevSelected\":\"controlsStyle-isPrevSelected__rrC1I\",\"isNextSelected\":\"controlsStyle-isNextSelected__o08Qz\",\"fadeIn\":\"controlsStyle-fadeIn__LG8Km\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"topNavHelpStyle-bluelabel__ybrs8\",\"greylabel\":\"topNavHelpStyle-greylabel__LGpxy\",\"clearfix\":\"topNavHelpStyle-clearfix__YeA5G\",\"appSection\":\"topNavHelpStyle-appSection__OqgJa\",\"appSectionControls\":\"topNavHelpStyle-appSectionControls__r1E5x\",\"appSubSection\":\"topNavHelpStyle-appSubSection__jnzIC\",\"appHeader\":\"topNavHelpStyle-appHeader__NUJvU\",\"dropDownTrigger\":\"topNavHelpStyle-dropDownTrigger__eaZGm\",\"container\":\"topNavHelpStyle-container__ljxK1\",\"tooltip\":\"topNavHelpStyle-tooltip__nchRt\",\"back\":\"topNavHelpStyle-back__RHiiS\",\"visible\":\"topNavHelpStyle-visible__MEWct\",\"tip\":\"topNavHelpStyle-tip__G84lQ\",\"helpIconActive\":\"topNavHelpStyle-helpIconActive__GHkDX\",\"helpIcon\":\"topNavHelpStyle-helpIcon__eY94X\",\"iconBorderOuter\":\"topNavHelpStyle-iconBorderOuter__VFe6d\",\"title\":\"topNavHelpStyle-title__PcgPT\",\"helptip\":\"topNavHelpStyle-helptip__To7B0\",\"close\":\"topNavHelpStyle-close__FmJ5y\",\"closePanel\":\"topNavHelpStyle-closePanel__CQ_HY\",\"fadeIn\":\"topNavHelpStyle-fadeIn__wcCGw\"};","// extracted by mini-css-extract-plugin\nexport default {\"notFound\":\"notFound-notFound__582vM\",\"fourohfour\":\"notFound-fourohfour__H10SG\",\"routeNotFound\":\"notFound-routeNotFound__ITtCO\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"comment-bluelabel__lKG_8\",\"greylabel\":\"comment-greylabel__Cu8eB\",\"clearfix\":\"comment-clearfix__bO2Rs\",\"appSection\":\"comment-appSection__RCrCC\",\"appSectionControls\":\"comment-appSectionControls___Ebl5\",\"appSubSection\":\"comment-appSubSection__BIyc_\",\"appHeader\":\"comment-appHeader__XCJhy\",\"dropDownTrigger\":\"comment-dropDownTrigger__KEWXS\",\"flexCenter\":\"comment-flexCenter__JRGAd\",\"listComment\":\"comment-listComment__FoWC_\",\"editTrigger\":\"comment-editTrigger__Wq9en\",\"fadeIn\":\"comment-fadeIn__B0DQX\"};","// extracted by mini-css-extract-plugin\nexport default {\"eventTimeline\":\"eventTimeline-eventTimeline__pvB0j\",\"slider\":\"eventTimeline-slider__r9RKT\",\"slide\":\"eventTimeline-slide__J5LsX\",\"imgWrap\":\"eventTimeline-imgWrap__ctGqz\",\"eventDetails\":\"eventTimeline-eventDetails__WtHnW\",\"sliderMain\":\"eventTimeline-sliderMain___Nwf0\"};","// extracted by mini-css-extract-plugin\nexport default {\"favoriteWrap\":\"favoriteToggle-favoriteWrap__Kts5P\"};","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"panelMetrics-container__dC2V8\",\"metricTitle\":\"panelMetrics-metricTitle__pNIQC\",\"tag\":\"panelMetrics-tag__CK2lG\",\"metric\":\"panelMetrics-metric__J9Exj\"};","// extracted by mini-css-extract-plugin\nexport default {\"miningRun\":\"miningRun-miningRun__uax3Q\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"bar-bluelabel__uvnFJ\",\"greylabel\":\"bar-greylabel__YUt77\",\"clearfix\":\"bar-clearfix__EwVXQ\",\"appSection\":\"bar-appSection__AFetA\",\"appSectionControls\":\"bar-appSectionControls__FJPsK\",\"appSubSection\":\"bar-appSubSection__v8w9M\",\"appHeader\":\"bar-appHeader__xXcfM\",\"dropDownTrigger\":\"bar-dropDownTrigger__o_lHV\",\"container\":\"bar-container__SD6RX\",\"hideDuration\":\"bar-hideDuration__DmdKo\",\"bar\":\"bar-bar__ftN8e\",\"text\":\"bar-text__xZcXh\",\"fadeIn\":\"bar-fadeIn__jMssq\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"stepsByApplication-bluelabel__avOw2\",\"greylabel\":\"stepsByApplication-greylabel__VIHJn\",\"clearfix\":\"stepsByApplication-clearfix__VzYjh\",\"appSection\":\"stepsByApplication-appSection__AtUd8\",\"appSectionControls\":\"stepsByApplication-appSectionControls__D4A6u\",\"appSubSection\":\"stepsByApplication-appSubSection__fWIKH\",\"appHeader\":\"stepsByApplication-appHeader__mMiVo\",\"dropDownTrigger\":\"stepsByApplication-dropDownTrigger__tyGsy\",\"container\":\"stepsByApplication-container__lrq1w\",\"heading\":\"stepsByApplication-heading__lhZGB\",\"slider\":\"stepsByApplication-slider__Rm53_\",\"applicationContainer\":\"stepsByApplication-applicationContainer__KQhLe\",\"segment\":\"stepsByApplication-segment__ofEMY\",\"description\":\"stepsByApplication-description__rxDZJ\",\"fadeIn\":\"stepsByApplication-fadeIn__ScKMr\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"svgDropZone-bluelabel__N6TtI\",\"greylabel\":\"svgDropZone-greylabel__zwF90\",\"clearfix\":\"svgDropZone-clearfix__Avj5z\",\"appSection\":\"svgDropZone-appSection__IEBac\",\"appSectionControls\":\"svgDropZone-appSectionControls__N8Cmb\",\"appSubSection\":\"svgDropZone-appSubSection__OcM8X\",\"appHeader\":\"svgDropZone-appHeader__jAujv\",\"dropDownTrigger\":\"svgDropZone-dropDownTrigger__DLrOO\",\"dropBox\":\"svgDropZone-dropBox__RIR0O\",\"hover\":\"svgDropZone-hover__zFPW6\",\"fadeIn\":\"svgDropZone-fadeIn__ISyUc\"};","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"filterBreadcrumbs-container__wCjim\",\"filterNameTag\":\"filterBreadcrumbs-filterNameTag__Kd9ca\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"spinner-bluelabel__evary\",\"greylabel\":\"spinner-greylabel___jn80\",\"clearfix\":\"spinner-clearfix__MjRT0\",\"appSection\":\"spinner-appSection__VC8tP\",\"appSectionControls\":\"spinner-appSectionControls__DxwFV\",\"appSubSection\":\"spinner-appSubSection__K6Bo_\",\"appHeader\":\"spinner-appHeader__LUcut\",\"dropDownTrigger\":\"spinner-dropDownTrigger__Sudw1\",\"spinner\":\"spinner-spinner__r2ZCd\",\"sk-bouncedelay\":\"spinner-sk-bouncedelay__xNV6W\",\"bounce1\":\"spinner-bounce1__VmJQf\",\"bounce2\":\"spinner-bounce2__BOvvN\",\"fadeIn\":\"spinner-fadeIn__ad8Ii\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"virtualizedTable-bluelabel__H8Wiv\",\"greylabel\":\"virtualizedTable-greylabel__sL0nF\",\"clearfix\":\"virtualizedTable-clearfix__NX574\",\"appSection\":\"virtualizedTable-appSection__BVXLL\",\"appSectionControls\":\"virtualizedTable-appSectionControls__OiNjq\",\"appSubSection\":\"virtualizedTable-appSubSection__wqRuN\",\"appHeader\":\"virtualizedTable-appHeader__uaXgn\",\"dropDownTrigger\":\"virtualizedTable-dropDownTrigger__B8g0c\",\"row\":\"virtualizedTable-row__iN1Dt\",\"headerClass\":\"virtualizedTable-headerClass__KPJys\",\"table\":\"virtualizedTable-table__JJZGw\",\"headerRow\":\"virtualizedTable-headerRow__xipfn\",\"headerContainer\":\"virtualizedTable-headerContainer__UVNiN\",\"menuIcon\":\"virtualizedTable-menuIcon__gGVsG\",\"even\":\"virtualizedTable-even__Hxmgj\",\"selected\":\"virtualizedTable-selected__Uqwic\",\"marked\":\"virtualizedTable-marked__BA10M\",\"headerColumn\":\"virtualizedTable-headerColumn__p19q4\",\"settingsCog\":\"virtualizedTable-settingsCog__Y00s7\",\"heavyOption\":\"virtualizedTable-heavyOption__hAxgr\",\"fadeIn\":\"virtualizedTable-fadeIn__nRIpb\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"bigGrayCheckbox-bluelabel__MBoiJ\",\"greylabel\":\"bigGrayCheckbox-greylabel__F_3cz\",\"clearfix\":\"bigGrayCheckbox-clearfix__E2hiZ\",\"appSection\":\"bigGrayCheckbox-appSection__c4WtO\",\"appSectionControls\":\"bigGrayCheckbox-appSectionControls___FvMQ\",\"appSubSection\":\"bigGrayCheckbox-appSubSection__z6xIW\",\"appHeader\":\"bigGrayCheckbox-appHeader__YZLGt\",\"dropDownTrigger\":\"bigGrayCheckbox-dropDownTrigger___6jj2\",\"notSelected\":\"bigGrayCheckbox-notSelected__rbyHa\",\"selected\":\"bigGrayCheckbox-selected___N73k\",\"fadeIn\":\"bigGrayCheckbox-fadeIn__YEzRo\"};","// extracted by mini-css-extract-plugin\nexport default {\"bluelabel\":\"app-bluelabel__O_L4P\",\"greylabel\":\"app-greylabel__nvMbS\",\"clearfix\":\"app-clearfix__eIbQo\",\"appSection\":\"app-appSection__IbjWh\",\"appSectionControls\":\"app-appSectionControls__mUteu\",\"appSubSection\":\"app-appSubSection__R1cwI\",\"appHeader\":\"app-appHeader__nI6Qn\",\"dropDownTrigger\":\"app-dropDownTrigger__J3UDx\",\"fadeIn\":\"app-fadeIn__R2208\"};","// extracted by mini-css-extract-plugin\nexport default {};","/* (ignored) */"],"names":[],"sourceRoot":""}