@teambit/env 1.0.216 → 1.0.217

package/artifacts/__bit_junit.xml

@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <testsuites tests="0" failures="0" errors="0" skipped="0">
-  <testsuite name="teambit.envs/env@1.0.216" tests="0" failures="0" errors="0" skipped="0"/>
+  <testsuite name="teambit.envs/env@1.0.217" tests="0" failures="0" errors="0" skipped="0"/>
 </testsuites>

package/artifacts/env-template/public/{310.8db029366a3258c07bf7.js → 310.fe8c6ad4ed71234c93ac.js}

@@ -207,7 +207,7 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
       id
     }
   }
-`,useRootLanes=(viewedLaneId,skip,options={},scope)=>{const{ids,offset,limit,sort}=options,{data,fetchMore,loading}=(0,ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_LANES,{variables:{laneIds:ids,offset,limit,sort,skipViewedLane:!viewedLaneId||viewedLaneId.isDefault(),viewedLaneId:viewedLaneId?[viewedLaneId?.toString()]:void 0},skip,errorPolicy:"all",fetchPolicy:"cache-and-network"}),lanesModel=(0,react_1.useMemo)(()=>{if(!loading&&!!data)return lanes_ui_models_lanes_model_1.LanesModel.from({data,scope})},[loading,data,viewedLaneId?.toString(),scope]),hasMore=(0,react_1.useMemo)(()=>{var _a,_b,_c,_d,_e,_f;return loading?!0:limit?ids?.length?((_c=(_b=(_a=data?.lanes)===null||_a===void 0?void 0:_a.list)===null||_b===void 0?void 0:_b.length)!==null&&_c!==void 0?_c:0)===ids.length:((_f=(_e=(_d=data?.lanes)===null||_d===void 0?void 0:_d.list)===null||_e===void 0?void 0:_e.length)!==null&&_f!==void 0?_f:0)>=limit:!1},[loading,data]),fetchMoreLanes=(0,react_1.useCallback)((newOffset,newLimit)=>__awaiter(void 0,void 0,void 0,function*(){var _a,_b;if(hasMore)try{const{data:moreData,networkStatus}=yield fetchMore({variables:{offset:newOffset,limit:newLimit,laneIds:[],skipViewedLane:!viewedLaneId||viewedLaneId.isDefault(),viewedLaneId:viewedLaneId?[viewedLaneId?.toString()]:void 0}}),loadingMore=networkStatus===3;return!loadingMore&&moreData.lanes?{lanesModel:lanes_ui_models_lanes_model_1.LanesModel.from({data:moreData}),loading:loadingMore,hasMore:((_b=(_a=moreData.lanes.list)===null||_a===void 0?void 0:_a.length)!==null&&_b!==void 0?_b:0)>=newLimit,nextOffset:newOffset+newLimit}:{lanesModel,loading:loadingMore,nextOffset:newOffset,currentLimit:newLimit}}catch(err){return console.error(err),{}}return{lanesModel,loading:!1,hasMore:!1,nextOffset:newOffset,currentLimit:newLimit}}),[hasMore,viewedLaneId?.toString(),lanesModel]);return{loading,lanesModel,fetchMoreLanes,hasMore,offset,limit}},useSearchLanes=(search,skip)=>{const{data:searchData,loading:loadingSearch}=(0,ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_LANES,{variables:{search,skipViewedLane:!0},skip:skip||!search,errorPolicy:"all",fetchPolicy:"cache-and-network"});return search?{loading:loadingSearch,lanesModel:searchData&&lanes_ui_models_lanes_model_1.LanesModel.from({data:{lanes:Object.assign(Object.assign({},searchData.lanes),{current:void 0,default:void 0})}})}:{}};exports.useSearchLanes=useSearchLanes;const useLanes=(targetLanes,skip,optionsFromProps,useContextFromProps=!0,scope)=>{var _a,_b,_c,_d,_e;const context=(0,lanes_context_1.useLanesContext)()||{},options=optionsFromProps||context?.options,isSameOptions=(0,lodash_1.isEqual)(options,context?.options),useContext=useContextFromProps&&!!context&&isSameOptions,shouldSkip=skip||!!targetLanes||useContext,rootLanesData=useRootLanes((_b=(_a=context?.lanesModel)===null||_a===void 0?void 0:_a.viewedLane)===null||_b===void 0?void 0:_b.id,shouldSkip,options,scope),searchResult=(0,exports.useSearchLanes)(options?.search,shouldSkip);return targetLanes?Object.assign(Object.assign(Object.assign({},context),rootLanesData),{lanesModel:targetLanes,searchResult}):useContext?Object.assign(Object.assign({},context),{searchResult}):((_c=rootLanesData.lanesModel)===null||_c===void 0||_c.setViewedLane((_e=(_d=context?.lanesModel)===null||_d===void 0?void 0:_d.viewedLane)===null||_e===void 0?void 0:_e.id),Object.assign(Object.assign(Object.assign({},context),rootLanesData),{searchResult}))};exports.useLanes=useLanes},85904: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.Collapser=void 0;const evangelist_elements_icon_1=__webpack_require__(6281),classnames_1=__importDefault(__webpack_require__(97754)),react_1=__importDefault(__webpack_require__(59496)),design_ui_tooltip_1=__webpack_require__(49142),collapser_button_module_scss_1=__importDefault(__webpack_require__(509));function Collapser(_a){var{isOpen,tooltipContent,placement="right",onClick,className}=_a,rest=__rest(_a,["isOpen","tooltipContent","placement","onClick","className"]);const icon=`${placement}-rounded-corners`;return react_1.default.createElement(design_ui_tooltip_1.Tooltip,{content:tooltipContent},react_1.default.createElement("div",Object.assign({},rest,{onClick,className:(0,classnames_1.default)(collapser_button_module_scss_1.default.collapser,collapser_button_module_scss_1.default[placement],isOpen&&collapser_button_module_scss_1.default.open,className)}),react_1.default.createElement("div",{className:collapser_button_module_scss_1.default.circle},react_1.default.createElement("div",null,react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:icon})))))}exports.Collapser=Collapser},53440:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Collapser=void 0;var collapser_button_1=__webpack_require__(85904);Object.defineProperty(exports,"Collapser",{enumerable:!0,get:function(){return collapser_button_1.Collapser}})},5326:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;var lanes_model_1=__webpack_require__(89564);Object.defineProperty(exports,"LanesModel",{enumerable:!0,get:function(){return lanes_model_1.LanesModel}})},89564:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;const component_1=__webpack_require__(41731),lane_id_1=__webpack_require__(2538),component_id_1=__webpack_require__(99978),path_to_regexp_1=__webpack_require__(51419),lodash_1=__webpack_require__(32699);class LanesModel{static mapToLaneModel(laneData){var _a,_b,_c,_d,_e,_f,_g,_h,_j,_k;const{id,laneComponentIds=[],readmeComponent,hash,createdAt,displayName,updatedAt,createdBy:createdByData,updatedBy:updatedByData}=laneData,componentIds=laneComponentIds?.map(laneComponentId=>component_id_1.ComponentID.fromObject(laneComponentId))||[],readmeComponentModel=readmeComponent&&component_1.ComponentModel.from(Object.assign({},readmeComponent)),createdAtDate=createdAt&&new Date(+createdAt)||void 0,createdBy=createdByData?{name:(_a=createdByData?.name)!==null&&_a!==void 0?_a:void 0,email:(_b=createdByData.email)!==null&&_b!==void 0?_b:void 0,username:(_c=createdByData?.username)!==null&&_c!==void 0?_c:void 0,displayName:(_d=createdByData?.displayName)!==null&&_d!==void 0?_d:void 0,profileImage:(_e=createdByData.profileImage)!==null&&_e!==void 0?_e:void 0}:void 0,updatedAtDate=updatedAt&&new Date(+updatedAt)||void 0,updatedBy=updatedByData?.name?{name:(_f=updatedByData?.name)!==null&&_f!==void 0?_f:void 0,username:(_g=updatedByData?.username)!==null&&_g!==void 0?_g:void 0,displayName:(_h=updatedByData?.displayName)!==null&&_h!==void 0?_h:void 0,email:(_j=updatedByData.email)!==null&&_j!==void 0?_j:void 0,profileImage:(_k=updatedByData.profileImage)!==null&&_k!==void 0?_k:void 0}:void 0;return{id:lane_id_1.LaneId.from(id.name,id.scope),components:componentIds,readmeComponent:readmeComponentModel,createdAt:createdAtDate,updatedAt:updatedAtDate,displayName,hash,updatedBy,createdBy}}static groupLaneIdsByScope(laneIds){const grouped=new Map;return laneIds.forEach(laneId=>{const{scope}=laneId;if(!grouped.has(scope))grouped.set(scope,[laneId]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,laneId])}}),grouped}static groupLanesByScope(lanes){const grouped=new Map;return lanes.forEach(lane=>{const{scope}=lane.id;if(!grouped.has(scope))grouped.set(scope,[lane]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,lane])}}),grouped}static groupByComponentNameAndId(lanes){const byName=new Map,byId=new Map;return lanes.forEach(lane=>{const{components}=lane;components.forEach(component=>{const name=component.fullName,id=component.toString(),existingByName=byName.get(name)||[],existingById=byId.get(id)||[];existingByName.push(lane),existingById.push(lane),byName.set(name,existingByName),byId.set(id,existingById)})}),{byName,byId}}static from({data,scope,viewedLaneId}){var _a,_b,_c,_d,_e;const lanes=((_b=(_a=data?.lanes)===null||_a===void 0?void 0:_a.list)===null||_b===void 0?void 0:_b.map(lane=>LanesModel.mapToLaneModel(lane)))||[],currentLane=!((_c=data?.lanes)===null||_c===void 0)&&_c.current?LanesModel.mapToLaneModel(data.lanes.current):void 0,defaultLane=!((_d=data?.lanes)===null||_d===void 0)&&_d.default?LanesModel.mapToLaneModel(data.lanes.default):scope&&LanesModel.mapToLaneModel({id:{name:"main",scope},hash:""})||lanes.find(lane=>lane.id.isDefault())||void 0,viewedLane=viewedLaneId?lanes.find(lane=>lane.id.isEqual(viewedLaneId)):((_e=data?.lanes)===null||_e===void 0?void 0:_e.viewedLane)&&LanesModel.mapToLaneModel(data.lanes.viewedLane[0])||currentLane||defaultLane;return new LanesModel({lanes,currentLane,defaultLane,viewedLane})}constructor({lanes=[],viewedLane,currentLane,defaultLane}){this.getLaneComponentUrlByVersion=(componentId,laneId,addScopeMetadataInUrl)=>{var _a;const defaultLane2=this.getDefaultLane();if(!componentId.version||!laneId||!defaultLane2||laneId&&this.currentLane&&laneId.isEqual(this.currentLane.id))return LanesModel.getMainComponentUrl(componentId,void 0,addScopeMetadataInUrl);const lane=(_a=this.getLanesByComponentId(componentId))===null||_a===void 0?void 0:_a.find(l=>l.id.isEqual(laneId));return lane?lane.id.isDefault()?LanesModel.getMainComponentUrl(componentId,void 0,addScopeMetadataInUrl):LanesModel.getLaneComponentUrl(componentId,lane.id,addScopeMetadataInUrl):defaultLane2.components.find(c=>c.isEqual(componentId))?LanesModel.getMainComponentUrl(componentId,laneId,addScopeMetadataInUrl):void 0},this.setViewedLane=viewedLaneId=>{this.viewedLane=viewedLaneId?this.lanes.find(lane=>lane.id.isEqual(viewedLaneId)):void 0},this.setViewedOrDefaultLane=viewedLaneId=>{this.viewedLane=viewedLaneId?this.lanes.find(lane=>lane.id.isEqual(viewedLaneId)):this.getDefaultLane()},this.resolveComponentFromUrl=(idFromUrl,laneId)=>{var _a;const comps=((_a=laneId&&this.lanes.find(lane=>lane.id.isEqual(laneId))||this.viewedLane)===null||_a===void 0?void 0:_a.components)||[];return idFromUrl.includes(".")?comps.find(component=>component.toStringWithoutVersion()===idFromUrl):comps.find(component=>component.fullName===idFromUrl)},this.getDefaultLane=()=>this.defaultLane,this.getNonMainLanes=()=>this.lanes.filter(lane=>!lane.id.isDefault()),this.isInViewedLane=(componentId,includeVersion)=>{var _a,_b;return includeVersion?(_a=this.viewedLane)===null||_a===void 0?void 0:_a.components.some(comp=>includeVersion&&comp.isEqual(componentId)):(_b=this.viewedLane)===null||_b===void 0?void 0:_b.components.some(comp=>includeVersion&&comp.isEqual(componentId,{ignoreVersion:!0}))},this.isViewingCurrentLane=()=>this.currentLane&&this.viewedLane&&this.currentLane.id.isEqual(this.viewedLane.id),this.isViewingDefaultLane=()=>this.viewedLane&&this.viewedLane.id.isDefault(),this.isViewingNonDefaultLane=()=>this.viewedLane&&!this.viewedLane.id.isDefault(),this.getLanesByComponentName=componentId=>this.lanesByComponentName.get(componentId.fullName),this.getLanesByComponentId=componentId=>this.lanesByComponentId.get(componentId.toString()),this.isComponentOnMain=(componentId,includeVersion)=>{var _a,_b;return includeVersion?!!(!((_a=this.getLanesByComponentId(componentId))===null||_a===void 0)&&_a.some(lane=>lane.id.isDefault())):!!(!((_b=this.getLanesByComponentName(componentId))===null||_b===void 0)&&_b.some(lane=>lane.id.isDefault()))},this.isComponentOnMainButNotOnLane=(componentId,includeVersion,laneId)=>this.isComponentOnMain(componentId,includeVersion)&&!this.isComponentOnNonDefaultLanes(componentId,includeVersion,laneId),this.isComponentOnLaneButNotOnMain=(componentId,includeVersion,laneId)=>!this.isComponentOnMain(componentId,includeVersion)&&this.isComponentOnNonDefaultLanes(componentId,includeVersion,laneId),this.isComponentOnNonDefaultLanes=(componentId,includeVersion,laneId)=>{var _a,_b;return includeVersion?!!(!((_a=this.getLanesByComponentId(componentId))===null||_a===void 0)&&_a.some(lane=>!lane.id.isDefault()&&(!laneId||lane.id.isEqual(laneId)))):!!(!((_b=this.getLanesByComponentName(componentId))===null||_b===void 0)&&_b.some(lane=>!lane.id.isDefault()&&(!laneId||lane.id.isEqual(laneId))))},this.viewedLane=viewedLane,this.currentLane=currentLane,this.defaultLane=defaultLane;const allUniqueLanes=(0,lodash_1.compact)((0,lodash_1.uniqBy)([...lanes,this.defaultLane,this.currentLane,this.viewedLane],lane=>lane?.id.toString()));this.lanes=allUniqueLanes,this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(lane=>lane.id));const{byId,byName}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=byId,this.lanesByComponentName=byName}addLanes(newLanes=[]){this.lanes=LanesModel.concatLanes(this.lanes,newLanes),this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(lane=>lane.id));const{byId,byName}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=byId,this.lanesByComponentName=byName}static concatLanes(lanes=[],newLanes=[]){return(0,lodash_1.compact)((0,lodash_1.uniqBy)([...lanes,...newLanes],lane=>lane?.id.toString()))}}exports.LanesModel=LanesModel,LanesModel.lanesPrefix="~lane",LanesModel.baseLaneComponentRoute="/~component",LanesModel.lanePath=":scopeId/:laneId",LanesModel.laneUrlParamsKey="lane",LanesModel.laneFromPathRegex=(0,path_to_regexp_1.pathToRegexp)(`${LanesModel.lanesPrefix}/${LanesModel.lanePath}`,void 0,{end:!1,start:!1}),LanesModel.getLaneIdFromPathname=(pathname,urlSearchParams)=>{const matches=LanesModel.laneFromPathRegex.exec(pathname);if(matches){const[,scopeId,laneId]=matches;return lane_id_1.LaneId.from(laneId,scopeId)}if(urlSearchParams){const laneIdQueryParam=urlSearchParams.get(LanesModel.laneUrlParamsKey);return laneIdQueryParam?lane_id_1.LaneId.parse(laneIdQueryParam):void 0}},LanesModel.getLaneUrl=(laneId,relative)=>`${relative?"":"/"}${LanesModel.lanesPrefix}/${laneId.toString()}`,LanesModel.getLaneComponentUrl=(componentId,laneId,addScopeMetadataInUrl)=>{const isExternalComponent=componentId.scope!==laneId.scope,laneUrl=LanesModel.getLaneUrl(laneId),queryParams=new URLSearchParams;return componentId.version&&queryParams.set("version",componentId.version),addScopeMetadataInUrl&&queryParams.set("scope",componentId.scope),`${isExternalComponent?`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.toStringWithoutVersion()}`:`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.fullName}`}?${queryParams.toString()}`},LanesModel.getMainComponentUrl=(componentId,laneId,addScopeMetadataInUrl)=>{const componentUrl=componentId.fullName,queryParams=new URLSearchParams;return laneId&&queryParams.set(LanesModel.laneUrlParamsKey,laneId.toString()),addScopeMetadataInUrl&&queryParams.set("scope",componentId.scope),`${componentUrl}?${queryParams.toString()}`}},64856:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SlotRouter:()=>SlotRouter});var jsx_runtime=__webpack_require__(4637),react=__webpack_require__(59496),dist=__webpack_require__(67702),lodash=__webpack_require__(32699);function toKey(route){return route.path?route.path:route.index?"/":"."}function SlotRouter({routes:routesFromProps,slot,rootRoutes,children,parentPath}){const jsxRoutes=(routesFromProps||slot&&(0,lodash.flatten)(slot.values())||[]).concat(rootRoutes||[]).map(route=>(0,jsx_runtime.jsx)(dist.AW,{...route},toKey(route)));return parentPath?(0,jsx_runtime.jsx)(dist.Z5,{children:(0,jsx_runtime.jsxs)(dist.AW,{path:parentPath,children:[jsxRoutes,children]})}):(0,jsx_runtime.jsx)(dist.Z5,{children:(0,jsx_runtime.jsxs)(dist.AW,{path:parentPath,children:[jsxRoutes,children]})})}},93731:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionDropdown=exports.DetailedVersion=exports.SimpleVersion=void 0;var version_dropdown_placeholder_1=__webpack_require__(20232);Object.defineProperty(exports,"SimpleVersion",{enumerable:!0,get:function(){return version_dropdown_placeholder_1.SimpleVersion}}),Object.defineProperty(exports,"DetailedVersion",{enumerable:!0,get:function(){return version_dropdown_placeholder_1.DetailedVersion}});var version_dropdown_1=__webpack_require__(77686);Object.defineProperty(exports,"VersionDropdown",{enumerable:!0,get:function(){return version_dropdown_1.VersionDropdown}})},24397:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LaneInfo=void 0;var lane_info_1=__webpack_require__(80932);Object.defineProperty(exports,"LaneInfo",{enumerable:!0,get:function(){return lane_info_1.LaneInfo}})},80932: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.LaneInfo=void 0;const lanes_ui_models_lanes_model_1=__webpack_require__(5326),react_1=__importDefault(__webpack_require__(59496)),design_ui_surfaces_menu_link_item_1=__webpack_require__(50419),evangelist_elements_icon_1=__webpack_require__(6281),lane_info_module_scss_1=__importDefault(__webpack_require__(14342));function LaneInfo({id,currentLane}){const isCurrent=currentLane&&id.isEqual(currentLane.id);return react_1.default.createElement("div",{key:id.toString()},react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{active:isCurrent,href:lanes_ui_models_lanes_model_1.LanesModel.getLaneUrl(id),className:lane_info_module_scss_1.default.versionRow},react_1.default.createElement("span",null,react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:lane_info_module_scss_1.default.laneIcon,of:"lane"}),id.toString())))}exports.LaneInfo=LaneInfo},20232: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},__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.DetailedVersion=exports.SimpleVersion=void 0;const react_1=__importDefault(__webpack_require__(59496)),design_ui_styles_ellipsis_1=__webpack_require__(25747),classnames_1=__importDefault(__webpack_require__(97754)),semver=__importStar(__webpack_require__(9131)),evangelist_elements_icon_1=__webpack_require__(6281),design_ui_time_ago_1=__webpack_require__(69327),design_ui_avatar_1=__webpack_require__(7719),base_ui_loaders_skeleton_1=__webpack_require__(16623),version_dropdown_placeholder_module_scss_1=__importDefault(__webpack_require__(2630));function SimpleVersion(_a){var{currentVersion,className,disabled,hasMoreVersions,isTag=version=>semver.valid(version)!==null,useCurrentVersionLog,showFullVersion,loading}=_a,rest=__rest(_a,["currentVersion","className","disabled","hasMoreVersions","isTag","useCurrentVersionLog","showFullVersion","loading"]);if(loading)return react_1.default.createElement(base_ui_loaders_skeleton_1.WordSkeleton,{className:version_dropdown_placeholder_module_scss_1.default.loader,length:9});const formattedVersion=showFullVersion||isTag(currentVersion)?currentVersion:currentVersion?.slice(0,6);return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.simple,className,disabled&&version_dropdown_placeholder_module_scss_1.default.disabled)}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.versionName),onClick:rest.onClick},formattedVersion),hasMoreVersions&&react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down",onClick:rest.onClick}))}exports.SimpleVersion=SimpleVersion;function DetailedVersion(_a){var{currentVersion,className,disabled,hasMoreVersions,isTag=version=>semver.valid(version)!==null,loading,useCurrentVersionLog,showFullVersion}=_a,rest=__rest(_a,["currentVersion","className","disabled","hasMoreVersions","isTag","loading","useCurrentVersionLog","showFullVersion"]);const currentVersionLog=useCurrentVersionLog?.({skip:loading,version:currentVersion}),{displayName,message,username,email,date:_date,profileImage}=currentVersionLog||{},author=react_1.default.useMemo(()=>({displayName:displayName??"",email,name:username??"",profileImage}),[displayName,email,username,profileImage]),formattedVersion=showFullVersion||isTag(currentVersion)?currentVersion:currentVersion?.slice(0,6),date=_date?new Date(+_date):void 0,timestamp=react_1.default.useMemo(()=>date?new Date(+date).toString():new Date().toString(),[date]);return loading?react_1.default.createElement(base_ui_loaders_skeleton_1.WordSkeleton,{className:version_dropdown_placeholder_module_scss_1.default.loader,length:9}):react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.detailed,className,disabled&&version_dropdown_placeholder_module_scss_1.default.disabled)}),react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:author??{},className:version_dropdown_placeholder_module_scss_1.default.versionUserAvatar,showTooltip:!0,onClick:rest.onClick}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.versionName),onClick:rest.onClick},formattedVersion),commitMessage(message,rest.onClick),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.versionTimestamp,onClick:rest.onClick},react_1.default.createElement(design_ui_time_ago_1.TimeAgo,{date:timestamp,onClick:rest.onClick})),hasMoreVersions&&react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down",onClick:rest.onClick}))}exports.DetailedVersion=DetailedVersion;function commitMessage(message,onClick){return!message||message===""?react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.emptyMessage,onClick},"No commit message"):react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.commitMessage,onClick},message)}},77686: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},__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.VersionDropdown=exports.LOCAL_VERSION=void 0;const react_1=__importStar(__webpack_require__(59496)),design_ui_surfaces_menu_link_item_1=__webpack_require__(50419),evangelist_surfaces_dropdown_1=__webpack_require__(47676),ui_foundation_ui_use_box_tab_1=__webpack_require__(11058),design_ui_avatar_1=__webpack_require__(7719),base_ui_loaders_skeleton_1=__webpack_require__(16623),classnames_1=__importDefault(__webpack_require__(97754)),version_dropdown_module_scss_1=__importDefault(__webpack_require__(69888)),version_info_1=__webpack_require__(22939),lane_info_1=__webpack_require__(24397),version_dropdown_placeholder_1=__webpack_require__(20232);exports.LOCAL_VERSION="workspace",exports.VersionDropdown=react_1.default.memo(_VersionDropdown);const VersionMenu=react_1.default.memo(_VersionMenu);function _VersionDropdown(_a){var{currentVersion,latestVersion,localVersion,useCurrentVersionLog,hasMoreVersions,loading,overrideVersionHref,className,placeholderClassName,getActiveTabIndex,dropdownClassName,menuClassName,showVersionDetails=!0,disabled,PlaceholderComponent:_PlaceholderComponent,currentLane,useComponentVersions,lanes}=_a,rest=__rest(_a,["currentVersion","latestVersion","localVersion","useCurrentVersionLog","hasMoreVersions","loading","overrideVersionHref","className","placeholderClassName","getActiveTabIndex","dropdownClassName","menuClassName","showVersionDetails","disabled","PlaceholderComponent","currentLane","useComponentVersions","lanes"]);const[key,setKey]=(0,react_1.useState)(0),singleVersion=!hasMoreVersions,[open,setOpen]=(0,react_1.useState)(!1);react_1.default.useEffect(()=>{loading&&open&&setOpen(!1)},[loading]);const handlePlaceholderClicked=e=>{loading||e.target===e.currentTarget&&setOpen(o=>!o)},defaultPlaceholder=react_1.default.createElement(version_dropdown_placeholder_1.SimpleVersion,{useCurrentVersionLog,disabled,className:placeholderClassName,currentVersion,onClick:handlePlaceholderClicked,hasMoreVersions,loading,showFullVersion:currentVersion==="workspace"}),PlaceholderComponent=_PlaceholderComponent?react_1.default.createElement(_PlaceholderComponent,{useCurrentVersionLog,disabled,className:placeholderClassName,currentVersion,onClick:handlePlaceholderClicked,hasMoreVersions,loading,showFullVersion:currentVersion==="workspace"}):defaultPlaceholder;return disabled||singleVersion&&!loading?react_1.default.createElement("div",{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.noVersions,className)},PlaceholderComponent):react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionDropdown,className)}),react_1.default.createElement(evangelist_surfaces_dropdown_1.Dropdown,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.dropdown,dropdownClassName),dropClass:(0,classnames_1.default)(version_dropdown_module_scss_1.default.menu,menuClassName),open,onClick:handlePlaceholderClicked,onClickOutside:()=>setOpen(!1),onChange:(_e,_open)=>_open&&setKey(x=>x+1),PlaceholderComponent:_a2=>{var{children}=_a2,other=__rest(_a2,["children"]);return react_1.default.createElement("div",Object.assign({},other,{className:placeholderClassName,onClick:handlePlaceholderClicked}),children)},placeholder:PlaceholderComponent},react_1.default.createElement(VersionMenu,{className:menuClassName,key,currentVersion,latestVersion,localVersion,overrideVersionHref,showVersionDetails,currentLane,getActiveTabIndex,lanes,useVersions:useComponentVersions,open})))}const defaultActiveTabIndex=(currentVersion,tabs=[],tags,snaps)=>(snaps||[]).some(snap=>snap.version===currentVersion)?tabs.findIndex(tab=>tab.name==="SNAP"):0,VERSION_TAB_NAMES=["TAG","SNAP","LANE"];function _VersionMenu(_a){var _b,_c,{currentVersion,localVersion,latestVersion,overrideVersionHref,showVersionDetails,useVersions,currentLane,lanes,getActiveTabIndex=defaultActiveTabIndex,loading:loadingFromProps,open}=_a,rest=__rest(_a,["currentVersion","localVersion","latestVersion","overrideVersionHref","showVersionDetails","useVersions","currentLane","lanes","getActiveTabIndex","loading","open"]);const{snaps,tags,loading:loadingVersions}=useVersions?.()||{},loading=loadingFromProps||loadingVersions,tabs=react_1.default.useMemo(()=>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),[snaps?.length,tags?.length,lanes?.length,loading]),[activeTabIndex,setActiveTab]=react_1.default.useState(getActiveTabIndex(currentVersion,tabs,tags,snaps,currentLane)),activeTab=react_1.default.useMemo(()=>activeTabIndex!==void 0?tabs[activeTabIndex]:void 0,[activeTabIndex,tabs]);react_1.default.useEffect(()=>{if(!currentLane||tabs.length===0)return;const _activeTabIndex=getActiveTabIndex(currentVersion,tabs,tags,snaps,currentLane);_activeTabIndex!==activeTabIndex&&setActiveTab(_activeTabIndex)},[currentLane,tabs.length,tags?.length,snaps?.length,currentVersion,loading]);const multipleTabs=tabs.length>1,message=multipleTabs?"Switch to view tags, snaps, or lanes":`Switch between ${(_b=tabs[0])===null||_b===void 0?void 0:_b.name.toLocaleLowerCase()}s`,showTab=activeTabIndex!==void 0&&((_c=tabs[activeTabIndex])===null||_c===void 0?void 0:_c.payload.length)>0,_rowRenderer=react_1.default.useCallback(function({index}){const{name,payload=[]}=activeTab||{},item=payload[index];if(!item)return null;if(name==="LANE"){const lane=item;return react_1.default.createElement(lane_info_1.LaneInfo,Object.assign({key:lane.id.toString(),currentLane},lane))}const version=item;return react_1.default.createElement(version_info_1.VersionInfo,Object.assign({key:version.version,currentVersion,latestVersion,overrideVersionHref,showDetails:showVersionDetails},version))},[activeTab,currentVersion,latestVersion,showVersionDetails,currentLane?.id.toString(),showTab]),rowRenderer=react_1.default.useMemo(()=>showTab&&activeTab?_rowRenderer:()=>null,[showTab,activeTab,_rowRenderer]),ActiveTab=react_1.default.useMemo(()=>activeTab?.payload.map((payload,index)=>rowRenderer({index})),[activeTab]);return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionMenuContainer,!open&&version_dropdown_module_scss_1.default.hide)}),react_1.default.createElement("div",{className:version_dropdown_module_scss_1.default.top},loading&&react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{count:6,className:version_dropdown_module_scss_1.default.loader}),!loading&&react_1.default.createElement("div",{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.titleContainer,version_dropdown_module_scss_1.default.title)},message),!loading&&localVersion&&react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{href:"?",active:currentVersion===exports.LOCAL_VERSION,className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionRow,version_dropdown_module_scss_1.default.localVersion)},react_1.default.createElement("div",{className:version_dropdown_module_scss_1.default.version},react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:{},className:version_dropdown_module_scss_1.default.versionUserAvatar}),react_1.default.createElement("span",{className:version_dropdown_module_scss_1.default.versionName},exports.LOCAL_VERSION)))),react_1.default.createElement("div",{className:(0,classnames_1.default)(multipleTabs&&version_dropdown_module_scss_1.default.tabs)},multipleTabs&&tabs.map(({name},index)=>react_1.default.createElement(ui_foundation_ui_use_box_tab_1.Tab,{className:version_dropdown_module_scss_1.default.tab,key:name,isActive:activeTabIndex===index,onClick:()=>setActiveTab(index)},name))),react_1.default.createElement("div",{className:version_dropdown_module_scss_1.default.versionContainerRoot},ActiveTab))}},22939:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionInfo=void 0;var version_info_1=__webpack_require__(80327);Object.defineProperty(exports,"VersionInfo",{enumerable:!0,get:function(){return version_info_1.VersionInfo}})},80327: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},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionInfo=void 0;const design_ui_surfaces_menu_link_item_1=__webpack_require__(50419),design_ui_time_ago_1=__webpack_require__(69327),component_ui_version_label_1=__webpack_require__(35447),react_1=__importStar(__webpack_require__(59496)),design_ui_avatar_1=__webpack_require__(7719),design_ui_styles_ellipsis_1=__webpack_require__(25747),classnames_1=__importDefault(__webpack_require__(97754)),version_info_module_scss_1=__importDefault(__webpack_require__(22455));exports.VersionInfo=react_1.default.memo(react_1.default.forwardRef(_VersionInfo));function _VersionInfo({version,currentVersion,latestVersion,date,username,displayName,email,overrideVersionHref,showDetails,message,tag,profileImage},ref){const isCurrent=version===currentVersion,author=(0,react_1.useMemo)(()=>({displayName:displayName??"",email,name:username??"",profileImage}),[displayName,email,username,profileImage]),timestamp=(0,react_1.useMemo)(()=>date?new Date(parseInt(date)).toString():new Date().toString(),[date]),currentVersionRef=(0,react_1.useRef)(null);(0,react_1.useEffect)(()=>{var _a;isCurrent&&((_a=currentVersionRef.current)===null||_a===void 0||_a.scrollIntoView({block:"nearest"}))},[isCurrent]);const href=overrideVersionHref?overrideVersionHref(version):`?version=${version}`,formattedVersion=(0,react_1.useMemo)(()=>tag?version:version.slice(0,6),[tag,version]),isLatest=version===latestVersion;return react_1.default.createElement("div",{ref:ref||currentVersionRef},react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{active:isCurrent,href,className:version_info_module_scss_1.default.versionRow},react_1.default.createElement("div",{className:version_info_module_scss_1.default.version},react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:author,className:version_info_module_scss_1.default.versionUserAvatar,showTooltip:!0}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_info_module_scss_1.default.versionName)},formattedVersion),isLatest&&react_1.default.createElement(component_ui_version_label_1.VersionLabel,{status:"latest"}),react_1.default.createElement(CommitMessage,{message,showDetails})),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.versionTimestamp},react_1.default.createElement(design_ui_time_ago_1.TimeAgo,{date:timestamp}))))}function CommitMessage({message,showDetails}){return showDetails?!message||message===""?react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.emptyMessage},"No commit message"):react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.commitMessage},message):null}},39636:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AspectList=void 0;class AspectList{constructor(entries){this.entries=entries}get(aspectId){const aspectEntry=this.entries.find(entry=>entry.aspectId===aspectId);if(!!aspectEntry)return aspectEntry.aspectData}toObject(){return{entries:this.entries}}static fromObject(obj){const entries=obj?.entries||[];return new AspectList(entries)}static fromJson(obj){const entries=obj?.entries?.map(({aspectId,aspectData})=>({aspectId,aspectData:JSON.parse(aspectData)}))||[];return new AspectList(entries)}}exports.AspectList=AspectList},83804:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentDescriptor=void 0;function _component(){const data=__webpack_require__(41731);return _component=function(){return data},data}function _aspectList(){const data=__webpack_require__(39636);return _aspectList=function(){return data},data}class ComponentDescriptor{constructor(id,aspectList){this.id=id,this.aspectList=aspectList}get scope(){return this.id.scope}get(aspectId){return this.aspectList.get(aspectId)}toObject(){return{id:this.id.toString(),aspectList:this.aspectList.toObject()}}async isModified(){return!1}stringify(){return JSON.stringify(this.toObject())}toString(){return this.stringify()}static fromObject({id,aspectList}){const aspects=_aspectList().AspectList.fromObject(aspectList);return new ComponentDescriptor(_component().ComponentID.fromString(id),aspects)}static fromArray(componentsDescriptorProps){return componentsDescriptorProps.map(component=>ComponentDescriptor.fromObject(component))}}exports.ComponentDescriptor=ComponentDescriptor},17092:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AspectDataEntry",{enumerable:!0,get:function(){return _aspectList().AspectDataEntry}}),Object.defineProperty(exports,"AspectList",{enumerable:!0,get:function(){return _aspectList().AspectList}}),Object.defineProperty(exports,"AspectListProps",{enumerable:!0,get:function(){return _aspectList().AspectListProps}}),Object.defineProperty(exports,"ComponentDescriptor",{enumerable:!0,get:function(){return _componentDescriptor().ComponentDescriptor}}),Object.defineProperty(exports,"ComponentDescriptorProps",{enumerable:!0,get:function(){return _componentDescriptor().ComponentDescriptorProps}});function _componentDescriptor(){const data=__webpack_require__(83804);return _componentDescriptor=function(){return data},data}function _aspectList(){const data=__webpack_require__(39636);return _aspectList=function(){return data},data}},71227:(__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(){return!!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},18247:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _anyFs(){const data=__webpack_require__(21186);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__(62005));return _path=function(){return data},data}function _toolboxPath(){const data=__webpack_require__(92175);return _toolboxPath=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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},76675:(__unused_webpack_module,exports)=>{"use strict";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))}static async asAsync(components,predicate){const tuples=await Promise.all(components.map(async component=>[component.id.toString(),[component,await predicate(component)]]));return new ComponentMap(new Map(tuples))}}exports.ComponentMap=ComponentMap},77435:(__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__(76675);return _componentMap=function(){return data},data}},1148:(__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__(55669);return _harmony=function(){return data},data}const ComponentAspect=exports.ComponentAspect=_harmony().Aspect.create({id:"teambit.component/component",dependencies:[],defaultConfig:{}});var _default=exports.default=ComponentAspect},36354:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=void 0;function _toolboxString(){const data=__webpack_require__(22139);return _toolboxString=function(){return data},data}function _bitError(){const data=__webpack_require__(74155);return _bitError=function(){return data},data}function _lodash(){const data=__webpack_require__(32699);return _lodash=function(){return data},data}function _tagMap(){const data=__webpack_require__(5423);return _tagMap=function(){return data},data}function _exceptions(){const data=__webpack_require__(74037);return _exceptions=function(){return data},data}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){return this.state.aspects.get(id)?.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)}isDeleted(){return this.state._consumer.isRemoved()}isOutdated(){if(!this.latest)return!1;const latestTag=this.tags.byVersion(this.latest);return latestTag?this.head?.hash!==latestTag?.hash:!1}isNew(){return Promise.resolve(this.head===null)}loadState(snapId){return this.factory.getState(this.id,snapId)}loadSnap(snapId){const snapToGet=snapId||this.head?.hash;if(!snapToGet)throw new(_bitError()).BitError("could not load snap for new components");return this.factory.getSnap(this.id,snapToGet)}snapsIterable(snapId,options={}){const snapToStart=snapId||this.head?.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=[];for await(const snap of iterable)snaps.push(snap);if(snaps.length){const hashOfLastSnap=snaps[snaps.length-1].hash;return tagsHashMap.get(hashOfLastSnap)}}getTag(){const currentVersion=this.id.version;if(!!currentVersion)return this.tags.byVersion(currentVersion)||this.tags.byHash(currentVersion)}getSnapHash(){if(!this.id.hasVersion())return;const tag=this.tags.byVersion(this.id.version);return tag?tag.hash:this.id.version}async getCurrentSnap(){const snap=this.getSnapHash();if(!!snap)return this.loadSnap(snap)}checkout(version){}write(path,fs){}equals(component){return component.id.toString()===this.id.toString()}}exports.Component=Component},34665:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Config=void 0;class Config{constructor(consumerComponent){this.consumerComponent=consumerComponent}get main(){return this.consumerComponent.mainFile}get extensions(){return this.consumerComponent.extensions}}exports.Config=Config},76502:(__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},21389:(__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},74037:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";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__(56390));return _nothingToSnap=function(){return data},data}function _hostNotFound(){const data=__webpack_require__(21389);return _hostNotFound=function(){return data},data}function _couldNotFindLatest(){const data=__webpack_require__(76502);return _couldNotFindLatest=function(){return data},data}function _mainFileNotFound(){const data=__webpack_require__(69034);return _mainFileNotFound=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}},69034:(__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},56390:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;class NothingToSnap extends Error{}exports.default=NothingToSnap},83491:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentHostModel=void 0;function _ui(){const data=__webpack_require__(84039);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},54184:(__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__(71346);return _useComponentHost=function(){return data},data}var _componentHostModel=__webpack_require__(83491);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]}})})},71346:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentHost=useComponentHost;function _uiFoundationUiHooks(){const data=__webpack_require__(25338);return _uiFoundationUiHooks=function(){return data},data}function _client(){const data=__webpack_require__(97299);return _client=function(){return data},data}function _componentHostModel(){const data=__webpack_require__(83491);return _componentHostModel=function(){return data},data}const COMPONENT_HOST=(0,_client().gql)`
+`,useRootLanes=(viewedLaneId,skip,options={},scope)=>{const{ids,offset,limit,sort}=options,{data,fetchMore,loading}=(0,ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_LANES,{variables:{laneIds:ids,offset,limit,sort,skipViewedLane:!viewedLaneId||viewedLaneId.isDefault(),viewedLaneId:viewedLaneId?[viewedLaneId?.toString()]:void 0},skip,errorPolicy:"all",fetchPolicy:"cache-and-network"}),lanesModel=(0,react_1.useMemo)(()=>{if(!loading&&!!data)return lanes_ui_models_lanes_model_1.LanesModel.from({data,scope})},[loading,data,viewedLaneId?.toString(),scope]),hasMore=(0,react_1.useMemo)(()=>{var _a,_b,_c,_d,_e,_f;return loading?!0:limit?ids?.length?((_c=(_b=(_a=data?.lanes)===null||_a===void 0?void 0:_a.list)===null||_b===void 0?void 0:_b.length)!==null&&_c!==void 0?_c:0)===ids.length:((_f=(_e=(_d=data?.lanes)===null||_d===void 0?void 0:_d.list)===null||_e===void 0?void 0:_e.length)!==null&&_f!==void 0?_f:0)>=limit:!1},[loading,data]),fetchMoreLanes=(0,react_1.useCallback)((newOffset,newLimit)=>__awaiter(void 0,void 0,void 0,function*(){var _a,_b;if(hasMore)try{const{data:moreData,networkStatus}=yield fetchMore({variables:{offset:newOffset,limit:newLimit,laneIds:[],skipViewedLane:!viewedLaneId||viewedLaneId.isDefault(),viewedLaneId:viewedLaneId?[viewedLaneId?.toString()]:void 0}}),loadingMore=networkStatus===3;return!loadingMore&&moreData.lanes?{lanesModel:lanes_ui_models_lanes_model_1.LanesModel.from({data:moreData}),loading:loadingMore,hasMore:((_b=(_a=moreData.lanes.list)===null||_a===void 0?void 0:_a.length)!==null&&_b!==void 0?_b:0)>=newLimit,nextOffset:newOffset+newLimit}:{lanesModel,loading:loadingMore,nextOffset:newOffset,currentLimit:newLimit}}catch(err){return console.error(err),{}}return{lanesModel,loading:!1,hasMore:!1,nextOffset:newOffset,currentLimit:newLimit}}),[hasMore,viewedLaneId?.toString(),lanesModel]);return{loading,lanesModel,fetchMoreLanes,hasMore,offset,limit}},useSearchLanes=(search,skip)=>{const{data:searchData,loading:loadingSearch}=(0,ui_foundation_ui_hooks_use_data_query_1.useDataQuery)(GET_LANES,{variables:{search,skipViewedLane:!0},skip:skip||!search,errorPolicy:"all",fetchPolicy:"cache-and-network"});return search?{loading:loadingSearch,lanesModel:searchData&&lanes_ui_models_lanes_model_1.LanesModel.from({data:{lanes:Object.assign(Object.assign({},searchData.lanes),{current:void 0,default:void 0})}})}:{}};exports.useSearchLanes=useSearchLanes;const useLanes=(targetLanes,skip,optionsFromProps,useContextFromProps=!0,scope)=>{var _a,_b,_c,_d,_e;const context=(0,lanes_context_1.useLanesContext)()||{},options=optionsFromProps||context?.options,isSameOptions=(0,lodash_1.isEqual)(options,context?.options),useContext=useContextFromProps&&!!context&&isSameOptions,shouldSkip=skip||!!targetLanes||useContext,rootLanesData=useRootLanes((_b=(_a=context?.lanesModel)===null||_a===void 0?void 0:_a.viewedLane)===null||_b===void 0?void 0:_b.id,shouldSkip,options,scope),searchResult=(0,exports.useSearchLanes)(options?.search,shouldSkip);return targetLanes?Object.assign(Object.assign(Object.assign({},context),rootLanesData),{lanesModel:targetLanes,searchResult}):useContext?Object.assign(Object.assign({},context),{searchResult}):((_c=rootLanesData.lanesModel)===null||_c===void 0||_c.setViewedLane((_e=(_d=context?.lanesModel)===null||_d===void 0?void 0:_d.viewedLane)===null||_e===void 0?void 0:_e.id),Object.assign(Object.assign(Object.assign({},context),rootLanesData),{searchResult}))};exports.useLanes=useLanes},85904: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.Collapser=void 0;const evangelist_elements_icon_1=__webpack_require__(6281),classnames_1=__importDefault(__webpack_require__(97754)),react_1=__importDefault(__webpack_require__(59496)),design_ui_tooltip_1=__webpack_require__(49142),collapser_button_module_scss_1=__importDefault(__webpack_require__(509));function Collapser(_a){var{isOpen,tooltipContent,placement="right",onClick,className}=_a,rest=__rest(_a,["isOpen","tooltipContent","placement","onClick","className"]);const icon=`${placement}-rounded-corners`;return react_1.default.createElement(design_ui_tooltip_1.Tooltip,{content:tooltipContent},react_1.default.createElement("div",Object.assign({},rest,{onClick,className:(0,classnames_1.default)(collapser_button_module_scss_1.default.collapser,collapser_button_module_scss_1.default[placement],isOpen&&collapser_button_module_scss_1.default.open,className)}),react_1.default.createElement("div",{className:collapser_button_module_scss_1.default.circle},react_1.default.createElement("div",null,react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:icon})))))}exports.Collapser=Collapser},53440:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Collapser=void 0;var collapser_button_1=__webpack_require__(85904);Object.defineProperty(exports,"Collapser",{enumerable:!0,get:function(){return collapser_button_1.Collapser}})},5326:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;var lanes_model_1=__webpack_require__(89564);Object.defineProperty(exports,"LanesModel",{enumerable:!0,get:function(){return lanes_model_1.LanesModel}})},89564:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;const component_1=__webpack_require__(41731),lane_id_1=__webpack_require__(2538),component_id_1=__webpack_require__(99978),path_to_regexp_1=__webpack_require__(51419),lodash_1=__webpack_require__(32699);class LanesModel{static mapToLaneModel(laneData){var _a,_b,_c,_d,_e,_f,_g,_h,_j,_k;const{id,laneComponentIds=[],readmeComponent,hash,createdAt,displayName,updatedAt,createdBy:createdByData,updatedBy:updatedByData}=laneData,componentIds=laneComponentIds?.map(laneComponentId=>component_id_1.ComponentID.fromObject(laneComponentId))||[],readmeComponentModel=readmeComponent&&component_1.ComponentModel.from(Object.assign({},readmeComponent)),createdAtDate=createdAt&&new Date(+createdAt)||void 0,createdBy=createdByData?{name:(_a=createdByData?.name)!==null&&_a!==void 0?_a:void 0,email:(_b=createdByData.email)!==null&&_b!==void 0?_b:void 0,username:(_c=createdByData?.username)!==null&&_c!==void 0?_c:void 0,displayName:(_d=createdByData?.displayName)!==null&&_d!==void 0?_d:void 0,profileImage:(_e=createdByData.profileImage)!==null&&_e!==void 0?_e:void 0}:void 0,updatedAtDate=updatedAt&&new Date(+updatedAt)||void 0,updatedBy=updatedByData?.name?{name:(_f=updatedByData?.name)!==null&&_f!==void 0?_f:void 0,username:(_g=updatedByData?.username)!==null&&_g!==void 0?_g:void 0,displayName:(_h=updatedByData?.displayName)!==null&&_h!==void 0?_h:void 0,email:(_j=updatedByData.email)!==null&&_j!==void 0?_j:void 0,profileImage:(_k=updatedByData.profileImage)!==null&&_k!==void 0?_k:void 0}:void 0;return{id:lane_id_1.LaneId.from(id.name,id.scope),components:componentIds,readmeComponent:readmeComponentModel,createdAt:createdAtDate,updatedAt:updatedAtDate,displayName,hash,updatedBy,createdBy}}static groupLaneIdsByScope(laneIds){const grouped=new Map;return laneIds.forEach(laneId=>{const{scope}=laneId;if(!grouped.has(scope))grouped.set(scope,[laneId]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,laneId])}}),grouped}static groupLanesByScope(lanes){const grouped=new Map;return lanes.forEach(lane=>{const{scope}=lane.id;if(!grouped.has(scope))grouped.set(scope,[lane]);else{const existing=grouped.get(scope);grouped.set(scope,[...existing,lane])}}),grouped}static groupByComponentNameAndId(lanes){const byName=new Map,byId=new Map;return lanes.forEach(lane=>{const{components}=lane;components.forEach(component=>{const name=component.fullName,id=component.toString(),existingByName=byName.get(name)||[],existingById=byId.get(id)||[];existingByName.push(lane),existingById.push(lane),byName.set(name,existingByName),byId.set(id,existingById)})}),{byName,byId}}static from({data,scope,viewedLaneId}){var _a,_b,_c,_d,_e;const lanes=((_b=(_a=data?.lanes)===null||_a===void 0?void 0:_a.list)===null||_b===void 0?void 0:_b.map(lane=>LanesModel.mapToLaneModel(lane)))||[],currentLane=!((_c=data?.lanes)===null||_c===void 0)&&_c.current?LanesModel.mapToLaneModel(data.lanes.current):void 0,defaultLane=!((_d=data?.lanes)===null||_d===void 0)&&_d.default?LanesModel.mapToLaneModel(data.lanes.default):scope&&LanesModel.mapToLaneModel({id:{name:"main",scope},hash:""})||lanes.find(lane=>lane.id.isDefault())||void 0,viewedLane=viewedLaneId?lanes.find(lane=>lane.id.isEqual(viewedLaneId)):((_e=data?.lanes)===null||_e===void 0?void 0:_e.viewedLane)&&LanesModel.mapToLaneModel(data.lanes.viewedLane[0])||currentLane||defaultLane;return new LanesModel({lanes,currentLane,defaultLane,viewedLane})}constructor({lanes=[],viewedLane,currentLane,defaultLane}){this.getLaneComponentUrlByVersion=(componentId,laneId,addScopeMetadataInUrl)=>{var _a;const defaultLane2=this.getDefaultLane();if(!componentId.version||!laneId||!defaultLane2||laneId&&this.currentLane&&laneId.isEqual(this.currentLane.id))return LanesModel.getMainComponentUrl(componentId,void 0,addScopeMetadataInUrl);const lane=(_a=this.getLanesByComponentId(componentId))===null||_a===void 0?void 0:_a.find(l=>l.id.isEqual(laneId));return lane?lane.id.isDefault()?LanesModel.getMainComponentUrl(componentId,void 0,addScopeMetadataInUrl):LanesModel.getLaneComponentUrl(componentId,lane.id,addScopeMetadataInUrl):defaultLane2.components.find(c=>c.isEqual(componentId))?LanesModel.getMainComponentUrl(componentId,laneId,addScopeMetadataInUrl):void 0},this.setViewedLane=viewedLaneId=>{this.viewedLane=viewedLaneId?this.lanes.find(lane=>lane.id.isEqual(viewedLaneId)):void 0},this.setViewedOrDefaultLane=viewedLaneId=>{this.viewedLane=viewedLaneId?this.lanes.find(lane=>lane.id.isEqual(viewedLaneId)):this.getDefaultLane()},this.resolveComponentFromUrl=(idFromUrl,laneId)=>{var _a;const comps=((_a=laneId&&this.lanes.find(lane=>lane.id.isEqual(laneId))||this.viewedLane)===null||_a===void 0?void 0:_a.components)||[];return idFromUrl.includes(".")?comps.find(component=>component.toStringWithoutVersion()===idFromUrl):comps.find(component=>component.fullName===idFromUrl)},this.getDefaultLane=()=>this.defaultLane,this.getNonMainLanes=()=>this.lanes.filter(lane=>!lane.id.isDefault()),this.isInViewedLane=(componentId,includeVersion)=>{var _a,_b;return includeVersion?(_a=this.viewedLane)===null||_a===void 0?void 0:_a.components.some(comp=>includeVersion&&comp.isEqual(componentId)):(_b=this.viewedLane)===null||_b===void 0?void 0:_b.components.some(comp=>includeVersion&&comp.isEqual(componentId,{ignoreVersion:!0}))},this.isViewingCurrentLane=()=>this.currentLane&&this.viewedLane&&this.currentLane.id.isEqual(this.viewedLane.id),this.isViewingDefaultLane=()=>this.viewedLane&&this.viewedLane.id.isDefault(),this.isViewingNonDefaultLane=()=>this.viewedLane&&!this.viewedLane.id.isDefault(),this.getLanesByComponentName=componentId=>this.lanesByComponentName.get(componentId.fullName),this.getLanesByComponentId=componentId=>this.lanesByComponentId.get(componentId.toString()),this.isComponentOnMain=(componentId,includeVersion)=>{var _a,_b;return includeVersion?!!(!((_a=this.getLanesByComponentId(componentId))===null||_a===void 0)&&_a.some(lane=>lane.id.isDefault())):!!(!((_b=this.getLanesByComponentName(componentId))===null||_b===void 0)&&_b.some(lane=>lane.id.isDefault()))},this.isComponentOnMainButNotOnLane=(componentId,includeVersion,laneId)=>this.isComponentOnMain(componentId,includeVersion)&&!this.isComponentOnNonDefaultLanes(componentId,includeVersion,laneId),this.isComponentOnLaneButNotOnMain=(componentId,includeVersion,laneId)=>!this.isComponentOnMain(componentId,includeVersion)&&this.isComponentOnNonDefaultLanes(componentId,includeVersion,laneId),this.isComponentOnNonDefaultLanes=(componentId,includeVersion,laneId)=>{var _a,_b;return includeVersion?!!(!((_a=this.getLanesByComponentId(componentId))===null||_a===void 0)&&_a.some(lane=>!lane.id.isDefault()&&(!laneId||lane.id.isEqual(laneId)))):!!(!((_b=this.getLanesByComponentName(componentId))===null||_b===void 0)&&_b.some(lane=>!lane.id.isDefault()&&(!laneId||lane.id.isEqual(laneId))))},this.viewedLane=viewedLane,this.currentLane=currentLane,this.defaultLane=defaultLane;const allUniqueLanes=(0,lodash_1.compact)((0,lodash_1.uniqBy)([...lanes,this.defaultLane,this.currentLane,this.viewedLane],lane=>lane?.id.toString()));this.lanes=allUniqueLanes,this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(lane=>lane.id));const{byId,byName}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=byId,this.lanesByComponentName=byName}addLanes(newLanes=[]){this.lanes=LanesModel.concatLanes(this.lanes,newLanes),this.laneIdsByScope=LanesModel.groupLaneIdsByScope(this.lanes.map(lane=>lane.id));const{byId,byName}=LanesModel.groupByComponentNameAndId(this.lanes);this.lanesByComponentId=byId,this.lanesByComponentName=byName}static concatLanes(lanes=[],newLanes=[]){return(0,lodash_1.compact)((0,lodash_1.uniqBy)([...lanes,...newLanes],lane=>lane?.id.toString()))}}exports.LanesModel=LanesModel,LanesModel.lanesPrefix="~lane",LanesModel.baseLaneComponentRoute="/~component",LanesModel.lanePath=":scopeId/:laneId",LanesModel.laneUrlParamsKey="lane",LanesModel.laneFromPathRegex=(0,path_to_regexp_1.pathToRegexp)(`${LanesModel.lanesPrefix}/${LanesModel.lanePath}`,void 0,{end:!1,start:!1}),LanesModel.getLaneIdFromPathname=(pathname,urlSearchParams)=>{const matches=LanesModel.laneFromPathRegex.exec(pathname);if(matches){const[,scopeId,laneId]=matches;return lane_id_1.LaneId.from(laneId,scopeId)}if(urlSearchParams){const laneIdQueryParam=urlSearchParams.get(LanesModel.laneUrlParamsKey);return laneIdQueryParam?lane_id_1.LaneId.parse(laneIdQueryParam):void 0}},LanesModel.getLaneUrl=(laneId,relative)=>`${relative?"":"/"}${LanesModel.lanesPrefix}/${laneId.toString()}`,LanesModel.getLaneComponentUrl=(componentId,laneId,addScopeMetadataInUrl)=>{const isExternalComponent=componentId.scope!==laneId.scope,laneUrl=LanesModel.getLaneUrl(laneId),queryParams=new URLSearchParams;return componentId.version&&queryParams.set("version",componentId.version),addScopeMetadataInUrl&&queryParams.set("scope",componentId.scope),`${isExternalComponent?`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.toStringWithoutVersion()}`:`${laneUrl}${LanesModel.baseLaneComponentRoute}/${componentId.fullName}`}?${queryParams.toString()}`},LanesModel.getMainComponentUrl=(componentId,laneId,addScopeMetadataInUrl)=>{const componentUrl=componentId.fullName,queryParams=new URLSearchParams;return laneId&&queryParams.set(LanesModel.laneUrlParamsKey,laneId.toString()),addScopeMetadataInUrl&&queryParams.set("scope",componentId.scope),`${componentUrl}?${queryParams.toString()}`}},64856:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SlotRouter:()=>SlotRouter});var jsx_runtime=__webpack_require__(4637),react=__webpack_require__(59496),dist=__webpack_require__(67702),lodash=__webpack_require__(32699);function toKey(route){return route.path?route.path:route.index?"/":"."}function SlotRouter({routes:routesFromProps,slot,rootRoutes,children,parentPath}){const jsxRoutes=(routesFromProps||slot&&(0,lodash.flatten)(slot.values())||[]).concat(rootRoutes||[]).map(route=>(0,jsx_runtime.jsx)(dist.AW,{...route},toKey(route)));return parentPath?(0,jsx_runtime.jsx)(dist.Z5,{children:(0,jsx_runtime.jsxs)(dist.AW,{path:parentPath,children:[jsxRoutes,children]})}):(0,jsx_runtime.jsx)(dist.Z5,{children:(0,jsx_runtime.jsxs)(dist.AW,{path:parentPath,children:[jsxRoutes,children]})})}},93731:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionDropdown=exports.DetailedVersion=exports.SimpleVersion=void 0;var version_dropdown_placeholder_1=__webpack_require__(20232);Object.defineProperty(exports,"SimpleVersion",{enumerable:!0,get:function(){return version_dropdown_placeholder_1.SimpleVersion}}),Object.defineProperty(exports,"DetailedVersion",{enumerable:!0,get:function(){return version_dropdown_placeholder_1.DetailedVersion}});var version_dropdown_1=__webpack_require__(77686);Object.defineProperty(exports,"VersionDropdown",{enumerable:!0,get:function(){return version_dropdown_1.VersionDropdown}})},24397:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LaneInfo=void 0;var lane_info_1=__webpack_require__(80932);Object.defineProperty(exports,"LaneInfo",{enumerable:!0,get:function(){return lane_info_1.LaneInfo}})},80932: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.LaneInfo=void 0;const lanes_ui_models_lanes_model_1=__webpack_require__(5326),react_1=__importDefault(__webpack_require__(59496)),design_ui_surfaces_menu_link_item_1=__webpack_require__(50419),evangelist_elements_icon_1=__webpack_require__(6281),lane_info_module_scss_1=__importDefault(__webpack_require__(14342));function LaneInfo({id,currentLane}){const isCurrent=currentLane&&id.isEqual(currentLane.id);return react_1.default.createElement("div",{key:id.toString()},react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{active:isCurrent,href:lanes_ui_models_lanes_model_1.LanesModel.getLaneUrl(id),className:lane_info_module_scss_1.default.versionRow},react_1.default.createElement("span",null,react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:lane_info_module_scss_1.default.laneIcon,of:"lane"}),id.toString())))}exports.LaneInfo=LaneInfo},20232: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},__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.DetailedVersion=exports.SimpleVersion=void 0;const react_1=__importDefault(__webpack_require__(59496)),design_ui_styles_ellipsis_1=__webpack_require__(25747),classnames_1=__importDefault(__webpack_require__(97754)),semver=__importStar(__webpack_require__(9131)),evangelist_elements_icon_1=__webpack_require__(6281),design_ui_time_ago_1=__webpack_require__(69327),design_ui_avatar_1=__webpack_require__(7719),base_ui_loaders_skeleton_1=__webpack_require__(16623),version_dropdown_placeholder_module_scss_1=__importDefault(__webpack_require__(2630));function SimpleVersion(_a){var{currentVersion,className,disabled,hasMoreVersions,isTag=version=>semver.valid(version)!==null,useCurrentVersionLog,showFullVersion,loading}=_a,rest=__rest(_a,["currentVersion","className","disabled","hasMoreVersions","isTag","useCurrentVersionLog","showFullVersion","loading"]);if(loading)return react_1.default.createElement(base_ui_loaders_skeleton_1.WordSkeleton,{className:version_dropdown_placeholder_module_scss_1.default.loader,length:9});const formattedVersion=showFullVersion||isTag(currentVersion)?currentVersion:currentVersion?.slice(0,6);return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.simple,className,disabled&&version_dropdown_placeholder_module_scss_1.default.disabled)}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.versionName),onClick:rest.onClick},formattedVersion),hasMoreVersions&&react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down",onClick:rest.onClick}))}exports.SimpleVersion=SimpleVersion;function DetailedVersion(_a){var{currentVersion,className,disabled,hasMoreVersions,isTag=version=>semver.valid(version)!==null,loading,useCurrentVersionLog,showFullVersion}=_a,rest=__rest(_a,["currentVersion","className","disabled","hasMoreVersions","isTag","loading","useCurrentVersionLog","showFullVersion"]);const currentVersionLog=useCurrentVersionLog?.({skip:loading,version:currentVersion}),{displayName,message,username,email,date:_date,profileImage}=currentVersionLog||{},author=react_1.default.useMemo(()=>({displayName:displayName??"",email,name:username??"",profileImage}),[displayName,email,username,profileImage]),formattedVersion=showFullVersion||isTag(currentVersion)?currentVersion:currentVersion?.slice(0,6),date=_date?new Date(+_date):void 0,timestamp=react_1.default.useMemo(()=>date?new Date(+date).toString():new Date().toString(),[date]);return loading?react_1.default.createElement(base_ui_loaders_skeleton_1.WordSkeleton,{className:version_dropdown_placeholder_module_scss_1.default.loader,length:9}):react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.detailed,className,disabled&&version_dropdown_placeholder_module_scss_1.default.disabled)}),react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:author??{},className:version_dropdown_placeholder_module_scss_1.default.versionUserAvatar,showTooltip:!0,onClick:rest.onClick}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.versionName),onClick:rest.onClick},formattedVersion),commitMessage(message,rest.onClick),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.versionTimestamp,onClick:rest.onClick},react_1.default.createElement(design_ui_time_ago_1.TimeAgo,{date:timestamp,onClick:rest.onClick})),hasMoreVersions&&react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down",onClick:rest.onClick}))}exports.DetailedVersion=DetailedVersion;function commitMessage(message,onClick){return!message||message===""?react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.emptyMessage,onClick},"No commit message"):react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.commitMessage,onClick},message)}},77686: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},__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.VersionDropdown=exports.LOCAL_VERSION=void 0;const react_1=__importStar(__webpack_require__(59496)),design_ui_surfaces_menu_link_item_1=__webpack_require__(50419),evangelist_surfaces_dropdown_1=__webpack_require__(47676),ui_foundation_ui_use_box_tab_1=__webpack_require__(11058),design_ui_avatar_1=__webpack_require__(7719),base_ui_loaders_skeleton_1=__webpack_require__(16623),classnames_1=__importDefault(__webpack_require__(97754)),version_dropdown_module_scss_1=__importDefault(__webpack_require__(69888)),version_info_1=__webpack_require__(22939),lane_info_1=__webpack_require__(24397),version_dropdown_placeholder_1=__webpack_require__(20232);exports.LOCAL_VERSION="workspace",exports.VersionDropdown=react_1.default.memo(_VersionDropdown);const VersionMenu=react_1.default.memo(_VersionMenu);function _VersionDropdown(_a){var{currentVersion,latestVersion,localVersion,useCurrentVersionLog,hasMoreVersions,loading,overrideVersionHref,className,placeholderClassName,getActiveTabIndex,dropdownClassName,menuClassName,showVersionDetails=!0,disabled,PlaceholderComponent:_PlaceholderComponent,currentLane,useComponentVersions,lanes}=_a,rest=__rest(_a,["currentVersion","latestVersion","localVersion","useCurrentVersionLog","hasMoreVersions","loading","overrideVersionHref","className","placeholderClassName","getActiveTabIndex","dropdownClassName","menuClassName","showVersionDetails","disabled","PlaceholderComponent","currentLane","useComponentVersions","lanes"]);const[key,setKey]=(0,react_1.useState)(0),singleVersion=!hasMoreVersions,[open,setOpen]=(0,react_1.useState)(!1);react_1.default.useEffect(()=>{loading&&open&&setOpen(!1)},[loading]);const handlePlaceholderClicked=e=>{loading||e.target===e.currentTarget&&setOpen(o=>!o)},defaultPlaceholder=react_1.default.createElement(version_dropdown_placeholder_1.SimpleVersion,{useCurrentVersionLog,disabled,className:placeholderClassName,currentVersion,onClick:handlePlaceholderClicked,hasMoreVersions,loading,showFullVersion:currentVersion==="workspace"}),PlaceholderComponent=_PlaceholderComponent?react_1.default.createElement(_PlaceholderComponent,{useCurrentVersionLog,disabled,className:placeholderClassName,currentVersion,onClick:handlePlaceholderClicked,hasMoreVersions,loading,showFullVersion:currentVersion==="workspace"}):defaultPlaceholder;return disabled||singleVersion&&!loading?react_1.default.createElement("div",{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.noVersions,className)},PlaceholderComponent):react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionDropdown,className)}),react_1.default.createElement(evangelist_surfaces_dropdown_1.Dropdown,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.dropdown,dropdownClassName),dropClass:(0,classnames_1.default)(version_dropdown_module_scss_1.default.menu,menuClassName),open,onClick:handlePlaceholderClicked,onClickOutside:()=>setOpen(!1),onChange:(_e,_open)=>_open&&setKey(x=>x+1),PlaceholderComponent:_a2=>{var{children}=_a2,other=__rest(_a2,["children"]);return react_1.default.createElement("div",Object.assign({},other,{className:placeholderClassName,onClick:handlePlaceholderClicked}),children)},placeholder:PlaceholderComponent},react_1.default.createElement(VersionMenu,{className:menuClassName,key,currentVersion,latestVersion,localVersion,overrideVersionHref,showVersionDetails,currentLane,getActiveTabIndex,lanes,useVersions:useComponentVersions,open})))}const defaultActiveTabIndex=(currentVersion,tabs=[],tags,snaps)=>(snaps||[]).some(snap=>snap.version===currentVersion)?tabs.findIndex(tab=>tab.name==="SNAP"):0,VERSION_TAB_NAMES=["TAG","SNAP","LANE"];function _VersionMenu(_a){var _b,_c,{currentVersion,localVersion,latestVersion,overrideVersionHref,showVersionDetails,useVersions,currentLane,lanes,getActiveTabIndex=defaultActiveTabIndex,loading:loadingFromProps,open}=_a,rest=__rest(_a,["currentVersion","localVersion","latestVersion","overrideVersionHref","showVersionDetails","useVersions","currentLane","lanes","getActiveTabIndex","loading","open"]);const{snaps,tags,loading:loadingVersions}=useVersions?.()||{},loading=loadingFromProps||loadingVersions,tabs=react_1.default.useMemo(()=>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),[snaps?.length,tags?.length,lanes?.length,loading]),[activeTabIndex,setActiveTab]=react_1.default.useState(getActiveTabIndex(currentVersion,tabs,tags,snaps,currentLane)),activeTab=react_1.default.useMemo(()=>activeTabIndex!==void 0?tabs[activeTabIndex]:void 0,[activeTabIndex,tabs]);react_1.default.useEffect(()=>{if(!currentLane||tabs.length===0)return;const _activeTabIndex=getActiveTabIndex(currentVersion,tabs,tags,snaps,currentLane);_activeTabIndex!==activeTabIndex&&setActiveTab(_activeTabIndex)},[currentLane,tabs.length,tags?.length,snaps?.length,currentVersion,loading]);const multipleTabs=tabs.length>1,message=multipleTabs?"Switch to view tags, snaps, or lanes":`Switch between ${(_b=tabs[0])===null||_b===void 0?void 0:_b.name.toLocaleLowerCase()}s`,showTab=activeTabIndex!==void 0&&((_c=tabs[activeTabIndex])===null||_c===void 0?void 0:_c.payload.length)>0,_rowRenderer=react_1.default.useCallback(function({index}){const{name,payload=[]}=activeTab||{},item=payload[index];if(!item)return null;if(name==="LANE"){const lane=item;return react_1.default.createElement(lane_info_1.LaneInfo,Object.assign({key:lane.id.toString(),currentLane},lane))}const version=item;return react_1.default.createElement(version_info_1.VersionInfo,Object.assign({key:version.version,currentVersion,latestVersion,overrideVersionHref,showDetails:showVersionDetails},version))},[activeTab,currentVersion,latestVersion,showVersionDetails,currentLane?.id.toString(),showTab]),rowRenderer=react_1.default.useMemo(()=>showTab&&activeTab?_rowRenderer:()=>null,[showTab,activeTab,_rowRenderer]),ActiveTab=react_1.default.useMemo(()=>activeTab?.payload.map((payload,index)=>rowRenderer({index})),[activeTab]);return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionMenuContainer,!open&&version_dropdown_module_scss_1.default.hide)}),react_1.default.createElement("div",{className:version_dropdown_module_scss_1.default.top},loading&&react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{count:6,className:version_dropdown_module_scss_1.default.loader}),!loading&&react_1.default.createElement("div",{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.titleContainer,version_dropdown_module_scss_1.default.title)},message),!loading&&localVersion&&react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{href:"?",active:currentVersion===exports.LOCAL_VERSION,className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionRow,version_dropdown_module_scss_1.default.localVersion)},react_1.default.createElement("div",{className:version_dropdown_module_scss_1.default.version},react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:{},className:version_dropdown_module_scss_1.default.versionUserAvatar}),react_1.default.createElement("span",{className:version_dropdown_module_scss_1.default.versionName},exports.LOCAL_VERSION)))),react_1.default.createElement("div",{className:(0,classnames_1.default)(multipleTabs&&version_dropdown_module_scss_1.default.tabs)},multipleTabs&&tabs.map(({name},index)=>react_1.default.createElement(ui_foundation_ui_use_box_tab_1.Tab,{className:version_dropdown_module_scss_1.default.tab,key:name,isActive:activeTabIndex===index,onClick:()=>setActiveTab(index)},name))),react_1.default.createElement("div",{className:version_dropdown_module_scss_1.default.versionContainerRoot},ActiveTab))}},22939:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionInfo=void 0;var version_info_1=__webpack_require__(80327);Object.defineProperty(exports,"VersionInfo",{enumerable:!0,get:function(){return version_info_1.VersionInfo}})},80327: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},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionInfo=void 0;const design_ui_surfaces_menu_link_item_1=__webpack_require__(50419),design_ui_time_ago_1=__webpack_require__(69327),component_ui_version_label_1=__webpack_require__(35447),react_1=__importStar(__webpack_require__(59496)),design_ui_avatar_1=__webpack_require__(7719),design_ui_styles_ellipsis_1=__webpack_require__(25747),classnames_1=__importDefault(__webpack_require__(97754)),version_info_module_scss_1=__importDefault(__webpack_require__(22455));exports.VersionInfo=react_1.default.memo(react_1.default.forwardRef(_VersionInfo));function _VersionInfo({version,currentVersion,latestVersion,date,username,displayName,email,overrideVersionHref,showDetails,message,tag,profileImage},ref){const isCurrent=version===currentVersion,author=(0,react_1.useMemo)(()=>({displayName:displayName??"",email,name:username??"",profileImage}),[displayName,email,username,profileImage]),timestamp=(0,react_1.useMemo)(()=>date?new Date(parseInt(date)).toString():new Date().toString(),[date]),currentVersionRef=(0,react_1.useRef)(null);(0,react_1.useEffect)(()=>{var _a;isCurrent&&((_a=currentVersionRef.current)===null||_a===void 0||_a.scrollIntoView({block:"nearest"}))},[isCurrent]);const href=overrideVersionHref?overrideVersionHref(version):`?version=${version}`,formattedVersion=(0,react_1.useMemo)(()=>tag?version:version.slice(0,6),[tag,version]),isLatest=version===latestVersion;return react_1.default.createElement("div",{ref:ref||currentVersionRef},react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{active:isCurrent,href,className:version_info_module_scss_1.default.versionRow},react_1.default.createElement("div",{className:version_info_module_scss_1.default.version},react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:author,className:version_info_module_scss_1.default.versionUserAvatar,showTooltip:!0}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_info_module_scss_1.default.versionName)},formattedVersion),isLatest&&react_1.default.createElement(component_ui_version_label_1.VersionLabel,{status:"latest"}),react_1.default.createElement(CommitMessage,{message,showDetails})),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.versionTimestamp},react_1.default.createElement(design_ui_time_ago_1.TimeAgo,{date:timestamp}))))}function CommitMessage({message,showDetails}){return showDetails?!message||message===""?react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.emptyMessage},"No commit message"):react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.commitMessage},message):null}},39636:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AspectList=void 0;class AspectList{constructor(entries){this.entries=entries}get(aspectId){const aspectEntry=this.entries.find(entry=>entry.aspectId===aspectId);if(!!aspectEntry)return aspectEntry.aspectData}toObject(){return{entries:this.entries}}static fromObject(obj){const entries=obj?.entries||[];return new AspectList(entries)}static fromJson(obj){const entries=obj?.entries?.map(({aspectId,aspectData})=>({aspectId,aspectData:JSON.parse(aspectData)}))||[];return new AspectList(entries)}}exports.AspectList=AspectList},83804:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentDescriptor=void 0;function _component(){const data=__webpack_require__(41731);return _component=function(){return data},data}function _aspectList(){const data=__webpack_require__(39636);return _aspectList=function(){return data},data}class ComponentDescriptor{constructor(id,aspectList){this.id=id,this.aspectList=aspectList}get scope(){return this.id.scope}get(aspectId){return this.aspectList.get(aspectId)}toObject(){return{id:this.id.toString(),aspectList:this.aspectList.toObject()}}async isModified(){return!1}stringify(){return JSON.stringify(this.toObject())}toString(){return this.stringify()}static fromObject({id,aspectList}){const aspects=_aspectList().AspectList.fromObject(aspectList);return new ComponentDescriptor(_component().ComponentID.fromString(id),aspects)}static fromArray(componentsDescriptorProps){return componentsDescriptorProps.map(component=>ComponentDescriptor.fromObject(component))}}exports.ComponentDescriptor=ComponentDescriptor},17092:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AspectDataEntry",{enumerable:!0,get:function(){return _aspectList().AspectDataEntry}}),Object.defineProperty(exports,"AspectList",{enumerable:!0,get:function(){return _aspectList().AspectList}}),Object.defineProperty(exports,"AspectListProps",{enumerable:!0,get:function(){return _aspectList().AspectListProps}}),Object.defineProperty(exports,"ComponentDescriptor",{enumerable:!0,get:function(){return _componentDescriptor().ComponentDescriptor}}),Object.defineProperty(exports,"ComponentDescriptorProps",{enumerable:!0,get:function(){return _componentDescriptor().ComponentDescriptorProps}});function _componentDescriptor(){const data=__webpack_require__(83804);return _componentDescriptor=function(){return data},data}function _aspectList(){const data=__webpack_require__(39636);return _aspectList=function(){return data},data}},71227:(__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(){return!!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},18247:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _anyFs(){const data=__webpack_require__(21186);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__(62005));return _path=function(){return data},data}function _toolboxPath(){const data=__webpack_require__(92175);return _toolboxPath=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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},76675:(__unused_webpack_module,exports)=>{"use strict";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))}static async asAsync(components,predicate){const tuples=await Promise.all(components.map(async component=>[component.id.toString(),[component,await predicate(component)]]));return new ComponentMap(new Map(tuples))}}exports.ComponentMap=ComponentMap},77435:(__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__(76675);return _componentMap=function(){return data},data}},1148:(__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__(55669);return _harmony=function(){return data},data}const ComponentAspect=exports.ComponentAspect=_harmony().Aspect.create({id:"teambit.component/component",dependencies:[],defaultConfig:{}});var _default=exports.default=ComponentAspect},36354:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=void 0;function _toolboxString(){const data=__webpack_require__(22139);return _toolboxString=function(){return data},data}function _bitError(){const data=__webpack_require__(74155);return _bitError=function(){return data},data}function _lodash(){const data=__webpack_require__(32699);return _lodash=function(){return data},data}function _tagMap(){const data=__webpack_require__(5423);return _tagMap=function(){return data},data}function _exceptions(){const data=__webpack_require__(74037);return _exceptions=function(){return data},data}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){return this.state.aspects.get(id)?.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)}isDeleted(){return this.state._consumer.isRemoved()}isOutdated(){if(!this.latest)return!1;const latestTag=this.tags.byVersion(this.latest);return latestTag?this.head?.hash!==latestTag?.hash:!1}isNew(){return Promise.resolve(this.head===null)}loadState(snapId){return this.factory.getState(this.id,snapId)}loadSnap(snapId){const snapToGet=snapId||this.head?.hash;if(!snapToGet)throw new(_bitError()).BitError("could not load snap for new components");return this.factory.getSnap(this.id,snapToGet)}snapsIterable(snapId,options={}){const snapToStart=snapId||this.head?.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=[];for await(const snap of iterable)snaps.push(snap);if(snaps.length){const hashOfLastSnap=snaps[snaps.length-1].hash;return tagsHashMap.get(hashOfLastSnap)}}getTag(){const currentVersion=this.id.version;if(!!currentVersion)return this.tags.byVersion(currentVersion)||this.tags.byHash(currentVersion)}getSnapHash(){if(!this.id.hasVersion())return;const tag=this.tags.byVersion(this.id.version);return tag?tag.hash:this.id.version}async getCurrentSnap(){const snap=this.getSnapHash();if(!!snap)return this.loadSnap(snap)}checkout(version){}write(path,fs){}equals(component){return component.id.toString()===this.id.toString()}}exports.Component=Component},34665:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Config=void 0;class Config{constructor(consumerComponent){this.consumerComponent=consumerComponent}get main(){return this.consumerComponent.mainFile}get extensions(){return this.consumerComponent.extensions}}exports.Config=Config},76502:(__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},21389:(__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},74037:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";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__(56390));return _nothingToSnap=function(){return data},data}function _hostNotFound(){const data=__webpack_require__(21389);return _hostNotFound=function(){return data},data}function _couldNotFindLatest(){const data=__webpack_require__(76502);return _couldNotFindLatest=function(){return data},data}function _mainFileNotFound(){const data=__webpack_require__(69034);return _mainFileNotFound=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}},69034:(__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},56390:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;class NothingToSnap extends Error{}exports.default=NothingToSnap},83491:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentHostModel=void 0;function _ui(){const data=__webpack_require__(84039);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},54184:(__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__(1311);return _useComponentHost=function(){return data},data}var _componentHostModel=__webpack_require__(83491);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]}})})},1311:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentHost=useComponentHost;function _uiFoundationUiHooks(){const data=__webpack_require__(25338);return _uiFoundationUiHooks=function(){return data},data}function _client(){const data=__webpack_require__(97299);return _client=function(){return data},data}function _componentHostModel(){const data=__webpack_require__(83491);return _componentHostModel=function(){return data},data}const COMPONENT_HOST=(0,_client().gql)`
   {
     getHost {
       id # used for GQL caching

package/artifacts/env-template/public/assets-manifest.json

@@ -1,17 +1,17 @@
 {
-  "310.8db029366a3258c07bf7.js": "310.8db029366a3258c07bf7.js",
+  "310.fe8c6ad4ed71234c93ac.js": "310.fe8c6ad4ed71234c93ac.js",
   "359.0a1f1ff12be5124a0f7c.js": "359.0a1f1ff12be5124a0f7c.js",
   "700.f5fce5db582bd65bc0df.js": "700.f5fce5db582bd65bc0df.js",
   "851.d2664a57f5d46b636e5f.js": "851.d2664a57f5d46b636e5f.js",
   "compositions.css": "static/css/compositions.2a7f63f9.css",
   "compositions.html": "compositions.html",
-  "compositions.js": "compositions.424ad3f08b73aeb62798.js",
+  "compositions.js": "compositions.baaa1ddf96831c98e478.js",
   "entrypoints": {
     "peers": {
       "assets": {
         "js": [
           "851.d2664a57f5d46b636e5f.js",
-          "peers.ac4d0b4f00e5a185bfe3.js"
+          "peers.4783d963db3f86db9a98.js"
         ]
       }
     },
@@ -30,7 +30,7 @@
       "assets": {
         "js": [
           "700.f5fce5db582bd65bc0df.js",
-          "compositions.424ad3f08b73aeb62798.js"
+          "compositions.baaa1ddf96831c98e478.js"
         ],
         "css": [
           "static/css/compositions.2a7f63f9.css"
@@ -40,8 +40,8 @@
     "overview": {
       "assets": {
         "js": [
-          "310.8db029366a3258c07bf7.js",
-          "overview.996f59917a642e65ff27.js"
+          "310.fe8c6ad4ed71234c93ac.js",
+          "overview.77f4bc1e3ee598e51539.js"
         ],
         "css": [
           "static/css/310.cdd78dee.css"
@@ -50,8 +50,8 @@
     }
   },
   "overview.html": "overview.html",
-  "overview.js": "overview.996f59917a642e65ff27.js",
-  "peers.js": "peers.ac4d0b4f00e5a185bfe3.js",
+  "overview.js": "overview.77f4bc1e3ee598e51539.js",
+  "peers.js": "peers.4783d963db3f86db9a98.js",
   "preview-root.css": "static/css/preview-root.5fd7d59d.css",
   "preview-root.js": "preview-root.93da260e5cd4522c90ed.js",
   "static/css/310.cdd78dee.css": "static/css/310.cdd78dee.css"

package/artifacts/env-template/public/compositions.baaa1ddf96831c98e478.js

@@ -0,0 +1,17 @@
+"use strict";(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[384],{2302:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitBaseEvent=void 0;class BitBaseEvent{constructor(type,version,timestamp,data){this.type=type,this.version=version,this.timestamp=timestamp,this.data=data}}exports.BitBaseEvent=BitBaseEvent},93263:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BitBaseEvent",{enumerable:!0,get:function(){return _bitBaseEvent().BitBaseEvent}}),Object.defineProperty(exports,"PubsubAspect",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"usePubSub",{enumerable:!0,get:function(){return _pubsubContext().usePubSub}}),Object.defineProperty(exports,"usePubSubIframe",{enumerable:!0,get:function(){return _pubsubContext().usePubSubIframe}});function _pubsub(){const data=__webpack_require__(74030);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(2302);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(68308);return _pubsubContext=function(){return data},data}},68308:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.createProvider=createProvider,exports.pubsubRegistry=void 0,exports.usePubSub=usePubSub,exports.usePubSubIframe=usePubSubIframe;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}const pubsubRegistry=exports.pubsubRegistry=(0,_react().createContext)(void 0);function createProvider(pubSubContext){return({children})=>_react().default.createElement(pubsubRegistry.Provider,{value:pubSubContext},children)}function usePubSub(){return(0,_react().useContext)(pubsubRegistry)}function usePubSubIframe(ref){const pubSub=usePubSub();(0,_react().useEffect)(()=>{if(!ref?.current||!pubSub)return()=>{};const destroyConnection=pubSub.connect(ref.current);return()=>destroyConnection()},[ref?.current,pubSub])}},74030:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PubsubAspect=void 0;function _harmony(){const data=__webpack_require__(25217);return _harmony=function(){return data},data}const PubsubAspect=exports.PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});var _default=exports.default=PubsubAspect},55982:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClickInsideAnIframeEvent=void 0;function _pubsub(){const data=__webpack_require__(93263);return _pubsub=function(){return data},data}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class ClickInsideAnIframeEventData{constructor(clickEvent){this.clickEvent=clickEvent}}class ClickInsideAnIframeEvent extends _pubsub().BitBaseEvent{constructor(timestamp=Date.now(),clickEvent){super(ClickInsideAnIframeEvent.TYPE,"0.0.1",timestamp,new ClickInsideAnIframeEventData(clickEvent));this.timestamp=timestamp,this.clickEvent=clickEvent}}exports.ClickInsideAnIframeEvent=ClickInsideAnIframeEvent,_defineProperty(ClickInsideAnIframeEvent,"TYPE","click-inside-an-iframe")},3355:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0});var _clickInsideAnIframe=__webpack_require__(55982);Object.keys(_clickInsideAnIframe).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_clickInsideAnIframe[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _clickInsideAnIframe[key]}})})},90956:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.BundlingStrategyNotFound=void 0;class BundlingStrategyNotFound extends Error{constructor(strategyName){super(`bundling strategy with name ${strategyName} was not found`);this.strategyName=strategyName}}exports.BundlingStrategyNotFound=BundlingStrategyNotFound},71346:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BundlingStrategyNotFound",{enumerable:!0,get:function(){return _bundlingStrategyNotFound().BundlingStrategyNotFound}}),Object.defineProperty(exports,"PreviewArtifactNotFound",{enumerable:!0,get:function(){return _previewArtifactNotFound().PreviewArtifactNotFound}}),Object.defineProperty(exports,"PreviewNotFound",{enumerable:!0,get:function(){return _previewNotFound().PreviewNotFound}}),Object.defineProperty(exports,"PreviewOutputFileNotFound",{enumerable:!0,get:function(){return _previewOutputFileNotFound().PreviewOutputFileNotFound}});function _previewNotFound(){const data=__webpack_require__(42868);return _previewNotFound=function(){return data},data}function _previewArtifactNotFound(){const data=__webpack_require__(11622);return _previewArtifactNotFound=function(){return data},data}function _bundlingStrategyNotFound(){const data=__webpack_require__(90956);return _bundlingStrategyNotFound=function(){return data},data}function _previewOutputFileNotFound(){const data=__webpack_require__(9480);return _previewOutputFileNotFound=function(){return data},data}},11622:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewArtifactNotFound=void 0;function _bitError(){const data=__webpack_require__(75345);return _bitError=function(){return data},data}class PreviewArtifactNotFound extends _bitError().BitError{constructor(componentId){super(`preview for component ${componentId.toString()} was not found`)}}exports.PreviewArtifactNotFound=PreviewArtifactNotFound},42868:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewNotFound=void 0;class PreviewNotFound extends Error{constructor(name){super(`Preview for name: ${name} was not found`)}}exports.PreviewNotFound=PreviewNotFound},9480:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewOutputFileNotFound=void 0;function _bitError(){const data=__webpack_require__(75345);return _bitError=function(){return data},data}class PreviewOutputFileNotFound extends _bitError().BitError{constructor(componentId,filePath){super(`preview output file for component: "${componentId.toString()}" was not found in the path: "${filePath}".
+
+This is usually a result of an error during the bundling process.
+The error might be an error of another component that uses the same env.
+Run "bit build" with "--dev" to see more info.
+Run "bit envs" to see other components that uses the same env`)}}exports.PreviewOutputFileNotFound=PreviewOutputFileNotFound},22981:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.fetchComponentAspects=fetchComponentAspects;function _graphqlRequest(){const data=__webpack_require__(80507);return _graphqlRequest=function(){return data},data}const GQL_SERVER="/graphql",GET_COMPONENT_ASPECTS=(0,_graphqlRequest().gql)`
+  query getComponentAspects($id: String!) {
+    getHost {
+      id
+      get(id: $id) {
+        aspects {
+          id
+        }
+      }
+    }
+  }
+`;async function fetchComponentAspects(componentId){try{return(await(0,_graphqlRequest().request)(GQL_SERVER,GET_COMPONENT_ASPECTS,{id:componentId.toString()})).getHost.get.aspects.map(x=>x.id)}catch(err){console.error(`[gql] error on "getComponentAspects" - "${err.toString()}"`);return}}},93897:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadLink=loadLink,exports.loadScript=loadScript;function loadScript({src}){return new Promise((resolve,reject)=>{const script=document.createElement("script");script.setAttribute("defer","defer"),script.src=src,script.onload=()=>resolve(),script.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load script: ${message}`)),document.head.appendChild(script)})}function loadLink({href}){return new Promise((resolve,reject)=>{const link=document.createElement("link");href.endsWith(".css")&&link.setAttribute("rel","stylesheet"),link.setAttribute("href",href),link.onload=()=>resolve(),link.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load link: ${message}`)),document.head.appendChild(link)})}},38:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PREVIEW_MODULES",{enumerable:!0,get:function(){return _previewModules().PREVIEW_MODULES}}),Object.defineProperty(exports,"PreviewModules",{enumerable:!0,get:function(){return _previewModules().PreviewModules}}),Object.defineProperty(exports,"linkModules",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _previewModules(){const data=__webpack_require__(54710);return _previewModules=function(){return data},data}},95147:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PreviewRuntime=exports.PreviewAspect=void 0;function _harmony(){const data=__webpack_require__(25217);return _harmony=function(){return data},data}const PreviewRuntime=exports.PreviewRuntime=new(_harmony()).RuntimeDefinition("preview"),PreviewAspect=exports.PreviewAspect=_harmony().Aspect.create({id:"teambit.preview/preview",dependencies:[],defaultConfig:{},declareRuntime:PreviewRuntime});var _default=exports.default=PreviewAspect},80543:(__unused_webpack_module,exports,__webpack_require__)=>{var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0,Object.defineProperty(exports,"Bu",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _pubsub(){const data=__webpack_require__(93263);return _pubsub=function(){return data},data}function _harmony(){const data=__webpack_require__(25217);return _harmony=function(){return data},data}function _componentId(){const data=__webpack_require__(83947);return _componentId=function(){return data},data}function _crossFetch(){const data=_interopRequireDefault(__webpack_require__(6));return _crossFetch=function(){return data},data}function _memoizee(){const data=_interopRequireDefault(__webpack_require__(94300));return _memoizee=function(){return data},data}function _lodash(){const data=__webpack_require__(58822);return _lodash=function(){return data},data}function _exceptions(){const data=__webpack_require__(71346);return _exceptions=function(){return data},data}function _preview(){const data=__webpack_require__(95147);return _preview=function(){return data},data}function _events(){const data=__webpack_require__(3355);return _events=function(){return data},data}function _renderingContext(){const data=__webpack_require__(87877);return _renderingContext=function(){return data},data}function _fetchComponentAspects(){const data=__webpack_require__(22981);return _fetchComponentAspects=function(){return data},data}function _previewModules(){const data=__webpack_require__(38);return _previewModules=function(){return data},data}function _htmlUtils(){const data=__webpack_require__(93897);return _htmlUtils=function(){return data},data}function _sizeEvent(){const data=__webpack_require__(43578);return _sizeEvent=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class PreviewPreview{constructor(pubsub,previewSlot,renderingContextSlot){this.pubsub=pubsub,this.previewSlot=previewSlot,this.renderingContextSlot=renderingContextSlot,_defineProperty(this,"isDev",!1),_defineProperty(this,"_setupPromise",void 0),_defineProperty(this,"setup",()=>this.isReady()?Promise.resolve():(this._setupPromise??=new Promise(resolve=>{_previewModules().PREVIEW_MODULES.onSet.add(()=>{this.isReady()&&resolve()})}),this._setupPromise)),_defineProperty(this,"render",async rootExt=>{window.document.body.style.width="fit-content";const{previewName,componentId,envId}=this.getLocation(),name=previewName||this.getDefault();rootExt&&(this.isDev=rootExt==="teambit.workspace/workspace");const preview=this.getPreview(name);if(!preview||!componentId)throw new(_exceptions()).PreviewNotFound(previewName);const includesAll=await Promise.all((preview.include||[]).map(async inclPreviewName=>{const includedPreview=this.getPreview(inclPreviewName);if(!includedPreview)return;const inclPreviewModule=await this.getPreviewModule(inclPreviewName,componentId);return includedPreview.selectPreviewModel?.(componentId.fullName,inclPreviewModule)})),query=this.getQuery(),includes=this.getParam(query,"onlyOverview")==="true"?[]:includesAll.filter(module=>!!module).map(module=>{if(!module.default||!(0,_lodash().isObject)(module.default))return module;const keysWithoutDefault=Object.keys(module).filter(key=>key!=="default"),defaultKeys=Object.keys(module.default);return(0,_lodash().intersection)(keysWithoutDefault,defaultKeys).length===defaultKeys.length?module.default:module}),componentAspects=this.isDev?await this.getComponentAspects(componentId.toString()):void 0,previewModule=await this.getPreviewModule(name,componentId),render=preview.render(componentId,envId||"",previewModule,includes,this.getRenderingContext(componentAspects));return this.reportSize(),this.setViewport(),this.setFullScreen(),render}),_defineProperty(this,"getComponentAspects",(0,_memoizee().default)(_fetchComponentAspects().fetchComponentAspects,{max:100,maxAge:12*60*60*1e3})),this.registerClickPubSub()}registerClickPubSub(){window.addEventListener("click",e=>{const timestamp=Date.now(),clickEvent=Object.assign({},e);this.pubsub.pub(_preview().PreviewAspect.id,new(_events()).ClickInsideAnIframeEvent(timestamp,clickEvent))})}isReady(){const{previewName}=this.getLocation(),name=previewName||this.getDefault();if(!_previewModules().PREVIEW_MODULES.has(name))return!1;const preview=this.getPreview(name);return!(!preview||!(preview.include?.every(included=>_previewModules().PREVIEW_MODULES.has(included))??!0))}setFullScreen(){const query=this.getQuery();if(!this.getParam(query,"fullscreen"))return;const root=window.document.getElementById("root");root&&(root.style.height="100vh")}setViewport(){const query=this.getQuery(),viewPort=this.getParam(query,"viewport");if(!viewPort){window.document.body.style.width="100%";return}window.document.body.style.maxWidth=`${viewPort}px`}reportSize(){if(!window?.parent||!window?.document)return;const sendPubsubEvent=()=>{this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))};window.document.body.addEventListener("resize",(0,_lodash().debounce)(sendPubsubEvent,300));let counter=0;const interval=setInterval(()=>{if(counter+=1,counter>10){clearInterval(interval);return}this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))},200)}async getPreviewModule(previewName,id){const compShortId=id.fullName,relevantModel=_previewModules().PREVIEW_MODULES.get(previewName);if(!relevantModel)throw new Error(`[preview.preview] missing preview "${previewName}"`);if(relevantModel.componentMap[compShortId])return relevantModel;const componentPreviews=await this.fetchComponentPreview(id,previewName);_previewModules().PREVIEW_MODULES.loadComponentPreviews(compShortId,componentPreviews);const component=componentPreviews[previewName],metadata=componentPreviews[`${previewName}_metadata`];return{modulesMap:relevantModel.modulesMap,componentMap:{[id.fullName]:component},componentMapMetadata:{[id.fullName]:metadata}}}async fetchComponentPreview(id,name){let previewFile;const allFiles=await this.fetchComponentPreviewFiles(id,name);return allFiles===null?{}:(await Promise.all(allFiles.map(file=>{if(file.endsWith("-preview.js")){previewFile=file;return}return this.addComponentFileElement(id,file)})),previewFile?this.loadPreviewScript(id,name,previewFile):{})}addComponentFileElement(id,previewBundleFileName){if(previewBundleFileName.endsWith(".js"))return this.addComponentFileScriptElement(id,previewBundleFileName);this.addComponentFileLinkElement(id,previewBundleFileName).catch(err=>{throw new Error(`[preview.preview] failed loading asset "${previewBundleFileName}". Error - "${err?.toString()}"`)})}async fetchComponentPreviewFiles(id,previewName){const previewAssetsRoute="~aspect/preview-assets",url=`/api/${id.toString()}/${previewAssetsRoute}`,res=await(0,_crossFetch().default)(url);if(res.status>=400)throw new(_exceptions()).PreviewNotFound(previewName);const parsed=await res.json();if(parsed.isBundledWithEnv)return null;if(!parsed.files||!parsed.files.length)throw new(_exceptions()).PreviewNotFound(previewName);return parsed.files}addComponentFileScriptElement(id,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;return(0,_htmlUtils().loadScript)({src})}addComponentFileLinkElement(id,previewBundleFileName){const href=`/api/${id.toString()}/~aspect/component-preview/${previewBundleFileName}`;return(0,_htmlUtils().loadLink)({href})}async loadPreviewScript(id,previewName,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;await(0,_htmlUtils().loadScript)({src});const globalId=`${id.toStringWithoutVersion()}-preview`,componentPreview=window[globalId];if(!componentPreview)throw new(_exceptions()).PreviewNotFound(previewName);return componentPreview}registerPreview(preview){return this.previewSlot.register(preview),this}getRenderingContext(aspectsFilter){return new(_renderingContext()).RenderingContext(this.renderingContextSlot,{aspectsFilter})}registerRenderContext(renderContext){return this.renderingContextSlot.register(renderContext),this}getDefault(){const previews=this.previewSlot.values();return previews.find(previewCandidate=>previewCandidate.default)?.name||previews[0].name}getPreview(previewName){return this.previewSlot.values().find(previewCandidate=>previewCandidate.name===previewName)}getParam(query,param){return new URLSearchParams(query).get(param)}getQuery(){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?");return after}getLocation(){const withoutHash=window.location.hash.substring(1),[before,after]=withoutHash.split("?");return{previewName:this.getParam(after,"preview"),envId:this.getParam(after,"env"),componentId:_componentId().ComponentID.tryFromString(before)}}static async provider([pubsub],config,[previewSlot,renderingContextSlot]){const preview=new PreviewPreview(pubsub,previewSlot,renderingContextSlot);return window.addEventListener("hashchange",()=>{preview.render()}),preview}}__webpack_unused_export__=PreviewPreview,_defineProperty(PreviewPreview,"runtime",_preview().PreviewRuntime),_defineProperty(PreviewPreview,"dependencies",[_pubsub().PubsubAspect]),_defineProperty(PreviewPreview,"slots",[_harmony().Slot.withType(),_harmony().Slot.withType()]),_preview().PreviewAspect.addRuntime(PreviewPreview)},87877:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.RenderingContext=void 0;class RenderingContext{constructor(contexts,options={}){this.contexts=contexts,this.options=options}get(aspectId){return this.contexts.get(aspectId)?.(this.options)}}exports.RenderingContext=RenderingContext},43578:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SizeEvent=void 0;function _pubsub(){const data=__webpack_require__(93263);return _pubsub=function(){return data},data}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class SizeEvent extends _pubsub().BitBaseEvent{constructor(sizeEvent){super(SizeEvent.TYPE,"0.0.1",new Date().getTime(),sizeEvent)}}exports.SizeEvent=SizeEvent,_defineProperty(SizeEvent,"TYPE","preview-size")},57512:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(80543),_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,_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:!1,componentMap:{}})}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[700,851,359,629],()=>__webpack_exec__(57512));var __webpack_exports__=__webpack_require__.O()}]);

