https://hype.news/js/dashboard-Dashboard-vue.6f9bf72f.js

1"use strict";(self["webpackChunk_hypefactors_hypenews"]=self["webpackChunk_hypefactors_hypenews"]||[]).push([[993],{29733(t,e,s){s.r(e),s.d(e,{default:()=>q});var a=function(){var t=this,e=t._self._c;return e("div",{staticClass:"min-h-screen bg-bg",attrs:{id:"Dashboard"}},[t.hydrated?e("div",{staticClass:"mx-auto max-w-screen-xl px-4 py-8"},[e("div",{staticClass:"grid grid-cols-1 gap-8 md:grid-cols-[272px_1fr] md:items-start"},[e("aside",{staticClass:"order-2 md:order-1"},[e("dashboard-sidebar")],1),e("div",{staticClass:"order-1 md:order-2"},[e("div",{staticClass:"flex items-center justify-between gap-4"},[e("dashboard-navigation"),e("button",{staticClass:"flex h-9 w-9 shrink-0 cursor-pointer items-center justify-center rounded-full border border-solid border-outline bg-white text-muted transition-colors hover:border-ink hover:text-ink",attrs:{type:"button",title:t.$t("components.dashboard_sidebar.settings"),"aria-label":t.$t("components.dashboard_sidebar.settings"),"data-testid":"EditProfileButton"},on:{click:function(e){return t.toggleSettingsModal(!0)}}},[e("svg",{attrs:{width:"17",height:"17",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}},[e("path",{attrs:{d:"M12 20h9"}}),e("path",{attrs:{d:"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4 12.5-12.5z"}})])])],1),e("div",{staticClass:"h-px bg-line"}),e("transition",{attrs:{name:"fade",mode:"out-in"}},[e("router-view",{staticClass:"mt-6"})],1)],1)])]):t._e(),t.dashboardSettingsModalVisible?e("DashboardSettingsModal"):t._e(),t.dashboardInterestsModalVisible?e("DashboardInterestsModal"):t._e()],1)},o=[],r=s(7180),n=(s(26099),s(47764),s(62953),s(95353)),i=(s(62010),function(){var t=this,e=t._self._c;return e("ul",{staticClass:"flex items-center gap-7 overflow-x-auto"},t._l(t.navigationItems,function(s){return e("li",{key:s.name},[e("router-link",{staticClass:"nav-tab",attrs:{to:s.to,"active-class":"is-active"}},[t._v(" "+t._s(t.$t(s.name))+" ")])],1)}),0)}),d=[];const l={name:"DashboardNavigation",data:function(){return{navigationItems:[{to:{name:"dashboard.suggested_stories"},name:"components.dashboard_navigation.suggested_stories"},{to:{name:"dashboard.suggested_newsrooms"},name:"components.dashboard_navigation.suggested_companies"}]}}},c=l;var u=s(81656),h=(0,u.A)(c,i,d,!1,null,"508e2b54",null);const b=h.exports;var p=function(){var t=this,e=t._self._c;return e("div",{staticClass:"flex flex-col gap-8"},[e("section",{attrs:{id:"dashboardInterests"}},[e("h3",{staticClass:"font-display text-sm font-bold uppercase tracking-wider text-ink"},[t._v(" "+t._s(t.$t("components.dashboard_sidebar.interests"))+" ")]),e("p",{staticClass:"mt-1 text-base leading-snug text-muted"},[t._v(" "+t._s(t.$t("components.dashboard_sidebar.interests_hint"))+" ")]),t.user.interests.length?e("div",{staticClass:"mt-3 flex flex-wrap gap-2"},[t._l(t.user.interests,function(s){return e("button",{key:s.id,staticClass:"cursor-pointer rounded-full border-none bg-ink px-4 py-2 text-sm font-semibold text-white transition-opacity hover:opacity-80 disabled:cursor-not-allowed disabled:opacity-60",attrs:{disabled:t.isUpdatingInterests,type:"button",title:t.$t("forms.remove")},on:{click:function(e){return t.removeInterest(s)}}},[t._v(" "+t._s(t.$t("categories."+s.id))+" ")])}),e("button",{staticClass:"cursor-pointer rounded-full border border-solid border-outline bg-white px-4 py-2 text-sm font-semibold text-muted transition-colors hover:border-ink hover:text-ink",attrs:{type:"button"},on:{click:function(e){return t.toggleInterestsModal(!0)}}},[t._v(" + "+t._s(t.$t("components.dashboard_sidebar.add_interests"))+" ")])],2):e("div",{staticClass:"mt-3"},[e("button",{staticClass:"cursor-pointer rounded-full border border-solid border-outline bg-white px-4 py-2 text-sm font-semibold text-ink transition-colors hover:border-ink",attrs:{type:"button"},on:{click:function(e){return t.toggleInterestsModal(!0)}}},[t._v(" + "+t._s(t.$t("components.dashboard_sidebar.add_interests"))+" ")])])]),e("section",{attrs:{id:"dashboardFollowing"}},[e("dashboard-sidebar-followings")],1)])},f=[],g=(s(2008),s(62062),s(18111),s(22489),s(61701),function(){var t=this,e=t._self._c;return e("div",[e("h3",{staticClass:"font-display text-sm font-bold uppercase tracking-wider text-ink"},[t._v(" "+t._s(t.$t("components.dashboard_sidebar.following"))+" ")]),e("p",{staticClass:"mt-1 text-base leading-snug text-muted"},[t._v(" "+t._s(t.$t("components.dashboard_sidebar.following_hint"))+" ")]),t.user.followed_newsrooms.length?e("ul",{directives:[{name:"loading",rawName:"v-loading",value:t.isLoading,expression:"isLoading"}],staticClass:"mt-3 flex flex-col gap-1"},t._l(t.user.followed_newsrooms,function(s){return e("li",{key:s.id,staticClass:"flex items-center gap-3 rounded-lg px-2 py-1.5 hover:bg-row-hover"},[e("round-avatar",{attrs:{"main-color":s.main_color,src:s.logo.cropped,"acronym-fallback":s.name,size:"small"}}),e("span",{staticClass:"min-w-0 flex-1 truncate font-display text-sm font-semibold text-ink"},[t._v(" "+t._s(s.name)+" ")]),e("button",{staticClass:"relative h-5 w-9 shrink-0 cursor-pointer rounded-full border-none bg-ink transition-colors hover:opacity-80",attrs:{type:"button",role:"switch","aria-checked":"true",title:t.$t("components.dashboard_sidebar.unfollow"),"aria-label":t.$t("components.dashboard_sidebar.unfollow")},on:{click:function(e){return t.unfollow(s)}}},[e("span",{staticClass:"absolute right-0.5 top-0.5 h-4 w-4 roun

1ded-full bg-white"})])],1)}),0):e("p",{staticClass:"mt-3 text-base leading-snug text-muted-soft"},[t._v(" "+t._s(t.$t("components.dashboard_sidebar.to_follow_company"))+" ")])])}),m=[],_=s(9217),v=s(24634);const x={data:function(){return{isLoading:!1}},computed:(0,r.A)({},(0,n.L8)({user:"dashboardUser"})),methods:(0,r.A)((0,r.A)({},(0,n.i0)(["fetchCurrentUser","fetchDashboardUser"])),{},{unfollow:function(t){var e=this;return(0,v.A)((0,_.A)().m(function s(){var a;return(0,_.A)().w(function(s){while(1)switch(s.p=s.n){case 0:return s.p=0,s.n=1,e.$confirm(e.$t("components.dashboard_sidebar.confirm_unfollow",{name:t.name}));case 1:return e.isLoading=!0,s.n=2,e.$api.post("newsrooms/".concat(t.id,"/unfollow"));case 2:return s.n=3,Promise.all([e.fetchCurrentUser(),e.fetchDashboardUser()]);case 3:e.isLoading=!1,s.n=6;break;case 4:if(s.p=4,a=s.v,e.isLoading=!1,"cancel"!==a&&"close"!==a){s.n=5;break}return s.a(2);case 5:e.$displayRequestError(a);case 6:return s.a(2)}},s,null,[[0,4]])}))()}})},w=x;var k=(0,u.A)(w,g,m,!1,null,null,null);const y=k.exports,C={name:"DashboardSidebar",components:{DashboardSidebarFollowings:y},data:function(){return{isUpdatingInterests:!1}},computed:(0,r.A)({},(0,n.L8)({user:"dashboardUser"})),methods:(0,r.A)((0,r.A)({},(0,n.i0)({toggleInterestsModal:"toggleDashboardInterestsModal",updateDashboardUserRequest:"updateDashboardUserRequest"})),{},{removeInterest:function(t){var e=this;if(!this.isUpdatingInterests){this.isUpdatingInterests=!0;var s={interests:this.user.interests.filter(function(e){return e.id!==t.id}).map(function(t){return t.id})};this.updateDashboardUserRequest(s)["catch"](function(t){e.$displayRequestError(t,e.$t("errors.user_interests_could_not_updated"))})["finally"](function(){e.isUpdatingInterests=!1})}}})},I=C;var D=(0,u.A)(I,p,f,!1,null,null,null);const M=D.exports;var $=function(){return s.e(8705).then(s.bind(s,80103))},U=function(){return Promise.all([s.e(915),s.e(5156),s.e(437)]).then(s.bind(s,85518))};const A={components:{DashboardNavigation:b,DashboardSidebar:M,DashboardSettingsModal:U,DashboardInterestsModal:$},data:function(){return{hydrated:!1,isLoading:!1}},computed:(0,r.A)({},(0,n.L8)(["dashboardInterestsModalVisible","dashboardSettingsModalVisible","dashboardUserHasInterests"])),mounted:function(){var t=this;this.appLoading(!0),this.fetchUser().then(function(){t.appLoading(!1),t.openInterestsModalIfNoInterests()})},methods:(0,r.A)((0,r.A)({},(0,n.i0)(["toggleDashboardInterestsModal","toggleDashboardSettingsModal","fetchDashboardUser"])),{},{toggleSettingsModal:function(t){this.toggleDashboardSettingsModal(t)},fetchUser:function(){var t=this;return this.isLoading=!0,this.fetchDashboardUser().then(function(e){t.hydrated=!0})["catch"](function(e){t.isLoading=!1,t.$displayRequestError(e,t.$t("errors.user_data_could_not_be_fetched"))})},openInterestsModalIfNoInterests:function(){this.dashboardUserHasInterests||this.toggleDashboardInterestsModal()}})},L=A;var S=(0,u.A)(L,a,o,!1,null,null,null);const q=S.exports}}]);
2//# sourceMappingURL=dashboard-Dashboard-vue.6f9bf72f.js.map