{"version":3,"sources":["webpack:///./src/components/popup-details-parts/index.js","webpack:///./src/views/apps/AppDetails.vue","webpack:///./src/views/apps/multi-select.vue","webpack:///src/views/apps/multi-select.vue","webpack:///./src/views/apps/multi-select.vue?614a","webpack:///./src/views/apps/multi-select.vue?27d2","webpack:///src/views/apps/AppDetails.vue","webpack:///./src/views/apps/AppDetails.vue?6a9a","webpack:///./src/views/apps/AppDetails.vue?1577","webpack:///./src/components/popup-details-parts/content-header.vue","webpack:///src/components/popup-details-parts/content-header.vue","webpack:///./src/components/popup-details-parts/content-header.vue?bf5b","webpack:///./src/components/popup-details-parts/content-header.vue?4d26","webpack:///./src/components/popup-details-parts/connect-service.vue","webpack:///src/components/popup-details-parts/connect-service.vue","webpack:///./src/components/popup-details-parts/connect-service.vue?031e","webpack:///./src/components/popup-details-parts/connect-service.vue?87c0","webpack:///./src/views/apps/AppDetails.vue?60d6","webpack:///./src/views/apps/AppDetails.vue?6c2d","webpack:///./src/components/base/details-popup.vue","webpack:///src/components/base/details-popup.vue","webpack:///./src/components/base/details-popup.vue?33f6","webpack:///./src/components/base/details-popup.vue?d03d","webpack:///./src/components/popup-details-parts/connect-service.vue?0e15"],"names":["contentHeader","connectService","render","_vm","this","_c","_self","staticClass","class","right_open","showRightPanel","on","$event","preventDefault","closePopup","apply","arguments","attrs","require","active","directives","name","rawName","value","loading","expression","thisApp","attributes","image","_e","_v","_s","description","app","model","callback","$$v","$set","arrow","showOnInit","distance","interactive","delay","theme","sticky","hideOnClick","placement","newDataConfig","config","_l","item","index","key","type","title","domProps","body","links","link","linDex","url","html","caption","options","Array","isArray","_i","$$a","$$el","target","$$c","checked","$$i","concat","slice","_m","hint","saveApps","loadingHowTo","staticStyle","howto","staticRenderFns","option","optindex","localValue","changed","props","data","methods","mounted","component","components","VSwitch","MultiSelect","InputField","Loading","VButton","DetailsPopup","mixins","selectValue","selectOptions","settingsToggle","computed","attributesData","attributesSchema","isActive","isPanel","configData","get","set","configSchema","id","toggleActive","togglePanel","path","alert","document","created","small_image","open","$emit","window","token","_t","currentTarget","panel","subtitle"],"mappings":"2IAAA,4BAGe,QACXA,qBACAC,wB,oECLJ,IAAIC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,6CAA6C,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqBC,MAAM,CAACC,WAAYN,EAAIO,iBAAiB,CAACL,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,IAAI,CAACE,YAAY,kBAAkBI,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBV,EAAIW,WAAWC,MAAM,KAAMC,cAAc,CAACX,EAAG,aAAa,CAACY,MAAM,CAAC,IAAMC,EAAQ,YAAoC,GAAGb,EAAG,IAAI,CAACE,YAAY,eAAeC,MAAM,CAACW,OAAQhB,EAAIO,gBAAgBC,GAAG,CAAC,MAAQ,SAASC,GAAQA,EAAOC,iBAAiBV,EAAIO,gBAAkBP,EAAIO,kBAAkB,CAACL,EAAG,MAAM,CAACY,MAAM,CAAC,MAAQ,KAAK,OAAS,KAAK,QAAU,YAAY,KAAO,OAAO,MAAQ,+BAA+B,CAACZ,EAAG,OAAO,CAACY,MAAM,CAAC,YAAY,UAAU,YAAY,UAAU,EAAI,mHAAmH,KAAO,iBAAiBZ,EAAG,MAAM,CAACE,YAAY,0CAA0C,CAACF,EAAG,UAAU,CAACe,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOpB,EAAIqB,QAASC,WAAW,cAAcpB,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAAEJ,EAAIuB,QAAQC,WAAYtB,EAAG,MAAM,CAACE,YAAY,YAAY,CAAEJ,EAAIuB,QAAQC,WAAW,aAActB,EAAG,MAAM,CAACY,MAAM,CAAC,IAAMd,EAAIuB,QAAQC,WAAW,gBAAgBtB,EAAG,MAAM,CAACY,MAAM,CAAC,IAAM,yBAA2Bd,EAAIuB,QAAQC,WAAWC,MAAM,IAAM,QAAQzB,EAAI0B,KAAKxB,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,KAAK,CAACF,EAAI2B,GAAG3B,EAAI4B,GAAG5B,EAAIuB,QAAQC,WAAWN,MAAM,KAAKhB,EAAG,MAAM,CAACE,YAAY,WAAWI,GAAG,CAAC,MAAQ,SAASC,GAAQT,EAAIO,gBAAkBP,EAAIO,kBAAkB,CAACL,EAAG,OAAO,CAACF,EAAI2B,GAAG,UAAUzB,EAAG,aAAa,CAACY,MAAM,CAAC,IAAMC,EAAQ,YAAkC,KAAKb,EAAG,IAAI,CAACF,EAAI2B,GAAG3B,EAAI4B,GAAG5B,EAAIuB,QAAQC,WAAWK,oBAAoB3B,EAAG,MAAM,CAACE,YAAY,uCAAuC,CAACF,EAAG,WAAW,CAACY,MAAM,CAAC,WAAW,GAAG,MAAQd,EAAI8B,IAAIN,WAAWR,QAAQe,MAAM,CAACX,MAAOpB,EAAI8B,IAAIN,WAAWR,OAAQgB,SAAS,SAAUC,GAAMjC,EAAIkC,KAAKlC,EAAI8B,IAAIN,WAAY,SAAUS,IAAMX,WAAW,2BAA4BtB,EAAI8B,IAAIN,WAAWR,OAAQd,EAAG,OAAO,CAACE,YAAY,UAAU,CAACJ,EAAI2B,GAAG,YAAYzB,EAAG,OAAO,CAACe,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAO,CAAEe,OAAQ,EAAMC,YAAW,EAAKC,SAAS,GAAGC,aAAY,EAAKC,MAAM,IAAKC,MAAM,MAAMC,QAAQ,EAAKC,aAAY,EAAMC,UAAU,UAAYrB,WAAW,4IAAgJlB,YAAY,WAAWU,MAAM,CAAC,QAAU,qBAAqB,CAACd,EAAI2B,GAAG,eAAe,MAAM3B,EAAI4C,eAAwC,iBAAf5C,EAAI6C,QAA4C,kBAAf7C,EAAI6C,OAA+gF3C,EAAG,IAAI,CAACE,YAAY,qBAAqB,CAACJ,EAAI2B,GAAG,sBAA1iF3B,EAAI8C,GAAI9C,EAAI6C,QAAQ,SAASE,EAAKC,GAAO,OAAO9C,EAAG,MAAM,CAAC+C,IAAID,EAAM5C,YAAY,uBAAuB,CAAgB,YAAd2C,EAAKG,KAAoB,CAAChD,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,KAAK,CAACF,EAAI2B,GAAG3B,EAAI4B,GAAGmB,EAAKI,UAAUjD,EAAG,MAAM,CAACkD,SAAS,CAAC,UAAYpD,EAAI4B,GAAGmB,EAAKM,SAASnD,EAAG,KAAKF,EAAI8C,GAAIC,EAAKO,OAAO,SAASC,EAAKC,GAAQ,OAAOtD,EAAG,KAAK,CAAC+C,IAAIO,GAAQ,CAACtD,EAAG,IAAI,CAACY,MAAM,CAAC,KAAOyC,EAAKE,IAAI,OAAS,WAAW,CAACzD,EAAI2B,GAAG3B,EAAI4B,GAAG2B,EAAKJ,eAAc,MAAMnD,EAAI0B,KAAoB,SAAdqB,EAAKG,KAAiB,CAAChD,EAAG,MAAM,CAACE,YAAY,kBAAkBgD,SAAS,CAAC,UAAYpD,EAAI4B,GAAGmB,EAAKW,UAAU1D,EAAI0B,KAAoB,WAAdqB,EAAKG,MAAsBH,EAAKG,KAAiNlD,EAAI0B,KAA/M,CAACxB,EAAG,aAAa,CAACY,MAAM,CAAC,MAAQiC,EAAKY,SAAS5B,MAAM,CAACX,MAAOpB,EAAI4C,cAAcG,EAAK7B,MAAOc,SAAS,SAAUC,GAAMjC,EAAIkC,KAAKlC,EAAI4C,cAAeG,EAAK7B,KAAMe,IAAMX,WAAW,+BAAuD,WAAdyB,EAAKG,KAAmB,CAAChD,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,KAAK,CAACF,EAAI2B,GAAG3B,EAAI4B,GAAGmB,EAAKY,YAAYzD,EAAG,WAAW,CAACY,MAAM,CAAC,WAAY,EAAM,YAAa,EAAM,QAAUiC,EAAKa,SAAS7B,MAAM,CAACX,MAAOpB,EAAI4C,cAAcG,EAAK7B,MAAOc,SAAS,SAAUC,GAAMjC,EAAIkC,KAAKlC,EAAI4C,cAAeG,EAAK7B,KAAMe,IAAMX,WAAW,+BAA+B,IAAItB,EAAI0B,KAAoB,iBAAdqB,EAAKG,KAAyB,CAAChD,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,KAAK,CAACF,EAAI2B,GAAG3B,EAAI4B,GAAGmB,EAAKY,YAAYzD,EAAG,eAAe,CAACY,MAAM,CAAC,QAAUiC,EAAKa,SAAS7B,MAAM,CAACX,MAAOpB,EAAI4C,cAAcG,EAAK7B,MAAOc,SAAS,SAAUC,GAAMjC,EAAIkC,KAAKlC,EAAI4C,cAAeG,EAAK7B,KAAMe,IAAMX,WAAW,+BAA+B,IAAItB,EAAI0B,KAAoB,YAAdqB,EAAKG,KAAoB,CAAChD,EAAG,QAAQ,CAACE,YAAY,wBAAwB,CAACF,EAAG,QAAQ,CAACe,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOpB,EAAI4C,cAAcG,EAAK7B,MAAOI,WAAW,6BAA6BR,MAAM,CAAC,KAAO,YAAYsC,SAAS,CAAC,QAAUS,MAAMC,QAAQ9D,EAAI4C,cAAcG,EAAK7B,OAAOlB,EAAI+D,GAAG/D,EAAI4C,cAAcG,EAAK7B,MAAM,OAAO,EAAGlB,EAAI4C,cAAcG,EAAK7B,OAAQV,GAAG,CAAC,OAAS,SAASC,GAAQ,IAAIuD,EAAIhE,EAAI4C,cAAcG,EAAK7B,MAAM+C,EAAKxD,EAAOyD,OAAOC,IAAIF,EAAKG,QAAuB,GAAGP,MAAMC,QAAQE,GAAK,CAAC,IAAI/B,EAAI,KAAKoC,EAAIrE,EAAI+D,GAAGC,EAAI/B,GAAQgC,EAAKG,QAASC,EAAI,GAAIrE,EAAIkC,KAAKlC,EAAI4C,cAAeG,EAAK7B,KAAM8C,EAAIM,OAAO,CAACrC,KAAaoC,GAAK,GAAIrE,EAAIkC,KAAKlC,EAAI4C,cAAeG,EAAK7B,KAAM8C,EAAIO,MAAM,EAAEF,GAAKC,OAAON,EAAIO,MAAMF,EAAI,UAAYrE,EAAIkC,KAAKlC,EAAI4C,cAAeG,EAAK7B,KAAMiD,OAAUnE,EAAIwE,GAAG,GAAE,GAAMtE,EAAG,KAAK,CAACF,EAAI2B,GAAG3B,EAAI4B,GAAGmB,EAAKY,SAAS,KAAMZ,EAAK0B,KAAMvE,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,aAAa,CAACY,MAAM,CAAC,IAAMC,EAAQ,WAAiCb,EAAG,MAAM,CAACE,YAAY,WAAW,CAACJ,EAAI2B,GAAG3B,EAAI4B,GAAGmB,EAAK0B,UAAU,GAAGzE,EAAI0B,UAAU1B,EAAI0B,MAAM,OAA6E,GAAGxB,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,IAAI,CAACE,YAAY,eAAeI,GAAG,CAAC,MAAQR,EAAIW,aAAa,CAACX,EAAI2B,GAAG,YAAYzB,EAAG,IAAI,CAACE,YAAY,MAAMI,GAAG,CAAC,MAAQR,EAAI0E,WAAW,CAAC1E,EAAI2B,GAAG,sBAAsBzB,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,UAAU,CAACe,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOpB,EAAI2E,aAAcrD,WAAW,mBAAoBtB,EAAIO,eAAgB,CAACL,EAAG,KAAK,CAACE,YAAY,cAAcwE,YAAY,CAAC,OAAS,WAAW,CAAC5E,EAAI2B,GAAG,oBAAkC,IAAd3B,EAAI6E,MAAiB3E,EAAG,MAAM,CAACE,YAAY,kBAAkBgD,SAAS,CAAC,UAAYpD,EAAI4B,GAAG5B,EAAI6E,UAAU3E,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,IAAI,CAACF,EAAI2B,GAAG,qBAAqB3B,EAAI0B,MAAM,QAEl6LoD,EAAkB,CAAC,WAAY,IAAI9E,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,Y,oFCFhHH,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,gBAAgBJ,EAAI8C,GAAI9C,EAAI4D,SAAS,SAASmB,EAAOC,GAAU,OAAO9E,EAAG,MAAM,CAAC+C,IAAI+B,EAAS5E,YAAY,qBAAqB,CAACF,EAAG,QAAQ,CAACE,YAAY,wBAAwB,CAACF,EAAG,QAAQ,CAACe,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOpB,EAAIiF,WAAWF,GAASzD,WAAW,uBAAuBR,MAAM,CAAC,KAAO,YAAYsC,SAAS,CAAC,MAAQpD,EAAIiF,WAAWF,GAAQ,QAAUlB,MAAMC,QAAQ9D,EAAIiF,WAAWF,IAAS/E,EAAI+D,GAAG/D,EAAIiF,WAAWF,GAAQ/E,EAAIiF,WAAWF,KAAU,EAAG/E,EAAIiF,WAAWF,IAAUvE,GAAG,CAAC,OAAS,CAAC,SAASC,GAAQ,IAAIuD,EAAIhE,EAAIiF,WAAWF,GAAQd,EAAKxD,EAAOyD,OAAOC,IAAIF,EAAKG,QAAuB,GAAGP,MAAMC,QAAQE,GAAK,CAAC,IAAI/B,EAAIjC,EAAIiF,WAAWF,GAAQV,EAAIrE,EAAI+D,GAAGC,EAAI/B,GAAQgC,EAAKG,QAASC,EAAI,GAAIrE,EAAIkC,KAAKlC,EAAIiF,WAAYF,EAAQf,EAAIM,OAAO,CAACrC,KAAaoC,GAAK,GAAIrE,EAAIkC,KAAKlC,EAAIiF,WAAYF,EAAQf,EAAIO,MAAM,EAAEF,GAAKC,OAAON,EAAIO,MAAMF,EAAI,UAAYrE,EAAIkC,KAAKlC,EAAIiF,WAAYF,EAAQZ,IAAOnE,EAAIkF,SAAS,MAAQlF,EAAIkF,WAAWlF,EAAIwE,GAAG,GAAE,KAAQtE,EAAG,KAAK,CAACF,EAAI2B,GAAG3B,EAAI4B,GAAGmD,WAAe,IAEjjCD,EAAkB,CAAC,WAAY,IAAI9E,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,YCWrG,GACfgB,KAAMA,eACNiE,0BACAC,OACA,OACAH,4BAGAI,SACAH,UACA,sCAGAI,aC1BqW,I,YCOjWC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,oBC6HA,GACfrE,kBACAiC,iCACAqC,YAAAC,eAAAC,cAAAC,kBAAAC,eAAAC,eAAAC,uBAAA,QACAC,gBACAX,OACA,OACAT,gBACAtD,WACAd,kBACAyF,eACAC,6DACAC,kBACApE,KACAN,eAEAD,SACAC,eAEAqD,SACAhC,UACAD,mBAGAuD,UACAC,iBACA,4BAEAC,mBACA,gCAEAC,WACA,mCAEAC,UACA,4BAEAC,YACAC,MACA,mCAEAC,OACA,qCAGAC,eACA,qCAEAC,KACA,4CAGAvB,SACAwB,eACA,wDAEAC,cACA,0CAEAnG,aACA,mBAAAoG,gBAEA,iBACA,gBACA,8DAEA,gDAEA,gBACA,iCACA,kBACA,0CAEAC,yDAGA,cAGA,+BACA,2BAEA,wDAEA,eAEA,gGAEA,wFAEAC,4DAEA,qCAEA,mBACA,IACA,qBACA,gCACA,wDACA,UAJC,QAOD,wBAIAC,UACA,sCAEA,aACA,oBC7PmW,ICS/V,G,oBAAY,eACd,EACAnH,EACA+E,GACA,EACA,KACA,WACA,OAIa,e,6CCpBf,IAAI/E,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAAEJ,EAAIwB,WAAW2F,YAAajH,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACY,MAAM,CAAC,IAAM,yBAA2Bd,EAAIwB,WAAW2F,iBAAiBnH,EAAI0B,KAAKxB,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,KAAK,CAACF,EAAI2B,GAAG3B,EAAI4B,GAAG5B,EAAIwB,WAAWmC,SAAS,KAAKzD,EAAG,MAAM,CAACE,YAAY,WAAWI,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIoH,UAAU,CAAClH,EAAG,OAAO,CAACF,EAAI2B,GAAG,UAAUzB,EAAG,aAAa,CAACY,MAAM,CAAC,IAAMC,EAAQ,YAAkC,KAAKb,EAAG,IAAI,CAACF,EAAI2B,GAAG3B,EAAI4B,GAAG5B,EAAIwB,WAAWK,aAAe,WAAW3B,EAAG,QAAQ,CAACE,YAAY,wBAAwB,CAACF,EAAG,QAAQ,CAACY,MAAM,CAAC,KAAO,YAAYsC,SAAS,CAAC,QAAUpD,EAAIgB,QAAQR,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOT,EAAIqH,MAAM,oBAAoBrH,EAAIwE,GAAG,QAE3zBM,EAAkB,CAAC,WAAY,IAAI9E,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,YCqBrG,GACfgB,sBACAiE,sCACAE,SACA+B,OACAE,yFC5BuW,I,YCOnW/B,EAAY,eACd,EACAxF,EACA+E,GACA,EACA,KACA,KACA,MAIa,OAAAS,E,6CClBf,IAAIxF,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAAEJ,EAAI6C,QAAU7C,EAAI6C,OAAO0E,OAA8B,KAArBvH,EAAI6C,OAAO0E,MAAcrH,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,KAAK,CAACF,EAAI2B,GAAG,gBAAgB3B,EAAI4B,GAAG5B,EAAIwB,WAAWmC,YAAYzD,EAAG,MAAM,CAACE,YAAY,wCAAwC,CAACF,EAAG,IAAI,CAACF,EAAI2B,GAAG,cAAczB,EAAG,IAAI,CAACF,EAAI2B,GAAG,kBAAoB3B,EAAI2B,GAAG,uCAAuC3B,EAAI4B,GAAG5B,EAAIwB,WAAWmC,YAAY3D,EAAIwH,GAAG,eAAe,KAAKtH,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,KAAK,CAACF,EAAI2B,GAAG,cAAc3B,EAAI4B,GAAG5B,EAAIwB,WAAWmC,YAAYzD,EAAG,MAAM,CAACE,YAAY,wCAAwC,CAAwB,kBAAtBJ,EAAIwB,WAAWN,KAAwBhB,EAAG,IAAI,CAACF,EAAI2B,GAAG,cAAczB,EAAG,IAAI,CAACF,EAAI2B,GAAG,2BAA6B3B,EAAI2B,GAAG,wEAAwEzB,EAAG,IAAI,CAACF,EAAI2B,GAAG,cAAczB,EAAG,IAAI,CAACF,EAAI2B,GAAG,eAAiB3B,EAAI2B,GAAG,kDAAkD3B,EAAI4B,GAAG5B,EAAIwB,WAAWmC,YAAY3D,EAAIwH,GAAG,YAAY,KAAKxH,EAAIwE,GAAG,MAEjjCM,EAAkB,CAAC,WAAY,IAAI9E,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,IAAI,CAACF,EAAI2B,GAAG,qDAAqDzB,EAAG,IAAI,CAACY,MAAM,CAAC,KAAO,kCAAkC,OAAS,WAAW,CAACd,EAAI2B,GAAG,mBAAmB3B,EAAI2B,GAAG,+EC2B1O,GACfT,uBACAiE,+BC/BwW,I,wBCQpWI,EAAY,eACd,EACAxF,EACA+E,GACA,EACA,KACA,WACA,MAIa,OAAAS,E,oECnBf,W,oCCAA,W,kCCAA,IAAIxF,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,aAAa,CAACY,MAAM,CAAC,KAAO,SAAS,CAACZ,EAAG,MAAM,CAACE,YAAY,4CAA4CI,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAGA,EAAOyD,SAAWzD,EAAOgH,cAAqB,KAAYzH,EAAIW,WAAWC,MAAM,KAAMC,cAAc,CAACX,EAAG,MAAM,CAACE,YAAY,qBAAqBC,MAAM,CAACC,WAAYN,EAAI0H,QAAQ,CAACxH,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,IAAI,CAACE,YAAY,kBAAkBI,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBV,EAAIW,WAAWC,MAAM,KAAMC,cAAc,CAACX,EAAG,aAAa,CAACY,MAAM,CAAC,IAAMC,EAAQ,YAAoC,GAAGb,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,KAAK,CAACF,EAAI2B,GAAG3B,EAAI4B,GAAG5B,EAAImD,YAAanD,EAAI2H,SAAUzH,EAAG,OAAO,CAACE,YAAY,iBAAiBwE,YAAY,CAAC,OAAS,gBAAgB,CAAC5E,EAAI2B,GAAG3B,EAAI4B,GAAG5B,EAAI2H,aAAa3H,EAAI0B,KAAKxB,EAAG,MAAM,CAACE,YAAY,0CAA0C,CAACF,EAAG,UAAU,CAACe,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOpB,EAAIqB,QAASC,WAAW,cAActB,EAAIwH,GAAG,YAAY,GAAGtH,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACJ,EAAIwH,GAAG,YAAY,KAAKtH,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACJ,EAAIwH,GAAG,cAAc,UAE/oC1C,EAAkB,G,YCsCtB,GACA5D,oBACAiE,6CACAK,YAAAI,gBACAP,SACA1E,aACA,uBC9CsW,I,YCOlW4E,EAAY,eACd,EACAxF,EACA+E,GACA,EACA,KACA,KACA,MAIa,OAAAS,E,2CClBf","file":"js/chunk-5c7e5d9f.32a06f2c.js","sourcesContent":["import contentHeader from './content-header.vue'\nimport connectService from './connect-service.vue'\n\nexport default {\n    contentHeader,\n    connectService\n}","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup_wrpr app_settings_popup_wrpr active\"},[_c('div',{staticClass:\"app_settings_popup\",class:{right_open: _vm.showRightPanel}},[_c('div',{staticClass:\"popup_left_side\"},[_c('a',{staticClass:\"close_popup_btn\",on:{\"click\":function($event){$event.preventDefault();return _vm.closePopup.apply(null, arguments)}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/popup_close.svg')}})],1),_c('a',{staticClass:\"right_toggle\",class:{active: _vm.showRightPanel},on:{\"click\":function($event){$event.preventDefault();_vm.showRightPanel = !_vm.showRightPanel}}},[_c('svg',{attrs:{\"width\":\"10\",\"height\":\"10\",\"viewBox\":\"0 0 10 10\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M6.96124 8.03874L6.37208 8.6279L2.74416 4.99999L6.37208 1.37207L6.96124 1.96124L3.92249 4.99999L6.96124 8.03874Z\",\"fill\":\"#E4E6F1\"}})])]),_c('div',{staticClass:\"popup_side_content funnel-app-settings\"},[_c('Loading',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading),expression:\"loading\"}]}),_c('div',{staticClass:\"funnel_app_item margin-b-30\"},[_c('div',{staticClass:\"left\"},[(_vm.thisApp.attributes)?_c('div',{staticClass:\"img_wrpr\"},[(_vm.thisApp.attributes['image-url'])?_c('img',{attrs:{\"src\":_vm.thisApp.attributes['image-url']}}):_c('img',{attrs:{\"src\":'data:image/png;base64,' + _vm.thisApp.attributes.image,\"alt\":\"\"}})]):_vm._e(),_c('div',{staticClass:\"text_content\"},[_c('h3',[_vm._v(_vm._s(_vm.thisApp.attributes.name)+\" \"),_c('div',{staticClass:\"info_btn\",on:{\"click\":function($event){_vm.showRightPanel = !_vm.showRightPanel}}},[_c('span',[_vm._v(\"Help\")]),_c('inline-svg',{attrs:{\"src\":require('@/assets/img/info_icon.svg')}})],1)]),_c('p',[_vm._v(_vm._s(_vm.thisApp.attributes.description))])])]),_c('div',{staticClass:\"layout-column flex-center on-button\"},[_c('v-switch',{attrs:{\"no-label\":\"\",\"value\":_vm.app.attributes.active},model:{value:(_vm.app.attributes.active),callback:function ($$v) {_vm.$set(_vm.app.attributes, \"active\", $$v)},expression:\"app.attributes.active\"}}),(_vm.app.attributes.active)?_c('span',{staticClass:\"active\"},[_vm._v(\"ACTIVE\")]):_c('span',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({ arrow : true, showOnInit:true,distance:15,interactive:true,delay:1000,theme:\"red\",sticky: true,hideOnClick:false,placement:\"bottom\" }),expression:\"{ arrow : true, showOnInit:true,distance:15,interactive:true,delay:1000,theme:\\\"red\\\",sticky: true,hideOnClick:false,placement:\\\"bottom\\\" }\"}],staticClass:\"inactive\",attrs:{\"content\":\"App is inactive!\"}},[_vm._v(\"INACTIVE\")])],1)]),(_vm.newDataConfig && (typeof _vm.config === 'array' || typeof _vm.config === 'object'))?_vm._l((_vm.config),function(item,index){return _c('div',{key:index,staticClass:\"brdr_box_w_checkbox\"},[(item.type === 'helpbox')?[_c('div',{staticClass:\"right w100 helpbox\"},[_c('h3',[_vm._v(_vm._s(item.title))]),_c('div',{domProps:{\"innerHTML\":_vm._s(item.body)}}),_c('ul',_vm._l((item.links),function(link,linDex){return _c('li',{key:linDex},[_c('a',{attrs:{\"href\":link.url,\"target\":\"_blank\"}},[_vm._v(_vm._s(link.title))])])}),0)])]:_vm._e(),(item.type === 'note')?[_c('div',{staticClass:\"right w100 note\",domProps:{\"innerHTML\":_vm._s(item.html)}})]:_vm._e(),(item.type === 'string' || !item.type)?[_c('InputField',{attrs:{\"label\":item.caption},model:{value:(_vm.newDataConfig[item.name]),callback:function ($$v) {_vm.$set(_vm.newDataConfig, item.name, $$v)},expression:\"newDataConfig[item.name]\"}})]:_vm._e(),(item.type === 'select')?[_c('div',{staticClass:\"right w100\"},[_c('h3',[_vm._v(_vm._s(item.caption))]),_c('v-select',{attrs:{\"clearable\":false,\"searchable\":false,\"options\":item.options},model:{value:(_vm.newDataConfig[item.name]),callback:function ($$v) {_vm.$set(_vm.newDataConfig, item.name, $$v)},expression:\"newDataConfig[item.name]\"}})],1)]:_vm._e(),(item.type === 'multi-select')?[_c('div',{staticClass:\"right w100\"},[_c('h3',[_vm._v(_vm._s(item.caption))]),_c('multi-select',{attrs:{\"options\":item.options},model:{value:(_vm.newDataConfig[item.name]),callback:function ($$v) {_vm.$set(_vm.newDataConfig, item.name, $$v)},expression:\"newDataConfig[item.name]\"}})],1)]:_vm._e(),(item.type === 'boolean')?[_c('label',{staticClass:\"switch_checkbox_item\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newDataConfig[item.name]),expression:\"newDataConfig[item.name]\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.newDataConfig[item.name])?_vm._i(_vm.newDataConfig[item.name],null)>-1:(_vm.newDataConfig[item.name])},on:{\"change\":function($event){var $$a=_vm.newDataConfig[item.name],$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.newDataConfig, item.name, $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.newDataConfig, item.name, $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.newDataConfig, item.name, $$c)}}}}),_vm._m(0,true),_c('h3',[_vm._v(_vm._s(item.caption)+\" \"),(item.hint)?_c('div',{staticClass:\"info_btn\"},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/info_icon.svg')}}),_c('div',{staticClass:\"tooltip\"},[_vm._v(_vm._s(item.hint))])],1):_vm._e()])])]:_vm._e()],2)}):_c('p',{staticClass:\"settings-hide-msg\"},[_vm._v(\" No settings... \")])],2),_c('div',{staticClass:\"bottom_btns_wrpr\"},[_c('a',{staticClass:\"btn brdr_btn\",on:{\"click\":_vm.closePopup}},[_vm._v(\"Cancel\")]),_c('a',{staticClass:\"btn\",on:{\"click\":_vm.saveApps}},[_vm._v(\"Save changes\")])])]),_c('div',{staticClass:\"popup_right_side\"},[_c('Loading',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loadingHowTo),expression:\"loadingHowTo\"}]}),(_vm.showRightPanel)?[_c('h3',{staticClass:\"popup_title\",staticStyle:{\"margin\":\"0 20px\"}},[_vm._v(\"How it works?\")]),(_vm.howto !== false)?_c('div',{staticClass:\"right-side-html\",domProps:{\"innerHTML\":_vm._s(_vm.howto)}}):_c('div',{staticClass:\"right-side-html\"},[_c('p',[_vm._v(\"Coming soon!\")])])]:_vm._e()],2)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"switch_checkbox\"},[_c('span')])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"multi-select\"},_vm._l((_vm.options),function(option,optindex){return _c('div',{key:optindex,staticClass:\"right-check-inner\"},[_c('label',{staticClass:\"switch_checkbox_item\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.localValue[option]),expression:\"localValue[option]\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"value\":_vm.localValue[option],\"checked\":Array.isArray(_vm.localValue[option])?_vm._i(_vm.localValue[option],_vm.localValue[option])>-1:(_vm.localValue[option])},on:{\"change\":[function($event){var $$a=_vm.localValue[option],$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=_vm.localValue[option],$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.localValue, option, $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.localValue, option, $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.localValue, option, $$c)}},_vm.changed],\"input\":_vm.changed}}),_vm._m(0,true)]),_c('h3',[_vm._v(_vm._s(option))])])}),0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"switch_checkbox\"},[_c('span')])\n}]\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"multi-select\">\n\t\t<div class=\"right-check-inner\" v-for=\"(option, optindex) in options\" :key=\"optindex\">\n\t\t\t<label class=\"switch_checkbox_item\" >\n\t\t\t\t<input type=\"checkbox\" :value=\"localValue[option]\" v-model=\"localValue[option]\" @change=\"changed\" @input=\"changed\">\n\t\t\t\t<div class=\"switch_checkbox\"><span></span></div>\n\t\t\t</label>\n\t\t\t<h3>{{option}}</h3>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nexport default {\nname: \"multi-select\",\n\tprops: [\"options\", \"value\"],\n\tdata() {\n\t\treturn {\n\t\t\tlocalValue: this.value || {},\n\t\t}\n\t},\n\tmethods:{\n\t\tchanged() {\n\t\t\tthis.$emit(\"input\", this.localValue)\n\t\t}\n\t},\n\tmounted() {\n\t}\n}\n</script>\n\n<style scoped>\n\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./multi-select.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./multi-select.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./multi-select.vue?vue&type=template&id=4736867d&scoped=true&\"\nimport script from \"./multi-select.vue?vue&type=script&lang=js&\"\nexport * from \"./multi-select.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4736867d\",\n  null\n  \n)\n\nexport default component.exports","<template>\n<div class=\"popup_wrpr app_settings_popup_wrpr active\">\n    <div class=\"app_settings_popup\" :class=\"{right_open: showRightPanel}\">\n        <div class=\"popup_left_side\">\n\n            <a class=\"close_popup_btn\" @click.prevent=\"closePopup\">\n                <inline-svg :src=\"require('@/assets/img/popup_close.svg')\"/>\n            </a>\n\n            <a class=\"right_toggle\" :class=\"{active: showRightPanel}\" @click.prevent=\"showRightPanel = !showRightPanel\">\n                <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.96124 8.03874L6.37208 8.6279L2.74416 4.99999L6.37208 1.37207L6.96124 1.96124L3.92249 4.99999L6.96124 8.03874Z\" fill=\"#E4E6F1\"></path>\n                </svg>\n            </a>\n\n            <div class=\"popup_side_content funnel-app-settings\" >\n                <Loading v-show=\"loading\"/>\n<!--                <h3 class=\"popup_title\">App settings</h3>-->\n                <div class=\"funnel_app_item margin-b-30\">\n                    <div class=\"left\">\n                        <div class=\"img_wrpr\" v-if=\"thisApp.attributes\">\n\t                        <img v-if=\"thisApp.attributes['image-url']\" :src=\"thisApp.attributes['image-url']\">\n                          <img v-else :src=\"'data:image/png;base64,' + thisApp.attributes.image\" alt=\"\">\n                        </div>\n                        <div class=\"text_content\">\n                            <h3>{{thisApp.attributes.name}}\n                                <div class=\"info_btn\" @click=\"showRightPanel = !showRightPanel\">\n                                  <span>Help</span>\n                                    <inline-svg :src=\"require('@/assets/img/info_icon.svg')\"/>\n                                </div>\n                            </h3>\n                            <p>{{thisApp.attributes.description}}</p>\n                        </div>\n                    </div>\n\t                <div class=\"layout-column flex-center on-button\">\n\t\t                <v-switch no-label v-model=\"app.attributes.active\" :value=\"app.attributes.active\" />\n\t\t                <span v-if=\"app.attributes.active\" class=\"active\">ACTIVE</span>\n\t\t                <span v-else class=\"inactive\" content=\"App is inactive!\"\n\t\t                      v-tippy='{ arrow : true, showOnInit:true,distance:15,interactive:true,delay:1000,theme:\"red\",sticky: true,hideOnClick:false,placement:\"bottom\" }'>INACTIVE</span>\n\t                </div>\n                </div>\n\n                <template v-if=\"newDataConfig && (typeof config === 'array' || typeof config === 'object')\">\n                    <div class=\"brdr_box_w_checkbox\" v-for=\"(item, index) in config\" :key=\"index\">\n\n                        <template v-if=\"item.type === 'helpbox'\">\n                            <div class=\"right w100 helpbox\">\n                                <h3>{{ item.title }}</h3>\n                                <div v-html=\"item.body\"></div>\n                                <ul>\n                                    <li v-for=\"(link, linDex) in item.links\" :key=\"linDex\">\n                                        <a :href=\"link.url\" target=\"_blank\">{{ link.title }}</a>\n                                    </li>\n                                </ul>\n                            </div>\n                        </template>\n\n                        <template v-if=\"item.type === 'note'\">\n                            <div v-html=\"item.html\" class=\"right w100 note\"></div>\n                        </template>\n\n                        <template v-if=\"item.type === 'string' || !item.type\">\n                          <InputField :label=\"item.caption\" v-model=\"newDataConfig[item.name]\" ></InputField>\n<!--                            <div class=\"right w100 form-group with-copy-icon mb-0 with_top_block\">-->\n<!--                                <span class=\"form_group_top_block\">{{item.caption}}</span>-->\n<!--                                <input type=\"text\" class=\"control-input\" v-model=\"newDataConfig[item.name]\">-->\n<!--                            </div>-->\n                        </template>\n\n                        <template  v-if=\"item.type === 'select'\">\n                            <div class=\"right w100\">\n                                <h3>{{item.caption}}</h3>\n\t                            <v-select v-model=\"newDataConfig[item.name]\" :clearable=\"false\" :searchable=\"false\" :options=\"item.options\" />\n                            </div>\n                        </template>\n\n                        <template v-if=\"item.type === 'multi-select'\">\n                            <div class=\"right w100\">\n                                <h3>{{item.caption}}</h3>\n\t                            <multi-select :options=\"item.options\" v-model=\"newDataConfig[item.name]\" />\n<!--                                <div class=\"right-check-inner\" v-for=\"(option, optindex) in item.options\" :key=\"optindex\">-->\n<!--                                    <label class=\"switch_checkbox_item\" >-->\n<!--                                        <input type=\"checkbox\" v-model=\"newDataConfig[item.name][option]\">-->\n<!--                                        <div class=\"switch_checkbox\"><span></span></div>-->\n<!--                                    </label>-->\n<!--                                    <h3>{{option}}</h3>-->\n<!--                                </div>-->\n                            </div>\n                        </template>\n\n                        <template v-if=\"item.type === 'boolean'\">\n                            <label class=\"switch_checkbox_item\">\n                                <input type=\"checkbox\" v-model=\"newDataConfig[item.name]\">\n                                <div class=\"switch_checkbox\"><span></span></div>\n                              <h3>{{item.caption}}\n                                <div class=\"info_btn\" v-if=\"item.hint\">\n                                  <inline-svg :src=\"require('@/assets/img/info_icon.svg')\"/>\n                                  <div class=\"tooltip\">{{item.hint}}</div>\n                                </div>\n                              </h3>\n                            </label>\n                        </template>\n\n                    </div>\n                </template>\n\n                <p class=\"settings-hide-msg\" v-else>\n\t                No settings...\n<!--                    No settings for this app (at the account )...-->\n<!--                    You can check account wide settings...-->\n                </p>\n\n            </div>\n\n            <div class=\"bottom_btns_wrpr\">\n                <a @click=\"closePopup\" class=\"btn brdr_btn\">Cancel</a>\n                <a @click=\"saveApps\" class=\"btn\">Save changes</a>\n            </div>\n        </div>\n        <div class=\"popup_right_side\">\n            <Loading v-show=\"loadingHowTo\"/>\n            <template v-if=\"showRightPanel\">\n                <h3 class=\"popup_title\" style=\"margin: 0 20px\">How it works?</h3>\n                <div v-if=\"howto !== false\" v-html=\"howto\" class=\"right-side-html\"></div>\n                <div v-else class=\"right-side-html\">\n                    <p>Coming soon!</p>\n                </div>\n            </template>\n        </div>\n    </div>\n</div>\n</template>\n\n<script>\nimport Loading from \"@/components/Loading.vue\"\nimport API from \"@/api\"\nimport InputField from \"@/components/base/input-field\";\nimport VButton from \"@/components/base/v-button\";\nimport DetailsPopup from \"@/components/base/details-popup\";\nimport detailsParts from \"@/components/popup-details-parts/\"\nimport MultiSelect from \"@/views/apps/multi-select\";\nimport VSwitch from \"@/components/base/v-switch\";\n\nexport default {\n    name: \"AppDetails\",\n\ttitle: \"App Details | Funnelish™\",\n    components: {VSwitch, MultiSelect, InputField, Loading, VButton, DetailsPopup, ...detailsParts },\n    mixins: [API],\n    data() {\n        return {\n            loadingHowTo: false,\n            loading: true,\n            showRightPanel: false,\n            selectValue: '',\n            selectOptions: [\"United States\", \"Canada\", \"Ukraine\", \"Germany\"],\n            settingsToggle: true,\n            app: {\n                attributes: {},\n            },\n            thisApp: {\n                attributes: {}\n            },\n            howto: {},\n            config: [],\n            newDataConfig: {},\n        }\n    },\n    computed: {\n        attributesData() {\n            return this.app.attributes;\n        },\n        attributesSchema() {\n            return this.thisApp.attributes;\n        },\n        isActive() {\n            return this.attributesData.active;\n        },\n        isPanel() {\n            return this.showRightPanel;\n        },\n        configData: {\n            get() {\n                return this.attributesData.config\n            },\n            set(val) {\n                this.newDataConfig[val.name] = val.value;\n            }\n        },\n        configSchema() {\n            return this.attributesSchema.config;\n        },\n        id() {\n            return this.app.id || this.$route.params.id;\n        }\n    },\n    methods: {\n        toggleActive() {\n            this.app.attributes.active = !this.app.attributes.active;\n        },\n        togglePanel() {\n            this.showRightPanel = !this.showRightPanel;\n        },\n        closePopup() {\n            this.$router.push({path: '/apps'});\n        },\n        async saveApps() {\n            this.loading = true;\n            this.app.attributes.config = JSON.stringify(this.newDataConfig);\n\n\t\t\tvar result = await this.patchUserApp(this.id, this.app);\n\n            if (result.status === 200) {\n                this.$emit('update', result.data.data);\n                this.closePopup();\n                this.$store.commit(\"closeSettingsPopup\");\n            } else {\n                alert('Something went wrong... Please try again later');\n            }\n        },\n        async init(id) {\n            //this.$store.commit(\"showSettingsPopup\");\n\n            var appRes = await this.getUserApp(id);\n            this.app = await appRes.data.data;\n\n            var included = await appRes.data.included.find(item => parseInt(item.id) === id);\n\n            this.thisApp = included;\n\n            this.config = this.thisApp.attributes.config.length ? JSON.parse(this.thisApp.attributes.config) : [];\n\n            this.newDataConfig = this.app.attributes.config ? JSON.parse(this.app.attributes.config) : {}\n\n\t        document.title = this.thisApp.attributes.name + \" | Funnelish™\";\n\n            this.$nextTick(()=>this.loading = false);\n        },\n        async loadHowTo(id) {\n            try {\n                this.loadingHowTo = true;\n                let res = await this.getAppHowto(id)\n                this.howto = res.data ? await res.data.data.attributes.howto : false\n            } catch (e) {\n                // TODO:\n            } finally {\n                this.loadingHowTo = false;\n            }\n        }\n    },\n    created() {\n        var id = parseInt(this.$route.params.id);\n\n        this.init(id);\n        this.loadHowTo(id);\n    }\n}\n</script>\n<style lang=\"scss\" scoped>\n.on-button {\n\t.active {\n\t\tcolor: $dark-grey;\n\t}\n\t.inactive {\n\t\tcolor: red;\n\t}\n}\n</style>\n<style lang=\"scss\">\n.right-side-html {\n    position: relative;\n    overflow: auto;\n    height: 100%;\n    padding: 15px 15px;\n}\n.helpbox {\n    background: #f6f9fe;\n    border-radius: 8px;\n    padding: 15px;\n}\n.form-group.mb-0 {\n    margin-bottom: 0;\n}\n.right.w100 {\n    width: 100%;\n}\n\n.info_btn {\n    position: relative;\n}\n.info_btn .tooltip {\n    position: absolute;\n    width: 360px;\n    background-color: #fff;\n    padding: 5px;\n    text-align: center;\n    font-size: 12px;\n    border: 1px solid #E4E6F1;\n    border-radius: 3px;\n    color: #636a7b;\n    opacity: 0;\n    visibility: hidden;\n    transition: 0.3s;\n    bottom: calc(100% + 10px);\n    right: 0;\n    left: auto;\n    transform: none;\n}\n.info_btn:hover .tooltip {\n    opacity: 1;\n    visibility: visible;\n}\n.app_settings_popup .popup_right_side .right-side-html p {\n    margin-top: 0;\n    margin-bottom: 15px;\n}\n.app_settings_popup .popup_right_side .right-side-html p + p {\n    background: #EBEFF6!important;\n    border-radius: 4px!important;\n    border: none!important;\n    padding: 3px 7px!important;\n}\n.right-side-html iframe {\n    width: 100%;\n    height: 200px;\n    border: 5px solid #EBEFF6;\n    border-radius: 12px;\n    overflow: hidden;\n}\n.right-side-html img {\n    display: block;\n    max-width: 100%;\n    height: auto;\n}\n.right-side-html a {\n    color: #4368e0;\n}\n.right-side-html h5 {\n    margin-top: 40px;\n    margin-bottom: 15px;\n    font-weight: bold;\n    font-size: 16px;\n    line-height: 150%;\n    letter-spacing: 0.02em;\n    color: #252A32;\n}\n.right-side-html ul li {\n    padding-left: 18px;\n    position: relative;\n    margin-bottom: 15px;\n}\n.right-side-html ul li:before {\n    content: '';\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    left: 0px;\n    top: 4px;\n    background: #D5E5FF;\n    border-radius: 100%;\n}\n.right-side-html ol {\n   padding-left: 18px;\n}\n.right-side-html ol li {\n    margin-bottom: 15px;\n}\n.right-check-inner {\n    display: flex;\n    margin-top: 15px;\n}\n.brdr_box_w_checkbox:empty {\n    display: none;\n}\n/* .funnel-app-settings {\n    overflow: visible\n} */\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppDetails.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppDetails.vue?vue&type=template&id=590d9734&scoped=true&\"\nimport script from \"./AppDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./AppDetails.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppDetails.vue?vue&type=style&index=0&id=590d9734&prod&lang=scss&scoped=true&\"\nimport style1 from \"./AppDetails.vue?vue&type=style&index=1&id=590d9734&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"590d9734\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"funnel_app_item\"},[_c('div',{staticClass:\"left\"},[(_vm.attributes.small_image)?_c('div',{staticClass:\"img_wrpr\"},[_c('img',{attrs:{\"src\":'data:image/png;base64,' + _vm.attributes.small_image}})]):_vm._e(),_c('div',{staticClass:\"text_content\"},[_c('h3',[_vm._v(_vm._s(_vm.attributes.caption)+\" \"),_c('div',{staticClass:\"info_btn\",on:{\"click\":function($event){return _vm.open()}}},[_c('span',[_vm._v(\"Help\")]),_c('inline-svg',{attrs:{\"src\":require('@/assets/img/info_icon.svg')}})],1)]),_c('p',[_vm._v(_vm._s(_vm.attributes.description || ''))])])]),_c('label',{staticClass:\"switch_checkbox_item\"},[_c('input',{attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":_vm.active},on:{\"change\":function($event){return _vm.$emit('toggleActive')}}}),_vm._m(0)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"switch_checkbox\"},[_c('span')])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"funnel_app_item\">\n        <div class=\"left\">\n            <div class=\"img_wrpr\" v-if=\"attributes.small_image\">\n                <img :src=\"'data:image/png;base64,' + attributes.small_image\">\n            </div>\n            <div class=\"text_content\">\n                <h3>{{attributes.caption}}\n                    <div class=\"info_btn\" @click=\"open()\">\n\t                    <span>Help</span>\n\t                    <inline-svg :src=\"require('@/assets/img/info_icon.svg')\"/>\n                    </div>\n                </h3>\n                <p>{{attributes.description || ''}}</p>\n            </div>\n        </div>\n        <label class=\"switch_checkbox_item\">\n            <input type=\"checkbox\" :checked=\"active\" @change=\"$emit('toggleActive')\">\n            <div class=\"switch_checkbox\"><span></span></div>\n        </label>\n    </div>\n</template>\n<script>\nexport default {\n    name: 'content-header',\n    props: ['active', 'attributes', 'panel'],\n\tmethods:{\n    \topen(){\n    \t\twindow.open(`https://docs.funnelish.com/integrations/${this.attributes.name}`, \"_blank\")\n\t    }\n\t}\n}\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./content-header.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./content-header.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./content-header.vue?vue&type=template&id=7ce0fe7d&\"\nimport script from \"./content-header.vue?vue&type=script&lang=js&\"\nexport * from \"./content-header.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"connect-service\"},[(_vm.config && _vm.config.token && _vm.config.token !== '')?_c('div',{staticClass:\"connect_to_stripe_box w100\"},[_c('h3',[_vm._v(\"Connected to \"+_vm._s(_vm.attributes.caption))]),_c('div',{staticClass:\"connect_to_stripe_box_innner connect\"},[_c('p',[_vm._v(\"Click the \"),_c('b',[_vm._v(\"\\\"Disconnect\\\"\")]),_vm._v(\" button below to restrict access to \"+_vm._s(_vm.attributes.caption))]),_vm._t(\"disconnect\")],2)]):_c('div',{staticClass:\"connect_to_stripe_box w100\"},[_c('h3',[_vm._v(\"Connect to \"+_vm._s(_vm.attributes.caption))]),_c('div',{staticClass:\"connect_to_stripe_box_innner connect\"},[(_vm.attributes.name==='google_sheets')?_c('p',[_vm._v(\"Click the \"),_c('b',[_vm._v(\"\\\"Sign in with Google\\\"\")]),_vm._v(\" button below to authorize Funnelish to access your google sheets.\")]):_c('p',[_vm._v(\"Click the \"),_c('b',[_vm._v(\"\\\"Connect\\\"\")]),_vm._v(\" button below to authorize Funnelish to access \"+_vm._s(_vm.attributes.caption))]),_vm._t(\"connect\")],2)]),_vm._m(0)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"Feel free to contact us or start a new thread in \"),_c('a',{attrs:{\"href\":\"https://community.funnelish.com\",\"target\":\"_blank\"}},[_vm._v(\"the community\")]),_vm._v(\" if you have any questions about setting up or using this integration. \")])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"connect-service\">\n        <div class=\"connect_to_stripe_box w100\" v-if=\"config && config.token && config.token !== ''\">\n            <h3>Connected to {{attributes.caption}}</h3>\n            <div class=\"connect_to_stripe_box_innner connect\">\n                <p>Click the <b>\"Disconnect\"</b> button below to restrict access to {{attributes.caption}}</p>\n                <slot name=\"disconnect\"></slot>\n            </div>\n        </div>\n\n        <div class=\"connect_to_stripe_box w100\" v-else>\n            <h3>Connect to {{attributes.caption}}</h3>\n            <div class=\"connect_to_stripe_box_innner connect\">\n\n\t            <p v-if=\"attributes.name==='google_sheets'\">Click the <b>\"Sign in with Google\"</b> button below to authorize Funnelish to access your google sheets.</p>\n\t            <p v-else>Click the <b>\"Connect\"</b> button below to authorize Funnelish to access {{attributes.caption}}</p>\n\n              <slot name=\"connect\"></slot>\n            </div>\n        </div>\n\n        <p>Feel free to contact us or start a new thread in\n            <a href=\"https://community.funnelish.com\" target=\"_blank\">the community</a>\n            if you have any questions about setting up or using this integration.\n        </p>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'connect-service',\n    props: ['attributes', 'config'],\n}\n</script>\n<style lang=\"scss\" scoped>\n.connect-service {\n\tmargin-top: 15px;\n\tmargin-bottom: 15px;\n\tpadding: 15px;\n\tborder-radius: 10px;\n\tbackground: $light-blue;\n\th3 {\n\t\tfont-weight: 600;\n\t\tfont-size: 14px;\n\t\tcolor: #57585D;\n\t}\n\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./connect-service.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./connect-service.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./connect-service.vue?vue&type=template&id=03b81392&scoped=true&\"\nimport script from \"./connect-service.vue?vue&type=script&lang=js&\"\nexport * from \"./connect-service.vue?vue&type=script&lang=js&\"\nimport style0 from \"./connect-service.vue?vue&type=style&index=0&id=03b81392&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"03b81392\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppDetails.vue?vue&type=style&index=1&id=590d9734&prod&lang=scss&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppDetails.vue?vue&type=style&index=0&id=590d9734&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('transition',{attrs:{\"name\":\"fade\"}},[_c('div',{staticClass:\"popup_wrpr app_settings_popup_wrpr active\",on:{\"click\":function($event){if($event.target !== $event.currentTarget)return null;return _vm.closePopup.apply(null, arguments)}}},[_c('div',{staticClass:\"app_settings_popup\",class:{right_open: _vm.panel}},[_c('div',{staticClass:\"popup_left_side\"},[_c('a',{staticClass:\"close_popup_btn\",on:{\"click\":function($event){$event.preventDefault();return _vm.closePopup.apply(null, arguments)}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/popup_close.svg')}})],1),_c('div',{staticClass:\"popup_header\"},[_c('h3',[_vm._v(_vm._s(_vm.title))])]),(_vm.subtitle)?_c('span',{staticClass:\"popup_subtitle\",staticStyle:{\"margin\":\"0 15px 20px\"}},[_vm._v(_vm._s(_vm.subtitle))]):_vm._e(),_c('div',{staticClass:\"popup_side_content funnel-app-settings\"},[_c('Loading',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading),expression:\"loading\"}]}),_vm._t(\"content\")],2),_c('div',{staticClass:\"bottom_btns_wrpr\"},[_vm._t(\"actions\")],2)]),_c('div',{staticClass:\"popup_right_side\"},[_vm._t(\"rightSide\")],2)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <transition name=\"fade\">\n        <div class=\"popup_wrpr app_settings_popup_wrpr active\" @click.self=\"closePopup\">\n            <div class=\"app_settings_popup\" :class=\"{right_open: panel}\">\n                <div class=\"popup_left_side\">\n                    <a class=\"close_popup_btn\" @click.prevent=\"closePopup\">\n\t                    <inline-svg :src=\"require('@/assets/img/popup_close.svg')\"/>\n                    </a>\n\n<!--                    <a class=\"right_toggle\" :class=\"{active: panel}\" @click.prevent=\"$emit('togglePanel')\">-->\n<!--\t                    <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">-->\n<!--\t\t                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.96124 8.03874L6.37208 8.6279L2.74416 4.99999L6.37208 1.37207L6.96124 1.96124L3.92249 4.99999L6.96124 8.03874Z\" fill=\"#E4E6F1\"></path>-->\n<!--\t                    </svg>-->\n<!--                    </a>-->\n\n                    <div class=\"popup_header\">\n                        <h3>{{title}}</h3>\n                    </div>\n                    <span v-if=\"subtitle\" class=\"popup_subtitle\" style=\"margin: 0 15px 20px;\">{{subtitle}}</span>\n\n                    <div class=\"popup_side_content funnel-app-settings\">\n                        <Loading v-show=\"loading\"/>\n                        <slot name=\"content\"></slot>\n                    </div>\n\n                    <div class=\"bottom_btns_wrpr\">\n                        <slot name=\"actions\"></slot>\n                    </div>\n                </div>\n\n                <div class=\"popup_right_side\">\n                    <slot name=\"rightSide\"></slot>\n                </div>\n            </div>\n        </div>\n    </transition>\n</template>\n\n<script>\n    import Loading from \"@/components/Loading.vue\"\n    export default {\n        name: \"DetailsPopup\",\n        props:['title', 'subtitle', 'loading', 'panel'],\n        components: { Loading },\n        methods: {\n            closePopup() {\n                this.$emit(\"close\");\n            },\n        }\n    }\n</script>\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./details-popup.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./details-popup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./details-popup.vue?vue&type=template&id=f356da16&\"\nimport script from \"./details-popup.vue?vue&type=script&lang=js&\"\nexport * from \"./details-popup.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./connect-service.vue?vue&type=style&index=0&id=03b81392&prod&lang=scss&scoped=true&\""],"sourceRoot":""}