@lokalise/harmony 1.4.0-exp-sidebarComponent.6 → 1.5.0

package/dist/harmony.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),j=require("react"),u=require("@lokalise/louis"),ue=require("date-fns"),dt=require("date-fns-tz");function ut(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const A=ut(j);var $=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function ze(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var G,ve;function fe(){if(ve)return G;ve=1;function e(t){var n=typeof t;return t!=null&&(n=="object"||n=="function")}return G=e,G}var V,be;function ft(){if(be)return V;be=1;var e=typeof $=="object"&&$&&$.Object===Object&&$;return V=e,V}var Y,je;function He(){if(je)return Y;je=1;var e=ft(),t=typeof self=="object"&&self&&self.Object===Object&&self,n=e||t||Function("return this")();return Y=n,Y}var Z,Te;function mt(){if(Te)return Z;Te=1;var e=He(),t=function(){return e.Date.now()};return Z=t,Z}var X,ye;function gt(){if(ye)return X;ye=1;var e=/\s/;function t(n){for(var r=n.length;r--&&e.test(n.charAt(r)););return r}return X=t,X}var Q,we;function pt(){if(we)return Q;we=1;var e=gt(),t=/^\s+/;function n(r){return r&&r.slice(0,e(r)+1).replace(t,"")}return Q=n,Q}var J,Ce;function We(){if(Ce)return J;Ce=1;var e=He(),t=e.Symbol;return J=t,J}var K,Se;function ht(){if(Se)return K;Se=1;var e=We(),t=Object.prototype,n=t.hasOwnProperty,r=t.toString,o=e?e.toStringTag:void 0;function i(a){var l=n.call(a,o),d=a[o];try{a[o]=void 0;var c=!0}catch{}var f=r.call(a);return c&&(l?a[o]=d:delete a[o]),f}return K=i,K}var ee,Ie;function _t(){if(Ie)return ee;Ie=1;var e=Object.prototype,t=e.toString;function n(r){return t.call(r)}return ee=n,ee}var te,ke;function xt(){if(ke)return te;ke=1;var e=We(),t=ht(),n=_t(),r="[object Null]",o="[object Undefined]",i=e?e.toStringTag:void 0;function a(l){return l==null?l===void 0?o:r:i&&i in Object(l)?t(l):n(l)}return te=a,te}var ne,Ee;function vt(){if(Ee)return ne;Ee=1;function e(t){return t!=null&&typeof t=="object"}return ne=e,ne}var re,Pe;function bt(){if(Pe)return re;Pe=1;var e=xt(),t=vt(),n="[object Symbol]";function r(o){return typeof o=="symbol"||t(o)&&e(o)==n}return re=r,re}var se,Ne;function jt(){if(Ne)return se;Ne=1;var e=pt(),t=fe(),n=bt(),r=NaN,o=/^[-+]0x[0-9a-f]+$/i,i=/^0b[01]+$/i,a=/^0o[0-7]+$/i,l=parseInt;function d(c){if(typeof c=="number")return c;if(n(c))return r;if(t(c)){var f=typeof c.valueOf=="function"?c.valueOf():c;c=t(f)?f+"":f}if(typeof c!="string")return c===0?c:+c;c=e(c);var p=i.test(c);return p||a.test(c)?l(c.slice(2),p?2:8):o.test(c)?r:+c}return se=d,se}var oe,Le;function Ge(){if(Le)return oe;Le=1;var e=fe(),t=mt(),n=jt(),r="Expected a function",o=Math.max,i=Math.min;function a(l,d,c){var f,p,_,x,m,y,v=0,h=!1,g=!1,b=!0;if(typeof l!="function")throw new TypeError(r);d=n(d)||0,e(c)&&(h=!!c.leading,g="maxWait"in c,_=g?o(n(c.maxWait)||0,d):_,b="trailing"in c?!!c.trailing:b);function C(T){var k=f,R=p;return f=p=void 0,v=T,x=l.apply(R,k),x}function w(T){return v=T,m=setTimeout(U,d),h?C(T):x}function B(T){var k=T-y,R=T-v,xe=d-k;return g?i(xe,_-R):xe}function he(T){var k=T-y,R=T-v;return y===void 0||k>=d||k<0||g&&R>=_}function U(){var T=t();if(he(T))return _e(T);m=setTimeout(U,B(T))}function _e(T){return m=void 0,b&&f?C(T):(f=p=void 0,x)}function ct(){m!==void 0&&clearTimeout(m),v=0,f=y=p=m=void 0}function lt(){return m===void 0?x:_e(t())}function W(){var T=t(),k=he(T);if(f=arguments,p=this,y=T,k){if(m===void 0)return w(y);if(g)return clearTimeout(m),m=setTimeout(U,d),C(y)}return m===void 0&&(m=setTimeout(U,d)),x}return W.cancel=ct,W.flush=lt,W}return oe=a,oe}var Tt=Ge();const yt=ze(Tt);var ie,Re;function wt(){if(Re)return ie;Re=1;var e=Ge(),t=fe(),n="Expected a function";function r(o,i,a){var l=!0,d=!0;if(typeof o!="function")throw new TypeError(n);return t(a)&&(l="leading"in a?!!a.leading:l,d="trailing"in a?!!a.trailing:d),e(o,i,{leading:l,maxWait:i,trailing:d})}return ie=r,ie}var Ct=wt();const St=ze(Ct),It=(e,t,n,r)=>{switch(t){case"debounce":return yt(e,n,r);case"throttle":return St(e,n,r);default:return e}},kt=e=>{const t=A.useRef(e);return A.useEffect(()=>{t.current=e}),A.useMemo(()=>(...n)=>{var r;return(r=t.current)===null||r===void 0?void 0:r.call(t,...n)},[])},Et=e=>{const[t,n]=A.useState((e==null?void 0:e.current)||null);return e&&setTimeout(()=>{e.current!==t&&n(e.current)},0),{refProxy:A.useMemo(()=>new Proxy(o=>{o!==t&&n(o)},{get(o,i){return i==="current"?t:o[i]},set(o,i,a){return i==="current"?n(a):o[i]=a,!0}}),[t]),refElement:t,setRefElement:n}},Pt=(e,t)=>t==="border-box"?{width:e.borderBoxSize[0].inlineSize,height:e.borderBoxSize[0].blockSize}:t==="content-box"?{width:e.contentBoxSize[0].inlineSize,height:e.contentBoxSize[0].blockSize}:{width:e.contentRect.width,height:e.contentRect.height};function Nt({skipOnMount:e=!1,refreshMode:t,refreshRate:n=1e3,refreshOptions:r,handleWidth:o=!0,handleHeight:i=!0,targetRef:a,observerOptions:l,onResize:d}={}){const c=j.useRef(e),f=kt(d),[p,_]=j.useState({width:void 0,height:void 0}),{refProxy:x,refElement:m}=Et(a),{box:y}=l||{},v=j.useCallback(g=>{if(!o&&!i)return;if(c.current){c.current=!1;return}const b=(C,w)=>o&&C.width!==w.width||i&&C.height!==w.height;g.forEach(C=>{const w=Pt(C,y);_(B=>b(B,w)?(f==null||f({width:w.width,height:w.height,entry:C}),w):B)})},[o,i,c,y]),h=j.useCallback(It(v,t,n,r),[v,t,n,r]);return j.useEffect(()=>{let g;return m?(g=new window.ResizeObserver(h),g.observe(m,l)):(p.width||p.height)&&(f==null||f({width:null,height:null,entry:null}),_({width:void 0,height:void 0})),()=>{var b,C,w;(b=g==null?void 0:g.disconnect)===null||b===void 0||b.call(g),(w=(C=h).cancel)===null||w===void 0||w.call(C)}},[h,m]),Object.assign({ref:x},p)}function Ve(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(n=Ve(e[t]))&&(r&&(r+=" "),r+=n)}else for(n in e)e[n]&&(r&&(r+=" "),r+=n);return r}function E(){for(var e,t,n=0,r="",o=arguments.length;n<o;n++)(e=arguments[n])&&(t=Ve(e))&&(r&&(r+=" "),r+=t);return r}const Lt="_headerContainer_1cubo_1",Rt="_headerContent_1cubo_34",Ot="_staticEnabled_1cubo_50",de={headerContainer:Lt,headerContent:Rt,staticEnabled:Ot},At=77,M=({sticky:e,children:t})=>{const{ref:n,height:r}=Nt({refreshMode:"debounce",refreshRate:0}),[o,i]=j.useState(!1),a=()=>o?!e:!0;j.useEffect(()=>{const d=()=>{i(window.scrollY>0)};return window.addEventListener("scroll",d),()=>window.removeEventListener("scroll",d)},[]);const l=`${r||At}px`;return s.jsx("div",{style:{minHeight:l},children:s.jsx("div",{children:s.jsxs("div",{ref:n,className:E(de.headerContent,{[de.staticEnabled]:a()}),children:[s.jsx(M.Header,{}),s.jsx(M.Tabs,{}),t]})})})};M.Header=({children:e})=>s.jsx("div",{className:de.headerContainer,children:e});M.Tabs=({children:e})=>s.jsx("div",{className:"flex justify-between gap-2 nowrap",children:e});const Mt="_sidebarContainer_1qc9v_1",Dt={sidebarContainer:Mt},qt="_logoLink_1tgpl_1",Bt={logoLink:qt},Ut=({src:e,href:t="/",ariaLabel:n="Home",alt:r="Lokalise"})=>s.jsx("a",{className:Bt.logoLink,href:t,"aria-label":n,children:s.jsx("img",{src:e,alt:r})}),$t="_link_2ptl6_1",Ft="_active_2ptl6_18",Oe={link:$t,active:Ft},zt=({label:e,to:t,icon:n})=>s.jsx(u.Tooltip,{placement:"right",tooltip:e,children:s.jsx(u.Link,{className:E(Oe.link,{[Oe.active]:window.location.pathname.startsWith(t)}),href:t,children:n})}),Ht="_dropdownButton_t7otz_1",Wt="_dropdownButtonActive_t7otz_18",Ae={dropdownButton:Ht,dropdownButtonActive:Wt},Gt=({children:e})=>s.jsx(u.Menu,{menuButton:({opened:t})=>s.jsx(u.Tooltip,{placement:"right",tooltip:"Help",children:s.jsx("button",{className:E(Ae.dropdownButton,{[Ae.dropdownButtonActive]:t}),children:s.jsx(u.HelpCenterIcon,{size:"24px"})})}),children:s.jsx(u.MenuList,{placement:"right-start",children:e})}),S={TaskCompleted:"task_completed",TaskClosed:"task_closed",Refresh:"refresh",ShowDialog:"show_dialog"},me=0,Ye=9999,Ze=[150,151,250,251],Xe=[152,153,252,253],Qe=[154,155,157,158,254,255,258,354,355,358],Je=[156,159,160,256,259,260],ge=9998,z=e=>e===me,pe=e=>e===Ye,Vt=e=>Ze.includes(e),Yt=e=>Xe.includes(e),Zt=e=>Qe.includes(e),Xt=e=>Je.includes(e),Qt=e=>e>me&&e<ge,Jt=e=>e===ge,Kt=/\n/,Me=(e,t,n)=>e.split(t).flatMap((r,o)=>o!==0?[j.cloneElement(n,{key:Math.random().toString(32).slice(0,10)}),r]:r),en=(e,t,n)=>typeof e=="string"?Me(e,t,n):e.flatMap(r=>typeof r=="string"?Me(r,t,n):r),Ke=e=>en(e,Kt,s.jsx("br",{})),tn=/(\b(https?|):\/\/[-a-zA-Zа-яА-Я0-9+&@#/%?=~_|!:,.;]*[-a-zA-Zа-яА-Я0-9+&@#/%=~_|])/gi,nn=e=>e.match(tn)??[],De=(e,t,n)=>{const r=e.split(t);if(r.length===1)return e;const o=[];return r[0]!==""&&o.push(r[0]),r.shift(),r[r.length-1]===""&&r.pop(),o.push(s.jsx("a",{href:t,target:"_blank",rel:"noreferrer noopener",children:t},t+n)),o.push(r.join(t)),o.filter(i=>i!=="")},qe=e=>{const t=nn(e);return t!=null&&t.length?t.reduce((n,r,o)=>typeof n=="string"?De(n,r,o):n.flatMap(i=>typeof i=="string"?De(i,r,o):i),e):e},et=e=>typeof e=="string"?qe(e):e.flatMap(t=>typeof t=="string"?qe(t):t,e),tt=(e,t="PP")=>ue.format(e,t),rn=(e,t,n="PP")=>ue.format(dt.toZonedTime(e,t),n),H=e=>{j.useEffect(e,[])},sn=Math.min,on=Math.max;function Be(e,t,n){return on(e,sn(t,n))}function nt(e,t){return typeof e=="function"?e(t):e}function rt(e){return e.split("-")[0]}function an(e){return e==="x"?"y":"x"}function cn(e){return["top","bottom"].includes(rt(e))?"y":"x"}function ln(e){return{top:0,right:0,bottom:0,left:0,...e}}function dn(e){return typeof e!="number"?ln(e):{top:e,right:e,bottom:e,left:e}}function Ue(e){const{x:t,y:n,width:r,height:o}=e;return{width:r,height:o,top:n,left:t,right:t+r,bottom:n+o,x:t,y:n}}async function un(e,t){var n;t===void 0&&(t={});const{x:r,y:o,platform:i,rects:a,elements:l,strategy:d}=e,{boundary:c="clippingAncestors",rootBoundary:f="viewport",elementContext:p="floating",altBoundary:_=!1,padding:x=0}=nt(t,e),m=dn(x),v=l[_?p==="floating"?"reference":"floating":p],h=Ue(await i.getClippingRect({element:(n=await(i.isElement==null?void 0:i.isElement(v)))==null||n?v:v.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(l.floating)),boundary:c,rootBoundary:f,strategy:d})),g=p==="floating"?{x:r,y:o,width:a.floating.width,height:a.floating.height}:a.reference,b=await(i.getOffsetParent==null?void 0:i.getOffsetParent(l.floating)),C=await(i.isElement==null?void 0:i.isElement(b))?await(i.getScale==null?void 0:i.getScale(b))||{x:1,y:1}:{x:1,y:1},w=Ue(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:g,offsetParent:b,strategy:d}):g);return{top:(h.top-w.top+m.top)/C.y,bottom:(w.bottom-h.bottom+m.bottom)/C.y,left:(h.left-w.left+m.left)/C.x,right:(w.right-h.right+m.right)/C.x}}const fn=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){const{x:n,y:r,placement:o}=t,{mainAxis:i=!0,crossAxis:a=!1,limiter:l={fn:v=>{let{x:h,y:g}=v;return{x:h,y:g}}},...d}=nt(e,t),c={x:n,y:r},f=await un(t,d),p=cn(rt(o)),_=an(p);let x=c[_],m=c[p];if(i){const v=_==="y"?"top":"left",h=_==="y"?"bottom":"right",g=x+f[v],b=x-f[h];x=Be(g,x,b)}if(a){const v=p==="y"?"top":"left",h=p==="y"?"bottom":"right",g=m+f[v],b=m-f[h];m=Be(g,m,b)}const y=l.fn({...t,[_]:x,[p]:m});return{...y,data:{x:y.x-n,y:y.y-r,enabled:{[_]:i,[p]:a}}}}}},mn="_navItem_1jmyj_1",gn="_activeNavItem_1jmyj_19",pn="_badge_1jmyj_24",ae={navItem:mn,activeNavItem:gn,badge:pn},st=j.createContext({}),D=()=>j.useContext(st),hn=e=>{const t=e.lastIndexOf("."),n=e.slice(0,t),r=e.slice(t+1);return{name:n,extension:r}},F={translation:"translation",review:"review",lqa_by_ai:"lqa_by_ai",automatic_translation:"automatic_translation"},_n=(e,t)=>{switch(e){case"completed":return t<100?"Closed":"Completed";case"created":return t>0?"In progress":"Not started";case"in_progress":return"In progress";case"queued":return"Queued";default:return"-"}},xn=e=>{const t=e.progress||0;return e.status==="created"&&t>0?"in_progress":e.status},$e=["in_progress","created","completed"],vn={[F.translation]:"#76BEDB",[F.review]:"#74B766",[F.lqa_by_ai]:"#F6F2FF",[F.automatic_translation]:"#F6F2FF"},bn=e=>e.filter(t=>t.status!=="queued").map(t=>({...t,status:xn(t)})).sort((t,n)=>t.status==="in_progress"&&t.progress===100?-1:n.status==="in_progress"&&n.progress===100?1:t.status===n.status?t.name<n.name?1:-1:$e.indexOf(t.status)-$e.indexOf(n.status)),jn=({task:e,language:t})=>{const[n,r]=j.useState(!1),[o,i]=j.useState(!1),{onLanguageCompleteConfirm:a,fetchTasks:l}=D(),d=()=>{i(!1)};return s.jsxs(s.Fragment,{children:[o&&s.jsx(u.ConfirmModal,{opened:o,loading:n,title:`Are you finished with ${t.name}?`,confirmText:"Mark as done",closeText:"Cancel",onClose:()=>{i(!1)},onConfirm:async()=>{r(!0),await a({task:e,language:t,closePrompt:d}),l()},children:s.jsxs(u.Alert,{status:"info",children:["Make sure you are finished and ",s.jsx("strong",{style:{display:"inline"},children:"mark it as done"})," to notify your team admin. This action cannot be undone, and the language might no longer be available for you to edit."]})}),s.jsx(u.Link,{disabled:n,onClick:()=>{i(!0)},children:"Mark as done"})]})},Tn="_langRowCompleted_1aukv_1",yn="_langCellSecondary_1aukv_14",wn="_langStatus_1aukv_19",ce={langRowCompleted:Tn,langCellSecondary:yn,langStatus:wn},Cn=({language:e,task:t})=>{const{getProjectUrl:n,langNameOnClick:r,langProgressOnClick:o}=D(),i=e.progress||0,a=e.status==="completed",l=[t.status,e.status].every(d=>["in_progress","created"].includes(d))&&i>=100;return s.jsxs("tr",{className:E({[ce.langRowCompleted]:l}),children:[s.jsx("td",{children:s.jsx(u.Tooltip,{tooltip:"Open in bilingual view",children:s.jsx(u.Link,{href:n({task:t,language:e}),onClick:()=>{r==null||r({task:t,language:e})},children:e.name})})}),s.jsx("td",{className:ce.langCellSecondary,children:l||a?"0":s.jsx(u.Tooltip,{tooltip:"Open uncompleted items",children:s.jsx(u.Link,{href:n({task:t,language:e,taskUncompleted:!0}),onClick:()=>{o==null||o({task:t,language:e})},children:Number.parseInt(e.base_words_total,10)-Number.parseInt(e.base_words_done,10)})})}),s.jsxs("td",{children:[i,"%"]}),s.jsx("td",{children:l?s.jsx(jn,{task:t,language:e}):s.jsx("span",{className:`${ce.langStatus} flex-row items-center justify-start`,"data-status":e.status,children:_n(e.status,i)})})]})},Sn="_taskContainer_1e51j_1",In="_taskTitle_1e51j_21",kn="_taskDescription_1e51j_27",En="_languagesTable_1e51j_33",Pn="_metadata_1e51j_85",N={taskContainer:Sn,taskTitle:In,taskDescription:kn,languagesTable:En,metadata:Pn},Nn=({task:e})=>{const{tasks:t,getProjectUrl:n,taskTitleOnClick:r}=D(),o=bn(e.langs),i=j.useCallback(a=>{a!==void 0&&window.open(`/style-guide/${e.team_id}/download/${a.id}/link`,"_blank","noopener,noreferrer")},[e.team_id]);return t?s.jsxs("article",{className:N.taskContainer,children:[s.jsxs("div",{className:"flex-row gap-1 items-center",children:[s.jsxs("div",{className:"flex-row gap-1 items-start flex-wrap",children:[s.jsx(u.Tag,{color:vn[e.task_type],variant:"solid",children:e.task_type.toLocaleUpperCase()}),e.due_date&&s.jsxs(u.Tag,{color:"#DEA829",children:["DUE ",tt(ue.parseISO(e.due_date),"yyyy-MM-dd")]})]}),e.style_guides.length>0&&s.jsx("div",{className:"flex-row",children:e.style_guides.length===1?s.jsx(u.Button,{size:"sm",variant:"secondary",onClick:()=>i(e.style_guides[0]),children:"Download style guide"}):s.jsx(u.Menu,{menuButton:s.jsx(u.Button,{variant:"secondary",size:"sm",children:"Download style guide"}),children:s.jsx(u.MenuList,{children:e.style_guides.map(a=>s.jsx(u.MenuItem,{onClick:()=>i(a),children:hn(a.name).name},a.id))})})})]}),s.jsxs(u.Spacer,{top:1,children:[s.jsx("h4",{className:N.taskTitle,children:s.jsx(u.Link,{href:n({task:e,view:"multi"}),onClick:()=>{r==null||r({task:e})},children:e.title})}),e.description&&s.jsx("div",{className:N.taskDescription,children:Ke(et(e.description))})]}),s.jsxs("table",{className:N.languagesTable,children:[s.jsx("thead",{children:s.jsxs("tr",{children:[s.jsx("th",{children:"Languages"}),s.jsx("th",{children:"Words to do"}),s.jsx("th",{children:"Progress"}),s.jsx("th",{children:"Status"})]})}),s.jsx("tbody",{children:o.map(a=>s.jsx(Cn,{language:a,task:e},a.lang_id))})]}),s.jsxs("p",{className:N.metadata,children:[s.jsxs("span",{"data-test-id":"source-lang",children:["Source: ",e.source_lang_name]}),s.jsx("span",{"data-test-id":"author-name",children:e.created_by_fullname}),s.jsxs("span",{"data-test-id":"project-name",children:["In ",e.project_name,e.master_branching_enabled==="1"&&s.jsx("div",{className:N.tag,children:e.branch_name?e.branch_name:"master"})]})]})]}):null},Ln="_loadingContainer_1l6uh_1",Rn="_noTasksContainer_1l6uh_6",On="_noTasksHeading_1l6uh_12",An="_noTasksText_1l6uh_16",Mn="_tasksContainer_1l6uh_21",O={loadingContainer:Ln,noTasksContainer:Rn,noTasksHeading:On,noTasksText:An,tasksContainer:Mn},Dn=()=>{const{tasks:e,onTasksWidgetOpen:t,loadingTasks:n,fetchTasks:r}=D();return H(()=>(r(),t==null||t({tasks:e}),document.addEventListener(S.TaskCompleted,r),document.addEventListener(S.TaskClosed,r),document.addEventListener(S.Refresh,r),()=>{document.removeEventListener(S.TaskCompleted,r),document.removeEventListener(S.TaskClosed,r),document.removeEventListener(S.Refresh,r)})),n?s.jsx("div",{className:O.loadingContainer,children:s.jsx(u.Loading,{})}):e.length===0?s.jsxs("div",{className:O.noTasksContainer,children:[s.jsx("h3",{className:O.noTasksHeading,children:"No tasks"}),s.jsxs("div",{className:O.noTasksText,children:["Your incoming tasks will appear here.",s.jsx("br",{}),s.jsx(u.Link,{href:"https://docs.lokalise.com/translation-workflow/tasks",target:"_new",children:"Learn more"})]})]}):s.jsx("section",{className:O.tasksContainer,children:e.map(o=>s.jsx(Nn,{task:o},o.id))})},qn=({children:e,config:t})=>{const[n,r]=j.useState([]),[o,i]=j.useState(!0),[a,l]=j.useState(0),{getProjectUrl:d,onLanguageCompleteConfirm:c,onTasksWidgetOpen:f,langNameOnClick:p,langProgressOnClick:_,taskTitleOnClick:x}=t,{getTasks:m,getTasksCount:y}=t,v=async()=>{i(!0);const b=await m();r(b),i(!1)},h=async()=>{const b=await y();l(b)};H(()=>(h(),document.addEventListener(S.TaskCompleted,h),document.addEventListener(S.TaskClosed,h),document.addEventListener(S.Refresh,h),()=>{document.removeEventListener(S.TaskCompleted,h),document.removeEventListener(S.TaskClosed,h),document.removeEventListener(S.Refresh,h)}));const g={fetchTasks:v,tasks:n,tasksCount:a,loadingTasks:o,getProjectUrl:d,onLanguageCompleteConfirm:c,onTasksWidgetOpen:f,langNameOnClick:p,langProgressOnClick:_,taskTitleOnClick:x};return s.jsx(st.Provider,{value:g,children:e})},Bn=e=>function(n){const{config:r,...o}=n;return s.jsx(qn,{config:r,children:s.jsx(e,{...o})})},Un=Bn(()=>{const[e,t]=j.useState(!1),{tasksCount:n}=D();return H(()=>{const r=()=>{t(!0)};return document.addEventListener(S.ShowDialog,r),()=>{document.removeEventListener(S.ShowDialog,r)}}),s.jsx(u.Tooltip,{tooltip:"Tasks",placement:"right",children:s.jsx(u.Popover,{content:s.jsx(Dn,{}),placement:"right",open:e,onOpenChange:t,middlewares:[fn({padding:{top:32,bottom:32}})],children:r=>s.jsxs("button",{type:"button","aria-label":"Tasks",className:E(ae.navItem,{[ae.activeNavItem]:r}),children:[s.jsx(u.DeprecatedTaskIcon,{size:"24px"}),n>0&&s.jsx("div",{className:ae.badge,"aria-label":`${n} items requiring attention`,children:n>9?"9+":n})]})})})}),$n="_iconContainer_18sqh_1",Fn={iconContainer:$n},ot=({className:e=""})=>s.jsx("div",{"aria-label":"Upgrade Icon",className:E(Fn.iconContainer,"flex-row","items-center","justify-center",e),children:s.jsx(u.CaretUpIcon,{})}),zn="_menuContainer_1dcf5_5",Hn="_profileButton_1dcf5_16",Wn="_profileImage_1dcf5_29",Gn="_profileImageHighlight_1dcf5_37",Vn="_profileImageUpgradeIcon_1dcf5_41",Yn="_userIconWrapper_1dcf5_47",P={menuContainer:zn,profileButton:Hn,profileImage:Wn,profileImageHighlight:Gn,profileImageUpgradeIcon:Vn,userIconWrapper:Yn},it=j.createContext({}),q=()=>j.useContext(it),Zn=({children:e})=>{const{currentTeam:t,otherTeams:n,showUpgradeCta:r,showBillingButton:o,allowTeamCreation:i,isLimitedView:a,isProviderAlpha:l,canAccessTeamSettings:d,isEndOfTrialActive:c,isTeamSuspended:f}=q();return s.jsx(u.Menu,{menuButton:()=>s.jsxs("button",{className:P.profileButton,"aria-label":"Profile menu",type:"button",children:[t!=null&&t.logoUrl?s.jsx("img",{src:t.logoUrl,className:E(P.profileImage,{[P.profileImageHighlight]:r}),alt:"Team Logo"}):s.jsx("div",{className:E(P.userIconWrapper,"flex-row","align-center","items-center",{[P.profileImageHighlight]:r}),children:s.jsx(u.UserIcon,{size:"24px"})}),r&&s.jsx(ot,{className:P.profileImageUpgradeIcon})]}),children:s.jsx(u.MenuList,{placement:"right-end",className:P.menuContainer,children:e({allowTeamCreation:i,otherTeams:n,isLimitedView:a,canAccessTeamSettings:d,isEndOfTrialActive:c,isTeamSuspended:f,showBillingButton:o,isProviderAlpha:l})})})},Xn=({children:e,config:t})=>{const{teams:n,currentTeamId:r,planId:o,isLimitedView:i,isTeamSuspended:a,canAccessTeamSettings:l,isEndOfTrialActive:d}=t,c=n.find(g=>g.id===r),f=n.filter(g=>g.id!==r),p=(c==null?void 0:c.role)??"",_=["biller","owner"].includes(p),x=z(o)||pe(o),h={...t,currentTeam:c,otherTeams:f,canChangeBilling:_,isOnFreeOrTrialPlan:x,showUpgradeCta:!i&&x&&_&&!a,showBillingButton:!i&&l&&_,allowTeamCreation:!i&&!d};return s.jsx(it.Provider,{value:h,children:e})},Qn=({config:e,children:t})=>s.jsx(Xn,{config:e,children:s.jsx(Zn,{children:t})}),Jn="_container_k7g5r_1",Kn="_profileEmail_k7g5r_5",Fe={container:Jn,profileEmail:Kn},er=({href:e,onClick:t,userEmail:n})=>{const{isEndOfTrialActive:r,isTeamSuspended:o}=q();return r||o?null:s.jsx(u.MenuItem,{href:e,onClick:()=>{t==null||t()},children:s.jsxs("div",{className:`flex-col ${Fe.container}`,children:[s.jsx("span",{children:"Profile Settings"}),s.jsx("span",{className:Fe.profileEmail,children:n})]})})},tr="_wrapper_1d834_1",nr="_profileImage_1d834_14",rr="_teamName_1d834_22",sr="_planLabel_1d834_29",or="_membership_1d834_38",ir="_defaultProfileImage_1d834_44",L={wrapper:tr,profileImage:nr,teamName:rr,planLabel:sr,membership:or,defaultProfileImage:ir},at=({team:e,onClick:t,hidePlanLabel:n})=>{const{currentTeam:r,planId:o}=q(),i=e||r;if(!i)return null;const a=z(o)?"Free":pe(o)?"Trial":void 0,l=t?u.MenuItem:"div";return s.jsxs(l,{className:`flex-row gap-2 flex-nowrap items-center ${L.wrapper}`,...t&&{onClick:()=>t(i)},children:[i.logoUrl?s.jsx("img",{className:L.profileImage,src:i.logoUrl,alt:"Team Logo"}):s.jsx("div",{className:`flex-row justify-center items-center ${L.defaultProfileImage}`,children:s.jsx(u.UserIcon,{size:"24px"})}),s.jsxs("div",{className:"flex-col items-start",children:[s.jsxs("div",{className:"flex-row items-center flex-nowrap gap-2",children:[s.jsx("span",{title:i.name,className:L.teamName,children:i.name}),a&&!n&&s.jsx("span",{className:`flex-row justify-center items-center ${L.planLabel}`,children:a})]}),s.jsx("span",{className:L.membership,children:i.role})]})]})},ar="_teamsContainer_l4r3v_1",cr={teamsContainer:ar},lr=({onSwitchTeam:e})=>{const{otherTeams:t}=q();return t.length===0?null:s.jsx("div",{className:`flex-col items-stretch ${cr.teamsContainer}`,children:t.map(n=>s.jsx(at,{team:n,onClick:e,hidePlanLabel:!0},n.id))})},dr="_container_jmnsf_1",ur="_planCta_jmnsf_15",fr="_upgradeIconWrapper_jmnsf_19",le={container:dr,planCta:ur,upgradeIconWrapper:fr},mr=({upgradeOptionHref:e})=>{const{planId:t,trialDaysLeft:n,showUpgradeCta:r}=q();if(!r)return null;const a=z(t)?"Your team is currently on the Free plan":`Free trial ends in ${n} ${n===1?"day":"days"}`;return s.jsxs(u.MenuItem,{href:e,className:`flex-col gap-1 items-start ${le.container}`,children:[s.jsx("span",{className:le.planCta,children:a}),s.jsxs("div",{className:`flex-row items-center gap-1 ${le.upgradeIconWrapper}`,children:[s.jsx(ot,{}),s.jsx("span",{children:"See upgrade options"})]})]})},I=({children:e,...t})=>s.jsx("nav",{...t,className:Dt.sidebarContainer,children:e});I.Top=({children:e})=>s.jsx("div",{children:e});I.Bottom=({children:e})=>s.jsx("div",{children:e});I.Avatar=Ut;I.IconLink=zt;I.Menu=Gt;I.Tasks=Un;I.ProfileMenu=Qn;I.TeamSwitch=lr;I.TeamMenuItem=at;I.UpgradeMenuItem=mr;I.ProfileSettingsMenuItem=er;exports.ENTERPRISE_OPENSOURCE_PLAN_ID=ge;exports.ENTERPRISE_PLAN_IDS=Je;exports.ESSENTIAL_PLAN_IDS=Xe;exports.FREE_PLAN_ID=me;exports.NavigationPanel=M;exports.PRO_PLAN_IDS=Qe;exports.START_PLAN_IDS=Ze;exports.Sidebar=I;exports.TRIAL_PLAN_ID=Ye;exports.convertNewLineToBreakTag=Ke;exports.formatDate=tt;exports.formatDateTz=rn;exports.isEnterpriseOpenSourcePlan=Jt;exports.isEnterprisePlan=Xt;exports.isEssentialPlan=Yt;exports.isFreePlan=z;exports.isPaidPlan=Qt;exports.isProPlan=Zt;exports.isStartPlan=Vt;exports.isTrialPlan=pe;exports.makeUrlClickable=et;exports.useEffectOnce=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),h=require("react"),f=require("@lokalise/louis"),Ae=require("date-fns"),Je=require("date-fns-tz");function Ke(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const k=Ke(h);var B=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Me(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var z,fe;function ae(){if(fe)return z;fe=1;function e(n){var t=typeof n;return n!=null&&(t=="object"||t=="function")}return z=e,z}var F,me;function Qe(){if(me)return F;me=1;var e=typeof B=="object"&&B&&B.Object===Object&&B;return F=e,F}var W,ge;function qe(){if(ge)return W;ge=1;var e=Qe(),n=typeof self=="object"&&self&&self.Object===Object&&self,t=e||n||Function("return this")();return W=t,W}var H,be;function en(){if(be)return H;be=1;var e=qe(),n=function(){return e.Date.now()};return H=n,H}var G,pe;function nn(){if(pe)return G;pe=1;var e=/\s/;function n(t){for(var r=t.length;r--&&e.test(t.charAt(r)););return r}return G=n,G}var V,he;function tn(){if(he)return V;he=1;var e=nn(),n=/^\s+/;function t(r){return r&&r.slice(0,e(r)+1).replace(n,"")}return V=t,V}var Y,_e;function De(){if(_e)return Y;_e=1;var e=qe(),n=e.Symbol;return Y=n,Y}var Z,ve;function rn(){if(ve)return Z;ve=1;var e=De(),n=Object.prototype,t=n.hasOwnProperty,r=n.toString,a=e?e.toStringTag:void 0;function s(c){var l=t.call(c,a),u=c[a];try{c[a]=void 0;var o=!0}catch{}var d=r.call(c);return o&&(l?c[a]=u:delete c[a]),d}return Z=s,Z}var X,je;function an(){if(je)return X;je=1;var e=Object.prototype,n=e.toString;function t(r){return n.call(r)}return X=t,X}var J,xe;function sn(){if(xe)return J;xe=1;var e=De(),n=rn(),t=an(),r="[object Null]",a="[object Undefined]",s=e?e.toStringTag:void 0;function c(l){return l==null?l===void 0?a:r:s&&s in Object(l)?n(l):t(l)}return J=c,J}var K,Te;function on(){if(Te)return K;Te=1;function e(n){return n!=null&&typeof n=="object"}return K=e,K}var Q,Ie;function cn(){if(Ie)return Q;Ie=1;var e=sn(),n=on(),t="[object Symbol]";function r(a){return typeof a=="symbol"||n(a)&&e(a)==t}return Q=r,Q}var ee,Ne;function ln(){if(Ne)return ee;Ne=1;var e=tn(),n=ae(),t=cn(),r=NaN,a=/^[-+]0x[0-9a-f]+$/i,s=/^0b[01]+$/i,c=/^0o[0-7]+$/i,l=parseInt;function u(o){if(typeof o=="number")return o;if(t(o))return r;if(n(o)){var d=typeof o.valueOf=="function"?o.valueOf():o;o=n(d)?d+"":d}if(typeof o!="string")return o===0?o:+o;o=e(o);var p=s.test(o);return p||c.test(o)?l(o.slice(2),p?2:8):a.test(o)?r:+o}return ee=u,ee}var ne,we;function Be(){if(we)return ne;we=1;var e=ae(),n=en(),t=ln(),r="Expected a function",a=Math.max,s=Math.min;function c(l,u,o){var d,p,j,x,b,T,N=0,y=!1,g=!1,w=!0;if(typeof l!="function")throw new TypeError(r);u=t(u)||0,e(o)&&(y=!!o.leading,g="maxWait"in o,j=g?a(t(o.maxWait)||0,u):j,w="trailing"in o?!!o.trailing:w);function v(m){var S=d,O=p;return d=p=void 0,N=m,x=l.apply(O,S),x}function _(m){return N=m,b=setTimeout(D,u),y?v(m):x}function q(m){var S=m-T,O=m-N,de=u-S;return g?s(de,j-O):de}function le(m){var S=m-T,O=m-N;return T===void 0||S>=u||S<0||g&&O>=j}function D(){var m=n();if(le(m))return ue(m);b=setTimeout(D,q(m))}function ue(m){return b=void 0,w&&d?v(m):(d=p=void 0,x)}function Ze(){b!==void 0&&clearTimeout(b),N=0,d=T=p=b=void 0}function Xe(){return b===void 0?x:ue(n())}function $(){var m=n(),S=le(m);if(d=arguments,p=this,T=m,S){if(b===void 0)return _(T);if(g)return clearTimeout(b),b=setTimeout(D,u),v(T)}return b===void 0&&(b=setTimeout(D,u)),x}return $.cancel=Ze,$.flush=Xe,$}return ne=c,ne}var un=Be();const dn=Me(un);var te,ye;function fn(){if(ye)return te;ye=1;var e=Be(),n=ae(),t="Expected a function";function r(a,s,c){var l=!0,u=!0;if(typeof a!="function")throw new TypeError(t);return n(c)&&(l="leading"in c?!!c.leading:l,u="trailing"in c?!!c.trailing:u),e(a,s,{leading:l,maxWait:s,trailing:u})}return te=r,te}var mn=fn();const gn=Me(mn),bn=(e,n,t,r)=>{switch(n){case"debounce":return dn(e,t,r);case"throttle":return gn(e,t,r);default:return e}},pn=e=>{const n=k.useRef(e);return k.useEffect(()=>{n.current=e}),k.useMemo(()=>(...t)=>{var r;return(r=n.current)===null||r===void 0?void 0:r.call(n,...t)},[])},hn=e=>{const[n,t]=k.useState((e==null?void 0:e.current)||null);return e&&setTimeout(()=>{e.current!==n&&t(e.current)},0),{refProxy:k.useMemo(()=>new Proxy(a=>{a!==n&&t(a)},{get(a,s){return s==="current"?n:a[s]},set(a,s,c){return s==="current"?t(c):a[s]=c,!0}}),[n]),refElement:n,setRefElement:t}},_n=(e,n)=>n==="border-box"?{width:e.borderBoxSize[0].inlineSize,height:e.borderBoxSize[0].blockSize}:n==="content-box"?{width:e.contentBoxSize[0].inlineSize,height:e.contentBoxSize[0].blockSize}:{width:e.contentRect.width,height:e.contentRect.height};function vn({skipOnMount:e=!1,refreshMode:n,refreshRate:t=1e3,refreshOptions:r,handleWidth:a=!0,handleHeight:s=!0,targetRef:c,observerOptions:l,onResize:u}={}){const o=h.useRef(e),d=pn(u),[p,j]=h.useState({width:void 0,height:void 0}),{refProxy:x,refElement:b}=hn(c),{box:T}=l||{},N=h.useCallback(g=>{if(!a&&!s)return;if(o.current){o.current=!1;return}const w=(v,_)=>a&&v.width!==_.width||s&&v.height!==_.height;g.forEach(v=>{const _=_n(v,T);j(q=>w(q,_)?(d==null||d({width:_.width,height:_.height,entry:v}),_):q)})},[a,s,o,T]),y=h.useCallback(bn(N,n,t,r),[N,n,t,r]);return h.useEffect(()=>{let g;return b?(g=new window.ResizeObserver(y),g.observe(b,l)):(p.width||p.height)&&(d==null||d({width:null,height:null,entry:null}),j({width:void 0,height:void 0})),()=>{var w,v,_;(w=g==null?void 0:g.disconnect)===null||w===void 0||w.call(g),(_=(v=y).cancel)===null||_===void 0||_.call(v)}},[y,b]),Object.assign({ref:x},p)}function Ue(e){var n,t,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e)){var a=e.length;for(n=0;n<a;n++)e[n]&&(t=Ue(e[n]))&&(r&&(r+=" "),r+=t)}else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function L(){for(var e,n,t=0,r="",a=arguments.length;t<a;t++)(e=arguments[t])&&(n=Ue(e))&&(r&&(r+=" "),r+=n);return r}const jn="_headerContainer_1cubo_1",xn="_navigationTabList_1cubo_8",Tn="_navigationTab_1cubo_8",In="_headerContent_1cubo_34",Nn="_staticEnabled_1cubo_50",C={headerContainer:jn,navigationTabList:xn,navigationTab:Tn,headerContent:In,staticEnabled:Nn},wn=77,A=({sticky:e,children:n})=>{const{ref:t,height:r}=vn({refreshMode:"debounce",refreshRate:0}),[a,s]=h.useState(!1),c=()=>a?!e:!0;h.useEffect(()=>{const u=()=>{s(window.scrollY>0)};return window.addEventListener("scroll",u),()=>window.removeEventListener("scroll",u)},[]);const l=`${r||wn}px`;return i.jsx("div",{style:{minHeight:l},children:i.jsx("div",{children:i.jsxs("div",{ref:t,className:L(C.headerContent,{[C.staticEnabled]:c()}),children:[i.jsx(A.Header,{}),i.jsx(A.Tabs,{}),n]})})})};A.Header=({children:e})=>i.jsx("div",{className:C.headerContainer,children:e});A.Tabs=({children:e})=>i.jsx("div",{className:"flex justify-between gap-2 nowrap",children:e});const yn="_sidebarContainer_bmdti_1",Sn={sidebarContainer:yn},Pn="_logoLink_1baxb_1",En={logoLink:Pn},Ln=({src:e,href:n="/",ariaLabel:t="Home",alt:r="Lokalise"})=>i.jsx("a",{className:En.logoLink,href:n,"aria-label":t,children:i.jsx("img",{src:e,alt:r})}),Rn="_link_1weq1_1",Cn="_active_1weq1_18",Se={link:Rn,active:Cn},On=({label:e,to:n,icon:t})=>i.jsx(f.Tooltip,{placement:"right",tooltip:e,children:i.jsx(f.Link,{className:L(Se.link,{[Se.active]:window.location.pathname.startsWith(n)}),href:n,children:i.jsx(t,{size:"25px"})})}),kn="_dropdownButton_hwh0c_1",An="_dropdownButtonActive_hwh0c_18",Pe={dropdownButton:kn,dropdownButtonActive:An},Mn=({children:e,icon:n})=>i.jsx(f.Menu,{menuButton:({opened:t})=>i.jsx(f.Tooltip,{placement:"right",tooltip:"Help",children:i.jsx("button",{type:"button",className:L(Pe.dropdownButton,{[Pe.dropdownButtonActive]:t}),children:i.jsx(n,{size:"25px"})})}),children:i.jsx(f.MenuList,{placement:"right-start",children:e})}),qn="_iconContainer_nz34m_1",Dn={iconContainer:qn},$e=({className:e=""})=>i.jsx("div",{"aria-label":"Upgrade Icon",className:L(Dn.iconContainer,"flex-row","items-center","justify-center",e),children:i.jsx(f.CaretUpIcon,{})}),Bn="_menuContainer_wbu3u_5",Un="_profileButton_wbu3u_16",$n="_profileImage_wbu3u_29",zn="_profileImageHighlight_wbu3u_37",Fn="_profileImageUpgradeIcon_wbu3u_41",Wn="_userIconWrapper_wbu3u_47",P={menuContainer:Bn,profileButton:Un,profileImage:$n,profileImageHighlight:zn,profileImageUpgradeIcon:Fn,userIconWrapper:Wn},ze=h.createContext({}),M=()=>h.useContext(ze),Hn=({children:e})=>{const{currentTeam:n,otherTeams:t,showUpgradeCta:r,showBillingButton:a,allowTeamCreation:s,isLimitedView:c,isProviderAlpha:l,canAccessTeamSettings:u,isEndOfTrialActive:o,isTeamSuspended:d}=M();return i.jsx(f.Menu,{menuButton:()=>i.jsxs("button",{className:P.profileButton,"aria-label":"Profile menu",type:"button",children:[n!=null&&n.logoUrl?i.jsx("img",{src:n.logoUrl,className:L(P.profileImage,{[P.profileImageHighlight]:r}),alt:"Team Logo"}):i.jsx("div",{className:L(P.userIconWrapper,"flex-row","align-center","items-center",{[P.profileImageHighlight]:r}),children:i.jsx(f.UserIcon,{size:"25px"})}),r&&i.jsx($e,{className:P.profileImageUpgradeIcon})]}),children:i.jsx(f.MenuList,{placement:"right-end",className:P.menuContainer,children:e({allowTeamCreation:s,otherTeams:t,isLimitedView:c,canAccessTeamSettings:u,isEndOfTrialActive:o,isTeamSuspended:d,showBillingButton:a,isProviderAlpha:l})})})},se=0,Fe=9999,We=[150,151,250,251],He=[152,153,252,253],Ge=[154,155,157,158,254,255,258,354,355,358],Ve=[156,159,160,256,259,260],oe=9998,U=e=>e===se,ce=e=>e===Fe,Gn=e=>We.includes(e),Vn=e=>He.includes(e),Yn=e=>Ge.includes(e),Zn=e=>Ve.includes(e),Xn=e=>e>se&&e<oe,Jn=e=>e===oe,Kn=/\n/,Ee=(e,n,t)=>e.split(n).flatMap((r,a)=>a!==0?[h.cloneElement(t,{key:Math.random().toString(32).slice(0,10)}),r]:r),Qn=(e,n,t)=>typeof e=="string"?Ee(e,n,t):e.flatMap(r=>typeof r=="string"?Ee(r,n,t):r),et=e=>Qn(e,Kn,i.jsx("br",{})),nt=/(\b(https?|):\/\/[-a-zA-Zа-яА-Я0-9+&@#/%?=~_|!:,.;]*[-a-zA-Zа-яА-Я0-9+&@#/%=~_|])/gi,tt=e=>e.match(nt)??[],Le=(e,n,t)=>{const r=e.split(n);if(r.length===1)return e;const a=[];return r[0]!==""&&a.push(r[0]),r.shift(),r[r.length-1]===""&&r.pop(),a.push(i.jsx("a",{href:n,target:"_blank",rel:"noreferrer noopener",children:n},n+t)),a.push(r.join(n)),a.filter(s=>s!=="")},Re=e=>{const n=tt(e);return n!=null&&n.length?n.reduce((t,r,a)=>typeof t=="string"?Le(t,r,a):t.flatMap(s=>typeof s=="string"?Le(s,r,a):s),e):e},rt=e=>typeof e=="string"?Re(e):e.flatMap(n=>typeof n=="string"?Re(n):n,e),it=(e,n="PP")=>Ae.format(e,n),at=(e,n,t="PP")=>Ae.format(Je.toZonedTime(e,n),t),st=e=>{h.useEffect(e,[])},ot=({children:e,config:n})=>{const{teams:t,currentTeamId:r,planId:a,isLimitedView:s,isTeamSuspended:c,canAccessTeamSettings:l,isEndOfTrialActive:u}=n,o=t.find(g=>g.id===r),d=t.filter(g=>g.id!==r),p=(o==null?void 0:o.role)??"",j=["biller","owner"].includes(p),x=U(a)||ce(a),y={...n,currentTeam:o,otherTeams:d,canChangeBilling:j,isOnFreeOrTrialPlan:x,showUpgradeCta:!s&&x&&j&&!c,showBillingButton:!s&&l&&j,allowTeamCreation:!s&&!u};return i.jsx(ze.Provider,{value:y,children:e})},ct=({config:e,children:n})=>i.jsx(ot,{config:e,children:i.jsx(Hn,{children:n})}),lt="_container_q5pot_1",ut="_profileEmail_q5pot_5",Ce={container:lt,profileEmail:ut},dt=({href:e,onClick:n,userEmail:t,hideBottomDivider:r})=>{const{isEndOfTrialActive:a,isTeamSuspended:s}=M();return a||s?null:i.jsxs(i.Fragment,{children:[i.jsx(f.MenuItem,{href:e,onClick:()=>{n==null||n()},children:i.jsxs("div",{className:`flex-col ${Ce.container}`,children:[i.jsx("span",{children:"Profile Settings"}),i.jsx("span",{className:Ce.profileEmail,children:t})]})}),!r&&i.jsx(f.MenuDivider,{})]})},ft="_wrapper_15d85_1",mt="_profileImage_15d85_14",gt="_teamName_15d85_22",bt="_planLabel_15d85_29",pt="_membership_15d85_38",ht="_defaultProfileImage_15d85_44",R={wrapper:ft,profileImage:mt,teamName:gt,planLabel:bt,membership:pt,defaultProfileImage:ht},Ye=({team:e,onClick:n,hidePlanLabel:t})=>{const{currentTeam:r,planId:a}=M(),s=e||r;if(!s)return null;const c=U(a)?"Free":ce(a)?"Trial":void 0,l=n?f.MenuItem:"div";return i.jsxs(l,{className:`flex-row gap-2 flex-nowrap items-center ${R.wrapper}`,...n&&{onClick:()=>n(s)},children:[s.logoUrl?i.jsx("img",{className:R.profileImage,src:s.logoUrl,alt:"Team Logo"}):i.jsx("span",{className:`flex-row justify-center items-center ${R.defaultProfileImage}`,children:i.jsx(f.UserIcon,{size:"25px"})}),i.jsxs("div",{className:"flex-col items-start",children:[i.jsxs("div",{className:"flex-row items-center flex-nowrap gap-2",children:[i.jsx("span",{title:s.name,className:R.teamName,children:s.name}),c&&!t&&i.jsx("span",{className:`flex-row justify-center items-center ${R.planLabel}`,children:c})]}),i.jsx("span",{className:R.membership,children:s.role})]})]})},_t="_teamsContainer_1t68g_1",vt={teamsContainer:_t},jt=({onSwitchTeam:e})=>{const{otherTeams:n}=M();return n.length===0?null:i.jsx("div",{className:`flex-col items-stretch ${vt.teamsContainer}`,children:n.map(t=>i.jsx(Ye,{team:t,onClick:e,hidePlanLabel:!0},t.id))})},xt="_container_1u995_1",Tt="_planCta_1u995_15",It="_upgradeIconWrapper_1u995_19",re={container:xt,planCta:Tt,upgradeIconWrapper:It},Nt=({upgradeOptionHref:e})=>{const{planId:n,trialDaysLeft:t,showUpgradeCta:r}=M();if(!r)return null;const c=U(n)?"Your team is currently on the Free plan":`Free trial ends in ${t} ${t===1?"day":"days"}`;return i.jsxs(f.MenuItem,{href:e,className:`flex-col gap-1 items-start ${re.container}`,children:[i.jsx("span",{className:re.planCta,children:c}),i.jsxs("div",{className:`flex-row items-center gap-1 ${re.upgradeIconWrapper}`,children:[i.jsx($e,{}),i.jsx("span",{children:"See upgrade options"})]})]})},I=({children:e,...n})=>i.jsx("nav",{...n,className:Sn.sidebarContainer,children:e});I.Top=({children:e})=>i.jsx("div",{children:e});I.Bottom=({children:e})=>i.jsx("div",{children:e});I.Avatar=Ln;I.IconLink=On;I.Menu=Mn;I.ProfileMenu=ct;I.TeamSwitch=jt;I.TeamMenuItem=Ye;I.UpgradeMenuItem=Nt;I.ProfileSettingsMenuItem=dt;const wt="_breadcrumbsItem_1hm6a_1",yt="_breadcrumbs_1hm6a_1",Oe={breadcrumbsItem:wt,breadcrumbs:yt},St=({items:e})=>i.jsx("nav",{"aria-label":"breadcrumb",className:Oe.breadcrumbs,children:e.map((n,t)=>i.jsxs(h.Fragment,{children:[i.jsx(f.Link,{className:Oe.breadcrumbsItem,href:n.link,rel:"noreferrer",children:n.name}),t<e.length-1&&i.jsx("span",{children:" — "})]},`${n.link}-${n.name}`))}),Pt=({items:e})=>i.jsx(i.Fragment,{children:e.map((n,t)=>i.jsxs(h.Fragment,{children:[!!t&&n.some(r=>r.visible)&&i.jsx(f.MenuDivider,{}),n.filter(({visible:r})=>r).map(({link:r,label:a,onClick:s})=>i.jsx(f.MenuItem,{href:r||"#","aria-label":a,onClick:s,children:a},a))]},n[0].label))}),Et="_badge_1pc1v_1",Lt="_tag_1pc1v_15",Rt="_withNavLinkStyle_1pc1v_42 _withLinkStyle_1pc1v_21",Ct="_disabled_1pc1v_57",Ot="_projectNavigationItem_1pc1v_61",kt="_projectNavigationItemDisabled_1pc1v_67",E={badge:Et,tag:Lt,withNavLinkStyle:Rt,disabled:Ct,projectNavigationItem:Ot,projectNavigationItemDisabled:kt},ke=({label:e,badge:n,novel:t})=>i.jsxs("div",{className:"flex gap-1",children:[i.jsxs("div",{children:[i.jsx("span",{children:e}),!!n&&i.jsx("div",{className:E.badge,"aria-label":`${n} items requiring attention`,children:n>9?"9+":n})]}),!!t&&i.jsx(f.Tag,{className:E.tag,children:t})]}),ie=h.forwardRef(({label:e,href:n="",disabled:t=!1,badge:r,onClick:a,novel:s},c)=>i.jsx(f.Tooltip,{tooltip:"You do not have access to this function",show:t,children:i.jsx("div",{className:t?E.projectNavigationItemDisabled:E.projectNavigationItem,children:a||t||!n?i.jsx("button",{type:"button",ref:c,className:L(E.withNavLinkStyle,{[E.disabled]:t}),disabled:t,onClick:a,children:i.jsx(ke,{label:e,badge:r,novel:s})}):i.jsx("a",{href:n,className:E.withNavLinkStyle,children:i.jsx(ke,{label:e,badge:r,novel:s})})})}));ie.displayName="NavigationTabsItem";const At=e=>(e==null?void 0:e.some(n=>n.some(t=>t.visible)))??!1,Mt=e=>e.visible&&(!e.dropdown||At(e.dropdown)),qt=({navigation:e,activeItem:n})=>i.jsx("nav",{"aria-label":"Project",children:i.jsx("ul",{className:C.navigationTabList,"aria-orientation":"horizontal",children:e.filter(Mt).map(t=>{var r,a,s;return t.dropdown?i.jsx("li",{className:C.navigationTab,"data-testid":t.key,"aria-selected":(r=t.isActive)==null?void 0:r.call(t,n),children:i.jsx(f.Menu,{menuButton:({opened:c})=>i.jsx(ie,{label:t.label,disabled:t.disabled,active:c}),children:i.jsx(f.MenuList,{children:i.jsx(Pt,{items:t.dropdown})})})},t.key):i.jsx("li",{className:C.navigationTab,"data-testid":t.key,"aria-selected":(a=t.isActive)==null?void 0:a.call(t,n),children:i.jsx(ie,{label:t.label,href:t.link,onClick:t.onClick,disabled:t.disabled,badge:t.badge,novel:t.novel,active:(s=t.isActive)==null?void 0:s.call(t,n)})},t.key)})})});exports.Breadcrumbs=St;exports.ENTERPRISE_OPENSOURCE_PLAN_ID=oe;exports.ENTERPRISE_PLAN_IDS=Ve;exports.ESSENTIAL_PLAN_IDS=He;exports.FREE_PLAN_ID=se;exports.NavigationPanel=A;exports.NavigationTabs=qt;exports.PRO_PLAN_IDS=Ge;exports.START_PLAN_IDS=We;exports.Sidebar=I;exports.TRIAL_PLAN_ID=Fe;exports.convertNewLineToBreakTag=et;exports.formatDate=it;exports.formatDateTz=at;exports.isEnterpriseOpenSourcePlan=Jn;exports.isEnterprisePlan=Zn;exports.isEssentialPlan=Vn;exports.isFreePlan=U;exports.isPaidPlan=Xn;exports.isProPlan=Yn;exports.isStartPlan=Gn;exports.isTrialPlan=ce;exports.makeUrlClickable=rt;exports.useEffectOnce=st;

package/dist/harmony.css

@@ -1 +1 @@
-._headerContainer_1cubo_1{display:flex;margin-bottom:var(--lok-spacing-1);width:100%;align-items:center}._navigationTabList_1cubo_8{display:flex;list-style:none;flex-wrap:wrap;margin:0 0 0 calc(-1 * var(--lok-spacing-6));padding:0}._navigationTab_1cubo_8{border:none;margin:0;border-bottom:2px solid transparent;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:var(--lok-typography-body-small-default);color:var(--lok-color-text-default);margin:0 0 0 var(--lok-spacing-6)}._navigationTab_1cubo_8[aria-selected=true]{font-weight:500;color:var(--lok-color-text-active);border-bottom-color:var(--lok-color-text-active)}._headerContent_1cubo_34{position:fixed;background-color:var(--lok-color-background-surface-default);top:0;left:95px;right:32px;z-index:899;padding-top:var(--lok-spacing-5);padding-left:30px;padding-right:30px;margin-left:-30px;margin-right:-30px;border-bottom:1px solid var(--lok-color-border-default)}._staticEnabled_1cubo_50{z-index:var(--lok-z-index-auto);position:relative;top:inherit;left:0;right:0;padding-top:0;box-shadow:none}._sidebarContainer_1qc9v_1{box-shadow:inset -7px 0 9px -7px #00000014;position:fixed;width:65px;top:0;left:0;bottom:0;background-color:var(--lok-color-background-surface-middle);display:flex;justify-content:space-between;flex-direction:column;padding-bottom:var(--lok-spacing-3);z-index:1}._logoLink_1qc9v_16{display:flex;align-items:center;justify-content:center;height:67px;position:relative}._logoLink_1qc9v_16:hover{background-color:var(--lok-color-background-surface-middle)}._logoLink_1qc9v_16>img{width:36px}._logoLink_1tgpl_1{display:flex;align-items:center;justify-content:center;height:67px;position:relative}._logoLink_1tgpl_1:hover{background-color:var(--lok-color-background-surface-middle)}._logoLink_1tgpl_1>img{width:36px}._link_2ptl6_1._link_2ptl6_1{display:flex;justify-content:center;align-items:center;height:65px;width:65px;background:transparent;border:none;outline:none;color:var(--lok-color-text-light-default)}._link_2ptl6_1._link_2ptl6_1:hover,._active_2ptl6_18._active_2ptl6_18{color:var(--lok-color-background-action-primary-default);background-color:var(--lok-color-background-surface-fore)}._dropdownButton_t7otz_1{display:flex;justify-content:center;align-items:center;height:65px;width:65px;background:transparent;border:none;outline:none;color:var(--lok-color-text-light-default)}._dropdownButton_t7otz_1:hover,._dropdownButtonActive_t7otz_18{color:var(--lok-color-background-action-primary-default);background-color:var(--lok-color-background-surface-fore)}._navItem_1jmyj_1{border:0;padding:0;background:none;width:100%;display:flex;justify-content:center;align-items:center;position:relative;height:65px;color:var(--lok-color-text-light-default)}._navItem_1jmyj_1:hover,._activeNavItem_1jmyj_19{color:var(--lok-color-background-action-primary-default);background-color:var(--lok-color-background-surface-fore)}._badge_1jmyj_24{position:absolute;top:calc(50% - 16px);left:calc(50% + 2px);display:flex;align-items:center;justify-content:center;text-align:center;width:16px;height:16px;border-radius:var(--lok-radius-rounded);background-color:var(--lok-color-text-danger);font-size:10px;text-transform:uppercase;color:var(--lok-color-text-inverse)}._langRowCompleted_1aukv_1{background:var(--lok-color-background-info)}._langRowCompleted_1aukv_1 td{overflow:hidden;text-overflow:ellipsis;text-align:left}._langRowCompleted_1aukv_1 td:first-child{border-left:2px solid var(--lok-color-background-action-primary-default)}._langCellSecondary_1aukv_14{color:var(--lok-color-text-light-default);text-align:left}._langStatus_1aukv_19{color:var(--lok-color-text-light-default)}._langStatus_1aukv_19:before{display:inline-block;content:"";width:6px;height:6px;border-radius:50%;margin:6px 5px 5px;background-color:var(--lok-color-border-default)}._langStatus_1aukv_19[data-status=completed]:before{background-color:var(--lok-color-border-success)}._langStatus_1aukv_19[data-status=in_progress]:before{background-color:var(--lok-color-border-warning)}._taskContainer_1e51j_1{padding:var(--lok-spacing-4);position:relative}._taskContainer_1e51j_1:not(:first-child):before{display:block;content:"";height:1px;width:calc(100% - 2 * var(--lok-spacing-4));position:absolute;top:0;left:var(--lok-spacing-4);background:var(--lok-color-background-surface-fore)}._tagDue_1e51j_17{background:#dea829}._taskTitle_1e51j_21{font:var(--lok-typography-heading-4);overflow:hidden;text-overflow:ellipsis}._taskDescription_1e51j_27{color:var(--lok-color-text-light-default);overflow:hidden;text-overflow:ellipsis}._languagesTable_1e51j_33{table-layout:fixed;margin-top:var(--lok-spacing-3);width:auto;margin-left:calc(var(--lok-spacing-4) * -1);border-collapse:separate}._languagesTable_1e51j_33 tbody td{padding-top:var(--lok-spacing-1);padding-bottom:var(--lok-spacing-1)}._languagesTable_1e51j_33 thead th:first-child,._languagesTable_1e51j_33 tbody td:first-child{padding-left:var(--lok-spacing-4)}._languagesTable_1e51j_33 thead th,._languagesTable_1e51j_33 tbody td{padding-left:var(--lok-spacing-2)}._languagesTable_1e51j_33 thead th:last-child,._languagesTable_1e51j_33 tbody td:last-child{padding-right:var(--lok-spacing-4)}._languagesTable_1e51j_33 thead tr th{color:var(--lok-color-text-light-default);text-align:left;padding-bottom:var(--lok-spacing-1);font:var(--lok-typography-body-tiny-default);text-transform:uppercase}._languagesTable_1e51j_33 thead tr th:nth-child(1){width:184px}._languagesTable_1e51j_33 thead tr th:nth-child(2){width:98px}._languagesTable_1e51j_33 thead tr th:nth-child(3){width:70px}._languagesTable_1e51j_33 thead tr th:nth-child(4){width:118px}._metadata_1e51j_85{color:var(--lok-color-text-light-default);margin:var(--lok-spacing-3) 0 0;font:var(--lok-typography-body-tiny-default)}._metadata_1e51j_85>span{overflow:hidden;text-overflow:ellipsis;flex-basis:100%;max-width:max-content}._metadata_1e51j_85>span:not(:first-child){margin-left:var(--lok-spacing-1)}._metadata_1e51j_85>span:not(:first-child):before{content:"•";margin-right:var(--lok-spacing-1)}._loadingContainer_1l6uh_1{height:100px;width:487px}._noTasksContainer_1l6uh_6{text-align:center;padding:var(--lok-spacing-8);width:360px}._noTasksHeading_1l6uh_12{font:var(--lok-typography-heading-3)}._noTasksText_1l6uh_16{font:var(--lok-typography-body-action-base);color:var(--lok-color-text-light-default)}._tasksContainer_1l6uh_21{width:487px;max-height:70vh;overflow-y:auto;overflow-x:hidden}._iconContainer_18sqh_1{color:var(--lok-color-background-surface-default);background-color:var(--lok-color-background-action-danger-default);border-radius:100%;font-size:10px;height:16px;width:16px}._popoverContent_1dcf5_1{width:300px}._menuContainer_1dcf5_5{margin:var(--lok-spacing-1);width:300px;font-size:var(--lok-font-size-small)}._menuContainer_1dcf5_5 button,._menuContainer_1dcf5_5 a{font-size:var(--lok-font-size-small);padding:var(--lok-spacing-3) var(--lok-spacing-4)}._profileButton_1dcf5_16{cursor:pointer;position:relative;border:none;background:transparent;height:65px;width:65px}._profileButton_1dcf5_16:hover{background:none}._profileImage_1dcf5_29{width:40px;height:40px;border-radius:100%;background-color:var(--lok-color-background-surface-default);object-fit:contain}._profileImageHighlight_1dcf5_37{border:3px solid var(--lok-color-background-action-danger-default)}._profileImageUpgradeIcon_1dcf5_41{position:absolute;bottom:10px;right:10px}._userIconWrapper_1dcf5_47{width:45px;height:45px;display:flex;align-items:center;border-radius:var(--lok-radius-rounded);justify-content:center;margin:auto}._container_k7g5r_1{max-width:100%}._profileEmail_k7g5r_5{color:var(--lok-color-text-light-default);font-size:var(--lok-font-size-tiny);max-width:100%;overflow:hidden;text-overflow:ellipsis}._wrapper_1d834_1{padding:var(--lok-spacing-3) var(--lok-spacing-4)}._buttonWrapper_1d834_5{background:transparent;outline:none;border:none}._buttonWrapper_1d834_5:hover{background:var(--lok-color-background-active)}._profileImage_1d834_14{width:40px;height:40px;border-radius:100%;background-color:var(--lok-color-background-surface-default);object-fit:contain}._teamName_1d834_22{font:var(--lok-typography-body-base-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._planLabel_1d834_29{font:var(--lok-typography-body-tiny-default);height:20px;border-radius:var(--lok-radius-rounded);padding:2px var(--lok-spacing-2);background-color:var(--lok-color-background-danger);white-space:nowrap}._membership_1d834_38{font:var(--lok-typography-body-action-base);text-transform:capitalize;color:var(--lok-color-text-light-default)}._defaultProfileImage_1d834_44{width:40px;height:40px}._teamsContainer_l4r3v_1{width:100%;max-height:350px;overflow-y:auto}._profileImage_l4r3v_10{width:40px;height:40px;border-radius:100%;background-color:var(--lok-color-background-surface-default);object-fit:contain}._container_jmnsf_1{max-width:100%;min-width:0;padding:var(--lok-spacing-3) var(--lok-spacing-4);background:var(--lok-color-background-surface-middle);border:0}._container_jmnsf_1:hover ._upgrade-icon_jmnsf_9{color:var(--lok-color-text-inverse)}._planCta_jmnsf_15{font:var(--lok-typography-body-small-default)}._upgradeIconWrapper_jmnsf_19{color:var(--lok-color-text-danger);font:var(--lok-typography-body-small-strong);height:16px}
+._headerContainer_1cubo_1{display:flex;margin-bottom:var(--lok-spacing-1);width:100%;align-items:center}._navigationTabList_1cubo_8{display:flex;list-style:none;flex-wrap:wrap;margin:0 0 0 calc(-1 * var(--lok-spacing-6));padding:0}._navigationTab_1cubo_8{border:none;margin:0;border-bottom:2px solid transparent;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:var(--lok-typography-body-small-default);color:var(--lok-color-text-default);margin:0 0 0 var(--lok-spacing-6)}._navigationTab_1cubo_8[aria-selected=true]{font-weight:500;color:var(--lok-color-text-active);border-bottom-color:var(--lok-color-text-active)}._headerContent_1cubo_34{position:fixed;background-color:var(--lok-color-background-surface-default);top:0;left:95px;right:32px;z-index:899;padding-top:var(--lok-spacing-5);padding-left:30px;padding-right:30px;margin-left:-30px;margin-right:-30px;border-bottom:1px solid var(--lok-color-border-default)}._staticEnabled_1cubo_50{z-index:var(--lok-z-index-auto);position:relative;top:inherit;left:0;right:0;padding-top:0;box-shadow:none}._sidebarContainer_bmdti_1{border-right:1px solid var(--lok-color-border-default);position:fixed;width:65px;top:0;left:0;bottom:0;background-color:var(--lok-color-background-surface-middle);display:flex;justify-content:space-between;flex-direction:column;padding-bottom:var(--lok-spacing-3);z-index:1}._logoLink_bmdti_16{display:flex;align-items:center;justify-content:center;height:67px;position:relative}._logoLink_bmdti_16:hover{background-color:var(--lok-color-background-surface-middle)}._logoLink_bmdti_16>img{width:36px}._logoLink_1baxb_1{display:flex;align-items:center;justify-content:center;height:67px;position:relative}._logoLink_1baxb_1:hover{background-color:var(--lok-color-background-surface-middle)}._logoLink_1baxb_1>img{width:36px}._link_1weq1_1._link_1weq1_1{display:flex;justify-content:center;align-items:center;height:65px;width:65px;background:transparent;border:none;outline:none;color:var(--lok-color-text-light-default)}._link_1weq1_1._link_1weq1_1:hover,._active_1weq1_18._active_1weq1_18{color:var(--lok-color-background-action-primary-default);background-color:var(--lok-color-background-surface-fore)}._dropdownButton_hwh0c_1{display:flex;justify-content:center;align-items:center;height:65px;width:65px;background:transparent;border:none;outline:none;color:var(--lok-color-text-light-default)}._dropdownButton_hwh0c_1:hover,._dropdownButtonActive_hwh0c_18{color:var(--lok-color-background-action-primary-default);background-color:var(--lok-color-background-surface-fore)}._iconContainer_nz34m_1{color:var(--lok-color-background-surface-default);background-color:var(--lok-color-background-action-danger-default);border-radius:100%;font-size:10px;height:16px;width:16px}._popoverContent_wbu3u_1{width:300px}._menuContainer_wbu3u_5{margin:var(--lok-spacing-1);width:300px;font-size:var(--lok-font-size-small)}._menuContainer_wbu3u_5 button,._menuContainer_wbu3u_5 a{font-size:var(--lok-font-size-small);padding:var(--lok-spacing-3) var(--lok-spacing-4)}._profileButton_wbu3u_16{cursor:pointer;position:relative;border:none;background:transparent;height:65px;width:65px}._profileButton_wbu3u_16:hover{background:none}._profileImage_wbu3u_29{width:40px;height:40px;border-radius:100%;background-color:var(--lok-color-background-surface-default);object-fit:contain}._profileImageHighlight_wbu3u_37{border:3px solid var(--lok-color-background-action-danger-default)}._profileImageUpgradeIcon_wbu3u_41{position:absolute;bottom:10px;right:10px}._userIconWrapper_wbu3u_47{width:45px;height:45px;display:flex;align-items:center;border-radius:var(--lok-radius-rounded);justify-content:center;margin:auto}._container_q5pot_1{max-width:100%}._profileEmail_q5pot_5{color:var(--lok-color-text-light-default);font-size:var(--lok-font-size-tiny);max-width:100%;overflow:hidden;text-overflow:ellipsis}._wrapper_15d85_1{padding:var(--lok-spacing-3) var(--lok-spacing-4)}._buttonWrapper_15d85_5{background:transparent;outline:none;border:none}._buttonWrapper_15d85_5:hover{background:var(--lok-color-background-active)}._profileImage_15d85_14{width:40px;height:40px;border-radius:100%;background-color:var(--lok-color-background-surface-default);object-fit:contain}._teamName_15d85_22{font:var(--lok-typography-body-base-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._planLabel_15d85_29{font:var(--lok-typography-body-tiny-default);height:20px;border-radius:var(--lok-radius-rounded);padding:2px var(--lok-spacing-2);background-color:var(--lok-color-background-danger);white-space:nowrap}._membership_15d85_38{font:var(--lok-typography-body-action-base);text-transform:capitalize;color:var(--lok-color-text-light-default)}._defaultProfileImage_15d85_44{width:40px;height:40px}._teamsContainer_1t68g_1{width:100%;max-height:350px;overflow-y:auto}._profileImage_1t68g_10{width:40px;height:40px;border-radius:100%;background-color:var(--lok-color-background-surface-default);object-fit:contain}._container_1u995_1{max-width:100%;min-width:0;padding:var(--lok-spacing-3) var(--lok-spacing-4);background:var(--lok-color-background-surface-middle);border:0}._container_1u995_1:hover ._upgrade-icon_1u995_9{color:var(--lok-color-text-inverse)}._planCta_1u995_15{font:var(--lok-typography-body-small-default)}._upgradeIconWrapper_1u995_19{color:var(--lok-color-text-danger);font:var(--lok-typography-body-small-strong);height:16px}._breadcrumbsItem_1hm6a_1{color:var(--lok-color-text-light-default);text-decoration:none}._breadcrumbs_1hm6a_1{font:var(--lok-typography-body-small-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--lok-spacing-1);max-width:90%}._breadcrumbs_1hm6a_1>*{white-space:nowrap}._badge_1pc1v_1{position:absolute;top:5px;right:-13px;background-color:var(--lok-color-background-action-danger-default);font-size:8px;color:var(--lok-color-text-inverse);border-radius:var(--lok-radius-rounded);width:12px;height:12px;line-height:12px;text-align:center}._tag_1pc1v_15{background-color:var(--lok-color-background-active);border:none;color:var(--lok-color-background-action-primary-pressed)}._withLinkStyle_1pc1v_21{cursor:pointer;font-size:inherit;font-weight:inherit;line-height:inherit;color:var(--lok-color-background-action-primary-default);background-color:transparent;padding:0;border:none}._withLinkStyle_1pc1v_21:hover,._withLinkStyle_1pc1v_21:focus{color:var(--lok-color-background-action-primary-hover)}._withLinkStyle_1pc1v_21:active,._withLinkStyle_1pc1v_21:active:hover{color:var(--lok-color-background-action-primary-pressed)}._withNavLinkStyle_1pc1v_42{color:inherit;display:block;position:relative;padding-top:var(--lok-spacing-2);padding-bottom:14px;background-color:transparent;text-decoration:none}._withNavLinkStyle_1pc1v_42[disabled]{pointer-events:none}._withNavLinkStyle_1pc1v_42._disabled_1pc1v_57{color:var(--lok-color-text-disabled)}._projectNavigationItem_1pc1v_61{display:flex;align-items:center;justify-content:space-between}._projectNavigationItemDisabled_1pc1v_67{opacity:.6;pointer-events:none}