package/artifacts/env-template/public/compositions.html

@@ -1,2 +1,2 @@
 <!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
-      try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>body { margin: 0; }</style><script defer="defer" src="851.d2664a57f5d46b636e5f.js"></script><script defer="defer" src="peers.ac4d0b4f00e5a185bfe3.js"></script><script defer="defer" src="359.0a1f1ff12be5124a0f7c.js"></script><script defer="defer" src="preview-root.93da260e5cd4522c90ed.js"></script><script defer="defer" src="700.f5fce5db582bd65bc0df.js"></script><script defer="defer" src="compositions.424ad3f08b73aeb62798.js"></script><link href="static/css/preview-root.5fd7d59d.css" rel="stylesheet"><link href="static/css/compositions.2a7f63f9.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
+      try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>body { margin: 0; }</style><script defer="defer" src="851.d2664a57f5d46b636e5f.js"></script><script defer="defer" src="peers.4783d963db3f86db9a98.js"></script><script defer="defer" src="359.0a1f1ff12be5124a0f7c.js"></script><script defer="defer" src="preview-root.93da260e5cd4522c90ed.js"></script><script defer="defer" src="700.f5fce5db582bd65bc0df.js"></script><script defer="defer" src="compositions.baaa1ddf96831c98e478.js"></script><link href="static/css/preview-root.5fd7d59d.css" rel="stylesheet"><link href="static/css/compositions.2a7f63f9.css" rel="stylesheet"></head><body><div id="root"></div></body></html>

