https://badgr.com/1177.e682c3b037909ee6.js

1"use strict";(self.webpackChunkbadgr_pro_ui=self.webpackChunkbadgr_pro_ui||[]).push([[1177],{41177(J,m,a){a.d(m,{BackpackPage:()=>V});var t=a(99619),b=a(26546),i=a(91395),B=a(58950),f=a(74389),T=a(74617),h=a(90025),I=a(35743),j=a(55097),x=a(64495),S=a(89481),v=a(91541),A=a(862),C=a(12744),L=a(65270),P=a(8346);function y(){const{backpackBadgesTab:{badgeAwards:s,isLoading:d,isLTISession:n,importStatus:c},dispatchDeleteBadge:o,dispatchImportBadge:l,resetImportStatus:g}=(0,S.W)(),{small:e}=(0,j.Qs)(),{t:r}=(0,b.Bd)(),[z,k]=(0,i.useState)(!1);return d?(0,t.jsx)(v.LK,{isLoading:d}):0===s.length?(0,t.jsxs)(f.S,{display:"block",id:"empty-backpack-alert-wrapper",children:[(0,t.jsx)(T.F,{variant:"info",hasShadow:!1,renderCloseButtonLabel:"Close",margin:"medium none",children:r("features.backpack.tabs.badges.empty")}),!n&&(0,t.jsx)(h.so,{alignItems:"center",justifyItems:"end",children:(0,t.jsx)(I.$,{onClick:()=>k(!0),margin:e?"mediumSmall 0":"0 0 medium",display:e?"block":void 0,children:r("features.backpack.tabs.badges.addBadge")})}),(0,t.jsx)(A.E,{badgeAwards:[]}),(0,t.jsx)(P.$,{isOpen:z,importStatus:c,onSaveRequested:G=>{l(G)},onCancel:()=>{k(!1)},onResetImportStatus:g})]}):(0,t.jsxs)(x.y,{children:[(0,t.jsx)(C.g,{badgeAwards:s,isLTISession:n}),!n&&(0,t.jsx)(L.H,{onDeleteConfirm:o}),(0,t.jsx)(v.HS,{})]})}var u=a(88322),F=a(36876);const p=[{id:"badges",label:"features.backpack.tabs.badges.tabTitle",routerLink:["","backpack","badges"]},{id:"collections",label:"features.backpack.tabs.collections.tabTitle",routerLink:["","backpack","collections"]}],H={badges:()=>(0,t.jsx)(y,{}),collections:()=>(0,t.jsx)(F.H,{})};var D=a(78737),E=a(86227),W=a(34267),$=a(41231),M=a(84695);function V(){const{backpackPageState:s}=(()=>{const s=(0,u.e)(),[d,n]=(0,i.useState)(D.m);return(0,i.useEffect)(()=>{const c=s.get(E.w).backpackPageState$.subscribe(o=>{n(o)});return()=>{c.unsubscribe()}},[s]),{backpackPageState:d}})(),{activeTab:d,isLTISession:n,headingId:c}=s,{activeTabComponent:o,tabs:l,setActiveTabId:g,activeTabId:e}=(({activeTab:s})=>{const n=(0,u.e)().get(B.Ix),[c,o]=(0,i.useState)(n.url.includes("badges")?"badges":"collections"),l=e=>{o(e)};return(0,i.useEffect)(()=>{const e=p.find(r=>r.id===c)?.routerLink;e&&n.navigate(e)},[c]),(0,i.useMemo)(()=>({activeTabId:c,setActiveTabId:l,activeTabComponent:H[s],tabs:p.map(e=>({...e,isActive:e.id===s}))}),[s,c])})({activeTab:d}),{t:r}=(0,b.Bd)();return(0,t.jsx)(M.f,{children:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(W.z,{title:r("features.backpack.header.title"),description:r("features.backpack.header.description"),titleId:c}),n?(0,$.c)(o):(0,t.jsx)(v.jh,{tabs:l,setActiveTabId:g,activeTabId:e,activeTabComponent:o})]})})}}}]);