@teambit/readme 0.0.339 → 0.0.341

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -41,7 +41,7 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
41
41
  }
42
42
  }
43
43
  }
44
- `;function useFetchDocs(componentId){const variables={id:componentId},request=(0,graphql_hooks_use_query_light_1.useQuery)(DOCS_QUERY,{variables,server:GQL_SERVER});return(0,react_1.useMemo)(()=>{var _a;return Object.assign(Object.assign({},request),{data:request.data&&{docs:(_a=request.data)===null||_a===void 0?void 0:_a.getHost.getDocs}})},[request])}exports.useFetchDocs=useFetchDocs},43206:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{VersionDropdown:()=>VersionDropdown});var react=__webpack_require__(67294),dist=__webpack_require__(24705),evangelist_surfaces_dropdown_dist=__webpack_require__(67963),ui_foundation_ui_use_box_tab_dist=__webpack_require__(58845),classnames2=__webpack_require__(6894),classnames_default=__webpack_require__.n(classnames2);const styles_module={defaultAvatarBgColor:"ededed",avatar:"styles_avatar__2EwCK",letter:"styles_letter__31VOa",orgDefault:"styles_orgDefault__1TsW4",avatarImg:"styles_avatarImg__1fJqq",soloAvatarIcon:"styles_soloAvatarIcon__2XAN_",default:"styles_default__1-pm7"};var __rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};function default_avatar_DefaultAvatar(props){const{size,className}=props,rest=__rest(props,["size","className"]);return React.createElement("div",Object.assign({className:classNames(styles.default,styles.avatar,className),style:{width:`${size}px`,height:`${size}px`,fontSize:`${size*.35}px`,lineHeight:`${size}px`}},rest),"?")}var toolbox_url_add_avatar_query_params_dist=__webpack_require__(85083),org_avatar_rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};function org_avatar_OrgAvatar(_a){var{account,size,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName}=_a,rest=org_avatar_rest(_a,["account","size","imageSize","fontSize","className","imgClassName"]);const{profileImage=""}=account,profileImageWithParams=addAvatarQueryParams(profileImage,imageSize,styles.defaultAvatarBgColor);return React.createElement("div",Object.assign({className:classNames(styles.default,styles.avatar,className),style:{width:`${size}px`,height:`${size}px`}},rest),profileImageWithParams&&React.createElement("img",{src:profileImageWithParams,className:classNames(styles.avatarImg,imgClassName)}),React.createElement("span",{className:styles.defaultAvatar},React.createElement("i",{className:"bitcon-organization",style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}})))}var design_elements_icon_dist=__webpack_require__(87055),toolbox_string_get_initials_dist=__webpack_require__(71987),design_ui_styles_colors_by_letter_dist=__webpack_require__(71559),design_ui_styles_ellipsis_dist=__webpack_require__(7261),design_ui_tooltip_dist=__webpack_require__(93976),user_avatar_rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};function user_avatar_UserAvatar(_a){var{account,size,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,showTooltip=!1}=_a,rest=user_avatar_rest(_a,["account","size","imageSize","fontSize","className","imgClassName","showTooltip"]);const{profileImage="",name="",displayName=""}=account,firstLetter=name[0]||displayName[0],profileImageWithParams=(0,toolbox_url_add_avatar_query_params_dist.a)(profileImage,imageSize,styles_module.defaultAvatarBgColor),colors=firstLetter&&design_ui_styles_colors_by_letter_dist.letterBgColors[firstLetter.toLowerCase()],avatar=react.createElement("div",Object.assign({className:classnames_default()(colors,styles_module.avatar,className),style:{width:`${size}px`,height:`${size}px`}},rest),profileImageWithParams&&react.createElement("img",{src:profileImageWithParams,className:classnames_default()(styles_module.avatarImg,imgClassName)}),(displayName||name)&&react.createElement("span",{className:styles_module.letter,style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}},(0,toolbox_string_get_initials_dist.Q)(displayName||name)),!displayName&&!name&&!profileImageWithParams&&!firstLetter&&react.createElement(design_elements_icon_dist.J,{of:"solo-avatar",style:{fontSize:`${size}px`},className:classnames_default()(styles_module.avatarImg,styles_module.soloAvatarIcon)}));return showTooltip?react.createElement(design_ui_tooltip_dist.Tooltip,{placement:"bottom",content:react.createElement("div",{className:design_ui_styles_ellipsis_dist.ellipsis},displayName?react.createElement(react.Fragment,null,displayName," (@",name,")"):react.createElement(react.Fragment,null,"@",name))},avatar):avatar}var AccountTypes;(function(AccountTypes2){AccountTypes2.org="organization",AccountTypes2.user="user",AccountTypes2.default="default"})(AccountTypes||(AccountTypes={}));function Avatar(props){const{account}=props;switch(account.accountType){case AccountTypes.user:return React.createElement(UserAvatar,Object.assign({},props));case AccountTypes.org:return React.createElement(OrgAvatar,Object.assign({},props));default:return React.createElement(DefaultAvatar,Object.assign({},props))}}var base_ui_loaders_skeleton_dist=__webpack_require__(99870),node_modules_classnames=__webpack_require__(94184),node_modules_classnames_default=__webpack_require__.n(node_modules_classnames);const version_dropdown_module={versionDropdown:"version-dropdown_versionDropdown__26zMI",menu:"version-dropdown_menu__3gzq4",title:"version-dropdown_title__3hQ6s",titleContainer:"version-dropdown_titleContainer__3HByT",versionContainer:"version-dropdown_versionContainer__h0FXY",versionRow:"version-dropdown_versionRow__33k0f",localVersion:"version-dropdown_localVersion__1_Kj1",versionTimestamp:"version-dropdown_versionTimestamp__2slIn",versionUserAvatar:"version-dropdown_versionUserAvatar__28p6g",laneIcon:"version-dropdown_laneIcon__3wXox",version:"version-dropdown_version__32b-4",versionName:"version-dropdown_versionName__1MBcM",withVersions:"version-dropdown_withVersions__3soV6",tabs:"version-dropdown_tabs__2kYKG",tab:"version-dropdown_tab__3dSKy",loading:"version-dropdown_loading__VHpGU"};var design_ui_time_ago_dist=__webpack_require__(59453),component_ui_version_label_dist=__webpack_require__(94726),_teambit_design_ui_styles_ellipsis_dist=__webpack_require__(31944);const version_info_module={versionRow:"version-info_versionRow__sk5Vp",versionTimestamp:"version-info_versionTimestamp__m888-",versionUserAvatar:"version-info_versionUserAvatar__l37Sw",laneIcon:"version-info_laneIcon__2hi5u",version:"version-info_version__2P46N",versionName:"version-info_versionName__1u2vs",tag:"version-info_tag__uQwSb",snap:"version-info_snap__4jCW6",commitMessage:"version-info_commitMessage__21dib",emptyMessage:"version-info_emptyMessage__1gMR5"};function VersionInfo({version,currentVersion,latestVersion,date,username,email,overrideVersionHref,showDetails,message,tag}){const isCurrent=version===currentVersion,author=(0,react.useMemo)(()=>({displayName:username,email}),[version]),timestamp=(0,react.useMemo)(()=>date?new Date(parseInt(date)).toString():new Date().toString(),[date]),currentVersionRef=(0,react.useRef)(null);(0,react.useEffect)(()=>{var _a;isCurrent&&((_a=currentVersionRef.current)===null||_a===void 0||_a.scrollIntoView({block:"nearest"}))},[isCurrent]);const href=overrideVersionHref?overrideVersionHref(version):`?version=${version}`;return react.createElement("div",{ref:currentVersionRef},react.createElement(dist.O,{active:isCurrent,href,className:version_info_module.versionRow},react.createElement("div",{className:version_info_module.version},react.createElement(user_avatar_UserAvatar,{size:24,account:author,className:version_info_module.versionUserAvatar,showTooltip:!0}),react.createElement(_teambit_design_ui_styles_ellipsis_dist.Ellipsis,{className:node_modules_classnames_default()(version_info_module.versionName,tag&&version_info_module.tag,!tag&&version_info_module.snap)},version),version===latestVersion&&react.createElement(component_ui_version_label_dist.fv,{className:version_info_module.label,status:"latest"}),showDetails&&commitMessage(message)),react.createElement(_teambit_design_ui_styles_ellipsis_dist.Ellipsis,{className:version_info_module.versionTimestamp},react.createElement(design_ui_time_ago_dist.b,{date:timestamp}))))}function commitMessage(message){return!message||message===""?react.createElement(_teambit_design_ui_styles_ellipsis_dist.Ellipsis,{className:version_info_module.emptyMessage},"No commit message"):react.createElement(_teambit_design_ui_styles_ellipsis_dist.Ellipsis,{className:version_info_module.commitMessage},message)}var lanes_ui_models_lanes_model_dist=__webpack_require__(97223),evangelist_elements_icon_dist=__webpack_require__(54560);const lane_info_module={versionRow:"lane-info_versionRow__1ALU1",versionTimestamp:"lane-info_versionTimestamp__2BmOW",versionUserAvatar:"lane-info_versionUserAvatar__3gd_r",laneIcon:"lane-info_laneIcon__mdCcY",version:"lane-info_version__Q2Rmg",versionName:"lane-info_versionName__1Rjli"};function LaneInfo({id,currentLane}){const isCurrent=currentLane&&id.isEqual(currentLane.id);return react.createElement("div",{key:id.toString()},react.createElement(dist.O,{active:isCurrent,href:lanes_ui_models_lanes_model_dist.LanesModel.getLaneUrl(id),className:lane_info_module.versionRow},react.createElement("span",null,react.createElement(evangelist_elements_icon_dist.Icon,{className:lane_info_module.laneIcon,of:"lane"}),id.toString())))}const version_dropdown_placeholder_module={simple:"version-dropdown-placeholder_simple__TwjFa",disabled:"version-dropdown-placeholder_disabled__1TpJK",versionName:"version-dropdown-placeholder_versionName__NFtt9",tag:"version-dropdown-placeholder_tag__3OGTV",snap:"version-dropdown-placeholder_snap__UlXii",detailed:"version-dropdown-placeholder_detailed__3GVrd",commitMessage:"version-dropdown-placeholder_commitMessage__1-G6n",emptyMessage:"version-dropdown-placeholder_emptyMessage__N5DBl",author:"version-dropdown-placeholder_author__2d5Su",versionTimestamp:"version-dropdown-placeholder_versionTimestamp__KWn2v",versionUserAvatar:"version-dropdown-placeholder_versionUserAvatar__2M3Z2"},getVersionDetailFromTags=(version,tags)=>tags.find(tag=>tag.tag===version),getVersionDetailFromSnaps=(version,snaps)=>(snaps||[]).find(snap=>snap.hash===version),getVersionDetails=(version,tags,snaps)=>version==="workspace"||version==="new"?{version}:getVersionDetailFromTags(version,tags)||getVersionDetailFromSnaps(version,snaps);function SimpleVersion({currentVersion,className,disabled,tags,snaps}){const showArrowDown=(0,react.useMemo)(()=>(snaps||[]).concat(tags).length>1,[tags,snaps]),versionDetails=(0,react.useMemo)(()=>getVersionDetails(currentVersion,tags,snaps),[currentVersion,tags,snaps]);return react.createElement("div",{className:node_modules_classnames_default()(version_dropdown_placeholder_module.simple,className,disabled&&version_dropdown_placeholder_module.disabled)},react.createElement(_teambit_design_ui_styles_ellipsis_dist.Ellipsis,{className:node_modules_classnames_default()(version_dropdown_placeholder_module.versionName,versionDetails?.tag&&version_dropdown_placeholder_module.tag,!versionDetails?.tag&&version_dropdown_placeholder_module.snap)},currentVersion),showArrowDown&&react.createElement(evangelist_elements_icon_dist.Icon,{of:"fat-arrow-down"}))}function DetailedVersion({currentVersion,className,disabled,snaps,tags}){const showArrowDown=useMemo(()=>(snaps||[]).concat(tags).length>1,[tags,snaps]),versionDetails=useMemo(()=>getVersionDetails(currentVersion,tags,snaps),[currentVersion,tags,snaps]),timestamp=useMemo(()=>versionDetails?.date?new Date(parseInt(versionDetails.date)).toString():new Date().toString(),[versionDetails?.date]),author=useMemo(()=>({displayName:versionDetails?.username,email:versionDetails?.email}),[versionDetails]);return React.createElement("div",{className:classNames(styles.detailed,className,disabled&&styles.disabled)},React.createElement(UserAvatar,{size:24,account:author,className:styles.versionUserAvatar,showTooltip:!0}),React.createElement(Ellipsis,{className:classNames(styles.versionName,versionDetails?.tag&&styles.tag,!versionDetails?.tag&&styles.snap)},currentVersion),version_dropdown_placeholder_commitMessage(versionDetails?.message),React.createElement(Ellipsis,{className:styles.versionTimestamp},React.createElement(TimeAgo,{date:timestamp})),showArrowDown&&React.createElement(Icon,{of:"fat-arrow-down"}))}function version_dropdown_placeholder_commitMessage(message){return!message||message===""?React.createElement(Ellipsis,{className:styles.emptyMessage},"No commit message"):React.createElement(Ellipsis,{className:styles.commitMessage},message)}var version_dropdown_rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};const LOCAL_VERSION="workspace";function VersionDropdown(_a){var{snaps,tags,lanes,currentVersion,latestVersion,localVersion,loading,currentLane,overrideVersionHref,className,placeholderClassName,dropdownClassName,menuClassName,showVersionDetails,disabled,placeholderComponent=react.createElement(SimpleVersion,{disabled,snaps,tags,className:placeholderClassName,currentVersion})}=_a,rest=version_dropdown_rest(_a,["snaps","tags","lanes","currentVersion","latestVersion","localVersion","loading","currentLane","overrideVersionHref","className","placeholderClassName","dropdownClassName","menuClassName","showVersionDetails","disabled","placeholderComponent"]);const[key,setKey]=(0,react.useState)(0),singleVersion=(snaps||[]).concat(tags).length<2&&!localVersion;return disabled||singleVersion&&!loading?react.createElement("div",{className:node_modules_classnames_default()(version_dropdown_module.noVersions,className)},placeholderComponent):react.createElement("div",Object.assign({},rest,{className:node_modules_classnames_default()(version_dropdown_module.versionDropdown,className)}),react.createElement(evangelist_surfaces_dropdown_dist.Dropdown,{className:node_modules_classnames_default()(version_dropdown_module.dropdown,dropdownClassName),dropClass:node_modules_classnames_default()(version_dropdown_module.menu,menuClassName),clickToggles:!1,clickPlaceholderToggles:!0,onChange:(_e,open)=>open&&setKey(x=>x+1),PlaceholderComponent:_a2=>{var{children}=_a2,other=version_dropdown_rest(_a2,["children"]);return react.createElement("div",Object.assign({},other,{className:placeholderClassName}),children)},placeholder:placeholderComponent},loading&&react.createElement(base_ui_loaders_skeleton_dist.LineSkeleton,{className:version_dropdown_module.loading,count:6}),loading||react.createElement(VersionMenu,{className:menuClassName,key,tags,snaps,lanes,currentVersion,latestVersion,localVersion,currentLane,overrideVersionHref,showVersionDetails})))}const VERSION_TAB_NAMES=["TAG","SNAP","LANE"];function VersionMenu(_a){var{tags,snaps,lanes,currentVersion,localVersion,latestVersion,currentLane,overrideVersionHref,showVersionDetails}=_a,rest=version_dropdown_rest(_a,["tags","snaps","lanes","currentVersion","localVersion","latestVersion","currentLane","overrideVersionHref","showVersionDetails"]);const tabs=VERSION_TAB_NAMES.map(name=>{switch(name){case"SNAP":return{name,payload:snaps||[]};case"LANE":return{name,payload:lanes||[]};default:return{name,payload:tags||[]}}}).filter(tab=>tab.payload.length>0),getActiveTabIndex=()=>currentLane?.components.some(c=>c.version===currentVersion)?tabs.findIndex(tab=>tab.name==="LANE"):(snaps||[]).some(snap=>snap.version===currentVersion)?tabs.findIndex(tab=>tab.name==="SNAP"):0,[activeTabIndex,setActiveTab]=(0,react.useState)(getActiveTabIndex()),multipleTabs=tabs.length>1,message=multipleTabs?"Switch to view tags, snaps, or lanes":`Switch between ${tabs[0].name.toLocaleLowerCase()}s`;return react.createElement("div",Object.assign({},rest),react.createElement("div",{className:version_dropdown_module.top},react.createElement("div",{className:node_modules_classnames_default()(version_dropdown_module.titleContainer,version_dropdown_module.title)},message),localVersion&&react.createElement(dist.O,{href:"?",active:currentVersion===LOCAL_VERSION,className:node_modules_classnames_default()(version_dropdown_module.versionRow,version_dropdown_module.localVersion)},react.createElement("div",{className:version_dropdown_module.version},react.createElement(user_avatar_UserAvatar,{size:24,account:{},className:version_dropdown_module.versionUserAvatar}),react.createElement("span",{className:version_dropdown_module.versionName},LOCAL_VERSION)))),react.createElement("div",{className:node_modules_classnames_default()(multipleTabs&&version_dropdown_module.tabs)},multipleTabs&&tabs.map(({name},index)=>react.createElement(ui_foundation_ui_use_box_tab_dist.Tab,{className:version_dropdown_module.tab,key:name,isActive:activeTabIndex===index,onClick:()=>setActiveTab(index)},name))),react.createElement("div",{className:version_dropdown_module.versionContainer},tabs[activeTabIndex].name==="LANE"&&tabs[activeTabIndex].payload.map(payload=>react.createElement(LaneInfo,Object.assign({key:payload.id,currentLane},payload))),tabs[activeTabIndex].name!=="LANE"&&tabs[activeTabIndex].payload.map(payload=>react.createElement(VersionInfo,Object.assign({key:payload.version,currentVersion,latestVersion,overrideVersionHref,showDetails:showVersionDetails},payload)))))}},94726:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=exports.fv=void 0;var version_label_1=__webpack_require__(84023);Object.defineProperty(exports,"fv",{enumerable:!0,get:function(){return version_label_1.VersionLabel}}),__webpack_unused_export__={enumerable:!0,get:function(){return version_label_1.Labels}},__webpack_unused_export__={enumerable:!0,get:function(){return version_label_1.LabelsProps}}},84023:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Labels=exports.VersionLabel=void 0;const design_ui_pill_label_1=__webpack_require__(25013),classnames_1=__importDefault(__webpack_require__(94184)),react_1=__importDefault(__webpack_require__(67294)),version_label_module_scss_1=__importDefault(__webpack_require__(87880));function VersionLabel(_a){var{status,className}=_a,rest=__rest(_a,["status","className"]);return react_1.default.createElement(design_ui_pill_label_1.PillLabel,Object.assign({},rest,{className:(0,classnames_1.default)(version_label_module_scss_1.default.label,version_label_module_scss_1.default[status],className)}),status.replace(/-/g," "))}exports.VersionLabel=VersionLabel;function Labels({isCurrent,isLatest}){return react_1.default.createElement("div",{className:version_label_module_scss_1.default.labelContainer},isLatest&&react_1.default.createElement(VersionLabel,{className:version_label_module_scss_1.default.versionLabel,status:"latest"}),isCurrent&&react_1.default.createElement(VersionLabel,{className:version_label_module_scss_1.default.versionLabel,status:"current"}),!isLatest&&!isCurrent&&react_1.default.createElement("div",{className:version_label_module_scss_1.default.emptyLabel}))}exports.Labels=Labels},69301:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AspectEntry=void 0;class AspectEntry{constructor(id,legacyEntry){this.id=id,this.legacyEntry=legacyEntry}get legacy(){return this.legacyEntry}get isLegacy(){var _this$config;return!!((_this$config=this.config)!==null&&_this$config!==void 0&&_this$config.__legacy)}get config(){return this.legacy.config}set config(config){this.legacy.config=config}get data(){return this.legacy.data}get isRemoved(){return this.legacy.isRemoved}set data(val){this.legacy.data=val}transform(newData){const newEntry=this.clone();return newEntry.data=newData,new AspectEntry(this.id,newEntry.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"}}}exports.AspectEntry=AspectEntry},11846:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _anyFs(){const data=__webpack_require__(79744);return _anyFs=function(){return data},data}function _eol(){const data=__webpack_require__(58225);return _eol=function(){return data},data}function _path(){const data=_interopRequireDefault(__webpack_require__(26470));return _path=function(){return data},data}function _toolboxPath(){const data=__webpack_require__(31461);return _toolboxPath=function(){return data},data}class ComponentFS extends _anyFs().MemoryFS{constructor(files){super();this.files=files}get hash(){return""}byRegex(extension){return this.files.filter(file=>file.path.match(extension))}byGlob(patterns){const{includePatterns,excludePatterns}=(0,_toolboxPath().splitPatterns)(patterns);return this.files.filter(file=>(0,_toolboxPath().matchPatterns)(file.relative,includePatterns,excludePatterns))}toObject(){return this.files.map(file=>({path:file.path,contents:file.contents}))}static fromVinyls(files){const fs=new ComponentFS(files);return files.forEach(file=>{let dirPath=file.relativeDir;dirPath.startsWith("/")||(dirPath=_path().default.join("/",dirPath)),fs.mkdirpSync(dirPath),fs.writeFileSync(`/${file.relative}`,(0,_eol().auto)(file.contents||""))}),fs}}exports.default=ComponentFS},87690:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(66992),__webpack_require__(88674),Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMap=void 0;class ComponentMap{constructor(hashMap){this.hashMap=hashMap}byComponent(component){return this.hashMap.get(component.id.toString())}get components(){return this.toArray().map(([component])=>component)}get(component){return this.hashMap.get(component.id.toString())}getValueByComponentId(componentId){const tuple=this.hashMap.get(componentId.toString());return tuple?tuple[1]:null}toArray(){return Array.from(this.hashMap.values())}map(predicate){const tuples=this.toArray().map(([component,value])=>{const newValue=predicate(value,component);return[component.id.toString(),[component,newValue]]});return new ComponentMap(new Map(tuples))}async asyncMap(predicate){const tuplesP=this.toArray().map(async([component,value])=>{const newValue=await predicate(value,component);return[component.id.toString(),[component,newValue]]}),tuples=await Promise.all(tuplesP);return new ComponentMap(new Map(tuples))}forEach(predicate){this.toArray().forEach(([component,value])=>{predicate(value,component)})}flattenValue(){return this.toArray().reduce((acc,[,value])=>(acc=acc.concat(value),acc),[])}filter(predicate){const asMap=this.toArray().filter(([,value])=>predicate(value)).map(([component,value])=>[component.id.toString(),[component,value]]);return new ComponentMap(new Map(asMap))}keys(){return this.hashMap.keys()}static create(rawMap){const newMap=rawMap.map(([component,data])=>[component.id.toString(),[component,data]]);return new ComponentMap(new Map(newMap))}static as(components,predicate){const tuples=components.map(component=>[component.id.toString(),[component,predicate(component)]]);return new ComponentMap(new Map(tuples))}}exports.ComponentMap=ComponentMap},93670:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}});function _componentMap(){const data=__webpack_require__(87690);return _componentMap=function(){return data},data}},42259:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ComponentAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const ComponentAspect=_harmony().Aspect.create({id:"teambit.component/component",dependencies:[],defaultConfig:{}});exports.ComponentAspect=ComponentAspect;var _default=ComponentAspect;exports.default=_default},60195:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(41817),__webpack_require__(72443),__webpack_require__(66992),__webpack_require__(2707),__webpack_require__(88674),__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=void 0;function _toolboxString(){const data=__webpack_require__(58315);return _toolboxString=function(){return data},data}function _bitError(){const data=__webpack_require__(93902);return _bitError=function(){return data},data}function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _tagMap(){const data=__webpack_require__(50310);return _tagMap=function(){return data},data}function _exceptions(){const data=__webpack_require__(54428);return _exceptions=function(){return data},data}function _asyncIterator(iterable){var method,async,sync,retry=2;for(typeof Symbol<"u"&&(async=Symbol.asyncIterator,sync=Symbol.iterator);retry--;){if(async&&(method=iterable[async])!=null)return method.call(iterable);if(sync&&(method=iterable[sync])!=null)return new AsyncFromSyncIterator(method.call(iterable));async="@@asyncIterator",sync="@@iterator"}throw new TypeError("Object is not async iterable")}function AsyncFromSyncIterator(s){function AsyncFromSyncIteratorContinuation(r){if(Object(r)!==r)return Promise.reject(new TypeError(r+" is not an object."));var done=r.done;return Promise.resolve(r.value).then(function(value){return{value,done}})}return AsyncFromSyncIterator=function(s2){this.s=s2,this.n=s2.next},AsyncFromSyncIterator.prototype={s:null,n:null,next:function(){return AsyncFromSyncIteratorContinuation(this.n.apply(this.s,arguments))},return:function(value){var ret=this.s.return;return ret===void 0?Promise.resolve({value,done:!0}):AsyncFromSyncIteratorContinuation(ret.apply(this.s,arguments))},throw:function(value){var thr=this.s.return;return thr===void 0?Promise.reject(value):AsyncFromSyncIteratorContinuation(thr.apply(this.s,arguments))}},new AsyncFromSyncIterator(s)}class Component{constructor(id,head=null,_state,tags=new(_tagMap()).TagMap,factory){this.id=id,this.head=head,this._state=_state,this.tags=tags,this.factory=factory}get mainFile(){return this.state.mainFile}get state(){return this._state}set state(state){this._state=state}get config(){return this.state.config}get filesystem(){return this.state.filesystem}get buildStatus(){return this._state._consumer.buildStatus}get headTag(){if(!!this.head)return this.tags.byHash(this.head.hash)}get latest(){if(!!this.head)try{return this.tags.getLatest()}catch(err){if(err instanceof _exceptions().CouldNotFindLatest)return this.head.hash;throw err}}get(id){var _this$state$aspects$g;return(_this$state$aspects$g=this.state.aspects.get(id))===null||_this$state$aspects$g===void 0?void 0:_this$state$aspects$g.serialize()}async getLogs(filter){const allLogs=await this.factory.getLogs(this.id,!1,filter?.head);if(!filter)return allLogs;const{type,limit,offset,sort}=filter,typeFilter=snap=>type==="tag"?snap.tag:type==="snap"?!snap.tag:!0;let filteredLogs=type&&allLogs.filter(typeFilter)||allLogs;return sort!=="asc"&&(filteredLogs=filteredLogs.reverse()),limit&&(filteredLogs=(0,_lodash().slice)(filteredLogs,offset,limit+(offset||0))),filteredLogs}stringify(){return JSON.stringify({id:this.id,head:this.head})}get displayName(){return this.id.name.split("-").map(token=>(0,_toolboxString().capitalize)(token)).join(" ")}tag(version){}isModified(){return this.factory.isModified(this)}isOutdated(){var _this$head;if(!this.latest)return!1;const latestTag=this.tags.byVersion(this.latest);return latestTag?((_this$head=this.head)===null||_this$head===void 0?void 0:_this$head.hash)!==latestTag?.hash:!1}isNew(){return Promise.resolve(this.head===null)}loadState(snapId){return this.factory.getState(this.id,snapId)}loadSnap(snapId){var _this$head2;const snapToGet=snapId||((_this$head2=this.head)===null||_this$head2===void 0?void 0:_this$head2.hash);if(!snapToGet)throw new(_bitError()).BitError("could not load snap for new components");return this.factory.getSnap(this.id,snapToGet)}snapsIterable(snapId,options={}){var _this$head3;const snapToStart=snapId||((_this$head3=this.head)===null||_this$head3===void 0?void 0:_this$head3.hash);let nextSnaps=[snapToStart],done;snapToStart||(done=!0);const iterator={next:async()=>{if(done)return{value:void 0,done};const currSnapId=nextSnaps.shift(),snap=await this.loadSnap(currSnapId);return snap.parents&&snap.parents.length&&(options.firstParentOnly?nextSnaps.push(snap.parents[0]):nextSnaps=nextSnaps.concat(snap.parents)),nextSnaps.length?options.stopFn&&(done=await options.stopFn(snap)):done=!0,{value:snap,done:void 0}}};return{[Symbol.asyncIterator]:()=>iterator}}async getClosestTag(snapToStartFrom){const tagsHashMap=this.tags.getHashMap(),stopFn=async snap=>!!tagsHashMap.has(snap.hash),iterable=this.snapsIterable(snapToStartFrom,{firstParentOnly:!0,stopFn}),snaps=[];var _iteratorAbruptCompletion=!1,_didIteratorError=!1,_iteratorError;try{for(var _iterator=_asyncIterator(iterable),_step;_iteratorAbruptCompletion=!(_step=await _iterator.next()).done;_iteratorAbruptCompletion=!1){const snap=_step.value;snaps.push(snap)}}catch(err){_didIteratorError=!0,_iteratorError=err}finally{try{_iteratorAbruptCompletion&&_iterator.return!=null&&await _iterator.return()}finally{if(_didIteratorError)throw _iteratorError}}if(snaps.length){const hashOfLastSnap=snaps[snaps.length-1].hash;return tagsHashMap.get(hashOfLastSnap)}}checkout(version){}write(path,fs){}equals(component){return component.id.toString()===this.id.toString()}}exports.Component=Component},72795:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);__webpack_require__(88674),Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentRoute=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}class ComponentRoute{constructor(registerRoute,componentExtension){this.registerRoute=registerRoute,this.componentExtension=componentExtension,(0,_defineProperty2().default)(this,"dynamicRouteRegex","/?[^/@]+/[^~]*"),(0,_defineProperty2().default)(this,"route",`/:componentId(${this.dynamicRouteRegex})/~aspect${this.registerRoute.route}`),(0,_defineProperty2().default)(this,"method",this.registerRoute.method),(0,_defineProperty2().default)(this,"middlewares",this.componentMiddlewares.concat(this.registerRoute.middlewares))}get componentMiddlewares(){return[async(req,res,next)=>{var _this$registerRoute$r;if((_this$registerRoute$r=this.registerRoute.resolveComponent)!==null&&_this$registerRoute$r!==void 0?_this$registerRoute$r:!0){const{componentId}=req.params,host=this.componentExtension.getHost(),compId=await host.resolveComponentId(componentId),component=await host.get(compId);req.component=component}next()}]}}exports.ComponentRoute=ComponentRoute},5075:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;class Config{constructor(main,extensions,legacyProperties){this.main=main,this.extensions=extensions,this.legacyProperties=legacyProperties}}exports.default=Config},90406:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CouldNotFindLatest=void 0;class CouldNotFindLatest extends Error{constructor(semverArray){super(`could not find latest semver in array: ${semverArray.join(", ")}`)}report(){return this.message}}exports.CouldNotFindLatest=CouldNotFindLatest},339:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HostNotFound=void 0;class HostNotFound extends Error{constructor(hostName){super();this.hostName=hostName}toString(){return`[component] error: host '${this.hostName}' was not found`}}exports.HostNotFound=HostNotFound},54428:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CouldNotFindLatest",{enumerable:!0,get:function(){return _couldNotFindLatest().CouldNotFindLatest}}),Object.defineProperty(exports,"HostNotFound",{enumerable:!0,get:function(){return _hostNotFound().HostNotFound}}),Object.defineProperty(exports,"MainFileNotFound",{enumerable:!0,get:function(){return _mainFileNotFound().MainFileNotFound}}),Object.defineProperty(exports,"NothingToSnap",{enumerable:!0,get:function(){return _nothingToSnap().default}});function _nothingToSnap(){const data=_interopRequireDefault(__webpack_require__(83277));return _nothingToSnap=function(){return data},data}function _hostNotFound(){const data=__webpack_require__(339);return _hostNotFound=function(){return data},data}function _couldNotFindLatest(){const data=__webpack_require__(90406);return _couldNotFindLatest=function(){return data},data}function _mainFileNotFound(){const data=__webpack_require__(58904);return _mainFileNotFound=function(){return data},data}},58904:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MainFileNotFound=void 0;class MainFileNotFound extends Error{constructor(id,mainFile){super();this.id=id,this.mainFile=mainFile}toString(){return`[component] error: main file ${this.mainFile} for component ${this.id.toString()} was not found`}}exports.MainFileNotFound=MainFileNotFound},83277:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;class NothingToSnap extends Error{}exports.default=NothingToSnap},72963:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentHostModel=void 0;function _ui(){const data=__webpack_require__(4744);return _ui=function(){return data},data}class ComponentHostModel{constructor(name,components){this.name=name,this.components=components}static from(data){return new ComponentHostModel(data.getHost.name,_ui().ComponentModel.fromArray(data.getHost.list))}}exports.ComponentHostModel=ComponentHostModel},23384:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={useComponentHost:!0};Object.defineProperty(exports,"useComponentHost",{enumerable:!0,get:function(){return _useComponentHost().useComponentHost}});function _useComponentHost(){const data=__webpack_require__(28796);return _useComponentHost=function(){return data},data}var _componentHostModel=__webpack_require__(72963);Object.keys(_componentHostModel).forEach(function(key){key==="default"||key==="__esModule"||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_componentHostModel[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _componentHostModel[key]}})})},28796:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentHost=useComponentHost;function _uiFoundationUiHooks(){const data=__webpack_require__(41646);return _uiFoundationUiHooks=function(){return data},data}function _client(){const data=__webpack_require__(33719);return _client=function(){return data},data}function _componentHostModel(){const data=__webpack_require__(72963);return _componentHostModel=function(){return data},data}const COMPONENT_HOST=(0,_client().gql)`
44
+ `;function useFetchDocs(componentId){const variables={id:componentId},request=(0,graphql_hooks_use_query_light_1.useQuery)(DOCS_QUERY,{variables,server:GQL_SERVER});return(0,react_1.useMemo)(()=>{var _a;return Object.assign(Object.assign({},request),{data:request.data&&{docs:(_a=request.data)===null||_a===void 0?void 0:_a.getHost.getDocs}})},[request])}exports.useFetchDocs=useFetchDocs},43206:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{VersionDropdown:()=>VersionDropdown});var react=__webpack_require__(67294),dist=__webpack_require__(24705),evangelist_surfaces_dropdown_dist=__webpack_require__(67963),ui_foundation_ui_use_box_tab_dist=__webpack_require__(58845),classnames2=__webpack_require__(6894),classnames_default=__webpack_require__.n(classnames2);const styles_module={defaultAvatarBgColor:"ededed",avatar:"styles_avatar__2EwCK",letter:"styles_letter__31VOa",orgDefault:"styles_orgDefault__1TsW4",avatarImg:"styles_avatarImg__1fJqq",soloAvatarIcon:"styles_soloAvatarIcon__2XAN_",default:"styles_default__1-pm7"};var __rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};function default_avatar_DefaultAvatar(props){const{size,className}=props,rest=__rest(props,["size","className"]);return React.createElement("div",Object.assign({className:classNames(styles.default,styles.avatar,className),style:{width:`${size}px`,height:`${size}px`,fontSize:`${size*.35}px`,lineHeight:`${size}px`}},rest),"?")}var toolbox_url_add_avatar_query_params_dist=__webpack_require__(85083),org_avatar_rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};function org_avatar_OrgAvatar(_a){var{account,size,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName}=_a,rest=org_avatar_rest(_a,["account","size","imageSize","fontSize","className","imgClassName"]);const{profileImage=""}=account,profileImageWithParams=addAvatarQueryParams(profileImage,imageSize,styles.defaultAvatarBgColor);return React.createElement("div",Object.assign({className:classNames(styles.default,styles.avatar,className),style:{width:`${size}px`,height:`${size}px`}},rest),profileImageWithParams&&React.createElement("img",{src:profileImageWithParams,className:classNames(styles.avatarImg,imgClassName)}),React.createElement("span",{className:styles.defaultAvatar},React.createElement("i",{className:"bitcon-organization",style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}})))}var design_elements_icon_dist=__webpack_require__(87055),toolbox_string_get_initials_dist=__webpack_require__(71987),design_ui_styles_colors_by_letter_dist=__webpack_require__(71559),design_ui_styles_ellipsis_dist=__webpack_require__(7261),design_ui_tooltip_dist=__webpack_require__(93976),user_avatar_rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};function user_avatar_UserAvatar(_a){var{account,size,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,showTooltip=!1}=_a,rest=user_avatar_rest(_a,["account","size","imageSize","fontSize","className","imgClassName","showTooltip"]);const{profileImage="",name="",displayName=""}=account,firstLetter=name[0]||displayName[0],profileImageWithParams=(0,toolbox_url_add_avatar_query_params_dist.a)(profileImage,imageSize,styles_module.defaultAvatarBgColor),colors=firstLetter&&design_ui_styles_colors_by_letter_dist.letterBgColors[firstLetter.toLowerCase()],avatar=react.createElement("div",Object.assign({className:classnames_default()(colors,styles_module.avatar,className),style:{width:`${size}px`,height:`${size}px`}},rest),profileImageWithParams&&react.createElement("img",{src:profileImageWithParams,className:classnames_default()(styles_module.avatarImg,imgClassName)}),(displayName||name)&&react.createElement("span",{className:styles_module.letter,style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}},(0,toolbox_string_get_initials_dist.Q)(displayName||name)),!displayName&&!name&&!profileImageWithParams&&!firstLetter&&react.createElement(design_elements_icon_dist.J,{of:"solo-avatar",style:{fontSize:`${size}px`},className:classnames_default()(styles_module.avatarImg,styles_module.soloAvatarIcon)}));return showTooltip?react.createElement(design_ui_tooltip_dist.Tooltip,{placement:"bottom",content:react.createElement("div",{className:design_ui_styles_ellipsis_dist.ellipsis},displayName?react.createElement(react.Fragment,null,displayName," (@",name,")"):react.createElement(react.Fragment,null,"@",name))},avatar):avatar}var AccountTypes;(function(AccountTypes2){AccountTypes2.org="organization",AccountTypes2.user="user",AccountTypes2.default="default"})(AccountTypes||(AccountTypes={}));function Avatar(props){const{account}=props;switch(account.accountType){case AccountTypes.user:return React.createElement(UserAvatar,Object.assign({},props));case AccountTypes.org:return React.createElement(OrgAvatar,Object.assign({},props));default:return React.createElement(DefaultAvatar,Object.assign({},props))}}var base_ui_loaders_skeleton_dist=__webpack_require__(99870),node_modules_classnames=__webpack_require__(94184),node_modules_classnames_default=__webpack_require__.n(node_modules_classnames);const version_dropdown_module={versionDropdown:"version-dropdown_versionDropdown__26zMI",menu:"version-dropdown_menu__3gzq4",title:"version-dropdown_title__3hQ6s",titleContainer:"version-dropdown_titleContainer__3HByT",versionContainer:"version-dropdown_versionContainer__h0FXY",versionRow:"version-dropdown_versionRow__33k0f",localVersion:"version-dropdown_localVersion__1_Kj1",versionTimestamp:"version-dropdown_versionTimestamp__2slIn",versionUserAvatar:"version-dropdown_versionUserAvatar__28p6g",laneIcon:"version-dropdown_laneIcon__3wXox",version:"version-dropdown_version__32b-4",versionName:"version-dropdown_versionName__1MBcM",withVersions:"version-dropdown_withVersions__3soV6",tabs:"version-dropdown_tabs__2kYKG",tab:"version-dropdown_tab__3dSKy",loading:"version-dropdown_loading__VHpGU"};var design_ui_time_ago_dist=__webpack_require__(59453),component_ui_version_label_dist=__webpack_require__(94726),_teambit_design_ui_styles_ellipsis_dist=__webpack_require__(31944);const version_info_module={versionRow:"version-info_versionRow__sk5Vp",versionTimestamp:"version-info_versionTimestamp__m888-",versionUserAvatar:"version-info_versionUserAvatar__l37Sw",laneIcon:"version-info_laneIcon__2hi5u",version:"version-info_version__2P46N",versionName:"version-info_versionName__1u2vs",tag:"version-info_tag__uQwSb",snap:"version-info_snap__4jCW6",commitMessage:"version-info_commitMessage__21dib",emptyMessage:"version-info_emptyMessage__1gMR5"};function VersionInfo({version,currentVersion,latestVersion,date,username,email,overrideVersionHref,showDetails,message,tag}){const isCurrent=version===currentVersion,author=(0,react.useMemo)(()=>({displayName:username,email}),[version]),timestamp=(0,react.useMemo)(()=>date?new Date(parseInt(date)).toString():new Date().toString(),[date]),currentVersionRef=(0,react.useRef)(null);(0,react.useEffect)(()=>{var _a;isCurrent&&((_a=currentVersionRef.current)===null||_a===void 0||_a.scrollIntoView({block:"nearest"}))},[isCurrent]);const href=overrideVersionHref?overrideVersionHref(version):`?version=${version}`;return react.createElement("div",{ref:currentVersionRef},react.createElement(dist.O,{active:isCurrent,href,className:version_info_module.versionRow},react.createElement("div",{className:version_info_module.version},react.createElement(user_avatar_UserAvatar,{size:24,account:author,className:version_info_module.versionUserAvatar,showTooltip:!0}),react.createElement(_teambit_design_ui_styles_ellipsis_dist.Ellipsis,{className:node_modules_classnames_default()(version_info_module.versionName,tag&&version_info_module.tag,!tag&&version_info_module.snap)},version),version===latestVersion&&react.createElement(component_ui_version_label_dist.fv,{className:version_info_module.label,status:"latest"}),showDetails&&commitMessage(message)),react.createElement(_teambit_design_ui_styles_ellipsis_dist.Ellipsis,{className:version_info_module.versionTimestamp},react.createElement(design_ui_time_ago_dist.b,{date:timestamp}))))}function commitMessage(message){return!message||message===""?react.createElement(_teambit_design_ui_styles_ellipsis_dist.Ellipsis,{className:version_info_module.emptyMessage},"No commit message"):react.createElement(_teambit_design_ui_styles_ellipsis_dist.Ellipsis,{className:version_info_module.commitMessage},message)}var lanes_ui_models_lanes_model_dist=__webpack_require__(97223),evangelist_elements_icon_dist=__webpack_require__(54560);const lane_info_module={versionRow:"lane-info_versionRow__1ALU1",versionTimestamp:"lane-info_versionTimestamp__2BmOW",versionUserAvatar:"lane-info_versionUserAvatar__3gd_r",laneIcon:"lane-info_laneIcon__mdCcY",version:"lane-info_version__Q2Rmg",versionName:"lane-info_versionName__1Rjli"};function LaneInfo({id,currentLane}){const isCurrent=currentLane&&id.isEqual(currentLane.id);return react.createElement("div",{key:id.toString()},react.createElement(dist.O,{active:isCurrent,href:lanes_ui_models_lanes_model_dist.LanesModel.getLaneUrl(id),className:lane_info_module.versionRow},react.createElement("span",null,react.createElement(evangelist_elements_icon_dist.Icon,{className:lane_info_module.laneIcon,of:"lane"}),id.toString())))}const version_dropdown_placeholder_module={simple:"version-dropdown-placeholder_simple__TwjFa",disabled:"version-dropdown-placeholder_disabled__1TpJK",versionName:"version-dropdown-placeholder_versionName__NFtt9",tag:"version-dropdown-placeholder_tag__3OGTV",snap:"version-dropdown-placeholder_snap__UlXii",detailed:"version-dropdown-placeholder_detailed__3GVrd",commitMessage:"version-dropdown-placeholder_commitMessage__1-G6n",emptyMessage:"version-dropdown-placeholder_emptyMessage__N5DBl",author:"version-dropdown-placeholder_author__2d5Su",versionTimestamp:"version-dropdown-placeholder_versionTimestamp__KWn2v",versionUserAvatar:"version-dropdown-placeholder_versionUserAvatar__2M3Z2"},getVersionDetailFromTags=(version,tags)=>tags.find(tag=>tag.tag===version),getVersionDetailFromSnaps=(version,snaps)=>(snaps||[]).find(snap=>snap.hash===version),getVersionDetails=(version,tags,snaps)=>version==="workspace"||version==="new"?{version}:getVersionDetailFromTags(version,tags)||getVersionDetailFromSnaps(version,snaps);function SimpleVersion({currentVersion,className,disabled,tags,snaps}){const showArrowDown=(0,react.useMemo)(()=>(snaps||[]).concat(tags).length>1,[tags,snaps]),versionDetails=(0,react.useMemo)(()=>getVersionDetails(currentVersion,tags,snaps),[currentVersion,tags,snaps]);return react.createElement("div",{className:node_modules_classnames_default()(version_dropdown_placeholder_module.simple,className,disabled&&version_dropdown_placeholder_module.disabled)},react.createElement(_teambit_design_ui_styles_ellipsis_dist.Ellipsis,{className:node_modules_classnames_default()(version_dropdown_placeholder_module.versionName,versionDetails?.tag&&version_dropdown_placeholder_module.tag,!versionDetails?.tag&&version_dropdown_placeholder_module.snap)},currentVersion),showArrowDown&&react.createElement(evangelist_elements_icon_dist.Icon,{of:"fat-arrow-down"}))}function DetailedVersion({currentVersion,className,disabled,snaps,tags}){const showArrowDown=useMemo(()=>(snaps||[]).concat(tags).length>1,[tags,snaps]),versionDetails=useMemo(()=>getVersionDetails(currentVersion,tags,snaps),[currentVersion,tags,snaps]),timestamp=useMemo(()=>versionDetails?.date?new Date(parseInt(versionDetails.date)).toString():new Date().toString(),[versionDetails?.date]),author=useMemo(()=>({displayName:versionDetails?.username,email:versionDetails?.email}),[versionDetails]);return React.createElement("div",{className:classNames(styles.detailed,className,disabled&&styles.disabled)},React.createElement(UserAvatar,{size:24,account:author,className:styles.versionUserAvatar,showTooltip:!0}),React.createElement(Ellipsis,{className:classNames(styles.versionName,versionDetails?.tag&&styles.tag,!versionDetails?.tag&&styles.snap)},currentVersion),version_dropdown_placeholder_commitMessage(versionDetails?.message),React.createElement(Ellipsis,{className:styles.versionTimestamp},React.createElement(TimeAgo,{date:timestamp})),showArrowDown&&React.createElement(Icon,{of:"fat-arrow-down"}))}function version_dropdown_placeholder_commitMessage(message){return!message||message===""?React.createElement(Ellipsis,{className:styles.emptyMessage},"No commit message"):React.createElement(Ellipsis,{className:styles.commitMessage},message)}var version_dropdown_rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t};const LOCAL_VERSION="workspace";function VersionDropdown(_a){var{snaps,tags,lanes,currentVersion,latestVersion,localVersion,loading,currentLane,overrideVersionHref,className,placeholderClassName,dropdownClassName,menuClassName,showVersionDetails,disabled,placeholderComponent=react.createElement(SimpleVersion,{disabled,snaps,tags,className:placeholderClassName,currentVersion})}=_a,rest=version_dropdown_rest(_a,["snaps","tags","lanes","currentVersion","latestVersion","localVersion","loading","currentLane","overrideVersionHref","className","placeholderClassName","dropdownClassName","menuClassName","showVersionDetails","disabled","placeholderComponent"]);const[key,setKey]=(0,react.useState)(0),singleVersion=(snaps||[]).concat(tags).length<2&&!localVersion;return disabled||singleVersion&&!loading?react.createElement("div",{className:node_modules_classnames_default()(version_dropdown_module.noVersions,className)},placeholderComponent):react.createElement("div",Object.assign({},rest,{className:node_modules_classnames_default()(version_dropdown_module.versionDropdown,className)}),react.createElement(evangelist_surfaces_dropdown_dist.Dropdown,{className:node_modules_classnames_default()(version_dropdown_module.dropdown,dropdownClassName),dropClass:node_modules_classnames_default()(version_dropdown_module.menu,menuClassName),clickToggles:!1,clickPlaceholderToggles:!0,onChange:(_e,open)=>open&&setKey(x=>x+1),PlaceholderComponent:_a2=>{var{children}=_a2,other=version_dropdown_rest(_a2,["children"]);return react.createElement("div",Object.assign({},other,{className:placeholderClassName}),children)},placeholder:placeholderComponent},loading&&react.createElement(base_ui_loaders_skeleton_dist.LineSkeleton,{className:version_dropdown_module.loading,count:6}),loading||react.createElement(VersionMenu,{className:menuClassName,key,tags,snaps,lanes,currentVersion,latestVersion,localVersion,currentLane,overrideVersionHref,showVersionDetails})))}const VERSION_TAB_NAMES=["TAG","SNAP","LANE"];function VersionMenu(_a){var{tags,snaps,lanes,currentVersion,localVersion,latestVersion,currentLane,overrideVersionHref,showVersionDetails}=_a,rest=version_dropdown_rest(_a,["tags","snaps","lanes","currentVersion","localVersion","latestVersion","currentLane","overrideVersionHref","showVersionDetails"]);const tabs=VERSION_TAB_NAMES.map(name=>{switch(name){case"SNAP":return{name,payload:snaps||[]};case"LANE":return{name,payload:lanes||[]};default:return{name,payload:tags||[]}}}).filter(tab=>tab.payload.length>0),getActiveTabIndex=()=>currentLane?.components.some(c=>c.version===currentVersion)?tabs.findIndex(tab=>tab.name==="LANE"):(snaps||[]).some(snap=>snap.version===currentVersion)?tabs.findIndex(tab=>tab.name==="SNAP"):0,[activeTabIndex,setActiveTab]=(0,react.useState)(getActiveTabIndex()),multipleTabs=tabs.length>1,message=multipleTabs?"Switch to view tags, snaps, or lanes":`Switch between ${tabs[0].name.toLocaleLowerCase()}s`;return react.createElement("div",Object.assign({},rest),react.createElement("div",{className:version_dropdown_module.top},react.createElement("div",{className:node_modules_classnames_default()(version_dropdown_module.titleContainer,version_dropdown_module.title)},message),localVersion&&react.createElement(dist.O,{href:"?",active:currentVersion===LOCAL_VERSION,className:node_modules_classnames_default()(version_dropdown_module.versionRow,version_dropdown_module.localVersion)},react.createElement("div",{className:version_dropdown_module.version},react.createElement(user_avatar_UserAvatar,{size:24,account:{},className:version_dropdown_module.versionUserAvatar}),react.createElement("span",{className:version_dropdown_module.versionName},LOCAL_VERSION)))),react.createElement("div",{className:node_modules_classnames_default()(multipleTabs&&version_dropdown_module.tabs)},multipleTabs&&tabs.map(({name},index)=>react.createElement(ui_foundation_ui_use_box_tab_dist.Tab,{className:version_dropdown_module.tab,key:name,isActive:activeTabIndex===index,onClick:()=>setActiveTab(index)},name))),react.createElement("div",{className:version_dropdown_module.versionContainer},tabs[activeTabIndex].name==="LANE"&&tabs[activeTabIndex].payload.map(payload=>react.createElement(LaneInfo,Object.assign({key:payload.id,currentLane},payload))),tabs[activeTabIndex].name!=="LANE"&&tabs[activeTabIndex].payload.map(payload=>react.createElement(VersionInfo,Object.assign({key:payload.version,currentVersion,latestVersion,overrideVersionHref,showDetails:showVersionDetails},payload)))))}},94726:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=exports.fv=void 0;var version_label_1=__webpack_require__(84023);Object.defineProperty(exports,"fv",{enumerable:!0,get:function(){return version_label_1.VersionLabel}}),__webpack_unused_export__={enumerable:!0,get:function(){return version_label_1.Labels}},__webpack_unused_export__={enumerable:!0,get:function(){return version_label_1.LabelsProps}}},84023:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Labels=exports.VersionLabel=void 0;const design_ui_pill_label_1=__webpack_require__(25013),classnames_1=__importDefault(__webpack_require__(94184)),react_1=__importDefault(__webpack_require__(67294)),version_label_module_scss_1=__importDefault(__webpack_require__(87880));function VersionLabel(_a){var{status,className}=_a,rest=__rest(_a,["status","className"]);return react_1.default.createElement(design_ui_pill_label_1.PillLabel,Object.assign({},rest,{className:(0,classnames_1.default)(version_label_module_scss_1.default.label,version_label_module_scss_1.default[status],className)}),status.replace(/-/g," "))}exports.VersionLabel=VersionLabel;function Labels({isCurrent,isLatest}){return react_1.default.createElement("div",{className:version_label_module_scss_1.default.labelContainer},isLatest&&react_1.default.createElement(VersionLabel,{className:version_label_module_scss_1.default.versionLabel,status:"latest"}),isCurrent&&react_1.default.createElement(VersionLabel,{className:version_label_module_scss_1.default.versionLabel,status:"current"}),!isLatest&&!isCurrent&&react_1.default.createElement("div",{className:version_label_module_scss_1.default.emptyLabel}))}exports.Labels=Labels},69301:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AspectEntry=void 0;class AspectEntry{constructor(id,legacyEntry){this.id=id,this.legacyEntry=legacyEntry}get legacy(){return this.legacyEntry}get isLegacy(){var _this$config;return!!((_this$config=this.config)!==null&&_this$config!==void 0&&_this$config.__legacy)}get config(){return this.legacy.config}set config(config){this.legacy.config=config}get data(){return this.legacy.data}get isRemoved(){return this.legacy.isRemoved}set data(val){this.legacy.data=val}transform(newData){const newEntry=this.clone();return newEntry.data=newData,new AspectEntry(this.id,newEntry.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"}}}exports.AspectEntry=AspectEntry},11846:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _anyFs(){const data=__webpack_require__(79744);return _anyFs=function(){return data},data}function _eol(){const data=__webpack_require__(58225);return _eol=function(){return data},data}function _path(){const data=_interopRequireDefault(__webpack_require__(26470));return _path=function(){return data},data}function _toolboxPath(){const data=__webpack_require__(31461);return _toolboxPath=function(){return data},data}class ComponentFS extends _anyFs().MemoryFS{constructor(files){super();this.files=files}get hash(){return""}byRegex(extension){return this.files.filter(file=>file.path.match(extension))}byGlob(patterns){const{includePatterns,excludePatterns}=(0,_toolboxPath().splitPatterns)(patterns);return this.files.filter(file=>(0,_toolboxPath().matchPatterns)(file.relative,includePatterns,excludePatterns))}toObject(){return this.files.map(file=>({path:file.path,contents:file.contents}))}static fromVinyls(files){const fs=new ComponentFS(files);return files.forEach(file=>{let dirPath=file.relativeDir;dirPath.startsWith("/")||(dirPath=_path().default.join("/",dirPath)),fs.mkdirpSync(dirPath),fs.writeFileSync(`/${file.relative}`,(0,_eol().auto)(file.contents||""))}),fs}}exports.default=ComponentFS},87690:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(66992),__webpack_require__(88674),Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMap=void 0;class ComponentMap{constructor(hashMap){this.hashMap=hashMap}byComponent(component){return this.hashMap.get(component.id.toString())}get components(){return this.toArray().map(([component])=>component)}get(component){return this.hashMap.get(component.id.toString())}getValueByComponentId(componentId){const tuple=this.hashMap.get(componentId.toString());return tuple?tuple[1]:null}toArray(){return Array.from(this.hashMap.values())}map(predicate){const tuples=this.toArray().map(([component,value])=>{const newValue=predicate(value,component);return[component.id.toString(),[component,newValue]]});return new ComponentMap(new Map(tuples))}async asyncMap(predicate){const tuplesP=this.toArray().map(async([component,value])=>{const newValue=await predicate(value,component);return[component.id.toString(),[component,newValue]]}),tuples=await Promise.all(tuplesP);return new ComponentMap(new Map(tuples))}forEach(predicate){this.toArray().forEach(([component,value])=>{predicate(value,component)})}flattenValue(){return this.toArray().reduce((acc,[,value])=>(acc=acc.concat(value),acc),[])}filter(predicate){const asMap=this.toArray().filter(([,value])=>predicate(value)).map(([component,value])=>[component.id.toString(),[component,value]]);return new ComponentMap(new Map(asMap))}keys(){return this.hashMap.keys()}static create(rawMap){const newMap=rawMap.map(([component,data])=>[component.id.toString(),[component,data]]);return new ComponentMap(new Map(newMap))}static as(components,predicate){const tuples=components.map(component=>[component.id.toString(),[component,predicate(component)]]);return new ComponentMap(new Map(tuples))}}exports.ComponentMap=ComponentMap},12178:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}});function _componentMap(){const data=__webpack_require__(87690);return _componentMap=function(){return data},data}},42259:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ComponentAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const ComponentAspect=_harmony().Aspect.create({id:"teambit.component/component",dependencies:[],defaultConfig:{}});exports.ComponentAspect=ComponentAspect;var _default=ComponentAspect;exports.default=_default},60195:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(41817),__webpack_require__(72443),__webpack_require__(66992),__webpack_require__(2707),__webpack_require__(88674),__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=void 0;function _toolboxString(){const data=__webpack_require__(58315);return _toolboxString=function(){return data},data}function _bitError(){const data=__webpack_require__(93902);return _bitError=function(){return data},data}function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _tagMap(){const data=__webpack_require__(50310);return _tagMap=function(){return data},data}function _exceptions(){const data=__webpack_require__(54428);return _exceptions=function(){return data},data}function _asyncIterator(iterable){var method,async,sync,retry=2;for(typeof Symbol<"u"&&(async=Symbol.asyncIterator,sync=Symbol.iterator);retry--;){if(async&&(method=iterable[async])!=null)return method.call(iterable);if(sync&&(method=iterable[sync])!=null)return new AsyncFromSyncIterator(method.call(iterable));async="@@asyncIterator",sync="@@iterator"}throw new TypeError("Object is not async iterable")}function AsyncFromSyncIterator(s){function AsyncFromSyncIteratorContinuation(r){if(Object(r)!==r)return Promise.reject(new TypeError(r+" is not an object."));var done=r.done;return Promise.resolve(r.value).then(function(value){return{value,done}})}return AsyncFromSyncIterator=function(s2){this.s=s2,this.n=s2.next},AsyncFromSyncIterator.prototype={s:null,n:null,next:function(){return AsyncFromSyncIteratorContinuation(this.n.apply(this.s,arguments))},return:function(value){var ret=this.s.return;return ret===void 0?Promise.resolve({value,done:!0}):AsyncFromSyncIteratorContinuation(ret.apply(this.s,arguments))},throw:function(value){var thr=this.s.return;return thr===void 0?Promise.reject(value):AsyncFromSyncIteratorContinuation(thr.apply(this.s,arguments))}},new AsyncFromSyncIterator(s)}class Component{constructor(id,head=null,_state,tags=new(_tagMap()).TagMap,factory){this.id=id,this.head=head,this._state=_state,this.tags=tags,this.factory=factory}get mainFile(){return this.state.mainFile}get state(){return this._state}set state(state){this._state=state}get config(){return this.state.config}get filesystem(){return this.state.filesystem}get buildStatus(){return this._state._consumer.buildStatus}get headTag(){if(!!this.head)return this.tags.byHash(this.head.hash)}get latest(){if(!!this.head)try{return this.tags.getLatest()}catch(err){if(err instanceof _exceptions().CouldNotFindLatest)return this.head.hash;throw err}}get(id){var _this$state$aspects$g;return(_this$state$aspects$g=this.state.aspects.get(id))===null||_this$state$aspects$g===void 0?void 0:_this$state$aspects$g.serialize()}async getLogs(filter){const allLogs=await this.factory.getLogs(this.id,!1,filter?.head);if(!filter)return allLogs;const{type,limit,offset,sort}=filter,typeFilter=snap=>type==="tag"?snap.tag:type==="snap"?!snap.tag:!0;let filteredLogs=type&&allLogs.filter(typeFilter)||allLogs;return sort!=="asc"&&(filteredLogs=filteredLogs.reverse()),limit&&(filteredLogs=(0,_lodash().slice)(filteredLogs,offset,limit+(offset||0))),filteredLogs}stringify(){return JSON.stringify({id:this.id,head:this.head})}get displayName(){return this.id.name.split("-").map(token=>(0,_toolboxString().capitalize)(token)).join(" ")}tag(version){}isModified(){return this.factory.isModified(this)}isOutdated(){var _this$head;if(!this.latest)return!1;const latestTag=this.tags.byVersion(this.latest);return latestTag?((_this$head=this.head)===null||_this$head===void 0?void 0:_this$head.hash)!==latestTag?.hash:!1}isNew(){return Promise.resolve(this.head===null)}loadState(snapId){return this.factory.getState(this.id,snapId)}loadSnap(snapId){var _this$head2;const snapToGet=snapId||((_this$head2=this.head)===null||_this$head2===void 0?void 0:_this$head2.hash);if(!snapToGet)throw new(_bitError()).BitError("could not load snap for new components");return this.factory.getSnap(this.id,snapToGet)}snapsIterable(snapId,options={}){var _this$head3;const snapToStart=snapId||((_this$head3=this.head)===null||_this$head3===void 0?void 0:_this$head3.hash);let nextSnaps=[snapToStart],done;snapToStart||(done=!0);const iterator={next:async()=>{if(done)return{value:void 0,done};const currSnapId=nextSnaps.shift(),snap=await this.loadSnap(currSnapId);return snap.parents&&snap.parents.length&&(options.firstParentOnly?nextSnaps.push(snap.parents[0]):nextSnaps=nextSnaps.concat(snap.parents)),nextSnaps.length?options.stopFn&&(done=await options.stopFn(snap)):done=!0,{value:snap,done:void 0}}};return{[Symbol.asyncIterator]:()=>iterator}}async getClosestTag(snapToStartFrom){const tagsHashMap=this.tags.getHashMap(),stopFn=async snap=>!!tagsHashMap.has(snap.hash),iterable=this.snapsIterable(snapToStartFrom,{firstParentOnly:!0,stopFn}),snaps=[];var _iteratorAbruptCompletion=!1,_didIteratorError=!1,_iteratorError;try{for(var _iterator=_asyncIterator(iterable),_step;_iteratorAbruptCompletion=!(_step=await _iterator.next()).done;_iteratorAbruptCompletion=!1){const snap=_step.value;snaps.push(snap)}}catch(err){_didIteratorError=!0,_iteratorError=err}finally{try{_iteratorAbruptCompletion&&_iterator.return!=null&&await _iterator.return()}finally{if(_didIteratorError)throw _iteratorError}}if(snaps.length){const hashOfLastSnap=snaps[snaps.length-1].hash;return tagsHashMap.get(hashOfLastSnap)}}checkout(version){}write(path,fs){}equals(component){return component.id.toString()===this.id.toString()}}exports.Component=Component},72795:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);__webpack_require__(88674),Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentRoute=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}class ComponentRoute{constructor(registerRoute,componentExtension){this.registerRoute=registerRoute,this.componentExtension=componentExtension,(0,_defineProperty2().default)(this,"dynamicRouteRegex","/?[^/@]+/[^~]*"),(0,_defineProperty2().default)(this,"route",`/:componentId(${this.dynamicRouteRegex})/~aspect${this.registerRoute.route}`),(0,_defineProperty2().default)(this,"method",this.registerRoute.method),(0,_defineProperty2().default)(this,"middlewares",this.componentMiddlewares.concat(this.registerRoute.middlewares))}get componentMiddlewares(){return[async(req,res,next)=>{var _this$registerRoute$r;if((_this$registerRoute$r=this.registerRoute.resolveComponent)!==null&&_this$registerRoute$r!==void 0?_this$registerRoute$r:!0){const{componentId}=req.params,host=this.componentExtension.getHost(),compId=await host.resolveComponentId(componentId),component=await host.get(compId);req.component=component}next()}]}}exports.ComponentRoute=ComponentRoute},5075:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;class Config{constructor(main,extensions,legacyProperties){this.main=main,this.extensions=extensions,this.legacyProperties=legacyProperties}}exports.default=Config},90406:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CouldNotFindLatest=void 0;class CouldNotFindLatest extends Error{constructor(semverArray){super(`could not find latest semver in array: ${semverArray.join(", ")}`)}report(){return this.message}}exports.CouldNotFindLatest=CouldNotFindLatest},339:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HostNotFound=void 0;class HostNotFound extends Error{constructor(hostName){super();this.hostName=hostName}toString(){return`[component] error: host '${this.hostName}' was not found`}}exports.HostNotFound=HostNotFound},54428:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CouldNotFindLatest",{enumerable:!0,get:function(){return _couldNotFindLatest().CouldNotFindLatest}}),Object.defineProperty(exports,"HostNotFound",{enumerable:!0,get:function(){return _hostNotFound().HostNotFound}}),Object.defineProperty(exports,"MainFileNotFound",{enumerable:!0,get:function(){return _mainFileNotFound().MainFileNotFound}}),Object.defineProperty(exports,"NothingToSnap",{enumerable:!0,get:function(){return _nothingToSnap().default}});function _nothingToSnap(){const data=_interopRequireDefault(__webpack_require__(83277));return _nothingToSnap=function(){return data},data}function _hostNotFound(){const data=__webpack_require__(339);return _hostNotFound=function(){return data},data}function _couldNotFindLatest(){const data=__webpack_require__(90406);return _couldNotFindLatest=function(){return data},data}function _mainFileNotFound(){const data=__webpack_require__(58904);return _mainFileNotFound=function(){return data},data}},58904:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MainFileNotFound=void 0;class MainFileNotFound extends Error{constructor(id,mainFile){super();this.id=id,this.mainFile=mainFile}toString(){return`[component] error: main file ${this.mainFile} for component ${this.id.toString()} was not found`}}exports.MainFileNotFound=MainFileNotFound},83277:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;class NothingToSnap extends Error{}exports.default=NothingToSnap},72963:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentHostModel=void 0;function _ui(){const data=__webpack_require__(4744);return _ui=function(){return data},data}class ComponentHostModel{constructor(name,components){this.name=name,this.components=components}static from(data){return new ComponentHostModel(data.getHost.name,_ui().ComponentModel.fromArray(data.getHost.list))}}exports.ComponentHostModel=ComponentHostModel},23384:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={useComponentHost:!0};Object.defineProperty(exports,"useComponentHost",{enumerable:!0,get:function(){return _useComponentHost().useComponentHost}});function _useComponentHost(){const data=__webpack_require__(28796);return _useComponentHost=function(){return data},data}var _componentHostModel=__webpack_require__(72963);Object.keys(_componentHostModel).forEach(function(key){key==="default"||key==="__esModule"||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_componentHostModel[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _componentHostModel[key]}})})},28796:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentHost=useComponentHost;function _uiFoundationUiHooks(){const data=__webpack_require__(41646);return _uiFoundationUiHooks=function(){return data},data}function _client(){const data=__webpack_require__(33719);return _client=function(){return data},data}function _componentHostModel(){const data=__webpack_require__(72963);return _componentHostModel=function(){return data},data}const COMPONENT_HOST=(0,_client().gql)`
45
45
  {
46
46
  getHost {
47
47
  id # used for GQL caching
@@ -62,7 +62,7 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
62
62
  }
63
63
  }