package/artifacts/env-template/public/{overview.996f59917a642e65ff27.js → overview.77f4bc1e3ee598e51539.js}

@@ -2,4 +2,4 @@
 `:`
 `,newline=/\r\n|\r|\n/g;function converts(text,to){if(Buffer.isBuffer(text)){if((0,_isbinaryfile().isBinaryFileSync)(text))return text;const str=text.toString(),strReplaced=str.replace(newline,to);return str!==strReplaced?Buffer.from(strReplaced):text}return text.toString().replace(newline,to)}function lf(text){return converts(text,`
 `)}function auto(text){return converts(text,lineBreak)}function cr(text){return converts(text,"\r")}function crlf(text){return converts(text,`\r
-`)}},30755:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLatestVersion=getLatestVersion,exports.getValidVersionOrReleaseType=getValidVersionOrReleaseType,exports.isReleaseTypeSupported=isReleaseTypeSupported,exports.isStrReleaseType=isStrReleaseType,exports.throwForUnsupportedReleaseType=throwForUnsupportedReleaseType,exports.validateVersion=validateVersion;function _semver(){const data=__webpack_require__(9131);return _semver=function(){return data},data}function _componentVersion(){const data=__webpack_require__(22670);return _componentVersion=function(){return data},data}function isStrReleaseType(str){return["major","premajor","minor","preminor","patch","prepatch","prerelease"].includes(str)}function isReleaseTypeSupported(str){return["patch","minor","major","prerelease"].includes(str)}function throwForUnsupportedReleaseType(str){if(!isReleaseTypeSupported(str))throw new Error(`the release-type "${str}" is not supported`)}function validateVersion(version){if(version){const validVersion=(0,_semver().valid)(version);if(!validVersion)throw new(_componentVersion()).InvalidVersion(version);return validVersion}}function getValidVersionOrReleaseType(str){if(isStrReleaseType(str)){const releaseType=str;return throwForUnsupportedReleaseType(releaseType),{releaseType}}return{exactVersion:validateVersion(str)}}function getLatestVersion(versions){const max=(0,_semver().maxSatisfying)(versions,"*",{includePrerelease:!0});if(!max)throw new Error(`unable to find the latest version from ${versions.join(", ")}`);return max}},53952:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(42710),_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(79022),_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__);(0,_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("overview",{modulesMap:{default:_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__},isSplitComponentBundle:!1,componentMap:{}})},27127:()=>{},5010:()=>{},65660:()=>{},87942:()=>{},82880:()=>{}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[310,851,359,629,700,384],()=>__webpack_exec__(53952));var __webpack_exports__=__webpack_require__.O()}]);
+`)}},30755:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLatestVersion=getLatestVersion,exports.getValidVersionOrReleaseType=getValidVersionOrReleaseType,exports.isReleaseTypeSupported=isReleaseTypeSupported,exports.isStrReleaseType=isStrReleaseType,exports.throwForUnsupportedReleaseType=throwForUnsupportedReleaseType,exports.validateVersion=validateVersion;function _semver(){const data=__webpack_require__(9131);return _semver=function(){return data},data}function _componentVersion(){const data=__webpack_require__(22670);return _componentVersion=function(){return data},data}function isStrReleaseType(str){return["major","premajor","minor","preminor","patch","prepatch","prerelease"].includes(str)}function isReleaseTypeSupported(str){return["patch","minor","major","prerelease"].includes(str)}function throwForUnsupportedReleaseType(str){if(!isReleaseTypeSupported(str))throw new Error(`the release-type "${str}" is not supported`)}function validateVersion(version){if(version){const validVersion=(0,_semver().valid)(version);if(!validVersion)throw new(_componentVersion()).InvalidVersion(version);return validVersion}}function getValidVersionOrReleaseType(str){if(isStrReleaseType(str)){const releaseType=str;return throwForUnsupportedReleaseType(releaseType),{releaseType}}return{exactVersion:validateVersion(str)}}function getLatestVersion(versions){const max=(0,_semver().maxSatisfying)(versions,"*",{includePrerelease:!0});if(!max)throw new Error(`unable to find the latest version from ${versions.join(", ")}`);return max}},84866:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(80543),_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(79022),_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__);(0,_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("overview",{modulesMap:{default:_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__},isSplitComponentBundle:!1,componentMap:{}})},27127:()=>{},5010:()=>{},65660:()=>{},87942:()=>{},82880:()=>{}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[310,851,359,629,700,384],()=>__webpack_exec__(84866));var __webpack_exports__=__webpack_require__.O()}]);

