@teambit/node 1.0.194 → 1.0.196

package/artifacts/env-template/public/{310.728ca05a4103994ea135.js → 310.c43be53f6c158912d5c1.js}

@@ -228,7 +228,7 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
       }
     }
   }
-`;function useComponentHost(){const{data,loading}=(0,_uiFoundationUiHooks().useDataQuery)(COMPONENT_HOST);return!data||loading?{}:{host:_componentHostModel().ComponentHostModel.from(data)}}},99906:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AspectData",{enumerable:!0,get:function(){return _aspectEntry().AspectData}}),Object.defineProperty(exports,"AspectEntry",{enumerable:!0,get:function(){return _aspectEntry().AspectEntry}}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menu().CollapsibleMenuNav}}),Object.defineProperty(exports,"Component",{enumerable:!0,get:function(){return _component2().Component}}),Object.defineProperty(exports,"ComponentAspect",{enumerable:!0,get:function(){return _component().ComponentAspect}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _componentContext().ComponentContext}}),Object.defineProperty(exports,"ComponentDescriptorContext",{enumerable:!0,get:function(){return _componentContext().ComponentDescriptorContext}}),Object.defineProperty(exports,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return _context().ComponentDescriptorProvider}}),Object.defineProperty(exports,"ComponentFS",{enumerable:!0,get:function(){return _componentFs().default}}),Object.defineProperty(exports,"ComponentID",{enumerable:!0,get:function(){return _componentId().ComponentID}}),Object.defineProperty(exports,"ComponentLogsResult",{enumerable:!0,get:function(){return _ui().ComponentLogsResult}}),Object.defineProperty(exports,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _context().ComponentProvider}}),Object.defineProperty(exports,"Config",{enumerable:!0,get:function(){return _config().Config}}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _ui().Filters}}),Object.defineProperty(exports,"InvalidComponent",{enumerable:!0,get:function(){return _component2().InvalidComponent}}),Object.defineProperty(exports,"ResolveComponentIdFunc",{enumerable:!0,get:function(){return _aspectEntry().ResolveComponentIdFunc}}),Object.defineProperty(exports,"Snap",{enumerable:!0,get:function(){return _snap().Snap}}),Object.defineProperty(exports,"SnapProps",{enumerable:!0,get:function(){return _snap().SnapProps}}),Object.defineProperty(exports,"State",{enumerable:!0,get:function(){return _state().State}}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return _tag().Tag}}),Object.defineProperty(exports,"TagMap",{enumerable:!0,get:function(){return _tagMap().TagMap}}),Object.defineProperty(exports,"TagProps",{enumerable:!0,get:function(){return _tag().TagProps}}),Object.defineProperty(exports,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _ui().componentFields}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _ui().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _ui().componentOverviewFields}}),exports.default=void 0,Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _ui().useComponent}}),Object.defineProperty(exports,"useComponentDescriptor",{enumerable:!0,get:function(){return _componentContext().useComponentDescriptor}}),Object.defineProperty(exports,"useComponentHost",{enumerable:!0,get:function(){return _host().useComponentHost}}),Object.defineProperty(exports,"useComponentLogs",{enumerable:!0,get:function(){return _ui().useComponentLogs}}),Object.defineProperty(exports,"useIdFromLocation",{enumerable:!0,get:function(){return _ui().useIdFromLocation}});function _component(){const data=__webpack_require__(9882);return _component=function(){return data},data}function _host(){const data=__webpack_require__(47636);return _host=function(){return data},data}function _component2(){const data=__webpack_require__(39669);return _component2=function(){return data},data}function _componentId(){const data=__webpack_require__(99978);return _componentId=function(){return data},data}function _componentFs(){const data=_interopRequireDefault(__webpack_require__(14449));return _componentFs=function(){return data},data}function _aspectEntry(){const data=__webpack_require__(99674);return _aspectEntry=function(){return data},data}function _snap(){const data=__webpack_require__(45809);return _snap=function(){return data},data}function _tag(){const data=__webpack_require__(81673);return _tag=function(){return data},data}function _state(){const data=__webpack_require__(57896);return _state=function(){return data},data}function _tagMap(){const data=__webpack_require__(11293);return _tagMap=function(){return data},data}function _componentMap(){const data=__webpack_require__(64749);return _componentMap=function(){return data},data}function _componentContext(){const data=__webpack_require__(87602);return _componentContext=function(){return data},data}function _context(){const data=__webpack_require__(62441);return _context=function(){return data},data}function _ui(){const data=__webpack_require__(8980);return _ui=function(){return data},data}function _menu(){const data=__webpack_require__(37254);return _menu=function(){return data},data}function _componentModel(){const data=__webpack_require__(47651);return _componentModel=function(){return data},data}function _topBarNav(){const data=__webpack_require__(90274);return _topBarNav=function(){return data},data}function _config(){const data=__webpack_require__(79792);return _config=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var _default=exports.default=_component().ComponentAspect},45809:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Snap=void 0;class Snap{constructor(hash,timestamp,parents,author,message){this.hash=hash,this.timestamp=timestamp,this.parents=parents,this.author=author,this.message=message}static fromObject(snapObject){const parents=snapObject.parents||[];return new Snap(snapObject.hash,new Date(parseInt(snapObject.timestamp)),parents,snapObject.author,snapObject.message)}toObject(){return{timestamp:this.timestamp.getTime().toString(),hash:this.hash,author:this.author,message:this.message,parents:this.parents}}}exports.Snap=Snap},57896:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.State=void 0;function _componentIssues(){const data=__webpack_require__(24879);return _componentIssues=function(){return data},data}function _componentId(){const data=__webpack_require__(99978);return _componentId=function(){return data},data}function _exceptions(){const data=__webpack_require__(67044);return _exceptions=function(){return data},data}class State{constructor(config,_aspects,filesystem,dependencies,_consumer){this.config=config,this._aspects=_aspects,this.filesystem=filesystem,this.dependencies=dependencies,this._consumer=_consumer}get mainFile(){const file=this.filesystem.files.find(componentFile=>componentFile.relative===this._consumer.mainFile);if(!file)throw new(_exceptions()).MainFileNotFound(_componentId().ComponentID.fromLegacy(this._consumer.id),this._consumer.mainFile);return file}get hash(){return""}get issues(){return this._consumer.issues||=new(_componentIssues()).IssuesList}get isModified(){return this._consumer._isModified}get aspects(){return this._aspects}set aspects(aspects){this._aspects=aspects}}exports.State=State},11293:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagMap=void 0;function _semverHelper(){const data=__webpack_require__(30755);return _semverHelper=function(){return data},data}function _semver(){const data=__webpack_require__(9131);return _semver=function(){return data},data}function _exceptions(){const data=__webpack_require__(67044);return _exceptions=function(){return data},data}class TagMap extends Map{byHash(hash){return Array.from(this.values()).find(currTag=>currTag.hash===hash)}getPreReleaseLatestTags(){const preReleaseTagsWithAllVersions=this.toArray().reduce((acc,current)=>{const preReleases=current.version.prerelease;return!preReleases.length||preReleases.length!==2||typeof preReleases[0]!="string"||(acc[preReleases[0]]||=[]).push(current.version.raw),acc},{});return Object.keys(preReleaseTagsWithAllVersions).reduce((acc,current)=>(acc[current]=(0,_semver().maxSatisfying)(preReleaseTagsWithAllVersions[current],"*",{includePrerelease:!0}),acc),{})}getHashMap(){const res=new Map;return this.forEach(tag=>{res.set(tag.hash,tag)}),res}getLatest(){const versions=this.toArray().map(tag=>tag.version.raw);if(this.isEmpty())throw new(_exceptions()).CouldNotFindLatest(versions);return(0,_semverHelper().getLatestVersion)(versions)}isEmpty(){return this.size===0}toArray(){return Array.from(this.values())}byVersion(version){return this.toArray().map(tag=>tag).find(tag=>tag.version.raw===version)}static fromArray(tags){const tuples=tags.map(tag=>[tag.version,tag]);return new TagMap(tuples)}static empty(){return new TagMap}}exports.TagMap=TagMap},8015:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return _tag().Tag}});function _tag(){const data=__webpack_require__(81673);return _tag=function(){return data},data}},81673:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tag=void 0;function _semver(){const data=__webpack_require__(9131);return _semver=function(){return data},data}class Tag{constructor(hash,version){this.hash=hash,this.version=version}toObject(){return{hash:this.hash,version:this.version.raw}}static fromObject(tag){return new Tag(tag.hash,new(_semver()).SemVer(tag.version))}}exports.Tag=Tag},78061:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentError=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__(59496));return _react=function(){return data},data}function _designUiPages(){const data=__webpack_require__(42355);return _designUiPages=function(){return data},data}function _designUiPages2(){const data=__webpack_require__(70048);return _designUiPages2=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}class ComponentError{constructor(code,message){this.code=code,this.message=message}renderError(){return this.code===404?_react().default.createElement(_designUiPages().NotFoundPage,null):_react().default.createElement(_designUiPages2().ServerErrorPage,null)}}exports.ComponentError=ComponentError},93589:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentError",{enumerable:!0,get:function(){return _componentError().ComponentError}});function _componentError(){const data=__webpack_require__(78061);return _componentError=function(){return data},data}},13400:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentModel=void 0;function _compositions(){const data=__webpack_require__(39976);return _compositions=function(){return data},data}function _componentId(){const data=__webpack_require__(99978);return _componentId=function(){return data},data}function _tag(){const data=__webpack_require__(8015);return _tag=function(){return data},data}function _tagMap(){const data=__webpack_require__(11293);return _tagMap=function(){return data},data}class ComponentModel{constructor(id,displayName,packageName,server,compositions,tags,buildStatus,issuesCount,status,deprecation,environment,description="",labels=[],host,size,latest,preview,logs){this.id=id,this.displayName=displayName,this.packageName=packageName,this.server=server,this.compositions=compositions,this.tags=tags,this.buildStatus=buildStatus,this.issuesCount=issuesCount,this.status=status,this.deprecation=deprecation,this.environment=environment,this.description=description,this.labels=labels,this.host=host,this.size=size,this.latest=latest,this.preview=preview,this.logs=logs}get version(){return this.id.version?this.id.version:"new"}static from({id,server,displayName,compositions=[],packageName,tags=[],deprecation,buildStatus,env,status,issuesCount,description,labels,host,latest,preview,size,logs}){return new ComponentModel(_componentId().ComponentID.fromObject(id),displayName,packageName,server,_compositions().Composition.fromArray(compositions),_tagMap().TagMap.fromArray(tags.map(tag=>_tag().Tag.fromObject(tag))),buildStatus,issuesCount,status,deprecation,env,description,labels,host,size,latest,preview,logs?.map(log=>log??{hash:"[error]",tag:"[error]",message:"",parents:[]}))}static fromArray(componentsProps){return componentsProps.map(rawComponent=>ComponentModel.from(rawComponent))}static empty(){return new ComponentModel(_componentId().ComponentID.fromObject({name:"root",scope:"temp"}),"","",{env:"",url:""},[],_tagMap().TagMap.empty())}}exports.ComponentModel=ComponentModel},47651:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}});function _componentModel(){const data=__webpack_require__(13400);return _componentModel=function(){return data},data}},19030:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=Component;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(11549));return _lodash=function(){return data},data}function _uiFoundationUiReactRouter(){const data=__webpack_require__(64856);return _uiFoundationUiReactRouter=function(){return data},data}function _lodash2(){const data=__webpack_require__(32699);return _lodash2=function(){return data},data}function _context(){const data=__webpack_require__(62441);return _context=function(){return data},data}function _useComponent(){const data=__webpack_require__(43378);return _useComponent=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(2009);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(99906);return _=function(){return data},data}function _componentModule(){const data=_interopRequireDefault(__webpack_require__(17971));return _componentModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}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:String(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)}function getComponentIdStr(componentIdStr){return(0,_lodash2().isFunction)(componentIdStr)?componentIdStr():componentIdStr}function Component({routeSlot,overriddenRoutes,containerSlot,host,onComponentChange,componentIdStr,useComponent,path,useComponentFilters}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),componentIdStrWithScopeFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(void 0,!0),_componentIdStr=getComponentIdStr(componentIdStr),componentId=_componentIdStr?_().ComponentID.fromString(_componentIdStr):void 0,resolvedComponentIdStr=path||idFromLocation,componentFiltersFromProps=useComponentFilters?.()||{},useComponentOptions={logFilters:_objectSpread(_objectSpread({},componentFiltersFromProps),componentFiltersFromProps.loading?{}:{log:_objectSpread({},componentFiltersFromProps.log)}),customUseComponent:useComponent},{component,componentDescriptor,error}=(0,_useComponent().useComponent)(host,componentId?.toString()||componentIdStrWithScopeFromLocation,useComponentOptions);(0,_react().useEffect)(()=>onComponentChange?.(component),[component]),(0,_react().useEffect)(()=>()=>onComponentChange?.(void 0),[]);const pageItems=(0,_react().useMemo)(()=>(0,_lodash().default)(containerSlot?.values()),[containerSlot]),before=(0,_react().useMemo)(()=>pageItems.filter(x=>x.type==="before").map(x=>x.content),[pageItems]),after=(0,_react().useMemo)(()=>pageItems.filter(x=>x.type==="after").map(x=>x.content),[pageItems]);return error?error?.renderError():component?_react().default.createElement(_context().ComponentDescriptorProvider,{componentDescriptor},_react().default.createElement(_context().ComponentProvider,{component},before,_react().default.createElement("div",{className:_componentModule().default.container},routeSlot&&_react().default.createElement(_uiFoundationUiReactRouter().SlotRouter,{parentPath:`${resolvedComponentIdStr}/*`,slot:routeSlot,routes:overriddenRoutes})),after)):_react().default.createElement("div",null)}},87602:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentDescriptor=exports.ComponentDescriptorContext=exports.ComponentContext=void 0;function _react(){const data=__webpack_require__(59496);return _react=function(){return data},data}function _componentModel(){const data=__webpack_require__(47651);return _componentModel=function(){return data},data}const ComponentContext=exports.ComponentContext=(0,_react().createContext)(_componentModel().ComponentModel.empty()),ComponentDescriptorContext=exports.ComponentDescriptorContext=(0,_react().createContext)(void 0),useComponentDescriptor=()=>(0,_react().useContext)(ComponentDescriptorContext);exports.useComponentDescriptor=useComponentDescriptor},91108:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentDescriptorProvider=ComponentDescriptorProvider,exports.ComponentProvider=ComponentProvider;function _react(){const data=_interopRequireDefault(__webpack_require__(59496));return _react=function(){return data},data}function _componentContext(){const data=__webpack_require__(87602);return _componentContext=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ComponentProvider({component,children}){return _react().default.createElement(_componentContext().ComponentContext.Provider,{value:component},children)}function ComponentDescriptorProvider({componentDescriptor,children}){return _react().default.createElement(_componentContext().ComponentDescriptorContext.Provider,{value:componentDescriptor},children)}},62441:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _componentContext().ComponentContext}}),Object.defineProperty(exports,"ComponentDescriptorContext",{enumerable:!0,get:function(){return _componentContext().ComponentDescriptorContext}}),Object.defineProperty(exports,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return _componentProvider().ComponentDescriptorProvider}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _componentProvider().ComponentProvider}}),Object.defineProperty(exports,"useComponentDescriptor",{enumerable:!0,get:function(){return _componentContext().useComponentDescriptor}});function _componentContext(){const data=__webpack_require__(87602);return _componentContext=function(){return data},data}function _componentProvider(){const data=__webpack_require__(91108);return _componentProvider=function(){return data},data}},8980:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"COMPONENT_QUERY_LOG_FIELDS",{enumerable:!0,get:function(){return _useComponent2().COMPONENT_QUERY_LOG_FIELDS}}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menu().CollapsibleMenuNav}}),Object.defineProperty(exports,"Component",{enumerable:!0,get:function(){return _component().Component}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _context().ComponentContext}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _context().ComponentProvider}}),Object.defineProperty(exports,"ConsumeMethodSlot",{enumerable:!0,get:function(){return _menu().ConsumeMethodSlot}}),Object.defineProperty(exports,"GET_COMPONENT",{enumerable:!0,get:function(){return _useComponent2().GET_COMPONENT}}),Object.defineProperty(exports,"GET_COMPONENT_WITH_LOGS",{enumerable:!0,get:function(){return _useComponent2().GET_COMPONENT_WITH_LOGS}}),Object.defineProperty(exports,"MenuNavProps",{enumerable:!0,get:function(){return _menu().MenuNavProps}}),Object.defineProperty(exports,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _useComponent2().componentFields}}),Object.defineProperty(exports,"componentFieldsWithLogs",{enumerable:!0,get:function(){return _useComponent2().componentFieldsWithLogs}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _useComponent2().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _useComponent2().componentOverviewFields}}),Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _useComponent().useComponent}}),Object.defineProperty(exports,"useComponentLogs",{enumerable:!0,get:function(){return _useComponentLogs().useComponentLogs}}),Object.defineProperty(exports,"useComponentQuery",{enumerable:!0,get:function(){return _useComponentQuery().useComponentQuery}}),Object.defineProperty(exports,"useIdFromLocation",{enumerable:!0,get:function(){return _useComponentFromLocation().useIdFromLocation}});function _menu(){const data=__webpack_require__(37254);return _menu=function(){return data},data}function _component(){const data=__webpack_require__(19030);return _component=function(){return data},data}function _componentModel(){const data=__webpack_require__(47651);return _componentModel=function(){return data},data}function _context(){const data=__webpack_require__(62441);return _context=function(){return data},data}function _topBarNav(){const data=__webpack_require__(90274);return _topBarNav=function(){return data},data}function _useComponent(){const data=__webpack_require__(43378);return _useComponent=function(){return data},data}function _useComponent2(){const data=__webpack_require__(91121);return _useComponent2=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(2009);return _useComponentFromLocation=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(87383);return _useComponentQuery=function(){return data},data}function _useComponentLogs(){const data=__webpack_require__(24698);return _useComponentLogs=function(){return data},data}},37254:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menuNav().CollapsibleMenuNav}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"MenuNavProps",{enumerable:!0,get:function(){return _menuNav().MenuNavProps}}),Object.defineProperty(exports,"RightSideMenuItem",{enumerable:!0,get:function(){return _menu().RightSideMenuItem}}),Object.defineProperty(exports,"RightSideMenuSlot",{enumerable:!0,get:function(){return _menu().RightSideMenuSlot}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}});function _menuNav(){const data=__webpack_require__(59059);return _menuNav=function(){return data},data}function _menu(){const data=__webpack_require__(14756);return _menu=function(){return data},data}},59059:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsibleMenuNav=CollapsibleMenuNav;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _designNavigation(){const data=__webpack_require__(8845);return _designNavigation=function(){return data},data}function _topBarNav(){const data=__webpack_require__(90274);return _topBarNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(34424));return _menuModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}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:String(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)}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)}function TopBarNavComponent({isInMenu,menuItemProps}){const widgetDisplayText=menuItemProps?.displayName&&isInMenu?menuItemProps?.displayName:void 0;return _react().default.createElement(_topBarNav().TopBarNav,_extends({},menuItemProps,{className:(0,_classnames().default)(menuItemProps?.className,_menuModule().default.topBarNav,isInMenu&&_menuModule().default.noBorder)}),widgetDisplayText||menuItemProps?.children)}function CollapsibleMenuNav({navigationSlot,widgetSlot,navPlugins=[],widgetPlugins=[],className,secondaryNavClassName,activeTabIndex,alwaysShowActiveTab,children}){const plugins=(0,_react().useMemo)(()=>((navPlugins.length>0?navPlugins:navigationSlot?.toArray())||[]).sort(sortFn),[navigationSlot,navPlugins]),widgets=(0,_react().useMemo)(()=>((widgetPlugins.length>0?widgetPlugins:widgetSlot?.toArray())||[]).sort(sortFn),[widgetSlot,widgetPlugins]),links=[...plugins,...widgets].map(([,menuItem],index)=>{const lastPluginStyle=plugins.length-1===index?{marginRight:"auto"}:{},firstWidgetStyle=plugins.length===index?{marginLeft:"auto"}:{};return{component:TopBarNavComponent,tabProps:{menuItemProps:menuItem.props},style:_objectSpread(_objectSpread({},firstWidgetStyle),lastPluginStyle),className:menuItem.props.className}});return _react().default.createElement(_designNavigation().ResponsiveNavbar,{navClassName:(0,_classnames().default)(_menuModule().default.tab,className),secondaryNavClassName,style:{width:"100%",height:"100%"},priority:"none",tabs:links,defaultActiveIndex:activeTabIndex,alwaysShowActiveTab},children)}function sortFn([,{order:first}],[,{order:second}]){return(first??0)-(second??0)}},14756:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMenu=ComponentMenu,exports.VersionRelatedDropdowns=VersionRelatedDropdowns,exports.defaultLoadCurrentVersion=void 0,exports.defaultLoadVersions=defaultLoadVersions;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(40734);return _reactRouterDom=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _lodash(){const data=__webpack_require__(32699);return _lodash=function(){return data},data}function semver(){const data=_interopRequireWildcard(__webpack_require__(9131));return semver=function(){return data},data}function _componentUi(){const data=__webpack_require__(24135);return _componentUi=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(76285);return _uiFoundationUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _uiFoundationUiUseBox(){const data=__webpack_require__(87514);return _uiFoundationUiUseBox=function(){return data},data}function _lanesHooks(){const data=__webpack_require__(98336);return _lanesHooks=function(){return data},data}function _uiFoundationUiUseBox2(){const data=__webpack_require__(68094);return _uiFoundationUiUseBox2=function(){return data},data}function _useComponent(){const data=__webpack_require__(43378);return _useComponent=function(){return data},data}function _menuNav(){const data=__webpack_require__(59059);return _menuNav=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(2009);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(99906);return _=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(34424));return _menuModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}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:String(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)}function getComponentIdStr(componentIdStr){return(0,_lodash().isFunction)(componentIdStr)?componentIdStr():componentIdStr}function ComponentMenu({navigationSlot,widgetSlot,className,host,menuItemSlot,consumeMethodSlot,rightSideMenuSlot,componentIdStr,skipRightSide,RightNode,useComponent,path,useComponentFilters}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),componentIdStrWithScopeFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(void 0,!0),_componentIdStr=getComponentIdStr(componentIdStr),componentId=_componentIdStr?_().ComponentID.fromString(_componentIdStr):void 0,resolvedComponentIdStr=path||idFromLocation,mainMenuItems=(0,_react().useMemo)(()=>(0,_lodash().groupBy)((0,_lodash().flatten)(menuItemSlot.values()),"category"),[menuItemSlot]),rightSideItems=(0,_react().useMemo)(()=>(0,_lodash().orderBy)((0,_lodash().flatten)(rightSideMenuSlot.values()),"order"),[rightSideMenuSlot]),componentFilters=useComponentFilters?.()||{},useComponentVersions=defaultLoadVersions(host,componentId?.toString()||componentIdStrWithScopeFromLocation,componentFilters,useComponent),RightSide=_react().default.createElement("div",{className:_menuModule().default.rightSide},RightNode||_react().default.createElement(_react().default.Fragment,null,_react().default.createElement(VersionRelatedDropdowns,{host,consumeMethods:consumeMethodSlot,componentId:componentId?.toString()||idFromLocation,useComponent:useComponentVersions,componentFilters}),rightSideItems.map(({item})=>item),_react().default.createElement(_uiFoundationUi().MainDropdown,{className:_menuModule().default.hideOnMobile,menuItems:mainMenuItems})));return _react().default.createElement(_reactRouterDom().Routes,null,_react().default.createElement(_reactRouterDom().Route,{path:`${resolvedComponentIdStr}/*`,element:_react().default.createElement("div",{className:(0,_classnames().default)(_menuModule().default.topBar,className)},_react().default.createElement("div",{className:_menuModule().default.leftSide},_react().default.createElement(_menuNav().CollapsibleMenuNav,{navigationSlot,widgetSlot})),!skipRightSide&&_react().default.createElement("div",{className:_menuModule().default.rightSide},RightSide))}))}function defaultLoadVersions(host,componentId,componentFilters={},useComponent,loadingFromProps){return _react().default.useCallback(_props=>{const{skip,initialLoad}=_props||{},fetchOptions={logFilters:_objectSpread(_objectSpread({},componentFilters),{},{log:_objectSpread(_objectSpread({},componentFilters.log),{},{limit:initialLoad?3:void 0})}),skip:loadingFromProps||skip,customUseComponent:useComponent},{component,loading:loadingComponent,componentLogs={}}=(0,_useComponent().useComponent)(host,componentId,fetchOptions),logs=componentLogs?.logs,loading=_react().default.useMemo(()=>loadingComponent||loadingFromProps||componentLogs.loading,[loadingComponent,loadingFromProps,componentLogs.loading]),snaps=(0,_react().useMemo)(()=>(logs||[]).filter(log=>!log.tag).map(snap=>_objectSpread(_objectSpread({},snap),{},{version:snap.hash})),[logs]),tags=(0,_react().useMemo)(()=>{const tagLookup=new Map;return(logs||[]).filter(log=>log.tag).forEach(tag=>{tagLookup.set(tag?.tag,tag)}),(0,_lodash().compact)((component?.tags?.toArray()||[]).reverse().map(tag=>tagLookup.get(tag.version.version))).map(tag=>_objectSpread(_objectSpread({},tag),{},{version:tag.tag}))},[logs]);return{loading,id:component?.id,packageName:component?.packageName,latestVersion:component?.latest,currentVersion:component?.version,snaps,tags,buildStatus:component?.buildStatus}},[componentId,loadingFromProps,componentFilters])}const defaultLoadCurrentVersion=props=>_props=>{const{skip,version:_version}=_props||{},{snaps,tags,currentVersion,loading}=props.useComponent?.({skip,id:props.componentId})??{},version=_version??currentVersion;return _react().default.useMemo(()=>semver().valid(version),[loading,version])?_react().default.useMemo(()=>tags?.find(tag=>tag.tag===version),[loading,tags?.length,version]):_react().default.useMemo(()=>snaps?.find(snap=>snap.version===version),[loading,snaps?.length,version])};exports.defaultLoadCurrentVersion=defaultLoadCurrentVersion;function VersionRelatedDropdowns(props){const updatedPropsWithDefaults=_objectSpread(_objectSpread({},props),{},{useLanes:props.useLanes??_lanesHooks().useLanes,dropdownOptions:_objectSpread(_objectSpread({},props.dropdownOptions),{},{showVersionDetails:props?.dropdownOptions?.showVersionDetails??!0})}),loadVersion=defaultLoadCurrentVersion(updatedPropsWithDefaults),{useLanes,consumeMethods,className,dropdownOptions,host}=updatedPropsWithDefaults,{loading,id,tags,snaps,latest,packageName,currentVersion:_currentVersion}=props.useComponent?.({initialLoad:!0})||{},location=(0,_baseReactNavigation().useLocation)(),{lanesModel}=useLanes(),lanes=id?lanesModel?.getLanesByComponentId(id)?.filter(lane=>!lane.id.isDefault())||[]:[],viewedLane=lanesModel?.viewedLane?.id&&!lanesModel?.viewedLane?.id.isDefault()?lanesModel.viewedLane:void 0,isWorkspace=host==="teambit.workspace/workspace",isNew=tags?.length===0&&snaps?.length===0,localVersion=isWorkspace&&!isNew&&(!viewedLane||lanesModel?.isViewingCurrentLane()),currentVersion=isWorkspace&&!isNew&&!location?.search.includes("version")?"workspace":_currentVersion??"",consumeMethodProps=_react().default.useMemo(()=>id?{id,packageName:packageName??"",latest,options:{viewedLane,disableInstall:!packageName}}:void 0,[id,packageName,latest,viewedLane]),methods=useConsumeMethods(consumeMethods,consumeMethodProps),hasMethods=methods?.length>0;return _react().default.createElement(_react().default.Fragment,null,consumeMethods&&id&&hasMethods&&_react().default.createElement(_uiFoundationUiUseBox().UseBoxDropdown,{position:"bottom-end",className:(0,_classnames().default)(_menuModule().default.useBox,_menuModule().default.hideOnMobile),Menu:_react().default.createElement(_uiFoundationUiUseBox2().Menu,{methods,componentName:id.name})}),_react().default.createElement(_componentUi().VersionDropdown,{lanes,loading,useComponentVersions:props.useComponent,hasMoreVersions:!isNew,useCurrentVersionLog:loadVersion,localVersion,currentVersion,latestVersion:latest,currentLane:viewedLane,className,menuClassName:_menuModule().default.componentVersionMenu,getActiveTabIndex:dropdownOptions?.getActiveTabIndex,showVersionDetails:dropdownOptions?.showVersionDetails}))}function useConsumeMethods(consumeMethods,consumePluginProps){return(0,_react().useMemo)(()=>(0,_lodash().flatten)(consumeMethods?.values()).map(method=>{if(!!consumePluginProps)return method?.(consumePluginProps)}).filter(x=>!!x&&x.Component&&x.Title),[consumeMethods,consumePluginProps])}},90274:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _topBarNav=__webpack_require__(16797);Object.keys(_topBarNav).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_topBarNav[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _topBarNav[key]}})})},16797:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TopBarNav=TopBarNav;function _react(){const data=_interopRequireDefault(__webpack_require__(59496));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(40734);return _reactRouterDom=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _topBarNavModule(){const data=_interopRequireDefault(__webpack_require__(69895));return _topBarNavModule=function(){return data},data}const _excluded=["href","className","activeClassName","children","displayName","ignoreQueryParams"];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)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function TopBarNav(_ref){let{href,className,activeClassName,children,displayName,ignoreQueryParams}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{search}=(0,_reactRouterDom().useLocation)(),preventPassingDisplayNameToLink=displayName,target=href&&!ignoreQueryParams&&`${href}${search}`||href;return _react().default.createElement(_baseReactNavigation().Link,_extends({},rest,{className:(0,_classnames().default)(className,_topBarNavModule().default.topBarLink),activeClassName:(0,_classnames().default)(activeClassName,_topBarNavModule().default.active),href:target}),_react().default.createElement("div",null,children))}},2009:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIdFromLocation=useIdFromLocation;function _reactRouterDom(){const data=__webpack_require__(40734);return _reactRouterDom=function(){return data},data}const componentRegex=/^[\w/-]*[\w-]/;function useIdFromLocation(url,deriveScopeFromSearchParams){const params=(0,_reactRouterDom().useParams)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),scopeFromQueryParams=searchParams.get("scope")??void 0,splat=url||params["*"];if(!splat)return;const[maybeOrgWithScope,...maybeFullName]=splat.split("/"),hasScope=maybeOrgWithScope.split(".").length>1,fullNameFromUrl=hasScope?maybeFullName.join("/"):splat;let scope;hasScope&&(scope=maybeOrgWithScope),!hasScope&&deriveScopeFromSearchParams&&(scope=scopeFromQueryParams);const match=componentRegex.exec(fullNameFromUrl);if(!!match?.[0])return scope?`${scope}/${match[0]}`:match[0]}},24698:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentLogs=useComponentLogs,exports.useComponentLogsInit=useComponentLogsInit;function _react(){const data=__webpack_require__(59496);return _react=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(25338);return _uiFoundationUiHooks=function(){return data},data}function _useComponent(){const data=__webpack_require__(91121);return _useComponent=function(){return data},data}function _componentError(){const data=__webpack_require__(93589);return _componentError=function(){return data},data}function _useComponent2(){const data=__webpack_require__(55361);return _useComponent2=function(){return data},data}function _(){const data=__webpack_require__(99906);return _=function(){return data},data}function useComponentLogs(componentId,host,filters,skipFromProps){const{variables,skip}=useComponentLogsInit(componentId,host,filters,skipFromProps),{data,error,loading}=(0,_uiFoundationUiHooks().useDataQuery)(_useComponent().GET_COMPONENT_WITH_LOGS,{variables,skip,errorPolicy:"all"}),rawComponent=data?.getHost?.get,rawCompLogs=rawComponent?.logs,componentError=error&&!data?new(_componentError()).ComponentError(500,error.message):!rawComponent&&!loading&&new(_componentError()).ComponentError(404)||void 0,idDepKey=rawComponent?.id?`${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}`:void 0,id=(0,_react().useMemo)(()=>rawComponent?_().ComponentID.fromObject(rawComponent.id):void 0,[idDepKey]);return{loading,id,packageName:rawComponent?.packageName,latest:rawComponent?.latest,error:componentError,componentLogs:{logs:rawCompLogs,loading}}}function useComponentLogsInit(componentId,host,filters,skip){const{log}=filters||{},{head:logHead,offset:logOffset,sort:logSort,limit:logLimit,type:logType,takeHeadFromComponent:logTakeHeadFromComponent}=log||{},variables={id:componentId,extensionId:host,logOffset:(0,_useComponent2().getOffsetValue)(logOffset,logLimit),logLimit,logType,logHead,logSort,logTakeHeadFromComponent};return{logOffset,variables,skip}}},87383:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentQuery=useComponentQuery;function _react(){const data=__webpack_require__(59496);return _react=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(25338);return _uiFoundationUiHooks=function(){return data},data}function _componentId(){const data=__webpack_require__(99978);return _componentId=function(){return data},data}function _componentDescriptor(){const data=__webpack_require__(17092);return _componentDescriptor=function(){return data},data}function _componentModel(){const data=__webpack_require__(47651);return _componentModel=function(){return data},data}function _useComponent(){const data=__webpack_require__(91121);return _useComponent=function(){return data},data}function _useComponentLogs(){const data=__webpack_require__(24698);return _useComponentLogs=function(){return data},data}function _componentError(){const data=__webpack_require__(93589);return _componentError=function(){return data},data}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}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:String(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)}function useComponentQuery(componentId,host,filters,skip){const idRef=(0,_react().useRef)(componentId);idRef.current=componentId;const variables={id:componentId,extensionId:host},{data,error,loading,subscribeToMore}=(0,_uiFoundationUiHooks().useDataQuery)(_useComponent().GET_COMPONENT,{variables,skip,errorPolicy:"all"}),{loading:loadingLogs,componentLogs:{logs}={}}=(0,_useComponentLogs().useComponentLogs)(componentId,host,filters,skip),rawComponent=data?.getHost?.get;(0,_react().useEffect)(()=>{if(host!=="teambit.workspace/workspace")return()=>{};const unsubAddition=subscribeToMore({document:_useComponent().SUB_SUBSCRIPTION_ADDED,updateQuery:(prev,{subscriptionData})=>{const prevComponent=prev?.getHost?.get,addedComponent=subscriptionData?.data?.componentAdded?.component;return!addedComponent||prevComponent?prev:idRef.current===addedComponent.id.name?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:addedComponent})}):prev}}),unsubChanges=subscribeToMore({document:_useComponent().SUB_COMPONENT_CHANGED,updateQuery:(prev,{subscriptionData})=>{if(!subscriptionData.data)return prev;const prevComponent=prev?.getHost?.get,updatedComponent=subscriptionData?.data?.componentChanged?.component;return updatedComponent&&_componentId().ComponentID.isEqualObj(prevComponent?.id,updatedComponent?.id)?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:updatedComponent})}):prev}}),unsubRemoval=subscribeToMore({document:_useComponent().SUB_COMPONENT_REMOVED,updateQuery:(prev,{subscriptionData})=>{if(!subscriptionData.data)return prev;const prevComponent=prev?.getHost?.get,removedIds=subscriptionData?.data?.componentRemoved?.componentIds;return!prevComponent||!removedIds?.length?prev:removedIds.some(removedId=>_componentId().ComponentID.isEqualObj(removedId,prevComponent.id))?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:null})}):prev}});return()=>{unsubChanges(),unsubAddition(),unsubRemoval()}},[]);const idDepKey=rawComponent?.id?`${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}`:void 0,id=(0,_react().useMemo)(()=>rawComponent?_componentId().ComponentID.fromObject(rawComponent.id):void 0,[idDepKey]),componentError=error&&!data?new(_componentError()).ComponentError(500,error.message):!rawComponent&&!loading&&new(_componentError()).ComponentError(404)||void 0,component=(0,_react().useMemo)(()=>rawComponent?_componentModel().ComponentModel.from(_objectSpread(_objectSpread({},rawComponent),{},{host,logs})):void 0,[id?.toString(),logs]),componentDescriptor=(0,_react().useMemo)(()=>{const aspectList={entries:rawComponent?.aspects.map(aspectObject=>_objectSpread(_objectSpread({},aspectObject),{},{aspectId:aspectObject.id,aspectData:aspectObject.data}))};return id?_componentDescriptor().ComponentDescriptor.fromObject({id:id.toString(),aspectList}):void 0},[id?.toString()]);return(0,_react().useMemo)(()=>({componentDescriptor,component,componentLogs:{loading:loadingLogs,logs},error:componentError||void 0,loading}),[host,component,componentDescriptor,componentError])}},91121:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentOverviewFields=exports.componentIdFields=exports.componentFieldsWithLogs=exports.componentFields=exports.SUB_SUBSCRIPTION_ADDED=exports.SUB_COMPONENT_REMOVED=exports.SUB_COMPONENT_CHANGED=exports.GET_COMPONENT_WITH_LOGS=exports.GET_COMPONENT=exports.COMPONENT_QUERY_LOG_FIELDS=void 0;function _client(){const data=__webpack_require__(97299);return _client=function(){return data},data}const componentIdFields=exports.componentIdFields=(0,_client().gql)`
+`;function useComponentHost(){const{data,loading}=(0,_uiFoundationUiHooks().useDataQuery)(COMPONENT_HOST);return!data||loading?{}:{host:_componentHostModel().ComponentHostModel.from(data)}}},99906:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AspectData",{enumerable:!0,get:function(){return _aspectEntry().AspectData}}),Object.defineProperty(exports,"AspectEntry",{enumerable:!0,get:function(){return _aspectEntry().AspectEntry}}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menu().CollapsibleMenuNav}}),Object.defineProperty(exports,"Component",{enumerable:!0,get:function(){return _component2().Component}}),Object.defineProperty(exports,"ComponentAspect",{enumerable:!0,get:function(){return _component().ComponentAspect}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _componentContext().ComponentContext}}),Object.defineProperty(exports,"ComponentDescriptorContext",{enumerable:!0,get:function(){return _componentContext().ComponentDescriptorContext}}),Object.defineProperty(exports,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return _context().ComponentDescriptorProvider}}),Object.defineProperty(exports,"ComponentFS",{enumerable:!0,get:function(){return _componentFs().default}}),Object.defineProperty(exports,"ComponentID",{enumerable:!0,get:function(){return _componentId().ComponentID}}),Object.defineProperty(exports,"ComponentLogsResult",{enumerable:!0,get:function(){return _ui().ComponentLogsResult}}),Object.defineProperty(exports,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _context().ComponentProvider}}),Object.defineProperty(exports,"Config",{enumerable:!0,get:function(){return _config().Config}}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _ui().Filters}}),Object.defineProperty(exports,"InvalidComponent",{enumerable:!0,get:function(){return _component2().InvalidComponent}}),Object.defineProperty(exports,"ResolveComponentIdFunc",{enumerable:!0,get:function(){return _aspectEntry().ResolveComponentIdFunc}}),Object.defineProperty(exports,"Snap",{enumerable:!0,get:function(){return _snap().Snap}}),Object.defineProperty(exports,"SnapProps",{enumerable:!0,get:function(){return _snap().SnapProps}}),Object.defineProperty(exports,"State",{enumerable:!0,get:function(){return _state().State}}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return _tag().Tag}}),Object.defineProperty(exports,"TagMap",{enumerable:!0,get:function(){return _tagMap().TagMap}}),Object.defineProperty(exports,"TagProps",{enumerable:!0,get:function(){return _tag().TagProps}}),Object.defineProperty(exports,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _ui().componentFields}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _ui().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _ui().componentOverviewFields}}),exports.default=void 0,Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _ui().useComponent}}),Object.defineProperty(exports,"useComponentDescriptor",{enumerable:!0,get:function(){return _componentContext().useComponentDescriptor}}),Object.defineProperty(exports,"useComponentHost",{enumerable:!0,get:function(){return _host().useComponentHost}}),Object.defineProperty(exports,"useComponentLogs",{enumerable:!0,get:function(){return _ui().useComponentLogs}}),Object.defineProperty(exports,"useIdFromLocation",{enumerable:!0,get:function(){return _ui().useIdFromLocation}});function _component(){const data=__webpack_require__(9882);return _component=function(){return data},data}function _host(){const data=__webpack_require__(47636);return _host=function(){return data},data}function _component2(){const data=__webpack_require__(39669);return _component2=function(){return data},data}function _componentId(){const data=__webpack_require__(99978);return _componentId=function(){return data},data}function _componentFs(){const data=_interopRequireDefault(__webpack_require__(14449));return _componentFs=function(){return data},data}function _aspectEntry(){const data=__webpack_require__(99674);return _aspectEntry=function(){return data},data}function _snap(){const data=__webpack_require__(45809);return _snap=function(){return data},data}function _tag(){const data=__webpack_require__(81673);return _tag=function(){return data},data}function _state(){const data=__webpack_require__(57896);return _state=function(){return data},data}function _tagMap(){const data=__webpack_require__(11293);return _tagMap=function(){return data},data}function _componentMap(){const data=__webpack_require__(64749);return _componentMap=function(){return data},data}function _componentContext(){const data=__webpack_require__(87602);return _componentContext=function(){return data},data}function _context(){const data=__webpack_require__(62441);return _context=function(){return data},data}function _ui(){const data=__webpack_require__(8980);return _ui=function(){return data},data}function _menu(){const data=__webpack_require__(37254);return _menu=function(){return data},data}function _componentModel(){const data=__webpack_require__(47651);return _componentModel=function(){return data},data}function _topBarNav(){const data=__webpack_require__(90274);return _topBarNav=function(){return data},data}function _config(){const data=__webpack_require__(79792);return _config=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var _default=exports.default=_component().ComponentAspect},45809:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Snap=void 0;class Snap{constructor(hash,timestamp,parents,author,message){this.hash=hash,this.timestamp=timestamp,this.parents=parents,this.author=author,this.message=message}static fromObject(snapObject){const parents=snapObject.parents||[];return new Snap(snapObject.hash,new Date(parseInt(snapObject.timestamp)),parents,snapObject.author,snapObject.message)}toObject(){return{timestamp:this.timestamp.getTime().toString(),hash:this.hash,author:this.author,message:this.message,parents:this.parents}}}exports.Snap=Snap},57896:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.State=void 0;function _componentIssues(){const data=__webpack_require__(24879);return _componentIssues=function(){return data},data}function _componentId(){const data=__webpack_require__(99978);return _componentId=function(){return data},data}function _exceptions(){const data=__webpack_require__(67044);return _exceptions=function(){return data},data}class State{constructor(config,_aspects,filesystem,dependencies,_consumer){this.config=config,this._aspects=_aspects,this.filesystem=filesystem,this.dependencies=dependencies,this._consumer=_consumer}get mainFile(){const file=this.filesystem.files.find(componentFile=>componentFile.relative===this._consumer.mainFile);if(!file)throw new(_exceptions()).MainFileNotFound(_componentId().ComponentID.fromLegacy(this._consumer.id),this._consumer.mainFile);return file}get hash(){return""}get issues(){return this._consumer.issues||=new(_componentIssues()).IssuesList}get isModified(){return this._consumer._isModified}get aspects(){return this._aspects}set aspects(aspects){this._aspects=aspects}}exports.State=State},11293:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagMap=void 0;function _semverHelper(){const data=__webpack_require__(30755);return _semverHelper=function(){return data},data}function _semver(){const data=__webpack_require__(9131);return _semver=function(){return data},data}function _exceptions(){const data=__webpack_require__(67044);return _exceptions=function(){return data},data}class TagMap extends Map{byHash(hash){return Array.from(this.values()).find(currTag=>currTag.hash===hash)}getPreReleaseLatestTags(){const preReleaseTagsWithAllVersions=this.toArray().reduce((acc,current)=>{const preReleases=current.version.prerelease;return!preReleases.length||preReleases.length!==2||typeof preReleases[0]!="string"||(acc[preReleases[0]]||=[]).push(current.version.raw),acc},{});return Object.keys(preReleaseTagsWithAllVersions).reduce((acc,current)=>(acc[current]=(0,_semver().maxSatisfying)(preReleaseTagsWithAllVersions[current],"*",{includePrerelease:!0}),acc),{})}getHashMap(){const res=new Map;return this.forEach(tag=>{res.set(tag.hash,tag)}),res}getLatest(){const versions=this.toArray().map(tag=>tag.version.raw);if(this.isEmpty())throw new(_exceptions()).CouldNotFindLatest(versions);return(0,_semverHelper().getLatestVersion)(versions)}isEmpty(){return this.size===0}toArray(){return Array.from(this.values())}byVersion(version){return this.toArray().map(tag=>tag).find(tag=>tag.version.raw===version)}static fromArray(tags){const tuples=tags.map(tag=>[tag.version,tag]);return new TagMap(tuples)}static empty(){return new TagMap}}exports.TagMap=TagMap},8015:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return _tag().Tag}});function _tag(){const data=__webpack_require__(81673);return _tag=function(){return data},data}},81673:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tag=void 0;function _semver(){const data=__webpack_require__(9131);return _semver=function(){return data},data}class Tag{constructor(hash,version){this.hash=hash,this.version=version}toObject(){return{hash:this.hash,version:this.version.raw}}static fromObject(tag){return new Tag(tag.hash,new(_semver()).SemVer(tag.version))}}exports.Tag=Tag},78061:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentError=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__(59496));return _react=function(){return data},data}function _designUiPages(){const data=__webpack_require__(42355);return _designUiPages=function(){return data},data}function _designUiPages2(){const data=__webpack_require__(70048);return _designUiPages2=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}class ComponentError{constructor(code,message){this.code=code,this.message=message}renderError(){return this.code===404?_react().default.createElement(_designUiPages().NotFoundPage,null):_react().default.createElement(_designUiPages2().ServerErrorPage,null)}}exports.ComponentError=ComponentError},93589:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentError",{enumerable:!0,get:function(){return _componentError().ComponentError}});function _componentError(){const data=__webpack_require__(78061);return _componentError=function(){return data},data}},13400:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentModel=void 0;function _compositions(){const data=__webpack_require__(39976);return _compositions=function(){return data},data}function _componentId(){const data=__webpack_require__(99978);return _componentId=function(){return data},data}function _tag(){const data=__webpack_require__(8015);return _tag=function(){return data},data}function _tagMap(){const data=__webpack_require__(11293);return _tagMap=function(){return data},data}class ComponentModel{constructor(id,displayName,packageName,server,compositions,tags,buildStatus,issuesCount,status,deprecation,environment,description="",labels=[],host,size,latest,preview,logs){this.id=id,this.displayName=displayName,this.packageName=packageName,this.server=server,this.compositions=compositions,this.tags=tags,this.buildStatus=buildStatus,this.issuesCount=issuesCount,this.status=status,this.deprecation=deprecation,this.environment=environment,this.description=description,this.labels=labels,this.host=host,this.size=size,this.latest=latest,this.preview=preview,this.logs=logs}get version(){return this.id.version?this.id.version:"new"}static from({id,server,displayName,compositions=[],packageName,tags=[],deprecation,buildStatus,env,status,issuesCount,description,labels,host,latest,preview,size,logs}){return new ComponentModel(_componentId().ComponentID.fromObject(id),displayName,packageName,server,_compositions().Composition.fromArray(compositions),_tagMap().TagMap.fromArray(tags.map(tag=>_tag().Tag.fromObject(tag))),buildStatus,issuesCount,status,deprecation,env,description,labels,host,size,latest,preview,logs?.map(log=>log??{hash:"[error]",tag:"[error]",message:"",parents:[]}))}static fromArray(componentsProps){return componentsProps.map(rawComponent=>ComponentModel.from(rawComponent))}static empty(){return new ComponentModel(_componentId().ComponentID.fromObject({name:"root",scope:"temp"}),"","",{env:"",url:""},[],_tagMap().TagMap.empty())}}exports.ComponentModel=ComponentModel},47651:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}});function _componentModel(){const data=__webpack_require__(13400);return _componentModel=function(){return data},data}},19030:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=Component;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(11549));return _lodash=function(){return data},data}function _uiFoundationUiReactRouter(){const data=__webpack_require__(64856);return _uiFoundationUiReactRouter=function(){return data},data}function _lodash2(){const data=__webpack_require__(32699);return _lodash2=function(){return data},data}function _context(){const data=__webpack_require__(62441);return _context=function(){return data},data}function _useComponent(){const data=__webpack_require__(43378);return _useComponent=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(2009);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(99906);return _=function(){return data},data}function _componentModule(){const data=_interopRequireDefault(__webpack_require__(17971));return _componentModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}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:String(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)}function getComponentIdStr(componentIdStr){return(0,_lodash2().isFunction)(componentIdStr)?componentIdStr():componentIdStr}function Component({routeSlot,overriddenRoutes,containerSlot,host,onComponentChange,componentIdStr,useComponent,path,useComponentFilters}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),componentIdStrWithScopeFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(void 0,!0),_componentIdStr=getComponentIdStr(componentIdStr),componentId=_componentIdStr?_().ComponentID.fromString(_componentIdStr):void 0,resolvedComponentIdStr=path||idFromLocation,componentFiltersFromProps=useComponentFilters?.()||{},useComponentOptions={logFilters:_objectSpread(_objectSpread({},componentFiltersFromProps),componentFiltersFromProps.loading?{}:{log:_objectSpread({},componentFiltersFromProps.log)}),customUseComponent:useComponent},{component,componentDescriptor,error}=(0,_useComponent().useComponent)(host,componentId?.toString()||componentIdStrWithScopeFromLocation,useComponentOptions);(0,_react().useEffect)(()=>onComponentChange?.(component),[component]),(0,_react().useEffect)(()=>()=>onComponentChange?.(void 0),[]);const pageItems=(0,_react().useMemo)(()=>(0,_lodash().default)(containerSlot?.values()),[containerSlot]),before=(0,_react().useMemo)(()=>pageItems.filter(x=>x.type==="before").map(x=>x.content),[pageItems]),after=(0,_react().useMemo)(()=>pageItems.filter(x=>x.type==="after").map(x=>x.content),[pageItems]);return error?error?.renderError():component?_react().default.createElement(_context().ComponentDescriptorProvider,{componentDescriptor},_react().default.createElement(_context().ComponentProvider,{component},before,_react().default.createElement("div",{className:_componentModule().default.container},routeSlot&&_react().default.createElement(_uiFoundationUiReactRouter().SlotRouter,{parentPath:`${resolvedComponentIdStr}/*`,slot:routeSlot,routes:overriddenRoutes})),after)):_react().default.createElement("div",null)}},87602:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentDescriptor=exports.ComponentDescriptorContext=exports.ComponentContext=void 0;function _react(){const data=__webpack_require__(59496);return _react=function(){return data},data}function _componentModel(){const data=__webpack_require__(47651);return _componentModel=function(){return data},data}const ComponentContext=exports.ComponentContext=(0,_react().createContext)(_componentModel().ComponentModel.empty()),ComponentDescriptorContext=exports.ComponentDescriptorContext=(0,_react().createContext)(void 0),useComponentDescriptor=()=>(0,_react().useContext)(ComponentDescriptorContext);exports.useComponentDescriptor=useComponentDescriptor},91108:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentDescriptorProvider=ComponentDescriptorProvider,exports.ComponentProvider=ComponentProvider;function _react(){const data=_interopRequireDefault(__webpack_require__(59496));return _react=function(){return data},data}function _componentContext(){const data=__webpack_require__(87602);return _componentContext=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ComponentProvider({component,children}){return _react().default.createElement(_componentContext().ComponentContext.Provider,{value:component},children)}function ComponentDescriptorProvider({componentDescriptor,children}){return _react().default.createElement(_componentContext().ComponentDescriptorContext.Provider,{value:componentDescriptor},children)}},62441:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _componentContext().ComponentContext}}),Object.defineProperty(exports,"ComponentDescriptorContext",{enumerable:!0,get:function(){return _componentContext().ComponentDescriptorContext}}),Object.defineProperty(exports,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return _componentProvider().ComponentDescriptorProvider}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _componentProvider().ComponentProvider}}),Object.defineProperty(exports,"useComponentDescriptor",{enumerable:!0,get:function(){return _componentContext().useComponentDescriptor}});function _componentContext(){const data=__webpack_require__(87602);return _componentContext=function(){return data},data}function _componentProvider(){const data=__webpack_require__(91108);return _componentProvider=function(){return data},data}},8980:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"COMPONENT_QUERY_LOG_FIELDS",{enumerable:!0,get:function(){return _useComponent2().COMPONENT_QUERY_LOG_FIELDS}}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menu().CollapsibleMenuNav}}),Object.defineProperty(exports,"Component",{enumerable:!0,get:function(){return _component().Component}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _context().ComponentContext}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _context().ComponentProvider}}),Object.defineProperty(exports,"ConsumeMethodSlot",{enumerable:!0,get:function(){return _menu().ConsumeMethodSlot}}),Object.defineProperty(exports,"GET_COMPONENT",{enumerable:!0,get:function(){return _useComponent2().GET_COMPONENT}}),Object.defineProperty(exports,"GET_COMPONENT_WITH_LOGS",{enumerable:!0,get:function(){return _useComponent2().GET_COMPONENT_WITH_LOGS}}),Object.defineProperty(exports,"MenuNavProps",{enumerable:!0,get:function(){return _menu().MenuNavProps}}),Object.defineProperty(exports,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _useComponent2().componentFields}}),Object.defineProperty(exports,"componentFieldsWithLogs",{enumerable:!0,get:function(){return _useComponent2().componentFieldsWithLogs}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _useComponent2().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _useComponent2().componentOverviewFields}}),Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _useComponent().useComponent}}),Object.defineProperty(exports,"useComponentLogs",{enumerable:!0,get:function(){return _useComponentLogs().useComponentLogs}}),Object.defineProperty(exports,"useComponentQuery",{enumerable:!0,get:function(){return _useComponentQuery().useComponentQuery}}),Object.defineProperty(exports,"useIdFromLocation",{enumerable:!0,get:function(){return _useComponentFromLocation().useIdFromLocation}});function _menu(){const data=__webpack_require__(37254);return _menu=function(){return data},data}function _component(){const data=__webpack_require__(19030);return _component=function(){return data},data}function _componentModel(){const data=__webpack_require__(47651);return _componentModel=function(){return data},data}function _context(){const data=__webpack_require__(62441);return _context=function(){return data},data}function _topBarNav(){const data=__webpack_require__(90274);return _topBarNav=function(){return data},data}function _useComponent(){const data=__webpack_require__(43378);return _useComponent=function(){return data},data}function _useComponent2(){const data=__webpack_require__(91121);return _useComponent2=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(2009);return _useComponentFromLocation=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(87383);return _useComponentQuery=function(){return data},data}function _useComponentLogs(){const data=__webpack_require__(24698);return _useComponentLogs=function(){return data},data}},37254:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menuNav().CollapsibleMenuNav}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"MenuNavProps",{enumerable:!0,get:function(){return _menuNav().MenuNavProps}}),Object.defineProperty(exports,"RightSideMenuItem",{enumerable:!0,get:function(){return _menu().RightSideMenuItem}}),Object.defineProperty(exports,"RightSideMenuSlot",{enumerable:!0,get:function(){return _menu().RightSideMenuSlot}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}});function _menuNav(){const data=__webpack_require__(59059);return _menuNav=function(){return data},data}function _menu(){const data=__webpack_require__(14756);return _menu=function(){return data},data}},59059:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsibleMenuNav=CollapsibleMenuNav;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _designNavigation(){const data=__webpack_require__(8845);return _designNavigation=function(){return data},data}function _topBarNav(){const data=__webpack_require__(90274);return _topBarNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(34424));return _menuModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}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:String(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)}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)}function TopBarNavComponent({isInMenu,menuItemProps}){const widgetDisplayText=menuItemProps?.displayName&&isInMenu?menuItemProps?.displayName:void 0;return _react().default.createElement(_topBarNav().TopBarNav,_extends({},menuItemProps,{className:(0,_classnames().default)(menuItemProps?.className,_menuModule().default.topBarNav,isInMenu&&_menuModule().default.noBorder)}),widgetDisplayText||menuItemProps?.children)}function CollapsibleMenuNav({navigationSlot,widgetSlot,navPlugins=[],widgetPlugins=[],className,secondaryNavClassName,activeTabIndex,alwaysShowActiveTab,children}){const plugins=(0,_react().useMemo)(()=>((navPlugins.length>0?navPlugins:navigationSlot?.toArray())||[]).sort(sortFn),[navigationSlot,navPlugins]),widgets=(0,_react().useMemo)(()=>((widgetPlugins.length>0?widgetPlugins:widgetSlot?.toArray())||[]).sort(sortFn),[widgetSlot,widgetPlugins]),links=[...plugins,...widgets].map(([,menuItem],index)=>{const lastPluginStyle=plugins.length-1===index?{marginRight:"auto"}:{},firstWidgetStyle=plugins.length===index?{marginLeft:"auto"}:{};return{component:TopBarNavComponent,tabProps:{menuItemProps:menuItem.props},style:_objectSpread(_objectSpread({},firstWidgetStyle),lastPluginStyle),className:menuItem.props.className}});return _react().default.createElement(_designNavigation().ResponsiveNavbar,{navClassName:(0,_classnames().default)(_menuModule().default.tab,className),secondaryNavClassName,style:{width:"100%",height:"100%"},priority:"none",tabs:links,defaultActiveIndex:activeTabIndex,alwaysShowActiveTab},children)}function sortFn([,{order:first}],[,{order:second}]){return(first??0)-(second??0)}},14756:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMenu=ComponentMenu,exports.VersionRelatedDropdowns=VersionRelatedDropdowns,exports.defaultLoadCurrentVersion=void 0,exports.defaultLoadVersions=defaultLoadVersions;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(40734);return _reactRouterDom=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _lodash(){const data=__webpack_require__(32699);return _lodash=function(){return data},data}function semver(){const data=_interopRequireWildcard(__webpack_require__(9131));return semver=function(){return data},data}function _componentUi(){const data=__webpack_require__(24135);return _componentUi=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(76285);return _uiFoundationUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _uiFoundationUiUseBox(){const data=__webpack_require__(87514);return _uiFoundationUiUseBox=function(){return data},data}function _lanesHooks(){const data=__webpack_require__(98336);return _lanesHooks=function(){return data},data}function _uiFoundationUiUseBox2(){const data=__webpack_require__(68094);return _uiFoundationUiUseBox2=function(){return data},data}function _useComponent(){const data=__webpack_require__(43378);return _useComponent=function(){return data},data}function _menuNav(){const data=__webpack_require__(59059);return _menuNav=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(2009);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(99906);return _=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(34424));return _menuModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}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:String(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)}function getComponentIdStr(componentIdStr){return(0,_lodash().isFunction)(componentIdStr)?componentIdStr():componentIdStr}function ComponentMenu({navigationSlot,widgetSlot,className,host,menuItemSlot,consumeMethodSlot,rightSideMenuSlot,componentIdStr,skipRightSide,RightNode,useComponent,path,useComponentFilters}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),componentIdStrWithScopeFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(void 0,!0),_componentIdStr=getComponentIdStr(componentIdStr),componentId=_componentIdStr?_().ComponentID.fromString(_componentIdStr):void 0,resolvedComponentIdStr=path||idFromLocation,mainMenuItems=(0,_react().useMemo)(()=>(0,_lodash().groupBy)((0,_lodash().flatten)(menuItemSlot.values()),"category"),[menuItemSlot]),rightSideItems=(0,_react().useMemo)(()=>(0,_lodash().orderBy)((0,_lodash().flatten)(rightSideMenuSlot.values()),"order"),[rightSideMenuSlot]),componentFilters=useComponentFilters?.()||{},useComponentVersions=defaultLoadVersions(host,componentId?.toString()||componentIdStrWithScopeFromLocation,componentFilters,useComponent),RightSide=_react().default.createElement("div",{className:_menuModule().default.rightSide},RightNode||_react().default.createElement(_react().default.Fragment,null,_react().default.createElement(VersionRelatedDropdowns,{host,consumeMethods:consumeMethodSlot,componentId:componentId?.toString()||idFromLocation,useComponent:useComponentVersions,componentFilters}),rightSideItems.map(({item})=>item),_react().default.createElement(_uiFoundationUi().MainDropdown,{className:_menuModule().default.hideOnMobile,menuItems:mainMenuItems})));return _react().default.createElement(_reactRouterDom().Routes,null,_react().default.createElement(_reactRouterDom().Route,{path:`${resolvedComponentIdStr}/*`,element:_react().default.createElement("div",{className:(0,_classnames().default)(_menuModule().default.topBar,className)},_react().default.createElement("div",{className:_menuModule().default.leftSide},_react().default.createElement(_menuNav().CollapsibleMenuNav,{navigationSlot,widgetSlot})),!skipRightSide&&_react().default.createElement("div",{className:_menuModule().default.rightSide},RightSide))}))}function defaultLoadVersions(host,componentId,componentFilters={},useComponent,loadingFromProps){return _react().default.useCallback(_props=>{const{skip,initialLoad}=_props||{},fetchOptions={logFilters:_objectSpread(_objectSpread({},componentFilters),{},{log:_objectSpread(_objectSpread({},componentFilters.log),{},{limit:initialLoad?3:void 0})}),skip:loadingFromProps||skip,customUseComponent:useComponent},{component,loading:loadingComponent,componentLogs={}}=(0,_useComponent().useComponent)(host,componentId,fetchOptions),logs=componentLogs?.logs,loading=_react().default.useMemo(()=>loadingComponent||loadingFromProps||componentLogs.loading,[loadingComponent,loadingFromProps,componentLogs.loading]),snaps=(0,_react().useMemo)(()=>(logs||[]).filter(log=>!log.tag).map(snap=>_objectSpread(_objectSpread({},snap),{},{version:snap.hash})),[logs]),tags=(0,_react().useMemo)(()=>{const tagLookup=new Map;return(logs||[]).filter(log=>log.tag).forEach(tag=>{tagLookup.set(tag?.tag,tag)}),(0,_lodash().compact)((component?.tags?.toArray()||[]).reverse().map(tag=>tagLookup.get(tag.version.version))).map(tag=>_objectSpread(_objectSpread({},tag),{},{version:tag.tag}))},[logs]);return{loading,id:component?.id,packageName:component?.packageName,latestVersion:component?.latest,currentVersion:component?.version,snaps,tags,buildStatus:component?.buildStatus}},[componentId,loadingFromProps,componentFilters])}const defaultLoadCurrentVersion=props=>_props=>{const{skip,version:_version}=_props||{},{snaps,tags,currentVersion,loading}=props.useComponent?.({skip,id:props.componentId})??{},version=_version??currentVersion;return _react().default.useMemo(()=>semver().valid(version),[loading,version])?_react().default.useMemo(()=>tags?.find(tag=>tag.tag===version),[loading,tags?.length,version]):_react().default.useMemo(()=>snaps?.find(snap=>snap.version===version),[loading,snaps?.length,version])};exports.defaultLoadCurrentVersion=defaultLoadCurrentVersion;function VersionRelatedDropdowns(props){const updatedPropsWithDefaults=_objectSpread(_objectSpread({},props),{},{useLanes:props.useLanes??_lanesHooks().useLanes,dropdownOptions:_objectSpread(_objectSpread({},props.dropdownOptions),{},{showVersionDetails:props?.dropdownOptions?.showVersionDetails??!0})}),loadVersion=defaultLoadCurrentVersion(updatedPropsWithDefaults),{useLanes,consumeMethods,className,dropdownOptions,host}=updatedPropsWithDefaults,{loading,id,tags,snaps,latest,packageName,currentVersion:_currentVersion}=props.useComponent?.({initialLoad:!0})||{},location=(0,_baseReactNavigation().useLocation)(),{lanesModel}=useLanes(),lanes=id?lanesModel?.getLanesByComponentId(id)?.filter(lane=>!lane.id.isDefault())||[]:[],viewedLane=lanesModel?.viewedLane?.id&&!lanesModel?.viewedLane?.id.isDefault()?lanesModel.viewedLane:void 0,isWorkspace=host==="teambit.workspace/workspace",isNew=tags?.length===0&&snaps?.length===0,localVersion=isWorkspace&&!isNew&&(!viewedLane||lanesModel?.isViewingCurrentLane()),currentVersion=isWorkspace&&!isNew&&!location?.search.includes("version")?"workspace":_currentVersion??"",consumeMethodProps=_react().default.useMemo(()=>id?{id,packageName:packageName??"",latest,options:{viewedLane,disableInstall:!packageName}}:void 0,[id,packageName,latest,viewedLane]),methods=useConsumeMethods(consumeMethods,consumeMethodProps),hasMethods=methods?.length>0;return _react().default.createElement(_react().default.Fragment,null,consumeMethods&&id&&hasMethods&&_react().default.createElement(_uiFoundationUiUseBox().UseBoxDropdown,{position:"bottom-end",className:(0,_classnames().default)(_menuModule().default.useBox,_menuModule().default.hideOnMobile),Menu:_react().default.createElement(_uiFoundationUiUseBox2().Menu,{methods,componentName:id.name})}),_react().default.createElement(_componentUi().VersionDropdown,{lanes,loading,useComponentVersions:props.useComponent,hasMoreVersions:!isNew,useCurrentVersionLog:loadVersion,localVersion,currentVersion,latestVersion:latest,currentLane:viewedLane,className,menuClassName:_menuModule().default.componentVersionMenu,getActiveTabIndex:dropdownOptions?.getActiveTabIndex,showVersionDetails:dropdownOptions?.showVersionDetails}))}function useConsumeMethods(consumeMethods,consumePluginProps){return(0,_react().useMemo)(()=>(0,_lodash().flatten)(consumeMethods?.values()).map(method=>{if(!!consumePluginProps)return method?.(consumePluginProps)}).filter(x=>!!x&&x.Component&&x.Title),[consumeMethods,consumePluginProps])}},90274:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _topBarNav=__webpack_require__(16797);Object.keys(_topBarNav).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_topBarNav[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _topBarNav[key]}})})},16797:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TopBarNav=TopBarNav;function _react(){const data=_interopRequireDefault(__webpack_require__(59496));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(40734);return _reactRouterDom=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _topBarNavModule(){const data=_interopRequireDefault(__webpack_require__(69895));return _topBarNavModule=function(){return data},data}const _excluded=["href","className","activeClassName","children","displayName","ignoreQueryParams"];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)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}const Link=_baseReactNavigation().Link;function TopBarNav(_ref){let{href,className,activeClassName,children,displayName,ignoreQueryParams}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{search}=(0,_reactRouterDom().useLocation)(),preventPassingDisplayNameToLink=displayName,target=href&&!ignoreQueryParams&&`${href}${search}`||href;return _react().default.createElement(Link,_extends({},rest,{className:(0,_classnames().default)(className,_topBarNavModule().default.topBarLink),activeClassName:(0,_classnames().default)(activeClassName,_topBarNavModule().default.active),href:target}),_react().default.createElement("div",null,children))}},2009:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIdFromLocation=useIdFromLocation;function _reactRouterDom(){const data=__webpack_require__(40734);return _reactRouterDom=function(){return data},data}const componentRegex=/^[\w/-]*[\w-]/;function useIdFromLocation(url,deriveScopeFromSearchParams){const params=(0,_reactRouterDom().useParams)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),scopeFromQueryParams=searchParams.get("scope")??void 0,splat=url||params["*"];if(!splat)return;const[maybeOrgWithScope,...maybeFullName]=splat.split("/"),hasScope=maybeOrgWithScope.split(".").length>1,fullNameFromUrl=hasScope?maybeFullName.join("/"):splat;let scope;hasScope&&(scope=maybeOrgWithScope),!hasScope&&deriveScopeFromSearchParams&&(scope=scopeFromQueryParams);const match=componentRegex.exec(fullNameFromUrl);if(!!match?.[0])return scope?`${scope}/${match[0]}`:match[0]}},24698:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentLogs=useComponentLogs,exports.useComponentLogsInit=useComponentLogsInit;function _react(){const data=__webpack_require__(59496);return _react=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(25338);return _uiFoundationUiHooks=function(){return data},data}function _useComponent(){const data=__webpack_require__(91121);return _useComponent=function(){return data},data}function _componentError(){const data=__webpack_require__(93589);return _componentError=function(){return data},data}function _useComponent2(){const data=__webpack_require__(55361);return _useComponent2=function(){return data},data}function _(){const data=__webpack_require__(99906);return _=function(){return data},data}function useComponentLogs(componentId,host,filters,skipFromProps){const{variables,skip}=useComponentLogsInit(componentId,host,filters,skipFromProps),{data,error,loading}=(0,_uiFoundationUiHooks().useDataQuery)(_useComponent().GET_COMPONENT_WITH_LOGS,{variables,skip,errorPolicy:"all"}),rawComponent=data?.getHost?.get,rawCompLogs=rawComponent?.logs,componentError=error&&!data?new(_componentError()).ComponentError(500,error.message):!rawComponent&&!loading&&new(_componentError()).ComponentError(404)||void 0,idDepKey=rawComponent?.id?`${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}`:void 0,id=(0,_react().useMemo)(()=>rawComponent?_().ComponentID.fromObject(rawComponent.id):void 0,[idDepKey]);return{loading,id,packageName:rawComponent?.packageName,latest:rawComponent?.latest,error:componentError,componentLogs:{logs:rawCompLogs,loading}}}function useComponentLogsInit(componentId,host,filters,skip){const{log}=filters||{},{head:logHead,offset:logOffset,sort:logSort,limit:logLimit,type:logType,takeHeadFromComponent:logTakeHeadFromComponent}=log||{},variables={id:componentId,extensionId:host,logOffset:(0,_useComponent2().getOffsetValue)(logOffset,logLimit),logLimit,logType,logHead,logSort,logTakeHeadFromComponent};return{logOffset,variables,skip}}},87383:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentQuery=useComponentQuery;function _react(){const data=__webpack_require__(59496);return _react=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(25338);return _uiFoundationUiHooks=function(){return data},data}function _componentId(){const data=__webpack_require__(99978);return _componentId=function(){return data},data}function _componentDescriptor(){const data=__webpack_require__(17092);return _componentDescriptor=function(){return data},data}function _componentModel(){const data=__webpack_require__(47651);return _componentModel=function(){return data},data}function _useComponent(){const data=__webpack_require__(91121);return _useComponent=function(){return data},data}function _useComponentLogs(){const data=__webpack_require__(24698);return _useComponentLogs=function(){return data},data}function _componentError(){const data=__webpack_require__(93589);return _componentError=function(){return data},data}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}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:String(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)}function useComponentQuery(componentId,host,filters,skip){const idRef=(0,_react().useRef)(componentId);idRef.current=componentId;const variables={id:componentId,extensionId:host},{data,error,loading,subscribeToMore}=(0,_uiFoundationUiHooks().useDataQuery)(_useComponent().GET_COMPONENT,{variables,skip,errorPolicy:"all"}),{loading:loadingLogs,componentLogs:{logs}={}}=(0,_useComponentLogs().useComponentLogs)(componentId,host,filters,skip),rawComponent=data?.getHost?.get;(0,_react().useEffect)(()=>{if(host!=="teambit.workspace/workspace")return()=>{};const unsubAddition=subscribeToMore({document:_useComponent().SUB_SUBSCRIPTION_ADDED,updateQuery:(prev,{subscriptionData})=>{const prevComponent=prev?.getHost?.get,addedComponent=subscriptionData?.data?.componentAdded?.component;return!addedComponent||prevComponent?prev:idRef.current===addedComponent.id.name?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:addedComponent})}):prev}}),unsubChanges=subscribeToMore({document:_useComponent().SUB_COMPONENT_CHANGED,updateQuery:(prev,{subscriptionData})=>{if(!subscriptionData.data)return prev;const prevComponent=prev?.getHost?.get,updatedComponent=subscriptionData?.data?.componentChanged?.component;return updatedComponent&&_componentId().ComponentID.isEqualObj(prevComponent?.id,updatedComponent?.id)?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:updatedComponent})}):prev}}),unsubRemoval=subscribeToMore({document:_useComponent().SUB_COMPONENT_REMOVED,updateQuery:(prev,{subscriptionData})=>{if(!subscriptionData.data)return prev;const prevComponent=prev?.getHost?.get,removedIds=subscriptionData?.data?.componentRemoved?.componentIds;return!prevComponent||!removedIds?.length?prev:removedIds.some(removedId=>_componentId().ComponentID.isEqualObj(removedId,prevComponent.id))?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:null})}):prev}});return()=>{unsubChanges(),unsubAddition(),unsubRemoval()}},[]);const idDepKey=rawComponent?.id?`${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}`:void 0,id=(0,_react().useMemo)(()=>rawComponent?_componentId().ComponentID.fromObject(rawComponent.id):void 0,[idDepKey]),componentError=error&&!data?new(_componentError()).ComponentError(500,error.message):!rawComponent&&!loading&&new(_componentError()).ComponentError(404)||void 0,component=(0,_react().useMemo)(()=>rawComponent?_componentModel().ComponentModel.from(_objectSpread(_objectSpread({},rawComponent),{},{host,logs})):void 0,[id?.toString(),logs]),componentDescriptor=(0,_react().useMemo)(()=>{const aspectList={entries:rawComponent?.aspects.map(aspectObject=>_objectSpread(_objectSpread({},aspectObject),{},{aspectId:aspectObject.id,aspectData:aspectObject.data}))};return id?_componentDescriptor().ComponentDescriptor.fromObject({id:id.toString(),aspectList}):void 0},[id?.toString()]);return(0,_react().useMemo)(()=>({componentDescriptor,component,componentLogs:{loading:loadingLogs,logs},error:componentError||void 0,loading}),[host,component,componentDescriptor,componentError])}},91121:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentOverviewFields=exports.componentIdFields=exports.componentFieldsWithLogs=exports.componentFields=exports.SUB_SUBSCRIPTION_ADDED=exports.SUB_COMPONENT_REMOVED=exports.SUB_COMPONENT_CHANGED=exports.GET_COMPONENT_WITH_LOGS=exports.GET_COMPONENT=exports.COMPONENT_QUERY_LOG_FIELDS=void 0;function _client(){const data=__webpack_require__(97299);return _client=function(){return data},data}const componentIdFields=exports.componentIdFields=(0,_client().gql)`
   fragment componentIdFields on ComponentID {
     name
     version
@@ -380,7 +380,7 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
     }
   }
   ${componentIdFields}
-`},43378:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _useComponent().Filters}}),Object.defineProperty(exports,"UseComponentType",{enumerable:!0,get:function(){return _useComponent().UseComponentType}}),exports.useComponent=useComponent;function _uiFoundationUiReactRouter(){const data=__webpack_require__(44514);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(87383);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(48144);return _useComponent=function(){return data},data}function useComponent(host,id,options){const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent,skip}=options||{},componentVersion=(version||query.get("version"))??void 0,componentIdStr=id&&withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr||"",host,logFilters,skip||!id)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},48144:()=>{"use strict"},55361:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOffsetValue=getOffsetValue;function getOffsetValue(offset,limit,backwards=!1){if(offset!==void 0)return backwards?-(offset+limit):offset;if(limit!==void 0)return 0}},64899: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.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;const react_1=__importDefault(__webpack_require__(59496)),base_ui_loaders_skeleton_1=__webpack_require__(16623),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(4821));function CompositionCardSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.compositionCardSkeleton},react_1.default.createElement(PreviewSkeleton,null),react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.bottom},react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"104px"})))}exports.CompositionCardSkeleton=CompositionCardSkeleton;function PreviewSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.preview},react_1.default.createElement(base_ui_loaders_skeleton_1.BlockSkeleton,{lines:2,className:composition_card_skeleton_module_scss_1.default.block}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"208px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"152px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"88px"}))}exports.PreviewSkeleton=PreviewSkeleton},737:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;var composition_card_skeleton_1=__webpack_require__(64899);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}}),Object.defineProperty(exports,"PreviewSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.PreviewSkeleton}})},25798: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.CompositionCard=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),evangelist_elements_icon_1=__webpack_require__(6281),compositions_1=__webpack_require__(39976),design_ui_styles_ellipsis_1=__webpack_require__(25747),composition_card_module_scss_1=__importDefault(__webpack_require__(93353));exports.CompositionCard=react_1.default.memo(_CompositionCard);function _CompositionCard(_a){var{composition,component,className,openCompositionLink,previewClass}=_a,rest=__rest(_a,["composition","component","className","openCompositionLink","previewClass"]);const Composition=react_1.default.useMemo(()=>react_1.default.createElement(compositions_1.ComponentComposition,{className:previewClass,includeEnv:!1,loading:"lazy",composition,component,viewport:1280,scrolling:"no",previewName:"compositions"}),[composition.identifier,component.id.toString(),previewClass]);return react_1.default.createElement("div",Object.assign({},rest,{key:composition.identifier,className:(0,classnames_1.default)(composition_card_module_scss_1.default.compositionCard,className)}),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.compositionPreview},Composition),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.bottom},react_1.default.createElement("span",{className:(0,classnames_1.default)(design_ui_styles_ellipsis_1.ellipsis,composition_card_module_scss_1.default.displayName)},composition.displayName),openCompositionLink&&react_1.default.createElement("a",{className:composition_card_module_scss_1.default.link,target:"_blank",rel:"noopener noreferrer",href:openCompositionLink},react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:composition_card_module_scss_1.default.icon,of:"open-tab"}))))}},578:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(25798);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}});var composition_card_skeleton_1=__webpack_require__(737);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}})},54274:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(76821);return _compositionsModel=function(){return data},data}class Composition{constructor(identifier,filepath,_displayName){this.identifier=identifier,this.filepath=filepath,this._displayName=_displayName}get displayName(){return this._displayName||(0,_compositionsModel().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(compositions){return compositions.map(composition=>new Composition(composition.identifier,composition.filepath,composition.displayName))}}exports.Composition=Composition},23891:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.CompositionsAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const CompositionsAspect=exports.CompositionsAspect=_harmony().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});var _default=exports.default=CompositionsAspect},48141:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionContent=CompositionContent,exports.Compositions=Compositions;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(40734);return _reactRouterDom=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(40733));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(42546));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(55516);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(18666);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(51088);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(99906);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(41823);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(67475);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(4591);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(53440);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(33198);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(38832);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(84214);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(66564);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(54565);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(13359);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(10732);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(77522);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(60978);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(37340);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(11852);return _designUiSurfaces=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(20301));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(43611);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(81406);return _compositionsPanel=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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}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)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function Compositions({menuBarWidgets,emptyState}){const component=(0,_react().useContext)(_component().ComponentContext),[searchParams]=(0,_reactRouterDom().useSearchParams)(),params=(0,_reactRouterDom().useParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),location=(0,_baseReactNavigation().useLocation)(),currentCompositionName=params["*"],currentComposition=component.compositions.find(composition=>composition.identifier.toLowerCase()===currentCompositionName)||(0,_lodash().default)(component.compositions),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition;const properties=(0,_docsUiQueries().useDocs)(component.id),showSidebar=!(0,_uiFoundationUiHooks().useIsMobile)()&&component.compositions.length>0,[isSidebarOpen,setSidebarOpenness]=(0,_react().useState)(showSidebar),sidebarOpenness=isSidebarOpen?_baseUiSurfacesSplitPane().Layout.row:_baseUiSurfacesSplitPane().Layout.left,compositionUrl=(0,_previewUi().toPreviewUrl)(component,"compositions"),isScaling=component?.preview?.isScaling,includesEnvTemplates=component?.preview?.includesEnvTemplate,useNameParam=component?.preview?.useNameParam,compositionIdentifierParam=useNameParam||isScaling&&includesEnvTemplates===!1?`name=${currentComposition?.identifier}`:currentComposition?.identifier,currentCompositionFullUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",compositionIdentifierParam),[compositionParams,setCompositionParams]=(0,_react().useState)({fullscreen:!0}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]);return(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),_react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"85%",className:_compositionsModule().default.compositionsPage},_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.left},_react().default.createElement(_compositionsUi().CompositionsMenuBar,{menuBarWidgets,className:_compositionsModule().default.menuBar},_react().default.createElement(_baseReactNavigation().Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.openInNewTab},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"}))),_react().default.createElement(CompositionContent,{className:_compositionsModule().default.compositionPanel,emptyState,component,selected:currentComposition,queryParams})),_react().default.createElement(_baseUiSurfacesSplitPane2().HoverSplitter,{className:_compositionsModule().default.splitter},_react().default.createElement(_uiFoundationUiButtons().Collapser,{placement:"left",isOpen:isSidebarOpen,onMouseDown:e=>e.stopPropagation(),onClick:()=>setSidebarOpenness(x=>!x),tooltipContent:`${isSidebarOpen?"Hide":"Show"} side compositions`,className:_compositionsModule().default.collapser})),_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.right},_react().default.createElement(_documenterTheme().ThemeContext,null,_react().default.createElement(_panels().TabContainer,{className:_compositionsModule().default.tabsContainer},_react().default.createElement(_panels().TabList,{className:_compositionsModule().default.tabs},_react().default.createElement(_panels().Tab,null,"compositions"),_react().default.createElement(_panels().Tab,null,"properties")),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},_react().default.createElement(_compositionsPanel().CompositionsPanel,{isScaling,useNameParam,includesEnvTemplate:component.preview?.includesEnvTemplate,onSelectComposition:composition=>{if(!currentComposition||!location)return;const selectedCompositionFromUrl=params["*"],pathSegments=location.pathname.split("/").filter(x=>x);selectedCompositionFromUrl?pathSegments[pathSegments.length-1]=composition.identifier.toLowerCase():pathSegments.push(composition.identifier.toLowerCase());const urlParams=new URLSearchParams;versionFromQueryParams&&urlParams.set("version",versionFromQueryParams);const newPath=pathSegments.join("/");navigate(`/${newPath}?${urlParams.toString()}`)},url:compositionUrl,compositions:component.compositions,active:currentComposition})),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},properties&&properties.length>0?_react().default.createElement(_documenterUi().PropTable,{rows:properties,showListView:!0}):_react().default.createElement("div",null)))))))}function CompositionContent(_ref){let{component,selected,queryParams,emptyState}=_ref,componentCompositionProps=_objectWithoutProperties(_ref,_excluded);const env=component.environment?.id,EmptyStateTemplate=emptyState?.get(env||"");return component.compositions.length===0&&component.host==="teambit.workspace/workspace"&&EmptyStateTemplate?_react().default.createElement("div",{className:_compositionsModule().default.noCompositionsPage},_react().default.createElement("div",null,_react().default.createElement(_documenterUi2().H1,{className:_compositionsModule().default.title},"Compositions"),_react().default.createElement(_designUi2().Separator,{isPresentational:!0,className:_compositionsModule().default.separator}),_react().default.createElement(_designUi3().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},_react().default.createElement(_mdxUi().MDXLayout,null,_react().default.createElement(EmptyStateTemplate,null))))):component?.buildStatus==="pending"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):component?.buildStatus==="failed"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):component.compositions.length===0?_react().default.createElement(_designUi().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,_extends({className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams},componentCompositionProps))}},39976:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _ui().ComponentComposition}}),Object.defineProperty(exports,"Composition",{enumerable:!0,get:function(){return _composition().Composition}}),Object.defineProperty(exports,"CompositionContent",{enumerable:!0,get:function(){return _compositions2().CompositionContent}}),Object.defineProperty(exports,"CompositionsAspect",{enumerable:!0,get:function(){return _compositions().CompositionsAspect}}),exports.default=void 0;function _compositions(){const data=__webpack_require__(23891);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(54274);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(48141);return _compositions2=function(){return data},data}function _ui(){const data=__webpack_require__(43611);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},34998:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(38832);return _previewUi=function(){return data},data}const _excluded=["composition","component","queryParams"];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"&&Object.prototype.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}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)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const includesEnvTemplate=component.preview?.includesEnvTemplate,isScaling=component.preview?.isScaling,shouldAddNameParam=component.preview?.useNameParam||isScaling&&includesEnvTemplate===!1,compositionParams=(0,_react().useMemo)(()=>(composition?[shouldAddNameParam?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams),[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,_extends({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams}))}},81406:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(6281);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(40734);return _reactRouterDom=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(43492);return _uiFoundationUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(94765));return _compositionsPanelModule=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","active","includesEnvTemplate","useNameParam","className"];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"&&Object.prototype.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}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)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,active,includesEnvTemplate,useNameParam,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const shouldAddNameParam=useNameParam||isScaling&&includesEnvTemplate===!1,handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected)},[onSelect]),location=(0,_baseReactNavigation().useLocation)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),onCompositionCodeClicked=(0,_react().useCallback)(composition=>e=>{e.preventDefault();const queryParams=new URLSearchParams;versionFromQueryParams&&queryParams.set("version",versionFromQueryParams);const basePath=location?.pathname.split("/~compositions")[0];navigate(`${basePath}/~code/${composition.filepath}?${queryParams.toString()}#search=${composition.identifier}`)},[location?.pathname,versionFromQueryParams]);return _react().default.createElement("ul",_extends({},rest,{className:(0,_classnames().default)(className)}),compositions.map(composition=>{const href=shouldAddNameParam?`${url}&name=${composition.identifier}`:`${url}&${composition.identifier}`;return _react().default.createElement("li",{key:composition.identifier,className:(0,_classnames().default)(_compositionsPanelModule().default.linkWrapper,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.box}),_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.right},_react().default.createElement(_uiFoundationUi().MenuWidgetIcon,{className:_compositionsPanelModule().default.codeLink,icon:"Code",tooltipContent:"Code",onClick:onCompositionCodeClicked(composition)}),_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{className:_compositionsPanelModule().default.icon,of:"open-tab"}))))}))}},43611:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _compositionPreview().ComponentComposition}});function _compositionPreview(){const data=__webpack_require__(34998);return _compositionPreview=function(){return data},data}},88851: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.humanizeCompositionId=void 0;const humanize_string_1=__importDefault(__webpack_require__(28583));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}exports.humanizeCompositionId=humanizeCompositionId},76821:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(88851);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},61434: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.CompositionGallerySkeleton=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),base_ui_loaders_skeleton_1=__webpack_require__(16623),composition_card_1=__webpack_require__(578),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(30587));function CompositionGallerySkeleton(_a){var{compositionsLength,className}=_a,rest=__rest(_a,["compositionsLength","className"]);const length=Array.from(Array(compositionsLength));return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGallerySkeleton,className)}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"100px",className:composition_gallery_skeleton_module_scss_1.default.title}),react_1.default.createElement("div",{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGalleryGrid)},length.map((_,index)=>react_1.default.createElement(composition_card_1.CompositionCardSkeleton,{key:`comp-card-skeleton-${index}`}))))}exports.CompositionGallerySkeleton=CompositionGallerySkeleton},60082:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=void 0;var composition_gallery_skeleton_1=__webpack_require__(61434);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},20298: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.CompositionGallery=void 0;const react_1=__importDefault(__webpack_require__(59496)),design_elements_icon_1=__webpack_require__(79060),documenter_ui_linked_heading_1=__webpack_require__(24259),base_react_navigation_link_1=__webpack_require__(97667),composition_card_1=__webpack_require__(578),composition_gallery_module_scss_1=__importDefault(__webpack_require__(37597));function CompositionGallery({component}){const navigate=(0,base_react_navigation_link_1.useNavigate)();return component.compositions.length>0?react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.compositionGallery},react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,{size:"sm",className:composition_gallery_module_scss_1.default.title},react_1.default.createElement(design_elements_icon_1.Icon,{of:"eye"})," ",react_1.default.createElement("span",null,"PREVIEW")),react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.carousel},component.compositions.map(composition=>react_1.default.createElement(composition_card_1.CompositionCard,{key:composition.identifier.toLowerCase(),onClick:()=>navigate(`~compositions/${composition.identifier.toLowerCase()}`),className:composition_gallery_module_scss_1.default.compositionGalleryCard,previewClass:composition_gallery_module_scss_1.default.preview,composition,component})))):null}exports.CompositionGallery=CompositionGallery},42885:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=exports.CompositionGallery=void 0;var composition_gallery_1=__webpack_require__(20298);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(60082);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},2926:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DocsAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const DocsAspect=exports.DocsAspect=_harmony().Aspect.create({id:"teambit.docs/docs",dependencies:[],defaultConfig:{}});var _default=exports.default=DocsAspect},62141:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultDocs=void 0;const defaultDocs=exports.defaultDocs={default:()=>null,labels:[],abstract:"",examples:[]}},5018:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),Object.defineProperty(exports,"Doc",{enumerable:!0,get:function(){return _docsEntities().Doc}}),Object.defineProperty(exports,"DocProp",{enumerable:!0,get:function(){return _docsEntities().DocProp}}),Object.defineProperty(exports,"DocPropList",{enumerable:!0,get:function(){return _docsEntities().DocPropList}}),Object.defineProperty(exports,"DocsAspect",{enumerable:!0,get:function(){return _docs().DocsAspect}}),Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return _overview().Overview}}),exports.default=void 0,Object.defineProperty(exports,"defaultDocs",{enumerable:!0,get:function(){return _docs2().defaultDocs}});function _docs(){const data=__webpack_require__(2926);return _docs=function(){return data},data}function _docsEntities(){const data=__webpack_require__(87628);return _docsEntities=function(){return data},data}function _docs2(){const data=__webpack_require__(62141);return _docs2=function(){return data},data}function _overview(){const data=__webpack_require__(76765);return _overview=function(){return data},data}var _default=exports.default=_docs().DocsAspect},76765:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return _overview().Overview}});function _overview(){const data=__webpack_require__(19502);return _overview=function(){return data},data}},19502:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BadgePosition=void 0,exports.Overview=Overview;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _lodash(){const data=__webpack_require__(32699);return _lodash=function(){return data},data}function _component(){const data=__webpack_require__(99906);return _component=function(){return data},data}function _previewUi(){const data=__webpack_require__(38832);return _previewUi=function(){return data},data}function _componentUi(){const data=__webpack_require__(54839);return _componentUi=function(){return data},data}function _compositionsPanels(){const data=__webpack_require__(42885);return _compositionsPanels=function(){return data},data}function _baseReactThemes(){const data=__webpack_require__(16375);return _baseReactThemes=function(){return data},data}function _readmeSkeleton(){const data=__webpack_require__(48394);return _readmeSkeleton=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(84690));return _overviewModule=function(){return data},data}const _excluded=["onLoad","style"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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}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)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}let BadgePosition=exports.BadgePosition=function(BadgePosition2){return BadgePosition2[BadgePosition2.Title=0]="Title",BadgePosition2[BadgePosition2.SubTitle=1]="SubTitle",BadgePosition2[BadgePosition2.Labels=2]="Labels",BadgePosition2[BadgePosition2.Package=3]="Package",BadgePosition2}({});function Overview({titleBadges,overviewOptions,previewProps,getEmptyState,TaggedAPI}){const component=(0,_react().useContext)(_component().ComponentContext),componentDescriptor=(0,_component().useComponentDescriptor)(),{current}=(0,_baseReactThemes().useThemePicker)(),overviewProps=(0,_lodash().flatten)(overviewOptions.values())[0],showHeader=!component.preview?.legacyHeader,EmptyState=getEmptyState&&getEmptyState(),buildFailed=component.buildStatus?.toLowerCase()!=="succeed"&&component?.host==="teambit.scope/scope",isScaling=Boolean(component.preview?.isScaling),includesEnvTemplate=Boolean(component.preview?.includesEnvTemplate),defaultLoadingState=_react().default.useMemo(()=>isScaling&&!includesEnvTemplate,[isScaling,includesEnvTemplate]),[isLoading,setLoading]=(0,_react().useState)(defaultLoadingState),iframeQueryParams=`onlyOverview=${component.preview?.onlyOverview||"false"}&skipIncludes=${component.preview?.skipIncludes||component.preview?.onlyOverview}`,overviewPropsValues=overviewProps&&overviewProps(),themeParams=current?.themeName?`theme=${current?.themeName}`:"",_ref=previewProps||{},{onLoad,style}=_ref,rest=_objectWithoutProperties(_ref,_excluded),onPreviewLoad=_react().default.useCallback((e,props)=>{setLoading(!1),onLoad?.(e,props)},[onLoad]);return _react().default.useEffect(()=>{!isLoading&&defaultLoadingState&&setLoading(!0),isLoading&&!defaultLoadingState&&setLoading(!1)},[component.id.toString(),defaultLoadingState]),_react().default.createElement("div",{className:_overviewModule().default.overviewWrapper,key:`${component.id.toString()}`},showHeader&&_react().default.createElement(_componentUi().ComponentOverview,{className:(0,_classnames().default)(_overviewModule().default.componentOverviewBlock,!isScaling&&_overviewModule().default.legacyPreview),displayName:component.displayName,version:component.version,abstract:component.description,labels:component.labels,packageName:component.packageName,titleBadges:(0,_lodash().flatten)(titleBadges.values()),componentDescriptor,component}),!buildFailed&&_react().default.createElement("div",{className:_overviewModule().default.readme},isLoading&&_react().default.createElement(_readmeSkeleton().ReadmeSkeleton,null,_react().default.createElement(_compositionsPanels().CompositionGallerySkeleton,{compositionsLength:Math.min(component.compositions.length,3)})),_react().default.createElement(_previewUi().ComponentPreview,_extends({onLoad:onPreviewLoad,previewName:"overview",pubsub:!0,queryParams:[iframeQueryParams,themeParams,overviewPropsValues?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0},rest,{component,style:{width:"100%",height:"100%",minHeight:isScaling?void 0:500}})),component.preview?.onlyOverview&&!isLoading&&_react().default.createElement(_compositionsPanels().CompositionGallery,{component}),component.preview?.onlyOverview&&!isLoading&&TaggedAPI&&_react().default.createElement(TaggedAPI,{componentId:component.id.toString()})),buildFailed&&EmptyState&&_react().default.createElement(EmptyState,null))}},48394:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReadmeSkeleton=ReadmeSkeleton;function _react(){const data=_interopRequireDefault(__webpack_require__(59496));return _react=function(){return data},data}function _baseUiLoaders(){const data=__webpack_require__(16623);return _baseUiLoaders=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(84690));return _overviewModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ReadmeSkeleton({children}){return _react().default.createElement("div",{className:_overviewModule().default.readmeSkeleton},_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"80%"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"70%"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"40%",style:{marginBottom:40}}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"30%",style:{marginBottom:16}}),_react().default.createElement(_baseUiLoaders().BlockSkeleton,{lines:10,style:{width:"100%",marginBottom:40}}),children)}},27345:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDocs=exports.docsFields=void 0;const client_1=__webpack_require__(97299);exports.docsFields=(0,client_1.gql)`
+`},43378:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _useComponent().Filters}}),Object.defineProperty(exports,"UseComponentType",{enumerable:!0,get:function(){return _useComponent().UseComponentType}}),exports.useComponent=useComponent;function _uiFoundationUiReactRouter(){const data=__webpack_require__(44514);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(87383);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(48144);return _useComponent=function(){return data},data}function useComponent(host,id,options){const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent,skip}=options||{},componentVersion=(version||query.get("version"))??void 0,componentIdStr=id&&withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr||"",host,logFilters,skip||!id)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},48144:()=>{"use strict"},55361:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOffsetValue=getOffsetValue;function getOffsetValue(offset,limit,backwards=!1){if(offset!==void 0)return backwards?-(offset+limit):offset;if(limit!==void 0)return 0}},64899: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.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;const react_1=__importDefault(__webpack_require__(59496)),base_ui_loaders_skeleton_1=__webpack_require__(16623),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(4821));function CompositionCardSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.compositionCardSkeleton},react_1.default.createElement(PreviewSkeleton,null),react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.bottom},react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"104px"})))}exports.CompositionCardSkeleton=CompositionCardSkeleton;function PreviewSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.preview},react_1.default.createElement(base_ui_loaders_skeleton_1.BlockSkeleton,{lines:2,className:composition_card_skeleton_module_scss_1.default.block}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"208px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"152px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"88px"}))}exports.PreviewSkeleton=PreviewSkeleton},737:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;var composition_card_skeleton_1=__webpack_require__(64899);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}}),Object.defineProperty(exports,"PreviewSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.PreviewSkeleton}})},25798: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.CompositionCard=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),evangelist_elements_icon_1=__webpack_require__(6281),compositions_1=__webpack_require__(39976),design_ui_styles_ellipsis_1=__webpack_require__(25747),composition_card_module_scss_1=__importDefault(__webpack_require__(93353));exports.CompositionCard=react_1.default.memo(_CompositionCard);function _CompositionCard(_a){var{composition,component,className,openCompositionLink,previewClass}=_a,rest=__rest(_a,["composition","component","className","openCompositionLink","previewClass"]);const Composition=react_1.default.useMemo(()=>react_1.default.createElement(compositions_1.ComponentComposition,{className:previewClass,includeEnv:!1,loading:"lazy",composition,component,viewport:1280,scrolling:"no",previewName:"compositions"}),[composition.identifier,component.id.toString(),previewClass]);return react_1.default.createElement("div",Object.assign({},rest,{key:composition.identifier,className:(0,classnames_1.default)(composition_card_module_scss_1.default.compositionCard,className)}),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.compositionPreview},Composition),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.bottom},react_1.default.createElement("span",{className:(0,classnames_1.default)(design_ui_styles_ellipsis_1.ellipsis,composition_card_module_scss_1.default.displayName)},composition.displayName),openCompositionLink&&react_1.default.createElement("a",{className:composition_card_module_scss_1.default.link,target:"_blank",rel:"noopener noreferrer",href:openCompositionLink},react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:composition_card_module_scss_1.default.icon,of:"open-tab"}))))}},578:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(25798);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}});var composition_card_skeleton_1=__webpack_require__(737);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}})},54274:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(76821);return _compositionsModel=function(){return data},data}class Composition{constructor(identifier,filepath,_displayName){this.identifier=identifier,this.filepath=filepath,this._displayName=_displayName}get displayName(){return this._displayName||(0,_compositionsModel().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(compositions){return compositions.map(composition=>new Composition(composition.identifier,composition.filepath,composition.displayName))}}exports.Composition=Composition},23891:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.CompositionsAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const CompositionsAspect=exports.CompositionsAspect=_harmony().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});var _default=exports.default=CompositionsAspect},48141:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionContent=CompositionContent,exports.Compositions=Compositions;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(40734);return _reactRouterDom=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(40733));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(42546));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(55516);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(18666);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(51088);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(99906);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(41823);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(67475);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(4591);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(53440);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(33198);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(38832);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(84214);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(66564);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(54565);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(13359);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(10732);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(77522);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(60978);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(37340);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(11852);return _designUiSurfaces=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(20301));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(43611);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(81406);return _compositionsPanel=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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}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)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}const Link=_baseReactNavigation().Link;function Compositions({menuBarWidgets,emptyState}){const component=(0,_react().useContext)(_component().ComponentContext),[searchParams]=(0,_reactRouterDom().useSearchParams)(),params=(0,_reactRouterDom().useParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),location=(0,_baseReactNavigation().useLocation)(),currentCompositionName=params["*"],currentComposition=component.compositions.find(composition=>composition.identifier.toLowerCase()===currentCompositionName)||(0,_lodash().default)(component.compositions),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition;const properties=(0,_docsUiQueries().useDocs)(component.id),showSidebar=!(0,_uiFoundationUiHooks().useIsMobile)()&&component.compositions.length>0,[isSidebarOpen,setSidebarOpenness]=(0,_react().useState)(showSidebar),sidebarOpenness=isSidebarOpen?_baseUiSurfacesSplitPane().Layout.row:_baseUiSurfacesSplitPane().Layout.left,compositionUrl=(0,_previewUi().toPreviewUrl)(component,"compositions"),isScaling=component?.preview?.isScaling,includesEnvTemplates=component?.preview?.includesEnvTemplate,useNameParam=component?.preview?.useNameParam,compositionIdentifierParam=useNameParam||isScaling&&includesEnvTemplates===!1?`name=${currentComposition?.identifier}`:currentComposition?.identifier,currentCompositionFullUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",compositionIdentifierParam),[compositionParams,setCompositionParams]=(0,_react().useState)({fullscreen:!0}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]);return(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),_react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"85%",className:_compositionsModule().default.compositionsPage},_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.left},_react().default.createElement(_compositionsUi().CompositionsMenuBar,{menuBarWidgets,className:_compositionsModule().default.menuBar},_react().default.createElement(Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.openInNewTab},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"}))),_react().default.createElement(CompositionContent,{className:_compositionsModule().default.compositionPanel,emptyState,component,selected:currentComposition,queryParams})),_react().default.createElement(_baseUiSurfacesSplitPane2().HoverSplitter,{className:_compositionsModule().default.splitter},_react().default.createElement(_uiFoundationUiButtons().Collapser,{placement:"left",isOpen:isSidebarOpen,onMouseDown:e=>e.stopPropagation(),onClick:()=>setSidebarOpenness(x=>!x),tooltipContent:`${isSidebarOpen?"Hide":"Show"} side compositions`,className:_compositionsModule().default.collapser})),_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.right},_react().default.createElement(_documenterTheme().ThemeContext,null,_react().default.createElement(_panels().TabContainer,{className:_compositionsModule().default.tabsContainer},_react().default.createElement(_panels().TabList,{className:_compositionsModule().default.tabs},_react().default.createElement(_panels().Tab,null,"compositions"),_react().default.createElement(_panels().Tab,null,"properties")),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},_react().default.createElement(_compositionsPanel().CompositionsPanel,{isScaling,useNameParam,includesEnvTemplate:component.preview?.includesEnvTemplate,onSelectComposition:composition=>{if(!currentComposition||!location)return;const selectedCompositionFromUrl=params["*"],pathSegments=location.pathname.split("/").filter(x=>x);selectedCompositionFromUrl?pathSegments[pathSegments.length-1]=composition.identifier.toLowerCase():pathSegments.push(composition.identifier.toLowerCase());const urlParams=new URLSearchParams;versionFromQueryParams&&urlParams.set("version",versionFromQueryParams);const newPath=pathSegments.join("/");navigate(`/${newPath}?${urlParams.toString()}`)},url:compositionUrl,compositions:component.compositions,active:currentComposition})),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},properties&&properties.length>0?_react().default.createElement(_documenterUi().PropTable,{rows:properties,showListView:!0}):_react().default.createElement("div",null)))))))}function CompositionContent(_ref){let{component,selected,queryParams,emptyState}=_ref,componentCompositionProps=_objectWithoutProperties(_ref,_excluded);const env=component.environment?.id,EmptyStateTemplate=emptyState?.get(env||"");return component.compositions.length===0&&component.host==="teambit.workspace/workspace"&&EmptyStateTemplate?_react().default.createElement("div",{className:_compositionsModule().default.noCompositionsPage},_react().default.createElement("div",null,_react().default.createElement(_documenterUi2().H1,{className:_compositionsModule().default.title},"Compositions"),_react().default.createElement(_designUi2().Separator,{isPresentational:!0,className:_compositionsModule().default.separator}),_react().default.createElement(_designUi3().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},_react().default.createElement(_mdxUi().MDXLayout,null,_react().default.createElement(EmptyStateTemplate,null))))):component?.buildStatus==="pending"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):component?.buildStatus==="failed"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):component.compositions.length===0?_react().default.createElement(_designUi().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,_extends({className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams},componentCompositionProps))}},39976:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _ui().ComponentComposition}}),Object.defineProperty(exports,"Composition",{enumerable:!0,get:function(){return _composition().Composition}}),Object.defineProperty(exports,"CompositionContent",{enumerable:!0,get:function(){return _compositions2().CompositionContent}}),Object.defineProperty(exports,"CompositionsAspect",{enumerable:!0,get:function(){return _compositions().CompositionsAspect}}),exports.default=void 0;function _compositions(){const data=__webpack_require__(23891);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(54274);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(48141);return _compositions2=function(){return data},data}function _ui(){const data=__webpack_require__(43611);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},34998:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(38832);return _previewUi=function(){return data},data}const _excluded=["composition","component","queryParams"];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"&&Object.prototype.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}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)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const includesEnvTemplate=component.preview?.includesEnvTemplate,isScaling=component.preview?.isScaling,shouldAddNameParam=component.preview?.useNameParam||isScaling&&includesEnvTemplate===!1,compositionParams=(0,_react().useMemo)(()=>(composition?[shouldAddNameParam?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams),[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,_extends({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams}))}},81406:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(6281);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(40734);return _reactRouterDom=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(43492);return _uiFoundationUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(94765));return _compositionsPanelModule=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","active","includesEnvTemplate","useNameParam","className"];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"&&Object.prototype.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}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)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,active,includesEnvTemplate,useNameParam,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const shouldAddNameParam=useNameParam||isScaling&&includesEnvTemplate===!1,handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected)},[onSelect]),location=(0,_baseReactNavigation().useLocation)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),onCompositionCodeClicked=(0,_react().useCallback)(composition=>e=>{e.preventDefault();const queryParams=new URLSearchParams;versionFromQueryParams&&queryParams.set("version",versionFromQueryParams);const basePath=location?.pathname.split("/~compositions")[0];navigate(`${basePath}/~code/${composition.filepath}?${queryParams.toString()}#search=${composition.identifier}`)},[location?.pathname,versionFromQueryParams]);return _react().default.createElement("ul",_extends({},rest,{className:(0,_classnames().default)(className)}),compositions.map(composition=>{const href=shouldAddNameParam?`${url}&name=${composition.identifier}`:`${url}&${composition.identifier}`;return _react().default.createElement("li",{key:composition.identifier,className:(0,_classnames().default)(_compositionsPanelModule().default.linkWrapper,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.box}),_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.right},_react().default.createElement(_uiFoundationUi().MenuWidgetIcon,{className:_compositionsPanelModule().default.codeLink,icon:"Code",tooltipContent:"Code",onClick:onCompositionCodeClicked(composition)}),_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{className:_compositionsPanelModule().default.icon,of:"open-tab"}))))}))}},43611:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _compositionPreview().ComponentComposition}});function _compositionPreview(){const data=__webpack_require__(34998);return _compositionPreview=function(){return data},data}},88851: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.humanizeCompositionId=void 0;const humanize_string_1=__importDefault(__webpack_require__(28583));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}exports.humanizeCompositionId=humanizeCompositionId},76821:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(88851);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},61434: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.CompositionGallerySkeleton=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),base_ui_loaders_skeleton_1=__webpack_require__(16623),composition_card_1=__webpack_require__(578),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(30587));function CompositionGallerySkeleton(_a){var{compositionsLength,className}=_a,rest=__rest(_a,["compositionsLength","className"]);const length=Array.from(Array(compositionsLength));return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGallerySkeleton,className)}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"100px",className:composition_gallery_skeleton_module_scss_1.default.title}),react_1.default.createElement("div",{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGalleryGrid)},length.map((_,index)=>react_1.default.createElement(composition_card_1.CompositionCardSkeleton,{key:`comp-card-skeleton-${index}`}))))}exports.CompositionGallerySkeleton=CompositionGallerySkeleton},60082:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=void 0;var composition_gallery_skeleton_1=__webpack_require__(61434);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},20298: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.CompositionGallery=void 0;const react_1=__importDefault(__webpack_require__(59496)),design_elements_icon_1=__webpack_require__(79060),documenter_ui_linked_heading_1=__webpack_require__(24259),base_react_navigation_link_1=__webpack_require__(97667),composition_card_1=__webpack_require__(578),composition_gallery_module_scss_1=__importDefault(__webpack_require__(37597));function CompositionGallery({component}){const navigate=(0,base_react_navigation_link_1.useNavigate)();return component.compositions.length>0?react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.compositionGallery},react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,{size:"sm",className:composition_gallery_module_scss_1.default.title},react_1.default.createElement(design_elements_icon_1.Icon,{of:"eye"})," ",react_1.default.createElement("span",null,"PREVIEW")),react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.carousel},component.compositions.map(composition=>react_1.default.createElement(composition_card_1.CompositionCard,{key:composition.identifier.toLowerCase(),onClick:()=>navigate(`~compositions/${composition.identifier.toLowerCase()}`),className:composition_gallery_module_scss_1.default.compositionGalleryCard,previewClass:composition_gallery_module_scss_1.default.preview,composition,component})))):null}exports.CompositionGallery=CompositionGallery},42885:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=exports.CompositionGallery=void 0;var composition_gallery_1=__webpack_require__(20298);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(60082);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},2926:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DocsAspect=void 0;function _harmony(){const data=__webpack_require__(55669);return _harmony=function(){return data},data}const DocsAspect=exports.DocsAspect=_harmony().Aspect.create({id:"teambit.docs/docs",dependencies:[],defaultConfig:{}});var _default=exports.default=DocsAspect},62141:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultDocs=void 0;const defaultDocs=exports.defaultDocs={default:()=>null,labels:[],abstract:"",examples:[]}},5018:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),Object.defineProperty(exports,"Doc",{enumerable:!0,get:function(){return _docsEntities().Doc}}),Object.defineProperty(exports,"DocProp",{enumerable:!0,get:function(){return _docsEntities().DocProp}}),Object.defineProperty(exports,"DocPropList",{enumerable:!0,get:function(){return _docsEntities().DocPropList}}),Object.defineProperty(exports,"DocsAspect",{enumerable:!0,get:function(){return _docs().DocsAspect}}),Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return _overview().Overview}}),exports.default=void 0,Object.defineProperty(exports,"defaultDocs",{enumerable:!0,get:function(){return _docs2().defaultDocs}});function _docs(){const data=__webpack_require__(2926);return _docs=function(){return data},data}function _docsEntities(){const data=__webpack_require__(87628);return _docsEntities=function(){return data},data}function _docs2(){const data=__webpack_require__(62141);return _docs2=function(){return data},data}function _overview(){const data=__webpack_require__(76765);return _overview=function(){return data},data}var _default=exports.default=_docs().DocsAspect},76765:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BadgePosition",{enumerable:!0,get:function(){return _overview().BadgePosition}}),Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return _overview().Overview}});function _overview(){const data=__webpack_require__(19502);return _overview=function(){return data},data}},19502:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BadgePosition=void 0,exports.Overview=Overview;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _lodash(){const data=__webpack_require__(32699);return _lodash=function(){return data},data}function _component(){const data=__webpack_require__(99906);return _component=function(){return data},data}function _previewUi(){const data=__webpack_require__(38832);return _previewUi=function(){return data},data}function _componentUi(){const data=__webpack_require__(54839);return _componentUi=function(){return data},data}function _compositionsPanels(){const data=__webpack_require__(42885);return _compositionsPanels=function(){return data},data}function _baseReactThemes(){const data=__webpack_require__(16375);return _baseReactThemes=function(){return data},data}function _readmeSkeleton(){const data=__webpack_require__(48394);return _readmeSkeleton=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(84690));return _overviewModule=function(){return data},data}const _excluded=["onLoad","style"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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}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)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}let BadgePosition=exports.BadgePosition=function(BadgePosition2){return BadgePosition2[BadgePosition2.Title=0]="Title",BadgePosition2[BadgePosition2.SubTitle=1]="SubTitle",BadgePosition2[BadgePosition2.Labels=2]="Labels",BadgePosition2[BadgePosition2.Package=3]="Package",BadgePosition2}({});function Overview({titleBadges,overviewOptions,previewProps,getEmptyState,TaggedAPI}){const component=(0,_react().useContext)(_component().ComponentContext),componentDescriptor=(0,_component().useComponentDescriptor)(),{current}=(0,_baseReactThemes().useThemePicker)(),overviewProps=(0,_lodash().flatten)(overviewOptions.values())[0],showHeader=!component.preview?.legacyHeader,EmptyState=getEmptyState&&getEmptyState(),buildFailed=component.buildStatus?.toLowerCase()!=="succeed"&&component?.host==="teambit.scope/scope",isScaling=Boolean(component.preview?.isScaling),includesEnvTemplate=Boolean(component.preview?.includesEnvTemplate),defaultLoadingState=_react().default.useMemo(()=>isScaling&&!includesEnvTemplate,[isScaling,includesEnvTemplate]),[isLoading,setLoading]=(0,_react().useState)(defaultLoadingState),iframeQueryParams=`onlyOverview=${component.preview?.onlyOverview||"false"}&skipIncludes=${component.preview?.skipIncludes||component.preview?.onlyOverview}`,overviewPropsValues=overviewProps&&overviewProps(),themeParams=current?.themeName?`theme=${current?.themeName}`:"",_ref=previewProps||{},{onLoad,style}=_ref,rest=_objectWithoutProperties(_ref,_excluded),onPreviewLoad=_react().default.useCallback((e,props)=>{setLoading(!1),onLoad?.(e,props)},[onLoad]);return _react().default.useEffect(()=>{!isLoading&&defaultLoadingState&&setLoading(!0),isLoading&&!defaultLoadingState&&setLoading(!1)},[component.id.toString(),defaultLoadingState]),_react().default.createElement("div",{className:_overviewModule().default.overviewWrapper,key:`${component.id.toString()}`},showHeader&&_react().default.createElement(_componentUi().ComponentOverview,{className:(0,_classnames().default)(_overviewModule().default.componentOverviewBlock,!isScaling&&_overviewModule().default.legacyPreview),displayName:component.displayName,version:component.version,abstract:component.description,labels:component.labels,packageName:component.packageName,titleBadges:(0,_lodash().flatten)(titleBadges.values()),componentDescriptor,component}),!buildFailed&&_react().default.createElement("div",{className:_overviewModule().default.readme},isLoading&&_react().default.createElement(_readmeSkeleton().ReadmeSkeleton,null,_react().default.createElement(_compositionsPanels().CompositionGallerySkeleton,{compositionsLength:Math.min(component.compositions.length,3)})),_react().default.createElement(_previewUi().ComponentPreview,_extends({onLoad:onPreviewLoad,previewName:"overview",pubsub:!0,queryParams:[iframeQueryParams,themeParams,overviewPropsValues?.queryParams||""],viewport:null,fullContentHeight:!0,disableScroll:!0},rest,{component,style:{width:"100%",height:"100%",minHeight:isScaling?void 0:500}})),component.preview?.onlyOverview&&!isLoading&&_react().default.createElement(_compositionsPanels().CompositionGallery,{component}),component.preview?.onlyOverview&&!isLoading&&TaggedAPI&&_react().default.createElement(TaggedAPI,{componentId:component.id.toString()})),buildFailed&&EmptyState&&_react().default.createElement(EmptyState,null))}},48394:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReadmeSkeleton=ReadmeSkeleton;function _react(){const data=_interopRequireDefault(__webpack_require__(59496));return _react=function(){return data},data}function _baseUiLoaders(){const data=__webpack_require__(16623);return _baseUiLoaders=function(){return data},data}function _overviewModule(){const data=_interopRequireDefault(__webpack_require__(84690));return _overviewModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ReadmeSkeleton({children}){return _react().default.createElement("div",{className:_overviewModule().default.readmeSkeleton},_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"80%"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"70%"}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"40%",style:{marginBottom:40}}),_react().default.createElement(_baseUiLoaders().LineSkeleton,{width:"30%",style:{marginBottom:16}}),_react().default.createElement(_baseUiLoaders().BlockSkeleton,{lines:10,style:{width:"100%",marginBottom:40}}),children)}},27345:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDocs=exports.docsFields=void 0;const client_1=__webpack_require__(97299);exports.docsFields=(0,client_1.gql)`
   fragment docsFields on ReactDocs {
     abstract
     properties {
@@ -692,7 +692,7 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
       }
     }
   }
-`;function useComponentHost(){const{data,loading}=(0,_uiFoundationUiHooks().useDataQuery)(COMPONENT_HOST);return!data||loading?{}:{host:_componentHostModel().ComponentHostModel.from(data)}}},68211:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AspectData",{enumerable:!0,get:function(){return _aspectEntry().AspectData}}),Object.defineProperty(exports,"AspectEntry",{enumerable:!0,get:function(){return _aspectEntry().AspectEntry}}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menu().CollapsibleMenuNav}}),Object.defineProperty(exports,"Component",{enumerable:!0,get:function(){return _component2().Component}}),Object.defineProperty(exports,"ComponentAspect",{enumerable:!0,get:function(){return _component().ComponentAspect}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _componentContext().ComponentContext}}),Object.defineProperty(exports,"ComponentDescriptorContext",{enumerable:!0,get:function(){return _componentContext().ComponentDescriptorContext}}),Object.defineProperty(exports,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return _context().ComponentDescriptorProvider}}),Object.defineProperty(exports,"ComponentFS",{enumerable:!0,get:function(){return _componentFs().default}}),Object.defineProperty(exports,"ComponentID",{enumerable:!0,get:function(){return _componentId().ComponentID}}),Object.defineProperty(exports,"ComponentLogsResult",{enumerable:!0,get:function(){return _ui().ComponentLogsResult}}),Object.defineProperty(exports,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _context().ComponentProvider}}),Object.defineProperty(exports,"Config",{enumerable:!0,get:function(){return _config().Config}}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _ui().Filters}}),Object.defineProperty(exports,"InvalidComponent",{enumerable:!0,get:function(){return _component2().InvalidComponent}}),Object.defineProperty(exports,"ResolveComponentIdFunc",{enumerable:!0,get:function(){return _aspectEntry().ResolveComponentIdFunc}}),Object.defineProperty(exports,"Snap",{enumerable:!0,get:function(){return _snap().Snap}}),Object.defineProperty(exports,"SnapProps",{enumerable:!0,get:function(){return _snap().SnapProps}}),Object.defineProperty(exports,"State",{enumerable:!0,get:function(){return _state().State}}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return _tag().Tag}}),Object.defineProperty(exports,"TagMap",{enumerable:!0,get:function(){return _tagMap().TagMap}}),Object.defineProperty(exports,"TagProps",{enumerable:!0,get:function(){return _tag().TagProps}}),Object.defineProperty(exports,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _ui().componentFields}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _ui().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _ui().componentOverviewFields}}),exports.default=void 0,Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _ui().useComponent}}),Object.defineProperty(exports,"useComponentDescriptor",{enumerable:!0,get:function(){return _componentContext().useComponentDescriptor}}),Object.defineProperty(exports,"useComponentHost",{enumerable:!0,get:function(){return _host().useComponentHost}}),Object.defineProperty(exports,"useComponentLogs",{enumerable:!0,get:function(){return _ui().useComponentLogs}}),Object.defineProperty(exports,"useIdFromLocation",{enumerable:!0,get:function(){return _ui().useIdFromLocation}});function _component(){const data=__webpack_require__(42259);return _component=function(){return data},data}function _host(){const data=__webpack_require__(23384);return _host=function(){return data},data}function _component2(){const data=__webpack_require__(60195);return _component2=function(){return data},data}function _componentId(){const data=__webpack_require__(99978);return _componentId=function(){return data},data}function _componentFs(){const data=_interopRequireDefault(__webpack_require__(11846));return _componentFs=function(){return data},data}function _aspectEntry(){const data=__webpack_require__(69301);return _aspectEntry=function(){return data},data}function _snap(){const data=__webpack_require__(8801);return _snap=function(){return data},data}function _tag(){const data=__webpack_require__(13801);return _tag=function(){return data},data}function _state(){const data=__webpack_require__(49784);return _state=function(){return data},data}function _tagMap(){const data=__webpack_require__(50310);return _tagMap=function(){return data},data}function _componentMap(){const data=__webpack_require__(12178);return _componentMap=function(){return data},data}function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _ui(){const data=__webpack_require__(4744);return _ui=function(){return data},data}function _menu(){const data=__webpack_require__(70820);return _menu=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _config(){const data=__webpack_require__(5075);return _config=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var _default=exports.default=_component().ComponentAspect},8801:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Snap=void 0;class Snap{constructor(hash,timestamp,parents,author,message){this.hash=hash,this.timestamp=timestamp,this.parents=parents,this.author=author,this.message=message}static fromObject(snapObject){const parents=snapObject.parents||[];return new Snap(snapObject.hash,new Date(parseInt(snapObject.timestamp)),parents,snapObject.author,snapObject.message)}toObject(){return{timestamp:this.timestamp.getTime().toString(),hash:this.hash,author:this.author,message:this.message,parents:this.parents}}}exports.Snap=Snap},49784:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.State=void 0;function _componentIssues(){const data=__webpack_require__(86853);return _componentIssues=function(){return data},data}function _componentId(){const data=__webpack_require__(99978);return _componentId=function(){return data},data}function _exceptions(){const data=__webpack_require__(54428);return _exceptions=function(){return data},data}class State{constructor(config,_aspects,filesystem,dependencies,_consumer){this.config=config,this._aspects=_aspects,this.filesystem=filesystem,this.dependencies=dependencies,this._consumer=_consumer}get mainFile(){const file=this.filesystem.files.find(componentFile=>componentFile.relative===this._consumer.mainFile);if(!file)throw new(_exceptions()).MainFileNotFound(_componentId().ComponentID.fromLegacy(this._consumer.id),this._consumer.mainFile);return file}get hash(){return""}get issues(){return this._consumer.issues||=new(_componentIssues()).IssuesList}get isModified(){return this._consumer._isModified}get aspects(){return this._aspects}set aspects(aspects){this._aspects=aspects}}exports.State=State},50310:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagMap=void 0;function _semverHelper(){const data=__webpack_require__(30755);return _semverHelper=function(){return data},data}function _semver(){const data=__webpack_require__(9131);return _semver=function(){return data},data}function _exceptions(){const data=__webpack_require__(54428);return _exceptions=function(){return data},data}class TagMap extends Map{byHash(hash){return Array.from(this.values()).find(currTag=>currTag.hash===hash)}getPreReleaseLatestTags(){const preReleaseTagsWithAllVersions=this.toArray().reduce((acc,current)=>{const preReleases=current.version.prerelease;return!preReleases.length||preReleases.length!==2||typeof preReleases[0]!="string"||(acc[preReleases[0]]||=[]).push(current.version.raw),acc},{});return Object.keys(preReleaseTagsWithAllVersions).reduce((acc,current)=>(acc[current]=(0,_semver().maxSatisfying)(preReleaseTagsWithAllVersions[current],"*",{includePrerelease:!0}),acc),{})}getHashMap(){const res=new Map;return this.forEach(tag=>{res.set(tag.hash,tag)}),res}getLatest(){const versions=this.toArray().map(tag=>tag.version.raw);if(this.isEmpty())throw new(_exceptions()).CouldNotFindLatest(versions);return(0,_semverHelper().getLatestVersion)(versions)}isEmpty(){return this.size===0}toArray(){return Array.from(this.values())}byVersion(version){return this.toArray().map(tag=>tag).find(tag=>tag.version.raw===version)}static fromArray(tags){const tuples=tags.map(tag=>[tag.version,tag]);return new TagMap(tuples)}static empty(){return new TagMap}}exports.TagMap=TagMap},47769:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return _tag().Tag}});function _tag(){const data=__webpack_require__(13801);return _tag=function(){return data},data}},13801:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tag=void 0;function _semver(){const data=__webpack_require__(9131);return _semver=function(){return data},data}class Tag{constructor(hash,version){this.hash=hash,this.version=version}toObject(){return{hash:this.hash,version:this.version.raw}}static fromObject(tag){return new Tag(tag.hash,new(_semver()).SemVer(tag.version))}}exports.Tag=Tag},6315:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentError=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__(59496));return _react=function(){return data},data}function _designUiPages(){const data=__webpack_require__(42355);return _designUiPages=function(){return data},data}function _designUiPages2(){const data=__webpack_require__(70048);return _designUiPages2=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}class ComponentError{constructor(code,message){this.code=code,this.message=message}renderError(){return this.code===404?_react().default.createElement(_designUiPages().NotFoundPage,null):_react().default.createElement(_designUiPages2().ServerErrorPage,null)}}exports.ComponentError=ComponentError},70145:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentError",{enumerable:!0,get:function(){return _componentError().ComponentError}});function _componentError(){const data=__webpack_require__(6315);return _componentError=function(){return data},data}},46265:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentModel=void 0;function _compositions(){const data=__webpack_require__(32552);return _compositions=function(){return data},data}function _componentId(){const data=__webpack_require__(99978);return _componentId=function(){return data},data}function _tag(){const data=__webpack_require__(47769);return _tag=function(){return data},data}function _tagMap(){const data=__webpack_require__(50310);return _tagMap=function(){return data},data}class ComponentModel{constructor(id,displayName,packageName,server,compositions,tags,buildStatus,issuesCount,status,deprecation,environment,description="",labels=[],host,size,latest,preview,logs){this.id=id,this.displayName=displayName,this.packageName=packageName,this.server=server,this.compositions=compositions,this.tags=tags,this.buildStatus=buildStatus,this.issuesCount=issuesCount,this.status=status,this.deprecation=deprecation,this.environment=environment,this.description=description,this.labels=labels,this.host=host,this.size=size,this.latest=latest,this.preview=preview,this.logs=logs}get version(){return this.id.version?this.id.version:"new"}static from({id,server,displayName,compositions=[],packageName,tags=[],deprecation,buildStatus,env,status,issuesCount,description,labels,host,latest,preview,size,logs}){return new ComponentModel(_componentId().ComponentID.fromObject(id),displayName,packageName,server,_compositions().Composition.fromArray(compositions),_tagMap().TagMap.fromArray(tags.map(tag=>_tag().Tag.fromObject(tag))),buildStatus,issuesCount,status,deprecation,env,description,labels,host,size,latest,preview,logs?.map(log=>log??{hash:"[error]",tag:"[error]",message:"",parents:[]}))}static fromArray(componentsProps){return componentsProps.map(rawComponent=>ComponentModel.from(rawComponent))}static empty(){return new ComponentModel(_componentId().ComponentID.fromObject({name:"root",scope:"temp"}),"","",{env:"",url:""},[],_tagMap().TagMap.empty())}}exports.ComponentModel=ComponentModel},77237:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}});function _componentModel(){const data=__webpack_require__(46265);return _componentModel=function(){return data},data}},34146:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=Component;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(11549));return _lodash=function(){return data},data}function _uiFoundationUiReactRouter(){const data=__webpack_require__(24681);return _uiFoundationUiReactRouter=function(){return data},data}function _lodash2(){const data=__webpack_require__(32699);return _lodash2=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(68211);return _=function(){return data},data}function _componentModule(){const data=_interopRequireDefault(__webpack_require__(52076));return _componentModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}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:String(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)}function getComponentIdStr(componentIdStr){return(0,_lodash2().isFunction)(componentIdStr)?componentIdStr():componentIdStr}function Component({routeSlot,overriddenRoutes,containerSlot,host,onComponentChange,componentIdStr,useComponent,path,useComponentFilters}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),componentIdStrWithScopeFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(void 0,!0),_componentIdStr=getComponentIdStr(componentIdStr),componentId=_componentIdStr?_().ComponentID.fromString(_componentIdStr):void 0,resolvedComponentIdStr=path||idFromLocation,componentFiltersFromProps=useComponentFilters?.()||{},useComponentOptions={logFilters:_objectSpread(_objectSpread({},componentFiltersFromProps),componentFiltersFromProps.loading?{}:{log:_objectSpread({},componentFiltersFromProps.log)}),customUseComponent:useComponent},{component,componentDescriptor,error}=(0,_useComponent().useComponent)(host,componentId?.toString()||componentIdStrWithScopeFromLocation,useComponentOptions);(0,_react().useEffect)(()=>onComponentChange?.(component),[component]),(0,_react().useEffect)(()=>()=>onComponentChange?.(void 0),[]);const pageItems=(0,_react().useMemo)(()=>(0,_lodash().default)(containerSlot?.values()),[containerSlot]),before=(0,_react().useMemo)(()=>pageItems.filter(x=>x.type==="before").map(x=>x.content),[pageItems]),after=(0,_react().useMemo)(()=>pageItems.filter(x=>x.type==="after").map(x=>x.content),[pageItems]);return error?error?.renderError():component?_react().default.createElement(_context().ComponentDescriptorProvider,{componentDescriptor},_react().default.createElement(_context().ComponentProvider,{component},before,_react().default.createElement("div",{className:_componentModule().default.container},routeSlot&&_react().default.createElement(_uiFoundationUiReactRouter().SlotRouter,{parentPath:`${resolvedComponentIdStr}/*`,slot:routeSlot,routes:overriddenRoutes})),after)):_react().default.createElement("div",null)}},48841:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentDescriptor=exports.ComponentDescriptorContext=exports.ComponentContext=void 0;function _react(){const data=__webpack_require__(59496);return _react=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}const ComponentContext=exports.ComponentContext=(0,_react().createContext)(_componentModel().ComponentModel.empty()),ComponentDescriptorContext=exports.ComponentDescriptorContext=(0,_react().createContext)(void 0),useComponentDescriptor=()=>(0,_react().useContext)(ComponentDescriptorContext);exports.useComponentDescriptor=useComponentDescriptor},9994:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentDescriptorProvider=ComponentDescriptorProvider,exports.ComponentProvider=ComponentProvider;function _react(){const data=_interopRequireDefault(__webpack_require__(59496));return _react=function(){return data},data}function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ComponentProvider({component,children}){return _react().default.createElement(_componentContext().ComponentContext.Provider,{value:component},children)}function ComponentDescriptorProvider({componentDescriptor,children}){return _react().default.createElement(_componentContext().ComponentDescriptorContext.Provider,{value:componentDescriptor},children)}},58431:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _componentContext().ComponentContext}}),Object.defineProperty(exports,"ComponentDescriptorContext",{enumerable:!0,get:function(){return _componentContext().ComponentDescriptorContext}}),Object.defineProperty(exports,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return _componentProvider().ComponentDescriptorProvider}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _componentProvider().ComponentProvider}}),Object.defineProperty(exports,"useComponentDescriptor",{enumerable:!0,get:function(){return _componentContext().useComponentDescriptor}});function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function _componentProvider(){const data=__webpack_require__(9994);return _componentProvider=function(){return data},data}},4744:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"COMPONENT_QUERY_LOG_FIELDS",{enumerable:!0,get:function(){return _useComponent2().COMPONENT_QUERY_LOG_FIELDS}}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menu().CollapsibleMenuNav}}),Object.defineProperty(exports,"Component",{enumerable:!0,get:function(){return _component().Component}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _context().ComponentContext}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _context().ComponentProvider}}),Object.defineProperty(exports,"ConsumeMethodSlot",{enumerable:!0,get:function(){return _menu().ConsumeMethodSlot}}),Object.defineProperty(exports,"GET_COMPONENT",{enumerable:!0,get:function(){return _useComponent2().GET_COMPONENT}}),Object.defineProperty(exports,"GET_COMPONENT_WITH_LOGS",{enumerable:!0,get:function(){return _useComponent2().GET_COMPONENT_WITH_LOGS}}),Object.defineProperty(exports,"MenuNavProps",{enumerable:!0,get:function(){return _menu().MenuNavProps}}),Object.defineProperty(exports,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _useComponent2().componentFields}}),Object.defineProperty(exports,"componentFieldsWithLogs",{enumerable:!0,get:function(){return _useComponent2().componentFieldsWithLogs}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _useComponent2().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _useComponent2().componentOverviewFields}}),Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _useComponent().useComponent}}),Object.defineProperty(exports,"useComponentLogs",{enumerable:!0,get:function(){return _useComponentLogs().useComponentLogs}}),Object.defineProperty(exports,"useComponentQuery",{enumerable:!0,get:function(){return _useComponentQuery().useComponentQuery}}),Object.defineProperty(exports,"useIdFromLocation",{enumerable:!0,get:function(){return _useComponentFromLocation().useIdFromLocation}});function _menu(){const data=__webpack_require__(70820);return _menu=function(){return data},data}function _component(){const data=__webpack_require__(34146);return _component=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _useComponent2(){const data=__webpack_require__(86851);return _useComponent2=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function _useComponentLogs(){const data=__webpack_require__(11129);return _useComponentLogs=function(){return data},data}},70820:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menuNav().CollapsibleMenuNav}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"MenuNavProps",{enumerable:!0,get:function(){return _menuNav().MenuNavProps}}),Object.defineProperty(exports,"RightSideMenuItem",{enumerable:!0,get:function(){return _menu().RightSideMenuItem}}),Object.defineProperty(exports,"RightSideMenuSlot",{enumerable:!0,get:function(){return _menu().RightSideMenuSlot}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}});function _menuNav(){const data=__webpack_require__(58072);return _menuNav=function(){return data},data}function _menu(){const data=__webpack_require__(23813);return _menu=function(){return data},data}},58072:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsibleMenuNav=CollapsibleMenuNav;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _designNavigation(){const data=__webpack_require__(8845);return _designNavigation=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(4195));return _menuModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}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:String(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)}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)}function TopBarNavComponent({isInMenu,menuItemProps}){const widgetDisplayText=menuItemProps?.displayName&&isInMenu?menuItemProps?.displayName:void 0;return _react().default.createElement(_topBarNav().TopBarNav,_extends({},menuItemProps,{className:(0,_classnames().default)(menuItemProps?.className,_menuModule().default.topBarNav,isInMenu&&_menuModule().default.noBorder)}),widgetDisplayText||menuItemProps?.children)}function CollapsibleMenuNav({navigationSlot,widgetSlot,navPlugins=[],widgetPlugins=[],className,secondaryNavClassName,activeTabIndex,alwaysShowActiveTab,children}){const plugins=(0,_react().useMemo)(()=>((navPlugins.length>0?navPlugins:navigationSlot?.toArray())||[]).sort(sortFn),[navigationSlot,navPlugins]),widgets=(0,_react().useMemo)(()=>((widgetPlugins.length>0?widgetPlugins:widgetSlot?.toArray())||[]).sort(sortFn),[widgetSlot,widgetPlugins]),links=[...plugins,...widgets].map(([,menuItem],index)=>{const lastPluginStyle=plugins.length-1===index?{marginRight:"auto"}:{},firstWidgetStyle=plugins.length===index?{marginLeft:"auto"}:{};return{component:TopBarNavComponent,tabProps:{menuItemProps:menuItem.props},style:_objectSpread(_objectSpread({},firstWidgetStyle),lastPluginStyle),className:menuItem.props.className}});return _react().default.createElement(_designNavigation().ResponsiveNavbar,{navClassName:(0,_classnames().default)(_menuModule().default.tab,className),secondaryNavClassName,style:{width:"100%",height:"100%"},priority:"none",tabs:links,defaultActiveIndex:activeTabIndex,alwaysShowActiveTab},children)}function sortFn([,{order:first}],[,{order:second}]){return(first??0)-(second??0)}},23813:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMenu=ComponentMenu,exports.VersionRelatedDropdowns=VersionRelatedDropdowns,exports.defaultLoadCurrentVersion=void 0,exports.defaultLoadVersions=defaultLoadVersions;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(40734);return _reactRouterDom=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _lodash(){const data=__webpack_require__(32699);return _lodash=function(){return data},data}function semver(){const data=_interopRequireWildcard(__webpack_require__(9131));return semver=function(){return data},data}function _componentUi(){const data=__webpack_require__(24636);return _componentUi=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(76285);return _uiFoundationUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _uiFoundationUiUseBox(){const data=__webpack_require__(87514);return _uiFoundationUiUseBox=function(){return data},data}function _lanesHooks(){const data=__webpack_require__(33461);return _lanesHooks=function(){return data},data}function _uiFoundationUiUseBox2(){const data=__webpack_require__(68094);return _uiFoundationUiUseBox2=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _menuNav(){const data=__webpack_require__(58072);return _menuNav=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(68211);return _=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(4195));return _menuModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}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:String(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)}function getComponentIdStr(componentIdStr){return(0,_lodash().isFunction)(componentIdStr)?componentIdStr():componentIdStr}function ComponentMenu({navigationSlot,widgetSlot,className,host,menuItemSlot,consumeMethodSlot,rightSideMenuSlot,componentIdStr,skipRightSide,RightNode,useComponent,path,useComponentFilters}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),componentIdStrWithScopeFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(void 0,!0),_componentIdStr=getComponentIdStr(componentIdStr),componentId=_componentIdStr?_().ComponentID.fromString(_componentIdStr):void 0,resolvedComponentIdStr=path||idFromLocation,mainMenuItems=(0,_react().useMemo)(()=>(0,_lodash().groupBy)((0,_lodash().flatten)(menuItemSlot.values()),"category"),[menuItemSlot]),rightSideItems=(0,_react().useMemo)(()=>(0,_lodash().orderBy)((0,_lodash().flatten)(rightSideMenuSlot.values()),"order"),[rightSideMenuSlot]),componentFilters=useComponentFilters?.()||{},useComponentVersions=defaultLoadVersions(host,componentId?.toString()||componentIdStrWithScopeFromLocation,componentFilters,useComponent),RightSide=_react().default.createElement("div",{className:_menuModule().default.rightSide},RightNode||_react().default.createElement(_react().default.Fragment,null,_react().default.createElement(VersionRelatedDropdowns,{host,consumeMethods:consumeMethodSlot,componentId:componentId?.toString()||idFromLocation,useComponent:useComponentVersions,componentFilters}),rightSideItems.map(({item})=>item),_react().default.createElement(_uiFoundationUi().MainDropdown,{className:_menuModule().default.hideOnMobile,menuItems:mainMenuItems})));return _react().default.createElement(_reactRouterDom().Routes,null,_react().default.createElement(_reactRouterDom().Route,{path:`${resolvedComponentIdStr}/*`,element:_react().default.createElement("div",{className:(0,_classnames().default)(_menuModule().default.topBar,className)},_react().default.createElement("div",{className:_menuModule().default.leftSide},_react().default.createElement(_menuNav().CollapsibleMenuNav,{navigationSlot,widgetSlot})),!skipRightSide&&_react().default.createElement("div",{className:_menuModule().default.rightSide},RightSide))}))}function defaultLoadVersions(host,componentId,componentFilters={},useComponent,loadingFromProps){return _react().default.useCallback(_props=>{const{skip,initialLoad}=_props||{},fetchOptions={logFilters:_objectSpread(_objectSpread({},componentFilters),{},{log:_objectSpread(_objectSpread({},componentFilters.log),{},{limit:initialLoad?3:void 0})}),skip:loadingFromProps||skip,customUseComponent:useComponent},{component,loading:loadingComponent,componentLogs={}}=(0,_useComponent().useComponent)(host,componentId,fetchOptions),logs=componentLogs?.logs,loading=_react().default.useMemo(()=>loadingComponent||loadingFromProps||componentLogs.loading,[loadingComponent,loadingFromProps,componentLogs.loading]),snaps=(0,_react().useMemo)(()=>(logs||[]).filter(log=>!log.tag).map(snap=>_objectSpread(_objectSpread({},snap),{},{version:snap.hash})),[logs]),tags=(0,_react().useMemo)(()=>{const tagLookup=new Map;return(logs||[]).filter(log=>log.tag).forEach(tag=>{tagLookup.set(tag?.tag,tag)}),(0,_lodash().compact)((component?.tags?.toArray()||[]).reverse().map(tag=>tagLookup.get(tag.version.version))).map(tag=>_objectSpread(_objectSpread({},tag),{},{version:tag.tag}))},[logs]);return{loading,id:component?.id,packageName:component?.packageName,latestVersion:component?.latest,currentVersion:component?.version,snaps,tags,buildStatus:component?.buildStatus}},[componentId,loadingFromProps,componentFilters])}const defaultLoadCurrentVersion=props=>_props=>{const{skip,version:_version}=_props||{},{snaps,tags,currentVersion,loading}=props.useComponent?.({skip,id:props.componentId})??{},version=_version??currentVersion;return _react().default.useMemo(()=>semver().valid(version),[loading,version])?_react().default.useMemo(()=>tags?.find(tag=>tag.tag===version),[loading,tags?.length,version]):_react().default.useMemo(()=>snaps?.find(snap=>snap.version===version),[loading,snaps?.length,version])};exports.defaultLoadCurrentVersion=defaultLoadCurrentVersion;function VersionRelatedDropdowns(props){const updatedPropsWithDefaults=_objectSpread(_objectSpread({},props),{},{useLanes:props.useLanes??_lanesHooks().useLanes,dropdownOptions:_objectSpread(_objectSpread({},props.dropdownOptions),{},{showVersionDetails:props?.dropdownOptions?.showVersionDetails??!0})}),loadVersion=defaultLoadCurrentVersion(updatedPropsWithDefaults),{useLanes,consumeMethods,className,dropdownOptions,host}=updatedPropsWithDefaults,{loading,id,tags,snaps,latest,packageName,currentVersion:_currentVersion}=props.useComponent?.({initialLoad:!0})||{},location=(0,_baseReactNavigation().useLocation)(),{lanesModel}=useLanes(),lanes=id?lanesModel?.getLanesByComponentId(id)?.filter(lane=>!lane.id.isDefault())||[]:[],viewedLane=lanesModel?.viewedLane?.id&&!lanesModel?.viewedLane?.id.isDefault()?lanesModel.viewedLane:void 0,isWorkspace=host==="teambit.workspace/workspace",isNew=tags?.length===0&&snaps?.length===0,localVersion=isWorkspace&&!isNew&&(!viewedLane||lanesModel?.isViewingCurrentLane()),currentVersion=isWorkspace&&!isNew&&!location?.search.includes("version")?"workspace":_currentVersion??"",consumeMethodProps=_react().default.useMemo(()=>id?{id,packageName:packageName??"",latest,options:{viewedLane,disableInstall:!packageName}}:void 0,[id,packageName,latest,viewedLane]),methods=useConsumeMethods(consumeMethods,consumeMethodProps),hasMethods=methods?.length>0;return _react().default.createElement(_react().default.Fragment,null,consumeMethods&&id&&hasMethods&&_react().default.createElement(_uiFoundationUiUseBox().UseBoxDropdown,{position:"bottom-end",className:(0,_classnames().default)(_menuModule().default.useBox,_menuModule().default.hideOnMobile),Menu:_react().default.createElement(_uiFoundationUiUseBox2().Menu,{methods,componentName:id.name})}),_react().default.createElement(_componentUi().VersionDropdown,{lanes,loading,useComponentVersions:props.useComponent,hasMoreVersions:!isNew,useCurrentVersionLog:loadVersion,localVersion,currentVersion,latestVersion:latest,currentLane:viewedLane,className,menuClassName:_menuModule().default.componentVersionMenu,getActiveTabIndex:dropdownOptions?.getActiveTabIndex,showVersionDetails:dropdownOptions?.showVersionDetails}))}function useConsumeMethods(consumeMethods,consumePluginProps){return(0,_react().useMemo)(()=>(0,_lodash().flatten)(consumeMethods?.values()).map(method=>{if(!!consumePluginProps)return method?.(consumePluginProps)}).filter(x=>!!x&&x.Component&&x.Title),[consumeMethods,consumePluginProps])}},82224:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _topBarNav=__webpack_require__(13264);Object.keys(_topBarNav).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_topBarNav[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _topBarNav[key]}})})},13264:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TopBarNav=TopBarNav;function _react(){const data=_interopRequireDefault(__webpack_require__(59496));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(40734);return _reactRouterDom=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _topBarNavModule(){const data=_interopRequireDefault(__webpack_require__(23201));return _topBarNavModule=function(){return data},data}const _excluded=["href","className","activeClassName","children","displayName","ignoreQueryParams"];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)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function TopBarNav(_ref){let{href,className,activeClassName,children,displayName,ignoreQueryParams}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{search}=(0,_reactRouterDom().useLocation)(),preventPassingDisplayNameToLink=displayName,target=href&&!ignoreQueryParams&&`${href}${search}`||href;return _react().default.createElement(_baseReactNavigation().Link,_extends({},rest,{className:(0,_classnames().default)(className,_topBarNavModule().default.topBarLink),activeClassName:(0,_classnames().default)(activeClassName,_topBarNavModule().default.active),href:target}),_react().default.createElement("div",null,children))}},39646:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIdFromLocation=useIdFromLocation;function _reactRouterDom(){const data=__webpack_require__(40734);return _reactRouterDom=function(){return data},data}const componentRegex=/^[\w/-]*[\w-]/;function useIdFromLocation(url,deriveScopeFromSearchParams){const params=(0,_reactRouterDom().useParams)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),scopeFromQueryParams=searchParams.get("scope")??void 0,splat=url||params["*"];if(!splat)return;const[maybeOrgWithScope,...maybeFullName]=splat.split("/"),hasScope=maybeOrgWithScope.split(".").length>1,fullNameFromUrl=hasScope?maybeFullName.join("/"):splat;let scope;hasScope&&(scope=maybeOrgWithScope),!hasScope&&deriveScopeFromSearchParams&&(scope=scopeFromQueryParams);const match=componentRegex.exec(fullNameFromUrl);if(!!match?.[0])return scope?`${scope}/${match[0]}`:match[0]}},11129:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentLogs=useComponentLogs,exports.useComponentLogsInit=useComponentLogsInit;function _react(){const data=__webpack_require__(59496);return _react=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(25338);return _uiFoundationUiHooks=function(){return data},data}function _useComponent(){const data=__webpack_require__(86851);return _useComponent=function(){return data},data}function _componentError(){const data=__webpack_require__(70145);return _componentError=function(){return data},data}function _useComponent2(){const data=__webpack_require__(12645);return _useComponent2=function(){return data},data}function _(){const data=__webpack_require__(68211);return _=function(){return data},data}function useComponentLogs(componentId,host,filters,skipFromProps){const{variables,skip}=useComponentLogsInit(componentId,host,filters,skipFromProps),{data,error,loading}=(0,_uiFoundationUiHooks().useDataQuery)(_useComponent().GET_COMPONENT_WITH_LOGS,{variables,skip,errorPolicy:"all"}),rawComponent=data?.getHost?.get,rawCompLogs=rawComponent?.logs,componentError=error&&!data?new(_componentError()).ComponentError(500,error.message):!rawComponent&&!loading&&new(_componentError()).ComponentError(404)||void 0,idDepKey=rawComponent?.id?`${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}`:void 0,id=(0,_react().useMemo)(()=>rawComponent?_().ComponentID.fromObject(rawComponent.id):void 0,[idDepKey]);return{loading,id,packageName:rawComponent?.packageName,latest:rawComponent?.latest,error:componentError,componentLogs:{logs:rawCompLogs,loading}}}function useComponentLogsInit(componentId,host,filters,skip){const{log}=filters||{},{head:logHead,offset:logOffset,sort:logSort,limit:logLimit,type:logType,takeHeadFromComponent:logTakeHeadFromComponent}=log||{},variables={id:componentId,extensionId:host,logOffset:(0,_useComponent2().getOffsetValue)(logOffset,logLimit),logLimit,logType,logHead,logSort,logTakeHeadFromComponent};return{logOffset,variables,skip}}},62589:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentQuery=useComponentQuery;function _react(){const data=__webpack_require__(59496);return _react=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(25338);return _uiFoundationUiHooks=function(){return data},data}function _componentId(){const data=__webpack_require__(99978);return _componentId=function(){return data},data}function _componentDescriptor(){const data=__webpack_require__(57984);return _componentDescriptor=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _useComponent(){const data=__webpack_require__(86851);return _useComponent=function(){return data},data}function _useComponentLogs(){const data=__webpack_require__(11129);return _useComponentLogs=function(){return data},data}function _componentError(){const data=__webpack_require__(70145);return _componentError=function(){return data},data}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}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:String(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)}function useComponentQuery(componentId,host,filters,skip){const idRef=(0,_react().useRef)(componentId);idRef.current=componentId;const variables={id:componentId,extensionId:host},{data,error,loading,subscribeToMore}=(0,_uiFoundationUiHooks().useDataQuery)(_useComponent().GET_COMPONENT,{variables,skip,errorPolicy:"all"}),{loading:loadingLogs,componentLogs:{logs}={}}=(0,_useComponentLogs().useComponentLogs)(componentId,host,filters,skip),rawComponent=data?.getHost?.get;(0,_react().useEffect)(()=>{if(host!=="teambit.workspace/workspace")return()=>{};const unsubAddition=subscribeToMore({document:_useComponent().SUB_SUBSCRIPTION_ADDED,updateQuery:(prev,{subscriptionData})=>{const prevComponent=prev?.getHost?.get,addedComponent=subscriptionData?.data?.componentAdded?.component;return!addedComponent||prevComponent?prev:idRef.current===addedComponent.id.name?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:addedComponent})}):prev}}),unsubChanges=subscribeToMore({document:_useComponent().SUB_COMPONENT_CHANGED,updateQuery:(prev,{subscriptionData})=>{if(!subscriptionData.data)return prev;const prevComponent=prev?.getHost?.get,updatedComponent=subscriptionData?.data?.componentChanged?.component;return updatedComponent&&_componentId().ComponentID.isEqualObj(prevComponent?.id,updatedComponent?.id)?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:updatedComponent})}):prev}}),unsubRemoval=subscribeToMore({document:_useComponent().SUB_COMPONENT_REMOVED,updateQuery:(prev,{subscriptionData})=>{if(!subscriptionData.data)return prev;const prevComponent=prev?.getHost?.get,removedIds=subscriptionData?.data?.componentRemoved?.componentIds;return!prevComponent||!removedIds?.length?prev:removedIds.some(removedId=>_componentId().ComponentID.isEqualObj(removedId,prevComponent.id))?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:null})}):prev}});return()=>{unsubChanges(),unsubAddition(),unsubRemoval()}},[]);const idDepKey=rawComponent?.id?`${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}`:void 0,id=(0,_react().useMemo)(()=>rawComponent?_componentId().ComponentID.fromObject(rawComponent.id):void 0,[idDepKey]),componentError=error&&!data?new(_componentError()).ComponentError(500,error.message):!rawComponent&&!loading&&new(_componentError()).ComponentError(404)||void 0,component=(0,_react().useMemo)(()=>rawComponent?_componentModel().ComponentModel.from(_objectSpread(_objectSpread({},rawComponent),{},{host,logs})):void 0,[id?.toString(),logs]),componentDescriptor=(0,_react().useMemo)(()=>{const aspectList={entries:rawComponent?.aspects.map(aspectObject=>_objectSpread(_objectSpread({},aspectObject),{},{aspectId:aspectObject.id,aspectData:aspectObject.data}))};return id?_componentDescriptor().ComponentDescriptor.fromObject({id:id.toString(),aspectList}):void 0},[id?.toString()]);return(0,_react().useMemo)(()=>({componentDescriptor,component,componentLogs:{loading:loadingLogs,logs},error:componentError||void 0,loading}),[host,component,componentDescriptor,componentError])}},86851:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentOverviewFields=exports.componentIdFields=exports.componentFieldsWithLogs=exports.componentFields=exports.SUB_SUBSCRIPTION_ADDED=exports.SUB_COMPONENT_REMOVED=exports.SUB_COMPONENT_CHANGED=exports.GET_COMPONENT_WITH_LOGS=exports.GET_COMPONENT=exports.COMPONENT_QUERY_LOG_FIELDS=void 0;function _client(){const data=__webpack_require__(97299);return _client=function(){return data},data}const componentIdFields=exports.componentIdFields=(0,_client().gql)`
+`;function useComponentHost(){const{data,loading}=(0,_uiFoundationUiHooks().useDataQuery)(COMPONENT_HOST);return!data||loading?{}:{host:_componentHostModel().ComponentHostModel.from(data)}}},68211:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AspectData",{enumerable:!0,get:function(){return _aspectEntry().AspectData}}),Object.defineProperty(exports,"AspectEntry",{enumerable:!0,get:function(){return _aspectEntry().AspectEntry}}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menu().CollapsibleMenuNav}}),Object.defineProperty(exports,"Component",{enumerable:!0,get:function(){return _component2().Component}}),Object.defineProperty(exports,"ComponentAspect",{enumerable:!0,get:function(){return _component().ComponentAspect}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _componentContext().ComponentContext}}),Object.defineProperty(exports,"ComponentDescriptorContext",{enumerable:!0,get:function(){return _componentContext().ComponentDescriptorContext}}),Object.defineProperty(exports,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return _context().ComponentDescriptorProvider}}),Object.defineProperty(exports,"ComponentFS",{enumerable:!0,get:function(){return _componentFs().default}}),Object.defineProperty(exports,"ComponentID",{enumerable:!0,get:function(){return _componentId().ComponentID}}),Object.defineProperty(exports,"ComponentLogsResult",{enumerable:!0,get:function(){return _ui().ComponentLogsResult}}),Object.defineProperty(exports,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _context().ComponentProvider}}),Object.defineProperty(exports,"Config",{enumerable:!0,get:function(){return _config().Config}}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _ui().Filters}}),Object.defineProperty(exports,"InvalidComponent",{enumerable:!0,get:function(){return _component2().InvalidComponent}}),Object.defineProperty(exports,"ResolveComponentIdFunc",{enumerable:!0,get:function(){return _aspectEntry().ResolveComponentIdFunc}}),Object.defineProperty(exports,"Snap",{enumerable:!0,get:function(){return _snap().Snap}}),Object.defineProperty(exports,"SnapProps",{enumerable:!0,get:function(){return _snap().SnapProps}}),Object.defineProperty(exports,"State",{enumerable:!0,get:function(){return _state().State}}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return _tag().Tag}}),Object.defineProperty(exports,"TagMap",{enumerable:!0,get:function(){return _tagMap().TagMap}}),Object.defineProperty(exports,"TagProps",{enumerable:!0,get:function(){return _tag().TagProps}}),Object.defineProperty(exports,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _ui().componentFields}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _ui().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _ui().componentOverviewFields}}),exports.default=void 0,Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _ui().useComponent}}),Object.defineProperty(exports,"useComponentDescriptor",{enumerable:!0,get:function(){return _componentContext().useComponentDescriptor}}),Object.defineProperty(exports,"useComponentHost",{enumerable:!0,get:function(){return _host().useComponentHost}}),Object.defineProperty(exports,"useComponentLogs",{enumerable:!0,get:function(){return _ui().useComponentLogs}}),Object.defineProperty(exports,"useIdFromLocation",{enumerable:!0,get:function(){return _ui().useIdFromLocation}});function _component(){const data=__webpack_require__(42259);return _component=function(){return data},data}function _host(){const data=__webpack_require__(23384);return _host=function(){return data},data}function _component2(){const data=__webpack_require__(60195);return _component2=function(){return data},data}function _componentId(){const data=__webpack_require__(99978);return _componentId=function(){return data},data}function _componentFs(){const data=_interopRequireDefault(__webpack_require__(11846));return _componentFs=function(){return data},data}function _aspectEntry(){const data=__webpack_require__(69301);return _aspectEntry=function(){return data},data}function _snap(){const data=__webpack_require__(8801);return _snap=function(){return data},data}function _tag(){const data=__webpack_require__(13801);return _tag=function(){return data},data}function _state(){const data=__webpack_require__(49784);return _state=function(){return data},data}function _tagMap(){const data=__webpack_require__(50310);return _tagMap=function(){return data},data}function _componentMap(){const data=__webpack_require__(12178);return _componentMap=function(){return data},data}function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _ui(){const data=__webpack_require__(4744);return _ui=function(){return data},data}function _menu(){const data=__webpack_require__(70820);return _menu=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _config(){const data=__webpack_require__(5075);return _config=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var _default=exports.default=_component().ComponentAspect},8801:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Snap=void 0;class Snap{constructor(hash,timestamp,parents,author,message){this.hash=hash,this.timestamp=timestamp,this.parents=parents,this.author=author,this.message=message}static fromObject(snapObject){const parents=snapObject.parents||[];return new Snap(snapObject.hash,new Date(parseInt(snapObject.timestamp)),parents,snapObject.author,snapObject.message)}toObject(){return{timestamp:this.timestamp.getTime().toString(),hash:this.hash,author:this.author,message:this.message,parents:this.parents}}}exports.Snap=Snap},49784:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.State=void 0;function _componentIssues(){const data=__webpack_require__(86853);return _componentIssues=function(){return data},data}function _componentId(){const data=__webpack_require__(99978);return _componentId=function(){return data},data}function _exceptions(){const data=__webpack_require__(54428);return _exceptions=function(){return data},data}class State{constructor(config,_aspects,filesystem,dependencies,_consumer){this.config=config,this._aspects=_aspects,this.filesystem=filesystem,this.dependencies=dependencies,this._consumer=_consumer}get mainFile(){const file=this.filesystem.files.find(componentFile=>componentFile.relative===this._consumer.mainFile);if(!file)throw new(_exceptions()).MainFileNotFound(_componentId().ComponentID.fromLegacy(this._consumer.id),this._consumer.mainFile);return file}get hash(){return""}get issues(){return this._consumer.issues||=new(_componentIssues()).IssuesList}get isModified(){return this._consumer._isModified}get aspects(){return this._aspects}set aspects(aspects){this._aspects=aspects}}exports.State=State},50310:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagMap=void 0;function _semverHelper(){const data=__webpack_require__(30755);return _semverHelper=function(){return data},data}function _semver(){const data=__webpack_require__(9131);return _semver=function(){return data},data}function _exceptions(){const data=__webpack_require__(54428);return _exceptions=function(){return data},data}class TagMap extends Map{byHash(hash){return Array.from(this.values()).find(currTag=>currTag.hash===hash)}getPreReleaseLatestTags(){const preReleaseTagsWithAllVersions=this.toArray().reduce((acc,current)=>{const preReleases=current.version.prerelease;return!preReleases.length||preReleases.length!==2||typeof preReleases[0]!="string"||(acc[preReleases[0]]||=[]).push(current.version.raw),acc},{});return Object.keys(preReleaseTagsWithAllVersions).reduce((acc,current)=>(acc[current]=(0,_semver().maxSatisfying)(preReleaseTagsWithAllVersions[current],"*",{includePrerelease:!0}),acc),{})}getHashMap(){const res=new Map;return this.forEach(tag=>{res.set(tag.hash,tag)}),res}getLatest(){const versions=this.toArray().map(tag=>tag.version.raw);if(this.isEmpty())throw new(_exceptions()).CouldNotFindLatest(versions);return(0,_semverHelper().getLatestVersion)(versions)}isEmpty(){return this.size===0}toArray(){return Array.from(this.values())}byVersion(version){return this.toArray().map(tag=>tag).find(tag=>tag.version.raw===version)}static fromArray(tags){const tuples=tags.map(tag=>[tag.version,tag]);return new TagMap(tuples)}static empty(){return new TagMap}}exports.TagMap=TagMap},47769:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return _tag().Tag}});function _tag(){const data=__webpack_require__(13801);return _tag=function(){return data},data}},13801:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tag=void 0;function _semver(){const data=__webpack_require__(9131);return _semver=function(){return data},data}class Tag{constructor(hash,version){this.hash=hash,this.version=version}toObject(){return{hash:this.hash,version:this.version.raw}}static fromObject(tag){return new Tag(tag.hash,new(_semver()).SemVer(tag.version))}}exports.Tag=Tag},6315:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentError=void 0;function _react(){const data=_interopRequireDefault(__webpack_require__(59496));return _react=function(){return data},data}function _designUiPages(){const data=__webpack_require__(42355);return _designUiPages=function(){return data},data}function _designUiPages2(){const data=__webpack_require__(70048);return _designUiPages2=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}class ComponentError{constructor(code,message){this.code=code,this.message=message}renderError(){return this.code===404?_react().default.createElement(_designUiPages().NotFoundPage,null):_react().default.createElement(_designUiPages2().ServerErrorPage,null)}}exports.ComponentError=ComponentError},70145:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentError",{enumerable:!0,get:function(){return _componentError().ComponentError}});function _componentError(){const data=__webpack_require__(6315);return _componentError=function(){return data},data}},46265:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentModel=void 0;function _compositions(){const data=__webpack_require__(32552);return _compositions=function(){return data},data}function _componentId(){const data=__webpack_require__(99978);return _componentId=function(){return data},data}function _tag(){const data=__webpack_require__(47769);return _tag=function(){return data},data}function _tagMap(){const data=__webpack_require__(50310);return _tagMap=function(){return data},data}class ComponentModel{constructor(id,displayName,packageName,server,compositions,tags,buildStatus,issuesCount,status,deprecation,environment,description="",labels=[],host,size,latest,preview,logs){this.id=id,this.displayName=displayName,this.packageName=packageName,this.server=server,this.compositions=compositions,this.tags=tags,this.buildStatus=buildStatus,this.issuesCount=issuesCount,this.status=status,this.deprecation=deprecation,this.environment=environment,this.description=description,this.labels=labels,this.host=host,this.size=size,this.latest=latest,this.preview=preview,this.logs=logs}get version(){return this.id.version?this.id.version:"new"}static from({id,server,displayName,compositions=[],packageName,tags=[],deprecation,buildStatus,env,status,issuesCount,description,labels,host,latest,preview,size,logs}){return new ComponentModel(_componentId().ComponentID.fromObject(id),displayName,packageName,server,_compositions().Composition.fromArray(compositions),_tagMap().TagMap.fromArray(tags.map(tag=>_tag().Tag.fromObject(tag))),buildStatus,issuesCount,status,deprecation,env,description,labels,host,size,latest,preview,logs?.map(log=>log??{hash:"[error]",tag:"[error]",message:"",parents:[]}))}static fromArray(componentsProps){return componentsProps.map(rawComponent=>ComponentModel.from(rawComponent))}static empty(){return new ComponentModel(_componentId().ComponentID.fromObject({name:"root",scope:"temp"}),"","",{env:"",url:""},[],_tagMap().TagMap.empty())}}exports.ComponentModel=ComponentModel},77237:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}});function _componentModel(){const data=__webpack_require__(46265);return _componentModel=function(){return data},data}},34146:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=Component;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(11549));return _lodash=function(){return data},data}function _uiFoundationUiReactRouter(){const data=__webpack_require__(24681);return _uiFoundationUiReactRouter=function(){return data},data}function _lodash2(){const data=__webpack_require__(32699);return _lodash2=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(68211);return _=function(){return data},data}function _componentModule(){const data=_interopRequireDefault(__webpack_require__(52076));return _componentModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}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:String(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)}function getComponentIdStr(componentIdStr){return(0,_lodash2().isFunction)(componentIdStr)?componentIdStr():componentIdStr}function Component({routeSlot,overriddenRoutes,containerSlot,host,onComponentChange,componentIdStr,useComponent,path,useComponentFilters}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),componentIdStrWithScopeFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(void 0,!0),_componentIdStr=getComponentIdStr(componentIdStr),componentId=_componentIdStr?_().ComponentID.fromString(_componentIdStr):void 0,resolvedComponentIdStr=path||idFromLocation,componentFiltersFromProps=useComponentFilters?.()||{},useComponentOptions={logFilters:_objectSpread(_objectSpread({},componentFiltersFromProps),componentFiltersFromProps.loading?{}:{log:_objectSpread({},componentFiltersFromProps.log)}),customUseComponent:useComponent},{component,componentDescriptor,error}=(0,_useComponent().useComponent)(host,componentId?.toString()||componentIdStrWithScopeFromLocation,useComponentOptions);(0,_react().useEffect)(()=>onComponentChange?.(component),[component]),(0,_react().useEffect)(()=>()=>onComponentChange?.(void 0),[]);const pageItems=(0,_react().useMemo)(()=>(0,_lodash().default)(containerSlot?.values()),[containerSlot]),before=(0,_react().useMemo)(()=>pageItems.filter(x=>x.type==="before").map(x=>x.content),[pageItems]),after=(0,_react().useMemo)(()=>pageItems.filter(x=>x.type==="after").map(x=>x.content),[pageItems]);return error?error?.renderError():component?_react().default.createElement(_context().ComponentDescriptorProvider,{componentDescriptor},_react().default.createElement(_context().ComponentProvider,{component},before,_react().default.createElement("div",{className:_componentModule().default.container},routeSlot&&_react().default.createElement(_uiFoundationUiReactRouter().SlotRouter,{parentPath:`${resolvedComponentIdStr}/*`,slot:routeSlot,routes:overriddenRoutes})),after)):_react().default.createElement("div",null)}},48841:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentDescriptor=exports.ComponentDescriptorContext=exports.ComponentContext=void 0;function _react(){const data=__webpack_require__(59496);return _react=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}const ComponentContext=exports.ComponentContext=(0,_react().createContext)(_componentModel().ComponentModel.empty()),ComponentDescriptorContext=exports.ComponentDescriptorContext=(0,_react().createContext)(void 0),useComponentDescriptor=()=>(0,_react().useContext)(ComponentDescriptorContext);exports.useComponentDescriptor=useComponentDescriptor},9994:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentDescriptorProvider=ComponentDescriptorProvider,exports.ComponentProvider=ComponentProvider;function _react(){const data=_interopRequireDefault(__webpack_require__(59496));return _react=function(){return data},data}function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ComponentProvider({component,children}){return _react().default.createElement(_componentContext().ComponentContext.Provider,{value:component},children)}function ComponentDescriptorProvider({componentDescriptor,children}){return _react().default.createElement(_componentContext().ComponentDescriptorContext.Provider,{value:componentDescriptor},children)}},58431:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _componentContext().ComponentContext}}),Object.defineProperty(exports,"ComponentDescriptorContext",{enumerable:!0,get:function(){return _componentContext().ComponentDescriptorContext}}),Object.defineProperty(exports,"ComponentDescriptorProvider",{enumerable:!0,get:function(){return _componentProvider().ComponentDescriptorProvider}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _componentProvider().ComponentProvider}}),Object.defineProperty(exports,"useComponentDescriptor",{enumerable:!0,get:function(){return _componentContext().useComponentDescriptor}});function _componentContext(){const data=__webpack_require__(48841);return _componentContext=function(){return data},data}function _componentProvider(){const data=__webpack_require__(9994);return _componentProvider=function(){return data},data}},4744:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"COMPONENT_QUERY_LOG_FIELDS",{enumerable:!0,get:function(){return _useComponent2().COMPONENT_QUERY_LOG_FIELDS}}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menu().CollapsibleMenuNav}}),Object.defineProperty(exports,"Component",{enumerable:!0,get:function(){return _component().Component}}),Object.defineProperty(exports,"ComponentContext",{enumerable:!0,get:function(){return _context().ComponentContext}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"ComponentModel",{enumerable:!0,get:function(){return _componentModel().ComponentModel}}),Object.defineProperty(exports,"ComponentModelProps",{enumerable:!0,get:function(){return _componentModel().ComponentModelProps}}),Object.defineProperty(exports,"ComponentProvider",{enumerable:!0,get:function(){return _context().ComponentProvider}}),Object.defineProperty(exports,"ConsumeMethodSlot",{enumerable:!0,get:function(){return _menu().ConsumeMethodSlot}}),Object.defineProperty(exports,"GET_COMPONENT",{enumerable:!0,get:function(){return _useComponent2().GET_COMPONENT}}),Object.defineProperty(exports,"GET_COMPONENT_WITH_LOGS",{enumerable:!0,get:function(){return _useComponent2().GET_COMPONENT_WITH_LOGS}}),Object.defineProperty(exports,"MenuNavProps",{enumerable:!0,get:function(){return _menu().MenuNavProps}}),Object.defineProperty(exports,"TopBarNav",{enumerable:!0,get:function(){return _topBarNav().TopBarNav}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}}),Object.defineProperty(exports,"componentFields",{enumerable:!0,get:function(){return _useComponent2().componentFields}}),Object.defineProperty(exports,"componentFieldsWithLogs",{enumerable:!0,get:function(){return _useComponent2().componentFieldsWithLogs}}),Object.defineProperty(exports,"componentIdFields",{enumerable:!0,get:function(){return _useComponent2().componentIdFields}}),Object.defineProperty(exports,"componentOverviewFields",{enumerable:!0,get:function(){return _useComponent2().componentOverviewFields}}),Object.defineProperty(exports,"useComponent",{enumerable:!0,get:function(){return _useComponent().useComponent}}),Object.defineProperty(exports,"useComponentLogs",{enumerable:!0,get:function(){return _useComponentLogs().useComponentLogs}}),Object.defineProperty(exports,"useComponentQuery",{enumerable:!0,get:function(){return _useComponentQuery().useComponentQuery}}),Object.defineProperty(exports,"useIdFromLocation",{enumerable:!0,get:function(){return _useComponentFromLocation().useIdFromLocation}});function _menu(){const data=__webpack_require__(70820);return _menu=function(){return data},data}function _component(){const data=__webpack_require__(34146);return _component=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _context(){const data=__webpack_require__(58431);return _context=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _useComponent2(){const data=__webpack_require__(86851);return _useComponent2=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function _useComponentLogs(){const data=__webpack_require__(11129);return _useComponentLogs=function(){return data},data}},70820:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CollapsibleMenuNav",{enumerable:!0,get:function(){return _menuNav().CollapsibleMenuNav}}),Object.defineProperty(exports,"ComponentMenu",{enumerable:!0,get:function(){return _menu().ComponentMenu}}),Object.defineProperty(exports,"MenuNavProps",{enumerable:!0,get:function(){return _menuNav().MenuNavProps}}),Object.defineProperty(exports,"RightSideMenuItem",{enumerable:!0,get:function(){return _menu().RightSideMenuItem}}),Object.defineProperty(exports,"RightSideMenuSlot",{enumerable:!0,get:function(){return _menu().RightSideMenuSlot}}),Object.defineProperty(exports,"VersionRelatedDropdowns",{enumerable:!0,get:function(){return _menu().VersionRelatedDropdowns}});function _menuNav(){const data=__webpack_require__(58072);return _menuNav=function(){return data},data}function _menu(){const data=__webpack_require__(23813);return _menu=function(){return data},data}},58072:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsibleMenuNav=CollapsibleMenuNav;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _designNavigation(){const data=__webpack_require__(8845);return _designNavigation=function(){return data},data}function _topBarNav(){const data=__webpack_require__(82224);return _topBarNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(4195));return _menuModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}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:String(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)}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)}function TopBarNavComponent({isInMenu,menuItemProps}){const widgetDisplayText=menuItemProps?.displayName&&isInMenu?menuItemProps?.displayName:void 0;return _react().default.createElement(_topBarNav().TopBarNav,_extends({},menuItemProps,{className:(0,_classnames().default)(menuItemProps?.className,_menuModule().default.topBarNav,isInMenu&&_menuModule().default.noBorder)}),widgetDisplayText||menuItemProps?.children)}function CollapsibleMenuNav({navigationSlot,widgetSlot,navPlugins=[],widgetPlugins=[],className,secondaryNavClassName,activeTabIndex,alwaysShowActiveTab,children}){const plugins=(0,_react().useMemo)(()=>((navPlugins.length>0?navPlugins:navigationSlot?.toArray())||[]).sort(sortFn),[navigationSlot,navPlugins]),widgets=(0,_react().useMemo)(()=>((widgetPlugins.length>0?widgetPlugins:widgetSlot?.toArray())||[]).sort(sortFn),[widgetSlot,widgetPlugins]),links=[...plugins,...widgets].map(([,menuItem],index)=>{const lastPluginStyle=plugins.length-1===index?{marginRight:"auto"}:{},firstWidgetStyle=plugins.length===index?{marginLeft:"auto"}:{};return{component:TopBarNavComponent,tabProps:{menuItemProps:menuItem.props},style:_objectSpread(_objectSpread({},firstWidgetStyle),lastPluginStyle),className:menuItem.props.className}});return _react().default.createElement(_designNavigation().ResponsiveNavbar,{navClassName:(0,_classnames().default)(_menuModule().default.tab,className),secondaryNavClassName,style:{width:"100%",height:"100%"},priority:"none",tabs:links,defaultActiveIndex:activeTabIndex,alwaysShowActiveTab},children)}function sortFn([,{order:first}],[,{order:second}]){return(first??0)-(second??0)}},23813:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMenu=ComponentMenu,exports.VersionRelatedDropdowns=VersionRelatedDropdowns,exports.defaultLoadCurrentVersion=void 0,exports.defaultLoadVersions=defaultLoadVersions;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(40734);return _reactRouterDom=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _lodash(){const data=__webpack_require__(32699);return _lodash=function(){return data},data}function semver(){const data=_interopRequireWildcard(__webpack_require__(9131));return semver=function(){return data},data}function _componentUi(){const data=__webpack_require__(24636);return _componentUi=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(76285);return _uiFoundationUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _uiFoundationUiUseBox(){const data=__webpack_require__(87514);return _uiFoundationUiUseBox=function(){return data},data}function _lanesHooks(){const data=__webpack_require__(33461);return _lanesHooks=function(){return data},data}function _uiFoundationUiUseBox2(){const data=__webpack_require__(68094);return _uiFoundationUiUseBox2=function(){return data},data}function _useComponent(){const data=__webpack_require__(21268);return _useComponent=function(){return data},data}function _menuNav(){const data=__webpack_require__(58072);return _menuNav=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(39646);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(68211);return _=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(4195));return _menuModule=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}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:String(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)}function getComponentIdStr(componentIdStr){return(0,_lodash().isFunction)(componentIdStr)?componentIdStr():componentIdStr}function ComponentMenu({navigationSlot,widgetSlot,className,host,menuItemSlot,consumeMethodSlot,rightSideMenuSlot,componentIdStr,skipRightSide,RightNode,useComponent,path,useComponentFilters}){const idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),componentIdStrWithScopeFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(void 0,!0),_componentIdStr=getComponentIdStr(componentIdStr),componentId=_componentIdStr?_().ComponentID.fromString(_componentIdStr):void 0,resolvedComponentIdStr=path||idFromLocation,mainMenuItems=(0,_react().useMemo)(()=>(0,_lodash().groupBy)((0,_lodash().flatten)(menuItemSlot.values()),"category"),[menuItemSlot]),rightSideItems=(0,_react().useMemo)(()=>(0,_lodash().orderBy)((0,_lodash().flatten)(rightSideMenuSlot.values()),"order"),[rightSideMenuSlot]),componentFilters=useComponentFilters?.()||{},useComponentVersions=defaultLoadVersions(host,componentId?.toString()||componentIdStrWithScopeFromLocation,componentFilters,useComponent),RightSide=_react().default.createElement("div",{className:_menuModule().default.rightSide},RightNode||_react().default.createElement(_react().default.Fragment,null,_react().default.createElement(VersionRelatedDropdowns,{host,consumeMethods:consumeMethodSlot,componentId:componentId?.toString()||idFromLocation,useComponent:useComponentVersions,componentFilters}),rightSideItems.map(({item})=>item),_react().default.createElement(_uiFoundationUi().MainDropdown,{className:_menuModule().default.hideOnMobile,menuItems:mainMenuItems})));return _react().default.createElement(_reactRouterDom().Routes,null,_react().default.createElement(_reactRouterDom().Route,{path:`${resolvedComponentIdStr}/*`,element:_react().default.createElement("div",{className:(0,_classnames().default)(_menuModule().default.topBar,className)},_react().default.createElement("div",{className:_menuModule().default.leftSide},_react().default.createElement(_menuNav().CollapsibleMenuNav,{navigationSlot,widgetSlot})),!skipRightSide&&_react().default.createElement("div",{className:_menuModule().default.rightSide},RightSide))}))}function defaultLoadVersions(host,componentId,componentFilters={},useComponent,loadingFromProps){return _react().default.useCallback(_props=>{const{skip,initialLoad}=_props||{},fetchOptions={logFilters:_objectSpread(_objectSpread({},componentFilters),{},{log:_objectSpread(_objectSpread({},componentFilters.log),{},{limit:initialLoad?3:void 0})}),skip:loadingFromProps||skip,customUseComponent:useComponent},{component,loading:loadingComponent,componentLogs={}}=(0,_useComponent().useComponent)(host,componentId,fetchOptions),logs=componentLogs?.logs,loading=_react().default.useMemo(()=>loadingComponent||loadingFromProps||componentLogs.loading,[loadingComponent,loadingFromProps,componentLogs.loading]),snaps=(0,_react().useMemo)(()=>(logs||[]).filter(log=>!log.tag).map(snap=>_objectSpread(_objectSpread({},snap),{},{version:snap.hash})),[logs]),tags=(0,_react().useMemo)(()=>{const tagLookup=new Map;return(logs||[]).filter(log=>log.tag).forEach(tag=>{tagLookup.set(tag?.tag,tag)}),(0,_lodash().compact)((component?.tags?.toArray()||[]).reverse().map(tag=>tagLookup.get(tag.version.version))).map(tag=>_objectSpread(_objectSpread({},tag),{},{version:tag.tag}))},[logs]);return{loading,id:component?.id,packageName:component?.packageName,latestVersion:component?.latest,currentVersion:component?.version,snaps,tags,buildStatus:component?.buildStatus}},[componentId,loadingFromProps,componentFilters])}const defaultLoadCurrentVersion=props=>_props=>{const{skip,version:_version}=_props||{},{snaps,tags,currentVersion,loading}=props.useComponent?.({skip,id:props.componentId})??{},version=_version??currentVersion;return _react().default.useMemo(()=>semver().valid(version),[loading,version])?_react().default.useMemo(()=>tags?.find(tag=>tag.tag===version),[loading,tags?.length,version]):_react().default.useMemo(()=>snaps?.find(snap=>snap.version===version),[loading,snaps?.length,version])};exports.defaultLoadCurrentVersion=defaultLoadCurrentVersion;function VersionRelatedDropdowns(props){const updatedPropsWithDefaults=_objectSpread(_objectSpread({},props),{},{useLanes:props.useLanes??_lanesHooks().useLanes,dropdownOptions:_objectSpread(_objectSpread({},props.dropdownOptions),{},{showVersionDetails:props?.dropdownOptions?.showVersionDetails??!0})}),loadVersion=defaultLoadCurrentVersion(updatedPropsWithDefaults),{useLanes,consumeMethods,className,dropdownOptions,host}=updatedPropsWithDefaults,{loading,id,tags,snaps,latest,packageName,currentVersion:_currentVersion}=props.useComponent?.({initialLoad:!0})||{},location=(0,_baseReactNavigation().useLocation)(),{lanesModel}=useLanes(),lanes=id?lanesModel?.getLanesByComponentId(id)?.filter(lane=>!lane.id.isDefault())||[]:[],viewedLane=lanesModel?.viewedLane?.id&&!lanesModel?.viewedLane?.id.isDefault()?lanesModel.viewedLane:void 0,isWorkspace=host==="teambit.workspace/workspace",isNew=tags?.length===0&&snaps?.length===0,localVersion=isWorkspace&&!isNew&&(!viewedLane||lanesModel?.isViewingCurrentLane()),currentVersion=isWorkspace&&!isNew&&!location?.search.includes("version")?"workspace":_currentVersion??"",consumeMethodProps=_react().default.useMemo(()=>id?{id,packageName:packageName??"",latest,options:{viewedLane,disableInstall:!packageName}}:void 0,[id,packageName,latest,viewedLane]),methods=useConsumeMethods(consumeMethods,consumeMethodProps),hasMethods=methods?.length>0;return _react().default.createElement(_react().default.Fragment,null,consumeMethods&&id&&hasMethods&&_react().default.createElement(_uiFoundationUiUseBox().UseBoxDropdown,{position:"bottom-end",className:(0,_classnames().default)(_menuModule().default.useBox,_menuModule().default.hideOnMobile),Menu:_react().default.createElement(_uiFoundationUiUseBox2().Menu,{methods,componentName:id.name})}),_react().default.createElement(_componentUi().VersionDropdown,{lanes,loading,useComponentVersions:props.useComponent,hasMoreVersions:!isNew,useCurrentVersionLog:loadVersion,localVersion,currentVersion,latestVersion:latest,currentLane:viewedLane,className,menuClassName:_menuModule().default.componentVersionMenu,getActiveTabIndex:dropdownOptions?.getActiveTabIndex,showVersionDetails:dropdownOptions?.showVersionDetails}))}function useConsumeMethods(consumeMethods,consumePluginProps){return(0,_react().useMemo)(()=>(0,_lodash().flatten)(consumeMethods?.values()).map(method=>{if(!!consumePluginProps)return method?.(consumePluginProps)}).filter(x=>!!x&&x.Component&&x.Title),[consumeMethods,consumePluginProps])}},82224:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _topBarNav=__webpack_require__(13264);Object.keys(_topBarNav).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_topBarNav[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _topBarNav[key]}})})},13264:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TopBarNav=TopBarNav;function _react(){const data=_interopRequireDefault(__webpack_require__(59496));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(40734);return _reactRouterDom=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _topBarNavModule(){const data=_interopRequireDefault(__webpack_require__(23201));return _topBarNavModule=function(){return data},data}const _excluded=["href","className","activeClassName","children","displayName","ignoreQueryParams"];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)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}const Link=_baseReactNavigation().Link;function TopBarNav(_ref){let{href,className,activeClassName,children,displayName,ignoreQueryParams}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{search}=(0,_reactRouterDom().useLocation)(),preventPassingDisplayNameToLink=displayName,target=href&&!ignoreQueryParams&&`${href}${search}`||href;return _react().default.createElement(Link,_extends({},rest,{className:(0,_classnames().default)(className,_topBarNavModule().default.topBarLink),activeClassName:(0,_classnames().default)(activeClassName,_topBarNavModule().default.active),href:target}),_react().default.createElement("div",null,children))}},39646:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIdFromLocation=useIdFromLocation;function _reactRouterDom(){const data=__webpack_require__(40734);return _reactRouterDom=function(){return data},data}const componentRegex=/^[\w/-]*[\w-]/;function useIdFromLocation(url,deriveScopeFromSearchParams){const params=(0,_reactRouterDom().useParams)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),scopeFromQueryParams=searchParams.get("scope")??void 0,splat=url||params["*"];if(!splat)return;const[maybeOrgWithScope,...maybeFullName]=splat.split("/"),hasScope=maybeOrgWithScope.split(".").length>1,fullNameFromUrl=hasScope?maybeFullName.join("/"):splat;let scope;hasScope&&(scope=maybeOrgWithScope),!hasScope&&deriveScopeFromSearchParams&&(scope=scopeFromQueryParams);const match=componentRegex.exec(fullNameFromUrl);if(!!match?.[0])return scope?`${scope}/${match[0]}`:match[0]}},11129:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentLogs=useComponentLogs,exports.useComponentLogsInit=useComponentLogsInit;function _react(){const data=__webpack_require__(59496);return _react=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(25338);return _uiFoundationUiHooks=function(){return data},data}function _useComponent(){const data=__webpack_require__(86851);return _useComponent=function(){return data},data}function _componentError(){const data=__webpack_require__(70145);return _componentError=function(){return data},data}function _useComponent2(){const data=__webpack_require__(12645);return _useComponent2=function(){return data},data}function _(){const data=__webpack_require__(68211);return _=function(){return data},data}function useComponentLogs(componentId,host,filters,skipFromProps){const{variables,skip}=useComponentLogsInit(componentId,host,filters,skipFromProps),{data,error,loading}=(0,_uiFoundationUiHooks().useDataQuery)(_useComponent().GET_COMPONENT_WITH_LOGS,{variables,skip,errorPolicy:"all"}),rawComponent=data?.getHost?.get,rawCompLogs=rawComponent?.logs,componentError=error&&!data?new(_componentError()).ComponentError(500,error.message):!rawComponent&&!loading&&new(_componentError()).ComponentError(404)||void 0,idDepKey=rawComponent?.id?`${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}`:void 0,id=(0,_react().useMemo)(()=>rawComponent?_().ComponentID.fromObject(rawComponent.id):void 0,[idDepKey]);return{loading,id,packageName:rawComponent?.packageName,latest:rawComponent?.latest,error:componentError,componentLogs:{logs:rawCompLogs,loading}}}function useComponentLogsInit(componentId,host,filters,skip){const{log}=filters||{},{head:logHead,offset:logOffset,sort:logSort,limit:logLimit,type:logType,takeHeadFromComponent:logTakeHeadFromComponent}=log||{},variables={id:componentId,extensionId:host,logOffset:(0,_useComponent2().getOffsetValue)(logOffset,logLimit),logLimit,logType,logHead,logSort,logTakeHeadFromComponent};return{logOffset,variables,skip}}},62589:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentQuery=useComponentQuery;function _react(){const data=__webpack_require__(59496);return _react=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(25338);return _uiFoundationUiHooks=function(){return data},data}function _componentId(){const data=__webpack_require__(99978);return _componentId=function(){return data},data}function _componentDescriptor(){const data=__webpack_require__(57984);return _componentDescriptor=function(){return data},data}function _componentModel(){const data=__webpack_require__(77237);return _componentModel=function(){return data},data}function _useComponent(){const data=__webpack_require__(86851);return _useComponent=function(){return data},data}function _useComponentLogs(){const data=__webpack_require__(11129);return _useComponentLogs=function(){return data},data}function _componentError(){const data=__webpack_require__(70145);return _componentError=function(){return data},data}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}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:String(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)}function useComponentQuery(componentId,host,filters,skip){const idRef=(0,_react().useRef)(componentId);idRef.current=componentId;const variables={id:componentId,extensionId:host},{data,error,loading,subscribeToMore}=(0,_uiFoundationUiHooks().useDataQuery)(_useComponent().GET_COMPONENT,{variables,skip,errorPolicy:"all"}),{loading:loadingLogs,componentLogs:{logs}={}}=(0,_useComponentLogs().useComponentLogs)(componentId,host,filters,skip),rawComponent=data?.getHost?.get;(0,_react().useEffect)(()=>{if(host!=="teambit.workspace/workspace")return()=>{};const unsubAddition=subscribeToMore({document:_useComponent().SUB_SUBSCRIPTION_ADDED,updateQuery:(prev,{subscriptionData})=>{const prevComponent=prev?.getHost?.get,addedComponent=subscriptionData?.data?.componentAdded?.component;return!addedComponent||prevComponent?prev:idRef.current===addedComponent.id.name?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:addedComponent})}):prev}}),unsubChanges=subscribeToMore({document:_useComponent().SUB_COMPONENT_CHANGED,updateQuery:(prev,{subscriptionData})=>{if(!subscriptionData.data)return prev;const prevComponent=prev?.getHost?.get,updatedComponent=subscriptionData?.data?.componentChanged?.component;return updatedComponent&&_componentId().ComponentID.isEqualObj(prevComponent?.id,updatedComponent?.id)?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:updatedComponent})}):prev}}),unsubRemoval=subscribeToMore({document:_useComponent().SUB_COMPONENT_REMOVED,updateQuery:(prev,{subscriptionData})=>{if(!subscriptionData.data)return prev;const prevComponent=prev?.getHost?.get,removedIds=subscriptionData?.data?.componentRemoved?.componentIds;return!prevComponent||!removedIds?.length?prev:removedIds.some(removedId=>_componentId().ComponentID.isEqualObj(removedId,prevComponent.id))?_objectSpread(_objectSpread({},prev),{},{getHost:_objectSpread(_objectSpread({},prev.getHost),{},{get:null})}):prev}});return()=>{unsubChanges(),unsubAddition(),unsubRemoval()}},[]);const idDepKey=rawComponent?.id?`${rawComponent?.id?.scope}/${rawComponent?.id?.name}@${rawComponent?.id?.version}}`:void 0,id=(0,_react().useMemo)(()=>rawComponent?_componentId().ComponentID.fromObject(rawComponent.id):void 0,[idDepKey]),componentError=error&&!data?new(_componentError()).ComponentError(500,error.message):!rawComponent&&!loading&&new(_componentError()).ComponentError(404)||void 0,component=(0,_react().useMemo)(()=>rawComponent?_componentModel().ComponentModel.from(_objectSpread(_objectSpread({},rawComponent),{},{host,logs})):void 0,[id?.toString(),logs]),componentDescriptor=(0,_react().useMemo)(()=>{const aspectList={entries:rawComponent?.aspects.map(aspectObject=>_objectSpread(_objectSpread({},aspectObject),{},{aspectId:aspectObject.id,aspectData:aspectObject.data}))};return id?_componentDescriptor().ComponentDescriptor.fromObject({id:id.toString(),aspectList}):void 0},[id?.toString()]);return(0,_react().useMemo)(()=>({componentDescriptor,component,componentLogs:{loading:loadingLogs,logs},error:componentError||void 0,loading}),[host,component,componentDescriptor,componentError])}},86851:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentOverviewFields=exports.componentIdFields=exports.componentFieldsWithLogs=exports.componentFields=exports.SUB_SUBSCRIPTION_ADDED=exports.SUB_COMPONENT_REMOVED=exports.SUB_COMPONENT_CHANGED=exports.GET_COMPONENT_WITH_LOGS=exports.GET_COMPONENT=exports.COMPONENT_QUERY_LOG_FIELDS=void 0;function _client(){const data=__webpack_require__(97299);return _client=function(){return data},data}const componentIdFields=exports.componentIdFields=(0,_client().gql)`
   fragment componentIdFields on ComponentID {
     name
     version
@@ -844,7 +844,7 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
     }
   }
   ${componentIdFields}
-`},21268:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _useComponent().Filters}}),Object.defineProperty(exports,"UseComponentType",{enumerable:!0,get:function(){return _useComponent().UseComponentType}}),exports.useComponent=useComponent;function _uiFoundationUiReactRouter(){const data=__webpack_require__(44514);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(48166);return _useComponent=function(){return data},data}function useComponent(host,id,options){const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent,skip}=options||{},componentVersion=(version||query.get("version"))??void 0,componentIdStr=id&&withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr||"",host,logFilters,skip||!id)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},48166:()=>{"use strict"},12645:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOffsetValue=getOffsetValue;function getOffsetValue(offset,limit,backwards=!1){if(offset!==void 0)return backwards?-(offset+limit):offset;if(limit!==void 0)return 0}},25408: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.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;const react_1=__importDefault(__webpack_require__(59496)),base_ui_loaders_skeleton_1=__webpack_require__(16623),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(73941));function CompositionCardSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.compositionCardSkeleton},react_1.default.createElement(PreviewSkeleton,null),react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.bottom},react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"104px"})))}exports.CompositionCardSkeleton=CompositionCardSkeleton;function PreviewSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.preview},react_1.default.createElement(base_ui_loaders_skeleton_1.BlockSkeleton,{lines:2,className:composition_card_skeleton_module_scss_1.default.block}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"208px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"152px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"88px"}))}exports.PreviewSkeleton=PreviewSkeleton},78647:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;var composition_card_skeleton_1=__webpack_require__(25408);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}}),Object.defineProperty(exports,"PreviewSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.PreviewSkeleton}})},94075: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.CompositionCard=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),evangelist_elements_icon_1=__webpack_require__(6281),compositions_1=__webpack_require__(32552),design_ui_styles_ellipsis_1=__webpack_require__(25747),composition_card_module_scss_1=__importDefault(__webpack_require__(73441));exports.CompositionCard=react_1.default.memo(_CompositionCard);function _CompositionCard(_a){var{composition,component,className,openCompositionLink,previewClass}=_a,rest=__rest(_a,["composition","component","className","openCompositionLink","previewClass"]);const Composition=react_1.default.useMemo(()=>react_1.default.createElement(compositions_1.ComponentComposition,{className:previewClass,includeEnv:!1,loading:"lazy",composition,component,viewport:1280,scrolling:"no",previewName:"compositions"}),[composition.identifier,component.id.toString(),previewClass]);return react_1.default.createElement("div",Object.assign({},rest,{key:composition.identifier,className:(0,classnames_1.default)(composition_card_module_scss_1.default.compositionCard,className)}),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.compositionPreview},Composition),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.bottom},react_1.default.createElement("span",{className:(0,classnames_1.default)(design_ui_styles_ellipsis_1.ellipsis,composition_card_module_scss_1.default.displayName)},composition.displayName),openCompositionLink&&react_1.default.createElement("a",{className:composition_card_module_scss_1.default.link,target:"_blank",rel:"noopener noreferrer",href:openCompositionLink},react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:composition_card_module_scss_1.default.icon,of:"open-tab"}))))}},75797:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(94075);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}});var composition_card_skeleton_1=__webpack_require__(78647);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}})},4405: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.humanizeCompositionId=void 0;const humanize_string_1=__importDefault(__webpack_require__(28583));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}exports.humanizeCompositionId=humanizeCompositionId},91888:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(4405);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},94659: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.CompositionGallerySkeleton=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),base_ui_loaders_skeleton_1=__webpack_require__(16623),composition_card_1=__webpack_require__(75797),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(74391));function CompositionGallerySkeleton(_a){var{compositionsLength,className}=_a,rest=__rest(_a,["compositionsLength","className"]);const length=Array.from(Array(compositionsLength));return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGallerySkeleton,className)}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"100px",className:composition_gallery_skeleton_module_scss_1.default.title}),react_1.default.createElement("div",{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGalleryGrid)},length.map((_,index)=>react_1.default.createElement(composition_card_1.CompositionCardSkeleton,{key:`comp-card-skeleton-${index}`}))))}exports.CompositionGallerySkeleton=CompositionGallerySkeleton},67343:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=void 0;var composition_gallery_skeleton_1=__webpack_require__(94659);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},94478: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.CompositionGallery=void 0;const react_1=__importDefault(__webpack_require__(59496)),design_elements_icon_1=__webpack_require__(79060),documenter_ui_linked_heading_1=__webpack_require__(24259),base_react_navigation_link_1=__webpack_require__(97667),composition_card_1=__webpack_require__(75797),composition_gallery_module_scss_1=__importDefault(__webpack_require__(39811));function CompositionGallery({component}){const navigate=(0,base_react_navigation_link_1.useNavigate)();return component.compositions.length>0?react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.compositionGallery},react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,{size:"sm",className:composition_gallery_module_scss_1.default.title},react_1.default.createElement(design_elements_icon_1.Icon,{of:"eye"})," ",react_1.default.createElement("span",null,"PREVIEW")),react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.carousel},component.compositions.map(composition=>react_1.default.createElement(composition_card_1.CompositionCard,{key:composition.identifier.toLowerCase(),onClick:()=>navigate(`~compositions/${composition.identifier.toLowerCase()}`),className:composition_gallery_module_scss_1.default.compositionGalleryCard,previewClass:composition_gallery_module_scss_1.default.preview,composition,component})))):null}exports.CompositionGallery=CompositionGallery},10726:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=exports.CompositionGallery=void 0;var composition_gallery_1=__webpack_require__(94478);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(67343);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},39708:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(91888);return _compositionsModel=function(){return data},data}class Composition{constructor(identifier,filepath,_displayName){this.identifier=identifier,this.filepath=filepath,this._displayName=_displayName}get displayName(){return this._displayName||(0,_compositionsModel().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(compositions){return compositions.map(composition=>new Composition(composition.identifier,composition.filepath,composition.displayName))}}exports.Composition=Composition},82704:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionContent=CompositionContent,exports.Compositions=Compositions;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(40734);return _reactRouterDom=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(40733));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(42546));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(55516);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(18666);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(51088);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(68211);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(41823);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(52515);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(82718);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(32098);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(33198);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(84214);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(66564);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(54565);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(13359);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(10732);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(77522);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(60978);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(37340);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(11852);return _designUiSurfaces=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(14026));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(14427);return _compositionsPanel=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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}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)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function Compositions({menuBarWidgets,emptyState}){const component=(0,_react().useContext)(_component().ComponentContext),[searchParams]=(0,_reactRouterDom().useSearchParams)(),params=(0,_reactRouterDom().useParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),location=(0,_baseReactNavigation().useLocation)(),currentCompositionName=params["*"],currentComposition=component.compositions.find(composition=>composition.identifier.toLowerCase()===currentCompositionName)||(0,_lodash().default)(component.compositions),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition;const properties=(0,_docsUiQueries().useDocs)(component.id),showSidebar=!(0,_uiFoundationUiHooks().useIsMobile)()&&component.compositions.length>0,[isSidebarOpen,setSidebarOpenness]=(0,_react().useState)(showSidebar),sidebarOpenness=isSidebarOpen?_baseUiSurfacesSplitPane().Layout.row:_baseUiSurfacesSplitPane().Layout.left,compositionUrl=(0,_previewUi().toPreviewUrl)(component,"compositions"),isScaling=component?.preview?.isScaling,includesEnvTemplates=component?.preview?.includesEnvTemplate,useNameParam=component?.preview?.useNameParam,compositionIdentifierParam=useNameParam||isScaling&&includesEnvTemplates===!1?`name=${currentComposition?.identifier}`:currentComposition?.identifier,currentCompositionFullUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",compositionIdentifierParam),[compositionParams,setCompositionParams]=(0,_react().useState)({fullscreen:!0}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]);return(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),_react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"85%",className:_compositionsModule().default.compositionsPage},_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.left},_react().default.createElement(_compositionsUi().CompositionsMenuBar,{menuBarWidgets,className:_compositionsModule().default.menuBar},_react().default.createElement(_baseReactNavigation().Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.openInNewTab},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"}))),_react().default.createElement(CompositionContent,{className:_compositionsModule().default.compositionPanel,emptyState,component,selected:currentComposition,queryParams})),_react().default.createElement(_baseUiSurfacesSplitPane2().HoverSplitter,{className:_compositionsModule().default.splitter},_react().default.createElement(_uiFoundationUiButtons().Collapser,{placement:"left",isOpen:isSidebarOpen,onMouseDown:e=>e.stopPropagation(),onClick:()=>setSidebarOpenness(x=>!x),tooltipContent:`${isSidebarOpen?"Hide":"Show"} side compositions`,className:_compositionsModule().default.collapser})),_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.right},_react().default.createElement(_documenterTheme().ThemeContext,null,_react().default.createElement(_panels().TabContainer,{className:_compositionsModule().default.tabsContainer},_react().default.createElement(_panels().TabList,{className:_compositionsModule().default.tabs},_react().default.createElement(_panels().Tab,null,"compositions"),_react().default.createElement(_panels().Tab,null,"properties")),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},_react().default.createElement(_compositionsPanel().CompositionsPanel,{isScaling,useNameParam,includesEnvTemplate:component.preview?.includesEnvTemplate,onSelectComposition:composition=>{if(!currentComposition||!location)return;const selectedCompositionFromUrl=params["*"],pathSegments=location.pathname.split("/").filter(x=>x);selectedCompositionFromUrl?pathSegments[pathSegments.length-1]=composition.identifier.toLowerCase():pathSegments.push(composition.identifier.toLowerCase());const urlParams=new URLSearchParams;versionFromQueryParams&&urlParams.set("version",versionFromQueryParams);const newPath=pathSegments.join("/");navigate(`/${newPath}?${urlParams.toString()}`)},url:compositionUrl,compositions:component.compositions,active:currentComposition})),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},properties&&properties.length>0?_react().default.createElement(_documenterUi().PropTable,{rows:properties,showListView:!0}):_react().default.createElement("div",null)))))))}function CompositionContent(_ref){let{component,selected,queryParams,emptyState}=_ref,componentCompositionProps=_objectWithoutProperties(_ref,_excluded);const env=component.environment?.id,EmptyStateTemplate=emptyState?.get(env||"");return component.compositions.length===0&&component.host==="teambit.workspace/workspace"&&EmptyStateTemplate?_react().default.createElement("div",{className:_compositionsModule().default.noCompositionsPage},_react().default.createElement("div",null,_react().default.createElement(_documenterUi2().H1,{className:_compositionsModule().default.title},"Compositions"),_react().default.createElement(_designUi2().Separator,{isPresentational:!0,className:_compositionsModule().default.separator}),_react().default.createElement(_designUi3().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},_react().default.createElement(_mdxUi().MDXLayout,null,_react().default.createElement(EmptyStateTemplate,null))))):component?.buildStatus==="pending"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):component?.buildStatus==="failed"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):component.compositions.length===0?_react().default.createElement(_designUi().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,_extends({className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams},componentCompositionProps))}},32552:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _ui().ComponentComposition}}),Object.defineProperty(exports,"Composition",{enumerable:!0,get:function(){return _composition().Composition}}),Object.defineProperty(exports,"CompositionContent",{enumerable:!0,get:function(){return _compositions2().CompositionContent}}),Object.defineProperty(exports,"CompositionsAspect",{enumerable:!0,get:function(){return _compositions().CompositionsAspect}}),exports.default=void 0;function _compositions(){const data=__webpack_require__(36717);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(39708);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(82704);return _compositions2=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},23700:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}const _excluded=["composition","component","queryParams"];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"&&Object.prototype.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}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)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const includesEnvTemplate=component.preview?.includesEnvTemplate,isScaling=component.preview?.isScaling,shouldAddNameParam=component.preview?.useNameParam||isScaling&&includesEnvTemplate===!1,compositionParams=(0,_react().useMemo)(()=>(composition?[shouldAddNameParam?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams),[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,_extends({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams}))}},14427:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(6281);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(40734);return _reactRouterDom=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(43492);return _uiFoundationUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(77416));return _compositionsPanelModule=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","active","includesEnvTemplate","useNameParam","className"];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"&&Object.prototype.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}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)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,active,includesEnvTemplate,useNameParam,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const shouldAddNameParam=useNameParam||isScaling&&includesEnvTemplate===!1,handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected)},[onSelect]),location=(0,_baseReactNavigation().useLocation)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),onCompositionCodeClicked=(0,_react().useCallback)(composition=>e=>{e.preventDefault();const queryParams=new URLSearchParams;versionFromQueryParams&&queryParams.set("version",versionFromQueryParams);const basePath=location?.pathname.split("/~compositions")[0];navigate(`${basePath}/~code/${composition.filepath}?${queryParams.toString()}#search=${composition.identifier}`)},[location?.pathname,versionFromQueryParams]);return _react().default.createElement("ul",_extends({},rest,{className:(0,_classnames().default)(className)}),compositions.map(composition=>{const href=shouldAddNameParam?`${url}&name=${composition.identifier}`:`${url}&${composition.identifier}`;return _react().default.createElement("li",{key:composition.identifier,className:(0,_classnames().default)(_compositionsPanelModule().default.linkWrapper,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.box}),_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.right},_react().default.createElement(_uiFoundationUi().MenuWidgetIcon,{className:_compositionsPanelModule().default.codeLink,icon:"Code",tooltipContent:"Code",onClick:onCompositionCodeClicked(composition)}),_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{className:_compositionsPanelModule().default.icon,of:"open-tab"}))))}))}},29066:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _compositionPreview().ComponentComposition}});function _compositionPreview(){const data=__webpack_require__(23700);return _compositionPreview=function(){return data},data}},7122:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDocs=exports.docsFields=void 0;const client_1=__webpack_require__(97299);exports.docsFields=(0,client_1.gql)`
+`},21268:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _useComponent().Filters}}),Object.defineProperty(exports,"UseComponentType",{enumerable:!0,get:function(){return _useComponent().UseComponentType}}),exports.useComponent=useComponent;function _uiFoundationUiReactRouter(){const data=__webpack_require__(44514);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(48166);return _useComponent=function(){return data},data}function useComponent(host,id,options){const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent,skip}=options||{},componentVersion=(version||query.get("version"))??void 0,componentIdStr=id&&withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr||"",host,logFilters,skip||!id)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},48166:()=>{"use strict"},12645:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOffsetValue=getOffsetValue;function getOffsetValue(offset,limit,backwards=!1){if(offset!==void 0)return backwards?-(offset+limit):offset;if(limit!==void 0)return 0}},25408: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.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;const react_1=__importDefault(__webpack_require__(59496)),base_ui_loaders_skeleton_1=__webpack_require__(16623),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(73941));function CompositionCardSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.compositionCardSkeleton},react_1.default.createElement(PreviewSkeleton,null),react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.bottom},react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"104px"})))}exports.CompositionCardSkeleton=CompositionCardSkeleton;function PreviewSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.preview},react_1.default.createElement(base_ui_loaders_skeleton_1.BlockSkeleton,{lines:2,className:composition_card_skeleton_module_scss_1.default.block}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"208px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"152px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"88px"}))}exports.PreviewSkeleton=PreviewSkeleton},78647:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;var composition_card_skeleton_1=__webpack_require__(25408);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}}),Object.defineProperty(exports,"PreviewSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.PreviewSkeleton}})},94075: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.CompositionCard=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),evangelist_elements_icon_1=__webpack_require__(6281),compositions_1=__webpack_require__(32552),design_ui_styles_ellipsis_1=__webpack_require__(25747),composition_card_module_scss_1=__importDefault(__webpack_require__(73441));exports.CompositionCard=react_1.default.memo(_CompositionCard);function _CompositionCard(_a){var{composition,component,className,openCompositionLink,previewClass}=_a,rest=__rest(_a,["composition","component","className","openCompositionLink","previewClass"]);const Composition=react_1.default.useMemo(()=>react_1.default.createElement(compositions_1.ComponentComposition,{className:previewClass,includeEnv:!1,loading:"lazy",composition,component,viewport:1280,scrolling:"no",previewName:"compositions"}),[composition.identifier,component.id.toString(),previewClass]);return react_1.default.createElement("div",Object.assign({},rest,{key:composition.identifier,className:(0,classnames_1.default)(composition_card_module_scss_1.default.compositionCard,className)}),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.compositionPreview},Composition),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.bottom},react_1.default.createElement("span",{className:(0,classnames_1.default)(design_ui_styles_ellipsis_1.ellipsis,composition_card_module_scss_1.default.displayName)},composition.displayName),openCompositionLink&&react_1.default.createElement("a",{className:composition_card_module_scss_1.default.link,target:"_blank",rel:"noopener noreferrer",href:openCompositionLink},react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:composition_card_module_scss_1.default.icon,of:"open-tab"}))))}},75797:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(94075);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}});var composition_card_skeleton_1=__webpack_require__(78647);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}})},4405: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.humanizeCompositionId=void 0;const humanize_string_1=__importDefault(__webpack_require__(28583));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}exports.humanizeCompositionId=humanizeCompositionId},91888:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(4405);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},94659: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.CompositionGallerySkeleton=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),base_ui_loaders_skeleton_1=__webpack_require__(16623),composition_card_1=__webpack_require__(75797),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(74391));function CompositionGallerySkeleton(_a){var{compositionsLength,className}=_a,rest=__rest(_a,["compositionsLength","className"]);const length=Array.from(Array(compositionsLength));return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGallerySkeleton,className)}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"100px",className:composition_gallery_skeleton_module_scss_1.default.title}),react_1.default.createElement("div",{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGalleryGrid)},length.map((_,index)=>react_1.default.createElement(composition_card_1.CompositionCardSkeleton,{key:`comp-card-skeleton-${index}`}))))}exports.CompositionGallerySkeleton=CompositionGallerySkeleton},67343:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=void 0;var composition_gallery_skeleton_1=__webpack_require__(94659);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},94478: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.CompositionGallery=void 0;const react_1=__importDefault(__webpack_require__(59496)),design_elements_icon_1=__webpack_require__(79060),documenter_ui_linked_heading_1=__webpack_require__(24259),base_react_navigation_link_1=__webpack_require__(97667),composition_card_1=__webpack_require__(75797),composition_gallery_module_scss_1=__importDefault(__webpack_require__(39811));function CompositionGallery({component}){const navigate=(0,base_react_navigation_link_1.useNavigate)();return component.compositions.length>0?react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.compositionGallery},react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,{size:"sm",className:composition_gallery_module_scss_1.default.title},react_1.default.createElement(design_elements_icon_1.Icon,{of:"eye"})," ",react_1.default.createElement("span",null,"PREVIEW")),react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.carousel},component.compositions.map(composition=>react_1.default.createElement(composition_card_1.CompositionCard,{key:composition.identifier.toLowerCase(),onClick:()=>navigate(`~compositions/${composition.identifier.toLowerCase()}`),className:composition_gallery_module_scss_1.default.compositionGalleryCard,previewClass:composition_gallery_module_scss_1.default.preview,composition,component})))):null}exports.CompositionGallery=CompositionGallery},10726:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=exports.CompositionGallery=void 0;var composition_gallery_1=__webpack_require__(94478);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(67343);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},39708:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(91888);return _compositionsModel=function(){return data},data}class Composition{constructor(identifier,filepath,_displayName){this.identifier=identifier,this.filepath=filepath,this._displayName=_displayName}get displayName(){return this._displayName||(0,_compositionsModel().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(compositions){return compositions.map(composition=>new Composition(composition.identifier,composition.filepath,composition.displayName))}}exports.Composition=Composition},82704:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionContent=CompositionContent,exports.Compositions=Compositions;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(40734);return _reactRouterDom=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(40733));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(42546));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(55516);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(18666);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(51088);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(68211);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(41823);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(52515);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(82718);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(32098);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(33198);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(84214);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(66564);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(54565);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(13359);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(10732);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(77522);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(60978);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(37340);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(11852);return _designUiSurfaces=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(14026));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(14427);return _compositionsPanel=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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"&&Object.prototype.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}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)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}const Link=_baseReactNavigation().Link;function Compositions({menuBarWidgets,emptyState}){const component=(0,_react().useContext)(_component().ComponentContext),[searchParams]=(0,_reactRouterDom().useSearchParams)(),params=(0,_reactRouterDom().useParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),location=(0,_baseReactNavigation().useLocation)(),currentCompositionName=params["*"],currentComposition=component.compositions.find(composition=>composition.identifier.toLowerCase()===currentCompositionName)||(0,_lodash().default)(component.compositions),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition;const properties=(0,_docsUiQueries().useDocs)(component.id),showSidebar=!(0,_uiFoundationUiHooks().useIsMobile)()&&component.compositions.length>0,[isSidebarOpen,setSidebarOpenness]=(0,_react().useState)(showSidebar),sidebarOpenness=isSidebarOpen?_baseUiSurfacesSplitPane().Layout.row:_baseUiSurfacesSplitPane().Layout.left,compositionUrl=(0,_previewUi().toPreviewUrl)(component,"compositions"),isScaling=component?.preview?.isScaling,includesEnvTemplates=component?.preview?.includesEnvTemplate,useNameParam=component?.preview?.useNameParam,compositionIdentifierParam=useNameParam||isScaling&&includesEnvTemplates===!1?`name=${currentComposition?.identifier}`:currentComposition?.identifier,currentCompositionFullUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",compositionIdentifierParam),[compositionParams,setCompositionParams]=(0,_react().useState)({fullscreen:!0}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]);return(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),_react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"85%",className:_compositionsModule().default.compositionsPage},_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.left},_react().default.createElement(_compositionsUi().CompositionsMenuBar,{menuBarWidgets,className:_compositionsModule().default.menuBar},_react().default.createElement(Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.openInNewTab},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"}))),_react().default.createElement(CompositionContent,{className:_compositionsModule().default.compositionPanel,emptyState,component,selected:currentComposition,queryParams})),_react().default.createElement(_baseUiSurfacesSplitPane2().HoverSplitter,{className:_compositionsModule().default.splitter},_react().default.createElement(_uiFoundationUiButtons().Collapser,{placement:"left",isOpen:isSidebarOpen,onMouseDown:e=>e.stopPropagation(),onClick:()=>setSidebarOpenness(x=>!x),tooltipContent:`${isSidebarOpen?"Hide":"Show"} side compositions`,className:_compositionsModule().default.collapser})),_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.right},_react().default.createElement(_documenterTheme().ThemeContext,null,_react().default.createElement(_panels().TabContainer,{className:_compositionsModule().default.tabsContainer},_react().default.createElement(_panels().TabList,{className:_compositionsModule().default.tabs},_react().default.createElement(_panels().Tab,null,"compositions"),_react().default.createElement(_panels().Tab,null,"properties")),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},_react().default.createElement(_compositionsPanel().CompositionsPanel,{isScaling,useNameParam,includesEnvTemplate:component.preview?.includesEnvTemplate,onSelectComposition:composition=>{if(!currentComposition||!location)return;const selectedCompositionFromUrl=params["*"],pathSegments=location.pathname.split("/").filter(x=>x);selectedCompositionFromUrl?pathSegments[pathSegments.length-1]=composition.identifier.toLowerCase():pathSegments.push(composition.identifier.toLowerCase());const urlParams=new URLSearchParams;versionFromQueryParams&&urlParams.set("version",versionFromQueryParams);const newPath=pathSegments.join("/");navigate(`/${newPath}?${urlParams.toString()}`)},url:compositionUrl,compositions:component.compositions,active:currentComposition})),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},properties&&properties.length>0?_react().default.createElement(_documenterUi().PropTable,{rows:properties,showListView:!0}):_react().default.createElement("div",null)))))))}function CompositionContent(_ref){let{component,selected,queryParams,emptyState}=_ref,componentCompositionProps=_objectWithoutProperties(_ref,_excluded);const env=component.environment?.id,EmptyStateTemplate=emptyState?.get(env||"");return component.compositions.length===0&&component.host==="teambit.workspace/workspace"&&EmptyStateTemplate?_react().default.createElement("div",{className:_compositionsModule().default.noCompositionsPage},_react().default.createElement("div",null,_react().default.createElement(_documenterUi2().H1,{className:_compositionsModule().default.title},"Compositions"),_react().default.createElement(_designUi2().Separator,{isPresentational:!0,className:_compositionsModule().default.separator}),_react().default.createElement(_designUi3().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},_react().default.createElement(_mdxUi().MDXLayout,null,_react().default.createElement(EmptyStateTemplate,null))))):component?.buildStatus==="pending"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):component?.buildStatus==="failed"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):component.compositions.length===0?_react().default.createElement(_designUi().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,_extends({className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams},componentCompositionProps))}},32552:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _ui().ComponentComposition}}),Object.defineProperty(exports,"Composition",{enumerable:!0,get:function(){return _composition().Composition}}),Object.defineProperty(exports,"CompositionContent",{enumerable:!0,get:function(){return _compositions2().CompositionContent}}),Object.defineProperty(exports,"CompositionsAspect",{enumerable:!0,get:function(){return _compositions().CompositionsAspect}}),exports.default=void 0;function _compositions(){const data=__webpack_require__(36717);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(39708);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(82704);return _compositions2=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},23700:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}const _excluded=["composition","component","queryParams"];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"&&Object.prototype.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}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)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const includesEnvTemplate=component.preview?.includesEnvTemplate,isScaling=component.preview?.isScaling,shouldAddNameParam=component.preview?.useNameParam||isScaling&&includesEnvTemplate===!1,compositionParams=(0,_react().useMemo)(()=>(composition?[shouldAddNameParam?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams),[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,_extends({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams}))}},14427:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(6281);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(40734);return _reactRouterDom=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(43492);return _uiFoundationUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(97667);return _baseReactNavigation=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(77416));return _compositionsPanelModule=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","active","includesEnvTemplate","useNameParam","className"];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"&&Object.prototype.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}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)}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,active,includesEnvTemplate,useNameParam,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const shouldAddNameParam=useNameParam||isScaling&&includesEnvTemplate===!1,handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected)},[onSelect]),location=(0,_baseReactNavigation().useLocation)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),onCompositionCodeClicked=(0,_react().useCallback)(composition=>e=>{e.preventDefault();const queryParams=new URLSearchParams;versionFromQueryParams&&queryParams.set("version",versionFromQueryParams);const basePath=location?.pathname.split("/~compositions")[0];navigate(`${basePath}/~code/${composition.filepath}?${queryParams.toString()}#search=${composition.identifier}`)},[location?.pathname,versionFromQueryParams]);return _react().default.createElement("ul",_extends({},rest,{className:(0,_classnames().default)(className)}),compositions.map(composition=>{const href=shouldAddNameParam?`${url}&name=${composition.identifier}`:`${url}&${composition.identifier}`;return _react().default.createElement("li",{key:composition.identifier,className:(0,_classnames().default)(_compositionsPanelModule().default.linkWrapper,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.box}),_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.right},_react().default.createElement(_uiFoundationUi().MenuWidgetIcon,{className:_compositionsPanelModule().default.codeLink,icon:"Code",tooltipContent:"Code",onClick:onCompositionCodeClicked(composition)}),_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{className:_compositionsPanelModule().default.icon,of:"open-tab"}))))}))}},29066:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _compositionPreview().ComponentComposition}});function _compositionPreview(){const data=__webpack_require__(23700);return _compositionPreview=function(){return data},data}},7122:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDocs=exports.docsFields=void 0;const client_1=__webpack_require__(97299);exports.docsFields=(0,client_1.gql)`
   fragment docsFields on ReactDocs {
     abstract
     properties {