@teambit/ui 1.0.1242 → 1.0.1243

package/artifacts/ui-bundle/public/bit/static/js/{528.4f961664.js → 528.9d4b59d7.js}

@@ -428,7 +428,7 @@ ${l}`}).join("\n\n")+"\n"};let i="  \u2500\u2500\u2500>  "},50957(t,n,r){"use st
       }
     }
   }
-`;let p=(0,u.createContext)(void 0)},33006(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompareSidebar=function({groups:t,selectedId:n,selectedFile:r,onSelect:a,loading:i,className:o,defaultExpandFiles:s}){return(0,u.jsxs)("div",{className:`${p.default.sidebar}${o?` ${o}`:""}`,children:[(0,u.jsxs)("div",{className:p.default.sidebarHeader,children:[(0,u.jsx)("span",{className:p.default.sidebarTitle,children:"Components"}),n&&(0,u.jsx)("button",{className:p.default.clearSelectionLink,onClick:()=>a(""),children:"Clear"})]}),(0,u.jsxs)("div",{className:p.default.sidebarContent,children:[i&&(0,u.jsx)("div",{className:p.default.sidebarLoading,children:Array.from({length:8}).map((t,n)=>(0,u.jsx)("div",{className:p.default.sidebarSkeleton,children:(0,u.jsx)("div",{className:p.default.skeleton,style:{width:`${60+n%3*20}%`,height:"12px"}})},n))}),!i&&t.map(i=>(0,u.jsx)(m,{group:i,selectedId:n,selectedFile:r,onSelect:a,isSingleGroup:1===t.length,defaultExpandFiles:s},i.key))]})]})};let u=r(11684),c=s(r(12888)),d=r(516),p=l(r(17124));function m({group:t,selectedId:n,selectedFile:r,onSelect:a,isSingleGroup:i,defaultExpandFiles:o}){let[s,l]=(0,c.useState)(!1);return(0,u.jsxs)("div",{className:p.default.sidebarGroup,children:[!i&&(0,u.jsxs)("button",{className:p.default.sidebarGroupHeader,onClick:()=>l(!s),children:[(0,u.jsx)(d.Icon,{of:"fat-arrow-down",className:`${p.default.chevron} ${s?p.default.chevronCollapsed:""}`}),t.icon&&(0,u.jsx)(d.Icon,{of:t.icon}),(0,u.jsx)("span",{className:p.default.groupLabel,children:t.label}),(0,u.jsx)("span",{className:p.default.groupCount,children:t.items.length})]}),!s&&(0,u.jsx)("div",{className:p.default.sidebarItems,children:t.items.map(t=>(0,u.jsx)(f,{item:t,isSelected:n===t.id,selectedFile:n===t.id?r:void 0,onSelect:a,defaultExpand:o},t.id))})]})}function f({item:t,isSelected:n,selectedFile:r,onSelect:a,defaultExpand:i}){var o;let[s,l]=(0,c.useState)(i??!1),m=t.files&&t.files.length>0;return(0,c.useEffect)(()=>{i&&m&&l(!0)},[i,m]),(0,u.jsxs)("div",{className:p.default.componentItemWrapper,children:[(0,u.jsxs)("button",{className:`${p.default.sidebarItem} ${n&&!r?p.default.sidebarItemSelected:""}`,onClick:()=>a(t.id),children:[m?(0,u.jsx)("span",{className:`${p.default.fileChevron} ${s?"":p.default.chevronCollapsed}`,role:"button",tabIndex:0,"aria-label":s?"Collapse files":"Expand files",onClick:t=>{t.stopPropagation(),l(!s)},onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),t.stopPropagation(),l(!s))},children:(0,u.jsx)(d.Icon,{of:"fat-arrow-down",className:p.default.chevronIcon})}):(0,u.jsx)("span",{className:p.default.fileChevronPlaceholder}),t.envIcon?(0,u.jsx)("img",{src:t.envIcon,className:p.default.envIcon,alt:""}):(0,u.jsx)("span",{className:p.default.envIconPlaceholder}),(0,u.jsx)("span",{className:p.default.componentName,children:t.name}),t.sourceIndicator&&(0,u.jsx)("span",{className:p.default.sourceIndicator,children:t.sourceIndicator}),t.status&&(0,u.jsx)("span",{className:`${p.default.componentStatus} ${p.default[`componentStatus${t.status}`]||""}`,children:h[o=t.status]||o}),m&&(0,u.jsx)("span",{className:p.default.fileCount,children:t.files.length})]}),s&&m&&(0,u.jsx)("div",{className:p.default.fileTree,children:t.files.map(i=>(0,u.jsxs)("button",{className:`${p.default.fileItem} ${r===i.name&&n?p.default.fileItemSelected:""}`,onClick:()=>a(t.id,i.name),children:[(0,u.jsx)("span",{className:`${p.default.fileStatus} ${i.status?p.default[`fileStatus${i.status}`]:""}`}),(0,u.jsx)("span",{className:p.default.fileName,children:i.name}),i.status&&"UNCHANGED"!==i.status&&(0,u.jsx)("span",{className:`${p.default.fileStatusLabel} ${p.default[`fileStatusLabel${i.status}`]||""}`,children:"NEW"===i.status?"N":"DELETED"===i.status?"D":"M"})]},i.name))})]})}let h={NEW:"New",SOURCE_CODE:"Modified",DEPENDENCY:"Modified",ASPECTS:"Modified",MODIFIED:"Modified",DELETED:"Deleted"}},90211(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompareToolbarActions=function({viewMode:t,diffMode:n,onDiffModeChange:r,depsShowAll:a,onDepsShowAllChange:l}){return"code"===t||"config"===t||"tests"===t?(0,i.jsx)(o.ToggleButton,{onOptionSelect:t=>r(0===t?"split":"unified"),defaultIndex:+("split"!==n),options:[{value:"split",element:(0,i.jsx)("span",{children:"Split"})},{value:"unified",element:(0,i.jsx)("span",{children:"Unified"})}],className:s.default.diffModeToggle}):"dependencies"===t?(0,i.jsx)(o.ToggleButton,{onOptionSelect:t=>l(1===t),defaultIndex:+!!a,options:[{value:"changed",element:(0,i.jsx)("span",{children:"Changed"})},{value:"all",element:(0,i.jsx)("span",{children:"All"})}],className:s.default.diffModeToggle}):null};let i=r(11684);a(r(12888));let o=r(74256),s=a(r(46133))},38709(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompareToolbar=function({viewMode:t,onViewModeChange:n,groupBy:r,onGroupByChange:a,endActions:p,counts:m,showCounts:f=!0,loading:h,viewModes:g,groupByOptions:b,componentOptions:y,selectedComponents:v,onSelectedComponentsChange:_,searchPlaceholder:w="Search components",className:x,sidebarWidth:k}){let j=g.map(t=>({value:t.id,label:t.displayName,icon:t.icon,count:m[t.id]??0})).filter(t=>t.count>0),C=!!(b&&b.length>0&&a),S=C?Math.max(0,b.findIndex(t=>t.value===r)):0,O=j.findIndex(n=>n.value===t);return(0,i.jsxs)("div",{className:`${c.default.toolbar}${x?` ${x}`:""}`,style:k?{"--sidebar-width":`${k}px`}:void 0,children:[y&&_&&(0,i.jsx)("div",{className:c.default.toolbarSearch,children:(0,i.jsx)(u.MultiSelect,{id:"search-components",styles:d,placeholder:w,options:y,activeOptions:v||[],onChange:t=>_(t||[]),className:c.default.componentSearchSelect})}),(0,i.jsxs)("div",{className:c.default.toolbarLeft,children:[(0,i.jsx)(o.ToggleButton,{onOptionSelect:t=>{n(j[t].value)},defaultIndex:O>=0?O:0,options:j.map(t=>({value:t.value,element:(0,i.jsxs)("div",{className:c.default.toolbarOption,children:[t.icon&&(0,i.jsx)(s.Icon,{of:t.icon}),(0,i.jsx)("span",{children:t.label}),f&&(h?(0,i.jsx)("span",{className:c.default.toolbarBadgeSkeleton}):(0,i.jsx)("span",{className:c.default.toolbarBadge,children:t.count}))]})})),className:c.default.viewModeToggle}),C&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:c.default.toolbarSeparator}),(0,i.jsx)(o.ToggleButton,{onOptionSelect:t=>a(b[t].value),defaultIndex:S>=0?S:0,options:b.map(t=>({value:t.value,element:(0,i.jsx)(l.Tooltip,{content:`Group by ${t.label}`,children:(0,i.jsx)("span",{children:t.label})})})),className:c.default.groupByToggle})]})]}),p&&(0,i.jsx)("div",{className:c.default.toolbarRight,children:p})]})};let i=r(11684);a(r(12888));let o=r(74256),s=r(516),l=r(62634),u=r(88320),c=a(r(46133)),d={control:()=>({fontSize:"13px",padding:"2px 4px",height:"32px",width:"100%"}),singleValue:()=>({padding:0})}},41009(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.InlineComponentCompare=void 0,n.ComponentCompare=function(t){let{host:n,baseId:r,compareId:a,routes:i,state:o,tabs:s,className:l,hooks:p,changes:m,customUseComponent:y,Loader:_=T,baseContext:x,compareContext:j,isFullScreen:C,hidden:E=!1,compareIdOverride:$,baseIdOverride:P,...N}=t,M=(0,b.useCompareQueryParam)("baseVersion"),A=(0,c.useContext)(f.ComponentContext),F=(0,c.useContext)(f.ComponentDescriptorContext),R=(0,v.useLocation)(),L="teambit.workspace/workspace"===n,z=!L||R?.search.includes("version")||a||A.logs?.length!==0?"teambit.scope/scope":n,{component:B,loading:q,componentDescriptor:G}=(0,f.useComponent)(z,$?.toString()||a?.toString(),{skip:E||!a&&!$,customUseComponent:y,logFilters:{log:{}}}),U=(0,c.useMemo)(()=>(B?.logs||A.logs)?.slice().sort(k.sortByDateDsc)||[],[A.id.toString(),q,A.logs?.length,B?.logs?.length]),V=(0,c.useMemo)(()=>0===U.length,[U]),H=!L||V||R?.search.includes("version")||a?A.id.version:"workspace",Z="workspace"===H,X=(0,c.useMemo)(()=>Z?U[0]:U.find((t,n,r)=>{if("workspace"===H||1===r.length)return!0;if(0===n)return!1;let a=n-1;return r[a].tag===H||r[a].hash===H}),[U,H,Z]),W=c.default.useMemo(()=>r||M&&A.id.changeVersion(M)||X&&A.id.changeVersion(X.tag||X.hash)||A.id,[q,r,M,X?.tag,X?.hash]),{component:Y,loading:Q,componentDescriptor:K}=(0,f.useComponent)("teambit.scope/scope",P?.toString()||W?.toString(),{customUseComponent:y,skip:E||!W&&!P,logFilters:{log:{}}}),J=Q||q,ee=a?B:A,et=`${Y?.id.toString()}-${ee?.id.toString()}`,en=(0,c.useMemo)(()=>(ee?.logs||[]).slice().reduce(w.groupByVersion,new Map),[ee?.id.toString()]),er=E||Y?.id.version?.toString()===ee?.id.version?.toString()&&!Z,{loading:ea,componentCompareData:ei}=(0,g.useComponentCompareQuery)(Y?.id.toString(),ee?.id.toString(),void 0,er),{loading:eo,result:es}=(0,O.useApiDiff)(Y?.id.toString(),ee?.id.toString(),{skip:E}),el=(0,c.useMemo)(()=>{if(J||ea)return;if(!ea&&!ei)return null;let t=new Map;return(ei?.code||[]).forEach(n=>{t.set(n.fileName,n)}),t},[ea,J,et,ei]),eu=(0,c.useMemo)(()=>{if(J||ea)return;if(!ea&&!ei)return null;let t=new Map;return(ei?.aspects||[]).forEach(n=>{t.set(n.fieldName,n)}),t},[ea,J,et,ei]),ec=(0,c.useMemo)(()=>{if(J||ea)return;if(!ea&&!ei)return null;let t=new Map;return(ei?.tests||[]).forEach(n=>{t.set(n.fileName,n)}),t},[ea,J,et,ei]),ed=(0,c.useMemo)(()=>{if(!J&&!eo)return es??null},[J,eo,et,es]),ep=(0,c.useMemo)(()=>({compare:ee&&{model:ee,descriptor:G||F,hasLocalChanges:Z},base:Y&&{model:Y,descriptor:K},loading:J,logsByVersion:en,state:o,hooks:p,baseContext:x,compareContext:j,fieldCompareDataByName:eu,fileCompareDataByName:el,testCompareDataByName:ec,apiDiffResult:ed,isFullScreen:C,hidden:E}),[ee,G,F,Z,Y,K,J,en,o,p,x,j,eu,el,ec,ed,C,E]),em=(0,c.useMemo)(()=>m||function(t,n,r,a,i,o){if(!t&&!n)return null;if(!t?.version)return[S.ChangeType.NEW];if(null===r||null===a)return null;if(void 0===r||void 0===a)return;let s=[...r.values()],l=o?.hasChanges??!1;if(0===a.size&&(0===r.size||s.every(t=>"UNCHANGED"===t.status))&&!l)return[S.ChangeType.NONE];let u=[],c=["dependencies","devDependencies","extensionDependencies","packageDependencies"];return i?.size&&u.push(S.ChangeType.TESTS),r.size>0&&s.some(t=>"UNCHANGED"!==t.status)&&u.push(S.ChangeType.SOURCE_CODE),a.size>0&&u.push(S.ChangeType.ASPECTS),[...a.values()].some(t=>c.includes(t.fieldName))&&u.push(S.ChangeType.DEPENDENCY),l&&u.push("API"),u}(W,ee?.id,el,eu,ec,ed),[m,W,ee,el,eu,ec,ed]);return(0,u.jsx)(h.ComponentCompareContext.Provider,{value:ep,children:(0,u.jsx)("div",{className:(0,d.default)(D.default.componentCompareContainer,l),...N,children:(0,u.jsx)(I,{...t,componentId:ee?.id?.toStringWithoutVersion()||W.toStringWithoutVersion()||A?.id?.toStringWithoutVersion(),baseVersion:W.version,compareVersion:a?.version||A.id.version,compareHasLocalChanges:Z,changes:em,loading:J,Loader:_},et)})})},n.DeferredTab=z,n.NewComponentFileRegistrar=G,n.ComponentCompareHeader=V,n.RegistryFeeder=function({pairs:t}){return(0,u.jsx)(u.Fragment,{children:t.map(t=>(0,u.jsx)(Z,{compareId:t.compareId},t.compareId))})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(83249),m=r(19100),f=r(30266),h=r(12066),g=r(1240),b=r(13837),y=r(52792),v=r(19304),_=r(72164),w=r(83535),x=r(28757),k=r(67741),j=r(28669),C=r(91317),S=r(33320),O=r(7110),E=r(1814),$=r(65354),D=l(r(70993));function P(){return(0,u.jsx)(C.WordSkeleton,{className:D.default.tabLoader,length:5})}function N({children:t,changed:n,changeTypeCss:r,loading:a,className:i,...o}){let s=(0,c.useMemo)(()=>n?.some(t=>t!==S.ChangeType.NONE&&t!==S.ChangeType.NEW),[n]);return a?(0,u.jsx)(P,{}):(0,u.jsxs)("div",{...o,className:(0,d.default)(D.default.compareMenuTab,i),children:[r&&s&&(0,u.jsx)("div",{className:(0,d.default)(D.default.indicator,r)}),(0,u.jsx)("div",{className:(0,d.default)(D.default.menuTab),children:t})]})}function M({tabs:t,state:n,hooks:r,changes:a}){let i=n?.tabs?.id,o=n?.tabs?.controlled,s=(0,j.extractLazyLoadedData)(t)||[],l=(0,c.useMemo)(()=>s.sort(x.sortTabs).map((t,s)=>{let l=n?!!i&&!!t?.id&&i===t.id:void 0,c=a&&t.changeType&&a.some(n=>t.changeType===n)?D.default.hasChanged:null,d=void 0===a,p=`${t.id}-tab-${c}`;return[t.id||`tab-${s}`,{...t,props:{...t.props,key:p,displayName:!d&&t.displayName||void 0,active:l,onClick:function({hooks:t,id:n}){if(t?.tabs?.onClick)return r=>t?.tabs?.onClick?.(n,r)}({id:t.id,hooks:r}),href:!o&&t.props?.href||void 0,activeClassName:!d&&D.default.activeNav||D.default.loadingNav,className:D.default.navItem,children:(0,u.jsx)(N,{loading:d,changeTypeCss:c,changed:a,children:t.props?.children},p)}}]}),[s.length,i,a,a?.length]),d=(0,c.useMemo)(()=>l.filter(([,t])=>!t.widget),[l.length,i,a?.length,a]),p=(0,c.useMemo)(()=>l.filter(([,t])=>t.widget),[l.length,i,a?.length,a]);return(0,u.jsx)("div",{className:D.default.navContainer,children:(0,u.jsx)(f.CollapsibleMenuNav,{navPlugins:d,widgetPlugins:p})})}function T({className:t,...n}){return(0,u.jsxs)("div",{className:t,...n,children:[(0,u.jsx)(C.BlockSkeleton,{className:D.default.navLoader,lines:3}),(0,u.jsxs)("div",{className:D.default.compareLoader,children:[(0,u.jsx)("div",{className:D.default.compareViewLoader,children:(0,u.jsx)(C.BlockSkeleton,{lines:30})}),(0,u.jsx)("div",{className:D.default.compareSidebarLoader,children:(0,u.jsx)(C.BlockSkeleton,{lines:30})})]})]})}function I(t){let{routes:n,state:r,loading:a,Loader:i=T,baseVersion:o,compareVersion:s,compareHasLocalChanges:l,componentId:c,hidden:p}=t,m=r?.versionPicker?.element!==null;return(0,u.jsxs)(u.Fragment,{children:[m&&(0,u.jsx)("div",{className:D.default.top,children:r?.versionPicker?.element||(0,u.jsx)(y.ComponentCompareVersionPicker,{componentId:c,baseVersion:o,compareVersion:s,compareHasLocalChanges:l,host:t.host,customUseComponent:t.customUseComponent})}),a&&!p&&(0,u.jsx)(i,{className:(0,d.default)(D.default.loader)}),!a&&(0,u.jsxs)("div",{className:(0,d.default)(D.default.bottom,p&&D.default.hidden),children:[(0,u.jsx)(M,{...t}),((0,j.extractLazyLoadedData)(n)||[]).length>0&&(0,u.jsx)(_.SlotRouter,{routes:(0,j.extractLazyLoadedData)(n)||[]}),r?.tabs?.element]})]})}let A=[],F=!1;function R(t){return A.push(t),F||(F=!0,requestAnimationFrame(function t(){let n=A.shift();n&&(0,c.startTransition)(n),A.length>0?requestAnimationFrame(t):F=!1})),()=>{let n=A.indexOf(t);-1!==n&&A.splice(n,1)}}let L=(0,c.forwardRef)(function({name:t,baseId:n,compareId:r,baseVersion:a,compareVersion:i,baseUrl:o,compareUrl:s,envIcon:l,changeTags:d,accentColor:p,tabs:m,allTabs:f,children:h,className:g,host:b="teambit.scope/scope",baseOverride:y,compareOverride:v,dataAttributes:_},w){let x=(0,c.useRef)(null),[k,j]=(0,c.useState)(!1),C=c.default.useCallback(t=>{x.current=t,"function"==typeof w?w(t):w&&(w.current=t)},[w]);return(0,c.useEffect)(()=>{let t,n=x.current;if(!n)return;let r=new IntersectionObserver(([n])=>{n.isIntersecting&&(r.disconnect(),t=R(()=>j(!0)))},{rootMargin:"400px 0px"});return r.observe(n),()=>{r.disconnect(),t?.()}},[]),(0,u.jsxs)("div",{ref:C,className:`${D.default.componentCompare} ${g||""}`,"data-component-id":r.split("@")[0],style:p?{"--component-accent":p}:void 0,..._,children:[(0,u.jsx)(V,{name:t,componentId:r.split("@")[0],envIcon:l,baseVersion:a,compareVersion:i,baseUrl:o,compareUrl:s,changeTags:d}),!n&&!!r&&(0,u.jsx)(G,{compareId:r}),!k&&(0,u.jsx)(H,{lines:4,className:D.default.sectionPlaceholder}),k&&(0,u.jsxs)(q,{baseId:n,compareId:r,host:b,baseOverride:y,compareOverride:v,children:[f?f.map(t=>(0,u.jsx)(z,{tabId:t.id,lazy:t.lazy,children:t.element},t.id)):m&&m.map(t=>(0,u.jsx)("div",{children:t.element},t.id)),h]})]})});function z({tabId:t,children:n,lazy:r}){let a=(0,c.useRef)(null),[i,o]=(0,c.useState)(!r);return(0,c.useEffect)(()=>{let t;if(i)return;let n=a.current;if(!n)return;let r=new IntersectionObserver(([n])=>{n.isIntersecting&&(r.disconnect(),t=R(()=>o(!0)))},{rootMargin:"600px 0px"});return r.observe(n),()=>{r.disconnect(),t?.()}},[i]),(0,u.jsx)("div",{ref:a,"data-tab-id":t,children:i?n:(0,u.jsx)(H,{lines:1})})}n.InlineComponentCompare=c.default.memo(L);let B=new Map;function q({baseId:t,compareId:n,host:r="teambit.scope/scope",baseOverride:a,compareOverride:i,children:o}){let s=!t&&!!n,{component:l,componentDescriptor:d}=(0,f.useComponent)(r,t,{skip:!t||!!a,context:{batch:!0}}),{component:m,componentDescriptor:g}=(0,f.useComponent)(r,n,{skip:!n||!!i,context:{batch:!0}}),b=a?.model??l,y=a?.descriptor??d,v=i?.model??m,_=i?.descriptor??g,w=!t||!!b,x=!n||!!v,k=(0,E.useCompareData)(),j=n?k?.compareDataFor(n):void 0,C=!s&&!!n&&void 0===j,{fileTree:S,loading:O}=(0,p.useCode)(s?v?.id:void 0),$=(0,c.useMemo)(()=>{if(s){if(O||!S)return;let t=new Map;return S.forEach(n=>{t.set(n,{fileName:n,baseContent:"",compareContent:void 0,status:"NEW"})}),t}if(C)return;if(!j)return null;let t=new Map;return(j.code||[]).forEach(n=>{t.set(n.fileName,n)}),t},[s,O,S,C,j]),D=(0,c.useMemo)(()=>{if(C)return;if(!j)return null;let t=new Map;return(j.aspects||[]).forEach(n=>t.set(n.fieldName,n)),t},[C,j]),P=(0,c.useMemo)(()=>{if(C)return;if(!j)return null;let t=new Map;return(j.tests||[]).forEach(n=>t.set(n.fileName,n)),t},[C,j]),N=(0,c.useMemo)(()=>({base:b?{model:b,descriptor:y}:void 0,compare:v?{model:v,descriptor:_,hasLocalChanges:i?.hasLocalChanges}:void 0,loading:C,logsByVersion:B,fileCompareDataByName:$,fieldCompareDataByName:D,testCompareDataByName:P,isFullScreen:!1,hidden:!1}),[b,y,v,_,i?.hasLocalChanges,C,$,D,P]);return w&&x?(0,u.jsx)(h.ComponentCompareContext.Provider,{value:N,children:o}):(0,u.jsx)(H,{lines:2})}function G({compareId:t}){let n=(0,c.useMemo)(()=>m.ComponentID.fromString(t),[t]),{fileTree:r,loading:a}=(0,p.useCode)(n),i=(0,c.useMemo)(()=>{if(!a&&r?.length)return r.map(t=>({name:t,status:"NEW"}))},[a,r]);return(0,$.useFileRegistryRegister)(t.split("@")[0],i),null}function U({componentId:t}){let n=(0,$.useFileRegistry)(),r=t?n?.getHeaderExtras(t):void 0;return r&&0!==r.length?(0,u.jsx)(u.Fragment,{children:r.map(({view:t,text:n})=>(0,u.jsx)("span",{className:D.default.headerExtra,"data-header-extra-view":t,children:n},t))}):null}function V({name:t,componentId:n,envIcon:r,baseVersion:a,compareVersion:i,baseUrl:o,compareUrl:s,changeTags:l}){return(0,u.jsxs)("div",{className:D.default.header,children:[(0,u.jsxs)("div",{className:D.default.headerLeft,children:[r?(0,u.jsx)("img",{src:r,className:D.default.envIcon,alt:""}):(0,u.jsx)("span",{className:D.default.envIconPlaceholder}),(0,u.jsx)("span",{className:D.default.componentName,children:t})]}),(0,u.jsxs)("div",{className:D.default.headerRight,children:[(0,u.jsx)(U,{componentId:n}),l&&l.length>0&&(0,u.jsx)("div",{className:D.default.changeTags,children:l.map(t=>(0,u.jsx)("span",{className:D.default.changeTag,style:{color:t.color,background:`${t.color}14`},children:t.label},t.label))}),(0,u.jsxs)("div",{className:D.default.versions,children:[a&&(o?(0,u.jsx)("a",{className:D.default.versionHash,href:o,target:"_blank",rel:"noopener noreferrer",children:a}):(0,u.jsx)("span",{className:D.default.versionHash,children:a})),a&&i&&(0,u.jsx)("span",{className:D.default.versionArrow,children:"\u2192"}),i&&(s?(0,u.jsx)("a",{className:D.default.versionHash,href:s,target:"_blank",rel:"noopener noreferrer",children:i}):(0,u.jsx)("span",{className:D.default.versionHash,children:i}))]})]})]})}function H({lines:t=3,className:n}){return(0,u.jsx)("div",{className:(0,d.default)(D.default.skeleton,n),children:Array.from({length:t}).map((t,n)=>(0,u.jsx)("div",{className:D.default.skeletonBar,style:{width:`${40+n%3*20}%`}},n))})}function Z({compareId:t}){let n=(0,E.useCompareData)(),r=n?.compareDataFor(t),a=t.split("@")[0],i=(0,c.useMemo)(()=>{if(void 0!==r)return null===r?[]:(r.code||[]).filter(t=>"UNCHANGED"!==t.status).map(t=>({name:t.fileName,status:t.status}))},[r]);return(0,$.useFileRegistryRegister)(a,i),null}},4361(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.DepsFilterProvider=function({showAll:t,children:n}){return(0,l.jsx)(c.Provider,{value:t,children:n})},n.useDepsFilter=function(){return(0,u.useContext)(c)};let l=r(11684),u=s(r(12888)),c=(0,u.createContext)(!1)},16275(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.DiffModeProvider=function({mode:t,children:n}){return(0,l.jsx)(c.Provider,{value:t,children:n})},n.useDiffMode=function(){return(0,u.useContext)(c)};let l=r(11684),u=s(r(12888)),c=(0,u.createContext)("split")},65354(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.FileRegistryProvider=function({children:t}){let n=(0,u.useRef)(void 0);return n.current||(n.current=new ComponentRegistry),(0,l.jsx)(m.Provider,{value:n.current,children:t})},n.useFileRegistry=function(){let t=(0,u.useContext)(m),n=(0,u.useCallback)(n=>t?.subscribe(n)??(()=>{}),[t]),r=(0,u.useCallback)(()=>t?.getVersion()??0,[t]);return(0,u.useSyncExternalStore)(n,r,r),t},n.useFileRegistryRegister=function(t,n){let r=(0,u.useContext)(m),a=f(n);(0,u.useEffect)(()=>{r&&t&&n&&r.register(t,n)},[r,t,a])},n.useAspectRegistryRegister=function(t,n){let r=(0,u.useContext)(m),a=f(n);(0,u.useEffect)(()=>{r&&t&&n&&r.registerAspects(t,n)},[r,t,a])},n.useCompositionsRegistryRegister=function(t,n){let r=(0,u.useContext)(m);(0,u.useEffect)(()=>{r&&t&&void 0!==n&&r.registerCompositions(t,n)},[r,t,n])},n.useHeaderExtraRegister=function(t,n,r){let a=(0,u.useContext)(m);(0,u.useEffect)(()=>{a&&t&&void 0!==r&&a.registerHeaderExtra(t,n,r)},[a,t,n,r])};let l=r(11684),u=s(r(12888));function c(t){return t.map(t=>`${t.name}:${t.status??""}`).join("|")}let ComponentRegistry=class ComponentRegistry{constructor(){this.files=new Map,this.aspectFiles=new Map,this.apiEntries=new Map,this.headerExtras=new Map,this.compositions=new Map,this.listeners=new Set,this.version=0,this.flushedVersion=0,this.pendingNotify=!1}register(t,n){let r=this.files.get(t);r&&c(r)===c(n)||(this.files.set(t,n),this.notify())}getFiles(t){return this.files.get(t)}registerAspects(t,n){let r=this.aspectFiles.get(t);r&&c(r)===c(n)||(this.aspectFiles.set(t,n),this.notify())}getAspectFiles(t){return this.aspectFiles.get(t)}registerApiEntries(t,n){let r=this.apiEntries.get(t);r&&c(r)===c(n)||(this.apiEntries.set(t,n),this.notify())}getApiEntries(t){return this.apiEntries.get(t)}registerHeaderExtra(t,n,r){let a=this.headerExtras.get(t);a?.get(n)!==r&&(a||(a=new Map,this.headerExtras.set(t,a)),a.set(n,r),this.notify())}getHeaderExtras(t){let n=this.headerExtras.get(t);return n?[...n.entries()].map(([t,n])=>({view:t,text:n})):[]}registerCompositions(t,n){this.compositions.get(t)!==n&&(this.compositions.set(t,n),this.notify())}getHasCompositions(t){return this.compositions.get(t)}subscribe(t){return this.listeners.add(t),()=>{this.listeners.delete(t)}}getVersion(){return this.version}notify(){this.version+=1,this.pendingNotify||(this.pendingNotify=!0,queueMicrotask(()=>{this.pendingNotify=!1,this.version!==this.flushedVersion&&(this.flushedVersion=this.version,[...this.listeners].forEach(t=>t()))}))}};let d="__teambitComponentCompareFileRegistryContext__",p=globalThis,m=p[d]||(p[d]=(0,u.createContext)(void 0));function f(t){return void 0===t?void 0:c(t)}},27872(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.RegistryFeeder=n.COMPARE_PAGE_SIZE=n.useCompareData=n.CompareDataProvider=n.ComponentCompareHeader=n.InlineComponentCompare=n.CompareSidebar=n.CompareToolbarActions=n.CompareToolbar=n.useHeaderExtraRegister=n.useCompositionsRegistryRegister=n.useAspectRegistryRegister=n.useFileRegistryRegister=n.useFileRegistry=n.FileRegistryProvider=n.useDepsFilter=n.DepsFilterProvider=n.useDiffMode=n.DiffModeProvider=n.ComponentCompare=void 0;var a=r(41009);Object.defineProperty(n,"ComponentCompare",{enumerable:!0,get:function(){return a.ComponentCompare}});var i=r(16275);Object.defineProperty(n,"DiffModeProvider",{enumerable:!0,get:function(){return i.DiffModeProvider}}),Object.defineProperty(n,"useDiffMode",{enumerable:!0,get:function(){return i.useDiffMode}});var o=r(4361);Object.defineProperty(n,"DepsFilterProvider",{enumerable:!0,get:function(){return o.DepsFilterProvider}}),Object.defineProperty(n,"useDepsFilter",{enumerable:!0,get:function(){return o.useDepsFilter}});var s=r(65354);Object.defineProperty(n,"FileRegistryProvider",{enumerable:!0,get:function(){return s.FileRegistryProvider}}),Object.defineProperty(n,"useFileRegistry",{enumerable:!0,get:function(){return s.useFileRegistry}}),Object.defineProperty(n,"useFileRegistryRegister",{enumerable:!0,get:function(){return s.useFileRegistryRegister}}),Object.defineProperty(n,"useAspectRegistryRegister",{enumerable:!0,get:function(){return s.useAspectRegistryRegister}}),Object.defineProperty(n,"useCompositionsRegistryRegister",{enumerable:!0,get:function(){return s.useCompositionsRegistryRegister}}),Object.defineProperty(n,"useHeaderExtraRegister",{enumerable:!0,get:function(){return s.useHeaderExtraRegister}});var l=r(38709);Object.defineProperty(n,"CompareToolbar",{enumerable:!0,get:function(){return l.CompareToolbar}});var u=r(90211);Object.defineProperty(n,"CompareToolbarActions",{enumerable:!0,get:function(){return u.CompareToolbarActions}});var c=r(33006);Object.defineProperty(n,"CompareSidebar",{enumerable:!0,get:function(){return c.CompareSidebar}});var d=r(41009);Object.defineProperty(n,"InlineComponentCompare",{enumerable:!0,get:function(){return d.InlineComponentCompare}}),Object.defineProperty(n,"ComponentCompareHeader",{enumerable:!0,get:function(){return d.ComponentCompareHeader}});var p=r(1814);Object.defineProperty(n,"CompareDataProvider",{enumerable:!0,get:function(){return p.CompareDataProvider}}),Object.defineProperty(n,"useCompareData",{enumerable:!0,get:function(){return p.useCompareData}}),Object.defineProperty(n,"COMPARE_PAGE_SIZE",{enumerable:!0,get:function(){return p.COMPARE_PAGE_SIZE}});var m=r(41009);Object.defineProperty(n,"RegistryFeeder",{enumerable:!0,get:function(){return m.RegistryFeeder}})},63313(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentCompare=n.ComponentCompareContext=void 0;let a=r(12888);n.ComponentCompareContext=(0,a.createContext)(void 0),n.useComponentCompare=()=>(0,a.useContext)(n.ComponentCompareContext)},12066(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.InlineCompareEmpty=n.useComponentCompare=n.ComponentCompareContext=void 0;var a=r(63313);Object.defineProperty(n,"ComponentCompareContext",{enumerable:!0,get:function(){return a.ComponentCompareContext}}),Object.defineProperty(n,"useComponentCompare",{enumerable:!0,get:function(){return a.useComponentCompare}});var i=r(14967);Object.defineProperty(n,"InlineCompareEmpty",{enumerable:!0,get:function(){return i.InlineCompareEmpty}})},14967(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.InlineCompareEmpty=function({message:t,hint:n,baseVersion:r,compareVersion:a}){let o=!!r&&!!a,c=o&&r===a;return(0,i.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:12,padding:"48px 16px",textAlign:"center"},children:[(0,i.jsx)("span",{style:{fontSize:15,fontWeight:600,color:l},children:t}),o&&(0,i.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:4},children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:12},children:[(0,i.jsx)(u,{version:r,tone:c?"neutral":"base"}),(0,i.jsx)("span",{style:{color:s,fontSize:16},children:"\u2192"}),(0,i.jsx)(u,{version:a,tone:c?"neutral":"compare"})]}),(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:12,fontSize:11,color:s},children:[(0,i.jsx)("span",{style:{minWidth:64},children:"base"}),(0,i.jsx)("span",{style:{width:16}}),(0,i.jsx)("span",{style:{minWidth:64},children:"compare"})]})]}),n&&(0,i.jsx)("span",{style:{fontSize:13,color:"var(--on-surface-medium-color, #707279)",maxWidth:440,lineHeight:1.5},children:n})]})};let i=r(11684);a(r(12888));let o="var(--bit-accent-color, #6c5ce7)",s="var(--on-background-medium-color, #a0aec0)",l="var(--on-surface-color, #1a1a2e)";function u({version:t,tone:n}){let r="compare"===n;return(0,i.jsx)("span",{style:{fontFamily:"var(--font-family-monospace, ui-monospace, SFMono-Regular, Menlo, monospace)",fontSize:13,fontWeight:600,padding:"4px 10px",borderRadius:8,border:`1px solid ${r?o:"var(--border-medium-color, #e8ecf0)"}`,background:r?"rgba(108, 92, 231, 0.06)":"var(--surface-color, #fff)",color:r?o:l,whiteSpace:"nowrap"},children:t})}},28669(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.extractLazyLoadedData=void 0;var a=r(6758);Object.defineProperty(n,"extractLazyLoadedData",{enumerable:!0,get:function(){return a.extractLazyLoadedData}})},6758(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.extractLazyLoadedData=function(t){return(0,a.isFunction)(t)?t():t};let a=r(46746)},42007(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentCompareVersionPicker=function({className:t,compareVersion:n,baseVersion:r,componentId:a,compareHasLocalChanges:i}){let o,s=(0,m.useComponentCompare)(),l=s?.compare?.model,b=a||l?.id.toStringWithoutVersion(),y=i?"workspace":n||l?.version,v=r||s?.base?.model.version,_=s?.compare?.model,w=!s?.compare?.model.logs,x=c.default.useCallback((t=t=>!0)=>n=>({loading:w,..._,snaps:(_?.logs||[]).map(t=>({...t,version:t.hash})).filter(n=>{if(n.tag)return!1;let r=n.hash;return i||t?.(r)}),tags:(_?.logs||[]).map(t=>({...t,version:t.tag})).filter(n=>{if(!n.tag)return!1;let r=n.tag;return i||t?.(r)})}),[b,i,w,_?.logs?.length]),{tags:k,snaps:j,loading:C}=x()(),S=c.default.useCallback(t=>{let{version:n}=t||{};return h.valid(n)?k?.find(t=>t.tag===n):j?.find(t=>t.version===n)},[k.length,j.length,C]);return(0,u.jsxs)("div",{className:g.default.componentCompareVersionPicker,children:[(0,u.jsxs)("div",{className:(0,f.default)(g.default.dropdownContainer),children:[(0,u.jsx)("span",{className:(0,f.default)(g.default.rightPad,g.default.titleText),children:"Comparing"}),(0,u.jsx)(d.VersionDropdown,{className:(0,f.default)(g.default.componentCompareVersionContainer,g.default.left,t),dropdownClassName:g.default.componentCompareDropdown,placeholderClassName:g.default.componentCompareVersionPlaceholder,menuClassName:(0,f.default)(g.default.componentCompareVersionMenu,g.default.showMenuOverNav),currentVersion:v,overrideVersionHref:t=>(0,p.useUpdatedUrlFromQuery)({baseVersion:t}),disabled:(l?.logs?.length??0)<2,hasMoreVersions:(l?.logs?.length??0)>1,showVersionDetails:!0,useComponentVersions:x(t=>t!==l?.id.version),useCurrentVersionLog:(o=t=>t!==l?.id.version,t=>{let{version:n,skip:r}=t||{},a=x(o)({skip:r});return c.default.useMemo(()=>h.valid(n),[C,n])?c.default.useMemo(()=>a?.tags?.find(t=>t.tag===n),[C,k?.length,n]):c.default.useMemo(()=>a?.snaps?.find(t=>t.version===n),[C,j?.length,n])}),PlaceholderComponent:d.DetailedVersion})]}),(0,u.jsxs)("div",{className:g.default.dropdownContainer,children:[(0,u.jsx)("span",{className:g.default.titleText,children:"with"}),(0,u.jsx)(d.VersionDropdown,{className:(0,f.default)(g.default.componentCompareVersionContainer,g.default.right),dropdownClassName:g.default.componentCompareDropdown,placeholderClassName:g.default.componentCompareVersionPlaceholder,menuClassName:g.default.componentCompareVersionMenu,disabled:!0,currentVersion:y,PlaceholderComponent:d.DetailedVersion,useCurrentVersionLog:S,useComponentVersions:x(),showVersionDetails:!0})]})]})};let u=r(11684),c=l(r(12888)),d=r(5490),p=r(13837),m=r(12066),f=l(r(97500)),h=s(r(16322)),g=l(r(65012))},52792(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentCompareVersionPicker=void 0;var a=r(42007);Object.defineProperty(n,"ComponentCompareVersionPicker",{enumerable:!0,get:function(){return a.ComponentCompareVersionPicker}})},35227(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentFilterWidgetProvider=n.ComponentFilterWidgetContext=void 0;let l=r(11684),u=s(r(12888));n.ComponentFilterWidgetContext=(0,u.createContext)({filterWidgetOpen:!1,setFilterWidget:()=>{}}),n.ComponentFilterWidgetProvider=({children:t})=>{let[r,a]=(0,u.useState)(!1);return(0,l.jsx)(n.ComponentFilterWidgetContext.Provider,{value:{filterWidgetOpen:r,setFilterWidget:a},children:t})}},36129(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentTreeProvider=n.ComponentTreeContext=void 0;let l=r(11684),u=s(r(12888));n.ComponentTreeContext=(0,u.createContext)({collapsed:!0,setCollapsed:()=>{}}),n.ComponentTreeProvider=({children:t})=>{let[r,a]=(0,u.useState)(!0);return(0,l.jsx)(n.ComponentTreeContext.Provider,{value:{collapsed:r,setCollapsed:a},children:t})}},36810(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentsDrawer=void 0,n.TreeToggleWidget=function(){let{collapsed:t,setCollapsed:n}=(0,c.useContext)(w.ComponentTreeContext);return(0,u.jsx)("div",{className:(0,d.default)(x.default.widgetIcon,!t&&x.default.open),children:(0,u.jsx)("img",{src:t?"https://static.bit.dev/bit-icons/expand.svg":"https://static.bit.dev/bit-icons/collapse.svg",onClick:()=>n(!t)})})},n.FilterWidget=function(){let{filterWidgetOpen:t,setFilterWidget:n}=(0,c.useContext)(_.ComponentFilterWidgetContext);return(0,u.jsx)("div",{className:(0,d.default)(x.default.widgetIcon,x.default.filterWidget,t&&x.default.open),children:(0,u.jsx)("img",{src:"https://static.bit.dev/bit-icons/filter.svg",onClick:()=>n(!t)})})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(92064),m=r(30727),f=r(38348),h=r(40218),g=l(r(47065)),b=r(10685),y=r(30969),v=r(79630),_=r(35227),w=r(36129),x=l(r(43396));let ComponentsDrawer=class ComponentsDrawer{constructor(t){this.Context=({children:t})=>{let n=(0,g.default)(this.plugins?.filters?.values()||[]),r=[w.ComponentTreeProvider,_.ComponentFilterWidgetProvider,[b.ComponentFiltersProvider,{filters:n}]];return(0,u.jsx)(h.Composer,{components:r,children:t})},this.setWidgets=t=>{this.widgets=(0,g.default)(t?.values())},this.render=()=>{let{useComponents:t,useLanes:n,emptyMessage:r,plugins:a,transformTree:i,useHost:o,id:s}=this;return(0,u.jsx)(k,{useComponents:t,useLanes:n,emptyMessage:r,plugins:a,transformTree:i,useHost:o,id:s})},Object.assign(this,t),this.useComponents=t.useComponents,this.useLanes=t.useLanes||y.useLanes,this.emptyMessage=t.emptyMessage,this.plugins=t.plugins||{},this.setWidgets(t.plugins?.drawerWidgets),this.assumeScopeInUrl=t.assumeScopeInUrl||!1,this.useHost=t.useHost,this.transformTree=t.transformTree}};function k({useComponents:t,useLanes:n,emptyMessage:r,plugins:a,transformTree:i,useHost:o,id:s}){let{loading:l,components:p}=t(),{lanesModel:h,loading:g}=n(),y=(0,c.useContext)(b.ComponentFilterContext),_=y?.filters||[],w=o?.(),S=(0,c.useMemo)(()=>_.length?(0,b.runAllFilters)(_,{components:p,lanes:h}):p,[_,p.length,h?.lanes.length,h?.viewedLane?.id.toString(),g]),O=(0,u.jsx)(j,{components:p,lanes:h,plugins:a}),E=(0,u.jsx)(C,{components:S,host:w,plugins:a,transformTree:i,lanesModel:h}),$=(0,u.jsx)("span",{className:(0,d.default)(m.mutedItalic,f.ellipsis,x.default.emptyDrawer),children:r});return l||g||!h||!p?(0,u.jsx)(v.ComponentTreeLoader,{}):(0,u.jsxs)("div",{className:x.default.drawerContainer,children:[O,E,0===S.length&&$]},s)}function j({components:t,lanes:n,plugins:r}){let{filterWidgetOpen:a}=(0,c.useContext)(_.ComponentFilterWidgetContext),i=r.filters,o=(0,c.useMemo)(()=>i&&(0,g.default)(i.toArray().map(([t,n])=>n.map(n=>({...n,key:`${t}-${n.id}`})))).sort((t,n)=>(t.order??0)-(n.order??0))||[],[i?.map.size,i?.values()?.length]);return o.length?(0,u.jsx)("div",{className:(0,d.default)(x.default.filtersContainer,a&&x.default.open),children:o.map(r=>(0,u.jsx)(r.render,{components:t,lanes:n,className:(0,d.default)(x.default.filter,a&&x.default.open)},r.key))}):null}function C({components:t,host:n,plugins:r,transformTree:a,lanesModel:i}){let{collapsed:o}=(0,c.useContext)(w.ComponentTreeContext),{tree:s}=r,l=(0,c.useMemo)(()=>s?.customRenderer&&s.customRenderer(s.widgets,n),[s?.customRenderer,s?.widgets.map.size,s?.widgets.values().length]);return t.length>0?(0,u.jsx)("div",{className:x.default.drawerTreeContainer,children:(0,u.jsx)(p.ComponentTree,{transformTree:a?a(n):void 0,components:t,isCollapsed:o,TreeNode:l,lanesModel:i})}):null}n.ComponentsDrawer=ComponentsDrawer},71161(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentTreeProvider=n.ComponentTreeContext=n.ComponentFilterWidgetProvider=n.ComponentFilterWidgetContext=n.TreeToggleWidget=n.FilterWidget=n.ComponentsDrawer=void 0;var a=r(36810);Object.defineProperty(n,"ComponentsDrawer",{enumerable:!0,get:function(){return a.ComponentsDrawer}}),Object.defineProperty(n,"FilterWidget",{enumerable:!0,get:function(){return a.FilterWidget}}),Object.defineProperty(n,"TreeToggleWidget",{enumerable:!0,get:function(){return a.TreeToggleWidget}});var i=r(35227);Object.defineProperty(n,"ComponentFilterWidgetContext",{enumerable:!0,get:function(){return i.ComponentFilterWidgetContext}}),Object.defineProperty(n,"ComponentFilterWidgetProvider",{enumerable:!0,get:function(){return i.ComponentFilterWidgetProvider}});var o=r(36129);Object.defineProperty(n,"ComponentTreeContext",{enumerable:!0,get:function(){return o.ComponentTreeContext}}),Object.defineProperty(n,"ComponentTreeProvider",{enumerable:!0,get:function(){return o.ComponentTreeProvider}})},22051(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.runAllFilters=n.ComponentFiltersProvider=n.ComponentFilterContext=void 0,n.useComponentFilter=function(t,r){let a=(0,u.useContext)(n.ComponentFilterContext),i=a?.filters.find(n=>n.id===t)||{id:t,render:()=>null,match:()=>!0,state:r,order:0};return(0,u.useEffect)(()=>{a&&void 0!==r&&d(a,{...i,state:r})},[t]),[i,t=>{let n=(0,c.isFunction)(t)?t(i):t;a&&d(a,n)}]},n.useComponentFilters=function(){let t=(0,u.useContext)(n.ComponentFilterContext);return t?[t.filters,t.setFilters]:void 0};let l=r(11684),u=s(r(12888)),c=r(46746);n.ComponentFilterContext=(0,u.createContext)(void 0);let d=(t,n)=>{t.setFilters(t=>t.map(t=>t.id===n?.id?n:t))};n.ComponentFiltersProvider=({children:t,filters:r=[]})=>{let[a,i]=(0,u.useState)(r||[]);return(0,l.jsx)(n.ComponentFilterContext.Provider,{value:{filters:a,setFilters:i},children:t})},n.runAllFilters=(t,{components:n,lanes:r})=>n.filter(n=>t.every(t=>t.match({component:n,lanes:r},t.state)))},10685(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentFilters=n.useComponentFilter=n.runAllFilters=n.ComponentFilterContext=n.ComponentFiltersProvider=void 0;var a=r(22051);Object.defineProperty(n,"ComponentFiltersProvider",{enumerable:!0,get:function(){return a.ComponentFiltersProvider}}),Object.defineProperty(n,"ComponentFilterContext",{enumerable:!0,get:function(){return a.ComponentFilterContext}}),Object.defineProperty(n,"runAllFilters",{enumerable:!0,get:function(){return a.runAllFilters}}),Object.defineProperty(n,"useComponentFilter",{enumerable:!0,get:function(){return a.useComponentFilter}}),Object.defineProperty(n,"useComponentFilters",{enumerable:!0,get:function(){return a.useComponentFilters}})},66699(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.DeprecateFilter=void 0;let i=r(11684),o=a(r(97500));a(r(12888));let s=r(11685),l=r(10685),u=a(r(53139));n.DeprecateFilter={id:"deprecate",match:({component:t},n)=>n||!t.deprecation?.isDeprecate,state:!1,order:0,render:function({className:t}){let r=(0,l.useComponentFilter)(n.DeprecateFilter.id);if(!r)return null;let[a,c]=r,d=a?.state;return(0,i.jsxs)("div",{className:(0,o.default)(u.default.deprecateFilter,d&&u.default.active,t),children:[(0,i.jsxs)("div",{className:u.default.filterIcon,children:[(0,i.jsx)("img",{src:"https://static.bit.dev/bit-icons/deprecated.svg"}),(0,i.jsx)("span",{className:u.default.filterIconLabel,children:"Deprecated"})]}),(0,i.jsx)("div",{children:(0,i.jsx)(s.Toggle,{defaultChecked:d,onInputChanged:()=>c(t=>({...t,state:!d}))})})]})}}},95719(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.DeprecateFilter=void 0;var a=r(66699);Object.defineProperty(n,"DeprecateFilter",{enumerable:!0,get:function(){return a.DeprecateFilter}})},3592(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.EnvsPlaceholder=function({onClick:t}){return(0,i.jsxs)("div",{className:c.default.filterIcon,onClick:t,children:[(0,i.jsx)("img",{src:"https://static.bit.dev/bit-icons/env.svg"}),(0,i.jsx)("span",{className:c.default.filterIconLabel,children:"Environments"}),(0,i.jsx)("div",{className:c.default.dropdownArrow,children:(0,i.jsx)("img",{src:"https://static.bit.dev/bit-icons/fat-arrow-down.svg"})})]})},n.EnvsDropdownItem=function({displayName:t,icon:n,description:r,componentId:a,id:d}){return(0,i.jsx)(l.Tooltip,{placement:"right",content:(0,i.jsx)(u.Link,{className:c.default.envLink,href:o.ComponentUrl.toUrl(a,{includeVersion:!1}),external:!0,children:d}),children:(0,i.jsxs)("div",{className:c.default.envDropdownItemContainer,children:[(0,i.jsxs)("div",{className:c.default.envDropdownItem,children:[(0,i.jsx)(s.Ellipsis,{children:t}),(0,i.jsx)("div",{className:c.default.envDropdownItemIconContainer,children:(0,i.jsx)("img",{className:c.default.envDropdownItemIcon,src:n})})]}),(0,i.jsx)("div",{className:c.default.description,children:(0,i.jsx)(s.Ellipsis,{className:c.default.descriptionText,children:r})})]})})};let i=r(11684);a(r(12888));let o=r(59004),s=r(38348),l=r(62634),u=r(19304),c=a(r(21214))},24850(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.EnvsFilter=void 0;let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(30266),m=r(10685),f=r(35724),h=r(57240),g=r(3592),b=l(r(21214));n.EnvsFilter={id:"envs",match:({component:t},n)=>{let{envsState:r}=n,a=[...r.values()].every(t=>t.active),i=[...r.values()].filter(t=>t.active).map(t=>t.id);if(0===i.length||a)return!0;let o=t.environment&&p.ComponentID.tryFromString(t.environment.id)?.toStringWithoutVersion();return!!o&&i.indexOf(o)>=0},state:{envsState:new Map,dropdownState:!1},order:1,render:function({components:t,className:r,lanes:a}){let[i=[]]=(0,m.useComponentFilters)()||[],o=i.filter(t=>t.id!==n.EnvsFilter.id),s=(0,c.useMemo)(()=>(0,m.runAllFilters)(o,{components:t,lanes:a}),[JSON.stringify(o),a?.viewedLane?.id.toString()]),l=(0,c.useMemo)(()=>{let t={dropdownState:!1,envsState:new Map},n=new Set;return s.filter(t=>{let r=t.environment&&p.ComponentID.tryFromString(t.environment.id);if(!r)return!1;let a=r.toStringWithoutVersion();return!n.has(a)&&(n.add(a),!0)}).map(t=>{let n=p.ComponentID.fromString(t.environment?.id);return{displayName:n.name,id:n.toStringWithoutVersion(),description:`${n.scope}${n.namespace?"/".concat(n.namespace):""}`,icon:t.environment?.icon,componentId:n}}).forEach(n=>{t.envsState.set(n.id,{...n,active:!0})}),t},[s]),y=(0,m.useComponentFilter)(n.EnvsFilter.id,l),v=l.envsState,[_,w]=y||[],[x,k]=(0,c.useState)(!1);(0,c.useEffect)(()=>{w?.(t=>(t.state=l,t))},[s.length,a?.viewedLane?.id.toString()]);let j=[];return v.forEach(t=>{j.push({value:t.id,icon:t.icon,description:t.description,checked:!!_?.state.envsState.get(t.id)?.active,element:(0,u.jsx)(g.EnvsDropdownItem,{...t})})}),(0,u.jsx)("div",{className:(0,d.default)(b.default.envsFilterContainer,r),children:(0,u.jsx)(h.Dropdown,{open:x,onClickOutside:()=>k(!1),placeholderContent:(0,u.jsx)(g.EnvsPlaceholder,{onClick:()=>k(!x)}),bottomPlugin:(0,u.jsx)(h.ButtonsPlugin,{onClear:()=>{w?.(t=>(t.state.envsState.forEach((n,r)=>{t.state.envsState.set(r,{...n,active:!1})}),t))},onSubmit:()=>{w?.(t=>(t.state.dropdownState=!1,t)),k(!1)},submitClassName:b.default.doneButton}),dropClass:b.default.envFilterDropdown,position:"bottom",children:(0,u.jsx)("div",{className:b.default.dropdownContent,children:j.map((t,n)=>(0,u.jsx)(f.CheckboxItem,{checked:t.checked,onInputChanged:n=>{var r;let a;return r=t.value,a=n.target.checked,void w?.(t=>{a&&!t.state.dropdownState&&(t.state.dropdownState=!0);let n=t.state.envsState.get(r);return n&&t.state.envsState.set(r,{...n,active:a}),t})},children:t.element},n))})})})}}},8367(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.EnvsFilter=void 0;var a=r(24850);Object.defineProperty(n,"EnvsFilter",{enumerable:!0,get:function(){return a.EnvsFilter}})},79453(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ShowMainFilter=void 0;var a=r(34659);Object.defineProperty(n,"ShowMainFilter",{enumerable:!0,get:function(){return a.ShowMainFilter}})},34659(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ShowMainFilter=void 0;let i=r(11684),o=a(r(97500));a(r(12888));let s=r(11685),l=r(10685),u=r(29362),c=a(r(49635));function d({className:t,lanes:r}){let a=r?.viewedLane?.id.isDefault(),p=(0,l.useComponentFilter)((0,n.ShowMainFilter)().id);if(a||!p)return null;let[m,f]=p,h=m?.state;return(0,i.jsxs)("div",{className:(0,o.default)(c.default.onLaneFilter,h&&c.default.active,t),children:[(0,i.jsxs)("div",{className:c.default.filterIcon,children:[(0,i.jsx)(u.LaneIcon,{}),(0,i.jsx)("span",{className:c.default.filterIconLabel,children:"Show main"})]}),(0,i.jsx)("div",{children:(0,i.jsx)(s.Toggle,{defaultChecked:h,onInputChanged:()=>f(t=>({...t,state:!h}))})})]})}n.ShowMainFilter=(t=!1)=>({id:"onLane",match:({component:t,lanes:n},r)=>!!n?.viewedLane?.id.isDefault()||!!r||!!n?.isInViewedLane(t.id,!0),state:t,order:2,render:d})},78996(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentOverview=function({displayName:t,abstract:n,titleBadges:r,labels:a,packageName:i,elementsUrl:o,componentDescriptor:s,component:l,pkgManager:$="npm",...D}){let P="teambit.workspace/workspace"===l?.host,N=P?"Use package":"Install package",M=l?.id,T=M?.version??void 0,I=T===(l?.latest??void 0)?"":`@${(0,b.snapToSemver)(T)}`,[A,F]=c.default.useState($),R=(0,c.useMemo)(()=>"yarn"===A?"add":"bit"===A?"install":"i",[A]),L=(0,c.useMemo)(()=>`${A} ${R} ${i}${I}`,[A,i,I,R]),z=`bit import ${M?.toStringWithoutVersion()??""}`,B=(0,c.useMemo)(()=>`Copy ${A} install command`,[A]),q=(0,c.useMemo)(()=>{switch(A){case"npm":return(0,u.jsx)("img",{alt:"npm-logo",className:O.default.npm,src:"https://static.bit.dev/brands/logo-npm-new.svg"});case"pnpm":return(0,u.jsx)("img",{alt:"pnpm-logo",className:O.default.pnpm,src:"https://static.bit.dev/brands/pnpm.svg"});case"yarn":return(0,u.jsx)("img",{alt:"yarn-logo",className:O.default.yarn,src:"https://static.bit.dev/brands/logo-yarn-text.svg"});case"bit":return(0,u.jsx)(j.Icon,{className:O.default.bit,of:"bit-logo-mono"});default:return null}},[A]),G=[{component:function(){return(0,u.jsx)("span",{children:N})},content:P?(0,u.jsx)(y.CopyBox,{className:O.default.copyBox,children:i}):(0,u.jsx)(y.CopyBox,{className:O.default.copyBox,copyText:L,Tooltip:({children:t})=>(0,u.jsx)(S.Tooltip,{placement:"right",content:B,children:t}),CopyIcon:(0,u.jsx)(S.Tooltip,{content:B,children:(0,u.jsx)(j.Icon,{className:O.default.copyIcon,of:"copy-cmp"})}),CopyWidget:(0,u.jsx)("div",{className:O.default.copyContainer,children:(0,u.jsx)(g.Dropdown,{className:O.default.pkgManagerDropdown,dropClass:O.default.pkgManagerMenu,placeholder:(0,u.jsxs)("div",{className:O.default.pkgManagerPlaceholder,children:[q,(0,u.jsx)(j.Icon,{of:"fat-arrow-down"})]}),clickOutside:!0,clickPlaceholderToggles:!0,position:"bottom-start",clickToggles:!0,children:(0,u.jsxs)("div",{className:O.default.pkgManagerMenuItems,children:[(0,u.jsx)("div",{className:(0,d.default)("npm"===A&&O.default.selected),onClick:()=>F("npm"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&F("npm"),"aria-label":"Select npm package manager",children:(0,u.jsx)("img",{alt:"npm-logo",className:O.default.npm,src:"https://static.bit.dev/brands/logo-npm-new.svg"})}),(0,u.jsx)("div",{className:(0,d.default)("pnpm"===A&&O.default.selected),onClick:()=>F("pnpm"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&F("pnpm"),"aria-label":"Select pnpm package manager",children:(0,u.jsx)("img",{alt:"pnpm-logo",className:O.default.pnpm,src:"https://static.bit.dev/brands/pnpm.svg"})}),(0,u.jsx)("div",{className:(0,d.default)("yarn"===A&&O.default.selected),onClick:()=>F("yarn"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&F("yarn"),"aria-label":"Select yarn package manager",children:(0,u.jsx)("img",{alt:"yarn-logo",className:O.default.yarn,src:"https://static.bit.dev/brands/logo-yarn-text.svg"})}),(0,u.jsx)("div",{className:(0,d.default)("bit"===A&&O.default.selected),onClick:()=>F("bit"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&F("bit"),"aria-label":"Select bit package manager",children:(0,u.jsx)(j.Icon,{className:O.default.bit,of:"bit-logo-mono"})})]})})}),children:i})},{component:function(){return(0,u.jsx)("span",{children:"Modify component"})},content:P?(0,u.jsx)(y.CopyBox,{className:O.default.copyBox,children:M?M.toStringWithoutVersion():""}):(0,u.jsx)(y.CopyBox,{className:O.default.copyBox,copyText:z,Tooltip:({children:t})=>(0,u.jsx)(S.Tooltip,{placement:"right",content:"copy bit import command",children:t}),CopyIcon:(0,u.jsxs)("div",{className:O.default.copyContainer,children:[(0,u.jsx)("div",{children:(0,u.jsx)(j.Icon,{className:O.default.bit,of:"bit-logo-mono"})}),(0,u.jsx)("div",{children:(0,u.jsx)(j.Icon,{className:O.default.copyIcon,of:"copy-cmp"})})]}),children:M?M.toStringWithoutVersion():""})}],U=o;if(U&&!U.startsWith("http")){let t=x.isBrowser?window.location.origin:void 0;(U=t&&o?`${t}${o}`:void 0)&&G.push({component:function(){return(0,u.jsx)("span",{children:"Elements url"})},content:(0,u.jsx)(y.CopyBox,{className:O.default.copyBox,children:U})})}return(0,u.jsxs)(h.Section,{...D,children:[(0,u.jsxs)("div",{className:p.textColumn,children:[(0,u.jsxs)(k.Row,{className:O.default.titleRow,children:[(0,u.jsx)("div",{className:O.default.componentTitle,children:(0,u.jsx)(m.H1,{className:O.default.title,children:t})}),(0,u.jsx)(E,{position:C.BadgePosition.Title,componentDescriptor:s,component:l,badges:r})]}),(0,u.jsx)(k.Row,{children:n&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(w.Subtitle,{className:O.default.subTitle,children:n}),(0,u.jsx)(E,{position:C.BadgePosition.SubTitle,componentDescriptor:s,component:l,badges:r})]})}),(0,u.jsxs)(k.Row,{children:[(0,u.jsx)(f.LabelList,{children:a}),(0,u.jsx)(E,{position:C.BadgePosition.Labels,componentDescriptor:s,component:l,badges:r})]}),(0,u.jsxs)(k.Row,{children:[(0,u.jsx)("div",{className:O.default.contentTabs,children:(0,u.jsx)(_.ContentTabs,{priority:"folder",tabs:G,navClassName:O.default.nav,tabClassName:O.default.tab})}),(0,u.jsx)(E,{position:C.BadgePosition.Package,componentDescriptor:s,component:l,badges:r})]})]}),(0,u.jsx)(v.Separator,{isPresentational:!0})]})},n.BadgeSection=E;let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(80460),m=r(82747),f=r(99047),h=r(42989),g=r(57699),b=r(71118),y=r(96062),v=r(15065),_=r(67846),w=r(78267),x=r(5286),k=r(34662),j=r(29751),C=r(82894),S=r(62634),O=l(r(14518));function E({badges:t,position:n,componentDescriptor:r,component:a}){return(0,u.jsx)("div",{className:O.default.badgeContainer,children:t?.filter(t=>n===C.BadgePosition.Title&&!t.position||t.position===n)?.sort((t,n)=>(t.weight??0)-(n.weight??0))?.map((t,n)=>(0,u.jsx)(t.component,{componentDescriptor:r,legacyComponentModel:a},n))})}},71169(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.BadgeSection=n.ComponentOverview=void 0;var a=r(78996);Object.defineProperty(n,"ComponentOverview",{enumerable:!0,get:function(){return a.ComponentOverview}}),Object.defineProperty(n,"BadgeSection",{enumerable:!0,get:function(){return a.BadgeSection}})},72917(t,n){"use strict";var r,a;Object.defineProperty(n,"__esModule",{value:!0}),n.JobStatus=void 0,(a=r||(n.JobStatus=r={})).fail="fail",a.pass="pass",a.running="running",a.pending="pending"},24654(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.JobStatus=n.VersionBlock=void 0;var a=r(49462);Object.defineProperty(n,"VersionBlock",{enumerable:!0,get:function(){return a.VersionBlock}});var i=r(72917);Object.defineProperty(n,"JobStatus",{enumerable:!0,get:function(){return i.JobStatus}})},49462(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.VersionBlock=function({isLatest:t,className:n,snap:r,componentId:a,isCurrent:i,collapsed:o=!1,onToggleCollapse:s,allExpanded:l=!1,...m}){var j;let{username:C,displayName:S,email:O,profileImage:E,message:$,tag:D,hash:P,date:N,deprecated:M}=r,{lanesModel:T}=(0,y.useLanes)(),I=T?.isViewingNonDefaultLane()?`${v.LanesModel.getLaneUrl(T.viewedLane.id)}${v.LanesModel.baseLaneComponentRoute}`:"",A=D||P,F=!!D,R=D?`v${D}`:P.slice(0,7),L=(0,g.useMemo)(()=>({displayName:S||C||"",email:O||"",name:C||"",profileImage:E||""}),[S,C,O,E]),{pathname:z}=(0,f.useLocation)()||{},B=z?.replace(/\/~changelog.*$/,"")||"",q=I?`${I}/${a}?version=${A}`:`${B}?version=${A}`,{firstLine:G,rest:U}=(j=$,(0,g.useMemo)(()=>{if(!j)return{firstLine:"",rest:""};let t=j.split("\n");return{firstLine:t[0],rest:t.slice(1).join("\n").trim()}},[j])),[V,H]=(0,g.useState)(!1),Z=U.length>0,X=S||C||"Unknown";return!F&&o?(0,u.jsxs)("div",{className:(0,h.default)(_.default.row,_.default.snapRow,_.default.collapsedRow,n),onClick:s,role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&s?.(),...m,children:[(0,u.jsx)("div",{className:_.default.dateCol,children:(0,u.jsx)(d.TimeAgo,{className:_.default.dateText,date:N?parseInt(N):Date.now()})}),(0,u.jsx)("div",{className:_.default.dotCol,children:(0,u.jsx)("div",{className:_.default.snapDotOuter,children:(0,u.jsx)("div",{className:_.default.snapDotInner})})}),(0,u.jsx)("div",{className:_.default.contentCol,children:(0,u.jsxs)("div",{className:_.default.collapsedContent,children:[(0,u.jsx)(b.Tooltip,{placement:"bottom",content:P,children:(0,u.jsx)("span",{className:_.default.snapHash,children:R})}),(0,u.jsx)("span",{className:_.default.collapsedAuthor,children:X}),M&&(0,u.jsx)(k,{}),(0,u.jsx)(w,{collapsed:!0,className:_.default.expandHint})]})})]}):F?(0,u.jsxs)("div",{className:(0,h.default)(_.default.row,_.default.tagRow,n),...m,children:[(0,u.jsx)("div",{className:_.default.dateCol,children:(0,u.jsx)(d.TimeAgo,{className:_.default.dateText,date:N?parseInt(N):Date.now()})}),(0,u.jsx)("div",{className:_.default.dotCol,children:(0,u.jsx)("div",{className:_.default.tagDotOuter,children:(0,u.jsx)("div",{className:_.default.tagDotRing,children:(0,u.jsx)("div",{className:_.default.tagDotInner})})})}),(0,u.jsx)("div",{className:_.default.contentCol,children:(0,u.jsxs)("div",{className:(0,h.default)(_.default.tagCard,l&&_.default.tagCardBordered),children:[(0,u.jsxs)("div",{className:_.default.headerRow,children:[(0,u.jsx)(b.Tooltip,{placement:"bottom",content:P,children:(0,u.jsx)(x,{className:_.default.versionLink,href:q,children:R})}),t&&(0,u.jsx)(p.VersionLabel,{status:"latest"}),i&&(0,u.jsx)(p.VersionLabel,{status:"current"}),M&&(0,u.jsx)(k,{})]}),(0,u.jsxs)("div",{className:_.default.metaRow,children:[(0,u.jsx)(c.UserAvatar,{account:L,size:20,fontSize:8}),(0,u.jsx)("span",{className:_.default.authorName,children:X})]}),(0,u.jsx)("div",{className:_.default.messageSection,children:G?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("div",{className:_.default.firstLine,children:G}),Z&&(0,u.jsxs)(u.Fragment,{children:[V&&(0,u.jsx)("div",{className:_.default.restOfMessage,children:U}),(0,u.jsx)("button",{className:_.default.expandButton,onClick:()=>H(!V),type:"button",children:V?"Show less":"Show more"})]})]}):(0,u.jsx)("div",{className:_.default.emptyMessage,children:"No commit message"})})]})})]}):(0,u.jsxs)("div",{className:(0,h.default)(_.default.row,_.default.snapRow,n),...m,children:[(0,u.jsx)("div",{className:_.default.dateCol,children:(0,u.jsx)(d.TimeAgo,{className:_.default.dateText,date:N?parseInt(N):Date.now()})}),(0,u.jsx)("div",{className:_.default.dotCol,children:(0,u.jsx)("div",{className:_.default.snapDotOuter,children:(0,u.jsx)("div",{className:_.default.snapDotInner})})}),(0,u.jsx)("div",{className:_.default.contentCol,children:(0,u.jsxs)("div",{className:_.default.snapCard,onClick:s,role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&s?.(),children:[(0,u.jsxs)("div",{className:_.default.headerRow,children:[(0,u.jsx)(b.Tooltip,{placement:"bottom",content:P,children:(0,u.jsx)(x,{className:_.default.snapVersionLink,href:q,onClick:t=>t.stopPropagation(),children:R})}),M&&(0,u.jsx)(k,{}),(0,u.jsx)(w,{className:_.default.collapseHint})]}),(0,u.jsxs)("div",{className:_.default.metaRow,children:[(0,u.jsx)(c.UserAvatar,{account:L,size:20,fontSize:8}),(0,u.jsx)("span",{className:_.default.authorName,children:X})]}),(0,u.jsx)("div",{className:_.default.messageSection,children:G?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("div",{className:_.default.firstLine,children:G}),Z&&(0,u.jsxs)(u.Fragment,{children:[V&&(0,u.jsx)("div",{className:_.default.restOfMessage,children:U}),(0,u.jsx)("button",{className:_.default.expandButton,onClick:t=>{t.stopPropagation(),H(!V)},type:"button",children:V?"Show less":"Show more"})]})]}):(0,u.jsx)("div",{className:_.default.emptyMessage,children:"No commit message"})})]})})]})};let u=r(11684),c=r(19988),d=r(52464),p=r(59473),m=r(29751),f=r(19304),h=l(r(97500)),g=s(r(12888)),b=r(62634),y=r(30969),v=r(1453),_=l(r(57792));function w({collapsed:t,className:n}){return(0,u.jsx)("svg",{className:(0,h.default)(_.default.chevronIcon,t&&_.default.chevronCollapsed,n),width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,u.jsx)("path",{d:"M10.9999 1.17C10.8126 0.983753 10.5591 0.879211 10.2949 0.879211C10.0308 0.879211 9.77731 0.983753 9.58995 1.17L5.99995 4.71L2.45995 1.17C2.27259 0.983753 2.01913 0.879211 1.75495 0.879211C1.49076 0.879211 1.23731 0.983753 1.04995 1.17C0.95622 1.26297 0.881826 1.37357 0.831057 1.49543C0.780288 1.61729 0.75415 1.74799 0.75415 1.88C0.75415 2.01202 0.780288 2.14272 0.831057 2.26458C0.881826 2.38644 0.95622 2.49704 1.04995 2.59L5.28995 6.83C5.38291 6.92373 5.49351 6.99813 5.61537 7.04889C5.73723 7.09966 5.86794 7.1258 5.99995 7.1258C6.13196 7.1258 6.26267 7.09966 6.38453 7.04889C6.50638 6.99813 6.61699 6.92373 6.70995 6.83L10.9999 2.59C11.0937 2.49704 11.1681 2.38644 11.2188 2.26458C11.2696 2.14272 11.2957 2.01202 11.2957 1.88C11.2957 1.74799 11.2696 1.61729 11.2188 1.49543C11.1681 1.37357 11.0937 1.26297 10.9999 1.17Z",fill:"var(--bit-text-color-light, #6c707c)"})})}let x=f.Link;function k(){return(0,u.jsx)(b.Tooltip,{placement:"bottom",content:"This version is deprecated",children:(0,u.jsxs)("div",{className:_.default.deprecatedBadge,children:[(0,u.jsx)(m.Icon,{of:"note-deprecated",className:_.default.deprecatedBadgeIcon}),(0,u.jsx)("span",{children:"Deprecated"})]})})}},5490(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.VersionDropdown=n.DetailedVersion=n.SimpleVersion=void 0;var a=r(83190);Object.defineProperty(n,"SimpleVersion",{enumerable:!0,get:function(){return a.SimpleVersion}}),Object.defineProperty(n,"DetailedVersion",{enumerable:!0,get:function(){return a.DetailedVersion}});var i=r(66630);Object.defineProperty(n,"VersionDropdown",{enumerable:!0,get:function(){return i.VersionDropdown}})},80528(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.LaneInfo=void 0;var a=r(80513);Object.defineProperty(n,"LaneInfo",{enumerable:!0,get:function(){return a.LaneInfo}})},80513(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneInfo=function({id:t,currentLane:n}){let r=n&&t.isEqual(n.id);return(0,i.jsx)("div",{children:(0,i.jsx)(s.MenuLinkItem,{active:r,href:o.LanesModel.getLaneUrl(t),className:u.default.versionRow,children:(0,i.jsxs)("span",{children:[(0,i.jsx)(l.Icon,{className:u.default.laneIcon,of:"lane"}),t.toString()]})})},t.toString())};let i=r(11684),o=r(1453);a(r(12888));let s=r(93766),l=r(29751),u=a(r(89119))},83190(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.SimpleVersion=function({currentVersion:t,className:n,disabled:r,hasMoreVersions:a,isTag:i=t=>null!==m.valid(t),useCurrentVersionLog:o,showFullVersion:s,loading:l,...c}){if(l)return(0,u.jsx)(b.WordSkeleton,{className:v.default.loader,length:9});let h="new"===t&&!a,g=s||i(t)?t:t?.slice(0,6);return h?(0,u.jsx)(y.PillLabel,{className:(0,p.default)(v.default.newLabel,n),children:g}):(0,u.jsxs)("div",{...c,className:(0,p.default)(v.default.simple,n,r&&v.default.disabled),children:[(0,u.jsx)(d.Ellipsis,{className:(0,p.default)(v.default.versionName),onClick:c.onClick,children:g}),a&&(0,u.jsx)(f.Icon,{of:"fat-arrow-down",onClick:c.onClick})]})},n.DetailedVersion=function({currentVersion:t,className:n,disabled:r,hasMoreVersions:a,isTag:i=t=>null!==m.valid(t),loading:o,useCurrentVersionLog:s,showFullVersion:l,...y}){var _,w;let{displayName:x,message:k,username:j,email:C,date:S,profileImage:O}=s?.({skip:o,version:t})||{},E=c.default.useMemo(()=>({displayName:x??"",email:C,name:j??"",profileImage:O}),[x,C,j,O]),$=l||i(t)?t:t?.slice(0,6),D=S?new Date(+S):void 0,P=c.default.useMemo(()=>D?new Date(+D).toString():new Date().toString(),[D]);return o?(0,u.jsx)(b.WordSkeleton,{className:v.default.loader,length:9}):(0,u.jsxs)("div",{...y,className:(0,p.default)(v.default.detailed,n,r&&v.default.disabled),children:[(0,u.jsx)(g.UserAvatar,{size:24,account:E??{},className:v.default.versionUserAvatar,showTooltip:!0,onClick:y.onClick}),(0,u.jsx)(d.Ellipsis,{className:(0,p.default)(v.default.versionName),onClick:y.onClick,children:$}),(_=k,w=y.onClick,_&&""!==_?(0,u.jsx)(d.Ellipsis,{className:v.default.commitMessage,onClick:w,children:_}):(0,u.jsx)(d.Ellipsis,{className:v.default.emptyMessage,onClick:w,children:"No commit message"})),(0,u.jsx)(d.Ellipsis,{className:v.default.versionTimestamp,onClick:y.onClick,children:(0,u.jsx)(h.TimeAgo,{date:P,onClick:y.onClick})}),a&&(0,u.jsx)(f.Icon,{of:"fat-arrow-down",onClick:y.onClick})]})};let u=r(11684),c=l(r(12888)),d=r(38348),p=l(r(97500)),m=s(r(16322)),f=r(29751),h=r(52464),g=r(19988),b=r(91317),y=r(69608),v=l(r(20692))},66630(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.VersionDropdown=n.LOCAL_VERSION=void 0;let u=r(11684),c=s(r(12888)),d=r(93766),p=r(57699),m=r(77210),f=r(19988),h=r(91317),g=l(r(97500)),b=l(r(88152)),y=r(2300),v=r(80528),_=r(83190);n.LOCAL_VERSION="workspace",n.VersionDropdown=(0,c.memo)(function({currentVersion:t,latestVersion:n,localVersion:r,useCurrentVersionLog:a,hasMoreVersions:i,loading:o,overrideVersionHref:s,className:l,placeholderClassName:d,getActiveTabIndex:m,dropdownClassName:f,menuClassName:h,showVersionDetails:y=!0,disabled:v,PlaceholderComponent:x,currentLane:k,useComponentVersions:j,lanes:C,...S}){let[O,E]=(0,c.useState)(0),$=!i,[D,P]=(0,c.useState)(!1);(0,c.useEffect)(()=>{o&&D&&P(!1)},[o]);let N=t=>{o||t.target===t.currentTarget&&P(t=>!t)},M=(0,u.jsx)(_.SimpleVersion,{useCurrentVersionLog:a,disabled:v,className:d,currentVersion:t,onClick:N,hasMoreVersions:i,loading:o,showFullVersion:"workspace"===t}),T=x?(0,u.jsx)(x,{useCurrentVersionLog:a,disabled:v,className:d,currentVersion:t,onClick:N,hasMoreVersions:i,loading:o,showFullVersion:"workspace"===t}):M;return v||$&&!o?(0,u.jsx)("div",{className:(0,g.default)(b.default.noVersions,l),children:T}):(0,u.jsx)("div",{...S,className:(0,g.default)(b.default.versionDropdown,l),children:(0,u.jsx)(p.Dropdown,{className:(0,g.default)(b.default.dropdown,f),dropClass:(0,g.default)(b.default.menu,h),open:D,onClick:N,onClickOutside:()=>P(!1),onChange:(t,n)=>n&&E(t=>t+1),PlaceholderComponent:({children:t,...n})=>(0,u.jsx)("div",{...n,className:d,onClick:N,children:t}),placeholder:T,children:(0,u.jsx)(w,{className:h,currentVersion:t,latestVersion:n,localVersion:r,overrideVersionHref:s,showVersionDetails:y,currentLane:k,getActiveTabIndex:m,lanes:C,useVersions:j,onVersionClicked:()=>P(!1),open:D},O)})})});let w=(0,c.memo)(function({currentVersion:t,localVersion:r,latestVersion:a,overrideVersionHref:i,showVersionDetails:o,useVersions:s,currentLane:l,lanes:p,getActiveTabIndex:_=x,loading:w,open:j,onVersionClicked:C,...S}){let{snaps:O,tags:E,loading:$}=s?.()||{},D=w||$,P=(0,c.useMemo)(()=>k.map(t=>{switch(t){case"SNAP":return{name:t,payload:O||[]};case"LANE":return{name:t,payload:p||[]};default:return{name:t,payload:E||[]}}}).filter(t=>t.payload.length>0),[O?.length,E?.length,p?.length,D]),[N,M]=(0,c.useState)(_(t,P,E,O,l)),T=(0,c.useMemo)(()=>void 0!==N?P[N]:void 0,[N,P]);(0,c.useEffect)(()=>{if(!l||0===P.length)return;let n=_(t,P,E,O,l);n!==N&&M(n)},[l,P.length,E?.length,O?.length,t,D]);let I=P.length>1,A=void 0!==N&&P[N]?.payload.length>0,F=(0,c.useCallback)(function({index:n}){let{name:r,payload:s=[]}=T||{},c=s[n];return c?"LANE"===r?(0,u.jsx)(v.LaneInfo,{currentLane:l,...c},c.id.toString()):(0,u.jsx)(y.VersionInfo,{currentVersion:t,latestVersion:a,overrideVersionHref:i,showDetails:o,onVersionClicked:C,...c},c.version):null},[T,t,a,o,l?.id.toString(),A]),R=(0,c.useMemo)(()=>A&&T?F:()=>null,[A,T,F]),L=(0,c.useMemo)(()=>T?.payload.map((t,n)=>R({index:n})),[T]);return(0,u.jsxs)("div",{...S,className:(0,g.default)(b.default.versionMenuContainer,!j&&b.default.hide),children:[D&&(0,u.jsx)(h.LineSkeleton,{count:6,className:b.default.loader}),!D&&r&&(0,u.jsx)(d.MenuLinkItem,{href:"?",active:t===n.LOCAL_VERSION,className:(0,g.default)(b.default.versionRow,b.default.localVersion),onClick:C,children:(0,u.jsxs)("div",{className:b.default.version,children:[(0,u.jsx)(f.UserAvatar,{size:24,account:{},className:b.default.versionUserAvatar}),(0,u.jsx)("span",{className:b.default.versionName,children:n.LOCAL_VERSION})]})}),(0,u.jsx)("div",{className:(0,g.default)(I&&b.default.tabs,!r&&b.default.withoutLocal),children:I&&P.map(({name:t},n)=>(0,u.jsx)(m.Tab,{className:b.default.tab,isActive:N===n,onClick:()=>M(n),children:t},t))}),(0,u.jsx)("div",{className:b.default.versionContainerRoot,children:L})]})}),x=(t,n=[],r,a)=>(a||[]).some(n=>n.version===t)?n.findIndex(t=>"SNAP"===t.name):0,k=["TAG","SNAP","LANE"]},2300(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.VersionInfo=void 0;var a=r(52437);Object.defineProperty(n,"VersionInfo",{enumerable:!0,get:function(){return a.VersionInfo}})},52437(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.VersionInfo=void 0;let u=r(11684),c=r(93766),d=r(52464),p=r(59473),m=r(29751),f=r(62634),h=s(r(12888)),g=r(19988),b=r(38348),y=l(r(97500)),v=l(r(22175));function _({message:t,showDetails:n}){return n?t&&""!==t?(0,u.jsx)(b.Ellipsis,{className:v.default.commitMessage,children:t}):(0,u.jsx)(b.Ellipsis,{className:v.default.emptyMessage,children:"No commit message"}):null}n.VersionInfo=h.default.memo(h.default.forwardRef(function({version:t,currentVersion:n,latestVersion:r,date:a,username:i,displayName:o,email:s,overrideVersionHref:l,showDetails:w,message:x,tag:k,profileImage:j,deprecated:C,onVersionClicked:S},O){let E=t===n,$=(0,h.useMemo)(()=>({displayName:o??"",email:s,name:i??"",profileImage:j}),[o,s,i,j]),D=(0,h.useMemo)(()=>a?new Date(parseInt(a)).toString():new Date().toString(),[a]),P=(0,h.useRef)(null);(0,h.useEffect)(()=>{E&&P.current?.scrollIntoView({block:"nearest"})},[E]);let N=l?l(t):`?version=${t}`,M=(0,h.useMemo)(()=>k?t:t.slice(0,6),[k,t]),T=t===r;return(0,u.jsx)("div",{ref:O||P,onClick:S,children:(0,u.jsxs)(c.MenuLinkItem,{active:E,href:N,className:v.default.versionRow,children:[(0,u.jsxs)("div",{className:v.default.version,children:[(0,u.jsx)(g.UserAvatar,{size:24,account:$,className:v.default.versionUserAvatar,showTooltip:!0}),(0,u.jsx)(b.Ellipsis,{className:(0,y.default)(v.default.versionName),children:M}),T&&(0,u.jsx)(p.VersionLabel,{status:"latest"}),C&&(0,u.jsx)(f.Tooltip,{placement:"bottom",content:"Deprecated",children:(0,u.jsx)("div",{className:v.default.deprecatedIcon,children:(0,u.jsx)(m.Icon,{of:"note-deprecated"})})}),(0,u.jsx)(_,{message:x,showDetails:w})]}),(0,u.jsx)(b.Ellipsis,{className:v.default.versionTimestamp,children:(0,u.jsx)(d.TimeAgo,{date:D})})]})})}))},8929(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.AspectEntry=void 0;let AspectEntry=class AspectEntry{constructor(t,n){this.id=t,this.legacyEntry=n}get legacy(){return this.legacyEntry}get isLegacy(){return!!this.config?.__legacy}get config(){return this.legacy.config}set config(t){this.legacy.config=t}get data(){return this.legacy.data}get isRemoved(){return this.legacy.isRemoved}set data(t){this.legacy.data=t}transform(t){let n=this.clone();return n.data=t,new AspectEntry(this.id,n.legacy)}clone(){return new AspectEntry(this.id,this.legacyEntry.clone())}serialize(){return{id:this.id.toString(),config:this.config,data:this.data,icon:"https://static.bit.dev/extensions-icons/default.svg"}}};n.AspectEntry=AspectEntry},12177(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(75216);return i=function(){return t},t}function o(){let t=r(15506);return o=function(){return t},t}function s(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.AspectSection=void 0;let AspectSection=class AspectSection{constructor(){s(this,"route",{path:"~aspect",element:a().default.createElement(o().AspectPage,null)}),s(this,"navigationLink",{href:"~aspect",children:a().default.createElement(i().MenuWidgetIcon,{icon:"configuration",tooltipContent:"Configuration"}),displayName:"Configuration",hideInMinimalMode:!0}),s(this,"order",50)}};n.AspectSection=AspectSection},52365(t,n,r){"use strict";function a(){let t=r(83875);return a=function(){return t},t}function i(){let t=l(r(46179));return i=function(){return t},t}function o(){var t;let n=(t=r(52101))&&t.__esModule?t:{default:t};return o=function(){return n},n}function s(){let t=r(50668);return s=function(){return t},t}function l(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(l=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;let ComponentFS=class ComponentFS extends a().MemoryFS{constructor(t){super(),this.files=t}get hash(){return""}byRegex(t){return this.files.filter(n=>n.path.match(t))}byGlob(t){let{includePatterns:n,excludePatterns:r}=(0,s().splitPatterns)(t);return this.files.filter(t=>(0,s().matchPatterns)(t.relative,n,r))}toObject(){return this.files.map(t=>({path:t.path,contents:t.contents}))}static fromVinyls(t){let n=new ComponentFS(t);return t.forEach(t=>{let r=t.relativeDir;r.startsWith("/")||(r=o().default.join("/",r)),n.mkdirpSync(r),n.writeFileSync(`/${t.relative}`,i().auto(t.contents||""))}),n}};n.default=ComponentFS},18985(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentMap=void 0;let ComponentMap=class ComponentMap{constructor(t){this.hashMap=t}byComponent(t){return this.hashMap.get(t.id.toString())}get components(){return this.toArray().map(([t])=>t)}get(t){return this.hashMap.get(t.id.toString())}getValueByComponentId(t){let n=this.hashMap.get(t.toString());return n?n[1]:null}toArray(){return Array.from(this.hashMap.values())}map(t){return new ComponentMap(new Map(this.toArray().map(([n,r])=>{let a=t(r,n);return[n.id.toString(),[n,a]]})))}async asyncMap(t){let n=this.toArray().map(async([n,r])=>{let a=await t(r,n);return[n.id.toString(),[n,a]]});return new ComponentMap(new Map(await Promise.all(n)))}forEach(t){this.toArray().forEach(([n,r])=>{t(r,n)})}flattenValue(){return this.toArray().reduce((t,[,n])=>t=t.concat(n),[])}filter(t){return new ComponentMap(new Map(this.toArray().filter(([,n])=>t(n)).map(([t,n])=>[t.id.toString(),[t,n]])))}keys(){return this.hashMap.keys()}static create(t){return new ComponentMap(new Map(t.map(([t,n])=>[t.id.toString(),[t,n]])))}static as(t,n){return new ComponentMap(new Map(t.map(t=>[t.id.toString(),[t,n(t)]])))}static async asAsync(t,n){return new ComponentMap(new Map(await Promise.all(t.map(async t=>[t.id.toString(),[t,await n(t)]]))))}};n.ComponentMap=ComponentMap},49661(t,n,r){"use strict";function a(){let t=r(18985);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentMap",{enumerable:!0,get:function(){return a().ComponentMap}})},61159(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.ComponentAspect=void 0;let i=n.ComponentAspect=a().Aspect.create({id:"teambit.component/component",dependencies:[],defaultConfig:{}});n.default=i},55633(t,n,r){"use strict";function a(){let t=r(5913);return a=function(){return t},t}function i(){let t=r(24490);return i=function(){return t},t}function o(){let t=r(46746);return o=function(){return t},t}function s(){let t=r(88077);return s=function(){return t},t}function l(){let t=r(28381);return l=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.Component=void 0;let Component=class Component{constructor(t,n=null,r,a=new(s()).TagMap,i){this.id=t,this.head=n,this._state=r,this.tags=a,this.factory=i}get mainFile(){return this.state.mainFile}get state(){return this._state}set state(t){this._state=t}get config(){return this.state.config}get filesystem(){return this.state.filesystem}get buildStatus(){return this._state._consumer.buildStatus}get homepage(){return this._state._consumer._getHomepage()}get headTag(){if(this.head)return this.tags.byHash(this.head.hash)}get latest(){if(this.head)try{return this.tags.getLatest()}catch(t){if(t instanceof l().CouldNotFindLatest)return this.head.hash;throw t}}get(t){return this.state.aspects.get(t)?.serialize()}async getLogs(t){let n=await this.factory.getLogs(this.id,!1,t?.head);if(!t)return n;let{type:r,limit:a,offset:i,sort:s}=t,l=r&&n.filter(t=>"tag"===r?t.tag:"snap"!==r||!t.tag)||n;return"asc"!==s&&(l=l.reverse()),a&&(l=(0,o().slice)(l,i,a+(i||0))),l}getDependencies(){return this.factory.getDependencies(this)}getPackageName(){return this.factory.componentPackageName(this)}stringify(){return JSON.stringify({id:this.id,head:this.head})}get displayName(){return this.id.name.split("-").map(t=>(0,a().capitalize)(t)).join(" ")}tag(t){}isModified(){return this.factory.isModified(this)}isDeleted(){return this.state._consumer.isRemoved()}isOutdated(){if(!this.latest)return!1;let t=this.tags.byVersion(this.latest);return!!t&&this.head?.hash!==t?.hash}isNew(){return Promise.resolve(null===this.head)}isExported(){return this.factory.isExported(this.id)}loadState(t){return this.factory.getState(this.id,t)}loadSnap(t){let n=t||this.head?.hash;if(!n)throw new(i()).BitError("could not load snap for new components");return this.factory.getSnap(this.id,n)}snapsIterable(t,n={}){let r,a=t||this.head?.hash,i=[a];a||(r=!0);let o={next:async()=>{if(r)return{value:void 0,done:r};let t=i.shift(),a=await this.loadSnap(t);return a.parents&&a.parents.length&&(n.firstParentOnly?i.push(a.parents[0]):i=i.concat(a.parents)),i.length?n.stopFn&&(r=await n.stopFn(a)):r=!0,{value:a,done:void 0}}};return{[Symbol.asyncIterator]:()=>o}}async getClosestTag(t){let n=this.tags.getHashMap(),r=async t=>!!n.has(t.hash),a=this.snapsIterable(t,{firstParentOnly:!0,stopFn:r}),i=[];for await(let t of a)i.push(t);if(i.length){let t=i[i.length-1].hash;return n.get(t)}}getTag(){let t=this.id.version;if(t)return this.tags.byVersion(t)||this.tags.byHash(t)}getSnapHash(){if(!this.id.hasVersion())return;let t=this.tags.byVersion(this.id.version);return t?t.hash:this.id.version}async getCurrentSnap(){let t=this.getSnapHash();if(t)return this.loadSnap(t)}checkout(t){}write(t,n){}equals(t){return t.id.toString()===this.id.toString()}};n.Component=Component},56599(t,n,r){"use strict";function a(){let t=v(r(12888));return a=function(){return t},t}function i(){let t=v(r(47065));return i=function(){return t},t}function o(){let t=v(r(29656));return o=function(){return t},t}function s(){let t=r(43385);return s=function(){return t},t}function l(){let t=r(72631);return l=function(){return t},t}function u(){let t=r(75894);return u=function(){return t},t}function c(){let t=r(14451);return c=function(){return t},t}function d(){let t=r(46746);return d=function(){return t},t}function p(){let t=r(9375);return p=function(){return t},t}function m(){let t=r(71118);return m=function(){return t},t}function f(){let t=r(12177);return f=function(){return t},t}function h(){let t=r(61159);return h=function(){return t},t}function g(){let t=r(55810);return g=function(){return t},t}function b(){let t=r(75547);return b=function(){return t},t}function y(){let t=r(64621);return y=function(){return t},t}function v(t){return t&&t.__esModule?t:{default:t}}function _(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let ComponentUI=class ComponentUI{constructor(t,n,r,s,l,u,c,d,m,f,h){this.routeSlot=t,this.navSlot=n,this.consumeMethodSlot=r,this.widgetSlot=s,this.pinnedWidgetSlot=l,this.rightSideMenuSlot=u,this.menuItemSlot=c,this.pageItemSlot=d,this.componentSearchResultSlot=m,this.isCommandBarEnabled=h,_(this,"routePath","/*"),_(this,"componentSearcher",void 0),_(this,"activeComponent",void 0),_(this,"copyBitId",()=>{(0,o().default)(this.activeComponent?.id.toString()||"")}),_(this,"copyNpmId",()=>{let t=this.activeComponent?.packageName;if(t){let n=this.activeComponent?.id.version,r=n?`@${this.formatToInstallableVersion(n)}`:"";(0,o().default)(`${t}${r}`)}}),_(this,"commandRunner",void 0),_(this,"keyBindings",[{id:"component.copyBitId",action:this.copyBitId,displayName:"Copy component ID",keybinding:"."},{id:"component.copyNpmId",action:this.copyNpmId,displayName:"Copy component package name",keybinding:","}]),_(this,"menuItems",[{category:"general",title:"Open command bar",keyChar:"mod+k",handler:()=>this.runCommand("command-bar.open")},{category:"general",title:"Toggle component list",keyChar:"alt+s",handler:()=>this.runCommand("sidebar.toggle")},{category:"workflow",title:"Copy component ID",keyChar:".",handler:this.copyBitId},{category:"workflow",title:"Copy component package name",keyChar:",",handler:this.copyNpmId}]),_(this,"bitMethod",({options:t,id:n,packageName:r,latest:i,componentModel:o})=>{let s=r||o?.packageName,l=i||o?.id.version,u=n.version===l?"":`@${n.version}`,c=n.version===l?"":`@${this.formatToInstallableVersion(n.version)}`;return{Title:a().default.createElement("img",{style:{width:"20px"},src:"https://static.bit.dev/brands/bit-logo-text.svg"}),Component:t?.hide?null:a().default.createElement(p().Import,{componentId:`${n.toString({ignoreVersion:!0})}${u}`,packageName:`${s}${c}`,componentName:n.name,showInstallMethod:!t?.disableInstall}),order:0}}),_(this,"handleComponentChange",t=>{this.activeComponent=t}),_(this,"registerMenuItem",t=>{this.menuItemSlot.register(t)}),_(this,"registerPageItem",(...t)=>{this.pageItemSlot.register(t)}),_(this,"registerSearchResultWidget",(...t)=>{this.componentSearchResultSlot.register(t);let n=(0,i().default)(this.componentSearchResultSlot.values());this.componentSearcher.updatePlugins(n)}),_(this,"updateComponents",t=>{this.componentSearcher.update(t||[])}),this.componentSearcher=new(b()).ComponentSearcher({navigate:f.navigateTo})}get routes(){return this.routeSlot.toArray().map(([t,n])=>[t,Array.isArray(n)?[...(0,i().default)(n)]:[n]])}formatToInstallableVersion(t){return(0,m().snapToSemver)(t)}registerCommandRunner(t){this.commandRunner=t}runCommand(t){return this.commandRunner?.(t)}getComponentUI(t,n={}){return a().default.createElement(g().Component,{routeSlot:this.routeSlot,containerSlot:this.pageItemSlot,onComponentChange:this.handleComponentChange,host:t,path:n.path,useComponent:n.useComponent,componentIdStr:n.componentId,useComponentFilters:n.useComponentFilters,overriddenRoutes:n.routes})}getMenu(t,n={}){return a().default.createElement(y().ComponentMenu,{className:n.className,skipRightSide:n.skipRightSide,navigationSlot:this.navSlot,consumeMethodSlot:this.consumeMethodSlot,rightSideMenuSlot:this.rightSideMenuSlot,widgetSlot:this.widgetSlot,host:t,menuItemSlot:this.menuItemSlot,useComponent:n.useComponent,path:n.path,componentIdStr:n.componentId,useComponentFilters:n.useComponentFilters,RightNode:n.RightNode,authToken:n.authToken,pinnedWidgetSlot:this.pinnedWidgetSlot})}listMenuItems(){return(0,d().groupBy)((0,i().default)(this.menuItemSlot.values()),"category")}registerRoute(t){return this.routeSlot.register(t),this}registerNavigation(t,n){this.navSlot.register({props:t,order:n})}registerConsumeMethod(...t){this.consumeMethodSlot.register(t)}registerWidget(t,n){this.widgetSlot.register({props:t,order:n})}registerPinnedWidget(t,n){this.pinnedWidgetSlot.register({props:t,order:n})}registerRightSideMenuItem(...t){this.rightSideMenuSlot.register(t)}static async provider([t],n,[r,a,i,o,l,u,c,d,p]){let m=new ComponentUI(r,a,i,o,p,d,l,u,c,t,n.commandBar),h=new(f()).AspectSection;return m.registerSearchResultWidget({key:"deprecation",end:s().DeprecationIcon}),m.registerMenuItem(m.menuItems),m.registerRoute(h.route),m.registerWidget(h.navigationLink,h.order),m.registerConsumeMethod(m.bitMethod),m}};_(ComponentUI,"dependencies",[u().ReactRouterAspect]),_(ComponentUI,"runtime",c().UIRuntime),_(ComponentUI,"slots",[l().Slot.withType(),l().Slot.withType(),l().Slot.withType(),l().Slot.withType(),l().Slot.withType(),l().Slot.withType(),l().Slot.withType(),l().Slot.withType(),l().Slot.withType()]),_(ComponentUI,"defaultConfig",{commandBar:!0}),h().ComponentAspect.addRuntime(ComponentUI)},52946(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Config=void 0;let Config=class Config{constructor(t){this.consumerComponent=t}get main(){return this.consumerComponent.mainFile}get extensions(){return this.consumerComponent.extensions}};n.Config=Config},41384(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CouldNotFindLatest=void 0;let CouldNotFindLatest=class CouldNotFindLatest extends Error{constructor(t){super(`could not find latest semver in array: ${t.join(", ")}`)}report(){return this.message}};n.CouldNotFindLatest=CouldNotFindLatest},93402(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.HostNotFound=void 0;let HostNotFound=class HostNotFound extends Error{constructor(t){super(),this.hostName=t}toString(){return`[component] error: host '${this.hostName}' was not found`}};n.HostNotFound=HostNotFound},28381(t,n,r){"use strict";function a(){var t;let n=(t=r(51225))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(93402);return i=function(){return t},t}function o(){let t=r(41384);return o=function(){return t},t}function s(){let t=r(72002);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"CouldNotFindLatest",{enumerable:!0,get:function(){return o().CouldNotFindLatest}}),Object.defineProperty(n,"HostNotFound",{enumerable:!0,get:function(){return i().HostNotFound}}),Object.defineProperty(n,"MainFileNotFound",{enumerable:!0,get:function(){return s().MainFileNotFound}}),Object.defineProperty(n,"NothingToSnap",{enumerable:!0,get:function(){return a().default}})},72002(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.MainFileNotFound=void 0;let MainFileNotFound=class MainFileNotFound extends Error{constructor(t,n){super(),this.id=t,this.mainFile=n}toString(){return`[component] error: main file ${this.mainFile} for component ${this.id.toString()} was not found`}};n.MainFileNotFound=MainFileNotFound},51225(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;let NothingToSnap=class NothingToSnap extends Error{};n.default=NothingToSnap},11013(t,n,r){"use strict";function a(){let t=r(28537);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentHostModel=void 0;let ComponentHostModel=class ComponentHostModel{constructor(t,n){this.name=t,this.components=n}static from(t){return new ComponentHostModel(t.getHost.name,a().ComponentModel.fromArray(t.getHost.list))}};n.ComponentHostModel=ComponentHostModel},41733(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a={useComponentHost:!0};function i(){let t=r(81403);return i=function(){return t},t}Object.defineProperty(n,"useComponentHost",{enumerable:!0,get:function(){return i().useComponentHost}});var o=r(11013);Object.keys(o).forEach(function(t){"default"===t||"__esModule"===t||Object.prototype.hasOwnProperty.call(a,t)||t in n&&n[t]===o[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return o[t]}})})},81403(t,n,r){"use strict";function a(){let t=r(7622);return a=function(){return t},t}function i(){let t=r(92590);return i=function(){return t},t}function o(){let t=r(11013);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentHost=function(){let{data:t,loading:n}=(0,a().useDataQuery)(s);return!t||n?{}:{host:o().ComponentHostModel.from(t)}};let s=(0,i().gql)`
+`;let p=(0,u.createContext)(void 0)},33006(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompareSidebar=function({groups:t,selectedId:n,selectedFile:r,onSelect:a,loading:i,className:o,defaultExpandFiles:s}){return(0,u.jsxs)("div",{className:`${p.default.sidebar}${o?` ${o}`:""}`,children:[(0,u.jsxs)("div",{className:p.default.sidebarHeader,children:[(0,u.jsx)("span",{className:p.default.sidebarTitle,children:"Components"}),n&&(0,u.jsx)("button",{className:p.default.clearSelectionLink,onClick:()=>a(""),children:"Clear"})]}),(0,u.jsxs)("div",{className:p.default.sidebarContent,children:[i&&(0,u.jsx)("div",{className:p.default.sidebarLoading,children:Array.from({length:8}).map((t,n)=>(0,u.jsx)("div",{className:p.default.sidebarSkeleton,children:(0,u.jsx)("div",{className:p.default.skeleton,style:{width:`${60+n%3*20}%`,height:"12px"}})},n))}),!i&&t.map(i=>(0,u.jsx)(m,{group:i,selectedId:n,selectedFile:r,onSelect:a,isSingleGroup:1===t.length,defaultExpandFiles:s},i.key))]})]})};let u=r(11684),c=s(r(12888)),d=r(516),p=l(r(17124));function m({group:t,selectedId:n,selectedFile:r,onSelect:a,isSingleGroup:i,defaultExpandFiles:o}){let[s,l]=(0,c.useState)(!1);return(0,u.jsxs)("div",{className:p.default.sidebarGroup,children:[!i&&(0,u.jsxs)("button",{className:p.default.sidebarGroupHeader,onClick:()=>l(!s),children:[(0,u.jsx)(d.Icon,{of:"fat-arrow-down",className:`${p.default.chevron} ${s?p.default.chevronCollapsed:""}`}),t.icon&&(0,u.jsx)(d.Icon,{of:t.icon}),(0,u.jsx)("span",{className:p.default.groupLabel,children:t.label}),(0,u.jsx)("span",{className:p.default.groupCount,children:t.items.length})]}),!s&&(0,u.jsx)("div",{className:p.default.sidebarItems,children:t.items.map(t=>(0,u.jsx)(f,{item:t,isSelected:n===t.id,selectedFile:n===t.id?r:void 0,onSelect:a,defaultExpand:o},t.id))})]})}function f({item:t,isSelected:n,selectedFile:r,onSelect:a,defaultExpand:i}){var o;let[s,l]=(0,c.useState)(i??!1),m=t.files&&t.files.length>0;return(0,c.useEffect)(()=>{i&&m&&l(!0)},[i,m]),(0,u.jsxs)("div",{className:p.default.componentItemWrapper,children:[(0,u.jsxs)("button",{className:`${p.default.sidebarItem} ${n&&!r?p.default.sidebarItemSelected:""}`,onClick:()=>a(t.id),children:[m?(0,u.jsx)("span",{className:`${p.default.fileChevron} ${s?"":p.default.chevronCollapsed}`,role:"button",tabIndex:0,"aria-label":s?"Collapse files":"Expand files",onClick:t=>{t.stopPropagation(),l(!s)},onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),t.stopPropagation(),l(!s))},children:(0,u.jsx)(d.Icon,{of:"fat-arrow-down",className:p.default.chevronIcon})}):(0,u.jsx)("span",{className:p.default.fileChevronPlaceholder}),t.envIcon?(0,u.jsx)("img",{src:t.envIcon,className:p.default.envIcon,alt:""}):(0,u.jsx)("span",{className:p.default.envIconPlaceholder}),(0,u.jsx)("span",{className:p.default.componentName,children:t.name}),t.sourceIndicator&&(0,u.jsx)("span",{className:p.default.sourceIndicator,children:t.sourceIndicator}),t.status&&(0,u.jsx)("span",{className:`${p.default.componentStatus} ${p.default[`componentStatus${t.status}`]||""}`,children:h[o=t.status]||o}),m&&(0,u.jsx)("span",{className:p.default.fileCount,children:t.files.length})]}),s&&m&&(0,u.jsx)("div",{className:p.default.fileTree,children:t.files.map(i=>(0,u.jsxs)("button",{className:`${p.default.fileItem} ${r===i.name&&n?p.default.fileItemSelected:""}`,onClick:()=>a(t.id,i.name),children:[(0,u.jsx)("span",{className:`${p.default.fileStatus} ${i.status?p.default[`fileStatus${i.status}`]:""}`}),(0,u.jsx)("span",{className:p.default.fileName,children:i.name}),i.status&&"UNCHANGED"!==i.status&&(0,u.jsx)("span",{className:`${p.default.fileStatusLabel} ${p.default[`fileStatusLabel${i.status}`]||""}`,children:"NEW"===i.status?"N":"DELETED"===i.status?"D":"M"})]},i.name))})]})}let h={NEW:"New",SOURCE_CODE:"Modified",DEPENDENCY:"Modified",ASPECTS:"Modified",MODIFIED:"Modified",DELETED:"Deleted"}},90211(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompareToolbarActions=function({viewMode:t,diffMode:n,onDiffModeChange:r,depsShowAll:a,onDepsShowAllChange:l}){return"code"===t||"config"===t||"tests"===t?(0,i.jsx)(o.ToggleButton,{onOptionSelect:t=>r(0===t?"split":"unified"),defaultIndex:+("split"!==n),options:[{value:"split",element:(0,i.jsx)("span",{children:"Split"})},{value:"unified",element:(0,i.jsx)("span",{children:"Unified"})}],className:s.default.diffModeToggle}):"dependencies"===t?(0,i.jsx)(o.ToggleButton,{onOptionSelect:t=>l(1===t),defaultIndex:+!!a,options:[{value:"changed",element:(0,i.jsx)("span",{children:"Changed"})},{value:"all",element:(0,i.jsx)("span",{children:"All"})}],className:s.default.diffModeToggle}):null};let i=r(11684);a(r(12888));let o=r(74256),s=a(r(46133))},38709(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.CompareToolbar=function({viewMode:t,onViewModeChange:n,groupBy:r,onGroupByChange:a,endActions:p,counts:m,showCounts:f=!0,loading:h,viewModes:g,groupByOptions:b,componentOptions:y,selectedComponents:v,onSelectedComponentsChange:_,searchPlaceholder:w="Search components",className:x,sidebarWidth:k}){let j=g.map(t=>({value:t.id,label:t.displayName,icon:t.icon,count:m[t.id]??0})).filter(t=>t.count>0),C=!!(b&&b.length>0&&a),S=C?Math.max(0,b.findIndex(t=>t.value===r)):0,O=j.findIndex(n=>n.value===t);return(0,i.jsxs)("div",{className:`${c.default.toolbar}${x?` ${x}`:""}`,style:k?{"--sidebar-width":`${k}px`}:void 0,children:[y&&_&&(0,i.jsx)("div",{className:c.default.toolbarSearch,children:(0,i.jsx)(u.MultiSelect,{id:"search-components",styles:d,placeholder:w,options:y,activeOptions:v||[],onChange:t=>_(t||[]),className:c.default.componentSearchSelect})}),(0,i.jsxs)("div",{className:c.default.toolbarLeft,children:[(0,i.jsx)(o.ToggleButton,{onOptionSelect:t=>{n(j[t].value)},defaultIndex:O>=0?O:0,options:j.map(t=>({value:t.value,element:(0,i.jsxs)("div",{className:c.default.toolbarOption,children:[t.icon&&(0,i.jsx)(s.Icon,{of:t.icon}),(0,i.jsx)("span",{children:t.label}),f&&(h?(0,i.jsx)("span",{className:c.default.toolbarBadgeSkeleton}):(0,i.jsx)("span",{className:c.default.toolbarBadge,children:t.count}))]})})),className:c.default.viewModeToggle}),C&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:c.default.toolbarSeparator}),(0,i.jsx)(o.ToggleButton,{onOptionSelect:t=>a(b[t].value),defaultIndex:S>=0?S:0,options:b.map(t=>({value:t.value,element:(0,i.jsx)(l.Tooltip,{content:`Group by ${t.label}`,children:(0,i.jsx)("span",{children:t.label})})})),className:c.default.groupByToggle})]})]}),p&&(0,i.jsx)("div",{className:c.default.toolbarRight,children:p})]})};let i=r(11684);a(r(12888));let o=r(74256),s=r(516),l=r(62634),u=r(88320),c=a(r(46133)),d={control:()=>({fontSize:"13px",padding:"2px 4px",height:"32px",width:"100%"}),singleValue:()=>({padding:0})}},41009(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.InlineComponentCompare=void 0,n.ComponentCompare=function(t){let{host:n,baseId:r,compareId:a,routes:i,state:o,tabs:s,className:l,hooks:p,changes:m,customUseComponent:y,Loader:_=T,baseContext:x,compareContext:j,isFullScreen:C,hidden:E=!1,compareIdOverride:$,baseIdOverride:P,...N}=t,M=(0,b.useCompareQueryParam)("baseVersion"),A=(0,c.useContext)(f.ComponentContext),F=(0,c.useContext)(f.ComponentDescriptorContext),R=(0,v.useLocation)(),L="teambit.workspace/workspace"===n,z=!L||R?.search.includes("version")||a||A.logs?.length!==0?"teambit.scope/scope":n,{component:B,loading:q,componentDescriptor:G}=(0,f.useComponent)(z,$?.toString()||a?.toString(),{skip:E||!a&&!$,customUseComponent:y,logFilters:{log:{}}}),U=(0,c.useMemo)(()=>(B?.logs||A.logs)?.slice().sort(k.sortByDateDsc)||[],[A.id.toString(),q,A.logs?.length,B?.logs?.length]),V=(0,c.useMemo)(()=>0===U.length,[U]),H=!L||V||R?.search.includes("version")||a?A.id.version:"workspace",Z="workspace"===H,X=(0,c.useMemo)(()=>Z?U[0]:U.find((t,n,r)=>{if("workspace"===H||1===r.length)return!0;if(0===n)return!1;let a=n-1;return r[a].tag===H||r[a].hash===H}),[U,H,Z]),W=c.default.useMemo(()=>r||M&&A.id.changeVersion(M)||X&&A.id.changeVersion(X.tag||X.hash)||A.id,[q,r,M,X?.tag,X?.hash]),{component:Y,loading:Q,componentDescriptor:K}=(0,f.useComponent)("teambit.scope/scope",P?.toString()||W?.toString(),{customUseComponent:y,skip:E||!W&&!P,logFilters:{log:{}}}),J=Q||q,ee=a?B:A,et=`${Y?.id.toString()}-${ee?.id.toString()}`,en=(0,c.useMemo)(()=>(ee?.logs||[]).slice().reduce(w.groupByVersion,new Map),[ee?.id.toString()]),er=E||Y?.id.version?.toString()===ee?.id.version?.toString()&&!Z,{loading:ea,componentCompareData:ei}=(0,g.useComponentCompareQuery)(Y?.id.toString(),ee?.id.toString(),void 0,er),{loading:eo,result:es}=(0,O.useApiDiff)(Y?.id.toString(),ee?.id.toString(),{skip:E}),el=(0,c.useMemo)(()=>{if(J||ea)return;if(!ea&&!ei)return null;let t=new Map;return(ei?.code||[]).forEach(n=>{t.set(n.fileName,n)}),t},[ea,J,et,ei]),eu=(0,c.useMemo)(()=>{if(J||ea)return;if(!ea&&!ei)return null;let t=new Map;return(ei?.aspects||[]).forEach(n=>{t.set(n.fieldName,n)}),t},[ea,J,et,ei]),ec=(0,c.useMemo)(()=>{if(J||ea)return;if(!ea&&!ei)return null;let t=new Map;return(ei?.tests||[]).forEach(n=>{t.set(n.fileName,n)}),t},[ea,J,et,ei]),ed=(0,c.useMemo)(()=>{if(!J&&!eo)return es??null},[J,eo,et,es]),ep=(0,c.useMemo)(()=>({compare:ee&&{model:ee,descriptor:G||F,hasLocalChanges:Z},base:Y&&{model:Y,descriptor:K},loading:J,logsByVersion:en,state:o,hooks:p,baseContext:x,compareContext:j,fieldCompareDataByName:eu,fileCompareDataByName:el,testCompareDataByName:ec,apiDiffResult:ed,isFullScreen:C,hidden:E}),[ee,G,F,Z,Y,K,J,en,o,p,x,j,eu,el,ec,ed,C,E]),em=(0,c.useMemo)(()=>m||function(t,n,r,a,i,o){if(!t&&!n)return null;if(!t?.version)return[S.ChangeType.NEW];if(null===r||null===a)return null;if(void 0===r||void 0===a)return;let s=[...r.values()],l=o?.hasChanges??!1;if(0===a.size&&(0===r.size||s.every(t=>"UNCHANGED"===t.status))&&!l)return[S.ChangeType.NONE];let u=[],c=["dependencies","devDependencies","extensionDependencies","packageDependencies"];return i?.size&&u.push(S.ChangeType.TESTS),r.size>0&&s.some(t=>"UNCHANGED"!==t.status)&&u.push(S.ChangeType.SOURCE_CODE),a.size>0&&u.push(S.ChangeType.ASPECTS),[...a.values()].some(t=>c.includes(t.fieldName))&&u.push(S.ChangeType.DEPENDENCY),l&&u.push("API"),u}(W,ee?.id,el,eu,ec,ed),[m,W,ee,el,eu,ec,ed]);return(0,u.jsx)(h.ComponentCompareContext.Provider,{value:ep,children:(0,u.jsx)("div",{className:(0,d.default)(D.default.componentCompareContainer,l),...N,children:(0,u.jsx)(I,{...t,componentId:ee?.id?.toStringWithoutVersion()||W.toStringWithoutVersion()||A?.id?.toStringWithoutVersion(),baseVersion:W.version,compareVersion:a?.version||A.id.version,compareHasLocalChanges:Z,changes:em,loading:J,Loader:_},et)})})},n.DeferredTab=z,n.NewComponentFileRegistrar=G,n.ComponentCompareHeader=V,n.RegistryFeeder=function({pairs:t}){return(0,u.jsx)(u.Fragment,{children:t.map(t=>(0,u.jsx)(Z,{compareId:t.compareId},t.compareId))})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(83249),m=r(19100),f=r(30266),h=r(12066),g=r(1240),b=r(13837),y=r(52792),v=r(19304),_=r(72164),w=r(83535),x=r(28757),k=r(67741),j=r(28669),C=r(91317),S=r(33320),O=r(7110),E=r(1814),$=r(65354),D=l(r(70993));function P(){return(0,u.jsx)(C.WordSkeleton,{className:D.default.tabLoader,length:5})}function N({children:t,changed:n,changeTypeCss:r,loading:a,className:i,...o}){let s=(0,c.useMemo)(()=>n?.some(t=>t!==S.ChangeType.NONE&&t!==S.ChangeType.NEW),[n]);return a?(0,u.jsx)(P,{}):(0,u.jsxs)("div",{...o,className:(0,d.default)(D.default.compareMenuTab,i),children:[r&&s&&(0,u.jsx)("div",{className:(0,d.default)(D.default.indicator,r)}),(0,u.jsx)("div",{className:(0,d.default)(D.default.menuTab),children:t})]})}function M({tabs:t,state:n,hooks:r,changes:a}){let i=n?.tabs?.id,o=n?.tabs?.controlled,s=(0,j.extractLazyLoadedData)(t)||[],l=(0,c.useMemo)(()=>s.sort(x.sortTabs).map((t,s)=>{let l=n?!!i&&!!t?.id&&i===t.id:void 0,c=a&&t.changeType&&a.some(n=>t.changeType===n)?D.default.hasChanged:null,d=void 0===a,p=`${t.id}-tab-${c}`;return[t.id||`tab-${s}`,{...t,props:{...t.props,key:p,displayName:!d&&t.displayName||void 0,active:l,onClick:function({hooks:t,id:n}){if(t?.tabs?.onClick)return r=>t?.tabs?.onClick?.(n,r)}({id:t.id,hooks:r}),href:!o&&t.props?.href||void 0,activeClassName:!d&&D.default.activeNav||D.default.loadingNav,className:D.default.navItem,children:(0,u.jsx)(N,{loading:d,changeTypeCss:c,changed:a,children:t.props?.children},p)}}]}),[s.length,i,a,a?.length]),d=(0,c.useMemo)(()=>l.filter(([,t])=>!t.widget),[l.length,i,a?.length,a]),p=(0,c.useMemo)(()=>l.filter(([,t])=>t.widget),[l.length,i,a?.length,a]);return(0,u.jsx)("div",{className:D.default.navContainer,children:(0,u.jsx)(f.CollapsibleMenuNav,{navPlugins:d,widgetPlugins:p})})}function T({className:t,...n}){return(0,u.jsxs)("div",{className:t,...n,children:[(0,u.jsx)(C.BlockSkeleton,{className:D.default.navLoader,lines:3}),(0,u.jsxs)("div",{className:D.default.compareLoader,children:[(0,u.jsx)("div",{className:D.default.compareViewLoader,children:(0,u.jsx)(C.BlockSkeleton,{lines:30})}),(0,u.jsx)("div",{className:D.default.compareSidebarLoader,children:(0,u.jsx)(C.BlockSkeleton,{lines:30})})]})]})}function I(t){let{routes:n,state:r,loading:a,Loader:i=T,baseVersion:o,compareVersion:s,compareHasLocalChanges:l,componentId:c,hidden:p}=t,m=r?.versionPicker?.element!==null;return(0,u.jsxs)(u.Fragment,{children:[m&&(0,u.jsx)("div",{className:D.default.top,children:r?.versionPicker?.element||(0,u.jsx)(y.ComponentCompareVersionPicker,{componentId:c,baseVersion:o,compareVersion:s,compareHasLocalChanges:l,host:t.host,customUseComponent:t.customUseComponent})}),a&&!p&&(0,u.jsx)(i,{className:(0,d.default)(D.default.loader)}),!a&&(0,u.jsxs)("div",{className:(0,d.default)(D.default.bottom,p&&D.default.hidden),children:[(0,u.jsx)(M,{...t}),((0,j.extractLazyLoadedData)(n)||[]).length>0&&(0,u.jsx)(_.SlotRouter,{routes:(0,j.extractLazyLoadedData)(n)||[]}),r?.tabs?.element]})]})}let A=[],F=!1;function R(t){return A.push(t),F||(F=!0,requestAnimationFrame(function t(){let n=A.shift();n&&(0,c.startTransition)(n),A.length>0?requestAnimationFrame(t):F=!1})),()=>{let n=A.indexOf(t);-1!==n&&A.splice(n,1)}}let L=(0,c.forwardRef)(function({name:t,baseId:n,compareId:r,baseVersion:a,compareVersion:i,baseUrl:o,compareUrl:s,envIcon:l,changeTags:d,accentColor:p,tabs:m,allTabs:f,children:h,className:g,host:b="teambit.scope/scope",baseOverride:y,compareOverride:v,dataAttributes:_},w){let x=(0,c.useRef)(null),[k,j]=(0,c.useState)(!1),C=c.default.useCallback(t=>{x.current=t,"function"==typeof w?w(t):w&&(w.current=t)},[w]);return(0,c.useEffect)(()=>{let t,n=x.current;if(!n)return;let r=new IntersectionObserver(([n])=>{n.isIntersecting&&(r.disconnect(),t=R(()=>j(!0)))},{rootMargin:"400px 0px"});return r.observe(n),()=>{r.disconnect(),t?.()}},[]),(0,u.jsxs)("div",{ref:C,className:`${D.default.componentCompare} ${g||""}`,"data-component-id":r.split("@")[0],style:p?{"--component-accent":p}:void 0,..._,children:[(0,u.jsx)(V,{name:t,componentId:r.split("@")[0],envIcon:l,baseVersion:a,compareVersion:i,baseUrl:o,compareUrl:s,changeTags:d}),!n&&!!r&&(0,u.jsx)(G,{compareId:r}),!k&&(0,u.jsx)(H,{lines:4,className:D.default.sectionPlaceholder}),k&&(0,u.jsxs)(q,{baseId:n,compareId:r,host:b,baseOverride:y,compareOverride:v,children:[f?f.map(t=>(0,u.jsx)(z,{tabId:t.id,lazy:t.lazy,children:t.element},t.id)):m&&m.map(t=>(0,u.jsx)("div",{children:t.element},t.id)),h]})]})});function z({tabId:t,children:n,lazy:r}){let a=(0,c.useRef)(null),[i,o]=(0,c.useState)(!r);return(0,c.useEffect)(()=>{let t;if(i)return;let n=a.current;if(!n)return;let r=new IntersectionObserver(([n])=>{n.isIntersecting&&(r.disconnect(),t=R(()=>o(!0)))},{rootMargin:"600px 0px"});return r.observe(n),()=>{r.disconnect(),t?.()}},[i]),(0,u.jsx)("div",{ref:a,"data-tab-id":t,children:i?n:(0,u.jsx)(H,{lines:1})})}n.InlineComponentCompare=c.default.memo(L);let B=new Map;function q({baseId:t,compareId:n,host:r="teambit.scope/scope",baseOverride:a,compareOverride:i,children:o}){let s=!t&&!!n,{component:l,componentDescriptor:d}=(0,f.useComponent)(r,t,{skip:!t||!!a,context:{batch:!0}}),{component:m,componentDescriptor:g}=(0,f.useComponent)(r,n,{skip:!n||!!i,context:{batch:!0}}),b=a?.model??l,y=a?.descriptor??d,v=i?.model??m,_=i?.descriptor??g,w=!t||!!b,x=!n||!!v,k=(0,E.useCompareData)(),j=n?k?.compareDataFor(n):void 0,C=!s&&!!n&&void 0===j,{fileTree:S,loading:O}=(0,p.useCode)(s?v?.id:void 0),$=(0,c.useMemo)(()=>{if(s){if(O||!S)return;let t=new Map;return S.forEach(n=>{t.set(n,{fileName:n,baseContent:"",compareContent:void 0,status:"NEW"})}),t}if(C)return;if(!j)return null;let t=new Map;return(j.code||[]).forEach(n=>{t.set(n.fileName,n)}),t},[s,O,S,C,j]),D=(0,c.useMemo)(()=>{if(C)return;if(!j)return null;let t=new Map;return(j.aspects||[]).forEach(n=>t.set(n.fieldName,n)),t},[C,j]),P=(0,c.useMemo)(()=>{if(C)return;if(!j)return null;let t=new Map;return(j.tests||[]).forEach(n=>t.set(n.fileName,n)),t},[C,j]),N=(0,c.useMemo)(()=>({base:b?{model:b,descriptor:y}:void 0,compare:v?{model:v,descriptor:_,hasLocalChanges:i?.hasLocalChanges}:void 0,loading:C,logsByVersion:B,fileCompareDataByName:$,fieldCompareDataByName:D,testCompareDataByName:P,isFullScreen:!1,hidden:!1}),[b,y,v,_,i?.hasLocalChanges,C,$,D,P]);return w&&x?(0,u.jsx)(h.ComponentCompareContext.Provider,{value:N,children:o}):(0,u.jsx)(H,{lines:2})}function G({compareId:t}){let n=(0,c.useMemo)(()=>m.ComponentID.fromString(t),[t]),{fileTree:r,loading:a}=(0,p.useCode)(n),i=(0,c.useMemo)(()=>{if(!a&&r?.length)return r.map(t=>({name:t,status:"NEW"}))},[a,r]);return(0,$.useFileRegistryRegister)(t.split("@")[0],i),null}function U({componentId:t}){let n=(0,$.useFileRegistry)(),r=t?n?.getHeaderExtras(t):void 0;return r&&0!==r.length?(0,u.jsx)(u.Fragment,{children:r.map(({view:t,text:n})=>(0,u.jsx)("span",{className:D.default.headerExtra,"data-header-extra-view":t,children:n},t))}):null}function V({name:t,componentId:n,envIcon:r,baseVersion:a,compareVersion:i,baseUrl:o,compareUrl:s,changeTags:l}){return(0,u.jsxs)("div",{className:D.default.header,children:[(0,u.jsxs)("div",{className:D.default.headerLeft,children:[r?(0,u.jsx)("img",{src:r,className:D.default.envIcon,alt:""}):(0,u.jsx)("span",{className:D.default.envIconPlaceholder}),(0,u.jsx)("span",{className:D.default.componentName,children:t})]}),(0,u.jsxs)("div",{className:D.default.headerRight,children:[(0,u.jsx)(U,{componentId:n}),l&&l.length>0&&(0,u.jsx)("div",{className:D.default.changeTags,children:l.map(t=>(0,u.jsx)("span",{className:D.default.changeTag,style:{color:t.color,background:`${t.color}14`},children:t.label},t.label))}),(0,u.jsxs)("div",{className:D.default.versions,children:[a&&(o?(0,u.jsx)("a",{className:D.default.versionHash,href:o,target:"_blank",rel:"noopener noreferrer",children:a}):(0,u.jsx)("span",{className:D.default.versionHash,children:a})),a&&i&&(0,u.jsx)("span",{className:D.default.versionArrow,children:"\u2192"}),i&&(s?(0,u.jsx)("a",{className:D.default.versionHash,href:s,target:"_blank",rel:"noopener noreferrer",children:i}):(0,u.jsx)("span",{className:D.default.versionHash,children:i}))]})]})]})}function H({lines:t=3,className:n}){return(0,u.jsx)("div",{className:(0,d.default)(D.default.skeleton,n),children:Array.from({length:t}).map((t,n)=>(0,u.jsx)("div",{className:D.default.skeletonBar,style:{width:`${40+n%3*20}%`}},n))})}function Z({compareId:t}){let n=(0,E.useCompareData)(),r=n?.compareDataFor(t),a=t.split("@")[0],i=(0,c.useMemo)(()=>{if(void 0!==r)return null===r?[]:(r.code||[]).filter(t=>"UNCHANGED"!==t.status).map(t=>({name:t.fileName,status:t.status}))},[r]);return(0,$.useFileRegistryRegister)(a,i),null}},4361(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.DepsFilterProvider=function({showAll:t,children:n}){return(0,l.jsx)(c.Provider,{value:t,children:n})},n.useDepsFilter=function(){return(0,u.useContext)(c)};let l=r(11684),u=s(r(12888)),c=(0,u.createContext)(!1)},16275(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.DiffModeProvider=function({mode:t,children:n}){return(0,l.jsx)(c.Provider,{value:t,children:n})},n.useDiffMode=function(){return(0,u.useContext)(c)};let l=r(11684),u=s(r(12888)),c=(0,u.createContext)("split")},65354(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.FileRegistryProvider=function({children:t}){let n=(0,u.useRef)(void 0);return n.current||(n.current=new ComponentRegistry),(0,l.jsx)(m.Provider,{value:n.current,children:t})},n.useFileRegistry=function(){let t=(0,u.useContext)(m),n=(0,u.useCallback)(n=>t?.subscribe(n)??(()=>{}),[t]),r=(0,u.useCallback)(()=>t?.getVersion()??0,[t]);return(0,u.useSyncExternalStore)(n,r,r),t},n.useFileRegistryRegister=function(t,n){let r=(0,u.useContext)(m),a=f(n);(0,u.useEffect)(()=>{r&&t&&n&&r.register(t,n)},[r,t,a])},n.useAspectRegistryRegister=function(t,n){let r=(0,u.useContext)(m),a=f(n);(0,u.useEffect)(()=>{r&&t&&n&&r.registerAspects(t,n)},[r,t,a])},n.useCompositionsRegistryRegister=function(t,n){let r=(0,u.useContext)(m);(0,u.useEffect)(()=>{r&&t&&void 0!==n&&r.registerCompositions(t,n)},[r,t,n])},n.useHeaderExtraRegister=function(t,n,r){let a=(0,u.useContext)(m);(0,u.useEffect)(()=>{a&&t&&void 0!==r&&a.registerHeaderExtra(t,n,r)},[a,t,n,r])};let l=r(11684),u=s(r(12888));function c(t){return t.map(t=>`${t.name}:${t.status??""}`).join("|")}let ComponentRegistry=class ComponentRegistry{constructor(){this.files=new Map,this.aspectFiles=new Map,this.apiEntries=new Map,this.headerExtras=new Map,this.compositions=new Map,this.listeners=new Set,this.version=0,this.flushedVersion=0,this.pendingNotify=!1}register(t,n){let r=this.files.get(t);r&&c(r)===c(n)||(this.files.set(t,n),this.notify())}getFiles(t){return this.files.get(t)}registerAspects(t,n){let r=this.aspectFiles.get(t);r&&c(r)===c(n)||(this.aspectFiles.set(t,n),this.notify())}getAspectFiles(t){return this.aspectFiles.get(t)}registerApiEntries(t,n){let r=this.apiEntries.get(t);r&&c(r)===c(n)||(this.apiEntries.set(t,n),this.notify())}getApiEntries(t){return this.apiEntries.get(t)}registerHeaderExtra(t,n,r){let a=this.headerExtras.get(t);a?.get(n)!==r&&(a||(a=new Map,this.headerExtras.set(t,a)),a.set(n,r),this.notify())}getHeaderExtras(t){let n=this.headerExtras.get(t);return n?[...n.entries()].map(([t,n])=>({view:t,text:n})):[]}registerCompositions(t,n){this.compositions.get(t)!==n&&(this.compositions.set(t,n),this.notify())}getHasCompositions(t){return this.compositions.get(t)}subscribe(t){return this.listeners.add(t),()=>{this.listeners.delete(t)}}getVersion(){return this.version}notify(){this.version+=1,this.pendingNotify||(this.pendingNotify=!0,queueMicrotask(()=>{this.pendingNotify=!1,this.version!==this.flushedVersion&&(this.flushedVersion=this.version,[...this.listeners].forEach(t=>t()))}))}};let d="__teambitComponentCompareFileRegistryContext__",p=globalThis,m=p[d]||(p[d]=(0,u.createContext)(void 0));function f(t){return void 0===t?void 0:c(t)}},27872(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.RegistryFeeder=n.COMPARE_PAGE_SIZE=n.useCompareData=n.CompareDataProvider=n.ComponentCompareHeader=n.InlineComponentCompare=n.CompareSidebar=n.CompareToolbarActions=n.CompareToolbar=n.useHeaderExtraRegister=n.useCompositionsRegistryRegister=n.useAspectRegistryRegister=n.useFileRegistryRegister=n.useFileRegistry=n.FileRegistryProvider=n.useDepsFilter=n.DepsFilterProvider=n.useDiffMode=n.DiffModeProvider=n.ComponentCompare=void 0;var a=r(41009);Object.defineProperty(n,"ComponentCompare",{enumerable:!0,get:function(){return a.ComponentCompare}});var i=r(16275);Object.defineProperty(n,"DiffModeProvider",{enumerable:!0,get:function(){return i.DiffModeProvider}}),Object.defineProperty(n,"useDiffMode",{enumerable:!0,get:function(){return i.useDiffMode}});var o=r(4361);Object.defineProperty(n,"DepsFilterProvider",{enumerable:!0,get:function(){return o.DepsFilterProvider}}),Object.defineProperty(n,"useDepsFilter",{enumerable:!0,get:function(){return o.useDepsFilter}});var s=r(65354);Object.defineProperty(n,"FileRegistryProvider",{enumerable:!0,get:function(){return s.FileRegistryProvider}}),Object.defineProperty(n,"useFileRegistry",{enumerable:!0,get:function(){return s.useFileRegistry}}),Object.defineProperty(n,"useFileRegistryRegister",{enumerable:!0,get:function(){return s.useFileRegistryRegister}}),Object.defineProperty(n,"useAspectRegistryRegister",{enumerable:!0,get:function(){return s.useAspectRegistryRegister}}),Object.defineProperty(n,"useCompositionsRegistryRegister",{enumerable:!0,get:function(){return s.useCompositionsRegistryRegister}}),Object.defineProperty(n,"useHeaderExtraRegister",{enumerable:!0,get:function(){return s.useHeaderExtraRegister}});var l=r(38709);Object.defineProperty(n,"CompareToolbar",{enumerable:!0,get:function(){return l.CompareToolbar}});var u=r(90211);Object.defineProperty(n,"CompareToolbarActions",{enumerable:!0,get:function(){return u.CompareToolbarActions}});var c=r(33006);Object.defineProperty(n,"CompareSidebar",{enumerable:!0,get:function(){return c.CompareSidebar}});var d=r(41009);Object.defineProperty(n,"InlineComponentCompare",{enumerable:!0,get:function(){return d.InlineComponentCompare}}),Object.defineProperty(n,"ComponentCompareHeader",{enumerable:!0,get:function(){return d.ComponentCompareHeader}});var p=r(1814);Object.defineProperty(n,"CompareDataProvider",{enumerable:!0,get:function(){return p.CompareDataProvider}}),Object.defineProperty(n,"useCompareData",{enumerable:!0,get:function(){return p.useCompareData}}),Object.defineProperty(n,"COMPARE_PAGE_SIZE",{enumerable:!0,get:function(){return p.COMPARE_PAGE_SIZE}});var m=r(41009);Object.defineProperty(n,"RegistryFeeder",{enumerable:!0,get:function(){return m.RegistryFeeder}})},63313(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentCompare=n.ComponentCompareContext=void 0;let a=r(12888);n.ComponentCompareContext=(0,a.createContext)(void 0),n.useComponentCompare=()=>(0,a.useContext)(n.ComponentCompareContext)},12066(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.InlineCompareEmpty=n.useComponentCompare=n.ComponentCompareContext=void 0;var a=r(63313);Object.defineProperty(n,"ComponentCompareContext",{enumerable:!0,get:function(){return a.ComponentCompareContext}}),Object.defineProperty(n,"useComponentCompare",{enumerable:!0,get:function(){return a.useComponentCompare}});var i=r(14967);Object.defineProperty(n,"InlineCompareEmpty",{enumerable:!0,get:function(){return i.InlineCompareEmpty}})},14967(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.InlineCompareEmpty=function({message:t,hint:n,baseVersion:r,compareVersion:a}){let o=!!r&&!!a,c=o&&r===a;return(0,i.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:12,padding:"48px 16px",textAlign:"center"},children:[(0,i.jsx)("span",{style:{fontSize:15,fontWeight:600,color:l},children:t}),o&&(0,i.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:4},children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:12},children:[(0,i.jsx)(u,{version:r,tone:c?"neutral":"base"}),(0,i.jsx)("span",{style:{color:s,fontSize:16},children:"\u2192"}),(0,i.jsx)(u,{version:a,tone:c?"neutral":"compare"})]}),(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:12,fontSize:11,color:s},children:[(0,i.jsx)("span",{style:{minWidth:64},children:"base"}),(0,i.jsx)("span",{style:{width:16}}),(0,i.jsx)("span",{style:{minWidth:64},children:"compare"})]})]}),n&&(0,i.jsx)("span",{style:{fontSize:13,color:"var(--on-surface-medium-color, #707279)",maxWidth:440,lineHeight:1.5},children:n})]})};let i=r(11684);a(r(12888));let o="var(--bit-accent-color, #6c5ce7)",s="var(--on-background-medium-color, #a0aec0)",l="var(--on-surface-color, #1a1a2e)";function u({version:t,tone:n}){let r="compare"===n;return(0,i.jsx)("span",{style:{fontFamily:"var(--font-family-monospace, ui-monospace, SFMono-Regular, Menlo, monospace)",fontSize:13,fontWeight:600,padding:"4px 10px",borderRadius:8,border:`1px solid ${r?o:"var(--border-medium-color, #e8ecf0)"}`,background:r?"rgba(108, 92, 231, 0.06)":"var(--surface-color, #fff)",color:r?o:l,whiteSpace:"nowrap"},children:t})}},28669(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.extractLazyLoadedData=void 0;var a=r(6758);Object.defineProperty(n,"extractLazyLoadedData",{enumerable:!0,get:function(){return a.extractLazyLoadedData}})},6758(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.extractLazyLoadedData=function(t){return(0,a.isFunction)(t)?t():t};let a=r(46746)},42007(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentCompareVersionPicker=function({className:t,compareVersion:n,baseVersion:r,componentId:a,compareHasLocalChanges:i}){let o,s=(0,m.useComponentCompare)(),l=s?.compare?.model,b=a||l?.id.toStringWithoutVersion(),y=i?"workspace":n||l?.version,v=r||s?.base?.model.version,_=s?.compare?.model,w=!s?.compare?.model.logs,x=c.default.useCallback((t=t=>!0)=>n=>({loading:w,..._,snaps:(_?.logs||[]).map(t=>({...t,version:t.hash})).filter(n=>{if(n.tag)return!1;let r=n.hash;return i||t?.(r)}),tags:(_?.logs||[]).map(t=>({...t,version:t.tag})).filter(n=>{if(!n.tag)return!1;let r=n.tag;return i||t?.(r)})}),[b,i,w,_?.logs?.length]),{tags:k,snaps:j,loading:C}=x()(),S=c.default.useCallback(t=>{let{version:n}=t||{};return h.valid(n)?k?.find(t=>t.tag===n):j?.find(t=>t.version===n)},[k.length,j.length,C]);return(0,u.jsxs)("div",{className:g.default.componentCompareVersionPicker,children:[(0,u.jsxs)("div",{className:(0,f.default)(g.default.dropdownContainer),children:[(0,u.jsx)("span",{className:(0,f.default)(g.default.rightPad,g.default.titleText),children:"Comparing"}),(0,u.jsx)(d.VersionDropdown,{className:(0,f.default)(g.default.componentCompareVersionContainer,g.default.left,t),dropdownClassName:g.default.componentCompareDropdown,placeholderClassName:g.default.componentCompareVersionPlaceholder,menuClassName:(0,f.default)(g.default.componentCompareVersionMenu,g.default.showMenuOverNav),currentVersion:v,overrideVersionHref:t=>(0,p.useUpdatedUrlFromQuery)({baseVersion:t}),disabled:(l?.logs?.length??0)<2,hasMoreVersions:(l?.logs?.length??0)>1,showVersionDetails:!0,useComponentVersions:x(t=>t!==l?.id.version),useCurrentVersionLog:(o=t=>t!==l?.id.version,t=>{let{version:n,skip:r}=t||{},a=x(o)({skip:r});return c.default.useMemo(()=>h.valid(n),[C,n])?c.default.useMemo(()=>a?.tags?.find(t=>t.tag===n),[C,k?.length,n]):c.default.useMemo(()=>a?.snaps?.find(t=>t.version===n),[C,j?.length,n])}),PlaceholderComponent:d.DetailedVersion})]}),(0,u.jsxs)("div",{className:g.default.dropdownContainer,children:[(0,u.jsx)("span",{className:g.default.titleText,children:"with"}),(0,u.jsx)(d.VersionDropdown,{className:(0,f.default)(g.default.componentCompareVersionContainer,g.default.right),dropdownClassName:g.default.componentCompareDropdown,placeholderClassName:g.default.componentCompareVersionPlaceholder,menuClassName:g.default.componentCompareVersionMenu,disabled:!0,currentVersion:y,PlaceholderComponent:d.DetailedVersion,useCurrentVersionLog:S,useComponentVersions:x(),showVersionDetails:!0})]})]})};let u=r(11684),c=l(r(12888)),d=r(5490),p=r(13837),m=r(12066),f=l(r(97500)),h=s(r(16322)),g=l(r(65012))},52792(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentCompareVersionPicker=void 0;var a=r(42007);Object.defineProperty(n,"ComponentCompareVersionPicker",{enumerable:!0,get:function(){return a.ComponentCompareVersionPicker}})},35227(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentFilterWidgetProvider=n.ComponentFilterWidgetContext=void 0;let l=r(11684),u=s(r(12888));n.ComponentFilterWidgetContext=(0,u.createContext)({filterWidgetOpen:!1,setFilterWidget:()=>{}}),n.ComponentFilterWidgetProvider=({children:t})=>{let[r,a]=(0,u.useState)(!1);return(0,l.jsx)(n.ComponentFilterWidgetContext.Provider,{value:{filterWidgetOpen:r,setFilterWidget:a},children:t})}},36129(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentTreeProvider=n.ComponentTreeContext=void 0;let l=r(11684),u=s(r(12888));n.ComponentTreeContext=(0,u.createContext)({collapsed:!0,setCollapsed:()=>{}}),n.ComponentTreeProvider=({children:t})=>{let[r,a]=(0,u.useState)(!0);return(0,l.jsx)(n.ComponentTreeContext.Provider,{value:{collapsed:r,setCollapsed:a},children:t})}},36810(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentsDrawer=void 0,n.TreeToggleWidget=function(){let{collapsed:t,setCollapsed:n}=(0,c.useContext)(w.ComponentTreeContext);return(0,u.jsx)("div",{className:(0,d.default)(x.default.widgetIcon,!t&&x.default.open),children:(0,u.jsx)("img",{src:t?"https://static.bit.dev/bit-icons/expand.svg":"https://static.bit.dev/bit-icons/collapse.svg",onClick:()=>n(!t)})})},n.FilterWidget=function(){let{filterWidgetOpen:t,setFilterWidget:n}=(0,c.useContext)(_.ComponentFilterWidgetContext);return(0,u.jsx)("div",{className:(0,d.default)(x.default.widgetIcon,x.default.filterWidget,t&&x.default.open),children:(0,u.jsx)("img",{src:"https://static.bit.dev/bit-icons/filter.svg",onClick:()=>n(!t)})})};let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(92064),m=r(30727),f=r(38348),h=r(40218),g=l(r(47065)),b=r(10685),y=r(30969),v=r(79630),_=r(35227),w=r(36129),x=l(r(43396));let ComponentsDrawer=class ComponentsDrawer{constructor(t){this.Context=({children:t})=>{let n=(0,g.default)(this.plugins?.filters?.values()||[]),r=[w.ComponentTreeProvider,_.ComponentFilterWidgetProvider,[b.ComponentFiltersProvider,{filters:n}]];return(0,u.jsx)(h.Composer,{components:r,children:t})},this.setWidgets=t=>{this.widgets=(0,g.default)(t?.values())},this.render=()=>{let{useComponents:t,useLanes:n,emptyMessage:r,plugins:a,transformTree:i,useHost:o,id:s}=this;return(0,u.jsx)(k,{useComponents:t,useLanes:n,emptyMessage:r,plugins:a,transformTree:i,useHost:o,id:s})},Object.assign(this,t),this.useComponents=t.useComponents,this.useLanes=t.useLanes||y.useLanes,this.emptyMessage=t.emptyMessage,this.plugins=t.plugins||{},this.setWidgets(t.plugins?.drawerWidgets),this.assumeScopeInUrl=t.assumeScopeInUrl||!1,this.useHost=t.useHost,this.transformTree=t.transformTree}};function k({useComponents:t,useLanes:n,emptyMessage:r,plugins:a,transformTree:i,useHost:o,id:s}){let{loading:l,components:p}=t(),{lanesModel:h,loading:g}=n(),y=(0,c.useContext)(b.ComponentFilterContext),_=y?.filters||[],w=o?.(),S=(0,c.useMemo)(()=>_.length?(0,b.runAllFilters)(_,{components:p,lanes:h}):p,[_,p.length,h?.lanes.length,h?.viewedLane?.id.toString(),g]),O=(0,u.jsx)(j,{components:p,lanes:h,plugins:a}),E=(0,u.jsx)(C,{components:S,host:w,plugins:a,transformTree:i,lanesModel:h}),$=(0,u.jsx)("span",{className:(0,d.default)(m.mutedItalic,f.ellipsis,x.default.emptyDrawer),children:r});return l||g||!h||!p?(0,u.jsx)(v.ComponentTreeLoader,{}):(0,u.jsxs)("div",{className:x.default.drawerContainer,children:[O,E,0===S.length&&$]},s)}function j({components:t,lanes:n,plugins:r}){let{filterWidgetOpen:a}=(0,c.useContext)(_.ComponentFilterWidgetContext),i=r.filters,o=(0,c.useMemo)(()=>i&&(0,g.default)(i.toArray().map(([t,n])=>n.map(n=>({...n,key:`${t}-${n.id}`})))).sort((t,n)=>(t.order??0)-(n.order??0))||[],[i?.map.size,i?.values()?.length]);return o.length?(0,u.jsx)("div",{className:(0,d.default)(x.default.filtersContainer,a&&x.default.open),children:o.map(r=>(0,u.jsx)(r.render,{components:t,lanes:n,className:(0,d.default)(x.default.filter,a&&x.default.open)},r.key))}):null}function C({components:t,host:n,plugins:r,transformTree:a,lanesModel:i}){let{collapsed:o}=(0,c.useContext)(w.ComponentTreeContext),{tree:s}=r,l=(0,c.useMemo)(()=>s?.customRenderer&&s.customRenderer(s.widgets,n),[s?.customRenderer,s?.widgets.map.size,s?.widgets.values().length]);return t.length>0?(0,u.jsx)("div",{className:x.default.drawerTreeContainer,children:(0,u.jsx)(p.ComponentTree,{transformTree:a?a(n):void 0,components:t,isCollapsed:o,TreeNode:l,lanesModel:i})}):null}n.ComponentsDrawer=ComponentsDrawer},71161(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentTreeProvider=n.ComponentTreeContext=n.ComponentFilterWidgetProvider=n.ComponentFilterWidgetContext=n.TreeToggleWidget=n.FilterWidget=n.ComponentsDrawer=void 0;var a=r(36810);Object.defineProperty(n,"ComponentsDrawer",{enumerable:!0,get:function(){return a.ComponentsDrawer}}),Object.defineProperty(n,"FilterWidget",{enumerable:!0,get:function(){return a.FilterWidget}}),Object.defineProperty(n,"TreeToggleWidget",{enumerable:!0,get:function(){return a.TreeToggleWidget}});var i=r(35227);Object.defineProperty(n,"ComponentFilterWidgetContext",{enumerable:!0,get:function(){return i.ComponentFilterWidgetContext}}),Object.defineProperty(n,"ComponentFilterWidgetProvider",{enumerable:!0,get:function(){return i.ComponentFilterWidgetProvider}});var o=r(36129);Object.defineProperty(n,"ComponentTreeContext",{enumerable:!0,get:function(){return o.ComponentTreeContext}}),Object.defineProperty(n,"ComponentTreeProvider",{enumerable:!0,get:function(){return o.ComponentTreeProvider}})},22051(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n});Object.defineProperty(n,"__esModule",{value:!0}),n.runAllFilters=n.ComponentFiltersProvider=n.ComponentFilterContext=void 0,n.useComponentFilter=function(t,r){let a=(0,u.useContext)(n.ComponentFilterContext),i=a?.filters.find(n=>n.id===t)||{id:t,render:()=>null,match:()=>!0,state:r,order:0};return(0,u.useEffect)(()=>{a&&void 0!==r&&d(a,{...i,state:r})},[t]),[i,t=>{let n=(0,c.isFunction)(t)?t(i):t;a&&d(a,n)}]},n.useComponentFilters=function(){let t=(0,u.useContext)(n.ComponentFilterContext);return t?[t.filters,t.setFilters]:void 0};let l=r(11684),u=s(r(12888)),c=r(46746);n.ComponentFilterContext=(0,u.createContext)(void 0);let d=(t,n)=>{t.setFilters(t=>t.map(t=>t.id===n?.id?n:t))};n.ComponentFiltersProvider=({children:t,filters:r=[]})=>{let[a,i]=(0,u.useState)(r||[]);return(0,l.jsx)(n.ComponentFilterContext.Provider,{value:{filters:a,setFilters:i},children:t})},n.runAllFilters=(t,{components:n,lanes:r})=>n.filter(n=>t.every(t=>t.match({component:n,lanes:r},t.state)))},10685(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentFilters=n.useComponentFilter=n.runAllFilters=n.ComponentFilterContext=n.ComponentFiltersProvider=void 0;var a=r(22051);Object.defineProperty(n,"ComponentFiltersProvider",{enumerable:!0,get:function(){return a.ComponentFiltersProvider}}),Object.defineProperty(n,"ComponentFilterContext",{enumerable:!0,get:function(){return a.ComponentFilterContext}}),Object.defineProperty(n,"runAllFilters",{enumerable:!0,get:function(){return a.runAllFilters}}),Object.defineProperty(n,"useComponentFilter",{enumerable:!0,get:function(){return a.useComponentFilter}}),Object.defineProperty(n,"useComponentFilters",{enumerable:!0,get:function(){return a.useComponentFilters}})},66699(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.DeprecateFilter=void 0;let i=r(11684),o=a(r(97500));a(r(12888));let s=r(11685),l=r(10685),u=a(r(53139));n.DeprecateFilter={id:"deprecate",match:({component:t},n)=>n||!t.deprecation?.isDeprecate,state:!1,order:0,render:function({className:t}){let r=(0,l.useComponentFilter)(n.DeprecateFilter.id);if(!r)return null;let[a,c]=r,d=a?.state;return(0,i.jsxs)("div",{className:(0,o.default)(u.default.deprecateFilter,d&&u.default.active,t),children:[(0,i.jsxs)("div",{className:u.default.filterIcon,children:[(0,i.jsx)("img",{src:"https://static.bit.dev/bit-icons/deprecated.svg"}),(0,i.jsx)("span",{className:u.default.filterIconLabel,children:"Deprecated"})]}),(0,i.jsx)("div",{children:(0,i.jsx)(s.Toggle,{defaultChecked:d,onInputChanged:()=>c(t=>({...t,state:!d}))})})]})}}},95719(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.DeprecateFilter=void 0;var a=r(66699);Object.defineProperty(n,"DeprecateFilter",{enumerable:!0,get:function(){return a.DeprecateFilter}})},3592(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.EnvsPlaceholder=function({onClick:t}){return(0,i.jsxs)("div",{className:c.default.filterIcon,onClick:t,children:[(0,i.jsx)("img",{src:"https://static.bit.dev/bit-icons/env.svg"}),(0,i.jsx)("span",{className:c.default.filterIconLabel,children:"Environments"}),(0,i.jsx)("div",{className:c.default.dropdownArrow,children:(0,i.jsx)("img",{src:"https://static.bit.dev/bit-icons/fat-arrow-down.svg"})})]})},n.EnvsDropdownItem=function({displayName:t,icon:n,description:r,componentId:a,id:d}){return(0,i.jsx)(l.Tooltip,{placement:"right",content:(0,i.jsx)(u.Link,{className:c.default.envLink,href:o.ComponentUrl.toUrl(a,{includeVersion:!1}),external:!0,children:d}),children:(0,i.jsxs)("div",{className:c.default.envDropdownItemContainer,children:[(0,i.jsxs)("div",{className:c.default.envDropdownItem,children:[(0,i.jsx)(s.Ellipsis,{children:t}),(0,i.jsx)("div",{className:c.default.envDropdownItemIconContainer,children:(0,i.jsx)("img",{className:c.default.envDropdownItemIcon,src:n})})]}),(0,i.jsx)("div",{className:c.default.description,children:(0,i.jsx)(s.Ellipsis,{className:c.default.descriptionText,children:r})})]})})};let i=r(11684);a(r(12888));let o=r(59004),s=r(38348),l=r(62634),u=r(19304),c=a(r(21214))},24850(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.EnvsFilter=void 0;let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(30266),m=r(10685),f=r(35724),h=r(57240),g=r(3592),b=l(r(21214));n.EnvsFilter={id:"envs",match:({component:t},n)=>{let{envsState:r}=n,a=[...r.values()].every(t=>t.active),i=[...r.values()].filter(t=>t.active).map(t=>t.id);if(0===i.length||a)return!0;let o=t.environment&&p.ComponentID.tryFromString(t.environment.id)?.toStringWithoutVersion();return!!o&&i.indexOf(o)>=0},state:{envsState:new Map,dropdownState:!1},order:1,render:function({components:t,className:r,lanes:a}){let[i=[]]=(0,m.useComponentFilters)()||[],o=i.filter(t=>t.id!==n.EnvsFilter.id),s=(0,c.useMemo)(()=>(0,m.runAllFilters)(o,{components:t,lanes:a}),[JSON.stringify(o),a?.viewedLane?.id.toString()]),l=(0,c.useMemo)(()=>{let t={dropdownState:!1,envsState:new Map},n=new Set;return s.filter(t=>{let r=t.environment&&p.ComponentID.tryFromString(t.environment.id);if(!r)return!1;let a=r.toStringWithoutVersion();return!n.has(a)&&(n.add(a),!0)}).map(t=>{let n=p.ComponentID.fromString(t.environment?.id);return{displayName:n.name,id:n.toStringWithoutVersion(),description:`${n.scope}${n.namespace?"/".concat(n.namespace):""}`,icon:t.environment?.icon,componentId:n}}).forEach(n=>{t.envsState.set(n.id,{...n,active:!0})}),t},[s]),y=(0,m.useComponentFilter)(n.EnvsFilter.id,l),v=l.envsState,[_,w]=y||[],[x,k]=(0,c.useState)(!1);(0,c.useEffect)(()=>{w?.(t=>(t.state=l,t))},[s.length,a?.viewedLane?.id.toString()]);let j=[];return v.forEach(t=>{j.push({value:t.id,icon:t.icon,description:t.description,checked:!!_?.state.envsState.get(t.id)?.active,element:(0,u.jsx)(g.EnvsDropdownItem,{...t})})}),(0,u.jsx)("div",{className:(0,d.default)(b.default.envsFilterContainer,r),children:(0,u.jsx)(h.Dropdown,{open:x,onClickOutside:()=>k(!1),placeholderContent:(0,u.jsx)(g.EnvsPlaceholder,{onClick:()=>k(!x)}),bottomPlugin:(0,u.jsx)(h.ButtonsPlugin,{onClear:()=>{w?.(t=>(t.state.envsState.forEach((n,r)=>{t.state.envsState.set(r,{...n,active:!1})}),t))},onSubmit:()=>{w?.(t=>(t.state.dropdownState=!1,t)),k(!1)},submitClassName:b.default.doneButton}),dropClass:b.default.envFilterDropdown,position:"bottom",children:(0,u.jsx)("div",{className:b.default.dropdownContent,children:j.map((t,n)=>(0,u.jsx)(f.CheckboxItem,{checked:t.checked,onInputChanged:n=>{var r;let a;return r=t.value,a=n.target.checked,void w?.(t=>{a&&!t.state.dropdownState&&(t.state.dropdownState=!0);let n=t.state.envsState.get(r);return n&&t.state.envsState.set(r,{...n,active:a}),t})},children:t.element},n))})})})}}},8367(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.EnvsFilter=void 0;var a=r(24850);Object.defineProperty(n,"EnvsFilter",{enumerable:!0,get:function(){return a.EnvsFilter}})},79453(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ShowMainFilter=void 0;var a=r(34659);Object.defineProperty(n,"ShowMainFilter",{enumerable:!0,get:function(){return a.ShowMainFilter}})},34659(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ShowMainFilter=void 0;let i=r(11684),o=a(r(97500));a(r(12888));let s=r(11685),l=r(10685),u=r(29362),c=a(r(49635));function d({className:t,lanes:r}){let a=r?.viewedLane?.id.isDefault(),p=(0,l.useComponentFilter)((0,n.ShowMainFilter)().id);if(a||!p)return null;let[m,f]=p,h=m?.state;return(0,i.jsxs)("div",{className:(0,o.default)(c.default.onLaneFilter,h&&c.default.active,t),children:[(0,i.jsxs)("div",{className:c.default.filterIcon,children:[(0,i.jsx)(u.LaneIcon,{}),(0,i.jsx)("span",{className:c.default.filterIconLabel,children:"Show main"})]}),(0,i.jsx)("div",{children:(0,i.jsx)(s.Toggle,{defaultChecked:h,onInputChanged:()=>f(t=>({...t,state:!h}))})})]})}n.ShowMainFilter=(t=!1)=>({id:"onLane",match:({component:t,lanes:n},r)=>!!n?.viewedLane?.id.isDefault()||!!r||!!n?.isInViewedLane(t.id,!0),state:t,order:2,render:d})},78996(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentOverview=function({displayName:t,abstract:n,titleBadges:r,labels:a,packageName:i,elementsUrl:o,componentDescriptor:s,component:l,pkgManager:$="npm",...D}){let P="teambit.workspace/workspace"===l?.host,N=P?"Use package":"Install package",M=l?.id,T=M?.version??void 0,I=T===(l?.latest??void 0)?"":`@${(0,b.snapToSemver)(T)}`,[A,F]=c.default.useState($),R=(0,c.useMemo)(()=>"yarn"===A?"add":"bit"===A?"install":"i",[A]),L=(0,c.useMemo)(()=>`${A} ${R} ${i}${I}`,[A,i,I,R]),z=`bit import ${M?.toStringWithoutVersion()??""}`,B=(0,c.useMemo)(()=>`Copy ${A} install command`,[A]),q=(0,c.useMemo)(()=>{switch(A){case"npm":return(0,u.jsx)("img",{alt:"npm-logo",className:O.default.npm,src:"https://static.bit.dev/brands/logo-npm-new.svg"});case"pnpm":return(0,u.jsx)("img",{alt:"pnpm-logo",className:O.default.pnpm,src:"https://static.bit.dev/brands/pnpm.svg"});case"yarn":return(0,u.jsx)("img",{alt:"yarn-logo",className:O.default.yarn,src:"https://static.bit.dev/brands/logo-yarn-text.svg"});case"bit":return(0,u.jsx)(j.Icon,{className:O.default.bit,of:"bit-logo-mono"});default:return null}},[A]),G=[{component:function(){return(0,u.jsx)("span",{children:N})},content:P?(0,u.jsx)(y.CopyBox,{className:O.default.copyBox,children:i}):(0,u.jsx)(y.CopyBox,{className:O.default.copyBox,copyText:L,Tooltip:({children:t})=>(0,u.jsx)(S.Tooltip,{placement:"right",content:B,children:t}),CopyIcon:(0,u.jsx)(S.Tooltip,{content:B,children:(0,u.jsx)(j.Icon,{className:O.default.copyIcon,of:"copy-cmp"})}),CopyWidget:(0,u.jsx)("div",{className:O.default.copyContainer,children:(0,u.jsx)(g.Dropdown,{className:O.default.pkgManagerDropdown,dropClass:O.default.pkgManagerMenu,placeholder:(0,u.jsxs)("div",{className:O.default.pkgManagerPlaceholder,children:[q,(0,u.jsx)(j.Icon,{of:"fat-arrow-down"})]}),clickOutside:!0,clickPlaceholderToggles:!0,position:"bottom-start",clickToggles:!0,children:(0,u.jsxs)("div",{className:O.default.pkgManagerMenuItems,children:[(0,u.jsx)("div",{className:(0,d.default)("npm"===A&&O.default.selected),onClick:()=>F("npm"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&F("npm"),"aria-label":"Select npm package manager",children:(0,u.jsx)("img",{alt:"npm-logo",className:O.default.npm,src:"https://static.bit.dev/brands/logo-npm-new.svg"})}),(0,u.jsx)("div",{className:(0,d.default)("pnpm"===A&&O.default.selected),onClick:()=>F("pnpm"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&F("pnpm"),"aria-label":"Select pnpm package manager",children:(0,u.jsx)("img",{alt:"pnpm-logo",className:O.default.pnpm,src:"https://static.bit.dev/brands/pnpm.svg"})}),(0,u.jsx)("div",{className:(0,d.default)("yarn"===A&&O.default.selected),onClick:()=>F("yarn"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&F("yarn"),"aria-label":"Select yarn package manager",children:(0,u.jsx)("img",{alt:"yarn-logo",className:O.default.yarn,src:"https://static.bit.dev/brands/logo-yarn-text.svg"})}),(0,u.jsx)("div",{className:(0,d.default)("bit"===A&&O.default.selected),onClick:()=>F("bit"),role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&F("bit"),"aria-label":"Select bit package manager",children:(0,u.jsx)(j.Icon,{className:O.default.bit,of:"bit-logo-mono"})})]})})}),children:i})},{component:function(){return(0,u.jsx)("span",{children:"Modify component"})},content:P?(0,u.jsx)(y.CopyBox,{className:O.default.copyBox,children:M?M.toStringWithoutVersion():""}):(0,u.jsx)(y.CopyBox,{className:O.default.copyBox,copyText:z,Tooltip:({children:t})=>(0,u.jsx)(S.Tooltip,{placement:"right",content:"copy bit import command",children:t}),CopyIcon:(0,u.jsxs)("div",{className:O.default.copyContainer,children:[(0,u.jsx)("div",{children:(0,u.jsx)(j.Icon,{className:O.default.bit,of:"bit-logo-mono"})}),(0,u.jsx)("div",{children:(0,u.jsx)(j.Icon,{className:O.default.copyIcon,of:"copy-cmp"})})]}),children:M?M.toStringWithoutVersion():""})}],U=o;if(U&&!U.startsWith("http")){let t=x.isBrowser?window.location.origin:void 0;(U=t&&o?`${t}${o}`:void 0)&&G.push({component:function(){return(0,u.jsx)("span",{children:"Elements url"})},content:(0,u.jsx)(y.CopyBox,{className:O.default.copyBox,children:U})})}return(0,u.jsxs)(h.Section,{...D,children:[(0,u.jsxs)("div",{className:p.textColumn,children:[(0,u.jsxs)(k.Row,{className:O.default.titleRow,children:[(0,u.jsx)("div",{className:O.default.componentTitle,children:(0,u.jsx)(m.H1,{className:O.default.title,children:t})}),(0,u.jsx)(E,{position:C.BadgePosition.Title,componentDescriptor:s,component:l,badges:r})]}),(0,u.jsx)(k.Row,{children:n&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(w.Subtitle,{className:O.default.subTitle,children:n}),(0,u.jsx)(E,{position:C.BadgePosition.SubTitle,componentDescriptor:s,component:l,badges:r})]})}),(0,u.jsxs)(k.Row,{children:[(0,u.jsx)(f.LabelList,{children:a}),(0,u.jsx)(E,{position:C.BadgePosition.Labels,componentDescriptor:s,component:l,badges:r})]}),(0,u.jsxs)(k.Row,{children:[(0,u.jsx)("div",{className:O.default.contentTabs,children:(0,u.jsx)(_.ContentTabs,{priority:"folder",tabs:G,navClassName:O.default.nav,tabClassName:O.default.tab})}),(0,u.jsx)(E,{position:C.BadgePosition.Package,componentDescriptor:s,component:l,badges:r})]})]}),(0,u.jsx)(v.Separator,{isPresentational:!0})]})},n.BadgeSection=E;let u=r(11684),c=s(r(12888)),d=l(r(97500)),p=r(80460),m=r(82747),f=r(99047),h=r(42989),g=r(57699),b=r(71118),y=r(96062),v=r(15065),_=r(67846),w=r(78267),x=r(5286),k=r(34662),j=r(29751),C=r(82894),S=r(62634),O=l(r(14518));function E({badges:t,position:n,componentDescriptor:r,component:a}){return(0,u.jsx)("div",{className:O.default.badgeContainer,children:t?.filter(t=>n===C.BadgePosition.Title&&!t.position||t.position===n)?.sort((t,n)=>(t.weight??0)-(n.weight??0))?.map((t,n)=>(0,u.jsx)(t.component,{componentDescriptor:r,legacyComponentModel:a},n))})}},71169(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.BadgeSection=n.ComponentOverview=void 0;var a=r(78996);Object.defineProperty(n,"ComponentOverview",{enumerable:!0,get:function(){return a.ComponentOverview}}),Object.defineProperty(n,"BadgeSection",{enumerable:!0,get:function(){return a.BadgeSection}})},72917(t,n){"use strict";var r,a;Object.defineProperty(n,"__esModule",{value:!0}),n.JobStatus=void 0,(a=r||(n.JobStatus=r={})).fail="fail",a.pass="pass",a.running="running",a.pending="pending"},24654(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.JobStatus=n.VersionBlock=void 0;var a=r(49462);Object.defineProperty(n,"VersionBlock",{enumerable:!0,get:function(){return a.VersionBlock}});var i=r(72917);Object.defineProperty(n,"JobStatus",{enumerable:!0,get:function(){return i.JobStatus}})},49462(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.VersionBlock=function({isLatest:t,className:n,snap:r,componentId:a,isCurrent:i,collapsed:o=!1,onToggleCollapse:s,allExpanded:l=!1,...m}){var j;let{username:C,displayName:S,email:O,profileImage:E,message:$,tag:D,hash:P,date:N,deprecated:M}=r,{lanesModel:T}=(0,y.useLanes)(),I=T?.isViewingNonDefaultLane()?`${v.LanesModel.getLaneUrl(T.viewedLane.id)}${v.LanesModel.baseLaneComponentRoute}`:"",A=D||P,F=!!D,R=D?`v${D}`:P.slice(0,7),L=(0,g.useMemo)(()=>({displayName:S||C||"",email:O||"",name:C||"",profileImage:E||""}),[S,C,O,E]),{pathname:z}=(0,f.useLocation)()||{},B=z?.replace(/\/~changelog.*$/,"")||"",q=I?`${I}/${a}?version=${A}`:`${B}?version=${A}`,{firstLine:G,rest:U}=(j=$,(0,g.useMemo)(()=>{if(!j)return{firstLine:"",rest:""};let t=j.split("\n");return{firstLine:t[0],rest:t.slice(1).join("\n").trim()}},[j])),[V,H]=(0,g.useState)(!1),Z=U.length>0,X=S||C||"Unknown";return!F&&o?(0,u.jsxs)("div",{className:(0,h.default)(_.default.row,_.default.snapRow,_.default.collapsedRow,n),onClick:s,role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&s?.(),...m,children:[(0,u.jsx)("div",{className:_.default.dateCol,children:(0,u.jsx)(d.TimeAgo,{className:_.default.dateText,date:N?parseInt(N):Date.now()})}),(0,u.jsx)("div",{className:_.default.dotCol,children:(0,u.jsx)("div",{className:_.default.snapDotOuter,children:(0,u.jsx)("div",{className:_.default.snapDotInner})})}),(0,u.jsx)("div",{className:_.default.contentCol,children:(0,u.jsxs)("div",{className:_.default.collapsedContent,children:[(0,u.jsx)(b.Tooltip,{placement:"bottom",content:P,children:(0,u.jsx)("span",{className:_.default.snapHash,children:R})}),(0,u.jsx)("span",{className:_.default.collapsedAuthor,children:X}),M&&(0,u.jsx)(k,{}),(0,u.jsx)(w,{collapsed:!0,className:_.default.expandHint})]})})]}):F?(0,u.jsxs)("div",{className:(0,h.default)(_.default.row,_.default.tagRow,n),...m,children:[(0,u.jsx)("div",{className:_.default.dateCol,children:(0,u.jsx)(d.TimeAgo,{className:_.default.dateText,date:N?parseInt(N):Date.now()})}),(0,u.jsx)("div",{className:_.default.dotCol,children:(0,u.jsx)("div",{className:_.default.tagDotOuter,children:(0,u.jsx)("div",{className:_.default.tagDotRing,children:(0,u.jsx)("div",{className:_.default.tagDotInner})})})}),(0,u.jsx)("div",{className:_.default.contentCol,children:(0,u.jsxs)("div",{className:(0,h.default)(_.default.tagCard,l&&_.default.tagCardBordered),children:[(0,u.jsxs)("div",{className:_.default.headerRow,children:[(0,u.jsx)(b.Tooltip,{placement:"bottom",content:P,children:(0,u.jsx)(x,{className:_.default.versionLink,href:q,children:R})}),t&&(0,u.jsx)(p.VersionLabel,{status:"latest"}),i&&(0,u.jsx)(p.VersionLabel,{status:"current"}),M&&(0,u.jsx)(k,{})]}),(0,u.jsxs)("div",{className:_.default.metaRow,children:[(0,u.jsx)(c.UserAvatar,{account:L,size:20,fontSize:8}),(0,u.jsx)("span",{className:_.default.authorName,children:X})]}),(0,u.jsx)("div",{className:_.default.messageSection,children:G?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("div",{className:_.default.firstLine,children:G}),Z&&(0,u.jsxs)(u.Fragment,{children:[V&&(0,u.jsx)("div",{className:_.default.restOfMessage,children:U}),(0,u.jsx)("button",{className:_.default.expandButton,onClick:()=>H(!V),type:"button",children:V?"Show less":"Show more"})]})]}):(0,u.jsx)("div",{className:_.default.emptyMessage,children:"No commit message"})})]})})]}):(0,u.jsxs)("div",{className:(0,h.default)(_.default.row,_.default.snapRow,n),...m,children:[(0,u.jsx)("div",{className:_.default.dateCol,children:(0,u.jsx)(d.TimeAgo,{className:_.default.dateText,date:N?parseInt(N):Date.now()})}),(0,u.jsx)("div",{className:_.default.dotCol,children:(0,u.jsx)("div",{className:_.default.snapDotOuter,children:(0,u.jsx)("div",{className:_.default.snapDotInner})})}),(0,u.jsx)("div",{className:_.default.contentCol,children:(0,u.jsxs)("div",{className:_.default.snapCard,onClick:s,role:"button",tabIndex:0,onKeyDown:t=>"Enter"===t.key&&s?.(),children:[(0,u.jsxs)("div",{className:_.default.headerRow,children:[(0,u.jsx)(b.Tooltip,{placement:"bottom",content:P,children:(0,u.jsx)(x,{className:_.default.snapVersionLink,href:q,onClick:t=>t.stopPropagation(),children:R})}),M&&(0,u.jsx)(k,{}),(0,u.jsx)(w,{className:_.default.collapseHint})]}),(0,u.jsxs)("div",{className:_.default.metaRow,children:[(0,u.jsx)(c.UserAvatar,{account:L,size:20,fontSize:8}),(0,u.jsx)("span",{className:_.default.authorName,children:X})]}),(0,u.jsx)("div",{className:_.default.messageSection,children:G?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("div",{className:_.default.firstLine,children:G}),Z&&(0,u.jsxs)(u.Fragment,{children:[V&&(0,u.jsx)("div",{className:_.default.restOfMessage,children:U}),(0,u.jsx)("button",{className:_.default.expandButton,onClick:t=>{t.stopPropagation(),H(!V)},type:"button",children:V?"Show less":"Show more"})]})]}):(0,u.jsx)("div",{className:_.default.emptyMessage,children:"No commit message"})})]})})]})};let u=r(11684),c=r(19988),d=r(52464),p=r(59473),m=r(29751),f=r(19304),h=l(r(97500)),g=s(r(12888)),b=r(62634),y=r(30969),v=r(1453),_=l(r(57792));function w({collapsed:t,className:n}){return(0,u.jsx)("svg",{className:(0,h.default)(_.default.chevronIcon,t&&_.default.chevronCollapsed,n),width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,u.jsx)("path",{d:"M10.9999 1.17C10.8126 0.983753 10.5591 0.879211 10.2949 0.879211C10.0308 0.879211 9.77731 0.983753 9.58995 1.17L5.99995 4.71L2.45995 1.17C2.27259 0.983753 2.01913 0.879211 1.75495 0.879211C1.49076 0.879211 1.23731 0.983753 1.04995 1.17C0.95622 1.26297 0.881826 1.37357 0.831057 1.49543C0.780288 1.61729 0.75415 1.74799 0.75415 1.88C0.75415 2.01202 0.780288 2.14272 0.831057 2.26458C0.881826 2.38644 0.95622 2.49704 1.04995 2.59L5.28995 6.83C5.38291 6.92373 5.49351 6.99813 5.61537 7.04889C5.73723 7.09966 5.86794 7.1258 5.99995 7.1258C6.13196 7.1258 6.26267 7.09966 6.38453 7.04889C6.50638 6.99813 6.61699 6.92373 6.70995 6.83L10.9999 2.59C11.0937 2.49704 11.1681 2.38644 11.2188 2.26458C11.2696 2.14272 11.2957 2.01202 11.2957 1.88C11.2957 1.74799 11.2696 1.61729 11.2188 1.49543C11.1681 1.37357 11.0937 1.26297 10.9999 1.17Z",fill:"var(--bit-text-color-light, #6c707c)"})})}let x=f.Link;function k(){return(0,u.jsx)(b.Tooltip,{placement:"bottom",content:"This version is deprecated",children:(0,u.jsxs)("div",{className:_.default.deprecatedBadge,children:[(0,u.jsx)(m.Icon,{of:"note-deprecated",className:_.default.deprecatedBadgeIcon}),(0,u.jsx)("span",{children:"Deprecated"})]})})}},5490(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.VersionDropdown=n.DetailedVersion=n.SimpleVersion=void 0;var a=r(83190);Object.defineProperty(n,"SimpleVersion",{enumerable:!0,get:function(){return a.SimpleVersion}}),Object.defineProperty(n,"DetailedVersion",{enumerable:!0,get:function(){return a.DetailedVersion}});var i=r(66630);Object.defineProperty(n,"VersionDropdown",{enumerable:!0,get:function(){return i.VersionDropdown}})},80528(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.LaneInfo=void 0;var a=r(80513);Object.defineProperty(n,"LaneInfo",{enumerable:!0,get:function(){return a.LaneInfo}})},80513(t,n,r){"use strict";var a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.LaneInfo=function({id:t,currentLane:n}){let r=n&&t.isEqual(n.id);return(0,i.jsx)("div",{children:(0,i.jsx)(s.MenuLinkItem,{active:r,href:o.LanesModel.getLaneUrl(t),className:u.default.versionRow,children:(0,i.jsxs)("span",{children:[(0,i.jsx)(l.Icon,{className:u.default.laneIcon,of:"lane"}),t.toString()]})})},t.toString())};let i=r(11684),o=r(1453);a(r(12888));let s=r(93766),l=r(29751),u=a(r(89119))},83190(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.SimpleVersion=function({currentVersion:t,className:n,disabled:r,hasMoreVersions:a,isTag:i=t=>null!==m.valid(t),useCurrentVersionLog:o,showFullVersion:s,loading:l,...c}){if(l)return(0,u.jsx)(b.WordSkeleton,{className:v.default.loader,length:9});let h="new"===t&&!a,g=s||i(t)?t:t?.slice(0,6);return h?(0,u.jsx)(y.PillLabel,{className:(0,p.default)(v.default.newLabel,n),children:g}):(0,u.jsxs)("div",{...c,className:(0,p.default)(v.default.simple,n,r&&v.default.disabled),children:[(0,u.jsx)(d.Ellipsis,{className:(0,p.default)(v.default.versionName),onClick:c.onClick,children:g}),a&&(0,u.jsx)(f.Icon,{of:"fat-arrow-down",onClick:c.onClick})]})},n.DetailedVersion=function({currentVersion:t,className:n,disabled:r,hasMoreVersions:a,isTag:i=t=>null!==m.valid(t),loading:o,useCurrentVersionLog:s,showFullVersion:l,...y}){var _,w;let{displayName:x,message:k,username:j,email:C,date:S,profileImage:O}=s?.({skip:o,version:t})||{},E=c.default.useMemo(()=>({displayName:x??"",email:C,name:j??"",profileImage:O}),[x,C,j,O]),$=l||i(t)?t:t?.slice(0,6),D=S?new Date(+S):void 0,P=c.default.useMemo(()=>D?new Date(+D).toString():new Date().toString(),[D]);return o?(0,u.jsx)(b.WordSkeleton,{className:v.default.loader,length:9}):(0,u.jsxs)("div",{...y,className:(0,p.default)(v.default.detailed,n,r&&v.default.disabled),children:[(0,u.jsx)(g.UserAvatar,{size:24,account:E??{},className:v.default.versionUserAvatar,showTooltip:!0,onClick:y.onClick}),(0,u.jsx)(d.Ellipsis,{className:(0,p.default)(v.default.versionName),onClick:y.onClick,children:$}),(_=k,w=y.onClick,_&&""!==_?(0,u.jsx)(d.Ellipsis,{className:v.default.commitMessage,onClick:w,children:_}):(0,u.jsx)(d.Ellipsis,{className:v.default.emptyMessage,onClick:w,children:"No commit message"})),(0,u.jsx)(d.Ellipsis,{className:v.default.versionTimestamp,onClick:y.onClick,children:(0,u.jsx)(h.TimeAgo,{date:P,onClick:y.onClick})}),a&&(0,u.jsx)(f.Icon,{of:"fat-arrow-down",onClick:y.onClick})]})};let u=r(11684),c=l(r(12888)),d=r(38348),p=l(r(97500)),m=s(r(16322)),f=r(29751),h=r(52464),g=r(19988),b=r(91317),y=r(69608),v=l(r(20692))},66630(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.VersionDropdown=n.LOCAL_VERSION=void 0;let u=r(11684),c=s(r(12888)),d=r(93766),p=r(57699),m=r(77210),f=r(19988),h=r(91317),g=l(r(97500)),b=l(r(88152)),y=r(2300),v=r(80528),_=r(83190);n.LOCAL_VERSION="workspace",n.VersionDropdown=(0,c.memo)(function({currentVersion:t,latestVersion:n,localVersion:r,useCurrentVersionLog:a,hasMoreVersions:i,loading:o,overrideVersionHref:s,className:l,placeholderClassName:d,getActiveTabIndex:m,dropdownClassName:f,menuClassName:h,showVersionDetails:y=!0,disabled:v,PlaceholderComponent:x,currentLane:k,useComponentVersions:j,lanes:C,...S}){let[O,E]=(0,c.useState)(0),$=!i,[D,P]=(0,c.useState)(!1);(0,c.useEffect)(()=>{o&&D&&P(!1)},[o]);let N=t=>{o||t.target===t.currentTarget&&P(t=>!t)},M=(0,u.jsx)(_.SimpleVersion,{useCurrentVersionLog:a,disabled:v,className:d,currentVersion:t,onClick:N,hasMoreVersions:i,loading:o,showFullVersion:"workspace"===t}),T=x?(0,u.jsx)(x,{useCurrentVersionLog:a,disabled:v,className:d,currentVersion:t,onClick:N,hasMoreVersions:i,loading:o,showFullVersion:"workspace"===t}):M;return v||$&&!o?(0,u.jsx)("div",{className:(0,g.default)(b.default.noVersions,l),children:T}):(0,u.jsx)("div",{...S,className:(0,g.default)(b.default.versionDropdown,l),children:(0,u.jsx)(p.Dropdown,{className:(0,g.default)(b.default.dropdown,f),dropClass:(0,g.default)(b.default.menu,h),open:D,onClick:N,onClickOutside:()=>P(!1),onChange:(t,n)=>n&&E(t=>t+1),PlaceholderComponent:({children:t,...n})=>(0,u.jsx)("div",{...n,className:d,onClick:N,children:t}),placeholder:T,children:(0,u.jsx)(w,{className:h,currentVersion:t,latestVersion:n,localVersion:r,overrideVersionHref:s,showVersionDetails:y,currentLane:k,getActiveTabIndex:m,lanes:C,useVersions:j,onVersionClicked:()=>P(!1),open:D},O)})})});let w=(0,c.memo)(function({currentVersion:t,localVersion:r,latestVersion:a,overrideVersionHref:i,showVersionDetails:o,useVersions:s,currentLane:l,lanes:p,getActiveTabIndex:_=x,loading:w,open:j,onVersionClicked:C,...S}){let{snaps:O,tags:E,loading:$}=s?.()||{},D=w||$,P=(0,c.useMemo)(()=>k.map(t=>{switch(t){case"SNAP":return{name:t,payload:O||[]};case"LANE":return{name:t,payload:p||[]};default:return{name:t,payload:E||[]}}}).filter(t=>t.payload.length>0),[O?.length,E?.length,p?.length,D]),[N,M]=(0,c.useState)(_(t,P,E,O,l)),T=(0,c.useMemo)(()=>void 0!==N?P[N]:void 0,[N,P]);(0,c.useEffect)(()=>{if(!l||0===P.length)return;let n=_(t,P,E,O,l);n!==N&&M(n)},[l,P.length,E?.length,O?.length,t,D]);let I=P.length>1,A=void 0!==N&&P[N]?.payload.length>0,F=(0,c.useCallback)(function({index:n}){let{name:r,payload:s=[]}=T||{},c=s[n];return c?"LANE"===r?(0,u.jsx)(v.LaneInfo,{currentLane:l,...c},c.id.toString()):(0,u.jsx)(y.VersionInfo,{currentVersion:t,latestVersion:a,overrideVersionHref:i,showDetails:o,onVersionClicked:C,...c},c.version):null},[T,t,a,o,l?.id.toString(),A]),R=(0,c.useMemo)(()=>A&&T?F:()=>null,[A,T,F]),L=(0,c.useMemo)(()=>T?.payload.map((t,n)=>R({index:n})),[T]);return(0,u.jsxs)("div",{...S,className:(0,g.default)(b.default.versionMenuContainer,!j&&b.default.hide),children:[D&&(0,u.jsx)(h.LineSkeleton,{count:6,className:b.default.loader}),!D&&r&&(0,u.jsx)(d.MenuLinkItem,{href:"?",active:t===n.LOCAL_VERSION,className:(0,g.default)(b.default.versionRow,b.default.localVersion),onClick:C,children:(0,u.jsxs)("div",{className:b.default.version,children:[(0,u.jsx)(f.UserAvatar,{size:24,account:{},className:b.default.versionUserAvatar}),(0,u.jsx)("span",{className:b.default.versionName,children:n.LOCAL_VERSION})]})}),(0,u.jsx)("div",{className:(0,g.default)(I&&b.default.tabs,!r&&b.default.withoutLocal),children:I&&P.map(({name:t},n)=>(0,u.jsx)(m.Tab,{className:b.default.tab,isActive:N===n,onClick:()=>M(n),children:t},t))}),(0,u.jsx)("div",{className:b.default.versionContainerRoot,children:L})]})}),x=(t,n=[],r,a)=>(a||[]).some(n=>n.version===t)?n.findIndex(t=>"SNAP"===t.name):0,k=["TAG","SNAP","LANE"]},2300(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.VersionInfo=void 0;var a=r(52437);Object.defineProperty(n,"VersionInfo",{enumerable:!0,get:function(){return a.VersionInfo}})},52437(t,n,r){"use strict";var a,i=this&&this.__createBinding||(Object.create?function(t,n,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(n,r);(!i||("get"in i?!n.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return n[r]}}),Object.defineProperty(t,a,i)}:function(t,n,r,a){void 0===a&&(a=r),t[a]=n[r]}),o=this&&this.__setModuleDefault||(Object.create?function(t,n){Object.defineProperty(t,"default",{enumerable:!0,value:n})}:function(t,n){t.default=n}),s=this&&this.__importStar||(a=function(t){return(a=Object.getOwnPropertyNames||function(t){var n=[];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[n.length]=r);return n})(t)},function(t){if(t&&t.__esModule)return t;var n={};if(null!=t)for(var r=a(t),s=0;s<r.length;s++)"default"!==r[s]&&i(n,t,r[s]);return o(n,t),n}),l=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(n,"__esModule",{value:!0}),n.VersionInfo=void 0;let u=r(11684),c=r(93766),d=r(52464),p=r(59473),m=r(29751),f=r(62634),h=s(r(12888)),g=r(19988),b=r(38348),y=l(r(97500)),v=l(r(22175));function _({message:t,showDetails:n}){return n?t&&""!==t?(0,u.jsx)(b.Ellipsis,{className:v.default.commitMessage,children:t}):(0,u.jsx)(b.Ellipsis,{className:v.default.emptyMessage,children:"No commit message"}):null}n.VersionInfo=h.default.memo(h.default.forwardRef(function({version:t,currentVersion:n,latestVersion:r,date:a,username:i,displayName:o,email:s,overrideVersionHref:l,showDetails:w,message:x,tag:k,profileImage:j,deprecated:C,onVersionClicked:S},O){let E=t===n,$=(0,h.useMemo)(()=>({displayName:o??"",email:s,name:i??"",profileImage:j}),[o,s,i,j]),D=(0,h.useMemo)(()=>a?new Date(parseInt(a)).toString():new Date().toString(),[a]),P=(0,h.useRef)(null);(0,h.useEffect)(()=>{E&&P.current?.scrollIntoView({block:"nearest"})},[E]);let N=l?l(t):`?version=${t}`,M=(0,h.useMemo)(()=>k?t:t.slice(0,6),[k,t]),T=t===r;return(0,u.jsx)("div",{ref:O||P,onClick:S,children:(0,u.jsxs)(c.MenuLinkItem,{active:E,href:N,className:v.default.versionRow,children:[(0,u.jsxs)("div",{className:v.default.version,children:[(0,u.jsx)(g.UserAvatar,{size:24,account:$,className:v.default.versionUserAvatar,showTooltip:!0}),(0,u.jsx)(b.Ellipsis,{className:(0,y.default)(v.default.versionName),children:M}),T&&(0,u.jsx)(p.VersionLabel,{status:"latest"}),C&&(0,u.jsx)(f.Tooltip,{placement:"bottom",content:"Deprecated",children:(0,u.jsx)("div",{className:v.default.deprecatedIcon,children:(0,u.jsx)(m.Icon,{of:"note-deprecated"})})}),(0,u.jsx)(_,{message:x,showDetails:w})]}),(0,u.jsx)(b.Ellipsis,{className:v.default.versionTimestamp,children:(0,u.jsx)(d.TimeAgo,{date:D})})]})})}))},11404(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.AspectDefinition=void 0;let AspectDefinition=class AspectDefinition{constructor(t,n,r,a,i,o){this.aspectPath=t,this.aspectFilePath=n,this.runtimePath=r,this.component=a,this.id=i,this.local=o}get getId(){return this.component?this.component.id.toString():this.id?this.id:null}static from({component:t,aspectPath:n,aspectFilePath:r,runtimePath:a,id:i,local:o}){return new AspectDefinition(n,r,a,t,i,o)}};n.AspectDefinition=AspectDefinition},8929(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.AspectEntry=void 0;let AspectEntry=class AspectEntry{constructor(t,n){this.id=t,this.legacyEntry=n}get legacy(){return this.legacyEntry}get isLegacy(){return!!this.config?.__legacy}get config(){return this.legacy.config}set config(t){this.legacy.config=t}get data(){return this.legacy.data}get isRemoved(){return this.legacy.isRemoved}set data(t){this.legacy.data=t}transform(t){let n=this.clone();return n.data=t,new AspectEntry(this.id,n.legacy)}clone(){return new AspectEntry(this.id,this.legacyEntry.clone())}serialize(){return{id:this.id.toString(),config:this.config,data:this.data,icon:"https://static.bit.dev/extensions-icons/default.svg"}}};n.AspectEntry=AspectEntry},12177(t,n,r){"use strict";function a(){var t;let n=(t=r(12888))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(75216);return i=function(){return t},t}function o(){let t=r(15506);return o=function(){return t},t}function s(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}Object.defineProperty(n,"__esModule",{value:!0}),n.AspectSection=void 0;let AspectSection=class AspectSection{constructor(){s(this,"route",{path:"~aspect",element:a().default.createElement(o().AspectPage,null)}),s(this,"navigationLink",{href:"~aspect",children:a().default.createElement(i().MenuWidgetIcon,{icon:"configuration",tooltipContent:"Configuration"}),displayName:"Configuration",hideInMinimalMode:!0}),s(this,"order",50)}};n.AspectSection=AspectSection},52365(t,n,r){"use strict";function a(){let t=r(83875);return a=function(){return t},t}function i(){let t=l(r(46179));return i=function(){return t},t}function o(){var t;let n=(t=r(52101))&&t.__esModule?t:{default:t};return o=function(){return n},n}function s(){let t=r(50668);return s=function(){return t},t}function l(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(l=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;let ComponentFS=class ComponentFS extends a().MemoryFS{constructor(t){super(),this.files=t}get hash(){return""}byRegex(t){return this.files.filter(n=>n.path.match(t))}byGlob(t){let{includePatterns:n,excludePatterns:r}=(0,s().splitPatterns)(t);return this.files.filter(t=>(0,s().matchPatterns)(t.relative,n,r))}toObject(){return this.files.map(t=>({path:t.path,contents:t.contents}))}static fromVinyls(t){let n=new ComponentFS(t);return t.forEach(t=>{let r=t.relativeDir;r.startsWith("/")||(r=o().default.join("/",r)),n.mkdirpSync(r),n.writeFileSync(`/${t.relative}`,i().auto(t.contents||""))}),n}};n.default=ComponentFS},18985(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentMap=void 0;let ComponentMap=class ComponentMap{constructor(t){this.hashMap=t}byComponent(t){return this.hashMap.get(t.id.toString())}get components(){return this.toArray().map(([t])=>t)}get(t){return this.hashMap.get(t.id.toString())}getValueByComponentId(t){let n=this.hashMap.get(t.toString());return n?n[1]:null}toArray(){return Array.from(this.hashMap.values())}map(t){return new ComponentMap(new Map(this.toArray().map(([n,r])=>{let a=t(r,n);return[n.id.toString(),[n,a]]})))}async asyncMap(t){let n=this.toArray().map(async([n,r])=>{let a=await t(r,n);return[n.id.toString(),[n,a]]});return new ComponentMap(new Map(await Promise.all(n)))}forEach(t){this.toArray().forEach(([n,r])=>{t(r,n)})}flattenValue(){return this.toArray().reduce((t,[,n])=>t=t.concat(n),[])}filter(t){return new ComponentMap(new Map(this.toArray().filter(([,n])=>t(n)).map(([t,n])=>[t.id.toString(),[t,n]])))}keys(){return this.hashMap.keys()}static create(t){return new ComponentMap(new Map(t.map(([t,n])=>[t.id.toString(),[t,n]])))}static as(t,n){return new ComponentMap(new Map(t.map(t=>[t.id.toString(),[t,n(t)]])))}static async asAsync(t,n){return new ComponentMap(new Map(await Promise.all(t.map(async t=>[t.id.toString(),[t,await n(t)]]))))}};n.ComponentMap=ComponentMap},49661(t,n,r){"use strict";function a(){let t=r(18985);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"ComponentMap",{enumerable:!0,get:function(){return a().ComponentMap}})},61159(t,n,r){"use strict";function a(){let t=r(72631);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.default=n.ComponentAspect=void 0;let i=n.ComponentAspect=a().Aspect.create({id:"teambit.component/component",dependencies:[],defaultConfig:{}});n.default=i},55633(t,n,r){"use strict";function a(){let t=r(5913);return a=function(){return t},t}function i(){let t=r(24490);return i=function(){return t},t}function o(){let t=r(46746);return o=function(){return t},t}function s(){let t=r(88077);return s=function(){return t},t}function l(){let t=r(28381);return l=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.Component=void 0;let Component=class Component{constructor(t,n=null,r,a=new(s()).TagMap,i){this.id=t,this.head=n,this._state=r,this.tags=a,this.factory=i}get mainFile(){return this.state.mainFile}get state(){return this._state}set state(t){this._state=t}get config(){return this.state.config}get filesystem(){return this.state.filesystem}get buildStatus(){return this._state._consumer.buildStatus}get homepage(){return this._state._consumer._getHomepage()}get headTag(){if(this.head)return this.tags.byHash(this.head.hash)}get latest(){if(this.head)try{return this.tags.getLatest()}catch(t){if(t instanceof l().CouldNotFindLatest)return this.head.hash;throw t}}get(t){return this.state.aspects.get(t)?.serialize()}async getLogs(t){let n=await this.factory.getLogs(this.id,!1,t?.head);if(!t)return n;let{type:r,limit:a,offset:i,sort:s}=t,l=r&&n.filter(t=>"tag"===r?t.tag:"snap"!==r||!t.tag)||n;return"asc"!==s&&(l=l.reverse()),a&&(l=(0,o().slice)(l,i,a+(i||0))),l}getDependencies(){return this.factory.getDependencies(this)}getPackageName(){return this.factory.componentPackageName(this)}stringify(){return JSON.stringify({id:this.id,head:this.head})}get displayName(){return this.id.name.split("-").map(t=>(0,a().capitalize)(t)).join(" ")}tag(t){}isModified(){return this.factory.isModified(this)}isDeleted(){return this.state._consumer.isRemoved()}isOutdated(){if(!this.latest)return!1;let t=this.tags.byVersion(this.latest);return!!t&&this.head?.hash!==t?.hash}isNew(){return Promise.resolve(null===this.head)}isExported(){return this.factory.isExported(this.id)}loadState(t){return this.factory.getState(this.id,t)}loadSnap(t){let n=t||this.head?.hash;if(!n)throw new(i()).BitError("could not load snap for new components");return this.factory.getSnap(this.id,n)}snapsIterable(t,n={}){let r,a=t||this.head?.hash,i=[a];a||(r=!0);let o={next:async()=>{if(r)return{value:void 0,done:r};let t=i.shift(),a=await this.loadSnap(t);return a.parents&&a.parents.length&&(n.firstParentOnly?i.push(a.parents[0]):i=i.concat(a.parents)),i.length?n.stopFn&&(r=await n.stopFn(a)):r=!0,{value:a,done:void 0}}};return{[Symbol.asyncIterator]:()=>o}}async getClosestTag(t){let n=this.tags.getHashMap(),r=async t=>!!n.has(t.hash),a=this.snapsIterable(t,{firstParentOnly:!0,stopFn:r}),i=[];for await(let t of a)i.push(t);if(i.length){let t=i[i.length-1].hash;return n.get(t)}}getTag(){let t=this.id.version;if(t)return this.tags.byVersion(t)||this.tags.byHash(t)}getSnapHash(){if(!this.id.hasVersion())return;let t=this.tags.byVersion(this.id.version);return t?t.hash:this.id.version}async getCurrentSnap(){let t=this.getSnapHash();if(t)return this.loadSnap(t)}checkout(t){}write(t,n){}equals(t){return t.id.toString()===this.id.toString()}};n.Component=Component},56599(t,n,r){"use strict";function a(){let t=v(r(12888));return a=function(){return t},t}function i(){let t=v(r(47065));return i=function(){return t},t}function o(){let t=v(r(29656));return o=function(){return t},t}function s(){let t=r(43385);return s=function(){return t},t}function l(){let t=r(72631);return l=function(){return t},t}function u(){let t=r(75894);return u=function(){return t},t}function c(){let t=r(14451);return c=function(){return t},t}function d(){let t=r(46746);return d=function(){return t},t}function p(){let t=r(9375);return p=function(){return t},t}function m(){let t=r(71118);return m=function(){return t},t}function f(){let t=r(12177);return f=function(){return t},t}function h(){let t=r(61159);return h=function(){return t},t}function g(){let t=r(55810);return g=function(){return t},t}function b(){let t=r(75547);return b=function(){return t},t}function y(){let t=r(64621);return y=function(){return t},t}function v(t){return t&&t.__esModule?t:{default:t}}function _(t,n,r){var a;return(n="symbol"==typeof(a=function(t,n){if("object"!=typeof t||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var a=r.call(t,n||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(n,"string"))?a:a+"")in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t}let ComponentUI=class ComponentUI{constructor(t,n,r,s,l,u,c,d,m,f,h){this.routeSlot=t,this.navSlot=n,this.consumeMethodSlot=r,this.widgetSlot=s,this.pinnedWidgetSlot=l,this.rightSideMenuSlot=u,this.menuItemSlot=c,this.pageItemSlot=d,this.componentSearchResultSlot=m,this.isCommandBarEnabled=h,_(this,"routePath","/*"),_(this,"componentSearcher",void 0),_(this,"activeComponent",void 0),_(this,"copyBitId",()=>{(0,o().default)(this.activeComponent?.id.toString()||"")}),_(this,"copyNpmId",()=>{let t=this.activeComponent?.packageName;if(t){let n=this.activeComponent?.id.version,r=n?`@${this.formatToInstallableVersion(n)}`:"";(0,o().default)(`${t}${r}`)}}),_(this,"commandRunner",void 0),_(this,"keyBindings",[{id:"component.copyBitId",action:this.copyBitId,displayName:"Copy component ID",keybinding:"."},{id:"component.copyNpmId",action:this.copyNpmId,displayName:"Copy component package name",keybinding:","}]),_(this,"menuItems",[{category:"general",title:"Open command bar",keyChar:"mod+k",handler:()=>this.runCommand("command-bar.open")},{category:"general",title:"Toggle component list",keyChar:"alt+s",handler:()=>this.runCommand("sidebar.toggle")},{category:"workflow",title:"Copy component ID",keyChar:".",handler:this.copyBitId},{category:"workflow",title:"Copy component package name",keyChar:",",handler:this.copyNpmId}]),_(this,"bitMethod",({options:t,id:n,packageName:r,latest:i,componentModel:o})=>{let s=r||o?.packageName,l=i||o?.id.version,u=n.version===l?"":`@${n.version}`,c=n.version===l?"":`@${this.formatToInstallableVersion(n.version)}`;return{Title:a().default.createElement("img",{style:{width:"20px"},src:"https://static.bit.dev/brands/bit-logo-text.svg"}),Component:t?.hide?null:a().default.createElement(p().Import,{componentId:`${n.toString({ignoreVersion:!0})}${u}`,packageName:`${s}${c}`,componentName:n.name,showInstallMethod:!t?.disableInstall}),order:0}}),_(this,"handleComponentChange",t=>{this.activeComponent=t}),_(this,"registerMenuItem",t=>{this.menuItemSlot.register(t)}),_(this,"registerPageItem",(...t)=>{this.pageItemSlot.register(t)}),_(this,"registerSearchResultWidget",(...t)=>{this.componentSearchResultSlot.register(t);let n=(0,i().default)(this.componentSearchResultSlot.values());this.componentSearcher.updatePlugins(n)}),_(this,"updateComponents",t=>{this.componentSearcher.update(t||[])}),this.componentSearcher=new(b()).ComponentSearcher({navigate:f.navigateTo})}get routes(){return this.routeSlot.toArray().map(([t,n])=>[t,Array.isArray(n)?[...(0,i().default)(n)]:[n]])}formatToInstallableVersion(t){return(0,m().snapToSemver)(t)}registerCommandRunner(t){this.commandRunner=t}runCommand(t){return this.commandRunner?.(t)}getComponentUI(t,n={}){return a().default.createElement(g().Component,{routeSlot:this.routeSlot,containerSlot:this.pageItemSlot,onComponentChange:this.handleComponentChange,host:t,path:n.path,useComponent:n.useComponent,componentIdStr:n.componentId,useComponentFilters:n.useComponentFilters,overriddenRoutes:n.routes})}getMenu(t,n={}){return a().default.createElement(y().ComponentMenu,{className:n.className,skipRightSide:n.skipRightSide,navigationSlot:this.navSlot,consumeMethodSlot:this.consumeMethodSlot,rightSideMenuSlot:this.rightSideMenuSlot,widgetSlot:this.widgetSlot,host:t,menuItemSlot:this.menuItemSlot,useComponent:n.useComponent,path:n.path,componentIdStr:n.componentId,useComponentFilters:n.useComponentFilters,RightNode:n.RightNode,authToken:n.authToken,pinnedWidgetSlot:this.pinnedWidgetSlot})}listMenuItems(){return(0,d().groupBy)((0,i().default)(this.menuItemSlot.values()),"category")}registerRoute(t){return this.routeSlot.register(t),this}registerNavigation(t,n){this.navSlot.register({props:t,order:n})}registerConsumeMethod(...t){this.consumeMethodSlot.register(t)}registerWidget(t,n){this.widgetSlot.register({props:t,order:n})}registerPinnedWidget(t,n){this.pinnedWidgetSlot.register({props:t,order:n})}registerRightSideMenuItem(...t){this.rightSideMenuSlot.register(t)}static async provider([t],n,[r,a,i,o,l,u,c,d,p]){let m=new ComponentUI(r,a,i,o,p,d,l,u,c,t,n.commandBar),h=new(f()).AspectSection;return m.registerSearchResultWidget({key:"deprecation",end:s().DeprecationIcon}),m.registerMenuItem(m.menuItems),m.registerRoute(h.route),m.registerWidget(h.navigationLink,h.order),m.registerConsumeMethod(m.bitMethod),m}};_(ComponentUI,"dependencies",[u().ReactRouterAspect]),_(ComponentUI,"runtime",c().UIRuntime),_(ComponentUI,"slots",[l().Slot.withType(),l().Slot.withType(),l().Slot.withType(),l().Slot.withType(),l().Slot.withType(),l().Slot.withType(),l().Slot.withType(),l().Slot.withType(),l().Slot.withType()]),_(ComponentUI,"defaultConfig",{commandBar:!0}),h().ComponentAspect.addRuntime(ComponentUI)},52946(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Config=void 0;let Config=class Config{constructor(t){this.consumerComponent=t}get main(){return this.consumerComponent.mainFile}get extensions(){return this.consumerComponent.extensions}};n.Config=Config},41384(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.CouldNotFindLatest=void 0;let CouldNotFindLatest=class CouldNotFindLatest extends Error{constructor(t){super(`could not find latest semver in array: ${t.join(", ")}`)}report(){return this.message}};n.CouldNotFindLatest=CouldNotFindLatest},93402(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.HostNotFound=void 0;let HostNotFound=class HostNotFound extends Error{constructor(t){super(),this.hostName=t}toString(){return`[component] error: host '${this.hostName}' was not found`}};n.HostNotFound=HostNotFound},28381(t,n,r){"use strict";function a(){var t;let n=(t=r(51225))&&t.__esModule?t:{default:t};return a=function(){return n},n}function i(){let t=r(93402);return i=function(){return t},t}function o(){let t=r(41384);return o=function(){return t},t}function s(){let t=r(72002);return s=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"CouldNotFindLatest",{enumerable:!0,get:function(){return o().CouldNotFindLatest}}),Object.defineProperty(n,"HostNotFound",{enumerable:!0,get:function(){return i().HostNotFound}}),Object.defineProperty(n,"MainFileNotFound",{enumerable:!0,get:function(){return s().MainFileNotFound}}),Object.defineProperty(n,"NothingToSnap",{enumerable:!0,get:function(){return a().default}})},72002(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.MainFileNotFound=void 0;let MainFileNotFound=class MainFileNotFound extends Error{constructor(t,n){super(),this.id=t,this.mainFile=n}toString(){return`[component] error: main file ${this.mainFile} for component ${this.id.toString()} was not found`}};n.MainFileNotFound=MainFileNotFound},51225(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;let NothingToSnap=class NothingToSnap extends Error{};n.default=NothingToSnap},11013(t,n,r){"use strict";function a(){let t=r(28537);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.ComponentHostModel=void 0;let ComponentHostModel=class ComponentHostModel{constructor(t,n){this.name=t,this.components=n}static from(t){return new ComponentHostModel(t.getHost.name,a().ComponentModel.fromArray(t.getHost.list))}};n.ComponentHostModel=ComponentHostModel},41733(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a={useComponentHost:!0};function i(){let t=r(81403);return i=function(){return t},t}Object.defineProperty(n,"useComponentHost",{enumerable:!0,get:function(){return i().useComponentHost}});var o=r(11013);Object.keys(o).forEach(function(t){"default"===t||"__esModule"===t||Object.prototype.hasOwnProperty.call(a,t)||t in n&&n[t]===o[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return o[t]}})})},81403(t,n,r){"use strict";function a(){let t=r(7622);return a=function(){return t},t}function i(){let t=r(92590);return i=function(){return t},t}function o(){let t=r(11013);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.useComponentHost=function(){let{data:t,loading:n}=(0,a().useDataQuery)(s);return!t||n?{}:{host:o().ComponentHostModel.from(t)}};let s=(0,i().gql)`
   {
     getHost {
       id # used for GQL caching
@@ -449,7 +449,7 @@ ${l}`}).join("\n\n")+"\n"};let i="  \u2500\u2500\u2500>  "},50957(t,n,r){"use st
       }
     }
   }
-`},30266(t,n,r){"use strict";function a(){let t=r(61159);return a=function(){return t},t}function i(){let t=r(41733);return i=function(){return t},t}function o(){let t=r(55633);return o=function(){return t},t}function s(){let t=r(19100);return s=function(){return t},t}function l(){var t;let n=(t=r(52365))&&t.__esModule?t:{default:t};return l=function(){return n},n}function u(){let t=r(8929);return u=function(){return t},t}function c(){let t=r(36567);return c=function(){return t},t}function d(){let t=r(32173);return d=function(){return t},t}function p(){let t=r(55907);return p=function(){return t},t}function m(){let t=r(88077);return m=function(){return t},t}function f(){let t=r(49661);return f=function(){return t},t}function h(){let t=r(79432);return h=function(){return t},t}function g(){let t=r(44421);return g=function(){return t},t}function b(){let t=r(28537);return b=function(){return t},t}function y(){let t=r(64621);return y=function(){return t},t}function v(){let t=r(51393);return v=function(){return t},t}function _(){let t=r(4965);return _=function(){return t},t}function w(){let t=r(52946);return w=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"AspectData",{enumerable:!0,get:function(){return u().AspectData}}),Object.defineProperty(n,"AspectEntry",{enumerable:!0,get:function(){return u().AspectEntry}}),Object.defineProperty(n,"CollapsibleMenuNav",{enumerable:!0,get:function(){return y().CollapsibleMenuNav}}),Object.defineProperty(n,"Component",{enumerable:!0,get:function(){return o().Component}}),Object.defineProperty(n,"ComponentAspect",{enumerable:!0,get:function(){return a().ComponentAspect}}),Object.defineProperty(n,"ComponentContext",{enumerable:!0,get:function(){return h().ComponentContext}}),Object.defineProperty(n,"ComponentDescriptorContext",{enumerable:!0,get:function(){return h().ComponentDescriptorContext}}),Object.defineProperty(n,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return g().ComponentDescriptorProvider}}),Object.defineProperty(n,"ComponentFS",{enumerable:!0,get:function(){return l().default}}),Object.defineProperty(n,"ComponentID",{enumerable:!0,get:function(){return s().ComponentID}}),Object.defineProperty(n,"ComponentLogsResult",{enumerable:!0,get:function(){return b().ComponentLogsResult}}),Object.defineProperty(n,"ComponentMap",{enumerable:!0,get:function(){return f().ComponentMap}}),Object.defineProperty(n,"ComponentMenu",{enumerable:!0,get:function(){return y().ComponentMenu}}),Object.defineProperty(n,"ComponentModel",{enumerable:!0,get:function(){return v().ComponentModel}}),Object.defineProperty(n,"ComponentProvider",{enumerable:!0,get:function(){return g().ComponentProvider}}),Object.defineProperty(n,"Config",{enumerable:!0,get:function(){return w().Config}}),Object.defineProperty(n,"Filters",{enumerable:!0,get:function(){return b().Filters}}),Object.defineProperty(n,"InvalidComponent",{enumerable:!0,get:function(){return o().InvalidComponent}}),Object.defineProperty(n,"ResolveComponentIdFunc",{enumerable:!0,get:function(){return u().ResolveComponentIdFunc}}),Object.defineProperty(n,"Snap",{enumerable:!0,get:function(){return c().Snap}}),Object.defineProperty(n,"SnapProps",{enumerable:!0,get:function(){return c().SnapProps}}),Object.defineProperty(n,"State",{enumerable:!0,get:function(){return p().State}}),Object.defineProperty(n,"Tag",{enumerable:!0,get:function(){return d().Tag}}),Object.defineProperty(n,"TagMap",{enumerable:!0,get:function(){return m().TagMap}}),Object.defineProperty(n,"TagProps",{enumerable:!0,get:function(){return d().TagProps}}),Object.defineProperty(n,"TopBarNav",{enumerable:!0,get:function(){return _().TopBarNav}}),Object.defineProperty(n,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return y().VersionRelatedDropdowns}}),Object.defineProperty(n,"componentFields",{enumerable:!0,get:function(){return b().componentFields}}),Object.defineProperty(n,"componentIdFields",{enumerable:!0,get:function(){return b().componentIdFields}}),Object.defineProperty(n,"componentOverviewFields",{enumerable:!0,get:function(){return b().componentOverviewFields}}),n.default=void 0,Object.defineProperty(n,"useComponent",{enumerable:!0,get:function(){return b().useComponent}}),Object.defineProperty(n,"useComponentDescriptor",{enumerable:!0,get:function(){return h().useComponentDescriptor}}),Object.defineProperty(n,"useComponentHost",{enumerable:!0,get:function(){return i().useComponentHost}}),Object.defineProperty(n,"useComponentLogs",{enumerable:!0,get:function(){return b().useComponentLogs}}),Object.defineProperty(n,"useIdFromLocation",{enumerable:!0,get:function(){return b().useIdFromLocation}}),n.default=a().ComponentAspect},36567(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Snap=void 0;let Snap=class Snap{constructor(t,n,r,a,i){this.hash=t,this.timestamp=n,this.parents=r,this.author=a,this.message=i}static fromObject(t){let n=t.parents||[];return new Snap(t.hash,new Date(parseInt(t.timestamp)),n,t.author,t.message)}toObject(){return{timestamp:this.timestamp.getTime().toString(),hash:this.hash,author:this.author,message:this.message,parents:this.parents}}};n.Snap=Snap},55907(t,n,r){"use strict";function a(){let t=r(57333);return a=function(){return t},t}function i(){let t=r(19100);return i=function(){return t},t}function o(){let t=r(28381);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.State=void 0;let State=class State{constructor(t,n,r,a,i){this.config=t,this._aspects=n,this.filesystem=r,this.dependencies=a,this._consumer=i}get mainFile(){let t=this.filesystem.files.find(t=>t.relative===this._consumer.mainFile);if(!t)throw new(o()).MainFileNotFound(i().ComponentID.fromLegacy(this._consumer.id),this._consumer.mainFile);return t}get hash(){return""}get issues(){return this._consumer.issues||=new(a()).IssuesList}get isModified(){return this._consumer._isModified}get aspects(){return this._aspects}set aspects(t){this._aspects=t}};n.State=State},88077(t,n,r){"use strict";function a(){let t=r(34907);return a=function(){return t},t}function i(){let t=r(16322);return i=function(){return t},t}function o(){let t=r(28381);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.TagMap=void 0;let TagMap=class TagMap extends Map{byHash(t){return Array.from(this.values()).find(n=>n.hash===t)}getPreReleaseLatestTags(){let t=this.toArray().reduce((t,n)=>{let r=n.version.prerelease;return r.length&&2===r.length&&"string"==typeof r[0]&&(t[r[0]]||=[]).push(n.version.raw),t},{});return Object.keys(t).reduce((n,r)=>(n[r]=(0,i().maxSatisfying)(t[r],"*",{includePrerelease:!0}),n),{})}getHashMap(){let t=new Map;return this.forEach(n=>{t.set(n.hash,n)}),t}getLatest(){let t=this.toArray().map(t=>t.version.raw);if(this.isEmpty())throw new(o()).CouldNotFindLatest(t);return(0,a().getLatestVersion)(t)}isEmpty(){return 0===this.size}toArray(){return Array.from(this.values())}byVersion(t){return this.toArray().map(t=>t).find(n=>n.version.raw===t)}static fromArray(t){return new TagMap(t.map(t=>[t.version,t]))}static empty(){return new TagMap}};n.TagMap=TagMap},86233(t,n,r){"use strict";function a(){let t=r(32173);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Tag",{enumerable:!0,get:function(){return a().Tag}})},32173(t,n,r){"use strict";function a(){let t=r(16322);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.Tag=void 0;let Tag=class Tag{constructor(t,n){this.hash=t,this.version=n}toObject(){return{hash:this.hash,version:this.version.raw}}static fromObject(t){return new Tag(t.hash,new(a()).SemVer(t.version))}};n.Tag=Tag},28766(t,n,r){"use strict";function a(){let t=r(87735);return a=function(){return t},t}function i(){let t=m(r(12888));return i=function(){return t},t}function o(){let t=r(7622);return o=function(){return t},t}function s(){let t=r(92590);return s=function(){return t},t}function l(){let t=r(39084);return l=function(){return t},t}function u(){let t=r(82747);return u=function(){return t},t}function c(){let t=r(44245);return c=function(){return t},t}function d(){var t;let n=(t=r(48340))&&t.__esModule?t:{default:t};return d=function(){return n},n}function p(){let t=r(44421);return p=function(){return t},t}function m(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(m=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.AspectPage=function(){let t=(0,i().useContext)(p().ComponentContext),{data:n}=(0,o().useDataQuery)(f,{variables:{id:t.id.toString()}}),r=n?.getHost?.get?.aspects;return r&&0===r.length?i().default.createElement(l().EmptyBox,{title:"This component is new and doesn\u2019t have any aspects.",linkText:"Learn more about component aspects",link:"https://bit.dev/docs/extending-bit/aspect-overview"}):i().default.createElement("div",{className:d().default.aspectPage},i().default.createElement("div",null,i().default.createElement(u().H1,{className:d().default.title},"Configuration"),i().default.createElement(c().Separator,{className:d().default.separator}),r&&r.map(t=>i().default.createElement(a().AspectBox,{key:t.id,className:d().default.aspectBox,name:t.id,icon:t.icon,config:t.config,data:t.data}))))};let f=(0,s().gql)`
+`},30266(t,n,r){"use strict";function a(){let t=r(61159);return a=function(){return t},t}function i(){let t=r(41733);return i=function(){return t},t}function o(){let t=r(55633);return o=function(){return t},t}function s(){let t=r(19100);return s=function(){return t},t}function l(){var t;let n=(t=r(52365))&&t.__esModule?t:{default:t};return l=function(){return n},n}function u(){let t=r(8929);return u=function(){return t},t}function c(){let t=r(36567);return c=function(){return t},t}function d(){let t=r(32173);return d=function(){return t},t}function p(){let t=r(55907);return p=function(){return t},t}function m(){let t=r(88077);return m=function(){return t},t}function f(){let t=r(49661);return f=function(){return t},t}function h(){let t=r(79432);return h=function(){return t},t}function g(){let t=r(44421);return g=function(){return t},t}function b(){let t=r(28537);return b=function(){return t},t}function y(){let t=r(64621);return y=function(){return t},t}function v(){let t=r(51393);return v=function(){return t},t}function _(){let t=r(4965);return _=function(){return t},t}function w(){let t=r(52946);return w=function(){return t},t}function x(){let t=r(11404);return x=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"AspectData",{enumerable:!0,get:function(){return u().AspectData}}),Object.defineProperty(n,"AspectDefinition",{enumerable:!0,get:function(){return x().AspectDefinition}}),Object.defineProperty(n,"AspectEntry",{enumerable:!0,get:function(){return u().AspectEntry}}),Object.defineProperty(n,"CollapsibleMenuNav",{enumerable:!0,get:function(){return y().CollapsibleMenuNav}}),Object.defineProperty(n,"Component",{enumerable:!0,get:function(){return o().Component}}),Object.defineProperty(n,"ComponentAspect",{enumerable:!0,get:function(){return a().ComponentAspect}}),Object.defineProperty(n,"ComponentContext",{enumerable:!0,get:function(){return h().ComponentContext}}),Object.defineProperty(n,"ComponentDescriptorContext",{enumerable:!0,get:function(){return h().ComponentDescriptorContext}}),Object.defineProperty(n,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return g().ComponentDescriptorProvider}}),Object.defineProperty(n,"ComponentFS",{enumerable:!0,get:function(){return l().default}}),Object.defineProperty(n,"ComponentID",{enumerable:!0,get:function(){return s().ComponentID}}),Object.defineProperty(n,"ComponentLogsResult",{enumerable:!0,get:function(){return b().ComponentLogsResult}}),Object.defineProperty(n,"ComponentMap",{enumerable:!0,get:function(){return f().ComponentMap}}),Object.defineProperty(n,"ComponentMenu",{enumerable:!0,get:function(){return y().ComponentMenu}}),Object.defineProperty(n,"ComponentModel",{enumerable:!0,get:function(){return v().ComponentModel}}),Object.defineProperty(n,"ComponentProvider",{enumerable:!0,get:function(){return g().ComponentProvider}}),Object.defineProperty(n,"Config",{enumerable:!0,get:function(){return w().Config}}),Object.defineProperty(n,"Filters",{enumerable:!0,get:function(){return b().Filters}}),Object.defineProperty(n,"InvalidComponent",{enumerable:!0,get:function(){return o().InvalidComponent}}),Object.defineProperty(n,"ResolveComponentIdFunc",{enumerable:!0,get:function(){return u().ResolveComponentIdFunc}}),Object.defineProperty(n,"Snap",{enumerable:!0,get:function(){return c().Snap}}),Object.defineProperty(n,"SnapProps",{enumerable:!0,get:function(){return c().SnapProps}}),Object.defineProperty(n,"State",{enumerable:!0,get:function(){return p().State}}),Object.defineProperty(n,"Tag",{enumerable:!0,get:function(){return d().Tag}}),Object.defineProperty(n,"TagMap",{enumerable:!0,get:function(){return m().TagMap}}),Object.defineProperty(n,"TagProps",{enumerable:!0,get:function(){return d().TagProps}}),Object.defineProperty(n,"TopBarNav",{enumerable:!0,get:function(){return _().TopBarNav}}),Object.defineProperty(n,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return y().VersionRelatedDropdowns}}),Object.defineProperty(n,"componentFields",{enumerable:!0,get:function(){return b().componentFields}}),Object.defineProperty(n,"componentIdFields",{enumerable:!0,get:function(){return b().componentIdFields}}),Object.defineProperty(n,"componentOverviewFields",{enumerable:!0,get:function(){return b().componentOverviewFields}}),n.default=void 0,Object.defineProperty(n,"useComponent",{enumerable:!0,get:function(){return b().useComponent}}),Object.defineProperty(n,"useComponentDescriptor",{enumerable:!0,get:function(){return h().useComponentDescriptor}}),Object.defineProperty(n,"useComponentHost",{enumerable:!0,get:function(){return i().useComponentHost}}),Object.defineProperty(n,"useComponentLogs",{enumerable:!0,get:function(){return b().useComponentLogs}}),Object.defineProperty(n,"useIdFromLocation",{enumerable:!0,get:function(){return b().useIdFromLocation}}),n.default=a().ComponentAspect},36567(t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.Snap=void 0;let Snap=class Snap{constructor(t,n,r,a,i){this.hash=t,this.timestamp=n,this.parents=r,this.author=a,this.message=i}static fromObject(t){let n=t.parents||[];return new Snap(t.hash,new Date(parseInt(t.timestamp)),n,t.author,t.message)}toObject(){return{timestamp:this.timestamp.getTime().toString(),hash:this.hash,author:this.author,message:this.message,parents:this.parents}}};n.Snap=Snap},55907(t,n,r){"use strict";function a(){let t=r(57333);return a=function(){return t},t}function i(){let t=r(19100);return i=function(){return t},t}function o(){let t=r(28381);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.State=void 0;let State=class State{constructor(t,n,r,a,i){this.config=t,this._aspects=n,this.filesystem=r,this.dependencies=a,this._consumer=i}get mainFile(){let t=this.filesystem.files.find(t=>t.relative===this._consumer.mainFile);if(!t)throw new(o()).MainFileNotFound(i().ComponentID.fromLegacy(this._consumer.id),this._consumer.mainFile);return t}get hash(){return""}get issues(){return this._consumer.issues||=new(a()).IssuesList}get isModified(){return this._consumer._isModified}get aspects(){return this._aspects}set aspects(t){this._aspects=t}};n.State=State},88077(t,n,r){"use strict";function a(){let t=r(34907);return a=function(){return t},t}function i(){let t=r(16322);return i=function(){return t},t}function o(){let t=r(28381);return o=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.TagMap=void 0;let TagMap=class TagMap extends Map{byHash(t){return Array.from(this.values()).find(n=>n.hash===t)}getPreReleaseLatestTags(){let t=this.toArray().reduce((t,n)=>{let r=n.version.prerelease;return r.length&&2===r.length&&"string"==typeof r[0]&&(t[r[0]]||=[]).push(n.version.raw),t},{});return Object.keys(t).reduce((n,r)=>(n[r]=(0,i().maxSatisfying)(t[r],"*",{includePrerelease:!0}),n),{})}getHashMap(){let t=new Map;return this.forEach(n=>{t.set(n.hash,n)}),t}getLatest(){let t=this.toArray().map(t=>t.version.raw);if(this.isEmpty())throw new(o()).CouldNotFindLatest(t);return(0,a().getLatestVersion)(t)}isEmpty(){return 0===this.size}toArray(){return Array.from(this.values())}byVersion(t){return this.toArray().map(t=>t).find(n=>n.version.raw===t)}static fromArray(t){return new TagMap(t.map(t=>[t.version,t]))}static empty(){return new TagMap}};n.TagMap=TagMap},86233(t,n,r){"use strict";function a(){let t=r(32173);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Tag",{enumerable:!0,get:function(){return a().Tag}})},32173(t,n,r){"use strict";function a(){let t=r(16322);return a=function(){return t},t}Object.defineProperty(n,"__esModule",{value:!0}),n.Tag=void 0;let Tag=class Tag{constructor(t,n){this.hash=t,this.version=n}toObject(){return{hash:this.hash,version:this.version.raw}}static fromObject(t){return new Tag(t.hash,new(a()).SemVer(t.version))}};n.Tag=Tag},28766(t,n,r){"use strict";function a(){let t=r(87735);return a=function(){return t},t}function i(){let t=m(r(12888));return i=function(){return t},t}function o(){let t=r(7622);return o=function(){return t},t}function s(){let t=r(92590);return s=function(){return t},t}function l(){let t=r(39084);return l=function(){return t},t}function u(){let t=r(82747);return u=function(){return t},t}function c(){let t=r(44245);return c=function(){return t},t}function d(){var t;let n=(t=r(48340))&&t.__esModule?t:{default:t};return d=function(){return n},n}function p(){let t=r(44421);return p=function(){return t},t}function m(t,n){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(m=function(t,n){if(!n&&t&&t.__esModule)return t;var i,o,s={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return s;if(i=n?a:r){if(i.has(t))return i.get(t);i.set(t,s)}for(let n in t)"default"!==n&&({}).hasOwnProperty.call(t,n)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,n))&&(o.get||o.set)?i(s,n,o):s[n]=t[n]);return s})(t,n)}Object.defineProperty(n,"__esModule",{value:!0}),n.AspectPage=function(){let t=(0,i().useContext)(p().ComponentContext),{data:n}=(0,o().useDataQuery)(f,{variables:{id:t.id.toString()}}),r=n?.getHost?.get?.aspects;return r&&0===r.length?i().default.createElement(l().EmptyBox,{title:"This component is new and doesn\u2019t have any aspects.",linkText:"Learn more about component aspects",link:"https://bit.dev/docs/extending-bit/aspect-overview"}):i().default.createElement("div",{className:d().default.aspectPage},i().default.createElement("div",null,i().default.createElement(u().H1,{className:d().default.title},"Configuration"),i().default.createElement(c().Separator,{className:d().default.separator}),r&&r.map(t=>i().default.createElement(a().AspectBox,{key:t.id,className:d().default.aspectBox,name:t.id,icon:t.icon,config:t.config,data:t.data}))))};let f=(0,s().gql)`
   query ($id: String!) {
     getHost {
       get(id: $id) {

package/artifacts/ui-bundle/public/bit/workspace.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>bit</title><script>!function(){try{var e=null,t=new URL(window.location.href).searchParams.get("theme");if(t&&(e=t),!e)try{e=sessionStorage.getItem("workspace-theme")}catch(e){}if(!e)try{e=localStorage.getItem("workspace-theme")}catch(e){}"dark"===e?(document.documentElement.dataset.theme="dark",document.documentElement.style.backgroundColor="#060414"):"light"===e&&(document.documentElement.dataset.theme="light",document.documentElement.style.backgroundColor="#fdfdff")}catch(e){}}();try{window.__REACT_DEVTOOLS_GLOBAL_HOOK__=window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__}catch{}</script><script defer src="/static/js/runtime-workspace.8653589e.js"></script><script defer src="/static/js/528.4f961664.js"></script><script defer src="/static/js/110.236355cf.js"></script><script defer src="/static/js/workspace.79495669.js"></script><link href="/static/css/528.7672b245.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>bit</title><script>!function(){try{var e=null,t=new URL(window.location.href).searchParams.get("theme");if(t&&(e=t),!e)try{e=sessionStorage.getItem("workspace-theme")}catch(e){}if(!e)try{e=localStorage.getItem("workspace-theme")}catch(e){}"dark"===e?(document.documentElement.dataset.theme="dark",document.documentElement.style.backgroundColor="#060414"):"light"===e&&(document.documentElement.dataset.theme="light",document.documentElement.style.backgroundColor="#fdfdff")}catch(e){}}();try{window.__REACT_DEVTOOLS_GLOBAL_HOOK__=window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__}catch{}</script><script defer src="/static/js/runtime-workspace.8653589e.js"></script><script defer src="/static/js/528.9d4b59d7.js"></script><script defer src="/static/js/110.236355cf.js"></script><script defer src="/static/js/workspace.79495669.js"></script><link href="/static/css/528.7672b245.css" rel="stylesheet"></head><body><div id="root"></div></body></html>