package/artifacts/env-template/public/overview.html

@@ -1,2 +1,2 @@
 <!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
-      try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>body { margin: 0; }</style><script defer="defer" src="851.d2664a57f5d46b636e5f.js"></script><script defer="defer" src="peers.ac4d0b4f00e5a185bfe3.js"></script><script defer="defer" src="359.0a1f1ff12be5124a0f7c.js"></script><script defer="defer" src="preview-root.93da260e5cd4522c90ed.js"></script><script defer="defer" src="700.f5fce5db582bd65bc0df.js"></script><script defer="defer" src="compositions.424ad3f08b73aeb62798.js"></script><script defer="defer" src="310.8db029366a3258c07bf7.js"></script><script defer="defer" src="overview.996f59917a642e65ff27.js"></script><link href="static/css/preview-root.5fd7d59d.css" rel="stylesheet"><link href="static/css/compositions.2a7f63f9.css" rel="stylesheet"><link href="static/css/310.cdd78dee.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
+      try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>body { margin: 0; }</style><script defer="defer" src="851.d2664a57f5d46b636e5f.js"></script><script defer="defer" src="peers.4783d963db3f86db9a98.js"></script><script defer="defer" src="359.0a1f1ff12be5124a0f7c.js"></script><script defer="defer" src="preview-root.93da260e5cd4522c90ed.js"></script><script defer="defer" src="700.f5fce5db582bd65bc0df.js"></script><script defer="defer" src="compositions.baaa1ddf96831c98e478.js"></script><script defer="defer" src="310.fe8c6ad4ed71234c93ac.js"></script><script defer="defer" src="overview.77f4bc1e3ee598e51539.js"></script><link href="static/css/preview-root.5fd7d59d.css" rel="stylesheet"><link href="static/css/compositions.2a7f63f9.css" rel="stylesheet"><link href="static/css/310.cdd78dee.css" rel="stylesheet"></head><body><div id="root"></div></body></html>

