@teambit/env 1.0.250 → 1.0.251

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.250" tests="0" failures="0" errors="0" skipped="0"/>
+  <testsuite name="teambit.envs/env@1.0.251" tests="0" failures="0" errors="0" skipped="0"/>
 </testsuites>

package/artifacts/env-template/public/{310.2fae9e9a8c437974d92d.js → 310.3bbed4acaac40b09d961.js}

@@ -665,7 +665,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},97223:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;var lanes_model_1=__webpack_require__(52422);Object.defineProperty(exports,"LanesModel",{enumerable:!0,get:function(){return lanes_model_1.LanesModel}})},52422:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;const component_1=__webpack_require__(68211),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()}`}},52515:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PanelUiAspect",{enumerable:!0,get:function(){return _panelUi().PanelUiAspect}}),Object.defineProperty(exports,"Tab",{enumerable:!0,get:function(){return _tabs().Tab}}),Object.defineProperty(exports,"TabContainer",{enumerable:!0,get:function(){return _tabs().TabContainer}}),Object.defineProperty(exports,"TabList",{enumerable:!0,get:function(){return _tabs().TabList}}),Object.defineProperty(exports,"TabPanel",{enumerable:!0,get:function(){return _tabs().TabPanel}});function _panelUi(){const data=__webpack_require__(9322);return _panelUi=function(){return data},data}function _tabs(){const data=__webpack_require__(63096);return _tabs=function(){return data},data}},9322:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelUiAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const PanelUiAspect=exports.PanelUiAspect=_harmony().Aspect.create({id:"teambit.ui-foundation/panels",dependencies:[],defaultConfig:{}})},63096:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=Tab,exports.TabContainer=void 0,exports.TabList=TabList,exports.TabPanel=void 0;function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _react(){const data=_interopRequireDefault(__webpack_require__(59496));return _react=function(){return data},data}function _reactTabs(){const data=__webpack_require__(35493);return _reactTabs=function(){return data},data}function _tabsModule(){const data=_interopRequireDefault(__webpack_require__(86259));return _tabsModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const TabContainer=exports.TabContainer=_reactTabs().Tabs;function TabList(props){return _react().default.createElement(_reactTabs().TabList,_extends({},props,{className:(0,_classnames().default)(_tabsModule().default.tabContainer,props.className)}))}TabList.tabsRole="TabList";const TabPanel=exports.TabPanel=_reactTabs().TabPanel;function Tab(props){return _react().default.createElement(_reactTabs().Tab,_extends({},props,{className:(0,_classnames().default)(props.className,_tabsModule().default.tab),selectedClassName:_tabsModule().default.active,disabledClassName:_tabsModule().default.disabled}))}Tab.tabsRole="Tab"},75665:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.computePreviewScale=void 0;function computePreviewScale(width,containerWidth){const scale=containerWidth*.95/width;return scale>1?"scale(1)":`scale(${scale})`}exports.computePreviewScale=computePreviewScale},27699:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=exports.ComponentPreview=void 0;var preview_1=__webpack_require__(34874);Object.defineProperty(exports,"ComponentPreview",{enumerable:!0,get:function(){return preview_1.ComponentPreview}});var urls_1=__webpack_require__(99768);Object.defineProperty(exports,"toPreviewUrl",{enumerable:!0,get:function(){return urls_1.toPreviewUrl}}),Object.defineProperty(exports,"toPreviewServer",{enumerable:!0,get:function(){return urls_1.toPreviewServer}}),Object.defineProperty(exports,"toPreviewHash",{enumerable:!0,get:function(){return urls_1.toPreviewHash}})},34874: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.ComponentPreview=void 0;const react_1=__importStar(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),lodash_1=__webpack_require__(32699),penpal_1=__webpack_require__(63805),pubsub_1=__webpack_require__(23179),ui_foundation_ui_rendering_html_1=__webpack_require__(91375),urls_1=__webpack_require__(99768),compute_preview_scale_1=__webpack_require__(75665),use_iframe_content_height_1=__webpack_require__(63853),preview_module_scss_1=__importDefault(__webpack_require__(52781));function ComponentPreview(_a){var _b,_c,_d,{component,previewName,className,forceHeight,includeEnv=!0,queryParams,disableScroll=!1,pubsub,innerBottomPadding=0,viewport=1280,fullContentHeight=!1,onLoad,style}=_a,rest=__rest(_a,["component","previewName","className","forceHeight","includeEnv","queryParams","disableScroll","pubsub","innerBottomPadding","viewport","fullContentHeight","onLoad","style"]);const[heightIframeRef,iframeHeight]=(0,use_iframe_content_height_1.useIframeContentHeight)({skip:!1,viewport}),iframeRef=(0,react_1.useRef)(null),[width,setWidth]=(0,react_1.useState)(0),[height,setHeight]=(0,react_1.useState)(0),containerRef=(0,react_1.useRef)(null),isScaling=(_b=component.preview)===null||_b===void 0?void 0:_b.isScaling,currentRef=isScaling?iframeRef:heightIframeRef;(0,pubsub_1.usePubSubIframe)(pubsub?currentRef:void 0),(0,react_1.useEffect)(()=>{const handleLoad=event=>{event.data&&event.data.event===ui_foundation_ui_rendering_html_1.LOAD_EVENT&&onLoad&&onLoad(event)};return window.addEventListener("message",handleLoad),()=>{window.removeEventListener("message",handleLoad)}},[]),(0,react_1.useEffect)(()=>{!iframeRef.current||(0,penpal_1.connectToChild)({iframe:iframeRef.current,methods:{pub:(event,message)=>{message.type==="preview-size"&&(setWidth(message.data.width),setHeight(message.data.height)),onLoad&&event&&onLoad(event,{height:message.data.height,width:message.data.width})}}})},[iframeRef?.current]);const params=Array.isArray(queryParams)?queryParams.concat(`viewport=${viewport}`):(0,lodash_1.compact)([queryParams,`viewport=${viewport}`]),targetParams=viewport===null?queryParams:params,url=(0,urls_1.toPreviewUrl)(component,previewName,isScaling?targetParams:queryParams,includeEnv),containerWidth=((_c=containerRef.current)===null||_c===void 0?void 0:_c.offsetWidth)||0,containerHeight=((_d=containerRef.current)===null||_d===void 0?void 0:_d.offsetHeight)||0,currentWidth=fullContentHeight?"100%":width||1280,legacyCurrentWidth="100%",targetWidth=typeof currentWidth=="string"?currentWidth:Math.max(currentWidth,containerWidth),targetHeight=height!==0?height:5e3,finalHeight=!fullContentHeight&&targetHeight<containerHeight?containerHeight:targetHeight,defaultLegacyHeight=forceHeight||5e3,legacyIframeHeight=(iframeHeight||0)>400?iframeHeight:defaultLegacyHeight;return react_1.default.createElement("div",{ref:containerRef,className:(0,classnames_1.default)(preview_module_scss_1.default.preview,className),style:{height:forceHeight}},react_1.default.createElement("iframe",Object.assign({},rest,{ref:currentRef,style:Object.assign(Object.assign({},style),{height:forceHeight||(isScaling?finalHeight+innerBottomPadding:legacyIframeHeight),width:isScaling?targetWidth:legacyCurrentWidth,visibility:width===0&&isScaling&&!fullContentHeight?"hidden":void 0,transform:fullContentHeight?"":(0,compute_preview_scale_1.computePreviewScale)(width,containerWidth),border:0,transformOrigin:"top left"}),src:url,scrolling:disableScroll?"no":void 0})))}exports.ComponentPreview=ComponentPreview},99768:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=void 0;const base_ui_utils_string_affix_1=__webpack_require__(65343);function toPreviewUrl(component,previewName,additionalParams,includeEnvId=!0){const serverPath=toPreviewServer(component,previewName),envId=getEnvIdQueryParam(component,includeEnvId),hash=toPreviewHash(component,previewName,envId,additionalParams);return`${serverPath}#${hash}`}exports.toPreviewUrl=toPreviewUrl;function toPreviewServer(component,previewName){var _a,_b;const explicitUrl=(_a=component.server)===null||_a===void 0?void 0:_a.url;return explicitUrl&&!component.server.host?explicitUrl:((_b=component.preview)===null||_b===void 0?void 0:_b.includesEnvTemplate)===!1?toEnvTemplatePreviewUrl(component,previewName):toComponentPreviewUrl(component)}exports.toPreviewServer=toPreviewServer;function getEnvIdQueryParam(component,includeEnvId=!0){var _a,_b,_c,_d;if(!!includeEnvId&&!(((_a=component.server)===null||_a===void 0?void 0:_a.host)||((_b=component.server)===null||_b===void 0?void 0:_b.basePath))&&!!(!((_c=component.server)===null||_c===void 0)&&_c.url))return(_d=component.environment)===null||_d===void 0?void 0:_d.id}function toComponentPreviewUrl(component){var _a,_b;return`${createPrefix((_a=component.server)===null||_a===void 0?void 0:_a.basePath,(_b=component.server)===null||_b===void 0?void 0:_b.host)}/${component.id.toString()}/~aspect/preview/`}function createPrefix(basePath,host){const actualBasePath=basePath||"/api",basePathWithSlash=actualBasePath.startsWith("/")?actualBasePath:`/${actualBasePath}`,hostWithoutSlash=host?.endsWith("/")?host.slice(0,-1):host,prefix=hostWithoutSlash?`${hostWithoutSlash}${basePathWithSlash}`:basePathWithSlash;return prefix.endsWith("/")?prefix.slice(0,-1):prefix}function toEnvTemplatePreviewUrl(component,previewName){var _a,_b,_c;const envId=(_a=component.environment)===null||_a===void 0?void 0:_a.id,search=`compId=${component.id.toString()}`;return`${createPrefix((_b=component.server)===null||_b===void 0?void 0:_b.basePath,(_c=component.server)===null||_c===void 0?void 0:_c.host)}/${envId}/~aspect/env-template/${previewName}/?${search}`}function toPreviewHash(component,previewName,envId,queryParams=""){const previewParam=(0,base_ui_utils_string_affix_1.affix)("preview=",previewName),envIdParam=(0,base_ui_utils_string_affix_1.affix)("env=",envId),hashQuery=[previewParam,envIdParam].concat(queryParams).filter(x=>!!x).join("&");return`${component.id.toString()}${(0,base_ui_utils_string_affix_1.affix)("?",hashQuery)}`}exports.toPreviewHash=toPreviewHash},63853:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useInterval=exports.useIframeContentHeight=void 0;const react_1=__webpack_require__(59496);function useIframeContentHeight({interval=250,skip,viewport}){const iframeRef=(0,react_1.useRef)(null),[iframeHeight,setIframeHeight]=(0,react_1.useState)(0),[iframeWidth,setIframeWidth]=(0,react_1.useState)(0);if(skip)return[iframeRef,void 0,iframeWidth];let first=!0;return useInterval(()=>{var _a;try{const iframe=iframeRef.current;viewport!==null&&(iframe.contentWindow.document.body.style.width="fit-content"),!first&&iframe?.style.height==="5000px"&&(iframe.style.height="100%");const newHeight=iframe.contentWindow.document.body.scrollHeight,newWidth=(_a=iframe?.contentWindow)===null||_a===void 0?void 0:_a.document.body.offsetWidth;setIframeHeight(newHeight),setIframeWidth(newWidth||0),first=!1}catch{}},interval),[iframeRef,iframeHeight,iframeWidth]}exports.useIframeContentHeight=useIframeContentHeight;function useInterval(callback,interval){const savedCallback=(0,react_1.useRef)(()=>callback);(0,react_1.useEffect)(()=>{savedCallback.current=callback}),(0,react_1.useEffect)(()=>{function tick(){savedCallback.current()}if(interval!==null){const id=setInterval(tick,interval);return()=>clearInterval(id)}return()=>{}},[interval])}exports.useInterval=useInterval},61286: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.DocsApp=void 0;const react_1=__importDefault(__webpack_require__(59496)),docs_1=__webpack_require__(84723),react_ui_docs_properties_table_1=__webpack_require__(98077),react_ui_docs_compositions_carousel_1=__webpack_require__(54505),react_ui_docs_docs_content_1=__webpack_require__(90036),docs_theme_1=__webpack_require__(35623),docs_app_module_scss_1=__importDefault(__webpack_require__(74293));function DocsApp({componentId,docs=docs_1.defaultDocs,compositions,context}){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?"),renderOnlyOverview=new URLSearchParams(after).get("onlyOverview");return react_1.default.createElement(docs_theme_1.DocsTheme,null,react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(react_ui_docs_docs_content_1.DocsContent,{docs,className:docs_app_module_scss_1.default.mdx}),(!renderOnlyOverview||renderOnlyOverview==="false")&&react_1.default.createElement(react_ui_docs_compositions_carousel_1.CompositionsCarousel,{renderingContext:context,compositions,className:docs_app_module_scss_1.default.compositionSection,compositionCardClass:docs_app_module_scss_1.default.compositionCard}),(!renderOnlyOverview||renderOnlyOverview==="false")&&react_1.default.createElement(react_ui_docs_properties_table_1.PropertiesTable,{componentId})))}exports.DocsApp=DocsApp},35623: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.DocsTheme=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),design_themes_theme_toggler_1=__webpack_require__(85654),design_theme_icons_font_1=__webpack_require__(64452),docs_app_module_scss_1=__importDefault(__webpack_require__(74293));function DocsTheme({children}){const hash=window.location.hash,[,hashQuery]=hash&&hash.split("?"),theme=new URLSearchParams(hashQuery).get("theme")||"light";return react_1.default.createElement(design_themes_theme_toggler_1.ThemeSwitcher,{defaultTheme:theme},react_1.default.createElement(design_theme_icons_font_1.IconFont,{query:"q76y7n"}),react_1.default.createElement("div",{className:(0,classnames_1.default)(docs_app_module_scss_1.default.docsMainBlock)},children))}exports.DocsTheme=DocsTheme},17294:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(__webpack_require__(59496)),react_dom_1=__importDefault(__webpack_require__(87995)),docs_app_1=__webpack_require__(61286);function DocsRoot({componentId,docs,compositions,context}){react_dom_1.default.render(react_1.default.createElement(docs_app_1.DocsApp,{componentId,docs,compositions,context}),document.getElementById("root"))}DocsRoot.apiObject=!0,exports.default=DocsRoot},47916: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.docsStyles=exports.DocsApp=exports.default=exports.DocsTheme=void 0;var docs_theme_1=__webpack_require__(35623);Object.defineProperty(exports,"DocsTheme",{enumerable:!0,get:function(){return docs_theme_1.DocsTheme}});var docs_app_root_1=__webpack_require__(17294);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(docs_app_root_1).default}});var docs_app_1=__webpack_require__(61286);Object.defineProperty(exports,"DocsApp",{enumerable:!0,get:function(){return docs_app_1.DocsApp}});var docs_app_module_scss_1=__webpack_require__(74293);Object.defineProperty(exports,"docsStyles",{enumerable:!0,get:function(){return __importDefault(docs_app_module_scss_1).default}})},80849: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.ApplyProviders=void 0;const react_1=__importDefault(__webpack_require__(59496)),react_error_boundary_1=__webpack_require__(75340),base_ui_utils_composer_1=__webpack_require__(97383),react_ui_error_fallback_1=__webpack_require__(32334),react_2=__webpack_require__(32750);function ApplyProviders(_a){var{renderingContext,children}=_a,rest=__rest(_a,["renderingContext","children"]);const{providers=[]}=renderingContext.get(react_2.ReactAspect.id)||{};return react_1.default.createElement("div",Object.assign({},rest),react_1.default.createElement(react_error_boundary_1.ErrorBoundary,{FallbackComponent:react_ui_error_fallback_1.ErrorFallback},react_1.default.createElement(base_ui_utils_composer_1.Composer,{components:providers},children)))}exports.ApplyProviders=ApplyProviders},95440:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApplyProviders=void 0;var apply_providers_1=__webpack_require__(80849);Object.defineProperty(exports,"ApplyProviders",{enumerable:!0,get:function(){return apply_providers_1.ApplyProviders}})},84218: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.CompositionsCarousel=void 0;const react_1=__importDefault(__webpack_require__(59496)),react_ui_docs_apply_providers_1=__webpack_require__(95440),compositions_ui_compositions_overview_1=__webpack_require__(88107),documenter_ui_linked_heading_1=__webpack_require__(83804),documenter_ui_section_1=__webpack_require__(1105);function CompositionsCarousel(_a){var{compositions,compositionCardClass,renderingContext}=_a,rest=__rest(_a,["compositions","compositionCardClass","renderingContext"]);return!compositions||Object.keys(compositions).length===0?null:react_1.default.createElement(documenter_ui_section_1.Section,Object.assign({},rest),react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,null,"Compositions"),react_1.default.createElement(react_ui_docs_apply_providers_1.ApplyProviders,{renderingContext},react_1.default.createElement(compositions_ui_compositions_overview_1.CompositionsOverview,{compositions,compositionCardClass})))}exports.CompositionsCarousel=CompositionsCarousel},54505:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsCarousel=void 0;var compositions_carousel_1=__webpack_require__(84218);Object.defineProperty(exports,"CompositionsCarousel",{enumerable:!0,get:function(){return compositions_carousel_1.CompositionsCarousel}})},58715: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.DocsContent=void 0;const react_error_boundary_1=__webpack_require__(75340),lodash_1=__webpack_require__(32699),docs_1=__webpack_require__(84723),react_ui_error_fallback_1=__webpack_require__(32334),mdx_ui_mdx_layout_1=__webpack_require__(13359),react_1=__importDefault(__webpack_require__(59496));function DocsContent(_a){var{docs=docs_1.defaultDocs}=_a,rest=__rest(_a,["docs"]);const Content=(0,lodash_1.isFunction)(docs.default)?docs.default:()=>null;return react_1.default.createElement(react_error_boundary_1.ErrorBoundary,{FallbackComponent:react_ui_error_fallback_1.ErrorFallback},Content.isMDXComponent?react_1.default.createElement(mdx_ui_mdx_layout_1.MDXLayout,Object.assign({},rest),react_1.default.createElement(Content,null)):react_1.default.createElement(Content,null))}exports.DocsContent=DocsContent},90036:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DocsContent=void 0;var docs_content_1=__webpack_require__(58715);Object.defineProperty(exports,"DocsContent",{enumerable:!0,get:function(){return docs_content_1.DocsContent}})},98077:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTable=void 0;var properties_table_1=__webpack_require__(29784);Object.defineProperty(exports,"PropertiesTable",{enumerable:!0,get:function(){return properties_table_1.PropertiesTable}})},29784: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.PropertiesTable=void 0;const documenter_ui_linked_heading_1=__webpack_require__(83804),documenter_ui_property_table_1=__webpack_require__(41823),documenter_ui_section_1=__webpack_require__(1105),component_ui_hooks_use_fetch_docs_1=__webpack_require__(3635),react_1=__importDefault(__webpack_require__(59496));function PropertiesTable(_a){var{componentId}=_a,rest=__rest(_a,["componentId"]);const{loading,error,data}=(0,component_ui_hooks_use_fetch_docs_1.useFetchDocs)(componentId);if(!data||loading)return null;if(error)return console.error(`failed to fetch docs for ${componentId} in PropertiesTable`,error),null;const{properties}=data.docs;return properties.length===0?react_1.default.createElement("div",null):react_1.default.createElement(documenter_ui_section_1.Section,Object.assign({},rest),react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,null,"Properties"),react_1.default.createElement(documenter_ui_property_table_1.PropTable,{rows:properties}))}exports.PropertiesTable=PropertiesTable},16880:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorFallback=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),design_ui_icon_button_1=__webpack_require__(89140),base_ui_styles_flex_center_1=__webpack_require__(10981),error_fallback_module_scss_1=__importDefault(__webpack_require__(62954));function ErrorFallback({resetErrorBoundary,className,children="Failed to render",cta="try again"}){const handleClick=()=>__awaiter(this,void 0,void 0,function*(){yield new Promise(resolve=>setTimeout(resolve,480)),resetErrorBoundary()});return react_1.default.createElement("div",{className:(0,classnames_1.default)(error_fallback_module_scss_1.default.errorFallback,base_ui_styles_flex_center_1.flexCenter,className)},react_1.default.createElement("div",{className:error_fallback_module_scss_1.default.icon}),react_1.default.createElement("div",{className:error_fallback_module_scss_1.default.message},children),react_1.default.createElement(design_ui_icon_button_1.IconButton,{onClick:handleClick,className:error_fallback_module_scss_1.default.retryButton},cta))}exports.ErrorFallback=ErrorFallback},32334:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorFallback=void 0;var error_fallback_1=__webpack_require__(16880);Object.defineProperty(exports,"ErrorFallback",{enumerable:!0,get:function(){return error_fallback_1.ErrorFallback}})},31461:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.matchPatterns=exports.splitPatterns=void 0;var match_patterns_1=__webpack_require__(36213);Object.defineProperty(exports,"splitPatterns",{enumerable:!0,get:function(){return match_patterns_1.splitPatterns}}),Object.defineProperty(exports,"matchPatterns",{enumerable:!0,get:function(){return match_patterns_1.matchPatterns}})},36213: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.splitPatterns=exports.matchPatterns=void 0;const minimatch_1=__importDefault(__webpack_require__(18455));function matchPatterns(filePath,includePatterns,excludePatterns){const included=includePatterns.some(pattern=>(0,minimatch_1.default)(filePath,pattern)),excluded=excludePatterns.every(pattern=>(0,minimatch_1.default)(filePath,pattern));return included&&excluded}exports.matchPatterns=matchPatterns;function splitPatterns(patterns){return{includePatterns:patterns.filter(pattern=>!pattern.startsWith("!")),excludePatterns:patterns.filter(pattern=>pattern.startsWith("!"))}}exports.splitPatterns=splitPatterns},55044:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.capitalize=void 0;function capitalize(str){return str.charAt(0).toUpperCase()+str.slice(1)}exports.capitalize=capitalize},58315:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.capitalize=void 0;var capitalize_1=__webpack_require__(55044);Object.defineProperty(exports,"capitalize",{enumerable:!0,get:function(){return capitalize_1.capitalize}})},90065: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__(3741));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},32098:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Collapser=void 0;var collapser_button_1=__webpack_require__(90065);Object.defineProperty(exports,"Collapser",{enumerable:!0,get:function(){return collapser_button_1.Collapser}})},24681:(__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]})})}},70237: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.CrossIframeDevTools=void 0;const react_1=__importDefault(__webpack_require__(59496));function CrossIframeDevTools(){return react_1.default.createElement("script",null,`/* Allow to use react dev-tools inside the examples */
+`,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},97223:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;var lanes_model_1=__webpack_require__(52422);Object.defineProperty(exports,"LanesModel",{enumerable:!0,get:function(){return lanes_model_1.LanesModel}})},52422:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanesModel=void 0;const component_1=__webpack_require__(68211),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()}`}},52515:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PanelUiAspect",{enumerable:!0,get:function(){return _panelUi().PanelUiAspect}}),Object.defineProperty(exports,"Tab",{enumerable:!0,get:function(){return _tabs().Tab}}),Object.defineProperty(exports,"TabContainer",{enumerable:!0,get:function(){return _tabs().TabContainer}}),Object.defineProperty(exports,"TabList",{enumerable:!0,get:function(){return _tabs().TabList}}),Object.defineProperty(exports,"TabPanel",{enumerable:!0,get:function(){return _tabs().TabPanel}});function _panelUi(){const data=__webpack_require__(9322);return _panelUi=function(){return data},data}function _tabs(){const data=__webpack_require__(63096);return _tabs=function(){return data},data}},9322:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelUiAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const PanelUiAspect=exports.PanelUiAspect=_harmony().Aspect.create({id:"teambit.ui-foundation/panels",dependencies:[],defaultConfig:{}})},63096:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tab=Tab,exports.TabContainer=void 0,exports.TabList=TabList,exports.TabPanel=void 0;function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _react(){const data=_interopRequireDefault(__webpack_require__(59496));return _react=function(){return data},data}function _reactTabs(){const data=__webpack_require__(35493);return _reactTabs=function(){return data},data}function _tabsModule(){const data=_interopRequireDefault(__webpack_require__(86259));return _tabsModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const TabContainer=exports.TabContainer=_reactTabs().Tabs;function TabList(props){return _react().default.createElement(_reactTabs().TabList,_extends({},props,{className:(0,_classnames().default)(_tabsModule().default.tabContainer,props.className)}))}TabList.tabsRole="TabList";const TabPanel=exports.TabPanel=_reactTabs().TabPanel;function Tab(props){return _react().default.createElement(_reactTabs().Tab,_extends({},props,{className:(0,_classnames().default)(props.className,_tabsModule().default.tab),selectedClassName:_tabsModule().default.active,disabledClassName:_tabsModule().default.disabled}))}Tab.tabsRole="Tab"},75665:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.computePreviewScale=void 0;function computePreviewScale(width,containerWidth){const scale=containerWidth*.95/width;return scale>1?"scale(1)":`scale(${scale})`}exports.computePreviewScale=computePreviewScale},27699:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=exports.ComponentPreview=void 0;var preview_1=__webpack_require__(34874);Object.defineProperty(exports,"ComponentPreview",{enumerable:!0,get:function(){return preview_1.ComponentPreview}});var urls_1=__webpack_require__(99768);Object.defineProperty(exports,"toPreviewUrl",{enumerable:!0,get:function(){return urls_1.toPreviewUrl}}),Object.defineProperty(exports,"toPreviewServer",{enumerable:!0,get:function(){return urls_1.toPreviewServer}}),Object.defineProperty(exports,"toPreviewHash",{enumerable:!0,get:function(){return urls_1.toPreviewHash}})},34874: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.ComponentPreview=void 0;const react_1=__importStar(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),lodash_1=__webpack_require__(32699),penpal_1=__webpack_require__(63805),pubsub_1=__webpack_require__(23179),ui_foundation_ui_rendering_html_1=__webpack_require__(91375),urls_1=__webpack_require__(99768),compute_preview_scale_1=__webpack_require__(75665),use_iframe_content_height_1=__webpack_require__(63853),preview_module_scss_1=__importDefault(__webpack_require__(52781));function ComponentPreview(_a){var _b,_c,_d,{component,previewName,className,forceHeight,includeEnv=!0,queryParams,disableScroll=!1,pubsub,innerBottomPadding=0,viewport=1280,fullContentHeight=!1,onLoad,style}=_a,rest=__rest(_a,["component","previewName","className","forceHeight","includeEnv","queryParams","disableScroll","pubsub","innerBottomPadding","viewport","fullContentHeight","onLoad","style"]);const[heightIframeRef,iframeHeight]=(0,use_iframe_content_height_1.useIframeContentHeight)({skip:!1,viewport}),iframeRef=(0,react_1.useRef)(null),[width,setWidth]=(0,react_1.useState)(0),[height,setHeight]=(0,react_1.useState)(0),containerRef=(0,react_1.useRef)(null),isScaling=(_b=component.preview)===null||_b===void 0?void 0:_b.isScaling,currentRef=isScaling?iframeRef:heightIframeRef;(0,pubsub_1.usePubSubIframe)(pubsub?currentRef:void 0),(0,react_1.useEffect)(()=>{const handleLoad=event=>{event.data&&event.data.event===ui_foundation_ui_rendering_html_1.LOAD_EVENT&&onLoad&&onLoad(event)};return window.addEventListener("message",handleLoad),()=>{window.removeEventListener("message",handleLoad)}},[]),(0,react_1.useEffect)(()=>{!iframeRef.current||(0,penpal_1.connectToChild)({iframe:iframeRef.current,methods:{pub:(event,message)=>{message.type==="preview-size"&&(setWidth(message.data.width),setHeight(message.data.height)),onLoad&&event&&onLoad(event,{height:message.data.height,width:message.data.width})}}})},[iframeRef?.current]);const params=Array.isArray(queryParams)?queryParams.concat(`viewport=${viewport}`):(0,lodash_1.compact)([queryParams,`viewport=${viewport}`]),targetParams=viewport===null?queryParams:params,url=(0,urls_1.toPreviewUrl)(component,previewName,isScaling?targetParams:queryParams,includeEnv),containerWidth=((_c=containerRef.current)===null||_c===void 0?void 0:_c.offsetWidth)||0,containerHeight=((_d=containerRef.current)===null||_d===void 0?void 0:_d.offsetHeight)||0,currentWidth=fullContentHeight?"100%":width||1280,legacyCurrentWidth="100%",targetWidth=typeof currentWidth=="string"?currentWidth:Math.max(currentWidth,containerWidth),targetHeight=height!==0?height:5e3,finalHeight=!fullContentHeight&&targetHeight<containerHeight?containerHeight:targetHeight,defaultLegacyHeight=forceHeight||5e3,legacyIframeHeight=(iframeHeight||0)>400?iframeHeight:defaultLegacyHeight;return react_1.default.createElement("div",{ref:containerRef,className:(0,classnames_1.default)(preview_module_scss_1.default.preview,className),style:{height:forceHeight}},react_1.default.createElement("iframe",Object.assign({},rest,{ref:currentRef,style:Object.assign(Object.assign({},style),{height:forceHeight||(isScaling?finalHeight+innerBottomPadding:legacyIframeHeight),width:isScaling?targetWidth:legacyCurrentWidth,visibility:width===0&&isScaling&&!fullContentHeight?"hidden":void 0,transform:fullContentHeight?"":(0,compute_preview_scale_1.computePreviewScale)(width,containerWidth),border:0,transformOrigin:"top left"}),src:url,scrolling:disableScroll?"no":void 0})))}exports.ComponentPreview=ComponentPreview},99768:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toPreviewHash=exports.toPreviewServer=exports.toPreviewUrl=void 0;const base_ui_utils_string_affix_1=__webpack_require__(65343);function toPreviewUrl(component,previewName,additionalParams,includeEnvId=!0){const serverPath=toPreviewServer(component,previewName),envId=getEnvIdQueryParam(component,includeEnvId),hash=toPreviewHash(component,previewName,envId,additionalParams);return`${serverPath}#${hash}`}exports.toPreviewUrl=toPreviewUrl;function toPreviewServer(component,previewName){var _a,_b;const explicitUrl=(_a=component.server)===null||_a===void 0?void 0:_a.url;return explicitUrl&&!component.server.host?explicitUrl:((_b=component.preview)===null||_b===void 0?void 0:_b.includesEnvTemplate)===!1?toEnvTemplatePreviewUrl(component,previewName):toComponentPreviewUrl(component)}exports.toPreviewServer=toPreviewServer;function getEnvIdQueryParam(component,includeEnvId=!0){var _a,_b,_c,_d;if(!!includeEnvId&&!(((_a=component.server)===null||_a===void 0?void 0:_a.host)||((_b=component.server)===null||_b===void 0?void 0:_b.basePath))&&!!(!((_c=component.server)===null||_c===void 0)&&_c.url))return(_d=component.environment)===null||_d===void 0?void 0:_d.id}function toComponentPreviewUrl(component){var _a,_b;return`${createPrefix((_a=component.server)===null||_a===void 0?void 0:_a.basePath,(_b=component.server)===null||_b===void 0?void 0:_b.host)}/${component.id.toString()}/~aspect/preview/`}function createPrefix(basePath,host){const actualBasePath=basePath||"/api",basePathWithSlash=actualBasePath.startsWith("/")?actualBasePath:`/${actualBasePath}`,hostWithoutSlash=host?.endsWith("/")?host.slice(0,-1):host,prefix=hostWithoutSlash?`${hostWithoutSlash}${basePathWithSlash}`:basePathWithSlash;return prefix.endsWith("/")?prefix.slice(0,-1):prefix}function toEnvTemplatePreviewUrl(component,previewName){var _a,_b,_c;const envId=(_a=component.environment)===null||_a===void 0?void 0:_a.id,search=`compId=${component.id.toString()}`;return`${createPrefix((_b=component.server)===null||_b===void 0?void 0:_b.basePath,(_c=component.server)===null||_c===void 0?void 0:_c.host)}/${envId}/~aspect/env-template/${previewName}/?${search}`}function toPreviewHash(component,previewName,envId,queryParams=""){const previewParam=(0,base_ui_utils_string_affix_1.affix)("preview=",previewName),envIdParam=(0,base_ui_utils_string_affix_1.affix)("env=",envId),hashQuery=[previewParam,envIdParam].concat(queryParams).filter(x=>!!x).join("&");return`${component.id.toString()}${(0,base_ui_utils_string_affix_1.affix)("?",hashQuery)}`}exports.toPreviewHash=toPreviewHash},63853:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useInterval=exports.useIframeContentHeight=void 0;const react_1=__webpack_require__(59496);function useIframeContentHeight({interval=250,skip,viewport}){const iframeRef=(0,react_1.useRef)(null),[iframeHeight,setIframeHeight]=(0,react_1.useState)(0),[iframeWidth,setIframeWidth]=(0,react_1.useState)(0);if(skip)return[iframeRef,void 0,iframeWidth];let first=!0;return useInterval(()=>{var _a;try{const iframe=iframeRef.current;viewport!==null&&(iframe.contentWindow.document.body.style.width="fit-content"),!first&&iframe?.style.height==="5000px"&&(iframe.style.height="100%");const newHeight=iframe.contentWindow.document.body.scrollHeight,newWidth=(_a=iframe?.contentWindow)===null||_a===void 0?void 0:_a.document.body.offsetWidth;setIframeHeight(newHeight),setIframeWidth(newWidth||0),first=!1}catch{}},interval),[iframeRef,iframeHeight,iframeWidth]}exports.useIframeContentHeight=useIframeContentHeight;function useInterval(callback,interval){const savedCallback=(0,react_1.useRef)(()=>callback);(0,react_1.useEffect)(()=>{savedCallback.current=callback}),(0,react_1.useEffect)(()=>{function tick(){savedCallback.current()}if(interval!==null){const id=setInterval(tick,interval);return()=>clearInterval(id)}return()=>{}},[interval])}exports.useInterval=useInterval},61286: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.DocsApp=void 0;const react_1=__importDefault(__webpack_require__(59496)),docs_1=__webpack_require__(84723),react_ui_docs_properties_table_1=__webpack_require__(98077),react_ui_docs_compositions_carousel_1=__webpack_require__(54505),react_ui_docs_docs_content_1=__webpack_require__(90036),docs_theme_1=__webpack_require__(35623),docs_app_module_scss_1=__importDefault(__webpack_require__(74293));function DocsApp({componentId,docs=docs_1.defaultDocs,compositions,context}){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?"),renderOnlyOverview=new URLSearchParams(after).get("onlyOverview");return react_1.default.createElement(docs_theme_1.DocsTheme,null,react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(react_ui_docs_docs_content_1.DocsContent,{docs,className:docs_app_module_scss_1.default.mdx}),(!renderOnlyOverview||renderOnlyOverview==="false")&&react_1.default.createElement(react_ui_docs_compositions_carousel_1.CompositionsCarousel,{renderingContext:context,compositions,className:docs_app_module_scss_1.default.compositionSection,compositionCardClass:docs_app_module_scss_1.default.compositionCard}),(!renderOnlyOverview||renderOnlyOverview==="false")&&react_1.default.createElement(react_ui_docs_properties_table_1.PropertiesTable,{componentId})))}exports.DocsApp=DocsApp},35623: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.DocsTheme=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),design_themes_theme_toggler_1=__webpack_require__(85654),design_theme_icons_font_1=__webpack_require__(64452),docs_app_module_scss_1=__importDefault(__webpack_require__(74293));function DocsTheme({children}){const hash=window.location.hash,[,hashQuery]=hash&&hash.split("?"),theme=new URLSearchParams(hashQuery).get("theme")||"light";return react_1.default.createElement(design_themes_theme_toggler_1.ThemeSwitcher,{defaultTheme:theme},react_1.default.createElement(design_theme_icons_font_1.IconFont,{query:"q76y7n"}),react_1.default.createElement("div",{className:(0,classnames_1.default)(docs_app_module_scss_1.default.docsMainBlock)},children))}exports.DocsTheme=DocsTheme},17294:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(__webpack_require__(59496)),react_dom_1=__importDefault(__webpack_require__(87995)),docs_app_1=__webpack_require__(61286);function DocsRoot({componentId,docs,compositions,context}){react_dom_1.default.render(react_1.default.createElement(docs_app_1.DocsApp,{componentId,docs,compositions,context}),document.getElementById("root"))}DocsRoot.apiObject=!0,exports.default=DocsRoot},79022: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.docsStyles=exports.DocsApp=exports.default=exports.DocsTheme=void 0;var docs_theme_1=__webpack_require__(35623);Object.defineProperty(exports,"DocsTheme",{enumerable:!0,get:function(){return docs_theme_1.DocsTheme}});var docs_app_root_1=__webpack_require__(17294);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(docs_app_root_1).default}});var docs_app_1=__webpack_require__(61286);Object.defineProperty(exports,"DocsApp",{enumerable:!0,get:function(){return docs_app_1.DocsApp}});var docs_app_module_scss_1=__webpack_require__(74293);Object.defineProperty(exports,"docsStyles",{enumerable:!0,get:function(){return __importDefault(docs_app_module_scss_1).default}})},80849: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.ApplyProviders=void 0;const react_1=__importDefault(__webpack_require__(59496)),react_error_boundary_1=__webpack_require__(75340),base_ui_utils_composer_1=__webpack_require__(97383),react_ui_error_fallback_1=__webpack_require__(32334),react_2=__webpack_require__(32750);function ApplyProviders(_a){var{renderingContext,children}=_a,rest=__rest(_a,["renderingContext","children"]);const{providers=[]}=renderingContext.get(react_2.ReactAspect.id)||{};return react_1.default.createElement("div",Object.assign({},rest),react_1.default.createElement(react_error_boundary_1.ErrorBoundary,{FallbackComponent:react_ui_error_fallback_1.ErrorFallback},react_1.default.createElement(base_ui_utils_composer_1.Composer,{components:providers},children)))}exports.ApplyProviders=ApplyProviders},95440:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApplyProviders=void 0;var apply_providers_1=__webpack_require__(80849);Object.defineProperty(exports,"ApplyProviders",{enumerable:!0,get:function(){return apply_providers_1.ApplyProviders}})},84218: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.CompositionsCarousel=void 0;const react_1=__importDefault(__webpack_require__(59496)),react_ui_docs_apply_providers_1=__webpack_require__(95440),compositions_ui_compositions_overview_1=__webpack_require__(88107),documenter_ui_linked_heading_1=__webpack_require__(83804),documenter_ui_section_1=__webpack_require__(1105);function CompositionsCarousel(_a){var{compositions,compositionCardClass,renderingContext}=_a,rest=__rest(_a,["compositions","compositionCardClass","renderingContext"]);return!compositions||Object.keys(compositions).length===0?null:react_1.default.createElement(documenter_ui_section_1.Section,Object.assign({},rest),react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,null,"Compositions"),react_1.default.createElement(react_ui_docs_apply_providers_1.ApplyProviders,{renderingContext},react_1.default.createElement(compositions_ui_compositions_overview_1.CompositionsOverview,{compositions,compositionCardClass})))}exports.CompositionsCarousel=CompositionsCarousel},54505:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsCarousel=void 0;var compositions_carousel_1=__webpack_require__(84218);Object.defineProperty(exports,"CompositionsCarousel",{enumerable:!0,get:function(){return compositions_carousel_1.CompositionsCarousel}})},58715: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.DocsContent=void 0;const react_error_boundary_1=__webpack_require__(75340),lodash_1=__webpack_require__(32699),docs_1=__webpack_require__(84723),react_ui_error_fallback_1=__webpack_require__(32334),mdx_ui_mdx_layout_1=__webpack_require__(13359),react_1=__importDefault(__webpack_require__(59496));function DocsContent(_a){var{docs=docs_1.defaultDocs}=_a,rest=__rest(_a,["docs"]);const Content=(0,lodash_1.isFunction)(docs.default)?docs.default:()=>null;return react_1.default.createElement(react_error_boundary_1.ErrorBoundary,{FallbackComponent:react_ui_error_fallback_1.ErrorFallback},Content.isMDXComponent?react_1.default.createElement(mdx_ui_mdx_layout_1.MDXLayout,Object.assign({},rest),react_1.default.createElement(Content,null)):react_1.default.createElement(Content,null))}exports.DocsContent=DocsContent},90036:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DocsContent=void 0;var docs_content_1=__webpack_require__(58715);Object.defineProperty(exports,"DocsContent",{enumerable:!0,get:function(){return docs_content_1.DocsContent}})},98077:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTable=void 0;var properties_table_1=__webpack_require__(29784);Object.defineProperty(exports,"PropertiesTable",{enumerable:!0,get:function(){return properties_table_1.PropertiesTable}})},29784: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.PropertiesTable=void 0;const documenter_ui_linked_heading_1=__webpack_require__(83804),documenter_ui_property_table_1=__webpack_require__(41823),documenter_ui_section_1=__webpack_require__(1105),component_ui_hooks_use_fetch_docs_1=__webpack_require__(3635),react_1=__importDefault(__webpack_require__(59496));function PropertiesTable(_a){var{componentId}=_a,rest=__rest(_a,["componentId"]);const{loading,error,data}=(0,component_ui_hooks_use_fetch_docs_1.useFetchDocs)(componentId);if(!data||loading)return null;if(error)return console.error(`failed to fetch docs for ${componentId} in PropertiesTable`,error),null;const{properties}=data.docs;return properties.length===0?react_1.default.createElement("div",null):react_1.default.createElement(documenter_ui_section_1.Section,Object.assign({},rest),react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,null,"Properties"),react_1.default.createElement(documenter_ui_property_table_1.PropTable,{rows:properties}))}exports.PropertiesTable=PropertiesTable},16880:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorFallback=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),design_ui_icon_button_1=__webpack_require__(89140),base_ui_styles_flex_center_1=__webpack_require__(10981),error_fallback_module_scss_1=__importDefault(__webpack_require__(62954));function ErrorFallback({resetErrorBoundary,className,children="Failed to render",cta="try again"}){const handleClick=()=>__awaiter(this,void 0,void 0,function*(){yield new Promise(resolve=>setTimeout(resolve,480)),resetErrorBoundary()});return react_1.default.createElement("div",{className:(0,classnames_1.default)(error_fallback_module_scss_1.default.errorFallback,base_ui_styles_flex_center_1.flexCenter,className)},react_1.default.createElement("div",{className:error_fallback_module_scss_1.default.icon}),react_1.default.createElement("div",{className:error_fallback_module_scss_1.default.message},children),react_1.default.createElement(design_ui_icon_button_1.IconButton,{onClick:handleClick,className:error_fallback_module_scss_1.default.retryButton},cta))}exports.ErrorFallback=ErrorFallback},32334:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorFallback=void 0;var error_fallback_1=__webpack_require__(16880);Object.defineProperty(exports,"ErrorFallback",{enumerable:!0,get:function(){return error_fallback_1.ErrorFallback}})},31461:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.matchPatterns=exports.splitPatterns=void 0;var match_patterns_1=__webpack_require__(36213);Object.defineProperty(exports,"splitPatterns",{enumerable:!0,get:function(){return match_patterns_1.splitPatterns}}),Object.defineProperty(exports,"matchPatterns",{enumerable:!0,get:function(){return match_patterns_1.matchPatterns}})},36213: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.splitPatterns=exports.matchPatterns=void 0;const minimatch_1=__importDefault(__webpack_require__(18455));function matchPatterns(filePath,includePatterns,excludePatterns){const included=includePatterns.some(pattern=>(0,minimatch_1.default)(filePath,pattern)),excluded=excludePatterns.every(pattern=>(0,minimatch_1.default)(filePath,pattern));return included&&excluded}exports.matchPatterns=matchPatterns;function splitPatterns(patterns){return{includePatterns:patterns.filter(pattern=>!pattern.startsWith("!")),excludePatterns:patterns.filter(pattern=>pattern.startsWith("!"))}}exports.splitPatterns=splitPatterns},55044:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.capitalize=void 0;function capitalize(str){return str.charAt(0).toUpperCase()+str.slice(1)}exports.capitalize=capitalize},58315:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.capitalize=void 0;var capitalize_1=__webpack_require__(55044);Object.defineProperty(exports,"capitalize",{enumerable:!0,get:function(){return capitalize_1.capitalize}})},90065: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__(3741));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},32098:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Collapser=void 0;var collapser_button_1=__webpack_require__(90065);Object.defineProperty(exports,"Collapser",{enumerable:!0,get:function(){return collapser_button_1.Collapser}})},24681:(__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]})})}},70237: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.CrossIframeDevTools=void 0;const react_1=__importDefault(__webpack_require__(59496));function CrossIframeDevTools(){return react_1.default.createElement("script",null,`/* Allow to use react dev-tools inside the examples */
 `,"try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}")}exports.CrossIframeDevTools=CrossIframeDevTools},50629: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.FullHeightStyle=void 0;const react_1=__importDefault(__webpack_require__(59496));function FullHeightStyle(){return react_1.default.createElement("style",null,"body { margin: 0; }")}exports.FullHeightStyle=FullHeightStyle},54997: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.ssrCleanup=exports.Html=exports.LOAD_EVENT=void 0;const react_1=__importDefault(__webpack_require__(59496)),dev_tools_1=__webpack_require__(70237),mount_point_1=__webpack_require__(91891),stored_assets_1=__webpack_require__(2305),ssr_styles_1=__webpack_require__(85847),full_height_style_1=__webpack_require__(50629);exports.LOAD_EVENT="_DOM_LOADED_";const NotifyParentScript=()=>react_1.default.createElement("script",{dangerouslySetInnerHTML:{__html:`
       // only send loaded event when mounted in an iframe
       if (window.parent && window !== window.parent) {

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

@@ -1,17 +1,17 @@
 {
   "126.3f00e4dce26e2ad028f5.js": "126.3f00e4dce26e2ad028f5.js",
-  "310.2fae9e9a8c437974d92d.js": "310.2fae9e9a8c437974d92d.js",
+  "310.3bbed4acaac40b09d961.js": "310.3bbed4acaac40b09d961.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.5e66b846674906687ace.js",
+  "compositions.js": "compositions.1ad8e340510d9ec9133e.js",
   "entrypoints": {
     "peers": {
       "assets": {
         "js": [
           "851.d2664a57f5d46b636e5f.js",
-          "peers.b0ec9758ea104ffed735.js"
+          "peers.c1527dd6d1da997a44c5.js"
         ]
       }
     },
@@ -30,7 +30,7 @@
       "assets": {
         "js": [
           "700.f5fce5db582bd65bc0df.js",
-          "compositions.5e66b846674906687ace.js"
+          "compositions.1ad8e340510d9ec9133e.js"
         ],
         "css": [
           "static/css/compositions.2a7f63f9.css"
@@ -40,8 +40,8 @@
     "overview": {
       "assets": {
         "js": [
-          "310.2fae9e9a8c437974d92d.js",
-          "overview.2e68244399f2bc81e0c8.js"
+          "310.3bbed4acaac40b09d961.js",
+          "overview.5bd59ec3a56ead21cc11.js"
         ],
         "css": [
           "static/css/310.f86b4fe8.css"
@@ -50,8 +50,8 @@
     }
   },
   "overview.html": "overview.html",
-  "overview.js": "overview.2e68244399f2bc81e0c8.js",
-  "peers.js": "peers.b0ec9758ea104ffed735.js",
+  "overview.js": "overview.5bd59ec3a56ead21cc11.js",
+  "peers.js": "peers.c1527dd6d1da997a44c5.js",
   "preview-root.css": "static/css/preview-root.5fd7d59d.css",
   "preview-root.js": "preview-root.b5211348ba0708a0eb23.js",
   "static/css/310.f86b4fe8.css": "static/css/310.f86b4fe8.css"

package/artifacts/env-template/public/compositions.1ad8e340510d9ec9133e.js

@@ -0,0 +1,17 @@
+"use strict";(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[384],{40450:(__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},52443:(__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__(10351);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(40450);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(3857);return _pubsubContext=function(){return data},data}},3857:(__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])}},10351:(__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},31505:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClickInsideAnIframeEvent=void 0;function _pubsub(){const data=__webpack_require__(52443);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")},20557:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0});var _clickInsideAnIframe=__webpack_require__(31505);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]}})})},59594:(__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},81009:(__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__(42049);return _previewNotFound=function(){return data},data}function _previewArtifactNotFound(){const data=__webpack_require__(61975);return _previewArtifactNotFound=function(){return data},data}function _bundlingStrategyNotFound(){const data=__webpack_require__(59594);return _bundlingStrategyNotFound=function(){return data},data}function _previewOutputFileNotFound(){const data=__webpack_require__(21171);return _previewOutputFileNotFound=function(){return data},data}},61975:(__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},42049:(__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},21171:(__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},76169:(__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}}},35005:(__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)})}},19474:(__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}},58274:(__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},52606:(__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__(52443);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__(81009);return _exceptions=function(){return data},data}function _preview(){const data=__webpack_require__(58274);return _preview=function(){return data},data}function _events(){const data=__webpack_require__(20557);return _events=function(){return data},data}function _renderingContext(){const data=__webpack_require__(67525);return _renderingContext=function(){return data},data}function _fetchComponentAspects(){const data=__webpack_require__(76169);return _fetchComponentAspects=function(){return data},data}function _previewModules(){const data=__webpack_require__(19474);return _previewModules=function(){return data},data}function _htmlUtils(){const data=__webpack_require__(35005);return _htmlUtils=function(){return data},data}function _sizeEvent(){const data=__webpack_require__(8262);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)},67525:(__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},8262:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SizeEvent=void 0;function _pubsub(){const data=__webpack_require__(52443);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")},54300:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(52606),_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,126,629],()=>__webpack_exec__(54300));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.b0ec9758ea104ffed735.js"></script><script defer="defer" src="126.3f00e4dce26e2ad028f5.js"></script><script defer="defer" src="preview-root.b5211348ba0708a0eb23.js"></script><script defer="defer" src="700.f5fce5db582bd65bc0df.js"></script><script defer="defer" src="compositions.5e66b846674906687ace.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.c1527dd6d1da997a44c5.js"></script><script defer="defer" src="126.3f00e4dce26e2ad028f5.js"></script><script defer="defer" src="preview-root.b5211348ba0708a0eb23.js"></script><script defer="defer" src="700.f5fce5db582bd65bc0df.js"></script><script defer="defer" src="compositions.1ad8e340510d9ec9133e.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.2e68244399f2bc81e0c8.js → overview.5bd59ec3a56ead21cc11.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}},76731:(__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__(49957),_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(47916),_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,126,629,700,384],()=>__webpack_exec__(76731));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}},53216:(__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__(52606),_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,126,629,700,384],()=>__webpack_exec__(53216));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.b0ec9758ea104ffed735.js"></script><script defer="defer" src="126.3f00e4dce26e2ad028f5.js"></script><script defer="defer" src="preview-root.b5211348ba0708a0eb23.js"></script><script defer="defer" src="700.f5fce5db582bd65bc0df.js"></script><script defer="defer" src="compositions.5e66b846674906687ace.js"></script><script defer="defer" src="310.2fae9e9a8c437974d92d.js"></script><script defer="defer" src="overview.2e68244399f2bc81e0c8.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.f86b4fe8.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.c1527dd6d1da997a44c5.js"></script><script defer="defer" src="126.3f00e4dce26e2ad028f5.js"></script><script defer="defer" src="preview-root.b5211348ba0708a0eb23.js"></script><script defer="defer" src="700.f5fce5db582bd65bc0df.js"></script><script defer="defer" src="compositions.1ad8e340510d9ec9133e.js"></script><script defer="defer" src="310.3bbed4acaac40b09d961.js"></script><script defer="defer" src="overview.5bd59ec3a56ead21cc11.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.f86b4fe8.css" rel="stylesheet"></head><body><div id="root"></div></body></html>

package/artifacts/env-template/public/{peers.b0ec9758ea104ffed735.js → peers.c1527dd6d1da997a44c5.js}

@@ -1 +1 @@
-(()=>{"use strict";var __webpack_modules__={503:(__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__(503));__webpack_exports__=__webpack_require__.O(__webpack_exports__)})();
+(()=>{"use strict";var __webpack_modules__={143:(__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__(143));__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={82011:(e,t,o)=>{var n={id:"teambit.envs/env@1.0.250",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(82011);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={40194:(e,t,o)=>{var n={id:"teambit.envs/env@1.0.251",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(40194);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.250"
+    "version": "1.0.251"
   },
   "taggedModuleExports": []
 }

package/dist/{preview-1713916866359.js → preview-1713928852794.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.envs_env@1.0.250/dist/env.composition.js';
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.envs_env@1.0.250/dist/env.docs.mdx';
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.envs_env@1.0.251/dist/env.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.envs_env@1.0.251/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.250",
+  "version": "1.0.251",
   "homepage": "https://bit.cloud/teambit/envs/env",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.envs",
     "name": "env",
-    "version": "1.0.250"
+    "version": "1.0.251"
   },
   "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.250",
-    "@teambit/pkg": "1.0.250",
-    "@teambit/preview": "1.0.250",
+    "@teambit/aspect": "1.0.251",
+    "@teambit/pkg": "1.0.251",
+    "@teambit/preview": "1.0.251",
     "@teambit/cli": "0.0.862",
-    "@teambit/envs": "1.0.250"
+    "@teambit/envs": "1.0.251"
   },
   "devDependencies": {
     "@types/mocha": "10.0.1",

package/artifacts/env-template/public/compositions.5e66b846674906687ace.js

@@ -1,17 +0,0 @@
-"use strict";(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[384],{31756:(__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},20320:(__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__(96256);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(31756);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(93829);return _pubsubContext=function(){return data},data}},93829:(__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])}},96256:(__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},26451:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClickInsideAnIframeEvent=void 0;function _pubsub(){const data=__webpack_require__(20320);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")},19505:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0});var _clickInsideAnIframe=__webpack_require__(26451);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]}})})},79022:(__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},27183:(__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__(93670);return _previewNotFound=function(){return data},data}function _previewArtifactNotFound(){const data=__webpack_require__(17828);return _previewArtifactNotFound=function(){return data},data}function _bundlingStrategyNotFound(){const data=__webpack_require__(79022);return _bundlingStrategyNotFound=function(){return data},data}function _previewOutputFileNotFound(){const data=__webpack_require__(40566);return _previewOutputFileNotFound=function(){return data},data}},17828:(__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},93670:(__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},40566:(__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},90545:(__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}}},4708:(__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)})}},72224:(__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}},12545:(__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},49957:(__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__(20320);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__(27183);return _exceptions=function(){return data},data}function _preview(){const data=__webpack_require__(12545);return _preview=function(){return data},data}function _events(){const data=__webpack_require__(19505);return _events=function(){return data},data}function _renderingContext(){const data=__webpack_require__(7971);return _renderingContext=function(){return data},data}function _fetchComponentAspects(){const data=__webpack_require__(90545);return _fetchComponentAspects=function(){return data},data}function _previewModules(){const data=__webpack_require__(72224);return _previewModules=function(){return data},data}function _htmlUtils(){const data=__webpack_require__(4708);return _htmlUtils=function(){return data},data}function _sizeEvent(){const data=__webpack_require__(900);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)},7971:(__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},900:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SizeEvent=void 0;function _pubsub(){const data=__webpack_require__(20320);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")},73433:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(49957),_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,126,629],()=>__webpack_exec__(73433));var __webpack_exports__=__webpack_require__.O()}]);