64
64
  }
65
- `;function useComponentHost(){const{data,loading}=(0,_uiFoundationUiHooks().useDataQuery)(COMPONENT_HOST);return!data||loading?{}:{host:_componentHostModel().ComponentHostModel.from(data)}}},68211:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AspectData",{enumerable:!0,get:function(){return _aspectEntry().AspectData}}),Object.defineProperty(exports,"AspectEntry",{enumerable:!0,get:function(){return _aspectEntry().AspectEntry}}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menu().CollapsibleMenuNav}}),Object.defineProperty(exports,"Component",{enumerable:!0,get:function(){return _component2().Component}}),Object.defineProperty(exports,"ComponentAspect",{enumerable:!0,get:function(){return _component().ComponentAspect}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _componentContext().ComponentContext}}),Object.defineProperty(exports,"ComponentDescriptorContext",{enumerable:!0,get:function(){return _componentContext().ComponentDescriptorContext}}),Object.defineProperty(exports,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return _context().ComponentDescriptorProvider}}),Object.defineProperty(exports,"ComponentFS",{enumerable:!0,get:function(){return _componentFs().default}}),Object.defineProperty(exports,"ComponentID",{enumerable:!0,get:function(){return _componentId().ComponentID}}),Object.defineProperty(exports,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _context().ComponentProvider}}),Object.defineProperty(exports,"ComponentUrlParams",{enumerable:!0,get:function(){return _component3().ComponentUrlParams}}),Object.defineProperty(exports,"Config",{enumerable:!0,get:function(){return _config().default}}),Object.defineProperty(exports,"ConsumePlugin",{enumerable:!0,get:function(){return _menu().ConsumePlugin}}),Object.defineProperty(exports,"InvalidComponent",{enumerable:!0,get:function(){return _component2().InvalidComponent}}),Object.defineProperty(exports,"MenuNavProps",{enumerable:!0,get:function(){return _menu().MenuNavProps}}),Object.defineProperty(exports,"NavPlugin",{enumerable:!0,get:function(){return _menu().NavPlugin}}),Object.defineProperty(exports,"RegisteredComponentRoute",{enumerable:!0,get:function(){return _component3().RegisteredComponentRoute}}),Object.defineProperty(exports,"ResolveComponentIdFunc",{enumerable:!0,get:function(){return _aspectEntry().ResolveComponentIdFunc}}),Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return _section().Section}}),Object.defineProperty(exports,"Snap",{enumerable:!0,get:function(){return _snap().Snap}}),Object.defineProperty(exports,"SnapProps",{enumerable:!0,get:function(){return _snap().SnapProps}}),Object.defineProperty(exports,"State",{enumerable:!0,get:function(){return _state().State}}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return _tag().Tag}}),Object.defineProperty(exports,"TagMap",{enumerable:!0,get:function(){return _tagMap().TagMap}}),Object.defineProperty(exports,"TagProps",{enumerable:!0,get:function(){return _tag().TagProps}}),Object.defineProperty(exports,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _ui().componentFields}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _ui().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _ui().componentOverviewFields}}),exports.default=void 0,Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _ui().useComponent}}),Object.defineProperty(exports,"useComponentDescriptor",{enumerable:!0,get:function(){return _componentContext().useComponentDescriptor}}),Object.defineProperty(exports,"useComponentHost",{enumerable:!0,get:function(){return _host().useComponentHost}}),Object.defineProperty(exports,"useIdFromLocation",{enumerable:!0,get:function(){return _ui().useIdFromLocation}});function _component(){const data=__webpack_require__(42259);return _component=function(){return data},data}function _host(){const data=__webpack_require__(23384);return _host=function(){return data},data}function _component2(){const data=__webpack_require__(60195);return _component2=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _componentFs(){const data=_interopRequireDefault(__webpack_require__(11846));return _componentFs=function(){return data},data}function _aspectEntry(){const data=__webpack_require__(69301);return _aspectEntry=function(){return data},data}function _snap(){const data=__webpack_require__(8801);return _snap=function(){return data},data}function _tag(){const data=__webpack_require__(13801);return _tag=function(){return data},data}function _state(){const data=__webpack_require__(49784);return _state=function(){return data},data}function _tagMap(){const data=__webpack_require__(50310);return _tagMap=function(){return data},data}function _componentMap(){const data=__webpack_require__(93670);return _componentMap=function(){return data},data}function _section(){const data=__webpack_require__(43986);return _section=function(){return data},data}function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _ui(){const data=__webpack_require__(4744);return _ui=function(){return data},data}function _menu(){const data=__webpack_require__(70820);return _menu=function(){return data},data}function _component3(){const data=__webpack_require__(72795);return _component3=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _config(){const data=_interopRequireDefault(__webpack_require__(5075));return _config=function(){return data},data}var _default=_component().ComponentAspect;exports.default=_default},43986:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return _section().Section}});function _section(){const data=__webpack_require__(5173);return _section=function(){return data},data}},5173:()=>{"use strict"},8801:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Snap=void 0;class Snap{constructor(hash,timestamp,parents,author,message){this.hash=hash,this.timestamp=timestamp,this.parents=parents,this.author=author,this.message=message}static fromObject(snapObject){const parents=snapObject.parents||[];return new Snap(snapObject.hash,new Date(parseInt(snapObject.timestamp)),parents,snapObject.author,snapObject.message)}toObject(){return{timestamp:this.timestamp.getTime().toString(),hash:this.hash,author:this.author,message:this.message,parents:this.parents}}}exports.Snap=Snap},49784:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.State=void 0;function _componentIssues(){const data=__webpack_require__(86853);return _componentIssues=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _exceptions(){const data=__webpack_require__(54428);return _exceptions=function(){return data},data}class State{constructor(config,_aspects,filesystem,dependencies,_consumer){this.config=config,this._aspects=_aspects,this.filesystem=filesystem,this.dependencies=dependencies,this._consumer=_consumer}get mainFile(){const file=this.filesystem.files.find(componentFile=>componentFile.relative===this._consumer.mainFile);if(!file)throw new(_exceptions()).MainFileNotFound(_componentId().ComponentID.fromLegacy(this._consumer.id),this._consumer.mainFile);return file}get hash(){return""}get issues(){var _this$_consumer;return(_this$_consumer=this._consumer).issues||(_this$_consumer.issues=new(_componentIssues()).IssuesList)}get isModified(){return this._consumer._isModified}get aspects(){return this._aspects}set aspects(aspects){this._aspects=aspects}}exports.State=State},50310:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagMap=void 0;function _semverHelper(){const data=__webpack_require__(30755);return _semverHelper=function(){return data},data}function _semver(){const data=__webpack_require__(81249);return _semver=function(){return data},data}function _exceptions(){const data=__webpack_require__(54428);return _exceptions=function(){return data},data}class TagMap extends Map{byHash(hash){return Array.from(this.values()).find(currTag=>currTag.hash===hash)}getPreReleaseLatestTags(){const preReleaseTagsWithAllVersions=this.toArray().reduce((acc,current)=>{var _preReleases$;const preReleases=current.version.prerelease;return!preReleases.length||preReleases.length!==2||typeof preReleases[0]!="string"||(acc[_preReleases$=preReleases[0]]||(acc[_preReleases$]=[])).push(current.version.raw),acc},{});return Object.keys(preReleaseTagsWithAllVersions).reduce((acc,current)=>(acc[current]=(0,_semver().maxSatisfying)(preReleaseTagsWithAllVersions[current],"*",{includePrerelease:!0}),acc),{})}getHashMap(){const res=new Map;return this.forEach(tag=>{res.set(tag.hash,tag)}),res}getLatest(){const versions=this.toArray().map(tag=>tag.version.raw);if(this.isEmpty())throw new(_exceptions()).CouldNotFindLatest(versions);return(0,_semverHelper().getLatestVersion)(versions)}isEmpty(){return this.size===0}toArray(){return Array.from(this.values())}byVersion(version){return this.toArray().map(tag=>tag).find(tag=>tag.version.raw===version)}static fromArray(tags){const tuples=tags.map(tag=>[tag.version,tag]);return new TagMap(tuples)}static empty(){return new TagMap}}exports.TagMap=TagMap},47769:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return _tag().Tag}});function _tag(){const data=__webpack_require__(13801);return _tag=function(){return data},data}},13801:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tag=void 0;function _semver(){const data=__webpack_require__(81249);return _semver=function(){return data},data}class Tag{constructor(hash,version){this.hash=hash,this.version=version}toObject(){return{hash:this.hash,version:this.version.raw}}static fromObject(tag){return new Tag(tag.hash,new(_semver()).SemVer(tag.version))}}exports.Tag=Tag},6315:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentError=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _designUiPages(){const data=__webpack_require__(13794);return _designUiPages=function(){return data},data}function _designUiPages2(){const data=__webpack_require__(31910);return _designUiPages2=function(){return data},data}class ComponentError{constructor(code,message){this.code=code,this.message=message}renderError(){return this.code===404?_react().default.createElement(_designUiPages().NotFoundPage,null):_react().default.createElement(_designUiPages2().ServerErrorPage,null)}}exports.ComponentError=ComponentError},70145:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentError",{enumerable:!0,get:function(){return _componentError().ComponentError}});function _componentError(){const data=__webpack_require__(6315);return _componentError=function(){return data},data}},46265:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(41817),Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentModel=void 0;function _compositions(){const data=__webpack_require__(32552);return _compositions=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _tag(){const data=__webpack_require__(47769);return _tag=function(){return data},data}function _tagMap(){const data=__webpack_require__(50310);return _tagMap=function(){return data},data}class ComponentModel{constructor(id,displayName,packageName,server,compositions,tags,buildStatus,issuesCount,elementsUrl,status,deprecation,environment,description="",labels=[],host,size,latest,preview,logs){this.id=id,this.displayName=displayName,this.packageName=packageName,this.server=server,this.compositions=compositions,this.tags=tags,this.buildStatus=buildStatus,this.issuesCount=issuesCount,this.elementsUrl=elementsUrl,this.status=status,this.deprecation=deprecation,this.environment=environment,this.description=description,this.labels=labels,this.host=host,this.size=size,this.latest=latest,this.preview=preview,this.logs=logs}get version(){return this.id.version?this.id.version:"new"}static from({id,server,displayName,compositions=[],packageName,elementsUrl,tags=[],deprecation,buildStatus,env,status,issuesCount,description,labels,host,latest,preview,size,logs}){return new ComponentModel(_componentId().ComponentID.fromObject(id),displayName,packageName,server,_compositions().Composition.fromArray(compositions),_tagMap().TagMap.fromArray(tags.map(tag=>_tag().Tag.fromObject(tag))),buildStatus,issuesCount,elementsUrl,status,deprecation,env,description,labels,host,size,latest,preview,logs?.map(log=>log??{hash:"[error]",tag:"[error]",message:"",parents:[]}))}static fromArray(componentsProps){return componentsProps.map(rawComponent=>ComponentModel.from(rawComponent))}static empty(){return new ComponentModel(_componentId().ComponentID.fromObject({name:"root",scope:"temp"}),"","",{env:"",url:""},[],_tagMap().TagMap.empty())}}exports.ComponentModel=ComponentModel},77237:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}});function _componentModel(){const data=__webpack_require__(46265);return _componentModel=function(){return data},data}},34146:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=Component;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(5800));return _lodash=function(){return data},data}function _uiFoundationUiReactRouter(){const data=__webpack_require__(28776);return _uiFoundationUiReactRouter=function(){return data},data}function _lodash2(){const data=__webpack_require__(96486);return _lodash2=function(){return data},data}function _componentModule(){const data=_interopRequireDefault(__webpack_require__(33084));return _componentModule=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(68211);return _=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function getComponentIdStr(componentIdStr){return(0,_lodash2().isFunction)(componentIdStr)?componentIdStr():componentIdStr}function Component({routeSlot,overriddenRoutes,containerSlot,host,onComponentChange,componentIdStr,useComponent,path,useComponentFilters}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),_componentIdStr=getComponentIdStr(componentIdStr),componentId=_componentIdStr?_().ComponentID.fromString(_componentIdStr):void 0,resolvedComponentIdStr=path||idFromLocation,useComponentOptions={logFilters:useComponentFilters?.(),customUseComponent:useComponent},{component,componentDescriptor,error}=(0,_useComponent().useComponent)(host,componentId?.toString()||idFromLocation,useComponentOptions);(0,_react().useEffect)(()=>onComponentChange?.(component),[component]),(0,_react().useEffect)(()=>()=>onComponentChange?.(void 0),[]);const pageItems=(0,_react().useMemo)(()=>(0,_lodash().default)(containerSlot?.values()),[containerSlot]),before=(0,_react().useMemo)(()=>pageItems.filter(x=>x.type==="before").map(x=>x.content),[pageItems]),after=(0,_react().useMemo)(()=>pageItems.filter(x=>x.type==="after").map(x=>x.content),[pageItems]);return error?error.renderError():component?_react().default.createElement(_context().ComponentDescriptorProvider,{componentDescriptor},_react().default.createElement(_context().ComponentProvider,{component},before,_react().default.createElement("div",{className:_componentModule().default.container},routeSlot&&_react().default.createElement(_uiFoundationUiReactRouter().SlotRouter,{parentPath:`${resolvedComponentIdStr}/*`,slot:routeSlot,routes:overriddenRoutes})),after)):_react().default.createElement("div",null)}},48841:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentDescriptor=exports.ComponentDescriptorContext=exports.ComponentContext=void 0;function _react(){const data=__webpack_require__(67294);return _react=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}const ComponentContext=(0,_react().createContext)(_componentModel().ComponentModel.empty());exports.ComponentContext=ComponentContext;const ComponentDescriptorContext=(0,_react().createContext)(void 0);exports.ComponentDescriptorContext=ComponentDescriptorContext;const useComponentDescriptor=()=>(0,_react().useContext)(ComponentDescriptorContext);exports.useComponentDescriptor=useComponentDescriptor},9994:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentDescriptorProvider=ComponentDescriptorProvider,exports.ComponentProvider=ComponentProvider;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function ComponentProvider({component,children}){return _react().default.createElement(_componentContext().ComponentContext.Provider,{value:component},children)}function ComponentDescriptorProvider({componentDescriptor,children}){return _react().default.createElement(_componentContext().ComponentDescriptorContext.Provider,{value:componentDescriptor},children)}},58431:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _componentContext().ComponentContext}}),Object.defineProperty(exports,"ComponentDescriptorContext",{enumerable:!0,get:function(){return _componentContext().ComponentDescriptorContext}}),Object.defineProperty(exports,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return _componentProvider().ComponentDescriptorProvider}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _componentProvider().ComponentProvider}}),Object.defineProperty(exports,"useComponentDescriptor",{enumerable:!0,get:function(){return _componentContext().useComponentDescriptor}});function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function _componentProvider(){const data=__webpack_require__(9994);return _componentProvider=function(){return data},data}},4744:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menu().CollapsibleMenuNav}}),Object.defineProperty(exports,"Component",{enumerable:!0,get:function(){return _component().Component}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _context().ComponentContext}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _context().ComponentProvider}}),Object.defineProperty(exports,"ConsumeMethodSlot",{enumerable:!0,get:function(){return _menu().ConsumeMethodSlot}}),Object.defineProperty(exports,"MenuNavProps",{enumerable:!0,get:function(){return _menu().MenuNavProps}}),Object.defineProperty(exports,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _useComponentQuery().componentFields}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _useComponentQuery().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _useComponentQuery().componentOverviewFields}}),Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _useComponent().useComponent}}),Object.defineProperty(exports,"useIdFromLocation",{enumerable:!0,get:function(){return _useComponentFromLocation().useIdFromLocation}});function _menu(){const data=__webpack_require__(70820);return _menu=function(){return data},data}function _component(){const data=__webpack_require__(34146);return _component=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}},70820:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menuNav().CollapsibleMenuNav}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"MenuNavProps",{enumerable:!0,get:function(){return _menuNav().MenuNavProps}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}});function _menuNav(){const data=__webpack_require__(58072);return _menuNav=function(){return data},data}function _menu(){const data=__webpack_require__(23813);return _menu=function(){return data},data}},58072:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);__webpack_require__(66992),__webpack_require__(2707),Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsibleMenuNav=CollapsibleMenuNav;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _extends2(){const data=_interopRequireDefault(__webpack_require__(10434));return _extends2=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _designNavigation(){const data=__webpack_require__(79730);return _designNavigation=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(73161));return _menuModule=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2().default)(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function CollapsibleMenuNav({navigationSlot,widgetSlot,navPlugins=[],widgetPlugins=[],className,secondaryNavClassName,children}){const plugins=(0,_react().useMemo)(()=>((navPlugins.length>0?navPlugins:navigationSlot?.toArray())||[]).sort(sortFn),[navigationSlot,navPlugins]),widgets=(0,_react().useMemo)(()=>((widgetPlugins.length>0?widgetPlugins:widgetSlot?.toArray())||[]).sort(sortFn),[widgetSlot,widgetPlugins]),links=[...plugins,...widgets].map(([id,menuItem],index)=>{const lastPluginStyle=plugins.length-1===index?{marginRight:"auto"}:{},firstWidgetStyle=plugins.length===index?{marginLeft:"auto"}:{};return{component:function({isInMenu}){const widgetDisplayText=menuItem.props.displayName&&isInMenu?menuItem.props.displayName:void 0;return _react().default.createElement(_topBarNav().TopBarNav,(0,_extends2().default)({},menuItem.props,{className:(0,_classnames().default)(menuItem.props.className,_menuModule().default.topBarNav,isInMenu&&_menuModule().default.noBorder),key:id}),widgetDisplayText||menuItem.props.children)},style:_objectSpread(_objectSpread({},firstWidgetStyle),lastPluginStyle),className:menuItem.props.className}});return _react().default.createElement(_designNavigation().ResponsiveNavbar,{navClassName:(0,_classnames().default)(_menuModule().default.tab,className),secondaryNavClassName,style:{width:"100%",height:"100%"},priority:"none",tabs:links},children)}function sortFn([,{order:first}],[,{order:second}]){return(first??0)-(second??0)}},23813:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);__webpack_require__(66992),__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMenu=ComponentMenu,exports.VersionRelatedDropdowns=VersionRelatedDropdowns;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(26068);return _reactRouterDom=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(14220);return _uiFoundationUi=function(){return data},data}function _componentUi(){const data=__webpack_require__(43206);return _componentUi=function(){return data},data}function _uiFoundationUi2(){const data=__webpack_require__(60300);return _uiFoundationUi2=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _uiFoundationUiUseBox(){const data=__webpack_require__(3953);return _uiFoundationUiUseBox=function(){return data},data}function _lanesHooks(){const data=__webpack_require__(33461);return _lanesHooks=function(){return data},data}function _uiFoundationUiUseBox2(){const data=__webpack_require__(2436);return _uiFoundationUiUseBox2=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _menuNav(){const data=__webpack_require__(58072);return _menuNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(73161));return _menuModule=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(68211);return _=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2().default)(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function getComponentIdStr(componentIdStr){return(0,_lodash().isFunction)(componentIdStr)?componentIdStr():componentIdStr}function ComponentMenu({navigationSlot,widgetSlot,className,host,menuItemSlot,consumeMethodSlot,componentIdStr,skipRightSide,RightNode,useComponent,path,useComponentFilters}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),_componentIdStr=getComponentIdStr(componentIdStr),componentId=_componentIdStr?_().ComponentID.fromString(_componentIdStr):void 0,resolvedComponentIdStr=path||idFromLocation,useComponentOptions={logFilters:useComponentFilters?.(),customUseComponent:useComponent},{component}=(0,_useComponent().useComponent)(host,componentId?.toString()||idFromLocation,useComponentOptions),mainMenuItems=(0,_react().useMemo)(()=>(0,_lodash().groupBy)((0,_lodash().flatten)(menuItemSlot.values()),"category"),[menuItemSlot]);if(!component)return _react().default.createElement(_uiFoundationUi2().FullLoader,null);const RightSide=_react().default.createElement("div",{className:_menuModule().default.rightSide},RightNode||_react().default.createElement(_react().default.Fragment,null,_react().default.createElement(VersionRelatedDropdowns,{component,consumeMethods:consumeMethodSlot,host}),_react().default.createElement(_uiFoundationUi().MainDropdown,{className:_menuModule().default.hideOnMobile,menuItems:mainMenuItems})));return _react().default.createElement(_reactRouterDom().Routes,null,_react().default.createElement(_reactRouterDom().Route,{path:`${resolvedComponentIdStr}/*`,element:_react().default.createElement("div",{className:(0,_classnames().default)(_menuModule().default.topBar,className)},_react().default.createElement("div",{className:_menuModule().default.leftSide},_react().default.createElement(_menuNav().CollapsibleMenuNav,{navigationSlot,widgetSlot})),!skipRightSide&&_react().default.createElement("div",{className:_menuModule().default.rightSide},RightSide))}))}function VersionRelatedDropdowns({component,consumeMethods,className,host}){var _lanesModel$viewedLan,_lanesModel$viewedLan2,_lanesModel$getLanesB;const location=(0,_baseReactNavigation().useLocation)(),{lanesModel}=(0,_lanesHooks().useLanes)(),viewedLane=lanesModel!=null&&(_lanesModel$viewedLan=lanesModel.viewedLane)!==null&&_lanesModel$viewedLan!==void 0&&_lanesModel$viewedLan.id&&!(lanesModel!=null&&(_lanesModel$viewedLan2=lanesModel.viewedLane)!==null&&_lanesModel$viewedLan2!==void 0&&_lanesModel$viewedLan2.id.isDefault())?lanesModel.viewedLane:void 0,{logs}=component,isWorkspace=host==="teambit.workspace/workspace",snaps=(0,_react().useMemo)(()=>(logs||[]).filter(log=>!log.tag).map(snap=>_objectSpread(_objectSpread({},snap),{},{version:snap.hash})),[logs]),tags=(0,_react().useMemo)(()=>{var _component$tags;const tagLookup=new Map;return(logs||[]).filter(log=>log.tag).forEach(tag=>{tagLookup.set(tag?.tag,tag)}),(0,_lodash().compact)((_component$tags=component.tags)===null||_component$tags===void 0?void 0:_component$tags.toArray().reverse().map(tag=>tagLookup.get(tag.version.version))).map(tag=>_objectSpread(_objectSpread({},tag),{},{version:tag.tag}))},[logs]),isNew=snaps.length===0&&tags.length===0,lanes=(lanesModel==null||(_lanesModel$getLanesB=lanesModel.getLanesByComponentId(component.id))===null||_lanesModel$getLanesB===void 0?void 0:_lanesModel$getLanesB.filter(lane=>!lane.id.isDefault()))||[],localVersion=isWorkspace&&!isNew&&(!viewedLane||lanesModel?.isViewingCurrentLane()),currentVersion=isWorkspace&&!isNew&&!(location!=null&&location.search.includes("version"))?"workspace":component.version,methods=useConsumeMethods(component,consumeMethods,viewedLane);return _react().default.createElement(_react().default.Fragment,null,consumeMethods&&tags.length>0&&_react().default.createElement(_uiFoundationUiUseBox().UseBoxDropdown,{position:"bottom-end",className:(0,_classnames().default)(_menuModule().default.useBox,_menuModule().default.hideOnMobile),Menu:_react().default.createElement(_uiFoundationUiUseBox2().Menu,{methods,componentName:component.id.name})}),_react().default.createElement(_componentUi().VersionDropdown,{tags,snaps,lanes,localVersion,currentVersion,latestVersion:component.latest,currentLane:viewedLane,className,menuClassName:_menuModule().default.componentVersionMenu}))}function useConsumeMethods(componentModel,consumeMethods,currentLane){return(0,_react().useMemo)(()=>(0,_lodash().flatten)(consumeMethods?.values()).map(method=>{if(!!componentModel)return method?.(componentModel,{currentLane})}).filter(x=>!!x&&x.Component&&x.Title),[consumeMethods,componentModel,currentLane])}},82224:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _topBarNav=__webpack_require__(13264);Object.keys(_topBarNav).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_topBarNav[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _topBarNav[key]}})})},13264:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.TopBarNav=TopBarNav;function _extends2(){const data=_interopRequireDefault(__webpack_require__(10434));return _extends2=function(){return data},data}function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(70215));return _objectWithoutProperties2=function(){return data},data}function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(26068);return _reactRouterDom=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _topBarNavModule(){const data=_interopRequireDefault(__webpack_require__(60673));return _topBarNavModule=function(){return data},data}function TopBarNav(_ref){let{href,className,activeClassName,children,displayName,ignoreQueryParams}=_ref,rest=(0,_objectWithoutProperties2().default)(_ref,["href","className","activeClassName","children","displayName","ignoreQueryParams"]);const{search}=(0,_reactRouterDom().useLocation)(),preventPassingDisplayNameToLink=displayName,target=href&&!ignoreQueryParams&&`${href}${search}`||href;return _react().default.createElement(_baseReactNavigation().Link,(0,_extends2().default)({},rest,{className:(0,_classnames().default)(className,_topBarNavModule().default.topBarLink),activeClassName:(0,_classnames().default)(activeClassName,_topBarNavModule().default.active),href:target}),_react().default.createElement("div",null,children))}},39646:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(66992),__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIdFromLocation=useIdFromLocation;function _reactRouterDom(){const data=__webpack_require__(26068);return _reactRouterDom=function(){return data},data}const componentRegex=/^[\w/-]*[\w-]/;function useIdFromLocation(url){const params=(0,_reactRouterDom().useParams)(),splat=url||params["*"];if(!splat)return;const[maybeOrgWithScope,...maybeFullName]=splat.split("/"),hasScope=maybeOrgWithScope.split(".").length>1,fullNameFromUrl=hasScope?maybeFullName.join("/"):splat;let scope;hasScope&&(scope=maybeOrgWithScope);const match=componentRegex.exec(fullNameFromUrl);if(!!(match!=null&&match[0]))return scope?`${scope}/${match[0]}`:match[0]}},62589:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentOverviewFields=exports.componentIdFields=exports.componentFields=void 0,exports.useComponentQuery=useComponentQuery;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(70215));return _objectWithoutProperties2=function(){return data},data}function _react(){const data=__webpack_require__(67294);return _react=function(){return data},data}function _client(){const data=__webpack_require__(33719);return _client=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(41646);return _uiFoundationUiHooks=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _componentDescriptor(){const data=__webpack_require__(57984);return _componentDescriptor=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _componentError(){const data=__webpack_require__(70145);return _componentError=function(){return data},data}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2().default)(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}const componentIdFields=(0,_client().gql)`
65
+ `;function useComponentHost(){const{data,loading}=(0,_uiFoundationUiHooks().useDataQuery)(COMPONENT_HOST);return!data||loading?{}:{host:_componentHostModel().ComponentHostModel.from(data)}}},68211:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AspectData",{enumerable:!0,get:function(){return _aspectEntry().AspectData}}),Object.defineProperty(exports,"AspectEntry",{enumerable:!0,get:function(){return _aspectEntry().AspectEntry}}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menu().CollapsibleMenuNav}}),Object.defineProperty(exports,"Component",{enumerable:!0,get:function(){return _component2().Component}}),Object.defineProperty(exports,"ComponentAspect",{enumerable:!0,get:function(){return _component().ComponentAspect}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _componentContext().ComponentContext}}),Object.defineProperty(exports,"ComponentDescriptorContext",{enumerable:!0,get:function(){return _componentContext().ComponentDescriptorContext}}),Object.defineProperty(exports,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return _context().ComponentDescriptorProvider}}),Object.defineProperty(exports,"ComponentFS",{enumerable:!0,get:function(){return _componentFs().default}}),Object.defineProperty(exports,"ComponentID",{enumerable:!0,get:function(){return _componentId().ComponentID}}),Object.defineProperty(exports,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _context().ComponentProvider}}),Object.defineProperty(exports,"ComponentUrlParams",{enumerable:!0,get:function(){return _component3().ComponentUrlParams}}),Object.defineProperty(exports,"Config",{enumerable:!0,get:function(){return _config().default}}),Object.defineProperty(exports,"ConsumePlugin",{enumerable:!0,get:function(){return _menu().ConsumePlugin}}),Object.defineProperty(exports,"InvalidComponent",{enumerable:!0,get:function(){return _component2().InvalidComponent}}),Object.defineProperty(exports,"MenuNavProps",{enumerable:!0,get:function(){return _menu().MenuNavProps}}),Object.defineProperty(exports,"NavPlugin",{enumerable:!0,get:function(){return _menu().NavPlugin}}),Object.defineProperty(exports,"RegisteredComponentRoute",{enumerable:!0,get:function(){return _component3().RegisteredComponentRoute}}),Object.defineProperty(exports,"ResolveComponentIdFunc",{enumerable:!0,get:function(){return _aspectEntry().ResolveComponentIdFunc}}),Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return _section().Section}}),Object.defineProperty(exports,"Snap",{enumerable:!0,get:function(){return _snap().Snap}}),Object.defineProperty(exports,"SnapProps",{enumerable:!0,get:function(){return _snap().SnapProps}}),Object.defineProperty(exports,"State",{enumerable:!0,get:function(){return _state().State}}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return _tag().Tag}}),Object.defineProperty(exports,"TagMap",{enumerable:!0,get:function(){return _tagMap().TagMap}}),Object.defineProperty(exports,"TagProps",{enumerable:!0,get:function(){return _tag().TagProps}}),Object.defineProperty(exports,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _ui().componentFields}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _ui().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _ui().componentOverviewFields}}),exports.default=void 0,Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _ui().useComponent}}),Object.defineProperty(exports,"useComponentDescriptor",{enumerable:!0,get:function(){return _componentContext().useComponentDescriptor}}),Object.defineProperty(exports,"useComponentHost",{enumerable:!0,get:function(){return _host().useComponentHost}}),Object.defineProperty(exports,"useIdFromLocation",{enumerable:!0,get:function(){return _ui().useIdFromLocation}});function _component(){const data=__webpack_require__(42259);return _component=function(){return data},data}function _host(){const data=__webpack_require__(23384);return _host=function(){return data},data}function _component2(){const data=__webpack_require__(60195);return _component2=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _componentFs(){const data=_interopRequireDefault(__webpack_require__(11846));return _componentFs=function(){return data},data}function _aspectEntry(){const data=__webpack_require__(69301);return _aspectEntry=function(){return data},data}function _snap(){const data=__webpack_require__(8801);return _snap=function(){return data},data}function _tag(){const data=__webpack_require__(13801);return _tag=function(){return data},data}function _state(){const data=__webpack_require__(49784);return _state=function(){return data},data}function _tagMap(){const data=__webpack_require__(50310);return _tagMap=function(){return data},data}function _componentMap(){const data=__webpack_require__(12178);return _componentMap=function(){return data},data}function _section(){const data=__webpack_require__(43986);return _section=function(){return data},data}function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _ui(){const data=__webpack_require__(4744);return _ui=function(){return data},data}function _menu(){const data=__webpack_require__(70820);return _menu=function(){return data},data}function _component3(){const data=__webpack_require__(72795);return _component3=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _config(){const data=_interopRequireDefault(__webpack_require__(5075));return _config=function(){return data},data}var _default=_component().ComponentAspect;exports.default=_default},43986:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return _section().Section}});function _section(){const data=__webpack_require__(5173);return _section=function(){return data},data}},5173:()=>{"use strict"},8801:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Snap=void 0;class Snap{constructor(hash,timestamp,parents,author,message){this.hash=hash,this.timestamp=timestamp,this.parents=parents,this.author=author,this.message=message}static fromObject(snapObject){const parents=snapObject.parents||[];return new Snap(snapObject.hash,new Date(parseInt(snapObject.timestamp)),parents,snapObject.author,snapObject.message)}toObject(){return{timestamp:this.timestamp.getTime().toString(),hash:this.hash,author:this.author,message:this.message,parents:this.parents}}}exports.Snap=Snap},49784:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.State=void 0;function _componentIssues(){const data=__webpack_require__(86853);return _componentIssues=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _exceptions(){const data=__webpack_require__(54428);return _exceptions=function(){return data},data}class State{constructor(config,_aspects,filesystem,dependencies,_consumer){this.config=config,this._aspects=_aspects,this.filesystem=filesystem,this.dependencies=dependencies,this._consumer=_consumer}get mainFile(){const file=this.filesystem.files.find(componentFile=>componentFile.relative===this._consumer.mainFile);if(!file)throw new(_exceptions()).MainFileNotFound(_componentId().ComponentID.fromLegacy(this._consumer.id),this._consumer.mainFile);return file}get hash(){return""}get issues(){var _this$_consumer;return(_this$_consumer=this._consumer).issues||(_this$_consumer.issues=new(_componentIssues()).IssuesList)}get isModified(){return this._consumer._isModified}get aspects(){return this._aspects}set aspects(aspects){this._aspects=aspects}}exports.State=State},50310:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagMap=void 0;function _semverHelper(){const data=__webpack_require__(30755);return _semverHelper=function(){return data},data}function _semver(){const data=__webpack_require__(81249);return _semver=function(){return data},data}function _exceptions(){const data=__webpack_require__(54428);return _exceptions=function(){return data},data}class TagMap extends Map{byHash(hash){return Array.from(this.values()).find(currTag=>currTag.hash===hash)}getPreReleaseLatestTags(){const preReleaseTagsWithAllVersions=this.toArray().reduce((acc,current)=>{var _preReleases$;const preReleases=current.version.prerelease;return!preReleases.length||preReleases.length!==2||typeof preReleases[0]!="string"||(acc[_preReleases$=preReleases[0]]||(acc[_preReleases$]=[])).push(current.version.raw),acc},{});return Object.keys(preReleaseTagsWithAllVersions).reduce((acc,current)=>(acc[current]=(0,_semver().maxSatisfying)(preReleaseTagsWithAllVersions[current],"*",{includePrerelease:!0}),acc),{})}getHashMap(){const res=new Map;return this.forEach(tag=>{res.set(tag.hash,tag)}),res}getLatest(){const versions=this.toArray().map(tag=>tag.version.raw);if(this.isEmpty())throw new(_exceptions()).CouldNotFindLatest(versions);return(0,_semverHelper().getLatestVersion)(versions)}isEmpty(){return this.size===0}toArray(){return Array.from(this.values())}byVersion(version){return this.toArray().map(tag=>tag).find(tag=>tag.version.raw===version)}static fromArray(tags){const tuples=tags.map(tag=>[tag.version,tag]);return new TagMap(tuples)}static empty(){return new TagMap}}exports.TagMap=TagMap},47769:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return _tag().Tag}});function _tag(){const data=__webpack_require__(13801);return _tag=function(){return data},data}},13801:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tag=void 0;function _semver(){const data=__webpack_require__(81249);return _semver=function(){return data},data}class Tag{constructor(hash,version){this.hash=hash,this.version=version}toObject(){return{hash:this.hash,version:this.version.raw}}static fromObject(tag){return new Tag(tag.hash,new(_semver()).SemVer(tag.version))}}exports.Tag=Tag},6315:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentError=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _designUiPages(){const data=__webpack_require__(13794);return _designUiPages=function(){return data},data}function _designUiPages2(){const data=__webpack_require__(31910);return _designUiPages2=function(){return data},data}class ComponentError{constructor(code,message){this.code=code,this.message=message}renderError(){return this.code===404?_react().default.createElement(_designUiPages().NotFoundPage,null):_react().default.createElement(_designUiPages2().ServerErrorPage,null)}}exports.ComponentError=ComponentError},70145:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentError",{enumerable:!0,get:function(){return _componentError().ComponentError}});function _componentError(){const data=__webpack_require__(6315);return _componentError=function(){return data},data}},46265:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(41817),Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentModel=void 0;function _compositions(){const data=__webpack_require__(32552);return _compositions=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _tag(){const data=__webpack_require__(47769);return _tag=function(){return data},data}function _tagMap(){const data=__webpack_require__(50310);return _tagMap=function(){return data},data}class ComponentModel{constructor(id,displayName,packageName,server,compositions,tags,buildStatus,issuesCount,elementsUrl,status,deprecation,environment,description="",labels=[],host,size,latest,preview,logs){this.id=id,this.displayName=displayName,this.packageName=packageName,this.server=server,this.compositions=compositions,this.tags=tags,this.buildStatus=buildStatus,this.issuesCount=issuesCount,this.elementsUrl=elementsUrl,this.status=status,this.deprecation=deprecation,this.environment=environment,this.description=description,this.labels=labels,this.host=host,this.size=size,this.latest=latest,this.preview=preview,this.logs=logs}get version(){return this.id.version?this.id.version:"new"}static from({id,server,displayName,compositions=[],packageName,elementsUrl,tags=[],deprecation,buildStatus,env,status,issuesCount,description,labels,host,latest,preview,size,logs}){return new ComponentModel(_componentId().ComponentID.fromObject(id),displayName,packageName,server,_compositions().Composition.fromArray(compositions),_tagMap().TagMap.fromArray(tags.map(tag=>_tag().Tag.fromObject(tag))),buildStatus,issuesCount,elementsUrl,status,deprecation,env,description,labels,host,size,latest,preview,logs?.map(log=>log??{hash:"[error]",tag:"[error]",message:"",parents:[]}))}static fromArray(componentsProps){return componentsProps.map(rawComponent=>ComponentModel.from(rawComponent))}static empty(){return new ComponentModel(_componentId().ComponentID.fromObject({name:"root",scope:"temp"}),"","",{env:"",url:""},[],_tagMap().TagMap.empty())}}exports.ComponentModel=ComponentModel},77237:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}});function _componentModel(){const data=__webpack_require__(46265);return _componentModel=function(){return data},data}},34146:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=Component;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(5800));return _lodash=function(){return data},data}function _uiFoundationUiReactRouter(){const data=__webpack_require__(28776);return _uiFoundationUiReactRouter=function(){return data},data}function _lodash2(){const data=__webpack_require__(96486);return _lodash2=function(){return data},data}function _componentModule(){const data=_interopRequireDefault(__webpack_require__(33084));return _componentModule=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(68211);return _=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function getComponentIdStr(componentIdStr){return(0,_lodash2().isFunction)(componentIdStr)?componentIdStr():componentIdStr}function Component({routeSlot,overriddenRoutes,containerSlot,host,onComponentChange,componentIdStr,useComponent,path,useComponentFilters}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),_componentIdStr=getComponentIdStr(componentIdStr),componentId=_componentIdStr?_().ComponentID.fromString(_componentIdStr):void 0,resolvedComponentIdStr=path||idFromLocation,useComponentOptions={logFilters:useComponentFilters?.(),customUseComponent:useComponent},{component,componentDescriptor,error}=(0,_useComponent().useComponent)(host,componentId?.toString()||idFromLocation,useComponentOptions);(0,_react().useEffect)(()=>onComponentChange?.(component),[component]),(0,_react().useEffect)(()=>()=>onComponentChange?.(void 0),[]);const pageItems=(0,_react().useMemo)(()=>(0,_lodash().default)(containerSlot?.values()),[containerSlot]),before=(0,_react().useMemo)(()=>pageItems.filter(x=>x.type==="before").map(x=>x.content),[pageItems]),after=(0,_react().useMemo)(()=>pageItems.filter(x=>x.type==="after").map(x=>x.content),[pageItems]);return error?error.renderError():component?_react().default.createElement(_context().ComponentDescriptorProvider,{componentDescriptor},_react().default.createElement(_context().ComponentProvider,{component},before,_react().default.createElement("div",{className:_componentModule().default.container},routeSlot&&_react().default.createElement(_uiFoundationUiReactRouter().SlotRouter,{parentPath:`${resolvedComponentIdStr}/*`,slot:routeSlot,routes:overriddenRoutes})),after)):_react().default.createElement("div",null)}},48841:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentDescriptor=exports.ComponentDescriptorContext=exports.ComponentContext=void 0;function _react(){const data=__webpack_require__(67294);return _react=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}const ComponentContext=(0,_react().createContext)(_componentModel().ComponentModel.empty());exports.ComponentContext=ComponentContext;const ComponentDescriptorContext=(0,_react().createContext)(void 0);exports.ComponentDescriptorContext=ComponentDescriptorContext;const useComponentDescriptor=()=>(0,_react().useContext)(ComponentDescriptorContext);exports.useComponentDescriptor=useComponentDescriptor},9994:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentDescriptorProvider=ComponentDescriptorProvider,exports.ComponentProvider=ComponentProvider;function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function ComponentProvider({component,children}){return _react().default.createElement(_componentContext().ComponentContext.Provider,{value:component},children)}function ComponentDescriptorProvider({componentDescriptor,children}){return _react().default.createElement(_componentContext().ComponentDescriptorContext.Provider,{value:componentDescriptor},children)}},58431:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _componentContext().ComponentContext}}),Object.defineProperty(exports,"ComponentDescriptorContext",{enumerable:!0,get:function(){return _componentContext().ComponentDescriptorContext}}),Object.defineProperty(exports,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return _componentProvider().ComponentDescriptorProvider}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _componentProvider().ComponentProvider}}),Object.defineProperty(exports,"useComponentDescriptor",{enumerable:!0,get:function(){return _componentContext().useComponentDescriptor}});function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function _componentProvider(){const data=__webpack_require__(9994);return _componentProvider=function(){return data},data}},4744:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menu().CollapsibleMenuNav}}),Object.defineProperty(exports,"Component",{enumerable:!0,get:function(){return _component().Component}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _context().ComponentContext}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _context().ComponentProvider}}),Object.defineProperty(exports,"ConsumeMethodSlot",{enumerable:!0,get:function(){return _menu().ConsumeMethodSlot}}),Object.defineProperty(exports,"MenuNavProps",{enumerable:!0,get:function(){return _menu().MenuNavProps}}),Object.defineProperty(exports,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _useComponentQuery().componentFields}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _useComponentQuery().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _useComponentQuery().componentOverviewFields}}),Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _useComponent().useComponent}}),Object.defineProperty(exports,"useIdFromLocation",{enumerable:!0,get:function(){return _useComponentFromLocation().useIdFromLocation}});function _menu(){const data=__webpack_require__(70820);return _menu=function(){return data},data}function _component(){const data=__webpack_require__(34146);return _component=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}},70820:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menuNav().CollapsibleMenuNav}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"MenuNavProps",{enumerable:!0,get:function(){return _menuNav().MenuNavProps}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}});function _menuNav(){const data=__webpack_require__(58072);return _menuNav=function(){return data},data}function _menu(){const data=__webpack_require__(23813);return _menu=function(){return data},data}},58072:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);__webpack_require__(66992),__webpack_require__(2707),Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsibleMenuNav=CollapsibleMenuNav;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _extends2(){const data=_interopRequireDefault(__webpack_require__(10434));return _extends2=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _designNavigation(){const data=__webpack_require__(79730);return _designNavigation=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(73161));return _menuModule=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2().default)(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function CollapsibleMenuNav({navigationSlot,widgetSlot,navPlugins=[],widgetPlugins=[],className,secondaryNavClassName,children}){const plugins=(0,_react().useMemo)(()=>((navPlugins.length>0?navPlugins:navigationSlot?.toArray())||[]).sort(sortFn),[navigationSlot,navPlugins]),widgets=(0,_react().useMemo)(()=>((widgetPlugins.length>0?widgetPlugins:widgetSlot?.toArray())||[]).sort(sortFn),[widgetSlot,widgetPlugins]),links=[...plugins,...widgets].map(([id,menuItem],index)=>{const lastPluginStyle=plugins.length-1===index?{marginRight:"auto"}:{},firstWidgetStyle=plugins.length===index?{marginLeft:"auto"}:{};return{component:function({isInMenu}){const widgetDisplayText=menuItem.props.displayName&&isInMenu?menuItem.props.displayName:void 0;return _react().default.createElement(_topBarNav().TopBarNav,(0,_extends2().default)({},menuItem.props,{className:(0,_classnames().default)(menuItem.props.className,_menuModule().default.topBarNav,isInMenu&&_menuModule().default.noBorder),key:id}),widgetDisplayText||menuItem.props.children)},style:_objectSpread(_objectSpread({},firstWidgetStyle),lastPluginStyle),className:menuItem.props.className}});return _react().default.createElement(_designNavigation().ResponsiveNavbar,{navClassName:(0,_classnames().default)(_menuModule().default.tab,className),secondaryNavClassName,style:{width:"100%",height:"100%"},priority:"none",tabs:links},children)}function sortFn([,{order:first}],[,{order:second}]){return(first??0)-(second??0)}},23813:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);__webpack_require__(66992),__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMenu=ComponentMenu,exports.VersionRelatedDropdowns=VersionRelatedDropdowns;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(26068);return _reactRouterDom=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(14220);return _uiFoundationUi=function(){return data},data}function _componentUi(){const data=__webpack_require__(43206);return _componentUi=function(){return data},data}function _uiFoundationUi2(){const data=__webpack_require__(60300);return _uiFoundationUi2=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _uiFoundationUiUseBox(){const data=__webpack_require__(3953);return _uiFoundationUiUseBox=function(){return data},data}function _lanesHooks(){const data=__webpack_require__(33461);return _lanesHooks=function(){return data},data}function _uiFoundationUiUseBox2(){const data=__webpack_require__(2436);return _uiFoundationUiUseBox2=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _menuNav(){const data=__webpack_require__(58072);return _menuNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(73161));return _menuModule=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(68211);return _=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2().default)(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function getComponentIdStr(componentIdStr){return(0,_lodash().isFunction)(componentIdStr)?componentIdStr():componentIdStr}function ComponentMenu({navigationSlot,widgetSlot,className,host,menuItemSlot,consumeMethodSlot,componentIdStr,skipRightSide,RightNode,useComponent,path,useComponentFilters}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),_componentIdStr=getComponentIdStr(componentIdStr),componentId=_componentIdStr?_().ComponentID.fromString(_componentIdStr):void 0,resolvedComponentIdStr=path||idFromLocation,useComponentOptions={logFilters:useComponentFilters?.(),customUseComponent:useComponent},{component}=(0,_useComponent().useComponent)(host,componentId?.toString()||idFromLocation,useComponentOptions),mainMenuItems=(0,_react().useMemo)(()=>(0,_lodash().groupBy)((0,_lodash().flatten)(menuItemSlot.values()),"category"),[menuItemSlot]);if(!component)return _react().default.createElement(_uiFoundationUi2().FullLoader,null);const RightSide=_react().default.createElement("div",{className:_menuModule().default.rightSide},RightNode||_react().default.createElement(_react().default.Fragment,null,_react().default.createElement(VersionRelatedDropdowns,{component,consumeMethods:consumeMethodSlot,host}),_react().default.createElement(_uiFoundationUi().MainDropdown,{className:_menuModule().default.hideOnMobile,menuItems:mainMenuItems})));return _react().default.createElement(_reactRouterDom().Routes,null,_react().default.createElement(_reactRouterDom().Route,{path:`${resolvedComponentIdStr}/*`,element:_react().default.createElement("div",{className:(0,_classnames().default)(_menuModule().default.topBar,className)},_react().default.createElement("div",{className:_menuModule().default.leftSide},_react().default.createElement(_menuNav().CollapsibleMenuNav,{navigationSlot,widgetSlot})),!skipRightSide&&_react().default.createElement("div",{className:_menuModule().default.rightSide},RightSide))}))}function VersionRelatedDropdowns({component,consumeMethods,className,host}){var _lanesModel$viewedLan,_lanesModel$viewedLan2,_lanesModel$getLanesB;const location=(0,_baseReactNavigation().useLocation)(),{lanesModel}=(0,_lanesHooks().useLanes)(),viewedLane=lanesModel!=null&&(_lanesModel$viewedLan=lanesModel.viewedLane)!==null&&_lanesModel$viewedLan!==void 0&&_lanesModel$viewedLan.id&&!(lanesModel!=null&&(_lanesModel$viewedLan2=lanesModel.viewedLane)!==null&&_lanesModel$viewedLan2!==void 0&&_lanesModel$viewedLan2.id.isDefault())?lanesModel.viewedLane:void 0,{logs}=component,isWorkspace=host==="teambit.workspace/workspace",snaps=(0,_react().useMemo)(()=>(logs||[]).filter(log=>!log.tag).map(snap=>_objectSpread(_objectSpread({},snap),{},{version:snap.hash})),[logs]),tags=(0,_react().useMemo)(()=>{var _component$tags;const tagLookup=new Map;return(logs||[]).filter(log=>log.tag).forEach(tag=>{tagLookup.set(tag?.tag,tag)}),(0,_lodash().compact)((_component$tags=component.tags)===null||_component$tags===void 0?void 0:_component$tags.toArray().reverse().map(tag=>tagLookup.get(tag.version.version))).map(tag=>_objectSpread(_objectSpread({},tag),{},{version:tag.tag}))},[logs]),isNew=snaps.length===0&&tags.length===0,lanes=(lanesModel==null||(_lanesModel$getLanesB=lanesModel.getLanesByComponentId(component.id))===null||_lanesModel$getLanesB===void 0?void 0:_lanesModel$getLanesB.filter(lane=>!lane.id.isDefault()))||[],localVersion=isWorkspace&&!isNew&&(!viewedLane||lanesModel?.isViewingCurrentLane()),currentVersion=isWorkspace&&!isNew&&!(location!=null&&location.search.includes("version"))?"workspace":component.version,methods=useConsumeMethods(component,consumeMethods,viewedLane);return _react().default.createElement(_react().default.Fragment,null,consumeMethods&&tags.length>0&&_react().default.createElement(_uiFoundationUiUseBox().UseBoxDropdown,{position:"bottom-end",className:(0,_classnames().default)(_menuModule().default.useBox,_menuModule().default.hideOnMobile),Menu:_react().default.createElement(_uiFoundationUiUseBox2().Menu,{methods,componentName:component.id.name})}),_react().default.createElement(_componentUi().VersionDropdown,{tags,snaps,lanes,localVersion,currentVersion,latestVersion:component.latest,currentLane:viewedLane,className,menuClassName:_menuModule().default.componentVersionMenu}))}function useConsumeMethods(componentModel,consumeMethods,currentLane){return(0,_react().useMemo)(()=>(0,_lodash().flatten)(consumeMethods?.values()).map(method=>{if(!!componentModel)return method?.(componentModel,{currentLane})}).filter(x=>!!x&&x.Component&&x.Title),[consumeMethods,componentModel,currentLane])}},82224:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _topBarNav=__webpack_require__(13264);Object.keys(_topBarNav).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_topBarNav[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _topBarNav[key]}})})},13264:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.TopBarNav=TopBarNav;function _extends2(){const data=_interopRequireDefault(__webpack_require__(10434));return _extends2=function(){return data},data}function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(70215));return _objectWithoutProperties2=function(){return data},data}function _react(){const data=_interopRequireDefault(__webpack_require__(67294));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(94184));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(26068);return _reactRouterDom=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(22576);return _baseReactNavigation=function(){return data},data}function _topBarNavModule(){const data=_interopRequireDefault(__webpack_require__(60673));return _topBarNavModule=function(){return data},data}function TopBarNav(_ref){let{href,className,activeClassName,children,displayName,ignoreQueryParams}=_ref,rest=(0,_objectWithoutProperties2().default)(_ref,["href","className","activeClassName","children","displayName","ignoreQueryParams"]);const{search}=(0,_reactRouterDom().useLocation)(),preventPassingDisplayNameToLink=displayName,target=href&&!ignoreQueryParams&&`${href}${search}`||href;return _react().default.createElement(_baseReactNavigation().Link,(0,_extends2().default)({},rest,{className:(0,_classnames().default)(className,_topBarNavModule().default.topBarLink),activeClassName:(0,_classnames().default)(activeClassName,_topBarNavModule().default.active),href:target}),_react().default.createElement("div",null,children))}},39646:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(66992),__webpack_require__(74916),Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIdFromLocation=useIdFromLocation;function _reactRouterDom(){const data=__webpack_require__(26068);return _reactRouterDom=function(){return data},data}const componentRegex=/^[\w/-]*[\w-]/;function useIdFromLocation(url){const params=(0,_reactRouterDom().useParams)(),splat=url||params["*"];if(!splat)return;const[maybeOrgWithScope,...maybeFullName]=splat.split("/"),hasScope=maybeOrgWithScope.split(".").length>1,fullNameFromUrl=hasScope?maybeFullName.join("/"):splat;let scope;hasScope&&(scope=maybeOrgWithScope);const match=componentRegex.exec(fullNameFromUrl);if(!!(match!=null&&match[0]))return scope?`${scope}/${match[0]}`:match[0]}},62589:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentOverviewFields=exports.componentIdFields=exports.componentFields=void 0,exports.useComponentQuery=useComponentQuery;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _objectWithoutProperties2(){const data=_interopRequireDefault(__webpack_require__(70215));return _objectWithoutProperties2=function(){return data},data}function _react(){const data=__webpack_require__(67294);return _react=function(){return data},data}function _client(){const data=__webpack_require__(33719);return _client=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(41646);return _uiFoundationUiHooks=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _componentDescriptor(){const data=__webpack_require__(57984);return _componentDescriptor=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _componentError(){const data=__webpack_require__(70145);return _componentError=function(){return data},data}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,_defineProperty2().default)(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}const componentIdFields=(0,_client().gql)`
66
66
  fragment componentIdFields on ComponentID {
67
67
  name
68
68
  version
@@ -1,24 +1,24 @@
1
1
  {
2
2
  "244.6f43a8505f2f68ae58c9.js": "244.6f43a8505f2f68ae58c9.js",
3
- "440.e89911bf2e2321f265f7.js": "440.e89911bf2e2321f265f7.js",
4
- "924.cf69fcdf41b1bb78fea6.js": "924.cf69fcdf41b1bb78fea6.js",
3
+ "284.484ee057060d60cc8969.js": "284.484ee057060d60cc8969.js",
4
+ "924.7193280b7c2c31207cb4.js": "924.7193280b7c2c31207cb4.js",
5
5
  "compositions.css": "static/css/compositions.e163efe5.css",
6
6
  "compositions.html": "compositions.html",
7
- "compositions.js": "compositions.20e1aa5fea8587e112ce.js",
7
+ "compositions.js": "compositions.929800fbab9a2886a049.js",
8
8
  "entrypoints": {
9
9
  "peers": {
10
10
  "assets": {
11
11
  "js": [
12
12
  "244.6f43a8505f2f68ae58c9.js",
13
- "peers.21e7049ffaf505421f25.js"
13
+ "peers.fb0c9dd797bcf5a58765.js"
14
14
  ]
15
15
  }
16
16
  },
17
17
  "preview-root": {
18
18
  "assets": {
19
19
  "js": [
20
- "440.e89911bf2e2321f265f7.js",
21
- "preview-root.2ce5ef5ea1b41589b45b.js"
20
+ "284.484ee057060d60cc8969.js",
21
+ "preview-root.ab6350cb9db0c22df459.js"
22
22
  ],
23
23
  "css": [
24
24
  "static/css/preview-root.120a1d04.css"
@@ -28,7 +28,7 @@
28
28
  "compositions": {
29
29
  "assets": {
30
30
  "js": [
31
- "compositions.20e1aa5fea8587e112ce.js"
31
+ "compositions.929800fbab9a2886a049.js"
32
32
  ],
33
33
  "css": [
34
34
  "static/css/compositions.e163efe5.css"
@@ -38,8 +38,8 @@
38
38
  "overview": {
39
39
  "assets": {
40
40
  "js": [
41
- "924.cf69fcdf41b1bb78fea6.js",
42
- "overview.37845a87421f05ab4194.js"
41
+ "924.7193280b7c2c31207cb4.js",
42
+ "overview.c5e647e2632cffb7f5a5.js"
43
43
  ],
44
44
  "css": [
45
45
  "static/css/924.f7e57ad4.css"
@@ -48,9 +48,9 @@
48
48
  }
49
49
  },
50
50
  "overview.html": "overview.html",
51
- "overview.js": "overview.37845a87421f05ab4194.js",
52
- "peers.js": "peers.21e7049ffaf505421f25.js",
51
+ "overview.js": "overview.c5e647e2632cffb7f5a5.js",
52
+ "peers.js": "peers.fb0c9dd797bcf5a58765.js",
53
53
  "preview-root.css": "static/css/preview-root.120a1d04.css",
54
- "preview-root.js": "preview-root.2ce5ef5ea1b41589b45b.js",
54
+ "preview-root.js": "preview-root.ab6350cb9db0c22df459.js",
55
55
  "static/css/924.f7e57ad4.css": "static/css/924.f7e57ad4.css"
56
56
  }
@@ -9,4 +9,4 @@
9
9
  */(function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(!!arg){var argType=typeof arg;if(argType==="string"||argType==="number")classes.push(arg);else if(Array.isArray(arg)){if(arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}}else if(argType==="object")if(arg.toString===Object.prototype.toString)for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key);else classes.push(arg.toString())}}return classes.join(" ")}module.exports?(classNames.default=classNames,module.exports=classNames):(__WEBPACK_AMD_DEFINE_ARRAY__=[],__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__),__WEBPACK_AMD_DEFINE_RESULT__!==void 0&&(module.exports=__WEBPACK_AMD_DEFINE_RESULT__))})()},29094:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.compareUrl=void 0;const url_parse_1=__importDefault(__webpack_require__(92614));function compareUrl(baseUrl,toMatchUrl,{exact,strict}={}){if(baseUrl===toMatchUrl)return!0;strict||(baseUrl=baseUrl.replace(/\/(?=[?#]|$)/,""),toMatchUrl=toMatchUrl.replace(/\/(?=[?#]|$)/,""));const base=url_parse_1.default(baseUrl),match=url_parse_1.default(toMatchUrl),subUrl=isSubUrl(base,match),exactMatch=!exact||isExactMatch(base,match),strictMatch=!strict||isStrictMatch(base,match);return subUrl&&exactMatch&&strictMatch}exports.compareUrl=compareUrl;function isSubUrl(base,match){return(!match.protocol||match.protocol===base.protocol)&&(!match.hostname||match.hostname===base.hostname)&&(!match.port||match.port===base.port)&&(!match.pathname||base.pathname.startsWith(match.pathname))&&(!match.query||isSubObject(match.query,base.query))&&(!match.hash||match.hash===base.hash)&&(!match.password||match.password===base.password)&&(!match.username||match.username===base.username)}function isExactMatch(base,match){return(!match.pathname||base.pathname===match.pathname)&&(!match.query||isSubObject(base.query,match.query))}function isStrictMatch(base,match){return!match.pathname||base.pathname.endsWith("/")===match.pathname.endsWith("/")}function isSubObject(source,target){return Object.keys(source).every(key=>source[key]===target[key])}},76783:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.compareUrl=void 0;var compare_url_1=__webpack_require__(29094);Object.defineProperty(exports,"compareUrl",{enumerable:!0,get:function(){return compare_url_1.compareUrl}})},92614:(module,__unused_webpack_exports,__webpack_require__)=>{"use strict";var required=__webpack_require__(47418),qs=__webpack_require__(57129),slashes=/^[A-Za-z][A-Za-z0-9+-.]*:[\\/]+/,protocolre=/^([a-z][a-z0-9.+-]*:)?([\\/]{1,})?([\S\s]*)/i,whitespace="[\\x09\\x0A\\x0B\\x0C\\x0D\\x20\\xA0\\u1680\\u180E\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200A\\u202F\\u205F\\u3000\\u2028\\u2029\\uFEFF]",left=new RegExp("^"+whitespace+"+");function trimLeft(str){return(str||"").toString().replace(left,"")}var rules=[["#","hash"],["?","query"],function(address){return address.replace("\\","/")},["/","pathname"],["@","auth",1],[NaN,"host",void 0,1,1],[/:(\d+)$/,"port",void 0,1],[NaN,"hostname",void 0,1,1]],ignore={hash:1,query:1};function lolcation(loc){var globalVar;typeof window<"u"?globalVar=window:typeof __webpack_require__.g<"u"?globalVar=__webpack_require__.g:typeof self<"u"?globalVar=self:globalVar={};var location=globalVar.location||{};loc=loc||location;var finaldestination={},type=typeof loc,key;if(loc.protocol==="blob:")finaldestination=new Url(unescape(loc.pathname),{});else if(type==="string"){finaldestination=new Url(loc,{});for(key in ignore)delete finaldestination[key]}else if(type==="object"){for(key in loc)key in ignore||(finaldestination[key]=loc[key]);finaldestination.slashes===void 0&&(finaldestination.slashes=slashes.test(loc.href))}return finaldestination}function extractProtocol(address){address=trimLeft(address);var match=protocolre.exec(address),protocol=match[1]?match[1].toLowerCase():"",slashes2=!!(match[2]&&match[2].length>=2),rest=match[2]&&match[2].length===1?"/"+match[3]:match[3];return{protocol,slashes:slashes2,rest}}function resolve(relative,base){if(relative==="")return base;for(var path=(base||"/").split("/").slice(0,-1).concat(relative.split("/")),i=path.length,last=path[i-1],unshift=!1,up=0;i--;)path[i]==="."?path.splice(i,1):path[i]===".."?(path.splice(i,1),up++):up&&(i===0&&(unshift=!0),path.splice(i,1),up--);return unshift&&path.unshift(""),(last==="."||last==="..")&&path.push(""),path.join("/")}function Url(address,location,parser){if(address=trimLeft(address),!(this instanceof Url))return new Url(address,location,parser);var relative,extracted,parse,instruction,index,key,instructions=rules.slice(),type=typeof location,url=this,i=0;for(type!=="object"&&type!=="string"&&(parser=location,location=null),parser&&typeof parser!="function"&&(parser=qs.parse),location=lolcation(location),extracted=extractProtocol(address||""),relative=!extracted.protocol&&!extracted.slashes,url.slashes=extracted.slashes||relative&&location.slashes,url.protocol=extracted.protocol||location.protocol||"",address=extracted.rest,extracted.slashes||(instructions[3]=[/(.*)/,"pathname"]);i<instructions.length;i++){if(instruction=instructions[i],typeof instruction=="function"){address=instruction(address);continue}parse=instruction[0],key=instruction[1],parse!==parse?url[key]=address:typeof parse=="string"?~(index=address.indexOf(parse))&&(typeof instruction[2]=="number"?(url[key]=address.slice(0,index),address=address.slice(index+instruction[2])):(url[key]=address.slice(index),address=address.slice(0,index))):(index=parse.exec(address))&&(url[key]=index[1],address=address.slice(0,index.index)),url[key]=url[key]||relative&&instruction[3]&&location[key]||"",instruction[4]&&(url[key]=url[key].toLowerCase())}parser&&(url.query=parser(url.query)),relative&&location.slashes&&url.pathname.charAt(0)!=="/"&&(url.pathname!==""||location.pathname!=="")&&(url.pathname=resolve(url.pathname,location.pathname)),url.pathname.charAt(0)!=="/"&&url.hostname&&(url.pathname="/"+url.pathname),required(url.port,url.protocol)||(url.host=url.hostname,url.port=""),url.username=url.password="",url.auth&&(instruction=url.auth.split(":"),url.username=instruction[0]||"",url.password=instruction[1]||""),url.origin=url.protocol&&url.host&&url.protocol!=="file:"?url.protocol+"//"+url.host:"null",url.href=url.toString()}function set(part,value,fn){var url=this;switch(part){case"query":typeof value=="string"&&value.length&&(value=(fn||qs.parse)(value)),url[part]=value;break;case"port":url[part]=value,required(value,url.protocol)?value&&(url.host=url.hostname+":"+value):(url.host=url.hostname,url[part]="");break;case"hostname":url[part]=value,url.port&&(value+=":"+url.port),url.host=value;break;case"host":url[part]=value,/:\d+$/.test(value)?(value=value.split(":"),url.port=value.pop(),url.hostname=value.join(":")):(url.hostname=value,url.port="");break;case"protocol":url.protocol=value.toLowerCase(),url.slashes=!fn;break;case"pathname":case"hash":if(value){var char=part==="pathname"?"/":"#";url[part]=value.charAt(0)!==char?char+value:value}else url[part]=value;break;default:url[part]=value}for(var i=0;i<rules.length;i++){var ins=rules[i];ins[4]&&(url[ins[1]]=url[ins[1]].toLowerCase())}return url.origin=url.protocol&&url.host&&url.protocol!=="file:"?url.protocol+"//"+url.host:"null",url.href=url.toString(),url}function toString(stringify){(!stringify||typeof stringify!="function")&&(stringify=qs.stringify);var query,url=this,protocol=url.protocol;protocol&&protocol.charAt(protocol.length-1)!==":"&&(protocol+=":");var result=protocol+(url.slashes?"//":"");return url.username&&(result+=url.username,url.password&&(result+=":"+url.password),result+="@"),result+=url.host+url.pathname,query=typeof url.query=="object"?stringify(url.query):url.query,query&&(result+=query.charAt(0)!=="?"?"?"+query:query),url.hash&&(result+=url.hash),result}Url.prototype={set,toString},Url.extractProtocol=extractProtocol,Url.location=lolcation,Url.trimLeft=trimLeft,Url.qs=qs,module.exports=Url},67494:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composer=void 0;const react_1=__importDefault(__webpack_require__(67294));function Composer(props){const{components=[],children}=props,arrayified=components.map(tuple=>Array.isArray(tuple)?tuple:[tuple,void 0]);return react_1.default.createElement(react_1.default.Fragment,null,arrayified.reduceRight((acc,[Comp,forwardProps])=>react_1.default.createElement(Comp,Object.assign({},forwardProps),acc),children))}exports.Composer=Composer},57166:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composer=void 0;var composer_1=__webpack_require__(67494);Object.defineProperty(exports,"Composer",{enumerable:!0,get:function(){return composer_1.Composer}})},14524:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.links=void 0;var links_1=__webpack_require__(3064);Object.defineProperty(exports,"links",{enumerable:!0,get:function(){return links_1.links}})},3064:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.links=void 0,exports.links={docs:"https://bit.dev/docs",github:"https://github.com/teambit/bit",slack:"https://join.slack.com/t/bit-dev-community/shared_invite/zt-1el4b4sb5-FpgRefqUiZbUH9lvnHgwRg",blog:"https://bit.cloud/blog",twitter:"https://twitter.com/bitdev_",linkedin:"https://www.linkedin.com/company/bit-dev",bitRegistry:"https://node.bit.cloud",youtube:"https://www.youtube.com/c/Bitdev/videos",careers:"https://bit.breezy.hr"}},38100:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContactIcons=void 0;const react_1=__importDefault(__webpack_require__(67294)),base_react_navigation_link_1=__webpack_require__(22576),community_constants_links_1=__webpack_require__(14524),styles={link:{textDecoration:"none",lineHeight:"inherit",color:"unset"},logo:{width:"24px",height:"24px",margin:"0 13px"}};function ContactIcons(props){return react_1.default.createElement("div",Object.assign({style:Object.assign(Object.assign({},styles.iconLine),props.style)},props),react_1.default.createElement(base_react_navigation_link_1.Link,{external:!0,style:styles.link,href:community_constants_links_1.links.slack},react_1.default.createElement("img",{alt:"slack",style:styles.logo,src:"https://static.bit.dev/harmony/slack-round-icon.svg"})),react_1.default.createElement(base_react_navigation_link_1.Link,{external:!0,style:styles.link,href:community_constants_links_1.links.github},react_1.default.createElement("img",{alt:"github",style:styles.logo,src:"https://static.bit.dev/harmony/github.svg"})),react_1.default.createElement(base_react_navigation_link_1.Link,{external:!0,style:styles.link,href:community_constants_links_1.links.docs},react_1.default.createElement("img",{alt:"bit docs",style:styles.logo,src:"https://static.bit.dev/bit-logo.svg"})))}exports.ContactIcons=ContactIcons},13555:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorPage=void 0;const react_1=__importDefault(__webpack_require__(67294)),styles={errorPage:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",margin:"auto",padding:"24px",textAlign:"center"},title:{fontWeight:"bold",margin:"0 0 24px 0"},img:{maxWidth:"700px",marginBottom:"24px",width:"100%"}},inlineStyles=`
10
10
  .bit-error-page-title { font-size: 36px; }
11
11
  @media screen and (max-width: 480px) { .bit-error-page-title { font-size: 24px; } }
12
- `;function ErrorPage(_a){var{code,title,style,children}=_a,rest=__rest(_a,["code","title","style","children"]);return react_1.default.createElement("div",Object.assign({},rest,{style:Object.assign(Object.assign({},styles.errorPage),style)}),react_1.default.createElement("style",null,inlineStyles),react_1.default.createElement("h1",{style:styles.title,className:"bit-error-page-title"},title),react_1.default.createElement("img",{alt:"error-image",style:styles.img,src:`https://static.bit.dev/harmony/${code}.svg`}),children)}exports.ErrorPage=ErrorPage},31948:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContactIcons=void 0,__exportStar(__webpack_require__(13555),exports);var contact_footer_1=__webpack_require__(38100);Object.defineProperty(exports,"ContactIcons",{enumerable:!0,get:function(){return contact_footer_1.ContactIcons}})},13794:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NotFoundPage=void 0;var not_found_page_1=__webpack_require__(29917);Object.defineProperty(exports,"NotFoundPage",{enumerable:!0,get:function(){return not_found_page_1.NotFoundPage}})},29917:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.NotFoundPage=void 0;const react_1=__importDefault(__webpack_require__(67294)),design_ui_error_page_1=__webpack_require__(31948);function NotFoundPage(_a){var rest=__rest(_a,[]);return react_1.default.createElement(design_ui_error_page_1.ErrorPage,Object.assign({},rest,{code:404,title:"Page not found"}),react_1.default.createElement(design_ui_error_page_1.ContactIcons,null))}exports.NotFoundPage=NotFoundPage},31047:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(94891),exports)},94891:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StandaloneNotFoundPage=void 0;const react_1=__importDefault(__webpack_require__(67294)),design_ui_pages_not_found_1=__webpack_require__(13794);function StandaloneNotFoundPage(){return react_1.default.createElement(design_ui_pages_not_found_1.NotFoundPage,{style:{fontFamily:'"Helvetica Neue",Helvetica, sans-serif'}})}exports.StandaloneNotFoundPage=StandaloneNotFoundPage},51166:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsApp=void 0;const react_1=__importDefault(__webpack_require__(67294)),base_ui_utils_composer_1=__webpack_require__(57166),design_ui_pages_standalone_not_found_page_1=__webpack_require__(31047),react_ui_loader_fallback_1=__webpack_require__(4603),hideScrollbars="body::-webkit-scrollbar {display: none;}";function CompositionsApp({Composition,previewContext}){const{providers=[]}=previewContext?.get("teambit.react/react")||{},safeComposition=(0,react_ui_loader_fallback_1.useFallback)(Composition&&react_1.default.createElement(Composition,null),react_1.default.createElement(design_ui_pages_standalone_not_found_page_1.StandaloneNotFoundPage,null));return react_1.default.createElement(base_ui_utils_composer_1.Composer,{components:providers},react_1.default.createElement("style",null,hideScrollbars),safeComposition)}exports.CompositionsApp=CompositionsApp},40105:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(__webpack_require__(67294)),react_dom_1=__importDefault(__webpack_require__(73935)),compositions_app_1=__webpack_require__(51166);exports.default=(Composition,previewContext)=>{react_dom_1.default.render(react_1.default.createElement(compositions_app_1.CompositionsApp,{Composition,previewContext}),document.getElementById("root"))}},5659:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.CompositionsApp=void 0;var compositions_app_1=__webpack_require__(51166);Object.defineProperty(exports,"CompositionsApp",{enumerable:!0,get:function(){return compositions_app_1.CompositionsApp}});var compositions_app_root_1=__webpack_require__(40105);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(compositions_app_root_1).default}})},4603:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFallback=exports.LoaderFallback=void 0;var loader_fallback_1=__webpack_require__(48767);Object.defineProperty(exports,"LoaderFallback",{enumerable:!0,get:function(){return loader_fallback_1.LoaderFallback}}),Object.defineProperty(exports,"useFallback",{enumerable:!0,get:function(){return loader_fallback_1.useFallback}})},48767:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFallback=exports.LoaderFallback=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_loaders_loader_ribbon_1=__webpack_require__(99884);function LoaderFallback({Target,Loader=LoaderComponent,DefaultComponent,timeout=15e3}){return useFallback(Target&&react_1.default.createElement(Target,null),react_1.default.createElement(DefaultComponent,null),{timeout,loader:react_1.default.createElement(Loader,null)})}exports.LoaderFallback=LoaderFallback;function useFallback(target,fallback,{timeout=15e3,loader=react_1.default.createElement(LoaderComponent,null)}={}){const[working,setWorking]=(0,react_1.useState)(!!target),hasTarget=!!target;return(0,react_1.useEffect)(()=>{if(timeout<=0)return()=>{};if(hasTarget)return setWorking(!0),()=>{};const tmId=setTimeout(()=>setWorking(!1),timeout);return()=>clearTimeout(tmId)},[hasTarget,timeout]),target||(working&&timeout>0?loader:fallback)}exports.useFallback=useFallback;function LoaderComponent(){return react_1.default.createElement(base_ui_loaders_loader_ribbon_1.LoaderRibbon,{active:!0,style:{position:"fixed",top:0,left:0,right:0}})}},26874:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(74649),_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(5659),_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__);(0,_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("compositions",{modulesMap:{default:_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__},isSplitComponentBundle:!0,componentMap:{}})},80719:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={loader:"loader-ribbon_loader__2GCaR",loading:"loader-ribbon_loading__3uSHa",progress:"loader-ribbon_progress__12zF8",completed:"loader-ribbon_completed__33Bjc"}},57129:(__unused_webpack_module,exports)=>{"use strict";var has=Object.prototype.hasOwnProperty,undef;function decode(input){try{return decodeURIComponent(input.replace(/\+/g," "))}catch{return null}}function encode(input){try{return encodeURIComponent(input)}catch{return null}}function querystring(query){for(var parser=/([^=?#&]+)=?([^&]*)/g,result={},part;part=parser.exec(query);){var key=decode(part[1]),value=decode(part[2]);key===null||value===null||key in result||(result[key]=value)}return result}function querystringify(obj,prefix){prefix=prefix||"";var pairs=[],value,key;typeof prefix!="string"&&(prefix="?");for(key in obj)if(has.call(obj,key)){if(value=obj[key],!value&&(value===null||value===undef||isNaN(value))&&(value=""),key=encode(key),value=encode(value),key===null||value===null)continue;pairs.push(key+"="+value)}return pairs.length?prefix+pairs.join("&"):""}exports.stringify=querystringify,exports.parse=querystring},47418:module=>{"use strict";module.exports=function(port,protocol){if(protocol=protocol.split(":")[0],port=+port,!port)return!1;switch(protocol){case"http":case"ws":return port!==80;case"https":case"wss":return port!==443;case"ftp":return port!==21;case"gopher":return port!==70;case"file":return!1}return port!==0}}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[244,440,629],()=>__webpack_exec__(26874));var __webpack_exports__=__webpack_require__.O()}]);
12
+ `;function ErrorPage(_a){var{code,title,style,children}=_a,rest=__rest(_a,["code","title","style","children"]);return react_1.default.createElement("div",Object.assign({},rest,{style:Object.assign(Object.assign({},styles.errorPage),style)}),react_1.default.createElement("style",null,inlineStyles),react_1.default.createElement("h1",{style:styles.title,className:"bit-error-page-title"},title),react_1.default.createElement("img",{alt:"error-image",style:styles.img,src:`https://static.bit.dev/harmony/${code}.svg`}),children)}exports.ErrorPage=ErrorPage},31948:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContactIcons=void 0,__exportStar(__webpack_require__(13555),exports);var contact_footer_1=__webpack_require__(38100);Object.defineProperty(exports,"ContactIcons",{enumerable:!0,get:function(){return contact_footer_1.ContactIcons}})},13794:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NotFoundPage=void 0;var not_found_page_1=__webpack_require__(29917);Object.defineProperty(exports,"NotFoundPage",{enumerable:!0,get:function(){return not_found_page_1.NotFoundPage}})},29917:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.NotFoundPage=void 0;const react_1=__importDefault(__webpack_require__(67294)),design_ui_error_page_1=__webpack_require__(31948);function NotFoundPage(_a){var rest=__rest(_a,[]);return react_1.default.createElement(design_ui_error_page_1.ErrorPage,Object.assign({},rest,{code:404,title:"Page not found"}),react_1.default.createElement(design_ui_error_page_1.ContactIcons,null))}exports.NotFoundPage=NotFoundPage},31047:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(94891),exports)},94891:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StandaloneNotFoundPage=void 0;const react_1=__importDefault(__webpack_require__(67294)),design_ui_pages_not_found_1=__webpack_require__(13794);function StandaloneNotFoundPage(){return react_1.default.createElement(design_ui_pages_not_found_1.NotFoundPage,{style:{fontFamily:'"Helvetica Neue",Helvetica, sans-serif'}})}exports.StandaloneNotFoundPage=StandaloneNotFoundPage},51166:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsApp=void 0;const react_1=__importDefault(__webpack_require__(67294)),base_ui_utils_composer_1=__webpack_require__(57166),design_ui_pages_standalone_not_found_page_1=__webpack_require__(31047),react_ui_loader_fallback_1=__webpack_require__(4603),hideScrollbars="body::-webkit-scrollbar {display: none;}";function CompositionsApp({Composition,previewContext}){const{providers=[]}=previewContext?.get("teambit.react/react")||{},safeComposition=(0,react_ui_loader_fallback_1.useFallback)(Composition&&react_1.default.createElement(Composition,null),react_1.default.createElement(design_ui_pages_standalone_not_found_page_1.StandaloneNotFoundPage,null));return react_1.default.createElement(base_ui_utils_composer_1.Composer,{components:providers},react_1.default.createElement("style",null,hideScrollbars),safeComposition)}exports.CompositionsApp=CompositionsApp},40105:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(__webpack_require__(67294)),react_dom_1=__importDefault(__webpack_require__(73935)),compositions_app_1=__webpack_require__(51166);exports.default=(Composition,previewContext)=>{react_dom_1.default.render(react_1.default.createElement(compositions_app_1.CompositionsApp,{Composition,previewContext}),document.getElementById("root"))}},5659:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.CompositionsApp=void 0;var compositions_app_1=__webpack_require__(51166);Object.defineProperty(exports,"CompositionsApp",{enumerable:!0,get:function(){return compositions_app_1.CompositionsApp}});var compositions_app_root_1=__webpack_require__(40105);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(compositions_app_root_1).default}})},4603:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFallback=exports.LoaderFallback=void 0;var loader_fallback_1=__webpack_require__(48767);Object.defineProperty(exports,"LoaderFallback",{enumerable:!0,get:function(){return loader_fallback_1.LoaderFallback}}),Object.defineProperty(exports,"useFallback",{enumerable:!0,get:function(){return loader_fallback_1.useFallback}})},48767:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFallback=exports.LoaderFallback=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_loaders_loader_ribbon_1=__webpack_require__(99884);function LoaderFallback({Target,Loader=LoaderComponent,DefaultComponent,timeout=15e3}){return useFallback(Target&&react_1.default.createElement(Target,null),react_1.default.createElement(DefaultComponent,null),{timeout,loader:react_1.default.createElement(Loader,null)})}exports.LoaderFallback=LoaderFallback;function useFallback(target,fallback,{timeout=15e3,loader=react_1.default.createElement(LoaderComponent,null)}={}){const[working,setWorking]=(0,react_1.useState)(!!target),hasTarget=!!target;return(0,react_1.useEffect)(()=>{if(timeout<=0)return()=>{};if(hasTarget)return setWorking(!0),()=>{};const tmId=setTimeout(()=>setWorking(!1),timeout);return()=>clearTimeout(tmId)},[hasTarget,timeout]),target||(working&&timeout>0?loader:fallback)}exports.useFallback=useFallback;function LoaderComponent(){return react_1.default.createElement(base_ui_loaders_loader_ribbon_1.LoaderRibbon,{active:!0,style:{position:"fixed",top:0,left:0,right:0}})}},36660:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(74649),_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(5659),_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__);(0,_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("compositions",{modulesMap:{default:_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__},isSplitComponentBundle:!0,componentMap:{}})},80719:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={loader:"loader-ribbon_loader__2GCaR",loading:"loader-ribbon_loading__3uSHa",progress:"loader-ribbon_progress__12zF8",completed:"loader-ribbon_completed__33Bjc"}},57129:(__unused_webpack_module,exports)=>{"use strict";var has=Object.prototype.hasOwnProperty,undef;function decode(input){try{return decodeURIComponent(input.replace(/\+/g," "))}catch{return null}}function encode(input){try{return encodeURIComponent(input)}catch{return null}}function querystring(query){for(var parser=/([^=?#&]+)=?([^&]*)/g,result={},part;part=parser.exec(query);){var key=decode(part[1]),value=decode(part[2]);key===null||value===null||key in result||(result[key]=value)}return result}function querystringify(obj,prefix){prefix=prefix||"";var pairs=[],value,key;typeof prefix!="string"&&(prefix="?");for(key in obj)if(has.call(obj,key)){if(value=obj[key],!value&&(value===null||value===undef||isNaN(value))&&(value=""),key=encode(key),value=encode(value),key===null||value===null)continue;pairs.push(key+"="+value)}return pairs.length?prefix+pairs.join("&"):""}exports.stringify=querystringify,exports.parse=querystring},47418:module=>{"use strict";module.exports=function(port,protocol){if(protocol=protocol.split(":")[0],port=+port,!port)return!1;switch(protocol){case"http":case"ws":return port!==80;case"https":case"wss":return port!==443;case"ftp":return port!==21;case"gopher":return port!==70;case"file":return!1}return port!==0}}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[244,284,629],()=>__webpack_exec__(36660));var __webpack_exports__=__webpack_require__.O()}]);
@@ -1,2 +1,2 @@
1
1
  <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Preview</title><script>// Allow to use react dev-tools inside the examples
2
- try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><script defer="defer" src="244.6f43a8505f2f68ae58c9.js"></script><script defer="defer" src="peers.21e7049ffaf505421f25.js"></script><script defer="defer" src="440.e89911bf2e2321f265f7.js"></script><script defer="defer" src="preview-root.2ce5ef5ea1b41589b45b.js"></script><script defer="defer" src="compositions.20e1aa5fea8587e112ce.js"></script><link href="static/css/preview-root.120a1d04.css" rel="stylesheet"><link href="static/css/compositions.e163efe5.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
2
+ try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><script defer="defer" src="244.6f43a8505f2f68ae58c9.js"></script><script defer="defer" src="peers.fb0c9dd797bcf5a58765.js"></script><script defer="defer" src="284.484ee057060d60cc8969.js"></script><script defer="defer" src="preview-root.ab6350cb9db0c22df459.js"></script><script defer="defer" src="compositions.929800fbab9a2886a049.js"></script><link href="static/css/preview-root.120a1d04.css" rel="stylesheet"><link href="static/css/compositions.e163efe5.css" rel="stylesheet"></head><body><div id="root"></div></body></html>