package/artifacts/env-template/public/{peers.ac4d0b4f00e5a185bfe3.js → peers.4783d963db3f86db9a98.js}

@@ -1 +1 @@
-(()=>{"use strict";var __webpack_modules__={88662:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__2)=>{var react__WEBPACK_IMPORTED_MODULE_2___namespace_cache,react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache,_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__2(81846),_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__2(49613),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__2(59496),react_dom__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__2(87995),globalObj=window;guard("TeambitMdxUiMdxScopeContext",_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__),guard("MdxJsReact",_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__),guard("React",react__WEBPACK_IMPORTED_MODULE_2___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_2___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_2__,2))),guard("ReactDom",react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_3__,2))),globalObj.TeambitMdxUiMdxScopeContext=_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__,globalObj.MdxJsReact=_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__,globalObj.React=react__WEBPACK_IMPORTED_MODULE_2___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_2___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_2__,2)),globalObj.ReactDom=react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_3__,2));function guard(property,expected){var existing=globalObj[property];if(existing===expected&&expected!==void 0)console.warn('[expose-peers] "'+property+'" already exists in global scope, but with correct value');else if(existing!==void 0)throw new Error('[expose-peers] "'+property+'" already exists in the global scope, cannot overwrite')}}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,(()=>{var deferred=[];__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(chunkIds){priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority];return}for(var notFulfilled=1/0,i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(priority&!1||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every(key=>__webpack_require__.O[key](chunkIds[j]))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();r!==void 0&&(result=r)}}return result}})(),__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},(()=>{var getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,leafPrototypes;__webpack_require__.t=function(value,mode){if(mode&1&&(value=this(value)),mode&8||typeof value=="object"&&value&&(mode&4&&value.__esModule||mode&16&&typeof value.then=="function"))return value;var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=mode&2&&value;typeof current=="object"&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach(key=>def[key]=()=>value[key]);return def.default=()=>value,__webpack_require__.d(ns,def),ns}})(),__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch{if(typeof window=="object")return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),(()=>{var installedChunks={703:0};__webpack_require__.O.j=chunkId=>installedChunks[chunkId]===0;var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var[chunkIds,moreModules,runtime]=data,moduleId,chunkId,i=0;if(chunkIds.some(id=>installedChunks[id]!==0)){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})();var __webpack_exports__=__webpack_require__.O(void 0,[851],()=>__webpack_require__(88662));__webpack_exports__=__webpack_require__.O(__webpack_exports__)})();
+(()=>{"use strict";var __webpack_modules__={33189:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__2)=>{var react__WEBPACK_IMPORTED_MODULE_2___namespace_cache,react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache,_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__2(81846),_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__2(49613),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__2(59496),react_dom__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__2(87995),globalObj=window;guard("TeambitMdxUiMdxScopeContext",_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__),guard("MdxJsReact",_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__),guard("React",react__WEBPACK_IMPORTED_MODULE_2___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_2___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_2__,2))),guard("ReactDom",react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_3__,2))),globalObj.TeambitMdxUiMdxScopeContext=_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__,globalObj.MdxJsReact=_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__,globalObj.React=react__WEBPACK_IMPORTED_MODULE_2___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_2___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_2__,2)),globalObj.ReactDom=react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_3__,2));function guard(property,expected){var existing=globalObj[property];if(existing===expected&&expected!==void 0)console.warn('[expose-peers] "'+property+'" already exists in global scope, but with correct value');else if(existing!==void 0)throw new Error('[expose-peers] "'+property+'" already exists in the global scope, cannot overwrite')}}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,(()=>{var deferred=[];__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(chunkIds){priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority];return}for(var notFulfilled=1/0,i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(priority&!1||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every(key=>__webpack_require__.O[key](chunkIds[j]))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();r!==void 0&&(result=r)}}return result}})(),__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},(()=>{var getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,leafPrototypes;__webpack_require__.t=function(value,mode){if(mode&1&&(value=this(value)),mode&8||typeof value=="object"&&value&&(mode&4&&value.__esModule||mode&16&&typeof value.then=="function"))return value;var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=mode&2&&value;typeof current=="object"&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach(key=>def[key]=()=>value[key]);return def.default=()=>value,__webpack_require__.d(ns,def),ns}})(),__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch{if(typeof window=="object")return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),(()=>{var installedChunks={703:0};__webpack_require__.O.j=chunkId=>installedChunks[chunkId]===0;var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var[chunkIds,moreModules,runtime]=data,moduleId,chunkId,i=0;if(chunkIds.some(id=>installedChunks[id]!==0)){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})();var __webpack_exports__=__webpack_require__.O(void 0,[851],()=>__webpack_require__(33189));__webpack_exports__=__webpack_require__.O(__webpack_exports__)})();

