{"version":3,"file":"js/survey-c6791d75bab40f281c36.js","mappings":"giDAEA,IAAMA,EAA4B,gCAKlC,SAASC,EAAEC,EAAKC,GACd,OAAOC,KAAKH,EAAE,oBAAsBC,EAAKC,EAC3C,CAKA,SAASE,EAAeC,EAAUC,EAAQC,GACxC,IAAMC,EAAUC,EAAE,WAAWC,SAAS,YAChCC,EAAOX,EAAEK,EAASJ,IAAM,QAAS,CAAEW,SAAU,CAAC,CAAEC,SAAS,MAyB/D,OAtBIP,GAAUC,GACZC,EAAQM,OACNL,EAAE,WACCC,SAAS,YACTC,KAAKR,KAAKH,EAAE,yBAA0B,CAAEe,IAAKT,EAAQC,MAAOA,MAInEC,EAAQM,OAAOL,EAAE,UAAUE,KAAKX,EAAEK,EAASJ,IAAM,YAE7CU,GAAQA,EAAKK,OAAS,GACxBR,EAAQM,OAAOL,EAAE,SAASE,KAAKA,IAGX,UAAlBN,EAASY,KACXT,EAAQM,OAsBZ,SAA6BT,GAC3B,IAAMG,EAAUC,EAAE,WAmBlB,OAhBAD,EAAQM,OACNL,EAAE,WACCC,SAAS,gBACTI,OACCL,EAAE,YAAYE,KAAKX,EAAEK,EAASJ,IAAM,SACpCQ,EAAE,YAAYE,KAAKX,EAAEK,EAASJ,IAAM,WAK1CO,EAAQM,OACNI,EAAcb,EAA2B,aAAjBA,EAASJ,IAAqBkB,OAAiBC,GAAWV,SAChF,mBAIGF,CACT,CA3CmBa,CAAoBhB,IACT,mBAAjBA,EAASY,KAClBT,EAAQM,OAoEZ,SAAsCT,GACpC,OAAOa,EAAcb,EAAUiB,GAAoBZ,SAAS,2BAC9D,CAtEmBa,CAA6BlB,IAE5CG,EAAQM,OAsIZ,SAA4BT,GAC1B,OAAOI,EAAE,gBACNe,KAAK,OAAQnB,EAASJ,KACtBuB,KAAK,YAAanB,EAASoB,YAC3BD,KAAK,WAAY,GACjBA,KACC,cACArB,KAAKH,EAAE,oBAAD0B,OAAqBrB,EAASJ,IAAG,gBAAgB,CACrDW,SAAU,CAAC,CAAEe,MAAO,uBAGvBhB,KAAKN,EAASuB,OAAS,GAC5B,CAlJmBC,CAAmBxB,IAG7BG,CACT,CAKA,SAASW,EAAed,EAAUyB,GAChC,OAAOrB,EAAE,WACNe,KAAK,MAAO,yBAA2BM,EAAS,QAChDN,KAAK,MAAOM,EAAOC,YACnBP,KAAK,aAAa,GAClBA,KAAK,QAAS,IACdA,KAAK,SAAU,GACpB,CA6BA,SAASF,EAAmBjB,EAAUyB,GACpC,OAAOrB,EAAE,YACNC,SAAS,eACTI,OACCL,EAAE,WACCe,KAAK,MAAO,yBAA2BM,EAAOC,WAAWC,QAAQ,KAAM,KAAO,QAC9ER,KAAK,eAAe,GACpBA,KAAK,aAAa,GAClBA,KAAK,QAAS,IACdA,KAAK,SAAU,IACfd,SAAS,QACZD,EAAE,WACCe,KAAK,MAAO,qCACZA,KAAK,eAAe,GACpBA,KAAK,aAAa,GAClBA,KAAK,QAAS,IACdA,KAAK,SAAU,IACfd,SAAS,WAElB,CASA,SAASQ,EAAcb,EAAU4B,GAC/B,IAAMC,EAAOzB,EAAE,UACZC,SAAS,WACTA,SAAS,WAAaL,EAASJ,IAAI8B,WAAWC,QAAQ,KAAM,MAEzDG,EAAgB9B,EAASuB,QAAUvB,EAAS+B,QAAQC,SAAShC,EAASuB,OAqD5E,OAnDAK,EACEA,GACA,WACE,MAAO,EACT,EAEF5B,EAAS+B,QAAQE,SAAQ,SAAUR,GACjC,IAAMS,EAAKC,EAAEC,SAAS,WAChBC,EAAqB,UAAXZ,EAIVa,EAAYtC,EAASuB,QAAUE,GAAWY,GAAWP,EAE3DD,EAAKpB,OACHL,EAAE,UACCC,SAAS,UAAYoB,EAAOC,WAAWC,QAAQ,KAAM,MACrDlB,OACCL,EAAE,aACCe,KAAK,OAAQ,SACbA,KAAK,OAAQnB,EAASJ,KACtBuB,KAAK,QAASM,GACdN,KAAK,KAAMe,GACXf,KAAK,WAAY,GACjBA,KAAK,UAAWmB,GAEnBlC,EAAE,aACCe,KAAK,MAAOe,GACZzB,OAAO,CACNmB,EAAU5B,EAAUyB,GACpBY,GACEjC,EAAE,aACCC,SAAS,SACTc,KAAK,OAAQ,QACbA,KAAK,OAAQ,eACbA,KACC,cACAxB,EAAEK,EAASJ,IAAM,YAAc6B,EAAQ,CAAElB,SAAU,CAAC,CAAEC,QAASiB,OAEhEc,IAAIT,EAAgB9B,EAASuB,WAAQR,IACzCsB,GACCjC,EAAE,YACCC,SAAS,kBACTC,KACCX,EAAEK,EAASJ,IAAM,YAAc6B,EAAQ,CAAElB,SAAU,CAAC,CAAEC,QAASiB,UAKjF,IAEOI,CACT,CAwDA,IAIMW,EAAU,Y,sRAAAC,CAAAD,EAASE,SAASC,MAAlB,I,MAAAC,EAAAC,EAAAL,GAAA,SAAAA,IAAA,O,4FAAAM,CAAA,KAAAN,GAAAI,EAAAG,MAAA,KAAAC,UAAA,CAqdb,O,EArdaR,E,EAAA,EAAA5C,IAAA,YAAAqD,IACd,WACE,MAAO,QACT,GAAC,CAAArD,IAAA,SAAAqD,IAED,WACE,MAAO,CACL,cAAe,eACf,yCAA0C,eAC1C,2BAA4B,YAC5B,uBAAwB,eACxB,+BAAgC,iBAChC,cAAe,eACf,iBAAkB,eAClB,cAAe,UACfC,WAAY,gBACZC,WAAY,gBAEhB,GAAC,CAAAvD,IAAA,SAAA2B,MAED,WAA+E,IAAD6B,EAAAJ,UAAArC,OAAA,QAAAI,IAAAiC,UAAA,GAAAA,UAAA,GAA1C,CAAEK,cAAc,EAAOC,UAAU,GAA5DD,EAAYD,EAAZC,aAAcC,EAAQF,EAARE,SACfC,EAAgBC,KAAKC,IAAIC,KAAK,mBAEpC,IAAKF,KAAKG,UACR,OAAOH,KAAKI,gBAGd,IAAM5D,EAAWwD,KAAKK,kBAChBC,EAAa/D,EAAeC,EAAUwD,KAAKO,gBAAkB,EAAGP,KAAKQ,mBAErEC,EAAgBT,KAAKC,IAAIC,KAAK,aAEpCF,KAAKC,IAAIC,KAAK,QAAQvC,KAAK,SAAU,WAAanB,EAASJ,KAG3D,IAAMsE,EAASV,KAAKC,IAAIC,KAAK,wBAEzBJ,GA9DR,SAA2BY,GACzBA,EAAOC,IAAI,UAAW,GAEtBD,EAAO,GAAGE,iBACR,iBACA,WACEF,EACGG,YAAY,WACZF,IAAI,UAAW,IACfG,QACA7D,OACCX,KAAKH,EAAE,wBACP,IACAS,EAAE,wCACFA,EAAE,wCAER,GACA,CAAEmE,MAAM,GAEZ,CA4CMC,CAAkBN,GAGhBV,KAAKC,IAAIC,KAAK,aAAa/C,OAAS,EACtC6C,KAAKiB,YAAYR,EAAeH,EAAYT,IAE5CE,EAAc9C,OAAOqD,GACrBP,EAAcY,IAAI,SAAUL,EAAWY,WAGzClB,KAAKC,IACFC,KAAK,sBACLvC,KAAK,WAAYqC,KAAKO,gBAAkB,GAAKP,KAAKmB,cAClDC,YAAY,SAAUpB,KAAKqB,WAAarB,KAAKmB,cAEhDnB,KAAKmB,cAAgBnB,KAAKsB,kBAC1BtB,KAAKuB,qBACP,GAEA,CAAAnF,IAAA,UAAA2B,MAGA,SAAQyD,GACNA,EAAMC,iBAEN,IAAMJ,EAAUrB,KAAKqB,UAGrBrB,KAAKC,IAAIY,YAAY,aAAaA,YAAY,SAEzCQ,GACHrB,KAAK0B,aAGH1B,KAAKmB,aAGHnB,KAAK2B,cACP3B,KAAK4B,mBAEL5B,KAAK6B,kBAML7B,KAAKqB,UAGPrB,KAAKO,gBAAkBP,KAAK3D,QAAQyF,KAAKC,UAAUC,WACjD,SAACxF,GAAQ,OAAMA,EAASyF,QAAQ,IAGlCjC,KAAKO,iBAAmB,EAG1BP,KAAKkC,OAAO,CAAEpC,SAAUuB,IAC1B,GAAC,CAAAjF,IAAA,YAAA2B,MAED,SAAUyD,GACRA,EAAMC,iBAEFzB,KAAKO,gBAAkB,GAAKP,KAAKmB,eAIrCnB,KAAKO,iBAAmB,EACxBP,KAAKkC,OAAO,CAAErC,cAAc,IAC9B,GAEA,CAAAzD,IAAA,cAAA2B,MAGA,WACE,IACIA,EADEvB,EAAWwD,KAAKK,kBAGtB,OAAK7D,GAKLwD,KAAKC,IACFC,KAAK,QACLiC,iBACA1D,SAAQ,SAAU2D,GACbA,EAAIC,OAAS7F,EAASJ,MACxB2B,EAAQqE,EAAIrE,MAEhB,IAEY,UAAVA,GAAqBiC,KAAKC,IAAIC,KAAK,iBACrCnC,EAAQiC,KAAKC,IAAIC,KAAK,eAAenB,OAAShB,GAGlC,KAAVA,GAAgBuE,OAAOC,MAAMD,OAAOvE,IAC/BA,EAGFuE,OAAOvE,IApBLiC,KAAKC,IAAIC,KAAK,YAAYnB,KAqBrC,GAEA,CAAA3C,IAAA,kBAAA2B,MAGA,WACE,OAAOiC,KAAK3D,QAAQyF,KAAKC,UAAU/B,KAAKO,gBAC1C,GAAC,CAAAnE,IAAA,qBAAA2B,MAED,WAEEiC,KAAKwC,YAAY,IAAIC,MAAK,IAAIA,MAAOC,UAAY,OACnD,GAAC,CAAAtG,IAAA,iBAAA2B,MAED,WAEEiC,KAAKwC,YAAY,IAAIC,MAAK,IAAIA,MAAOC,UAAY,SACnD,GAEA,CAAAtG,IAAA,sBAAA2B,MAIA,WACE,IAAM4E,EAAiB3C,KAAKC,IAAIC,KAAK,wBAEjCF,KAAKmB,eACHnB,KAAK2B,cACPgB,EAAe7F,KAAKR,KAAKH,EAAE,yBAE3BwG,EAAe7F,KAAKR,KAAKH,EAAE,kBAI/BwG,EAAehF,KAAK,YAAaqC,KAAK2B,eAAiD,SAAhC3B,KAAKK,kBAAkBjD,KAChF,GAEA,CAAAhB,IAAA,gBAAA2B,MAGA,WAAiB,IAAD6E,EAAA,KACd5C,KAAKO,iBAAmB,EAGxBP,KAAKC,IAAIpD,SAAS,SAASc,KAAK,OAAQ,UAAUA,KAAK,aAAc,QAErEqC,KAAKC,IAAIhD,OACPL,EAAE,cACCe,KAAK,OAAQ,UACbd,SAAS,wBACTI,OACCL,EAAE,WACCe,KAAK,MAAO,4BACZA,KAAK,YAAa,SAClBA,KAAK,SAAU,IACfA,KAAK,QAAS,IACdA,KAAK,MAAO,kBAIrB,IA/OiBkF,EA+OXC,EAAOlG,EAAE,YAAYe,KAAK,SAAU,QACpCoC,EAAgBnD,EAAE,WAAWC,SAAS,kBAEtCkG,GAlPWF,EAkPgB7C,KAAK3D,QAAQyF,KAAKC,UAAUiB,MAAK,SAACC,GAAC,OAAKA,EAAEhB,QAAQ,IAjP9ErF,EAAE,0CAA0CK,OACjDL,EAAE,UAAUK,OACVL,EAAE,0FACFN,KAAKH,EAAE,iBAETS,EAAE,SAASE,KAAKR,KAAKH,EAAE0G,EAAS,wBAA0B,iBAC1DjG,EAAE,SAASK,OAAOL,EAAE,UAAUE,KAAKR,KAAKH,EAAE,4BA4O1C4D,EAAc9C,OAAO8F,GAErBD,EAAK7F,OAAO8C,GAEZ+C,EAAK7F,OACHL,EAAE,WACCC,SAAS,UACTI,OACCL,EAAE,WACCC,SAAS,mBACTI,OACCL,EAAE,cACCC,SAAS,WACTc,KAAK,OAAQ,UACbA,KAAK,WAAY,GACjBV,OACCL,EAAE,YAAYC,SAAS,MAAMA,SAAS,cACtCP,KAAKH,EAAE,wBAEXS,EAAE,cACCC,SAAS,mBACTc,KAAK,OAAQ,UACbA,KAAK,WAAY,GACjBV,OACCL,EAAE,YAAYC,SAAS,MAAMA,SAAS,YACtCP,KAAKH,EAAE,4BAGfS,EAAE,gCAAgCK,OAChCL,EAAE,cACCe,KAAK,OAAQ,UACbA,KAAK,WAAY,GACjBd,SAAS,mCACTI,OACCL,EAAE,yBAAyBE,KAAKR,KAAKH,EAAE,6BACvCS,EAAE,uCACFA,EAAE,wCAENA,EAAE,cACCe,KAAK,OAAQ,UACbA,KAAK,WAAY,GACjBd,SAAS,wCACTC,KAAKR,KAAKH,EAAE,mBAKvB6D,KAAKC,IAAIhD,OAAO6F,GAChBlG,EAAE,QAAQK,OAAO+C,KAAKkD,IAEtBnD,EAAcY,IAAI,SAAUoC,EAAa7B,UACzClB,KAAKC,IAAIpD,SAAS,YAElBmD,KAAKkD,GAAGtC,iBAAiB,gBAAgB,WACvCgC,EAAK3C,IAAIY,YAAY,YAAYhE,SAAS,YAC5C,IAEAmD,KAAKG,WAAY,CACnB,GAEA,CAAA/D,IAAA,aAAA2B,MAGA,WACE,OAAOiC,KAAKO,iBAAmBP,KAAKQ,iBACtC,GAAC,CAAApE,IAAA,UAAA2B,MAED,WACE,OAAOiC,KAAKO,gBAAkB,CAChC,GAEA,CAAAnE,IAAA,eAAA2B,MAKA,SAAayD,GACXA,EAAMC,iBAEFzB,KAAKmB,aACPnB,KAAK6B,iBAEL7B,KAAKmD,oBAET,GAEA,CAAA/G,IAAA,eAAA2B,MAGA,SAAayD,GACX,IAAM4B,EAAQ5B,EAAM6B,OAAOC,QAAQ,SAE/BF,IACF5B,EAAMC,iBAEN2B,EAAME,QAAQ,MAAMC,cAAc,uBAAuBC,QACzDJ,EAAMG,cAAc,eAAeE,QAEvC,GAEA,CAAArH,IAAA,eAAA2B,MAGA,SAAayD,GACXA,EAAMC,iBAGa,UAAfD,EAAMpE,MACR4C,KAAK0B,aAGP1B,KAAKuB,qBACP,GAEA,CAAAnF,IAAA,kBAAA2B,MAGA,WACE,OAAOiC,KAAK3D,QAAQyF,KAAKC,UAAU5E,OAAS,CAC9C,GAEA,CAAAf,IAAA,gBAAA2B,MAGA,WACMiC,KAAKqB,YAAcrB,KAAKC,IAAIyD,SAAS,YACvC1D,KAAKC,IAAIpD,SAAS,YAEtB,GAEA,CAAAT,IAAA,aAAA2B,MAGA,WACE,IAAM4F,EAAY3D,KAAKO,gBAAkB,IAAMP,KAAK2B,cAEpD3B,KAAKK,kBAAkBtC,MAAQiC,KAAK2B,cACpC3B,KAAKK,kBAAkB4B,UAAW,EAE9B0B,IAAc3D,KAAK4D,gBAKvB5D,KAAK4D,cAAgBD,EAErB/G,EAAEiH,KAAK,CACLC,IAAK9D,KAAKC,IAAIC,KAAK,QAAQvC,KAAK,UAChCoG,OAAQ,MACRC,SAAU,OACVlC,KAAM,CAAEmC,OAAQjE,KAAK2B,iBAEzB,GAAC,CAAAvF,IAAA,cAAA2B,MAED,SAAYmG,GAAe,IAADC,EAAA,KACxBnE,KAAKoE,kBAAkBF,GAEvBlE,KAAKC,IAAIY,YAAY,YACrBb,KAAKC,IAAIY,YAAY,aAKrBwD,OAAOC,uBAAsB,WAC3BD,OAAOC,uBAAsB,WAC3BH,EAAKlE,IAAIpD,SAAS,WAElBsH,EAAKjB,GAAGtC,iBACN,iBACA,SAACY,GACKA,EAAM6B,SAAWc,EAAKjB,IACxBiB,EAAKjB,GAAGqB,QAEZ,IACA,EAEJ,GACF,GACF,GAAC,CAAAnI,IAAA,oBAAA2B,MAED,SAAkBmG,GAChBG,OAAOG,aAAaC,QAAQvI,EAA2BwI,KAAKC,UAAUT,GACxE,GAAC,CAAA9H,IAAA,mBAAA2B,MAED,WACE,IAAM2C,EAASV,KAAKC,IAAIC,KAAK,mBACvB0E,EAAShI,EAAE,YACdC,SAAS,iBACTI,OAAOL,EAAE,qCAAsC,IAAKN,KAAKH,EAAE,gBAE9DuE,EAAOmE,KAAK,0BAA4BnE,EAAOmE,OAAS,WACxDnE,EAAOzD,OAAO2H,GAEdP,OAAOC,uBAAsB,WAC3B5D,EAAOR,KAAK,aAAarD,SAAS,QAAQc,KAAK,YAAY,GAC3DiH,EAAO/D,YAAY,OACrB,IAEAwD,OAAOS,WAAW9E,KAAK6B,eAAekD,KAAK/E,MAAO,IACpD,GAEA,CAAA5D,IAAA,gBAAA2B,MAGA,WACEiC,KAAKC,IAAIY,YAAY,YACvB,GAEA,CAAAzE,IAAA,cAAA2B,MAGA,SAAYiH,EAAYC,GAA8B,IAAvBpF,EAAYL,UAAArC,OAAA,QAAAI,IAAAiC,UAAA,IAAAA,UAAA,GACnCO,EAAgBC,KAAKC,IAAIC,KAAK,mBAEhCgF,EAAU,CACZC,KAAM,OACNC,QAAS,WAGPvF,IACFqF,EAAU,CACRC,KAAM,iBACNC,QAAS,sBAKbJ,EAAWnI,SAASqI,EAAQC,MAG5BF,EAAMpI,SAASqI,EAAQE,SACvBrF,EAAc9C,OAAOgI,GAGrBlF,EAAcY,IAAI,SAAUsE,EAAM/D,UAClC+D,EAAMpE,YAAYqE,EAAQE,SAE1Bf,OAAOS,YAAW,WAChBE,EAAWT,SACXU,EAAM/E,KAAK,+BAA+BmF,QAAQ,QACpD,GAAG,IACL,GAEA,CAAAjJ,IAAA,kBAAA2B,MAGA,WACEsG,OAAOiB,SAAS,CACdC,MAAO,IACPC,yBAAyB,EACzBC,OAAQ,CAAEC,EAAG,EAAGC,EAAG,GACnBC,cAAe,GACfC,cAAe,GACfC,MAAO,IACPC,OAAQ,OAGV/F,KAAKC,IAAIC,KAAK,QAAQvC,KAAK,SAAU,oBAErCqC,KAAKC,IAAIC,KAAK,oBAAoBS,IAAI,UAAW,GAAGA,IAAI,iBAAkB,QAC1EX,KAAKC,IAAIC,KAAK,wBAAwBrD,SAAS,oBAAoBC,KAAKR,KAAKH,EAAE,iBAG/ES,EAAE,mCAAmCoJ,QAAQ,KAG7ChG,KAAKoE,kBAAkB,IAAI3B,MAAK,IAAIA,MAAOC,UAAY,SACzD,I,iFAAC1D,CAAA,CArda,GAwdhBA,EAAWiH,MAAQ,WACjB,IADyDzG,UAAArC,OAAA,QAAAI,IAAAiC,UAAA,GAAAA,UAAA,GAAlB,CAAE0G,OAAO,IAAnBA,MAE3B7B,OAAOG,aAAa2B,WAAWjK,OAC1B,CACL,IAAMgI,EAAeG,OAAOG,aAAa4B,QAAQlK,GAEjD,GAAIgI,GAAgB,IAAIzB,KAAKiC,KAAK2B,MAAMnC,IAAiB,IAAIzB,KAC3D,MAEJ,CAEA,IAAM6D,EAAiB1J,EAAE,kBAErB0J,EAAenJ,OAAS,EAE1BmJ,EACG3F,IAAI,CAAE4F,UAAW,mBACjBC,IAAI,gBAAgB,kBAAMF,EAAe3F,IAAI,CAAE4F,UAAW,IAAK,IAKpE3J,GAAE,WACYA,EAAEiH,KAAK,CACjBC,IAAK,UACLC,OAAQ,MACRC,SAAU,SAGRyC,MAAK,SAAU3E,GACblF,EAAE,kBAAkBO,OAAS,GAI5B2E,EAAK4E,UACR,IAAI1H,EAAW,CAAE8C,KAAMA,IAAQI,QAEnC,GACF,GACF,EAEA,QCtuBAmC,OAAOrF,WAAaA,C","sources":["webpack://app/./app/javascript/views/SurveyView.js","webpack://app/./app/javascript/packs/survey.ts"],"sourcesContent":["/* globals _ $ Backbone I18n */\n\nconst LOCAL_STORAGE_DISMISS_KEY = 'etm.survey-2021.dismiss-until';\n\n/**\n * Translation helper.\n */\nfunction t(key, options) {\n  return I18n.t('survey.questions.' + key, options);\n}\n\n/**\n * Returns the elements used to answer a question.\n */\nfunction renderQuestion(question, number, total) {\n  const wrapper = $('<div />').addClass('question');\n  const text = t(question.key + '.text', { defaults: [{ message: false }] });\n\n  // Show current progress.\n  if (number <= total) {\n    wrapper.append(\n      $('<div />')\n        .addClass('progress')\n        .text(I18n.t('survey.question_number', { num: number, total: total }))\n    );\n  }\n\n  wrapper.append($('<h3 />').text(t(question.key + '.title')));\n\n  if (text && text.length > 0) {\n    wrapper.append($('<p />').text(text));\n  }\n\n  if (question.type === 'range') {\n    wrapper.append(renderRangeQuestion(question));\n  } else if (question.type == 'multiple_choice') {\n    wrapper.append(renderMultipleChoiceQuestion(question));\n  } else {\n    wrapper.append(renderTextQuestion(question));\n  }\n\n  return wrapper;\n}\n\n/**\n * Renders the choices in a range (1-5) as emoji instead of numbers.\n */\nfunction rangeEmojiIcon(question, choice) {\n  return $('<img />')\n    .attr('src', '/assets/survey/choice-' + choice + '.svg')\n    .attr('alt', choice.toString())\n    .attr('draggable', false)\n    .attr('width', 64)\n    .attr('height', 64);\n}\n\nfunction renderRangeQuestion(question) {\n  const wrapper = $('<div />');\n\n  // Show the legend which describes what each extreme means.\n  wrapper.append(\n    $('<div />')\n      .addClass('range-legend')\n      .append(\n        $('<span />').text(t(question.key + '.min')),\n        $('<span />').text(t(question.key + '.max'))\n      )\n  );\n\n  // Show the options.\n  wrapper.append(\n    renderChoices(question, question.key === 'how_easy' ? rangeEmojiIcon : undefined).addClass(\n      'range-question'\n    )\n  );\n\n  return wrapper;\n}\n\n/**\n * Renders the icons used for multiple choice questions. Shows the icon and allows it to be\n * replaced with a check instead.\n */\nfunction multipleChoiceIcon(question, choice) {\n  return $('<span />')\n    .addClass('icon-holder')\n    .append(\n      $('<img />')\n        .attr('src', '/assets/survey/choice-' + choice.toString().replace(/_/g, '-') + '.svg')\n        .attr('aria-hidden', true)\n        .attr('draggable', false)\n        .attr('width', 32)\n        .attr('height', 32)\n        .addClass('icon'),\n      $('<img />')\n        .attr('src', '/assets/survey/choice-checked.svg')\n        .attr('aria-hidden', true)\n        .attr('draggable', false)\n        .attr('width', 32)\n        .attr('height', 32)\n        .addClass('checked')\n    );\n}\n\nfunction renderMultipleChoiceQuestion(question) {\n  return renderChoices(question, multipleChoiceIcon).addClass('multiple-choice-question');\n}\n\n/**\n * Renders multiple choices which are shown in a list.\n */\nfunction renderChoices(question, contentFn) {\n  const list = $('<ul />')\n    .addClass('choices')\n    .addClass('choices-' + question.key.toString().replace(/_/g, '-'));\n\n  const isCustomValue = question.value && !question.choices.includes(question.value);\n\n  contentFn =\n    contentFn ||\n    function () {\n      return [];\n    };\n\n  question.choices.forEach(function (choice) {\n    const id = _.uniqueId('choice_');\n    const isOther = choice === 'other';\n\n    // A question is checked when it matches the chosen value, or when the choice is \"other\" and\n    // the user has a custom value.\n    const isChecked = question.value === choice || (isOther && isCustomValue);\n\n    list.append(\n      $('<li />')\n        .addClass('choice-' + choice.toString().replace(/_/g, '-'))\n        .append(\n          $('<input />')\n            .attr('type', 'radio')\n            .attr('name', question.key)\n            .attr('value', choice)\n            .attr('id', id)\n            .attr('tabindex', 1)\n            .attr('checked', isChecked),\n\n          $('<label />')\n            .attr('for', id)\n            .append([\n              contentFn(question, choice),\n              isOther &&\n                $('<input />')\n                  .addClass('other')\n                  .attr('type', 'text')\n                  .attr('name', 'other-value')\n                  .attr(\n                    'placeholder',\n                    t(question.key + '.choices.' + choice, { defaults: [{ message: choice }] })\n                  )\n                  .val(isCustomValue ? question.value : undefined),\n              !isOther &&\n                $('<span />')\n                  .addClass('choice-content')\n                  .text(\n                    t(question.key + '.choices.' + choice, { defaults: [{ message: choice }] })\n                  ),\n            ])\n        )\n    );\n  });\n\n  return list;\n}\n\nfunction renderTextQuestion(question) {\n  return $('<textarea />')\n    .attr('name', question.key)\n    .attr('maxlength', question.max_length)\n    .attr('tabindex', 1)\n    .attr(\n      'placeholder',\n      I18n.t(`survey.questions.${question.key}.placeholder`, {\n        defaults: [{ scope: 'survey.optional' }],\n      })\n    )\n    .text(question.value || '');\n}\n\n/**\n * Renders a message introducing the survey.\n */\nfunction renderHello(resume) {\n  return $('<div class=\"question hello-content\" />').append(\n    $('<h3 />').append(\n      $('<img src=\"/assets/survey/wave.svg\" alt=\"\" aria-hidden=\"true\" height=\"32\" width=\"32\" />'),\n      I18n.t('survey.hello')\n    ),\n    $('<p />').text(I18n.t(resume ? 'survey.intro_continue' : 'survey.intro')),\n    $('<p />').append($('<hl />').text(I18n.t('survey.intro_promise')))\n  );\n}\n\n/**\n * Replaces the \"Sure\" button with the \"Next question\" button. In fact this keeps the element but\n * changes the styles and text while fading the button out briefly so the user doesn't see the\n * change in content and width.\n */\nfunction replaceSureButton(button) {\n  button.css('opacity', 0);\n\n  button[0].addEventListener(\n    'transitionend',\n    () => {\n      button\n        .removeClass('success')\n        .css('opacity', '')\n        .empty()\n        .append(\n          I18n.t('survey.next_question'),\n          ' ',\n          $('<span class=\"fa fa-chevron-right\" />'),\n          $('<span class=\"fa fa-chevron-right\" />')\n        );\n    },\n    { once: true }\n  );\n}\n\n/**\n * The main survey view. Renders the survey, handles progression through each question, submits\n * the answers, and hides the survey when done or dismissed.\n */\nclass SurveyView extends Backbone.View {\n  get className() {\n    return 'survey';\n  }\n\n  get events() {\n    return {\n      'change form': 'onFormChange',\n      'click .choice-other, click input.other': 'onClickOther',\n      'click .previous-question': 'backtrack',\n      'click button.dismiss': 'onClickClose',\n      'click button.dismiss-forever': 'dismissForever',\n      'input input': 'onFormChange',\n      'input textarea': 'onFormChange',\n      'submit form': 'advance',\n      mouseenter: 'stopAttention',\n      mouseleave: 'seekAttention',\n    };\n  }\n\n  render({ backtracking, wasHello } = { backtracking: false, wasHello: false }) {\n    const heightWrapper = this.$el.find('.height-wrapper');\n\n    if (!this.isVisible) {\n      return this.initialRender();\n    }\n\n    const question = this.currentQuestion();\n    const questionEl = renderQuestion(question, this.currentPosition + 1, this.questionsLength());\n\n    const oldQuestionEl = this.$el.find('.question');\n\n    this.$el.find('form').attr('action', '/survey/' + question.key);\n\n    // Set the button to be \"Next question...\". This will be \"Sure\" when coming from the hello page.\n    const button = this.$el.find('button.next-question');\n\n    if (wasHello) {\n      replaceSureButton(button);\n    }\n\n    if (this.$el.find('.question').length > 0) {\n      this.swapContent(oldQuestionEl, questionEl, backtracking);\n    } else {\n      heightWrapper.append(questionEl);\n      heightWrapper.css('height', questionEl.height());\n    }\n\n    this.$el\n      .find('.previous-question')\n      .attr('disabled', this.currentPosition < 1 || this.isFinished())\n      .toggleClass('hidden', this.isHello() || this.isFinished());\n\n    this.isFinished() && this.triggerFinished();\n    this.enableDisableButton();\n  }\n\n  /**\n   * Submits an answer to the server and renders the next question.\n   */\n  advance(event) {\n    event.preventDefault();\n\n    const isHello = this.isHello();\n\n    // Immediately remove all attention grabbing animation.\n    this.$el.removeClass('attention').removeClass('hello');\n\n    if (!isHello) {\n      this.sendAnswer();\n    }\n\n    if (this.isFinished()) {\n      // If the user entered some feedback on the final page, we animate the button to show that\n      // it has been sent, then close the survey.\n      if (this.answerValue()) {\n        this.showFeedbackSent();\n      } else {\n        this.dismissForever();\n      }\n\n      return;\n    }\n\n    if (this.isHello()) {\n      // Advance to the first unanswered question. Normally, but not always, question 0: if the user\n      // started the survey previously, they may have answered some questions already.\n      this.currentPosition = this.options.data.questions.findIndex(\n        (question) => !question.answered\n      );\n    } else {\n      this.currentPosition += 1;\n    }\n\n    this.render({ wasHello: isHello });\n  }\n\n  backtrack(event) {\n    event.preventDefault();\n\n    if (this.currentPosition < 1 || this.isFinished()) {\n      return;\n    }\n\n    this.currentPosition -= 1;\n    this.render({ backtracking: true });\n  }\n\n  /**\n   * Returns the answer value of the currently displayed question.\n   */\n  answerValue() {\n    const question = this.currentQuestion();\n    let value;\n\n    if (!question) {\n      // Finish page; return the value of the textarea.\n      return this.$el.find('textarea').val();\n    }\n\n    this.$el\n      .find('form')\n      .serializeArray()\n      .forEach(function (obj) {\n        if (obj.name === question.key) {\n          value = obj.value;\n        }\n      });\n\n    if (value === 'other' && this.$el.find('input.other')) {\n      value = this.$el.find('input.other').val() || value;\n    }\n\n    if (value === '' || Number.isNaN(Number(value))) {\n      return value;\n    }\n\n    return Number(value);\n  }\n\n  /**\n   * Returns the first unanswered question, which will be shown to the user.\n   */\n  currentQuestion() {\n    return this.options.data.questions[this.currentPosition];\n  }\n\n  dismissTemporarily() {\n    // Dismiss for a day.\n    this.sendDismiss(new Date(new Date().getTime() + 1000 * 3600 * 24));\n  }\n\n  dismissForever() {\n    // Dismiss for ten years.\n    this.sendDismiss(new Date(new Date().getTime() + 1000 * 3600 * 24 * 365 * 10));\n  }\n\n  /**\n   * Enables and disables the \"Next question\" button when an answer has been selected for the\n   * current question.\n   */\n  enableDisableButton() {\n    const nextQuestionEl = this.$el.find('button.next-question');\n\n    if (this.isFinished()) {\n      if (this.answerValue()) {\n        nextQuestionEl.text(I18n.t('survey.send_feedback'));\n      } else {\n        nextQuestionEl.text(I18n.t('survey.close'));\n      }\n    }\n\n    nextQuestionEl.attr('disabled', !this.answerValue() && this.currentQuestion().type !== 'text');\n  }\n\n  /**\n   * Sets up the View the first time it is rendered, including the \"Hello\" page.\n   */\n  initialRender() {\n    this.currentPosition = -1;\n\n    // Initial setup.\n    this.$el.addClass('hello').attr('role', 'dialog').attr('aria-modal', 'true');\n\n    this.$el.append(\n      $('<button />')\n        .attr('type', 'button')\n        .addClass('close-button dismiss')\n        .append(\n          $('<img />')\n            .attr('src', '/assets/survey/close.svg')\n            .attr('draggable', 'false')\n            .attr('height', 16)\n            .attr('width', 16)\n            .attr('alt', 'Close survey')\n        )\n    );\n\n    const form = $('<form />').attr('method', 'post');\n    const heightWrapper = $('<div />').addClass('height-wrapper');\n\n    const helloContent = renderHello(this.options.data.questions.some((q) => q.answered));\n    heightWrapper.append(helloContent);\n\n    form.append(heightWrapper);\n\n    form.append(\n      $('<div />')\n        .addClass('commit')\n        .append(\n          $('<div />')\n            .addClass('dismiss-buttons')\n            .append(\n              $('<button />')\n                .addClass('dismiss')\n                .attr('type', 'button')\n                .attr('tabindex', 4)\n                .append(\n                  $('<span />').addClass('fa').addClass('fa-history'),\n                  I18n.t('survey.ask_me_later')\n                ),\n              $('<button />')\n                .addClass('dismiss-forever')\n                .attr('type', 'button')\n                .attr('tabindex', 5)\n                .append(\n                  $('<span />').addClass('fa').addClass('fa-times'),\n                  I18n.t('survey.never_ask_again')\n                )\n            ),\n          $('<div class=\"main-buttons\" />').append(\n            $('<button />')\n              .attr('type', 'button')\n              .attr('tabindex', 3)\n              .addClass('button previous-question hidden')\n              .append(\n                $('<span class=\"text\" />').text(I18n.t('survey.previous_question')),\n                $('<span class=\"fa fa-chevron-left\" />'),\n                $('<span class=\"fa fa-chevron-left\" />')\n              ),\n            $('<button />')\n              .attr('type', 'submit')\n              .attr('tabindex', 2)\n              .addClass('button primary success next-question')\n              .text(I18n.t('survey.sure'))\n          )\n        )\n    );\n\n    this.$el.append(form);\n    $('body').append(this.el);\n\n    heightWrapper.css('height', helloContent.height());\n    this.$el.addClass('entrance');\n\n    this.el.addEventListener('animationend', () => {\n      this.$el.removeClass('entrance').addClass('attention');\n    });\n\n    this.isVisible = true;\n  }\n\n  /**\n   * Returns true if the user has answered all the questions.\n   */\n  isFinished() {\n    return this.currentPosition >= this.questionsLength();\n  }\n\n  isHello() {\n    return this.currentPosition < 0;\n  }\n\n  /**\n   * Event triggered when the user clicks the \"x\" close button. When they have finished the survey,\n   * the button does a forever-dismiss to prevent it popping up again should their session be lost\n   * or cleared.\n   */\n  onClickClose(event) {\n    event.preventDefault();\n\n    if (this.isFinished()) {\n      this.dismissForever();\n    } else {\n      this.dismissTemporarily();\n    }\n  }\n\n  /**\n   * Triggered when selecting \"Other\" in a multiple choice question.\n   * */\n  onClickOther(event) {\n    const label = event.target.closest('label');\n\n    if (label) {\n      event.preventDefault();\n\n      label.closest('li').querySelector('input[type=\"radio\"]').click();\n      label.querySelector('input.other').focus();\n    }\n  }\n\n  /**\n   * Triggered whenever a change or input event is fired within the form.\n   */\n  onFormChange(event) {\n    event.preventDefault();\n\n    // Don't submit while user is typing, wait for them to finish.\n    if (event.type !== 'input') {\n      this.sendAnswer();\n    }\n\n    this.enableDisableButton();\n  }\n\n  /**\n   * The total number of questions, minus the final feedback page.\n   */\n  questionsLength() {\n    return this.options.data.questions.length - 1;\n  }\n\n  /**\n   * Starts wiggling the element for attention every 20 seconds when on the hello page.\n   */\n  seekAttention() {\n    if (this.isHello() && !this.$el.hasClass('exiting')) {\n      this.$el.addClass('attention');\n    }\n  }\n\n  /**\n   * Submits the selected answer to the server as soon as one is selected by the user.\n   */\n  sendAnswer() {\n    const answerKey = this.currentPosition + '.' + this.answerValue();\n\n    this.currentQuestion().value = this.answerValue();\n    this.currentQuestion().answered = true;\n\n    if (answerKey === this.lastAnswerKey) {\n      // Don't send duplicate updates.\n      return;\n    }\n\n    this.lastAnswerKey = answerKey;\n\n    $.ajax({\n      url: this.$el.find('form').attr('action'),\n      method: 'PUT',\n      dataType: 'json',\n      data: { answer: this.answerValue() },\n    });\n  }\n\n  sendDismiss(dismissUntil) {\n    this.setDismissedUntil(dismissUntil);\n\n    this.$el.removeClass('entrance');\n    this.$el.removeClass('attention');\n\n    // A short wait avoids the animation glitching when the survey just faded in. Using rAF twice\n    // ensures it happens in the next frame, after the entrance/attention classes have been\n    // removed.\n    window.requestAnimationFrame(() => {\n      window.requestAnimationFrame(() => {\n        this.$el.addClass('exiting');\n\n        this.el.addEventListener(\n          'transitionend',\n          (event) => {\n            if (event.target === this.el) {\n              this.el.remove();\n            }\n          },\n          false\n        );\n      });\n    });\n  }\n\n  setDismissedUntil(dismissUntil) {\n    window.localStorage.setItem(LOCAL_STORAGE_DISMISS_KEY, JSON.stringify(dismissUntil));\n  }\n\n  showFeedbackSent() {\n    const button = this.$el.find('button.finished');\n    const sentEl = $('<span />')\n      .addClass('levitate hide')\n      .append($('<span class=\"fa fa-check\"></span>'), ' ', I18n.t('survey.sent'));\n\n    button.html('<span class=\"old-text\">' + button.html() + '</span>');\n    button.append(sentEl);\n\n    window.requestAnimationFrame(function () {\n      button.find('.old-text').addClass('hide').attr('disabled', true);\n      sentEl.removeClass('hide');\n    });\n\n    window.setTimeout(this.dismissForever.bind(this), 3000);\n  }\n\n  /**\n   * Stops wiggling the element for attention when the user's mouse is over the el.\n   */\n  stopAttention() {\n    this.$el.removeClass('attention');\n  }\n\n  /**\n   * Moves the old question out to the left, brings the new one in from the right.\n   */\n  swapContent(originalEl, newEl, backtracking = false) {\n    const heightWrapper = this.$el.find('.height-wrapper');\n\n    let classes = {\n      exit: 'exit',\n      initial: 'initial',\n    };\n\n    if (backtracking) {\n      classes = {\n        exit: 'exit-backtrack',\n        initial: 'initial-backtrack',\n      };\n    }\n\n    // Exit old element to the left.\n    originalEl.addClass(classes.exit);\n\n    // Bring in new element from the right.\n    newEl.addClass(classes.initial);\n    heightWrapper.append(newEl);\n\n    // Animated resize of wrapper element.\n    heightWrapper.css('height', newEl.height());\n    newEl.removeClass(classes.initial);\n\n    window.setTimeout(function () {\n      originalEl.remove();\n      newEl.find('input:first, textarea:first').trigger('focus');\n    }, 500);\n  }\n\n  /**\n   * Renders the \"thanks!\" text, and fades out the survey after a short period.\n   */\n  triggerFinished() {\n    window.confetti({\n      angle: 120,\n      disableForReducedMotion: true,\n      origin: { x: 1, y: 1 },\n      particleCount: 75,\n      startVelocity: 60,\n      ticks: 300,\n      zIndex: 1070,\n    });\n\n    this.$el.find('form').attr('action', '/survey/feedback');\n\n    this.$el.find('.dismiss-buttons').css('opacity', 0).css('pointer-events', 'none');\n    this.$el.find('button.next-question').addClass('success finished').text(I18n.t('survey.close'));\n\n    // Reach into the scenario nav and remove the survey option.\n    $('header.main-header .survey-item').fadeOut(175);\n\n    // Prevent the survey ever popping up again if the user clears their session.\n    this.setDismissedUntil(new Date(new Date().getTime() + 1000 * 3600 * 24 * 365 * 10));\n  }\n}\n\nSurveyView.begin = function ({ force } = { force: false }) {\n  if (force) {\n    window.localStorage.removeItem(LOCAL_STORAGE_DISMISS_KEY);\n  } else {\n    const dismissUntil = window.localStorage.getItem(LOCAL_STORAGE_DISMISS_KEY);\n\n    if (dismissUntil && new Date(JSON.parse(dismissUntil)) > new Date()) {\n      return;\n    }\n  }\n\n  const existingSurvey = $('body > .survey');\n\n  if (existingSurvey.length > 0) {\n    // Bring the user's attention to the survey and exit.\n    existingSurvey\n      .css({ animation: 'survey-tada 1s' })\n      .one('animationend', () => existingSurvey.css({ animation: '' }));\n\n    return;\n  }\n\n  $(function () {\n    const req = $.ajax({\n      url: '/survey',\n      method: 'GET',\n      dataType: 'json',\n    });\n\n    req.done(function (data) {\n      if ($('body > .survey').length > 0) {\n        return;\n      }\n\n      if (!data.finished) {\n        new SurveyView({ data: data }).render();\n      }\n    });\n  });\n};\n\nexport default SurveyView;\n","import SurveyView from '../views/SurveyView';\nwindow.SurveyView = SurveyView;\n"],"names":["LOCAL_STORAGE_DISMISS_KEY","t","key","options","I18n","renderQuestion","question","number","total","wrapper","$","addClass","text","defaults","message","append","num","length","type","renderChoices","rangeEmojiIcon","undefined","renderRangeQuestion","multipleChoiceIcon","renderMultipleChoiceQuestion","attr","max_length","concat","scope","value","renderTextQuestion","choice","toString","replace","contentFn","list","isCustomValue","choices","includes","forEach","id","_","uniqueId","isOther","isChecked","val","SurveyView","_inherits","Backbone","View","_super","_createSuper","_classCallCheck","apply","arguments","get","mouseenter","mouseleave","_ref","backtracking","wasHello","heightWrapper","this","$el","find","isVisible","initialRender","currentQuestion","questionEl","currentPosition","questionsLength","oldQuestionEl","button","css","addEventListener","removeClass","empty","once","replaceSureButton","swapContent","height","isFinished","toggleClass","isHello","triggerFinished","enableDisableButton","event","preventDefault","sendAnswer","answerValue","showFeedbackSent","dismissForever","data","questions","findIndex","answered","render","serializeArray","obj","name","Number","isNaN","sendDismiss","Date","getTime","nextQuestionEl","_this","resume","form","helloContent","some","q","el","dismissTemporarily","label","target","closest","querySelector","click","focus","hasClass","answerKey","lastAnswerKey","ajax","url","method","dataType","answer","dismissUntil","_this2","setDismissedUntil","window","requestAnimationFrame","remove","localStorage","setItem","JSON","stringify","sentEl","html","setTimeout","bind","originalEl","newEl","classes","exit","initial","trigger","confetti","angle","disableForReducedMotion","origin","x","y","particleCount","startVelocity","ticks","zIndex","fadeOut","begin","force","removeItem","getItem","parse","existingSurvey","animation","one","done","finished"],"sourceRoot":""}