package/artifacts/preview/teambit_envs_env-preview.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.envs/env-preview"]=t():e["teambit.envs/env-preview"]=t()}(self,(()=>(()=>{"use strict";var e={23626:(e,t,o)=>{var n={id:"teambit.envs/env@1.0.216",homepage:"https://bit.cloud/teambit/envs/env",exported:!0};function r(){const e=i(o(41594));return r=function(){return e},e}function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,r.__bit_component=n,i.__bit_component=n;const s=()=>r().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},r().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/env.svg"}));s.__bit_component=n,t.Logo=s},41594:e=>{e.exports=React}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{o.r(n),o.d(n,{compositions:()=>u,compositions_metadata:()=>l,overview:()=>f});var e={};o.r(e),o.d(e,{default:()=>d});var t=o(23626);o(41594);const r=MdxJsReact,i=TeambitMdxUiMdxScopeContext;var s=["components"];function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},p.apply(this,arguments)}var a={},c="wrapper";function d(e){var t=e.components,o=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||(r[o]=e[o]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(e,s);return(0,r.mdx)(c,p({},a,o,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(i.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"}))}d.isMDXComponent=!0;const u=[t],f=[e],l={compositions:[{displayName:"Logo",identifier:"Logo"}]}})(),n})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["teambit.envs/env-preview"]=t():e["teambit.envs/env-preview"]=t()}(self,(()=>(()=>{"use strict";var e={92419:(e,t,o)=>{var n={id:"teambit.envs/env@1.0.217",homepage:"https://bit.cloud/teambit/envs/env",exported:!0};function r(){const e=i(o(41594));return r=function(){return e},e}function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Logo=void 0,r.__bit_component=n,i.__bit_component=n;const s=()=>r().default.createElement("div",{style:{height:"100%",display:"flex",justifyContent:"center"}},r().default.createElement("img",{style:{width:70},src:"https://static.bit.dev/extensions-icons/env.svg"}));s.__bit_component=n,t.Logo=s},41594:e=>{e.exports=React}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{o.r(n),o.d(n,{compositions:()=>u,compositions_metadata:()=>l,overview:()=>f});var e={};o.r(e),o.d(e,{default:()=>d});var t=o(92419);o(41594);const r=MdxJsReact,i=TeambitMdxUiMdxScopeContext;var s=["components"];function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},p.apply(this,arguments)}var a={},c="wrapper";function d(e){var t=e.components,o=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||(r[o]=e[o]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(e,s);return(0,r.mdx)(c,p({},a,o,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(i.MDXScopeProvider,{components:{},mdxType:"MDXScopeProvider"}))}d.isMDXComponent=!0;const u=[t],f=[e],l={compositions:[{displayName:"Logo",identifier:"Logo"}]}})(),n})()));

package/artifacts/schema.json

@@ -1086,7 +1086,7 @@
   "componentId": {
     "scope": "teambit.envs",
     "name": "env",
-    "version": "1.0.216"
+    "version": "1.0.217"
   },
   "taggedModuleExports": []
 }

package/dist/{preview-1712114303171.js → preview-1712134003388.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.envs_env@1.0.216/dist/env.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.envs_env@1.0.216/dist/env.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.envs_env@1.0.217/dist/env.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.envs_env@1.0.217/dist/env.docs.mdx';
 
 export const compositions = [compositions_0];
 export const overview = [overview_0];

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/env",
-  "version": "1.0.216",
+  "version": "1.0.217",
   "homepage": "https://bit.cloud/teambit/envs/env",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.envs",
     "name": "env",
-    "version": "1.0.216"
+    "version": "1.0.217"
   },
   "dependencies": {
     "eslint-mdx": "1.17.1",
@@ -21,11 +21,11 @@
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0",
     "@teambit/harmony": "0.4.6",
-    "@teambit/aspect": "1.0.216",
-    "@teambit/pkg": "1.0.216",
-    "@teambit/preview": "1.0.216",
+    "@teambit/aspect": "1.0.217",
+    "@teambit/pkg": "1.0.217",
+    "@teambit/preview": "1.0.217",
     "@teambit/cli": "0.0.858",
-    "@teambit/envs": "1.0.216"
+    "@teambit/envs": "1.0.217"
   },
   "devDependencies": {
     "@types/mocha": "10.0.1",

package/artifacts/env-template/public/compositions.424ad3f08b73aeb62798.js

@@ -1,17 +0,0 @@
-"use strict";(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[384],{19095:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitBaseEvent=void 0;class BitBaseEvent{constructor(type,version,timestamp,data){this.type=type,this.version=version,this.timestamp=timestamp,this.data=data}}exports.BitBaseEvent=BitBaseEvent},92870:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BitBaseEvent",{enumerable:!0,get:function(){return _bitBaseEvent().BitBaseEvent}}),Object.defineProperty(exports,"PubsubAspect",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"usePubSub",{enumerable:!0,get:function(){return _pubsubContext().usePubSub}}),Object.defineProperty(exports,"usePubSubIframe",{enumerable:!0,get:function(){return _pubsubContext().usePubSubIframe}});function _pubsub(){const data=__webpack_require__(57529);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(19095);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(96788);return _pubsubContext=function(){return data},data}},96788:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.createProvider=createProvider,exports.pubsubRegistry=void 0,exports.usePubSub=usePubSub,exports.usePubSubIframe=usePubSubIframe;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}const pubsubRegistry=exports.pubsubRegistry=(0,_react().createContext)(void 0);function createProvider(pubSubContext){return({children})=>_react().default.createElement(pubsubRegistry.Provider,{value:pubSubContext},children)}function usePubSub(){return(0,_react().useContext)(pubsubRegistry)}function usePubSubIframe(ref){const pubSub=usePubSub();(0,_react().useEffect)(()=>{if(!ref?.current||!pubSub)return()=>{};const destroyConnection=pubSub.connect(ref.current);return()=>destroyConnection()},[ref?.current,pubSub])}},57529:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PubsubAspect=void 0;function _harmony(){const data=__webpack_require__(25217);return _harmony=function(){return data},data}const PubsubAspect=exports.PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});var _default=exports.default=PubsubAspect},15990:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClickInsideAnIframeEvent=void 0;function _pubsub(){const data=__webpack_require__(92870);return _pubsub=function(){return data},data}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class ClickInsideAnIframeEventData{constructor(clickEvent){this.clickEvent=clickEvent}}class ClickInsideAnIframeEvent extends _pubsub().BitBaseEvent{constructor(timestamp=Date.now(),clickEvent){super(ClickInsideAnIframeEvent.TYPE,"0.0.1",timestamp,new ClickInsideAnIframeEventData(clickEvent));this.timestamp=timestamp,this.clickEvent=clickEvent}}exports.ClickInsideAnIframeEvent=ClickInsideAnIframeEvent,_defineProperty(ClickInsideAnIframeEvent,"TYPE","click-inside-an-iframe")},50033:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0});var _clickInsideAnIframe=__webpack_require__(15990);Object.keys(_clickInsideAnIframe).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_clickInsideAnIframe[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _clickInsideAnIframe[key]}})})},21643:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.BundlingStrategyNotFound=void 0;class BundlingStrategyNotFound extends Error{constructor(strategyName){super(`bundling strategy with name ${strategyName} was not found`);this.strategyName=strategyName}}exports.BundlingStrategyNotFound=BundlingStrategyNotFound},25670:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BundlingStrategyNotFound",{enumerable:!0,get:function(){return _bundlingStrategyNotFound().BundlingStrategyNotFound}}),Object.defineProperty(exports,"PreviewArtifactNotFound",{enumerable:!0,get:function(){return _previewArtifactNotFound().PreviewArtifactNotFound}}),Object.defineProperty(exports,"PreviewNotFound",{enumerable:!0,get:function(){return _previewNotFound().PreviewNotFound}}),Object.defineProperty(exports,"PreviewOutputFileNotFound",{enumerable:!0,get:function(){return _previewOutputFileNotFound().PreviewOutputFileNotFound}});function _previewNotFound(){const data=__webpack_require__(86863);return _previewNotFound=function(){return data},data}function _previewArtifactNotFound(){const data=__webpack_require__(72451);return _previewArtifactNotFound=function(){return data},data}function _bundlingStrategyNotFound(){const data=__webpack_require__(21643);return _bundlingStrategyNotFound=function(){return data},data}function _previewOutputFileNotFound(){const data=__webpack_require__(83119);return _previewOutputFileNotFound=function(){return data},data}},72451:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewArtifactNotFound=void 0;function _bitError(){const data=__webpack_require__(75345);return _bitError=function(){return data},data}class PreviewArtifactNotFound extends _bitError().BitError{constructor(componentId){super(`preview for component ${componentId.toString()} was not found`)}}exports.PreviewArtifactNotFound=PreviewArtifactNotFound},86863:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewNotFound=void 0;class PreviewNotFound extends Error{constructor(name){super(`Preview for name: ${name} was not found`)}}exports.PreviewNotFound=PreviewNotFound},83119:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewOutputFileNotFound=void 0;function _bitError(){const data=__webpack_require__(75345);return _bitError=function(){return data},data}class PreviewOutputFileNotFound extends _bitError().BitError{constructor(componentId,filePath){super(`preview output file for component: "${componentId.toString()}" was not found in the path: "${filePath}".
-
-This is usually a result of an error during the bundling process.
-The error might be an error of another component that uses the same env.
-Run "bit build" with "--dev" to see more info.
-Run "bit envs" to see other components that uses the same env`)}}exports.PreviewOutputFileNotFound=PreviewOutputFileNotFound},29105:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.fetchComponentAspects=fetchComponentAspects;function _graphqlRequest(){const data=__webpack_require__(80507);return _graphqlRequest=function(){return data},data}const GQL_SERVER="/graphql",GET_COMPONENT_ASPECTS=(0,_graphqlRequest().gql)`
-  query getComponentAspects($id: String!) {
-    getHost {
-      id
-      get(id: $id) {
-        aspects {
-          id
-        }
-      }
-    }
-  }
-`;async function fetchComponentAspects(componentId){try{return(await(0,_graphqlRequest().request)(GQL_SERVER,GET_COMPONENT_ASPECTS,{id:componentId.toString()})).getHost.get.aspects.map(x=>x.id)}catch(err){console.error(`[gql] error on "getComponentAspects" - "${err.toString()}"`);return}}},57268:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadLink=loadLink,exports.loadScript=loadScript;function loadScript({src}){return new Promise((resolve,reject)=>{const script=document.createElement("script");script.setAttribute("defer","defer"),script.src=src,script.onload=()=>resolve(),script.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load script: ${message}`)),document.head.appendChild(script)})}function loadLink({href}){return new Promise((resolve,reject)=>{const link=document.createElement("link");href.endsWith(".css")&&link.setAttribute("rel","stylesheet"),link.setAttribute("href",href),link.onload=()=>resolve(),link.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load link: ${message}`)),document.head.appendChild(link)})}},90902:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PREVIEW_MODULES",{enumerable:!0,get:function(){return _previewModules().PREVIEW_MODULES}}),Object.defineProperty(exports,"PreviewModules",{enumerable:!0,get:function(){return _previewModules().PreviewModules}}),Object.defineProperty(exports,"linkModules",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _previewModules(){const data=__webpack_require__(54710);return _previewModules=function(){return data},data}},39233:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PreviewRuntime=exports.PreviewAspect=void 0;function _harmony(){const data=__webpack_require__(25217);return _harmony=function(){return data},data}const PreviewRuntime=exports.PreviewRuntime=new(_harmony()).RuntimeDefinition("preview"),PreviewAspect=exports.PreviewAspect=_harmony().Aspect.create({id:"teambit.preview/preview",dependencies:[],defaultConfig:{},declareRuntime:PreviewRuntime});var _default=exports.default=PreviewAspect},42710:(__unused_webpack_module,exports,__webpack_require__)=>{var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0,Object.defineProperty(exports,"Bu",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _pubsub(){const data=__webpack_require__(92870);return _pubsub=function(){return data},data}function _harmony(){const data=__webpack_require__(25217);return _harmony=function(){return data},data}function _componentId(){const data=__webpack_require__(83947);return _componentId=function(){return data},data}function _crossFetch(){const data=_interopRequireDefault(__webpack_require__(6));return _crossFetch=function(){return data},data}function _memoizee(){const data=_interopRequireDefault(__webpack_require__(94300));return _memoizee=function(){return data},data}function _lodash(){const data=__webpack_require__(58822);return _lodash=function(){return data},data}function _exceptions(){const data=__webpack_require__(25670);return _exceptions=function(){return data},data}function _preview(){const data=__webpack_require__(39233);return _preview=function(){return data},data}function _events(){const data=__webpack_require__(50033);return _events=function(){return data},data}function _renderingContext(){const data=__webpack_require__(29749);return _renderingContext=function(){return data},data}function _fetchComponentAspects(){const data=__webpack_require__(29105);return _fetchComponentAspects=function(){return data},data}function _previewModules(){const data=__webpack_require__(90902);return _previewModules=function(){return data},data}function _htmlUtils(){const data=__webpack_require__(57268);return _htmlUtils=function(){return data},data}function _sizeEvent(){const data=__webpack_require__(42321);return _sizeEvent=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class PreviewPreview{constructor(pubsub,previewSlot,renderingContextSlot){this.pubsub=pubsub,this.previewSlot=previewSlot,this.renderingContextSlot=renderingContextSlot,_defineProperty(this,"isDev",!1),_defineProperty(this,"_setupPromise",void 0),_defineProperty(this,"setup",()=>this.isReady()?Promise.resolve():(this._setupPromise??=new Promise(resolve=>{_previewModules().PREVIEW_MODULES.onSet.add(()=>{this.isReady()&&resolve()})}),this._setupPromise)),_defineProperty(this,"render",async rootExt=>{window.document.body.style.width="fit-content";const{previewName,componentId,envId}=this.getLocation(),name=previewName||this.getDefault();rootExt&&(this.isDev=rootExt==="teambit.workspace/workspace");const preview=this.getPreview(name);if(!preview||!componentId)throw new(_exceptions()).PreviewNotFound(previewName);const includesAll=await Promise.all((preview.include||[]).map(async inclPreviewName=>{const includedPreview=this.getPreview(inclPreviewName);if(!includedPreview)return;const inclPreviewModule=await this.getPreviewModule(inclPreviewName,componentId);return includedPreview.selectPreviewModel?.(componentId.fullName,inclPreviewModule)})),query=this.getQuery(),includes=this.getParam(query,"onlyOverview")==="true"?[]:includesAll.filter(module=>!!module).map(module=>{if(!module.default||!(0,_lodash().isObject)(module.default))return module;const keysWithoutDefault=Object.keys(module).filter(key=>key!=="default"),defaultKeys=Object.keys(module.default);return(0,_lodash().intersection)(keysWithoutDefault,defaultKeys).length===defaultKeys.length?module.default:module}),componentAspects=this.isDev?await this.getComponentAspects(componentId.toString()):void 0,previewModule=await this.getPreviewModule(name,componentId),render=preview.render(componentId,envId||"",previewModule,includes,this.getRenderingContext(componentAspects));return this.reportSize(),this.setViewport(),this.setFullScreen(),render}),_defineProperty(this,"getComponentAspects",(0,_memoizee().default)(_fetchComponentAspects().fetchComponentAspects,{max:100,maxAge:12*60*60*1e3})),this.registerClickPubSub()}registerClickPubSub(){window.addEventListener("click",e=>{const timestamp=Date.now(),clickEvent=Object.assign({},e);this.pubsub.pub(_preview().PreviewAspect.id,new(_events()).ClickInsideAnIframeEvent(timestamp,clickEvent))})}isReady(){const{previewName}=this.getLocation(),name=previewName||this.getDefault();if(!_previewModules().PREVIEW_MODULES.has(name))return!1;const preview=this.getPreview(name);return!(!preview||!(preview.include?.every(included=>_previewModules().PREVIEW_MODULES.has(included))??!0))}setFullScreen(){const query=this.getQuery();if(!this.getParam(query,"fullscreen"))return;const root=window.document.getElementById("root");root&&(root.style.height="100vh")}setViewport(){const query=this.getQuery(),viewPort=this.getParam(query,"viewport");if(!viewPort){window.document.body.style.width="100%";return}window.document.body.style.maxWidth=`${viewPort}px`}reportSize(){if(!window?.parent||!window?.document)return;const sendPubsubEvent=()=>{this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))};window.document.body.addEventListener("resize",(0,_lodash().debounce)(sendPubsubEvent,300));let counter=0;const interval=setInterval(()=>{if(counter+=1,counter>10){clearInterval(interval);return}this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))},200)}async getPreviewModule(previewName,id){const compShortId=id.fullName,relevantModel=_previewModules().PREVIEW_MODULES.get(previewName);if(!relevantModel)throw new Error(`[preview.preview] missing preview "${previewName}"`);if(relevantModel.componentMap[compShortId])return relevantModel;const componentPreviews=await this.fetchComponentPreview(id,previewName);_previewModules().PREVIEW_MODULES.loadComponentPreviews(compShortId,componentPreviews);const component=componentPreviews[previewName],metadata=componentPreviews[`${previewName}_metadata`];return{modulesMap:relevantModel.modulesMap,componentMap:{[id.fullName]:component},componentMapMetadata:{[id.fullName]:metadata}}}async fetchComponentPreview(id,name){let previewFile;const allFiles=await this.fetchComponentPreviewFiles(id,name);return allFiles===null?{}:(await Promise.all(allFiles.map(file=>{if(file.endsWith("-preview.js")){previewFile=file;return}return this.addComponentFileElement(id,file)})),previewFile?this.loadPreviewScript(id,name,previewFile):{})}addComponentFileElement(id,previewBundleFileName){if(previewBundleFileName.endsWith(".js"))return this.addComponentFileScriptElement(id,previewBundleFileName);this.addComponentFileLinkElement(id,previewBundleFileName).catch(err=>{throw new Error(`[preview.preview] failed loading asset "${previewBundleFileName}". Error - "${err?.toString()}"`)})}async fetchComponentPreviewFiles(id,previewName){const previewAssetsRoute="~aspect/preview-assets",url=`/api/${id.toString()}/${previewAssetsRoute}`,res=await(0,_crossFetch().default)(url);if(res.status>=400)throw new(_exceptions()).PreviewNotFound(previewName);const parsed=await res.json();if(parsed.isBundledWithEnv)return null;if(!parsed.files||!parsed.files.length)throw new(_exceptions()).PreviewNotFound(previewName);return parsed.files}addComponentFileScriptElement(id,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;return(0,_htmlUtils().loadScript)({src})}addComponentFileLinkElement(id,previewBundleFileName){const href=`/api/${id.toString()}/~aspect/component-preview/${previewBundleFileName}`;return(0,_htmlUtils().loadLink)({href})}async loadPreviewScript(id,previewName,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;await(0,_htmlUtils().loadScript)({src});const globalId=`${id.toStringWithoutVersion()}-preview`,componentPreview=window[globalId];if(!componentPreview)throw new(_exceptions()).PreviewNotFound(previewName);return componentPreview}registerPreview(preview){return this.previewSlot.register(preview),this}getRenderingContext(aspectsFilter){return new(_renderingContext()).RenderingContext(this.renderingContextSlot,{aspectsFilter})}registerRenderContext(renderContext){return this.renderingContextSlot.register(renderContext),this}getDefault(){const previews=this.previewSlot.values();return previews.find(previewCandidate=>previewCandidate.default)?.name||previews[0].name}getPreview(previewName){return this.previewSlot.values().find(previewCandidate=>previewCandidate.name===previewName)}getParam(query,param){return new URLSearchParams(query).get(param)}getQuery(){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?");return after}getLocation(){const withoutHash=window.location.hash.substring(1),[before,after]=withoutHash.split("?");return{previewName:this.getParam(after,"preview"),envId:this.getParam(after,"env"),componentId:_componentId().ComponentID.tryFromString(before)}}static async provider([pubsub],config,[previewSlot,renderingContextSlot]){const preview=new PreviewPreview(pubsub,previewSlot,renderingContextSlot);return window.addEventListener("hashchange",()=>{preview.render()}),preview}}__webpack_unused_export__=PreviewPreview,_defineProperty(PreviewPreview,"runtime",_preview().PreviewRuntime),_defineProperty(PreviewPreview,"dependencies",[_pubsub().PubsubAspect]),_defineProperty(PreviewPreview,"slots",[_harmony().Slot.withType(),_harmony().Slot.withType()]),_preview().PreviewAspect.addRuntime(PreviewPreview)},29749:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.RenderingContext=void 0;class RenderingContext{constructor(contexts,options={}){this.contexts=contexts,this.options=options}get(aspectId){return this.contexts.get(aspectId)?.(this.options)}}exports.RenderingContext=RenderingContext},42321:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SizeEvent=void 0;function _pubsub(){const data=__webpack_require__(92870);return _pubsub=function(){return data},data}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class SizeEvent extends _pubsub().BitBaseEvent{constructor(sizeEvent){super(SizeEvent.TYPE,"0.0.1",new Date().getTime(),sizeEvent)}}exports.SizeEvent=SizeEvent,_defineProperty(SizeEvent,"TYPE","preview-size")},11800:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(42710),_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,_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:!1,componentMap:{}})}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[700,851,359,629],()=>__webpack_exec__(11800));var __webpack_exports__=__webpack_require__.O()}]);