@teambit/aspect 1.0.732 → 1.0.734

package/artifacts/env-template/public/{492.638f69315ef12b515eb7.js → 492.f5b5e94e1e6477bcde88.js}

@@ -422,7 +422,7 @@ and limitations under the License.
 `)}function componentIssueToString(value){return Array.isArray(value)?value.join(", "):value}function deserializeWithBitId(dataStr){const data=JSON.parse(dataStr);return Object.keys(data).forEach(filePath=>{data[filePath]=data[filePath].map(id=>new(_componentId()).ComponentID(id))}),data}},43968:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DeprecatedDependencies=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class DeprecatedDependencies extends _componentIssue().ComponentIssue{description="dependencies used in the code were deprecated";solution="replace them with alternative dependencies. or remove them if not needed anymore";isTagBlocker=!1;dataToString(){return _componentIssue().ISSUE_FORMAT_SPACE+this.data.join(", ")}}exports.DeprecatedDependencies=DeprecatedDependencies},84179:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DuplicateComponentAndPackage=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class DuplicateComponentAndPackage extends _componentIssue().ComponentIssue{description="tracked component added as a package";solution="either remove the package from the workspace.jsonc (bit uninstall) or remove the component (bit remove)";isTagBlocker=!0;dataToString(){return _componentIssue().ISSUE_FORMAT_SPACE+this.data}}exports.DuplicateComponentAndPackage=DuplicateComponentAndPackage},9264:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExternalEnvWithoutVersion=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class ExternalEnvWithoutVersion extends _componentIssue().ComponentIssue{description="failed loading env - external env without a version";solution="";isTagBlocker=!0;formatSolution(){return`(run "bit env set ${this.data.componentId} ${this.data.envId}")`}dataToString(){return _componentIssue().ISSUE_FORMAT_SPACE+this.data.envId}}exports.ExternalEnvWithoutVersion=ExternalEnvWithoutVersion},68131:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ImportFromDirectory=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class ImportFromDirectory extends _componentIssue().ComponentIssue{description="relative import from a directory";solution="change the import statement to a specific file";data={};isCacheBlocker=!1;isTagBlocker=!1}exports.ImportFromDirectory=ImportFromDirectory},13916:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ImportNonMainFiles=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class ImportNonMainFiles extends _componentIssue().ComponentIssue{description="importing non-main files";solution="the dependency should expose its API from the main file";data={};isCacheBlocker=!1}exports.ImportNonMainFiles=ImportNonMainFiles},57333:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentIssue",{enumerable:!0,get:function(){return _componentIssue().ComponentIssue}}),Object.defineProperty(exports,"IssuesClasses",{enumerable:!0,get:function(){return _issuesList().IssuesClasses}}),Object.defineProperty(exports,"IssuesList",{enumerable:!0,get:function(){return _issuesList().IssuesList}}),Object.defineProperty(exports,"IssuesNames",{enumerable:!0,get:function(){return _issuesList().IssuesNames}}),Object.defineProperty(exports,"MISSING_DEPS_SPACE",{enumerable:!0,get:function(){return _componentIssue().ISSUE_FORMAT_SPACE}}),Object.defineProperty(exports,"MISSING_NESTED_DEPS_SPACE",{enumerable:!0,get:function(){return _untrackedDependencies().MISSING_NESTED_DEPS_SPACE}}),Object.defineProperty(exports,"RelativeComponentsAuthoredEntry",{enumerable:!0,get:function(){return _relativeComponentsAuthored().RelativeComponentsAuthoredEntry}}),Object.defineProperty(exports,"UntrackedFileDependencyEntry",{enumerable:!0,get:function(){return _untrackedDependencies().UntrackedFileDependencyEntry}});function _issuesList(){const data=__webpack_require__(64770);return _issuesList=function(){return data},data}function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}function _untrackedDependencies(){const data=__webpack_require__(11558);return _untrackedDependencies=function(){return data},data}function _relativeComponentsAuthored(){const data=__webpack_require__(90477);return _relativeComponentsAuthored=function(){return data},data}},64770:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IssuesList=exports.IssuesClasses=void 0;function _importNonMainFiles(){const data=__webpack_require__(13916);return _importNonMainFiles=function(){return data},data}function _missingDependenciesOnFs(){const data=__webpack_require__(45185);return _missingDependenciesOnFs=function(){return data},data}function _missingDists(){const data=__webpack_require__(80377);return _missingDists=function(){return data},data}function _missingPackagesDependenciesOnFs(){const data=__webpack_require__(75983);return _missingPackagesDependenciesOnFs=function(){return data},data}function _missingManuallyConfiguredPackages(){const data=__webpack_require__(86840);return _missingManuallyConfiguredPackages=function(){return data},data}function _parseErrors(){const data=__webpack_require__(9992);return _parseErrors=function(){return data},data}function _relativeComponents(){const data=__webpack_require__(10398);return _relativeComponents=function(){return data},data}function _relativeComponentsAuthored(){const data=__webpack_require__(90477);return _relativeComponentsAuthored=function(){return data},data}function _resolveErrors(){const data=__webpack_require__(50957);return _resolveErrors=function(){return data},data}function _untrackedDependencies(){const data=__webpack_require__(11558);return _untrackedDependencies=function(){return data},data}function _legacyInsideHarmony(){const data=__webpack_require__(85316);return _legacyInsideHarmony=function(){return data},data}function _multipleEnvs(){const data=__webpack_require__(638);return _multipleEnvs=function(){return data},data}function _missingLinksFromNmToSrc(){const data=__webpack_require__(19753);return _missingLinksFromNmToSrc=function(){return data},data}function _circularDependencies(){const data=__webpack_require__(7364);return _circularDependencies=function(){return data},data}function _duplicateComponentAndPackage(){const data=__webpack_require__(84179);return _duplicateComponentAndPackage=function(){return data},data}function _mergeConfigHasConflict(){const data=__webpack_require__(81652);return _mergeConfigHasConflict=function(){return data},data}function _nonLoadedEnv(){const data=__webpack_require__(43264);return _nonLoadedEnv=function(){return data},data}function _externalEnvWithoutVersion(){const data=__webpack_require__(9264);return _externalEnvWithoutVersion=function(){return data},data}function _removedDependencies(){const data=__webpack_require__(92455);return _removedDependencies=function(){return data},data}function _selfReference(){const data=__webpack_require__(37395);return _selfReference=function(){return data},data}function _importFromDirectory(){const data=__webpack_require__(68131);return _importFromDirectory=function(){return data},data}function _deprecatedDependencies(){const data=__webpack_require__(43968);return _deprecatedDependencies=function(){return data},data}function _removedEnv(){const data=__webpack_require__(75699);return _removedEnv=function(){return data},data}const IssuesClasses=exports.IssuesClasses={MissingPackagesDependenciesOnFs:_missingPackagesDependenciesOnFs().MissingPackagesDependenciesOnFs,MissingManuallyConfiguredPackages:_missingManuallyConfiguredPackages().MissingManuallyConfiguredPackages,UntrackedDependencies:_untrackedDependencies().UntrackedDependencies,ResolveErrors:_resolveErrors().ResolveErrors,RelativeComponents:_relativeComponents().RelativeComponents,RelativeComponentsAuthored:_relativeComponentsAuthored().RelativeComponentsAuthored,ParseErrors:_parseErrors().ParseErrors,MissingDists:_missingDists().MissingDists,LegacyInsideHarmony:_legacyInsideHarmony().LegacyInsideHarmony,MissingDependenciesOnFs:_missingDependenciesOnFs().MissingDependenciesOnFs,ImportNonMainFiles:_importNonMainFiles().ImportNonMainFiles,MultipleEnvs:_multipleEnvs().MultipleEnvs,MissingLinksFromNodeModulesToSrc:_missingLinksFromNmToSrc().MissingLinksFromNodeModulesToSrc,CircularDependencies:_circularDependencies().CircularDependencies,DuplicateComponentAndPackage:_duplicateComponentAndPackage().DuplicateComponentAndPackage,MergeConfigHasConflict:_mergeConfigHasConflict().MergeConfigHasConflict,NonLoadedEnv:_nonLoadedEnv().NonLoadedEnv,ExternalEnvWithoutVersion:_externalEnvWithoutVersion().ExternalEnvWithoutVersion,RemovedDependencies:_removedDependencies().RemovedDependencies,RemovedEnv:_removedEnv().RemovedEnv,DeprecatedDependencies:_deprecatedDependencies().DeprecatedDependencies,SelfReference:_selfReference().SelfReference,ImportFromDirectory:_importFromDirectory().ImportFromDirectory};class IssuesList{constructor(_issues=[]){this._issues=_issues}get count(){return this._issues.length}isEmpty(){return this._issues.length===0}outputForCLI(){return this._issues.map(issue=>issue.outputForCLI()).join("")}toObject(){return this._issues.map(issue=>issue.toObject())}toObjectWithDataAsString(){return this._issues.map(issue=>({...issue.toObject(),data:issue.dataToString().trim()}))}add(issue){this._issues.push(issue)}delete(IssueClass){this._issues=this._issues.filter(issue=>issue.constructor.name!==IssueClass.name)}hasTagBlockerIssues(){return this._issues.some(issue=>issue.isTagBlocker)}getIssue(IssueClass){return this.getIssueByName(IssueClass.name)}getIssueByName(issueType){return this._issues.find(issue=>issue.constructor.name===issueType)}getAllIssues(){return this._issues}getAllIssueNames(){return this._issues.map(issue=>issue.constructor.name)}createIssue(IssueClass){const newIssue=new IssueClass;return this.add(newIssue),newIssue}getOrCreate(IssueClass){return this.getIssue(IssueClass)||this.createIssue(IssueClass)}shouldBlockSavingInCache(){return this._issues.some(issue=>issue.isCacheBlocker)}shouldBlockTagging(){return this._issues.some(issue=>issue.isTagBlocker)}filterNonTagBlocking(){return new IssuesList(this._issues.filter(issue=>issue.isTagBlocker))}toObjectIncludeDataAsString(){return this._issues.map(issue=>({...issue.toObject(),dataAsString:issue.dataToString()}))}serialize(){return this._issues.map(issue=>({type:issue.constructor.name,data:issue.serialize()}))}static deserialize(data){if(!Array.isArray(data))return new IssuesList;const issues=data.map(issue=>{const ClassName=issue.type;if(!Object.keys(IssuesClasses).includes(ClassName))throw new Error(`issue type "${ClassName}" is not recognized.
 the following are permitted ${Object.keys(IssuesClasses).join(", ")}`);const issueInstance=new IssuesClasses[ClassName];return issueInstance.data=issueInstance.deserialize(issue.data),issueInstance});return new IssuesList(issues)}}exports.IssuesList=IssuesList},85316:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LegacyInsideHarmony=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class LegacyInsideHarmony extends _componentIssue().ComponentIssue{description="legacy component inside Harmony workspace";solution="remove the component and re-create it via Harmony";isTagBlocker=!0;outputForCLI(){return(0,_componentIssue().formatTitle)(this.descriptionWithSolution,!1)}}exports.LegacyInsideHarmony=LegacyInsideHarmony},81652:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MergeConfigHasConflict=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class MergeConfigHasConflict extends _componentIssue().ComponentIssue{description="merge-conflict file has unresolved conflicts";solution="edit the merge-conflict file in the workspace root and resolve the conflicts";isTagBlocker=!0;outputForCLI(){return(0,_componentIssue().formatTitle)(this.descriptionWithSolution,!1)}}exports.MergeConfigHasConflict=MergeConfigHasConflict},45185:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingDependenciesOnFs=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class MissingDependenciesOnFs extends _componentIssue().ComponentIssue{description="non-existing dependency files";solution="make sure all files exists on your workspace";data={}}exports.MissingDependenciesOnFs=MissingDependenciesOnFs},80377:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingDists=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class MissingDists extends _componentIssue().ComponentIssue{description="missing dists";solution='run "bit compile"';isTagBlocker=!1;outputForCLI(){return(0,_componentIssue().formatTitle)(this.descriptionWithSolution,!1)}}exports.MissingDists=MissingDists},19753:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingLinksFromNodeModulesToSrc=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class MissingLinksFromNodeModulesToSrc extends _componentIssue().ComponentIssue{description="missing links from node_modules to source";solution='run "bit link"';isTagBlocker=!1;outputForCLI(){return(0,_componentIssue().formatTitle)(this.descriptionWithSolution,!1)}}exports.MissingLinksFromNodeModulesToSrc=MissingLinksFromNodeModulesToSrc},86840:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingManuallyConfiguredPackages=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class MissingManuallyConfiguredPackages extends _componentIssue().ComponentIssue{description="missing packages that were manually set";solution='run "bit install"';data=[];dataToString(){return _componentIssue().ISSUE_FORMAT_SPACE+this.data.join(", ")}}exports.MissingManuallyConfiguredPackages=MissingManuallyConfiguredPackages},75983:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingPackagesDependenciesOnFs=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class MissingPackagesDependenciesOnFs extends _componentIssue().ComponentIssue{description="missing packages or links from node_modules to the source";solution='run "bit install --add-missing-deps" to fix both issues';data=[];dataToString(){return this.data.map(d=>`${_componentIssue().ISSUE_FORMAT_SPACE}${d.filePath} -> ${this.formatDataFunction(d.missingPackages)}`).join(`
 `)}}exports.MissingPackagesDependenciesOnFs=MissingPackagesDependenciesOnFs},638:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MultipleEnvs=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class MultipleEnvs extends _componentIssue().ComponentIssue{description="multiple envs";solution=`set the desired env by running "bit env set <component> <env>", if it doesn't work, run "bit aspect unset <component> <unwanted-env-id>". to keep troubleshooting run "bit aspect list <component-id>"`;isTagBlocker=!0;dataToString(){return _componentIssue().ISSUE_FORMAT_SPACE+this.data.join(", ")}}exports.MultipleEnvs=MultipleEnvs},43264:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.NonLoadedEnv=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class NonLoadedEnv extends _componentIssue().ComponentIssue{description="failed loading env";solution='run "bit install"';isTagBlocker=!0;dataToString(){return _componentIssue().ISSUE_FORMAT_SPACE+this.data}}exports.NonLoadedEnv=NonLoadedEnv},9992:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParseErrors=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class ParseErrors extends _componentIssue().ComponentIssue{description="error found while parsing the file";solution="edit the file and fix the parsing error";data={}}exports.ParseErrors=ParseErrors},90477:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RelativeComponentsAuthored=void 0;function _componentId(){const data=__webpack_require__(62435);return _componentId=function(){return data},data}function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class RelativeComponentsAuthored extends _componentIssue().ComponentIssue{description="components with relative import statements found";solution='replace to module paths or use "bit link --rewire" to replace';data={};isCacheBlocker=!1;formatDataFunction=relativeComponentsAuthoredIssuesToString;serialize(){const obj=Object.keys(this.data).reduce((acc,fileName)=>(acc[fileName]=this.data[fileName].map(record=>({importSource:record.importSource,componentId:record.componentId.serialize(),relativePath:record.relativePath})),acc),{});return JSON.stringify(obj)}deserialize(dataStr){const data=JSON.parse(dataStr);return Object.keys(data).forEach(fileName=>{data[fileName]=data[fileName].map(record=>({importSource:record.importSource,componentId:_componentId().ComponentID.deserialize(record.componentId),relativePath:record.relativePath}))}),data}}exports.RelativeComponentsAuthored=RelativeComponentsAuthored;function relativeComponentsAuthoredIssuesToString(relativeEntries){const stringifyEntry=entry=>`"${entry.importSource}" (${entry.componentId.toString()})`;return relativeEntries.map(stringifyEntry).join(", ")}},10398:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RelativeComponents=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class RelativeComponents extends _componentIssue().ComponentIssue{description="components with relative import statements found";solution="use module paths for imported components";data={};isCacheBlocker=!1;deserialize(data){return(0,_componentIssue().deserializeWithBitId)(data)}}exports.RelativeComponents=RelativeComponents},92455:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RemovedDependencies=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class RemovedDependencies extends _componentIssue().ComponentIssue{description="dependencies used in the code were deleted";solution='if the dependencies are no longer needed, remove them from the code. otherwise, to get it installed from main run "bit install <missing dep>". to undo the delete, run "bit recover"';isTagBlocker=!0;dataToString(){return _componentIssue().ISSUE_FORMAT_SPACE+this.data.join(", ")}}exports.RemovedDependencies=RemovedDependencies},75699:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RemovedEnv=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class RemovedEnv extends _componentIssue().ComponentIssue{description="the env of this component is deleted";solution='use "bit env set/replace" to set a new env or a different version of this env. to undo the delete, run "bit recover"';isTagBlocker=!0;dataToString(){return _componentIssue().ISSUE_FORMAT_SPACE+this.data}}exports.RemovedEnv=RemovedEnv},50957:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResolveErrors=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class ResolveErrors extends _componentIssue().ComponentIssue{description="error found while resolving the file dependencies";solution="see the log for the full error";data={}}exports.ResolveErrors=ResolveErrors},37395:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelfReference=void 0;function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}class SelfReference extends _componentIssue().ComponentIssue{description="a component has an import statement that points to itself";solution="edit the file and change the import statement to a relative path";data={};isTagBlocker=!0}exports.SelfReference=SelfReference},11558:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.UntrackedDependencies=exports.MISSING_NESTED_DEPS_SPACE=void 0;function _chalk(){const data=_interopRequireDefault(__webpack_require__(52404));return _chalk=function(){return data},data}function _componentIssue(){const data=__webpack_require__(71848);return _componentIssue=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const MISSING_NESTED_DEPS_SPACE=exports.MISSING_NESTED_DEPS_SPACE=" ".repeat(_componentIssue().ISSUE_FORMAT_SPACE_COUNT+2);class UntrackedDependencies extends _componentIssue().ComponentIssue{description="untracked file dependencies";solution='use "bit add <file>" to track untracked files as components';data={};dataToString(){return Object.keys(this.data).map(k=>{let space=_componentIssue().ISSUE_FORMAT_SPACE;return this.data[k].nested&&(space=MISSING_NESTED_DEPS_SPACE),`${space}${k} -> ${untrackedFilesComponentIssueToString(this.data[k])}`}).join(`
-`)}}exports.UntrackedDependencies=UntrackedDependencies;function untrackedFilesComponentIssueToString(value){return value.untrackedFiles.map(curr=>curr.existing?`${_chalk().default.yellow(curr.relativePath)}`:curr.relativePath).join(", ")}},5490:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionDropdown=exports.DetailedVersion=exports.SimpleVersion=void 0;var version_dropdown_placeholder_1=__webpack_require__(83190);Object.defineProperty(exports,"SimpleVersion",{enumerable:!0,get:function(){return version_dropdown_placeholder_1.SimpleVersion}}),Object.defineProperty(exports,"DetailedVersion",{enumerable:!0,get:function(){return version_dropdown_placeholder_1.DetailedVersion}});var version_dropdown_1=__webpack_require__(66630);Object.defineProperty(exports,"VersionDropdown",{enumerable:!0,get:function(){return version_dropdown_1.VersionDropdown}})},80528:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LaneInfo=void 0;var lane_info_1=__webpack_require__(80513);Object.defineProperty(exports,"LaneInfo",{enumerable:!0,get:function(){return lane_info_1.LaneInfo}})},80513:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LaneInfo=LaneInfo;const lanes_ui_models_lanes_model_1=__webpack_require__(1453),react_1=__importDefault(__webpack_require__(37953)),design_ui_surfaces_menu_link_item_1=__webpack_require__(86076),evangelist_elements_icon_1=__webpack_require__(31776),lane_info_module_scss_1=__importDefault(__webpack_require__(26048));function LaneInfo({id,currentLane}){const isCurrent=currentLane&&id.isEqual(currentLane.id);return react_1.default.createElement("div",{key:id.toString()},react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{active:isCurrent,href:lanes_ui_models_lanes_model_1.LanesModel.getLaneUrl(id),className:lane_info_module_scss_1.default.versionRow},react_1.default.createElement("span",null,react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:lane_info_module_scss_1.default.laneIcon,of:"lane"}),id.toString())))}},83190:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleVersion=SimpleVersion,exports.DetailedVersion=DetailedVersion;const react_1=__importDefault(__webpack_require__(37953)),design_ui_styles_ellipsis_1=__webpack_require__(76785),classnames_1=__importDefault(__webpack_require__(14487)),semver=__importStar(__webpack_require__(16322)),evangelist_elements_icon_1=__webpack_require__(31776),design_ui_time_ago_1=__webpack_require__(52464),design_ui_avatar_1=__webpack_require__(19988),base_ui_loaders_skeleton_1=__webpack_require__(84738),version_dropdown_placeholder_module_scss_1=__importDefault(__webpack_require__(55269));function SimpleVersion(_a){var{currentVersion,className,disabled,hasMoreVersions,isTag=version=>semver.valid(version)!==null,useCurrentVersionLog,showFullVersion,loading}=_a,rest=__rest(_a,["currentVersion","className","disabled","hasMoreVersions","isTag","useCurrentVersionLog","showFullVersion","loading"]);if(loading)return react_1.default.createElement(base_ui_loaders_skeleton_1.WordSkeleton,{className:version_dropdown_placeholder_module_scss_1.default.loader,length:9});const formattedVersion=showFullVersion||isTag(currentVersion)?currentVersion:currentVersion?.slice(0,6);return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.simple,className,disabled&&version_dropdown_placeholder_module_scss_1.default.disabled)}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.versionName),onClick:rest.onClick},formattedVersion),hasMoreVersions&&react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down",onClick:rest.onClick}))}function DetailedVersion(_a){var{currentVersion,className,disabled,hasMoreVersions,isTag=version=>semver.valid(version)!==null,loading,useCurrentVersionLog,showFullVersion}=_a,rest=__rest(_a,["currentVersion","className","disabled","hasMoreVersions","isTag","loading","useCurrentVersionLog","showFullVersion"]);const currentVersionLog=useCurrentVersionLog?.({skip:loading,version:currentVersion}),{displayName,message,username,email,date:_date,profileImage}=currentVersionLog||{},author=react_1.default.useMemo(()=>({displayName:displayName??"",email,name:username??"",profileImage}),[displayName,email,username,profileImage]),formattedVersion=showFullVersion||isTag(currentVersion)?currentVersion:currentVersion?.slice(0,6),date=_date?new Date(+_date):void 0,timestamp=react_1.default.useMemo(()=>date?new Date(+date).toString():new Date().toString(),[date]);return loading?react_1.default.createElement(base_ui_loaders_skeleton_1.WordSkeleton,{className:version_dropdown_placeholder_module_scss_1.default.loader,length:9}):react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.detailed,className,disabled&&version_dropdown_placeholder_module_scss_1.default.disabled)}),react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:author??{},className:version_dropdown_placeholder_module_scss_1.default.versionUserAvatar,showTooltip:!0,onClick:rest.onClick}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.versionName),onClick:rest.onClick},formattedVersion),commitMessage(message,rest.onClick),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.versionTimestamp,onClick:rest.onClick},react_1.default.createElement(design_ui_time_ago_1.TimeAgo,{date:timestamp,onClick:rest.onClick})),hasMoreVersions&&react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down",onClick:rest.onClick}))}function commitMessage(message,onClick){return!message||message===""?react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.emptyMessage,onClick},"No commit message"):react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.commitMessage,onClick},message)}},66630:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionDropdown=exports.LOCAL_VERSION=void 0;const react_1=__importStar(__webpack_require__(37953)),design_ui_surfaces_menu_link_item_1=__webpack_require__(86076),evangelist_surfaces_dropdown_1=__webpack_require__(33072),ui_foundation_ui_use_box_tab_1=__webpack_require__(31218),design_ui_avatar_1=__webpack_require__(19988),base_ui_loaders_skeleton_1=__webpack_require__(84738),classnames_1=__importDefault(__webpack_require__(14487)),version_dropdown_module_scss_1=__importDefault(__webpack_require__(72673)),version_info_1=__webpack_require__(2300),lane_info_1=__webpack_require__(80528),version_dropdown_placeholder_1=__webpack_require__(83190);exports.LOCAL_VERSION="workspace",exports.VersionDropdown=react_1.default.memo(_VersionDropdown);const VersionMenu=react_1.default.memo(_VersionMenu);function _VersionDropdown(_a){var{currentVersion,latestVersion,localVersion,useCurrentVersionLog,hasMoreVersions,loading,overrideVersionHref,className,placeholderClassName,getActiveTabIndex,dropdownClassName,menuClassName,showVersionDetails=!0,disabled,PlaceholderComponent:_PlaceholderComponent,currentLane,useComponentVersions,lanes}=_a,rest=__rest(_a,["currentVersion","latestVersion","localVersion","useCurrentVersionLog","hasMoreVersions","loading","overrideVersionHref","className","placeholderClassName","getActiveTabIndex","dropdownClassName","menuClassName","showVersionDetails","disabled","PlaceholderComponent","currentLane","useComponentVersions","lanes"]);const[key,setKey]=(0,react_1.useState)(0),singleVersion=!hasMoreVersions,[open,setOpen]=(0,react_1.useState)(!1);react_1.default.useEffect(()=>{loading&&open&&setOpen(!1)},[loading]);const handlePlaceholderClicked=e=>{loading||e.target===e.currentTarget&&setOpen(o=>!o)},defaultPlaceholder=react_1.default.createElement(version_dropdown_placeholder_1.SimpleVersion,{useCurrentVersionLog,disabled,className:placeholderClassName,currentVersion,onClick:handlePlaceholderClicked,hasMoreVersions,loading,showFullVersion:currentVersion==="workspace"}),PlaceholderComponent=_PlaceholderComponent?react_1.default.createElement(_PlaceholderComponent,{useCurrentVersionLog,disabled,className:placeholderClassName,currentVersion,onClick:handlePlaceholderClicked,hasMoreVersions,loading,showFullVersion:currentVersion==="workspace"}):defaultPlaceholder;return disabled||singleVersion&&!loading?react_1.default.createElement("div",{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.noVersions,className)},PlaceholderComponent):react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionDropdown,className)}),react_1.default.createElement(evangelist_surfaces_dropdown_1.Dropdown,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.dropdown,dropdownClassName),dropClass:(0,classnames_1.default)(version_dropdown_module_scss_1.default.menu,menuClassName),open,onClick:handlePlaceholderClicked,onClickOutside:()=>setOpen(!1),onChange:(_e,_open)=>_open&&setKey(x=>x+1),PlaceholderComponent:_a2=>{var{children}=_a2,other=__rest(_a2,["children"]);return react_1.default.createElement("div",Object.assign({},other,{className:placeholderClassName,onClick:handlePlaceholderClicked}),children)},placeholder:PlaceholderComponent},react_1.default.createElement(VersionMenu,{className:menuClassName,key,currentVersion,latestVersion,localVersion,overrideVersionHref,showVersionDetails,currentLane,getActiveTabIndex,lanes,useVersions:useComponentVersions,onVersionClicked:()=>setOpen(!1),open})))}const defaultActiveTabIndex=(currentVersion,tabs=[],tags,snaps)=>(snaps||[]).some(snap=>snap.version===currentVersion)?tabs.findIndex(tab=>tab.name==="SNAP"):0,VERSION_TAB_NAMES=["TAG","SNAP","LANE"];function _VersionMenu(_a){var _b,_c,{currentVersion,localVersion,latestVersion,overrideVersionHref,showVersionDetails,useVersions,currentLane,lanes,getActiveTabIndex=defaultActiveTabIndex,loading:loadingFromProps,open,onVersionClicked}=_a,rest=__rest(_a,["currentVersion","localVersion","latestVersion","overrideVersionHref","showVersionDetails","useVersions","currentLane","lanes","getActiveTabIndex","loading","open","onVersionClicked"]);const{snaps,tags,loading:loadingVersions}=useVersions?.()||{},loading=loadingFromProps||loadingVersions,tabs=react_1.default.useMemo(()=>VERSION_TAB_NAMES.map(name=>{switch(name){case"SNAP":return{name,payload:snaps||[]};case"LANE":return{name,payload:lanes||[]};default:return{name,payload:tags||[]}}}).filter(tab=>tab.payload.length>0),[snaps?.length,tags?.length,lanes?.length,loading]),[activeTabIndex,setActiveTab]=react_1.default.useState(getActiveTabIndex(currentVersion,tabs,tags,snaps,currentLane)),activeTab=react_1.default.useMemo(()=>activeTabIndex!==void 0?tabs[activeTabIndex]:void 0,[activeTabIndex,tabs]);react_1.default.useEffect(()=>{if(!currentLane||tabs.length===0)return;const _activeTabIndex=getActiveTabIndex(currentVersion,tabs,tags,snaps,currentLane);_activeTabIndex!==activeTabIndex&&setActiveTab(_activeTabIndex)},[currentLane,tabs.length,tags?.length,snaps?.length,currentVersion,loading]);const multipleTabs=tabs.length>1,message=multipleTabs?"Switch to view tags, snaps, or lanes":`Switch between ${(_b=tabs[0])===null||_b===void 0?void 0:_b.name.toLocaleLowerCase()}s`,showTab=activeTabIndex!==void 0&&((_c=tabs[activeTabIndex])===null||_c===void 0?void 0:_c.payload.length)>0,_rowRenderer=react_1.default.useCallback(function({index}){const{name,payload=[]}=activeTab||{},item=payload[index];if(!item)return null;if(name==="LANE"){const lane=item;return react_1.default.createElement(lane_info_1.LaneInfo,Object.assign({key:lane.id.toString(),currentLane},lane))}const version=item;return react_1.default.createElement(version_info_1.VersionInfo,Object.assign({key:version.version,currentVersion,latestVersion,overrideVersionHref,showDetails:showVersionDetails,onVersionClicked},version))},[activeTab,currentVersion,latestVersion,showVersionDetails,currentLane?.id.toString(),showTab]),rowRenderer=react_1.default.useMemo(()=>showTab&&activeTab?_rowRenderer:()=>null,[showTab,activeTab,_rowRenderer]),ActiveTab=react_1.default.useMemo(()=>activeTab?.payload.map((payload,index)=>rowRenderer({index})),[activeTab]);return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionMenuContainer,!open&&version_dropdown_module_scss_1.default.hide)}),react_1.default.createElement("div",{className:version_dropdown_module_scss_1.default.top},loading&&react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{count:6,className:version_dropdown_module_scss_1.default.loader}),!loading&&react_1.default.createElement("div",{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.titleContainer,version_dropdown_module_scss_1.default.title)},message),!loading&&localVersion&&react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{href:"?",active:currentVersion===exports.LOCAL_VERSION,className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionRow,version_dropdown_module_scss_1.default.localVersion),onClick:onVersionClicked},react_1.default.createElement("div",{className:version_dropdown_module_scss_1.default.version},react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:{},className:version_dropdown_module_scss_1.default.versionUserAvatar}),react_1.default.createElement("span",{className:version_dropdown_module_scss_1.default.versionName},exports.LOCAL_VERSION)))),react_1.default.createElement("div",{className:(0,classnames_1.default)(multipleTabs&&version_dropdown_module_scss_1.default.tabs)},multipleTabs&&tabs.map(({name},index)=>react_1.default.createElement(ui_foundation_ui_use_box_tab_1.Tab,{className:version_dropdown_module_scss_1.default.tab,key:name,isActive:activeTabIndex===index,onClick:()=>setActiveTab(index)},name))),react_1.default.createElement("div",{className:version_dropdown_module_scss_1.default.versionContainerRoot},ActiveTab))}},2300:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionInfo=void 0;var version_info_1=__webpack_require__(52437);Object.defineProperty(exports,"VersionInfo",{enumerable:!0,get:function(){return version_info_1.VersionInfo}})},52437:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionInfo=void 0;const design_ui_surfaces_menu_link_item_1=__webpack_require__(86076),design_ui_time_ago_1=__webpack_require__(52464),component_ui_version_label_1=__webpack_require__(16425),react_1=__importStar(__webpack_require__(37953)),design_ui_avatar_1=__webpack_require__(19988),design_ui_styles_ellipsis_1=__webpack_require__(76785),classnames_1=__importDefault(__webpack_require__(14487)),version_info_module_scss_1=__importDefault(__webpack_require__(44820));exports.VersionInfo=react_1.default.memo(react_1.default.forwardRef(_VersionInfo));function _VersionInfo({version,currentVersion,latestVersion,date,username,displayName,email,overrideVersionHref,showDetails,message,tag,profileImage,onVersionClicked},ref){const isCurrent=version===currentVersion,author=(0,react_1.useMemo)(()=>({displayName:displayName??"",email,name:username??"",profileImage}),[displayName,email,username,profileImage]),timestamp=(0,react_1.useMemo)(()=>date?new Date(parseInt(date)).toString():new Date().toString(),[date]),currentVersionRef=(0,react_1.useRef)(null);(0,react_1.useEffect)(()=>{var _a;isCurrent&&((_a=currentVersionRef.current)===null||_a===void 0||_a.scrollIntoView({block:"nearest"}))},[isCurrent]);const href=overrideVersionHref?overrideVersionHref(version):`?version=${version}`,formattedVersion=(0,react_1.useMemo)(()=>tag?version:version.slice(0,6),[tag,version]),isLatest=version===latestVersion;return react_1.default.createElement("div",{ref:ref||currentVersionRef,onClick:onVersionClicked},react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{active:isCurrent,href,className:version_info_module_scss_1.default.versionRow},react_1.default.createElement("div",{className:version_info_module_scss_1.default.version},react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:author,className:version_info_module_scss_1.default.versionUserAvatar,showTooltip:!0}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_info_module_scss_1.default.versionName)},formattedVersion),isLatest&&react_1.default.createElement(component_ui_version_label_1.VersionLabel,{status:"latest"}),react_1.default.createElement(CommitMessage,{message,showDetails})),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.versionTimestamp},react_1.default.createElement(design_ui_time_ago_1.TimeAgo,{date:timestamp}))))}function CommitMessage({message,showDetails}){return showDetails?!message||message===""?react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.emptyMessage},"No commit message"):react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.commitMessage},message):null}},8929:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AspectEntry=void 0;class AspectEntry{constructor(id,legacyEntry){this.id=id,this.legacyEntry=legacyEntry}get legacy(){return this.legacyEntry}get isLegacy(){return!!this.config?.__legacy}get config(){return this.legacy.config}set config(config){this.legacy.config=config}get data(){return this.legacy.data}get isRemoved(){return this.legacy.isRemoved}set data(val){this.legacy.data=val}transform(newData){const newEntry=this.clone();return newEntry.data=newData,new AspectEntry(this.id,newEntry.legacy)}clone(){return new AspectEntry(this.id,this.legacyEntry.clone())}serialize(){return{id:this.id.toString(),config:this.config,data:this.data,icon:"https://static.bit.dev/extensions-icons/default.svg"}}}exports.AspectEntry=AspectEntry},52365:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _anyFs(){const data=__webpack_require__(83875);return _anyFs=function(){return data},data}function eol(){const data=_interopRequireWildcard(__webpack_require__(46179));return eol=function(){return data},data}function _path(){const data=_interopRequireDefault(__webpack_require__(52101));return _path=function(){return data},data}function _toolboxPath(){const data=__webpack_require__(50668);return _toolboxPath=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}class ComponentFS extends _anyFs().MemoryFS{constructor(files){super();this.files=files}get hash(){return""}byRegex(extension){return this.files.filter(file=>file.path.match(extension))}byGlob(patterns){const{includePatterns,excludePatterns}=(0,_toolboxPath().splitPatterns)(patterns);return this.files.filter(file=>(0,_toolboxPath().matchPatterns)(file.relative,includePatterns,excludePatterns))}toObject(){return this.files.map(file=>({path:file.path,contents:file.contents}))}static fromVinyls(files){const fs=new ComponentFS(files);return files.forEach(file=>{let dirPath=file.relativeDir;dirPath.startsWith("/")||(dirPath=_path().default.join("/",dirPath)),fs.mkdirpSync(dirPath),fs.writeFileSync(`/${file.relative}`,eol().auto(file.contents||""))}),fs}}exports.default=ComponentFS},18985:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMap=void 0;class ComponentMap{constructor(hashMap){this.hashMap=hashMap}byComponent(component){return this.hashMap.get(component.id.toString())}get components(){return this.toArray().map(([component])=>component)}get(component){return this.hashMap.get(component.id.toString())}getValueByComponentId(componentId){const tuple=this.hashMap.get(componentId.toString());return tuple?tuple[1]:null}toArray(){return Array.from(this.hashMap.values())}map(predicate){const tuples=this.toArray().map(([component,value])=>{const newValue=predicate(value,component);return[component.id.toString(),[component,newValue]]});return new ComponentMap(new Map(tuples))}async asyncMap(predicate){const tuplesP=this.toArray().map(async([component,value])=>{const newValue=await predicate(value,component);return[component.id.toString(),[component,newValue]]}),tuples=await Promise.all(tuplesP);return new ComponentMap(new Map(tuples))}forEach(predicate){this.toArray().forEach(([component,value])=>{predicate(value,component)})}flattenValue(){return this.toArray().reduce((acc,[,value])=>(acc=acc.concat(value),acc),[])}filter(predicate){const asMap=this.toArray().filter(([,value])=>predicate(value)).map(([component,value])=>[component.id.toString(),[component,value]]);return new ComponentMap(new Map(asMap))}keys(){return this.hashMap.keys()}static create(rawMap){const newMap=rawMap.map(([component,data])=>[component.id.toString(),[component,data]]);return new ComponentMap(new Map(newMap))}static as(components,predicate){const tuples=components.map(component=>[component.id.toString(),[component,predicate(component)]]);return new ComponentMap(new Map(tuples))}static async asAsync(components,predicate){const tuples=await Promise.all(components.map(async component=>[component.id.toString(),[component,await predicate(component)]]));return new ComponentMap(new Map(tuples))}}exports.ComponentMap=ComponentMap},49661:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}});function _componentMap(){const data=__webpack_require__(18985);return _componentMap=function(){return data},data}},61159:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ComponentAspect=void 0;function _harmony(){const data=__webpack_require__(12337);return _harmony=function(){return data},data}const ComponentAspect=exports.ComponentAspect=_harmony().Aspect.create({id:"teambit.component/component",dependencies:[],defaultConfig:{}});var _default=exports.default=ComponentAspect},55633:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=void 0;function _toolboxString(){const data=__webpack_require__(5913);return _toolboxString=function(){return data},data}function _bitError(){const data=__webpack_require__(24490);return _bitError=function(){return data},data}function _lodash(){const data=__webpack_require__(92935);return _lodash=function(){return data},data}function _tagMap(){const data=__webpack_require__(88077);return _tagMap=function(){return data},data}function _exceptions(){const data=__webpack_require__(28381);return _exceptions=function(){return data},data}class Component2{constructor(id,head=null,_state,tags=new(_tagMap()).TagMap,factory){this.id=id,this.head=head,this._state=_state,this.tags=tags,this.factory=factory}get mainFile(){return this.state.mainFile}get state(){return this._state}set state(state){this._state=state}get config(){return this.state.config}get filesystem(){return this.state.filesystem}get buildStatus(){return this._state._consumer.buildStatus}get homepage(){return this._state._consumer._getHomepage()}get headTag(){if(!!this.head)return this.tags.byHash(this.head.hash)}get latest(){if(!!this.head)try{return this.tags.getLatest()}catch(err){if(err instanceof _exceptions().CouldNotFindLatest)return this.head.hash;throw err}}get(id){return this.state.aspects.get(id)?.serialize()}async getLogs(filter){const allLogs=await this.factory.getLogs(this.id,!1,filter?.head);if(!filter)return allLogs;const{type,limit,offset,sort}=filter,typeFilter=snap=>type==="tag"?snap.tag:type==="snap"?!snap.tag:!0;let filteredLogs=type&&allLogs.filter(typeFilter)||allLogs;return sort!=="asc"&&(filteredLogs=filteredLogs.reverse()),limit&&(filteredLogs=(0,_lodash().slice)(filteredLogs,offset,limit+(offset||0))),filteredLogs}getDependencies(){return this.factory.getDependencies(this)}getPackageName(){return this.factory.componentPackageName(this)}stringify(){return JSON.stringify({id:this.id,head:this.head})}get displayName(){return this.id.name.split("-").map(token=>(0,_toolboxString().capitalize)(token)).join(" ")}tag(version){}isModified(){return this.factory.isModified(this)}isDeleted(){return this.state._consumer.isRemoved()}isOutdated(){if(!this.latest)return!1;const latestTag=this.tags.byVersion(this.latest);return latestTag?this.head?.hash!==latestTag?.hash:!1}isNew(){return Promise.resolve(this.head===null)}isExported(){return this.factory.isExported(this.id)}loadState(snapId){return this.factory.getState(this.id,snapId)}loadSnap(snapId){const snapToGet=snapId||this.head?.hash;if(!snapToGet)throw new(_bitError()).BitError("could not load snap for new components");return this.factory.getSnap(this.id,snapToGet)}snapsIterable(snapId,options={}){const snapToStart=snapId||this.head?.hash;let nextSnaps=[snapToStart],done;snapToStart||(done=!0);const iterator={next:async()=>{if(done)return{value:void 0,done};const currSnapId=nextSnaps.shift(),snap=await this.loadSnap(currSnapId);return snap.parents&&snap.parents.length&&(options.firstParentOnly?nextSnaps.push(snap.parents[0]):nextSnaps=nextSnaps.concat(snap.parents)),nextSnaps.length?options.stopFn&&(done=await options.stopFn(snap)):done=!0,{value:snap,done:void 0}}};return{[Symbol.asyncIterator]:()=>iterator}}async getClosestTag(snapToStartFrom){const tagsHashMap=this.tags.getHashMap(),stopFn=async snap=>!!tagsHashMap.has(snap.hash),iterable=this.snapsIterable(snapToStartFrom,{firstParentOnly:!0,stopFn}),snaps=[];for await(const snap of iterable)snaps.push(snap);if(snaps.length){const hashOfLastSnap=snaps[snaps.length-1].hash;return tagsHashMap.get(hashOfLastSnap)}}getTag(){const currentVersion=this.id.version;if(!!currentVersion)return this.tags.byVersion(currentVersion)||this.tags.byHash(currentVersion)}getSnapHash(){if(!this.id.hasVersion())return;const tag=this.tags.byVersion(this.id.version);return tag?tag.hash:this.id.version}async getCurrentSnap(){const snap=this.getSnapHash();if(!!snap)return this.loadSnap(snap)}checkout(version){}write(path,fs){}equals(component){return component.id.toString()===this.id.toString()}}exports.Component=Component2},52946:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Config=void 0;class Config{constructor(consumerComponent){this.consumerComponent=consumerComponent}get main(){return this.consumerComponent.mainFile}get extensions(){return this.consumerComponent.extensions}}exports.Config=Config},41384:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CouldNotFindLatest=void 0;class CouldNotFindLatest extends Error{constructor(semverArray){super(`could not find latest semver in array: ${semverArray.join(", ")}`)}report(){return this.message}}exports.CouldNotFindLatest=CouldNotFindLatest},93402:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HostNotFound=void 0;class HostNotFound extends Error{constructor(hostName){super();this.hostName=hostName}toString(){return`[component] error: host '${this.hostName}' was not found`}}exports.HostNotFound=HostNotFound},28381:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CouldNotFindLatest",{enumerable:!0,get:function(){return _couldNotFindLatest().CouldNotFindLatest}}),Object.defineProperty(exports,"HostNotFound",{enumerable:!0,get:function(){return _hostNotFound().HostNotFound}}),Object.defineProperty(exports,"MainFileNotFound",{enumerable:!0,get:function(){return _mainFileNotFound().MainFileNotFound}}),Object.defineProperty(exports,"NothingToSnap",{enumerable:!0,get:function(){return _nothingToSnap().default}});function _nothingToSnap(){const data=_interopRequireDefault(__webpack_require__(51225));return _nothingToSnap=function(){return data},data}function _hostNotFound(){const data=__webpack_require__(93402);return _hostNotFound=function(){return data},data}function _couldNotFindLatest(){const data=__webpack_require__(41384);return _couldNotFindLatest=function(){return data},data}function _mainFileNotFound(){const data=__webpack_require__(72002);return _mainFileNotFound=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}},72002:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MainFileNotFound=void 0;class MainFileNotFound extends Error{constructor(id,mainFile){super();this.id=id,this.mainFile=mainFile}toString(){return`[component] error: main file ${this.mainFile} for component ${this.id.toString()} was not found`}}exports.MainFileNotFound=MainFileNotFound},51225:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;class NothingToSnap extends Error{}exports.default=NothingToSnap},11013:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentHostModel=void 0;function _ui(){const data=__webpack_require__(28537);return _ui=function(){return data},data}class ComponentHostModel{constructor(name,components){this.name=name,this.components=components}static from(data){return new ComponentHostModel(data.getHost.name,_ui().ComponentModel.fromArray(data.getHost.list))}}exports.ComponentHostModel=ComponentHostModel},41733:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={useComponentHost:!0};Object.defineProperty(exports,"useComponentHost",{enumerable:!0,get:function(){return _useComponentHost().useComponentHost}});function _useComponentHost(){const data=__webpack_require__(81403);return _useComponentHost=function(){return data},data}var _componentHostModel=__webpack_require__(11013);Object.keys(_componentHostModel).forEach(function(key){key==="default"||key==="__esModule"||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_componentHostModel[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _componentHostModel[key]}})})},81403:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentHost=useComponentHost;function _uiFoundationUiHooks(){const data=__webpack_require__(30905);return _uiFoundationUiHooks=function(){return data},data}function _client(){const data=__webpack_require__(40886);return _client=function(){return data},data}function _componentHostModel(){const data=__webpack_require__(11013);return _componentHostModel=function(){return data},data}const COMPONENT_HOST=(0,_client().gql)`
+`)}}exports.UntrackedDependencies=UntrackedDependencies;function untrackedFilesComponentIssueToString(value){return value.untrackedFiles.map(curr=>curr.existing?`${_chalk().default.yellow(curr.relativePath)}`:curr.relativePath).join(", ")}},5490:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionDropdown=exports.DetailedVersion=exports.SimpleVersion=void 0;var version_dropdown_placeholder_1=__webpack_require__(83190);Object.defineProperty(exports,"SimpleVersion",{enumerable:!0,get:function(){return version_dropdown_placeholder_1.SimpleVersion}}),Object.defineProperty(exports,"DetailedVersion",{enumerable:!0,get:function(){return version_dropdown_placeholder_1.DetailedVersion}});var version_dropdown_1=__webpack_require__(66630);Object.defineProperty(exports,"VersionDropdown",{enumerable:!0,get:function(){return version_dropdown_1.VersionDropdown}})},80528:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LaneInfo=void 0;var lane_info_1=__webpack_require__(80513);Object.defineProperty(exports,"LaneInfo",{enumerable:!0,get:function(){return lane_info_1.LaneInfo}})},80513:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LaneInfo=LaneInfo;const lanes_ui_models_lanes_model_1=__webpack_require__(1453),react_1=__importDefault(__webpack_require__(37953)),design_ui_surfaces_menu_link_item_1=__webpack_require__(86076),evangelist_elements_icon_1=__webpack_require__(31776),lane_info_module_scss_1=__importDefault(__webpack_require__(26048));function LaneInfo({id,currentLane}){const isCurrent=currentLane&&id.isEqual(currentLane.id);return react_1.default.createElement("div",{key:id.toString()},react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{active:isCurrent,href:lanes_ui_models_lanes_model_1.LanesModel.getLaneUrl(id),className:lane_info_module_scss_1.default.versionRow},react_1.default.createElement("span",null,react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:lane_info_module_scss_1.default.laneIcon,of:"lane"}),id.toString())))}},83190:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleVersion=SimpleVersion,exports.DetailedVersion=DetailedVersion;const react_1=__importDefault(__webpack_require__(37953)),design_ui_styles_ellipsis_1=__webpack_require__(76785),classnames_1=__importDefault(__webpack_require__(14487)),semver=__importStar(__webpack_require__(16322)),evangelist_elements_icon_1=__webpack_require__(31776),design_ui_time_ago_1=__webpack_require__(52464),design_ui_avatar_1=__webpack_require__(19988),base_ui_loaders_skeleton_1=__webpack_require__(84738),version_dropdown_placeholder_module_scss_1=__importDefault(__webpack_require__(55269));function SimpleVersion(_a){var{currentVersion,className,disabled,hasMoreVersions,isTag=version=>semver.valid(version)!==null,useCurrentVersionLog,showFullVersion,loading}=_a,rest=__rest(_a,["currentVersion","className","disabled","hasMoreVersions","isTag","useCurrentVersionLog","showFullVersion","loading"]);if(loading)return react_1.default.createElement(base_ui_loaders_skeleton_1.WordSkeleton,{className:version_dropdown_placeholder_module_scss_1.default.loader,length:9});const formattedVersion=showFullVersion||isTag(currentVersion)?currentVersion:currentVersion?.slice(0,6);return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.simple,className,disabled&&version_dropdown_placeholder_module_scss_1.default.disabled)}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.versionName),onClick:rest.onClick},formattedVersion),hasMoreVersions&&react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down",onClick:rest.onClick}))}function DetailedVersion(_a){var{currentVersion,className,disabled,hasMoreVersions,isTag=version=>semver.valid(version)!==null,loading,useCurrentVersionLog,showFullVersion}=_a,rest=__rest(_a,["currentVersion","className","disabled","hasMoreVersions","isTag","loading","useCurrentVersionLog","showFullVersion"]);const currentVersionLog=useCurrentVersionLog?.({skip:loading,version:currentVersion}),{displayName,message,username,email,date:_date,profileImage}=currentVersionLog||{},author=react_1.default.useMemo(()=>({displayName:displayName??"",email,name:username??"",profileImage}),[displayName,email,username,profileImage]),formattedVersion=showFullVersion||isTag(currentVersion)?currentVersion:currentVersion?.slice(0,6),date=_date?new Date(+_date):void 0,timestamp=react_1.default.useMemo(()=>date?new Date(+date).toString():new Date().toString(),[date]);return loading?react_1.default.createElement(base_ui_loaders_skeleton_1.WordSkeleton,{className:version_dropdown_placeholder_module_scss_1.default.loader,length:9}):react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.detailed,className,disabled&&version_dropdown_placeholder_module_scss_1.default.disabled)}),react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:author??{},className:version_dropdown_placeholder_module_scss_1.default.versionUserAvatar,showTooltip:!0,onClick:rest.onClick}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_dropdown_placeholder_module_scss_1.default.versionName),onClick:rest.onClick},formattedVersion),commitMessage(message,rest.onClick),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.versionTimestamp,onClick:rest.onClick},react_1.default.createElement(design_ui_time_ago_1.TimeAgo,{date:timestamp,onClick:rest.onClick})),hasMoreVersions&&react_1.default.createElement(evangelist_elements_icon_1.Icon,{of:"fat-arrow-down",onClick:rest.onClick}))}function commitMessage(message,onClick){return!message||message===""?react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.emptyMessage,onClick},"No commit message"):react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_dropdown_placeholder_module_scss_1.default.commitMessage,onClick},message)}},66630:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionDropdown=exports.LOCAL_VERSION=void 0;const react_1=__importStar(__webpack_require__(37953)),design_ui_surfaces_menu_link_item_1=__webpack_require__(86076),evangelist_surfaces_dropdown_1=__webpack_require__(33072),ui_foundation_ui_use_box_tab_1=__webpack_require__(31218),design_ui_avatar_1=__webpack_require__(19988),base_ui_loaders_skeleton_1=__webpack_require__(84738),classnames_1=__importDefault(__webpack_require__(14487)),version_dropdown_module_scss_1=__importDefault(__webpack_require__(72673)),version_info_1=__webpack_require__(2300),lane_info_1=__webpack_require__(80528),version_dropdown_placeholder_1=__webpack_require__(83190);exports.LOCAL_VERSION="workspace",exports.VersionDropdown=react_1.default.memo(_VersionDropdown);const VersionMenu=react_1.default.memo(_VersionMenu);function _VersionDropdown(_a){var{currentVersion,latestVersion,localVersion,useCurrentVersionLog,hasMoreVersions,loading,overrideVersionHref,className,placeholderClassName,getActiveTabIndex,dropdownClassName,menuClassName,showVersionDetails=!0,disabled,PlaceholderComponent:_PlaceholderComponent,currentLane,useComponentVersions,lanes}=_a,rest=__rest(_a,["currentVersion","latestVersion","localVersion","useCurrentVersionLog","hasMoreVersions","loading","overrideVersionHref","className","placeholderClassName","getActiveTabIndex","dropdownClassName","menuClassName","showVersionDetails","disabled","PlaceholderComponent","currentLane","useComponentVersions","lanes"]);const[key,setKey]=(0,react_1.useState)(0),singleVersion=!hasMoreVersions,[open,setOpen]=(0,react_1.useState)(!1);react_1.default.useEffect(()=>{loading&&open&&setOpen(!1)},[loading]);const handlePlaceholderClicked=e=>{loading||e.target===e.currentTarget&&setOpen(o=>!o)},defaultPlaceholder=react_1.default.createElement(version_dropdown_placeholder_1.SimpleVersion,{useCurrentVersionLog,disabled,className:placeholderClassName,currentVersion,onClick:handlePlaceholderClicked,hasMoreVersions,loading,showFullVersion:currentVersion==="workspace"}),PlaceholderComponent=_PlaceholderComponent?react_1.default.createElement(_PlaceholderComponent,{useCurrentVersionLog,disabled,className:placeholderClassName,currentVersion,onClick:handlePlaceholderClicked,hasMoreVersions,loading,showFullVersion:currentVersion==="workspace"}):defaultPlaceholder;return disabled||singleVersion&&!loading?react_1.default.createElement("div",{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.noVersions,className)},PlaceholderComponent):react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionDropdown,className)}),react_1.default.createElement(evangelist_surfaces_dropdown_1.Dropdown,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.dropdown,dropdownClassName),dropClass:(0,classnames_1.default)(version_dropdown_module_scss_1.default.menu,menuClassName),open,onClick:handlePlaceholderClicked,onClickOutside:()=>setOpen(!1),onChange:(_e,_open)=>_open&&setKey(x=>x+1),PlaceholderComponent:_a2=>{var{children}=_a2,other=__rest(_a2,["children"]);return react_1.default.createElement("div",Object.assign({},other,{className:placeholderClassName,onClick:handlePlaceholderClicked}),children)},placeholder:PlaceholderComponent},react_1.default.createElement(VersionMenu,{className:menuClassName,key,currentVersion,latestVersion,localVersion,overrideVersionHref,showVersionDetails,currentLane,getActiveTabIndex,lanes,useVersions:useComponentVersions,onVersionClicked:()=>setOpen(!1),open})))}const defaultActiveTabIndex=(currentVersion,tabs=[],tags,snaps)=>(snaps||[]).some(snap=>snap.version===currentVersion)?tabs.findIndex(tab=>tab.name==="SNAP"):0,VERSION_TAB_NAMES=["TAG","SNAP","LANE"];function _VersionMenu(_a){var _b,_c,{currentVersion,localVersion,latestVersion,overrideVersionHref,showVersionDetails,useVersions,currentLane,lanes,getActiveTabIndex=defaultActiveTabIndex,loading:loadingFromProps,open,onVersionClicked}=_a,rest=__rest(_a,["currentVersion","localVersion","latestVersion","overrideVersionHref","showVersionDetails","useVersions","currentLane","lanes","getActiveTabIndex","loading","open","onVersionClicked"]);const{snaps,tags,loading:loadingVersions}=useVersions?.()||{},loading=loadingFromProps||loadingVersions,tabs=react_1.default.useMemo(()=>VERSION_TAB_NAMES.map(name=>{switch(name){case"SNAP":return{name,payload:snaps||[]};case"LANE":return{name,payload:lanes||[]};default:return{name,payload:tags||[]}}}).filter(tab=>tab.payload.length>0),[snaps?.length,tags?.length,lanes?.length,loading]),[activeTabIndex,setActiveTab]=react_1.default.useState(getActiveTabIndex(currentVersion,tabs,tags,snaps,currentLane)),activeTab=react_1.default.useMemo(()=>activeTabIndex!==void 0?tabs[activeTabIndex]:void 0,[activeTabIndex,tabs]);react_1.default.useEffect(()=>{if(!currentLane||tabs.length===0)return;const _activeTabIndex=getActiveTabIndex(currentVersion,tabs,tags,snaps,currentLane);_activeTabIndex!==activeTabIndex&&setActiveTab(_activeTabIndex)},[currentLane,tabs.length,tags?.length,snaps?.length,currentVersion,loading]);const multipleTabs=tabs.length>1,message=multipleTabs?"Switch to view tags, snaps, or lanes":`Switch between ${(_b=tabs[0])===null||_b===void 0?void 0:_b.name.toLocaleLowerCase()}s`,showTab=activeTabIndex!==void 0&&((_c=tabs[activeTabIndex])===null||_c===void 0?void 0:_c.payload.length)>0,_rowRenderer=react_1.default.useCallback(function({index}){const{name,payload=[]}=activeTab||{},item=payload[index];if(!item)return null;if(name==="LANE"){const lane=item;return react_1.default.createElement(lane_info_1.LaneInfo,Object.assign({key:lane.id.toString(),currentLane},lane))}const version=item;return react_1.default.createElement(version_info_1.VersionInfo,Object.assign({key:version.version,currentVersion,latestVersion,overrideVersionHref,showDetails:showVersionDetails,onVersionClicked},version))},[activeTab,currentVersion,latestVersion,showVersionDetails,currentLane?.id.toString(),showTab]),rowRenderer=react_1.default.useMemo(()=>showTab&&activeTab?_rowRenderer:()=>null,[showTab,activeTab,_rowRenderer]),ActiveTab=react_1.default.useMemo(()=>activeTab?.payload.map((payload,index)=>rowRenderer({index})),[activeTab]);return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionMenuContainer,!open&&version_dropdown_module_scss_1.default.hide)}),react_1.default.createElement("div",{className:version_dropdown_module_scss_1.default.top},loading&&react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{count:6,className:version_dropdown_module_scss_1.default.loader}),!loading&&react_1.default.createElement("div",{className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.titleContainer,version_dropdown_module_scss_1.default.title)},message),!loading&&localVersion&&react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{href:"?",active:currentVersion===exports.LOCAL_VERSION,className:(0,classnames_1.default)(version_dropdown_module_scss_1.default.versionRow,version_dropdown_module_scss_1.default.localVersion),onClick:onVersionClicked},react_1.default.createElement("div",{className:version_dropdown_module_scss_1.default.version},react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:{},className:version_dropdown_module_scss_1.default.versionUserAvatar}),react_1.default.createElement("span",{className:version_dropdown_module_scss_1.default.versionName},exports.LOCAL_VERSION)))),react_1.default.createElement("div",{className:(0,classnames_1.default)(multipleTabs&&version_dropdown_module_scss_1.default.tabs)},multipleTabs&&tabs.map(({name},index)=>react_1.default.createElement(ui_foundation_ui_use_box_tab_1.Tab,{className:version_dropdown_module_scss_1.default.tab,key:name,isActive:activeTabIndex===index,onClick:()=>setActiveTab(index)},name))),react_1.default.createElement("div",{className:version_dropdown_module_scss_1.default.versionContainerRoot},ActiveTab))}},2300:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionInfo=void 0;var version_info_1=__webpack_require__(52437);Object.defineProperty(exports,"VersionInfo",{enumerable:!0,get:function(){return version_info_1.VersionInfo}})},52437:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.VersionInfo=void 0;const design_ui_surfaces_menu_link_item_1=__webpack_require__(86076),design_ui_time_ago_1=__webpack_require__(52464),component_ui_version_label_1=__webpack_require__(16425),react_1=__importStar(__webpack_require__(37953)),design_ui_avatar_1=__webpack_require__(19988),design_ui_styles_ellipsis_1=__webpack_require__(76785),classnames_1=__importDefault(__webpack_require__(14487)),version_info_module_scss_1=__importDefault(__webpack_require__(44820));exports.VersionInfo=react_1.default.memo(react_1.default.forwardRef(_VersionInfo));function _VersionInfo({version,currentVersion,latestVersion,date,username,displayName,email,overrideVersionHref,showDetails,message,tag,profileImage,onVersionClicked},ref){const isCurrent=version===currentVersion,author=(0,react_1.useMemo)(()=>({displayName:displayName??"",email,name:username??"",profileImage}),[displayName,email,username,profileImage]),timestamp=(0,react_1.useMemo)(()=>date?new Date(parseInt(date)).toString():new Date().toString(),[date]),currentVersionRef=(0,react_1.useRef)(null);(0,react_1.useEffect)(()=>{var _a;isCurrent&&((_a=currentVersionRef.current)===null||_a===void 0||_a.scrollIntoView({block:"nearest"}))},[isCurrent]);const href=overrideVersionHref?overrideVersionHref(version):`?version=${version}`,formattedVersion=(0,react_1.useMemo)(()=>tag?version:version.slice(0,6),[tag,version]),isLatest=version===latestVersion;return react_1.default.createElement("div",{ref:ref||currentVersionRef,onClick:onVersionClicked},react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem,{active:isCurrent,href,className:version_info_module_scss_1.default.versionRow},react_1.default.createElement("div",{className:version_info_module_scss_1.default.version},react_1.default.createElement(design_ui_avatar_1.UserAvatar,{size:24,account:author,className:version_info_module_scss_1.default.versionUserAvatar,showTooltip:!0}),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:(0,classnames_1.default)(version_info_module_scss_1.default.versionName)},formattedVersion),isLatest&&react_1.default.createElement(component_ui_version_label_1.VersionLabel,{status:"latest"}),react_1.default.createElement(CommitMessage,{message,showDetails})),react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.versionTimestamp},react_1.default.createElement(design_ui_time_ago_1.TimeAgo,{date:timestamp}))))}function CommitMessage({message,showDetails}){return showDetails?!message||message===""?react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.emptyMessage},"No commit message"):react_1.default.createElement(design_ui_styles_ellipsis_1.Ellipsis,{className:version_info_module_scss_1.default.commitMessage},message):null}},8929:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AspectEntry=void 0;class AspectEntry{constructor(id,legacyEntry){this.id=id,this.legacyEntry=legacyEntry}get legacy(){return this.legacyEntry}get isLegacy(){return!!this.config?.__legacy}get config(){return this.legacy.config}set config(config){this.legacy.config=config}get data(){return this.legacy.data}get isRemoved(){return this.legacy.isRemoved}set data(val){this.legacy.data=val}transform(newData){const newEntry=this.clone();return newEntry.data=newData,new AspectEntry(this.id,newEntry.legacy)}clone(){return new AspectEntry(this.id,this.legacyEntry.clone())}serialize(){return{id:this.id.toString(),config:this.config,data:this.data,icon:"https://static.bit.dev/extensions-icons/default.svg"}}}exports.AspectEntry=AspectEntry},52365:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _anyFs(){const data=__webpack_require__(83875);return _anyFs=function(){return data},data}function eol(){const data=_interopRequireWildcard(__webpack_require__(46179));return eol=function(){return data},data}function _path(){const data=_interopRequireDefault(__webpack_require__(52101));return _path=function(){return data},data}function _toolboxPath(){const data=__webpack_require__(50668);return _toolboxPath=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}class ComponentFS extends _anyFs().MemoryFS{constructor(files){super();this.files=files}get hash(){return""}byRegex(extension){return this.files.filter(file=>file.path.match(extension))}byGlob(patterns){const{includePatterns,excludePatterns}=(0,_toolboxPath().splitPatterns)(patterns);return this.files.filter(file=>(0,_toolboxPath().matchPatterns)(file.relative,includePatterns,excludePatterns))}toObject(){return this.files.map(file=>({path:file.path,contents:file.contents}))}static fromVinyls(files){const fs=new ComponentFS(files);return files.forEach(file=>{let dirPath=file.relativeDir;dirPath.startsWith("/")||(dirPath=_path().default.join("/",dirPath)),fs.mkdirpSync(dirPath),fs.writeFileSync(`/${file.relative}`,eol().auto(file.contents||""))}),fs}}exports.default=ComponentFS},18985:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentMap=void 0;class ComponentMap{constructor(hashMap){this.hashMap=hashMap}byComponent(component){return this.hashMap.get(component.id.toString())}get components(){return this.toArray().map(([component])=>component)}get(component){return this.hashMap.get(component.id.toString())}getValueByComponentId(componentId){const tuple=this.hashMap.get(componentId.toString());return tuple?tuple[1]:null}toArray(){return Array.from(this.hashMap.values())}map(predicate){const tuples=this.toArray().map(([component,value])=>{const newValue=predicate(value,component);return[component.id.toString(),[component,newValue]]});return new ComponentMap(new Map(tuples))}async asyncMap(predicate){const tuplesP=this.toArray().map(async([component,value])=>{const newValue=await predicate(value,component);return[component.id.toString(),[component,newValue]]}),tuples=await Promise.all(tuplesP);return new ComponentMap(new Map(tuples))}forEach(predicate){this.toArray().forEach(([component,value])=>{predicate(value,component)})}flattenValue(){return this.toArray().reduce((acc,[,value])=>(acc=acc.concat(value),acc),[])}filter(predicate){const asMap=this.toArray().filter(([,value])=>predicate(value)).map(([component,value])=>[component.id.toString(),[component,value]]);return new ComponentMap(new Map(asMap))}keys(){return this.hashMap.keys()}static create(rawMap){const newMap=rawMap.map(([component,data])=>[component.id.toString(),[component,data]]);return new ComponentMap(new Map(newMap))}static as(components,predicate){const tuples=components.map(component=>[component.id.toString(),[component,predicate(component)]]);return new ComponentMap(new Map(tuples))}static async asAsync(components,predicate){const tuples=await Promise.all(components.map(async component=>[component.id.toString(),[component,await predicate(component)]]));return new ComponentMap(new Map(tuples))}}exports.ComponentMap=ComponentMap},49661:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentMap",{enumerable:!0,get:function(){return _componentMap().ComponentMap}});function _componentMap(){const data=__webpack_require__(18985);return _componentMap=function(){return data},data}},61159:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ComponentAspect=void 0;function _harmony(){const data=__webpack_require__(12337);return _harmony=function(){return data},data}const ComponentAspect=exports.ComponentAspect=_harmony().Aspect.create({id:"teambit.component/component",dependencies:[],defaultConfig:{}});var _default=exports.default=ComponentAspect},55633:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=void 0;function _toolboxString(){const data=__webpack_require__(5913);return _toolboxString=function(){return data},data}function _bitError(){const data=__webpack_require__(24490);return _bitError=function(){return data},data}function _lodash(){const data=__webpack_require__(92935);return _lodash=function(){return data},data}function _tagMap(){const data=__webpack_require__(10458);return _tagMap=function(){return data},data}function _exceptions(){const data=__webpack_require__(28381);return _exceptions=function(){return data},data}class Component2{constructor(id,head=null,_state,tags=new(_tagMap()).TagMap,factory){this.id=id,this.head=head,this._state=_state,this.tags=tags,this.factory=factory}get mainFile(){return this.state.mainFile}get state(){return this._state}set state(state){this._state=state}get config(){return this.state.config}get filesystem(){return this.state.filesystem}get buildStatus(){return this._state._consumer.buildStatus}get homepage(){return this._state._consumer._getHomepage()}get headTag(){if(!!this.head)return this.tags.byHash(this.head.hash)}get latest(){if(!!this.head)try{return this.tags.getLatest()}catch(err){if(err instanceof _exceptions().CouldNotFindLatest)return this.head.hash;throw err}}get(id){return this.state.aspects.get(id)?.serialize()}async getLogs(filter){const allLogs=await this.factory.getLogs(this.id,!1,filter?.head);if(!filter)return allLogs;const{type,limit,offset,sort}=filter,typeFilter=snap=>type==="tag"?snap.tag:type==="snap"?!snap.tag:!0;let filteredLogs=type&&allLogs.filter(typeFilter)||allLogs;return sort!=="asc"&&(filteredLogs=filteredLogs.reverse()),limit&&(filteredLogs=(0,_lodash().slice)(filteredLogs,offset,limit+(offset||0))),filteredLogs}getDependencies(){return this.factory.getDependencies(this)}getPackageName(){return this.factory.componentPackageName(this)}stringify(){return JSON.stringify({id:this.id,head:this.head})}get displayName(){return this.id.name.split("-").map(token=>(0,_toolboxString().capitalize)(token)).join(" ")}tag(version){}isModified(){return this.factory.isModified(this)}isDeleted(){return this.state._consumer.isRemoved()}isOutdated(){if(!this.latest)return!1;const latestTag=this.tags.byVersion(this.latest);return latestTag?this.head?.hash!==latestTag?.hash:!1}isNew(){return Promise.resolve(this.head===null)}isExported(){return this.factory.isExported(this.id)}loadState(snapId){return this.factory.getState(this.id,snapId)}loadSnap(snapId){const snapToGet=snapId||this.head?.hash;if(!snapToGet)throw new(_bitError()).BitError("could not load snap for new components");return this.factory.getSnap(this.id,snapToGet)}snapsIterable(snapId,options={}){const snapToStart=snapId||this.head?.hash;let nextSnaps=[snapToStart],done;snapToStart||(done=!0);const iterator={next:async()=>{if(done)return{value:void 0,done};const currSnapId=nextSnaps.shift(),snap=await this.loadSnap(currSnapId);return snap.parents&&snap.parents.length&&(options.firstParentOnly?nextSnaps.push(snap.parents[0]):nextSnaps=nextSnaps.concat(snap.parents)),nextSnaps.length?options.stopFn&&(done=await options.stopFn(snap)):done=!0,{value:snap,done:void 0}}};return{[Symbol.asyncIterator]:()=>iterator}}async getClosestTag(snapToStartFrom){const tagsHashMap=this.tags.getHashMap(),stopFn=async snap=>!!tagsHashMap.has(snap.hash),iterable=this.snapsIterable(snapToStartFrom,{firstParentOnly:!0,stopFn}),snaps=[];for await(const snap of iterable)snaps.push(snap);if(snaps.length){const hashOfLastSnap=snaps[snaps.length-1].hash;return tagsHashMap.get(hashOfLastSnap)}}getTag(){const currentVersion=this.id.version;if(!!currentVersion)return this.tags.byVersion(currentVersion)||this.tags.byHash(currentVersion)}getSnapHash(){if(!this.id.hasVersion())return;const tag=this.tags.byVersion(this.id.version);return tag?tag.hash:this.id.version}async getCurrentSnap(){const snap=this.getSnapHash();if(!!snap)return this.loadSnap(snap)}checkout(version){}write(path,fs){}equals(component){return component.id.toString()===this.id.toString()}}exports.Component=Component2},52946:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Config=void 0;class Config{constructor(consumerComponent){this.consumerComponent=consumerComponent}get main(){return this.consumerComponent.mainFile}get extensions(){return this.consumerComponent.extensions}}exports.Config=Config},41384:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CouldNotFindLatest=void 0;class CouldNotFindLatest extends Error{constructor(semverArray){super(`could not find latest semver in array: ${semverArray.join(", ")}`)}report(){return this.message}}exports.CouldNotFindLatest=CouldNotFindLatest},93402:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HostNotFound=void 0;class HostNotFound extends Error{constructor(hostName){super();this.hostName=hostName}toString(){return`[component] error: host '${this.hostName}' was not found`}}exports.HostNotFound=HostNotFound},28381:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CouldNotFindLatest",{enumerable:!0,get:function(){return _couldNotFindLatest().CouldNotFindLatest}}),Object.defineProperty(exports,"HostNotFound",{enumerable:!0,get:function(){return _hostNotFound().HostNotFound}}),Object.defineProperty(exports,"MainFileNotFound",{enumerable:!0,get:function(){return _mainFileNotFound().MainFileNotFound}}),Object.defineProperty(exports,"NothingToSnap",{enumerable:!0,get:function(){return _nothingToSnap().default}});function _nothingToSnap(){const data=_interopRequireDefault(__webpack_require__(51225));return _nothingToSnap=function(){return data},data}function _hostNotFound(){const data=__webpack_require__(93402);return _hostNotFound=function(){return data},data}function _couldNotFindLatest(){const data=__webpack_require__(41384);return _couldNotFindLatest=function(){return data},data}function _mainFileNotFound(){const data=__webpack_require__(72002);return _mainFileNotFound=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}},72002:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MainFileNotFound=void 0;class MainFileNotFound extends Error{constructor(id,mainFile){super();this.id=id,this.mainFile=mainFile}toString(){return`[component] error: main file ${this.mainFile} for component ${this.id.toString()} was not found`}}exports.MainFileNotFound=MainFileNotFound},51225:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;class NothingToSnap extends Error{}exports.default=NothingToSnap},11013:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentHostModel=void 0;function _ui(){const data=__webpack_require__(28537);return _ui=function(){return data},data}class ComponentHostModel{constructor(name,components){this.name=name,this.components=components}static from(data){return new ComponentHostModel(data.getHost.name,_ui().ComponentModel.fromArray(data.getHost.list))}}exports.ComponentHostModel=ComponentHostModel},41733:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={useComponentHost:!0};Object.defineProperty(exports,"useComponentHost",{enumerable:!0,get:function(){return _useComponentHost().useComponentHost}});function _useComponentHost(){const data=__webpack_require__(81403);return _useComponentHost=function(){return data},data}var _componentHostModel=__webpack_require__(11013);Object.keys(_componentHostModel).forEach(function(key){key==="default"||key==="__esModule"||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_componentHostModel[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _componentHostModel[key]}})})},81403:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentHost=useComponentHost;function _uiFoundationUiHooks(){const data=__webpack_require__(30905);return _uiFoundationUiHooks=function(){return data},data}function _client(){const data=__webpack_require__(40886);return _client=function(){return data},data}function _componentHostModel(){const data=__webpack_require__(11013);return _componentHostModel=function(){return data},data}const COMPONENT_HOST=(0,_client().gql)`
   {
     getHost {
       id # used for GQL caching
@@ -443,7 +443,7 @@ the following are permitted ${Object.keys(IssuesClasses).join(", ")}`);const iss
       }
     }
   }
-`;function useComponentHost(){const{data,loading}=(0,_uiFoundationUiHooks().useDataQuery)(COMPONENT_HOST);return!data||loading?{}:{host:_componentHostModel().ComponentHostModel.from(data)}}},30266:(__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__(61159);return _component=function(){return data},data}function _host(){const data=__webpack_require__(41733);return _host=function(){return data},data}function _component2(){const data=__webpack_require__(55633);return _component2=function(){return data},data}function _componentId(){const data=__webpack_require__(62435);return _componentId=function(){return data},data}function _componentFs(){const data=_interopRequireDefault(__webpack_require__(52365));return _componentFs=function(){return data},data}function _aspectEntry(){const data=__webpack_require__(8929);return _aspectEntry=function(){return data},data}function _snap(){const data=__webpack_require__(36567);return _snap=function(){return data},data}function _tag(){const data=__webpack_require__(32173);return _tag=function(){return data},data}function _state(){const data=__webpack_require__(55907);return _state=function(){return data},data}function _tagMap(){const data=__webpack_require__(88077);return _tagMap=function(){return data},data}function _componentMap(){const data=__webpack_require__(49661);return _componentMap=function(){return data},data}function _componentContext(){const data=__webpack_require__(79432);return _componentContext=function(){return data},data}function _context(){const data=__webpack_require__(44421);return _context=function(){return data},data}function _ui(){const data=__webpack_require__(28537);return _ui=function(){return data},data}function _menu(){const data=__webpack_require__(64621);return _menu=function(){return data},data}function _componentModel(){const data=__webpack_require__(51393);return _componentModel=function(){return data},data}function _topBarNav(){const data=__webpack_require__(4965);return _topBarNav=function(){return data},data}function _config(){const data=__webpack_require__(52946);return _config=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=_component().ComponentAspect},36567:(__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},55907:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.State=void 0;function _componentIssues(){const data=__webpack_require__(57333);return _componentIssues=function(){return data},data}function _componentId(){const data=__webpack_require__(62435);return _componentId=function(){return data},data}function _exceptions(){const data=__webpack_require__(28381);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},88077:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagMap=void 0;function _pkgModules(){const data=__webpack_require__(34907);return _pkgModules=function(){return data},data}function _semver(){const data=__webpack_require__(16322);return _semver=function(){return data},data}function _exceptions(){const data=__webpack_require__(28381);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,_pkgModules().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},86233:(__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__(32173);return _tag=function(){return data},data}},32173:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tag=void 0;function _semver(){const data=__webpack_require__(16322);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},59274:(__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__(37953));return _react=function(){return data},data}function _designUiPages(){const data=__webpack_require__(48546);return _designUiPages=function(){return data},data}function _designUiPages2(){const data=__webpack_require__(53535);return _designUiPages2=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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},34670:(__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__(59274);return _componentError=function(){return data},data}},50730:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentModel=void 0;function _compositions(){const data=__webpack_require__(24010);return _compositions=function(){return data},data}function _componentId(){const data=__webpack_require__(62435);return _componentId=function(){return data},data}function _tag(){const data=__webpack_require__(86233);return _tag=function(){return data},data}function _tagMap(){const data=__webpack_require__(88077);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},51393:(__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__(50730);return _componentModel=function(){return data},data}},55810:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=Component2;function _react(){const data=_interopRequireWildcard(__webpack_require__(37953));return _react=function(){return data},data}function _uiFoundationUiReactRouter(){const data=__webpack_require__(46480);return _uiFoundationUiReactRouter=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(47065));return _lodash=function(){return data},data}function _uiFoundationUiReactRouter2(){const data=__webpack_require__(64);return _uiFoundationUiReactRouter2=function(){return data},data}function _lodash2(){const data=__webpack_require__(92935);return _lodash2=function(){return data},data}function _context(){const data=__webpack_require__(44421);return _context=function(){return data},data}function _useComponent(){const data=__webpack_require__(92308);return _useComponent=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(55137);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(30266);return _=function(){return data},data}function _componentModule(){const data=_interopRequireDefault(__webpack_require__(32029));return _componentModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}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(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}function getComponentIdStr(componentIdStr){return(0,_lodash2().isFunction)(componentIdStr)?componentIdStr():componentIdStr}function Component2({routeSlot,overriddenRoutes,containerSlot,host:hostFromProps,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?.()||{},host=(0,_uiFoundationUiReactRouter().useQuery)().get("version")?"teambit.scope/scope":hostFromProps,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(_uiFoundationUiReactRouter2().SlotRouter,{parentPath:`${resolvedComponentIdStr}/*`,slot:routeSlot,routes:overriddenRoutes})),after)):_react().default.createElement("div",null)}},79432:(__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__(37953);return _react=function(){return data},data}function _componentModel(){const data=__webpack_require__(51393);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},88078:(__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__(37953));return _react=function(){return data},data}function _componentContext(){const data=__webpack_require__(79432);return _componentContext=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}},44421:(__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__(79432);return _componentContext=function(){return data},data}function _componentProvider(){const data=__webpack_require__(88078);return _componentProvider=function(){return data},data}},28537:(__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__(64621);return _menu=function(){return data},data}function _component(){const data=__webpack_require__(55810);return _component=function(){return data},data}function _componentModel(){const data=__webpack_require__(51393);return _componentModel=function(){return data},data}function _context(){const data=__webpack_require__(44421);return _context=function(){return data},data}function _topBarNav(){const data=__webpack_require__(4965);return _topBarNav=function(){return data},data}function _useComponent(){const data=__webpack_require__(92308);return _useComponent=function(){return data},data}function _useComponent2(){const data=__webpack_require__(53423);return _useComponent2=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(55137);return _useComponentFromLocation=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(94653);return _useComponentQuery=function(){return data},data}function _useComponentLogs(){const data=__webpack_require__(22046);return _useComponentLogs=function(){return data},data}},64621:(__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__(71050);return _menuNav=function(){return data},data}function _menu(){const data=__webpack_require__(27250);return _menu=function(){return data},data}},71050:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsibleMenuNav=CollapsibleMenuNav;function _react(){const data=_interopRequireWildcard(__webpack_require__(37953));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(14487));return _classnames=function(){return data},data}function _designNavigation(){const data=__webpack_require__(69852);return _designNavigation=function(){return data},data}function _workspaceUi(){const data=__webpack_require__(60517);return _workspaceUi=function(){return data},data}function _topBarNav(){const data=__webpack_require__(4965);return _topBarNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(50669));return _menuModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}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(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,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{isMinimal}=(0,_workspaceUi().useWorkspaceMode)(),plugins=(0,_react().useMemo)(()=>{const _navPlugins=navPlugins.length>0?navPlugins:navigationSlot?.toArray();return isMinimal?(_navPlugins||[]).filter(widget=>!widget[1].props.hideInMinimalMode).sort(sortFn):(_navPlugins||[]).sort(sortFn)},[navigationSlot,navPlugins,isMinimal]),widgets=(0,_react().useMemo)(()=>{const _widgetPlugins=widgetPlugins.length>0?widgetPlugins:widgetSlot?.toArray();return isMinimal?(_widgetPlugins||[]).filter(widget=>!widget[1].props.hideInMinimalMode).sort(sortFn):(_widgetPlugins||[]).sort(sortFn)},[widgetSlot,widgetPlugins,isMinimal]),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)}},27250:(__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__(37953));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(21154);return _reactRouterDom=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(14487));return _classnames=function(){return data},data}function _uiFoundationUiReactRouter(){const data=__webpack_require__(46480);return _uiFoundationUiReactRouter=function(){return data},data}function _lodash(){const data=__webpack_require__(92935);return _lodash=function(){return data},data}function semver(){const data=_interopRequireWildcard(__webpack_require__(16322));return semver=function(){return data},data}function _componentUi(){const data=__webpack_require__(5490);return _componentUi=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(71389);return _uiFoundationUi=function(){return data},data}function _componentId(){const data=__webpack_require__(62435);return _componentId=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(39343);return _baseReactNavigation=function(){return data},data}function _uiFoundationUiUseBox(){const data=__webpack_require__(40071);return _uiFoundationUiUseBox=function(){return data},data}function _lanesHooks(){const data=__webpack_require__(30969);return _lanesHooks=function(){return data},data}function _uiFoundationUiUseBox2(){const data=__webpack_require__(62185);return _uiFoundationUiUseBox2=function(){return data},data}function _workspaceUi(){const data=__webpack_require__(60517);return _workspaceUi=function(){return data},data}function _useComponent(){const data=__webpack_require__(92308);return _useComponent=function(){return data},data}function _menuNav(){const data=__webpack_require__(71050);return _menuNav=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(55137);return _useComponentFromLocation=function(){return data},data}function _topBarNav(){const data=__webpack_require__(4965);return _topBarNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(50669));return _menuModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}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(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function getComponentIdStr(componentIdStr){return(0,_lodash().isFunction)(componentIdStr)?componentIdStr():componentIdStr}function ComponentMenu({navigationSlot,widgetSlot,className,host:hostFromProps,menuItemSlot,consumeMethodSlot,rightSideMenuSlot,componentIdStr,skipRightSide,RightNode,useComponent,path,useComponentFilters,authToken,pinnedWidgetSlot}){const{isMinimal}=(0,_workspaceUi().useWorkspaceMode)(),idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),componentIdStrWithScopeFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(void 0,!0),_componentIdStr=getComponentIdStr(componentIdStr),componentId=_componentIdStr?_componentId().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]),pinnedWidgets=(0,_react().useMemo)(()=>(0,_lodash().flatten)(pinnedWidgetSlot.toArray().sort(sortFn).map(([,pinnedWidget])=>pinnedWidget)),[pinnedWidgetSlot]),componentFilters=useComponentFilters?.()||{},host=(0,_uiFoundationUiReactRouter().useQuery)().get("version")?"teambit.scope/scope":hostFromProps,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:hostFromProps,consumeMethods:consumeMethodSlot,componentId:componentId?.toString()||idFromLocation,useComponent:useComponentVersions,componentFilters,authToken}),rightSideItems.map(({item})=>item),!isMinimal&&_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})),isMinimal&&pinnedWidgets.map(pinnedWidget=>_react().default.createElement(PinnedWidgetComponent,_extends({key:`key-${pinnedWidget.order}`},pinnedWidget.props))),!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,host])}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??"",authToken=props.authToken,consumeMethodProps=_react().default.useMemo(()=>id?{id,packageName:packageName??"",latest,options:{viewedLane,disableInstall:!packageName},authToken}:void 0,[id,packageName,latest,viewedLane,authToken]),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),dropClass:_menuModule().default.useBoxContainer,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])}function sortFn([,{order:first}],[,{order:second}]){return(first??0)-(second??0)}function PinnedWidgetComponent(menuItemProps){return _react().default.createElement(_topBarNav().TopBarNav,_extends({},menuItemProps,{style:_objectSpread(_objectSpread({},menuItemProps.style),{},{height:"100%"}),className:(0,_classnames().default)(menuItemProps?.className)}),menuItemProps?.children)}},4965:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _topBarNav=__webpack_require__(29482);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]}})})},29482:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TopBarNav=TopBarNav;function _react(){const data=_interopRequireDefault(__webpack_require__(37953));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(14487));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(21154);return _reactRouterDom=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(39343);return _baseReactNavigation=function(){return data},data}function _topBarNavModule(){const data=_interopRequireDefault(__webpack_require__(49277));return _topBarNavModule=function(){return data},data}const _excluded=["href","className","activeClassName","children","displayName","ignoreQueryParams"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}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))}},55137:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIdFromLocation=useIdFromLocation;function _reactRouterDom(){const data=__webpack_require__(21154);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]}},22046:(__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__(37953);return _react=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(30905);return _uiFoundationUiHooks=function(){return data},data}function _useComponent(){const data=__webpack_require__(53423);return _useComponent=function(){return data},data}function _componentError(){const data=__webpack_require__(34670);return _componentError=function(){return data},data}function _useComponent2(){const data=__webpack_require__(23403);return _useComponent2=function(){return data},data}function _(){const data=__webpack_require__(30266);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}}},94653:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentQuery=useComponentQuery;function _react(){const data=__webpack_require__(37953);return _react=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(30905);return _uiFoundationUiHooks=function(){return data},data}function _componentId(){const data=__webpack_require__(62435);return _componentId=function(){return data},data}function _componentDescriptor(){const data=__webpack_require__(95350);return _componentDescriptor=function(){return data},data}function _componentModel(){const data=__webpack_require__(51393);return _componentModel=function(){return data},data}function _useComponent(){const data=__webpack_require__(53423);return _useComponent=function(){return data},data}function _useComponentLogs(){const data=__webpack_require__(22046);return _useComponentLogs=function(){return data},data}function _componentError(){const data=__webpack_require__(34670);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(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}function useComponentQuery(componentId,host,filters,skip){const idRef=(0,_react().useRef)(componentId);idRef.current=componentId;const variables={id:componentId,extensionId:host},{data,error,loading}=(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,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])}},53423:(__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__(40886);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)}}},30266:(__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__(61159);return _component=function(){return data},data}function _host(){const data=__webpack_require__(41733);return _host=function(){return data},data}function _component2(){const data=__webpack_require__(55633);return _component2=function(){return data},data}function _componentId(){const data=__webpack_require__(62435);return _componentId=function(){return data},data}function _componentFs(){const data=_interopRequireDefault(__webpack_require__(52365));return _componentFs=function(){return data},data}function _aspectEntry(){const data=__webpack_require__(8929);return _aspectEntry=function(){return data},data}function _snap(){const data=__webpack_require__(36567);return _snap=function(){return data},data}function _tag(){const data=__webpack_require__(32173);return _tag=function(){return data},data}function _state(){const data=__webpack_require__(55907);return _state=function(){return data},data}function _tagMap(){const data=__webpack_require__(10458);return _tagMap=function(){return data},data}function _componentMap(){const data=__webpack_require__(49661);return _componentMap=function(){return data},data}function _componentContext(){const data=__webpack_require__(79432);return _componentContext=function(){return data},data}function _context(){const data=__webpack_require__(44421);return _context=function(){return data},data}function _ui(){const data=__webpack_require__(28537);return _ui=function(){return data},data}function _menu(){const data=__webpack_require__(64621);return _menu=function(){return data},data}function _componentModel(){const data=__webpack_require__(51393);return _componentModel=function(){return data},data}function _topBarNav(){const data=__webpack_require__(4965);return _topBarNav=function(){return data},data}function _config(){const data=__webpack_require__(52946);return _config=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=_component().ComponentAspect},36567:(__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},55907:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.State=void 0;function _componentIssues(){const data=__webpack_require__(57333);return _componentIssues=function(){return data},data}function _componentId(){const data=__webpack_require__(62435);return _componentId=function(){return data},data}function _exceptions(){const data=__webpack_require__(28381);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},10458:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagMap=void 0;function _pkgModules(){const data=__webpack_require__(34907);return _pkgModules=function(){return data},data}function _semver(){const data=__webpack_require__(16322);return _semver=function(){return data},data}function _exceptions(){const data=__webpack_require__(28381);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,_pkgModules().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},86233:(__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__(32173);return _tag=function(){return data},data}},32173:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tag=void 0;function _semver(){const data=__webpack_require__(16322);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},59274:(__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__(37953));return _react=function(){return data},data}function _designUiPages(){const data=__webpack_require__(48546);return _designUiPages=function(){return data},data}function _designUiPages2(){const data=__webpack_require__(53535);return _designUiPages2=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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},34670:(__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__(59274);return _componentError=function(){return data},data}},50730:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentModel=void 0;function _compositions(){const data=__webpack_require__(24010);return _compositions=function(){return data},data}function _componentId(){const data=__webpack_require__(62435);return _componentId=function(){return data},data}function _tag(){const data=__webpack_require__(86233);return _tag=function(){return data},data}function _tagMap(){const data=__webpack_require__(10458);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},51393:(__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__(50730);return _componentModel=function(){return data},data}},55810:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Component=Component2;function _react(){const data=_interopRequireWildcard(__webpack_require__(37953));return _react=function(){return data},data}function _uiFoundationUiReactRouter(){const data=__webpack_require__(46480);return _uiFoundationUiReactRouter=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(47065));return _lodash=function(){return data},data}function _uiFoundationUiReactRouter2(){const data=__webpack_require__(64);return _uiFoundationUiReactRouter2=function(){return data},data}function _lodash2(){const data=__webpack_require__(92935);return _lodash2=function(){return data},data}function _context(){const data=__webpack_require__(44421);return _context=function(){return data},data}function _useComponent(){const data=__webpack_require__(92308);return _useComponent=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(55137);return _useComponentFromLocation=function(){return data},data}function _(){const data=__webpack_require__(30266);return _=function(){return data},data}function _componentModule(){const data=_interopRequireDefault(__webpack_require__(32029));return _componentModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}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(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}function getComponentIdStr(componentIdStr){return(0,_lodash2().isFunction)(componentIdStr)?componentIdStr():componentIdStr}function Component2({routeSlot,overriddenRoutes,containerSlot,host:hostFromProps,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?.()||{},host=(0,_uiFoundationUiReactRouter().useQuery)().get("version")?"teambit.scope/scope":hostFromProps,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(_uiFoundationUiReactRouter2().SlotRouter,{parentPath:`${resolvedComponentIdStr}/*`,slot:routeSlot,routes:overriddenRoutes})),after)):_react().default.createElement("div",null)}},79432:(__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__(37953);return _react=function(){return data},data}function _componentModel(){const data=__webpack_require__(51393);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},88078:(__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__(37953));return _react=function(){return data},data}function _componentContext(){const data=__webpack_require__(79432);return _componentContext=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}},44421:(__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__(79432);return _componentContext=function(){return data},data}function _componentProvider(){const data=__webpack_require__(88078);return _componentProvider=function(){return data},data}},28537:(__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__(64621);return _menu=function(){return data},data}function _component(){const data=__webpack_require__(55810);return _component=function(){return data},data}function _componentModel(){const data=__webpack_require__(51393);return _componentModel=function(){return data},data}function _context(){const data=__webpack_require__(44421);return _context=function(){return data},data}function _topBarNav(){const data=__webpack_require__(4965);return _topBarNav=function(){return data},data}function _useComponent(){const data=__webpack_require__(92308);return _useComponent=function(){return data},data}function _useComponent2(){const data=__webpack_require__(53423);return _useComponent2=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(55137);return _useComponentFromLocation=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(94653);return _useComponentQuery=function(){return data},data}function _useComponentLogs(){const data=__webpack_require__(22046);return _useComponentLogs=function(){return data},data}},64621:(__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__(71050);return _menuNav=function(){return data},data}function _menu(){const data=__webpack_require__(27250);return _menu=function(){return data},data}},71050:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsibleMenuNav=CollapsibleMenuNav;function _react(){const data=_interopRequireWildcard(__webpack_require__(37953));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(14487));return _classnames=function(){return data},data}function _designNavigation(){const data=__webpack_require__(69852);return _designNavigation=function(){return data},data}function _workspaceUi(){const data=__webpack_require__(60517);return _workspaceUi=function(){return data},data}function _topBarNav(){const data=__webpack_require__(4965);return _topBarNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(50669));return _menuModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}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(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,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{isMinimal}=(0,_workspaceUi().useWorkspaceMode)(),plugins=(0,_react().useMemo)(()=>{const _navPlugins=navPlugins.length>0?navPlugins:navigationSlot?.toArray();return isMinimal?(_navPlugins||[]).filter(widget=>!widget[1].props.hideInMinimalMode).sort(sortFn):(_navPlugins||[]).sort(sortFn)},[navigationSlot,navPlugins,isMinimal]),widgets=(0,_react().useMemo)(()=>{const _widgetPlugins=widgetPlugins.length>0?widgetPlugins:widgetSlot?.toArray();return isMinimal?(_widgetPlugins||[]).filter(widget=>!widget[1].props.hideInMinimalMode).sort(sortFn):(_widgetPlugins||[]).sort(sortFn)},[widgetSlot,widgetPlugins,isMinimal]),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)}},27250:(__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__(37953));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(21154);return _reactRouterDom=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(14487));return _classnames=function(){return data},data}function _uiFoundationUiReactRouter(){const data=__webpack_require__(46480);return _uiFoundationUiReactRouter=function(){return data},data}function _lodash(){const data=__webpack_require__(92935);return _lodash=function(){return data},data}function semver(){const data=_interopRequireWildcard(__webpack_require__(16322));return semver=function(){return data},data}function _componentUi(){const data=__webpack_require__(5490);return _componentUi=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(71389);return _uiFoundationUi=function(){return data},data}function _componentId(){const data=__webpack_require__(62435);return _componentId=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(39343);return _baseReactNavigation=function(){return data},data}function _uiFoundationUiUseBox(){const data=__webpack_require__(40071);return _uiFoundationUiUseBox=function(){return data},data}function _lanesHooks(){const data=__webpack_require__(30969);return _lanesHooks=function(){return data},data}function _uiFoundationUiUseBox2(){const data=__webpack_require__(62185);return _uiFoundationUiUseBox2=function(){return data},data}function _workspaceUi(){const data=__webpack_require__(60517);return _workspaceUi=function(){return data},data}function _useComponent(){const data=__webpack_require__(92308);return _useComponent=function(){return data},data}function _menuNav(){const data=__webpack_require__(71050);return _menuNav=function(){return data},data}function _useComponentFromLocation(){const data=__webpack_require__(55137);return _useComponentFromLocation=function(){return data},data}function _topBarNav(){const data=__webpack_require__(4965);return _topBarNav=function(){return data},data}function _menuModule(){const data=_interopRequireDefault(__webpack_require__(50669));return _menuModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}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(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function getComponentIdStr(componentIdStr){return(0,_lodash().isFunction)(componentIdStr)?componentIdStr():componentIdStr}function ComponentMenu({navigationSlot,widgetSlot,className,host:hostFromProps,menuItemSlot,consumeMethodSlot,rightSideMenuSlot,componentIdStr,skipRightSide,RightNode,useComponent,path,useComponentFilters,authToken,pinnedWidgetSlot}){const{isMinimal}=(0,_workspaceUi().useWorkspaceMode)(),idFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(),componentIdStrWithScopeFromLocation=(0,_useComponentFromLocation().useIdFromLocation)(void 0,!0),_componentIdStr=getComponentIdStr(componentIdStr),componentId=_componentIdStr?_componentId().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]),pinnedWidgets=(0,_react().useMemo)(()=>(0,_lodash().flatten)(pinnedWidgetSlot.toArray().sort(sortFn).map(([,pinnedWidget])=>pinnedWidget)),[pinnedWidgetSlot]),componentFilters=useComponentFilters?.()||{},host=(0,_uiFoundationUiReactRouter().useQuery)().get("version")?"teambit.scope/scope":hostFromProps,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:hostFromProps,consumeMethods:consumeMethodSlot,componentId:componentId?.toString()||idFromLocation,useComponent:useComponentVersions,componentFilters,authToken}),rightSideItems.map(({item})=>item),!isMinimal&&_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})),isMinimal&&pinnedWidgets.map(pinnedWidget=>_react().default.createElement(PinnedWidgetComponent,_extends({key:`key-${pinnedWidget.order}`},pinnedWidget.props))),!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,host])}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??"",authToken=props.authToken,consumeMethodProps=_react().default.useMemo(()=>id?{id,packageName:packageName??"",latest,options:{viewedLane,disableInstall:!packageName},authToken}:void 0,[id,packageName,latest,viewedLane,authToken]),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),dropClass:_menuModule().default.useBoxContainer,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])}function sortFn([,{order:first}],[,{order:second}]){return(first??0)-(second??0)}function PinnedWidgetComponent(menuItemProps){return _react().default.createElement(_topBarNav().TopBarNav,_extends({},menuItemProps,{style:_objectSpread(_objectSpread({},menuItemProps.style),{},{height:"100%"}),className:(0,_classnames().default)(menuItemProps?.className)}),menuItemProps?.children)}},4965:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _topBarNav=__webpack_require__(29482);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]}})})},29482:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TopBarNav=TopBarNav;function _react(){const data=_interopRequireDefault(__webpack_require__(37953));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(14487));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(21154);return _reactRouterDom=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(39343);return _baseReactNavigation=function(){return data},data}function _topBarNavModule(){const data=_interopRequireDefault(__webpack_require__(49277));return _topBarNavModule=function(){return data},data}const _excluded=["href","className","activeClassName","children","displayName","ignoreQueryParams"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}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))}},55137:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIdFromLocation=useIdFromLocation;function _reactRouterDom(){const data=__webpack_require__(21154);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]}},22046:(__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__(37953);return _react=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(30905);return _uiFoundationUiHooks=function(){return data},data}function _useComponent(){const data=__webpack_require__(53423);return _useComponent=function(){return data},data}function _componentError(){const data=__webpack_require__(34670);return _componentError=function(){return data},data}function _useComponent2(){const data=__webpack_require__(23403);return _useComponent2=function(){return data},data}function _(){const data=__webpack_require__(30266);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}}},94653:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useComponentQuery=useComponentQuery;function _react(){const data=__webpack_require__(37953);return _react=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(30905);return _uiFoundationUiHooks=function(){return data},data}function _componentId(){const data=__webpack_require__(62435);return _componentId=function(){return data},data}function _componentDescriptor(){const data=__webpack_require__(95350);return _componentDescriptor=function(){return data},data}function _componentModel(){const data=__webpack_require__(51393);return _componentModel=function(){return data},data}function _useComponent(){const data=__webpack_require__(53423);return _useComponent=function(){return data},data}function _useComponentLogs(){const data=__webpack_require__(22046);return _useComponentLogs=function(){return data},data}function _componentError(){const data=__webpack_require__(34670);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(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}function useComponentQuery(componentId,host,filters,skip){const idRef=(0,_react().useRef)(componentId);idRef.current=componentId;const variables={id:componentId,extensionId:host},{data,error,loading}=(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,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])}},53423:(__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__(40886);return _client=function(){return data},data}const componentIdFields=exports.componentIdFields=(0,_client().gql)`
   fragment componentIdFields on ComponentID {
     name
     version
@@ -595,7 +595,7 @@ the following are permitted ${Object.keys(IssuesClasses).join(", ")}`);const iss
     }
   }
   ${componentIdFields}
-`},92308:(__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__(46480);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(94653);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(88439);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}`}},88439:()=>{"use strict"},23403:(__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}},68089: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.CompositionCardSkeleton=CompositionCardSkeleton,exports.PreviewSkeleton=PreviewSkeleton;const react_1=__importDefault(__webpack_require__(37953)),base_ui_loaders_skeleton_1=__webpack_require__(84738),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(76376));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"})))}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"}))}},48216:(__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__(68089);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}})},38527: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__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),evangelist_elements_icon_1=__webpack_require__(31776),compositions_1=__webpack_require__(24010),design_ui_styles_ellipsis_1=__webpack_require__(76785),composition_card_module_scss_1=__importDefault(__webpack_require__(69610));exports.CompositionCard=react_1.default.memo(_CompositionCard);function _CompositionCard(_a){var{composition,component,className,openCompositionLink,previewClass,queryParams}=_a,rest=__rest(_a,["composition","component","className","openCompositionLink","previewClass","queryParams"]);const Composition=react_1.default.useMemo(()=>react_1.default.createElement(compositions_1.ComponentComposition,{disableScroll:!0,className:previewClass,includeEnv:!0,loading:"lazy",composition,component,viewport:1280,queryParams,previewName:"compositions"}),[composition.identifier,component.id.toString(),previewClass]);return react_1.default.createElement("div",Object.assign({key:composition.identifier},rest,{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"}))))}},23778:(__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__(38527);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}});var composition_card_skeleton_1=__webpack_require__(48216);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}})},70532: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=humanizeCompositionId;const humanize_string_1=__importDefault(__webpack_require__(64744));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}},36261:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(70532);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},22645: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=CompositionGallerySkeleton;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),base_ui_loaders_skeleton_1=__webpack_require__(84738),composition_card_1=__webpack_require__(23778),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(68404));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}`}))))}},13156:(__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__(22645);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},91339: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=CompositionGallery;const react_1=__importDefault(__webpack_require__(37953)),design_elements_icon_1=__webpack_require__(12287),documenter_ui_linked_heading_1=__webpack_require__(2151),base_react_navigation_link_1=__webpack_require__(39343),composition_card_1=__webpack_require__(23778),composition_gallery_module_scss_1=__importDefault(__webpack_require__(70538));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,queryParams:"disableCta=true"})))):null}},55970:(__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__(91339);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(13156);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},75320:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(36261);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},83453:(__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__(12337);return _harmony=function(){return data},data}const CompositionsAspect=exports.CompositionsAspect=_harmony().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});var _default=exports.default=CompositionsAspect},57223:(__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__(37953));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(21154);return _reactRouterDom=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(994));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(83268));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(50629);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(23459);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(22801);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(30266);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(51416);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(618);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(7422);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(21245);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(42372);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(77300);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(14373);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(18301);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(35763);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(17208);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(14167);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(60341);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(39343);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(81909);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(85936);return _designUiSurfaces=function(){return data},data}function _designUi4(){const data=__webpack_require__(62634);return _designUi4=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(75602));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(489);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(46592);return _compositionsPanel=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState","sandbox"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}const Link=_baseReactNavigation().Link;function Compositions({menuBarWidgets,emptyState,usePreviewSandboxSlot}){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),[sandboxValue,setSandboxValue]=(0,_react().useState)(""),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition;const properties=(0,_docsUiQueries().useDocs)(component.id),previewSandboxHooks=usePreviewSandboxSlot?.values()??[],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,livecontrols:!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:"80%",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(_designUi4().Tooltip,{content:"Open in new tab",placement:"right"},_react().default.createElement(Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.openInNewTab},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"})))),_react().default.createElement(_previewUi().SandboxPermissionsAggregator,{hooks:previewSandboxHooks,onSandboxChange:setSandboxValue,component}),_react().default.createElement(CompositionContent,{className:_compositionsModule().default.compositionPanel,emptyState,component,selected:currentComposition,queryParams,sandbox:sandboxValue})),_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(searchParams);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,sandbox}=_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,sandbox},componentCompositionProps))}},24010:(__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__(83453);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(75320);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(57223);return _compositions2=function(){return data},data}function _ui(){const data=__webpack_require__(489);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},32362:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(37953));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _workspaceUi(){const data=__webpack_require__(60517);return _workspaceUi=function(){return data},data}const _excluded=["composition","component","queryParams"];function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{isMinimal}=(0,_workspaceUi().useWorkspaceMode)(),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,propagateError:isMinimal}))}},46592:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(31776);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(14487));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(21154);return _reactRouterDom=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(37953));return _react=function(){return data},data}function _uiFoundationUiTree(){const data=__webpack_require__(51796);return _uiFoundationUiTree=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(19473);return _uiFoundationUi=function(){return data},data}function _designUi(){const data=__webpack_require__(62634);return _designUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(39343);return _baseReactNavigation=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(63855);return _compositionsUi=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(1779));return _compositionsPanelModule=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","active","includesEnvTemplate","useNameParam","className"];function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}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(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,active,includesEnvTemplate,useNameParam,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const[hasLiveControls,setHasLiveControls]=(0,_react().useState)(!1),[openDrawerList,onToggleDrawer]=(0,_react().useState)(["COMPOSITIONS","LIVE_CONTROLS"]),handleDrawerToggle=id=>{if(openDrawerList.includes(id)){onToggleDrawer(list=>list.filter(drawer=>drawer!==id));return}onToggleDrawer(list=>list.concat(id))},shouldAddNameParam=useNameParam||isScaling&&includesEnvTemplate===!1,location=(0,_baseReactNavigation().useLocation)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),[controlsTimestamp,setControlsTimestamp]=(0,_react().useState)(0),[controlsDefs,setControlsDefs]=(0,_react().useState)(null),[controlsValues,setControlsValues]=(0,_react().useState)({}),[mounter,setMounter]=(0,_react().useState)(),handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected),selected!==active&&setControlsTimestamp(0)},[onSelect]),onCompositionCodeClicked=(0,_react().useCallback)(composition=>e=>{e.preventDefault(),setControlsTimestamp(0);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]);(0,_react().useEffect)(()=>{window.addEventListener("message",e=>{e.data.type==="composition-live-controls:activate"&&setHasLiveControls(!0)});function onLiveControlsSetup(e){(0,_compositionsUi().getReadyListener)(e,({controls,values,timestamp})=>{const iframeWindow=e.source;setMounter(iframeWindow),setControlsDefs(controls),setControlsValues(values),setControlsTimestamp(timestamp)})}return window.addEventListener("message",onLiveControlsSetup),()=>{window.removeEventListener("message",onLiveControlsSetup)}},[]);const onLiveControlsUpdate=(0,_react().useCallback)((key,value)=>{mounter&&(0,_compositionsUi().broadcastUpdate)(mounter,controlsTimestamp,{key,value}),setControlsValues(prev=>_objectSpread(_objectSpread({},prev),{},{[key]:value}))},[mounter,controlsValues,controlsTimestamp]);return _react().default.createElement("div",{className:(0,_classnames().default)(_compositionsPanelModule().default.container)},_react().default.createElement(_uiFoundationUiTree().DrawerUI,{isOpen:openDrawerList.includes("COMPOSITIONS"),onToggle:()=>handleDrawerToggle("COMPOSITIONS"),name:"COMPOSITIONS",className:(0,_classnames().default)(_compositionsPanelModule().default.tab)},_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.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(_designUi().Tooltip,{content:"Open in new tab",placement:"bottom"},_react().default.createElement("a",{className:_compositionsPanelModule().default.iconLink,target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{className:_compositionsPanelModule().default.icon,of:"open-tab"})))))}))),hasLiveControls?_react().default.createElement(_uiFoundationUiTree().DrawerUI,{isOpen:openDrawerList.includes("LIVE_CONTROLS"),onToggle:()=>handleDrawerToggle("LIVE_CONTROLS"),className:(0,_classnames().default)(_compositionsPanelModule().default.tab),name:"LIVE CONTROLS"},controlsTimestamp?_react().default.createElement(_liveControlPanel().LiveControls,{defs:controlsDefs,values:controlsValues,onChange:onLiveControlsUpdate}):_react().default.createElement("div",{className:_compositionsPanelModule().default.noLiveControls},"No live controls available for this composition")):null)}},30227:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getInputComponent=getInputComponent;function _react(){const data=_interopRequireDefault(__webpack_require__(37953));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(14487));return _classnames=function(){return data},data}function _designInputs(){const data=__webpack_require__(13693);return _designInputs=function(){return data},data}function _designInputs2(){const data=__webpack_require__(92889);return _designInputs2=function(){return data},data}function _designInputs3(){const data=__webpack_require__(7927);return _designInputs3=function(){return data},data}function _designInputsSelectors(){const data=__webpack_require__(92128);return _designInputsSelectors=function(){return data},data}function _designUiInput(){const data=__webpack_require__(39930);return _designUiInput=function(){return data},data}function _designInputs4(){const data=__webpack_require__(81110);return _designInputs4=function(){return data},data}function _designInputs5(){const data=__webpack_require__(40082);return _designInputs5=function(){return data},data}function _liveControlInputModule(){const data=_interopRequireDefault(__webpack_require__(85014));return _liveControlInputModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function ShortTextInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=e=>{const newValue=e.target.value;onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement(_designInputs().InputText,{value:inputValue,onChange:handleChange})}function LongTextInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=e=>{const newValue=e.target.value;onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement(_designInputs2().TextArea,{value:inputValue,onChange:handleChange})}function SelectInput({value,onChange,meta}){const[selectedValue,setSelectedValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setSelectedValue(value||"")},[value]);const handleChange=newValue=>{onChange(newValue||""),setSelectedValue(newValue||"")},options=_react().default.useMemo(()=>!meta||!meta.options?[]:meta.options.map(option=>typeof option=="string"?{label:option,value:option}:option),[meta]),placeholderContent=options.find(o=>o.value===selectedValue)?.label;return _react().default.createElement("p",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designInputs3().Dropdown,{placeholderContent},options.map(option=>_react().default.createElement(_designInputsSelectors().MenuItem,{active:option.value===selectedValue,key:option.value,onClick:()=>handleChange(option.value)},option.label))))}function NumberInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||0);_react().default.useEffect(()=>{setInputValue(value||0)},[value]);const handleChange=e=>{const newValue=e.target.value;isNaN(Number(newValue))?console.error("Invalid number input",newValue):(onChange(Number(newValue)||0),setInputValue(Number(newValue)||0))};return _react().default.createElement(_designInputs().InputText,{type:"number",value:inputValue,onChange:handleChange})}function ColorInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=newValue=>{onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement("p",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designUiInput().ColorPicker,{value:inputValue,onColorSelect:handleChange,allowCustomColor:!0}))}function DateInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(new Date(value));_react().default.useEffect(()=>{setInputValue(new Date(value))},[value]);const handleChange=newValue=>{newValue&&onChange(newValue.toISOString().split("T")[0]),setInputValue(newValue)};return _react().default.createElement("p",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designInputs4().DatePicker,{date:inputValue,onChange:handleChange}))}function ToggleInput({value,onChange}){const[isChecked,setIsChecked]=_react().default.useState(!!value);_react().default.useEffect(()=>{setIsChecked(!!value)},[value]);const handleChange=()=>{setIsChecked(!isChecked),onChange(!isChecked)};return _react().default.createElement("p",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designInputs5().Toggle,{defaultChecked:isChecked,onChange:handleChange}))}function JsonInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(JSON.stringify(value,null,2));_react().default.useEffect(()=>{setInputValue(JSON.stringify(value,null,2))},[value]);const[message,setMessage]=_react().default.useState(""),handleChange=e=>{const newValue=e.target.value;try{const parsedValue=JSON.parse(newValue);onChange(parsedValue),setMessage("")}catch{setMessage("Invalid JSON")}setInputValue(newValue)};return _react().default.createElement("div",null,_react().default.createElement(_designInputs2().TextArea,{value:inputValue,onChange:handleChange}),message&&_react().default.createElement("div",{style:{color:"red"}},message))}function getInputComponent(type){switch(type){case"text":return ShortTextInput;case"longtext":return LongTextInput;case"select":return SelectInput;case"number":return NumberInput;case"color":return ColorInput;case"date":return DateInput;case"boolean":return ToggleInput;case"json":return JsonInput;default:return console.warn(`Unknown input type: ${type}`),ShortTextInput}}},44849:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControls=LiveControls;function _react(){const data=_interopRequireDefault(__webpack_require__(37953));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(14487));return _classnames=function(){return data},data}function _liveControlPanelModule(){const data=_interopRequireDefault(__webpack_require__(54e3));return _liveControlPanelModule=function(){return data},data}function _liveControlInput(){const data=__webpack_require__(30227);return _liveControlInput=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function LiveControls({defs,values,onChange}){return _react().default.createElement("ul",{className:(0,_classnames().default)(_liveControlPanelModule().default.container),style:{paddingBottom:"20em"}},defs.map(field=>{const key=field.id,InputComponent=(0,_liveControlInput().getInputComponent)(field.input||"text");return _react().default.createElement("li",{key,className:(0,_classnames().default)(_liveControlPanelModule().default.item)},_react().default.createElement("div",{className:(0,_classnames().default)(_liveControlPanelModule().default.label)},_react().default.createElement("label",{htmlFor:`control-${key}`},field.label||field.id)),_react().default.createElement("div",null,_react().default.createElement(InputComponent,{id:`control-${key}`,value:values[key],onChange:v=>onChange(key,v),meta:field})))}))}},489:(__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__(32362);return _compositionPreview=function(){return data},data}},10623: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.AccountTypes=void 0,exports.Avatar=Avatar;const react_1=__importDefault(__webpack_require__(37953)),default_avatar_1=__webpack_require__(19963),org_avatar_1=__webpack_require__(71962),user_avatar_1=__webpack_require__(82823);var AccountTypes;(function(AccountTypes2){AccountTypes2.org="organization",AccountTypes2.user="user",AccountTypes2.default="default"})(AccountTypes||(exports.AccountTypes=AccountTypes={}));function Avatar(_a){var{account}=_a,rest=__rest(_a,["account"]);if(!account)return react_1.default.createElement(default_avatar_1.DefaultAvatar,Object.assign({},rest));const{type,name,displayName,image}=account,accountObj={name,displayName,profileImage:image};return type==="user"?react_1.default.createElement(user_avatar_1.UserAvatar,Object.assign({account:accountObj},rest)):type==="org"?react_1.default.createElement(org_avatar_1.OrgAvatar,Object.assign({account:accountObj},rest)):react_1.default.createElement(default_avatar_1.DefaultAvatar,Object.assign({},rest))}},19963: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.DefaultAvatar=DefaultAvatar;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),styles_module_scss_1=__importDefault(__webpack_require__(47603));function DefaultAvatar(_a){var{size=32,children,className}=_a,rest=__rest(_a,["size","children","className"]);return react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(styles_module_scss_1.default.default,styles_module_scss_1.default.avatar,className),style:{width:`${size}px`,height:`${size}px`,fontSize:`${size*.35}px`,lineHeight:`${size}px`}},rest),"?",children)}},19988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultAvatar=exports.OrgAvatar=exports.UserAvatar=exports.Avatar=exports.AccountTypes=void 0;var avatar_1=__webpack_require__(10623);Object.defineProperty(exports,"AccountTypes",{enumerable:!0,get:function(){return avatar_1.AccountTypes}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return avatar_1.Avatar}});var user_avatar_1=__webpack_require__(82823);Object.defineProperty(exports,"UserAvatar",{enumerable:!0,get:function(){return user_avatar_1.UserAvatar}});var org_avatar_1=__webpack_require__(71962);Object.defineProperty(exports,"OrgAvatar",{enumerable:!0,get:function(){return org_avatar_1.OrgAvatar}});var default_avatar_1=__webpack_require__(19963);Object.defineProperty(exports,"DefaultAvatar",{enumerable:!0,get:function(){return default_avatar_1.DefaultAvatar}})},71962: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.OrgAvatar=OrgAvatar;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),toolbox_url_add_avatar_query_params_1=__webpack_require__(10788),styles_module_scss_1=__importDefault(__webpack_require__(47603));function OrgAvatar(_a){var{account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,children}=_a,rest=__rest(_a,["account","size","imageSize","fontSize","className","imgClassName","children"]);const{profileImage=""}=account,profileImageWithParams=profileImage&&profileImage.startsWith("blob:")?profileImage:(0,toolbox_url_add_avatar_query_params_1.addAvatarQueryParams)(profileImage,imageSize,styles_module_scss_1.default.defaultAvatarBgColor);return react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(styles_module_scss_1.default.default,styles_module_scss_1.default.avatar,className),style:{minWidth:`${size}px`,width:`${size}px`,height:`${size}px`}},rest),profileImageWithParams&&react_1.default.createElement("img",{src:profileImageWithParams,className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,profileImage.startsWith("blob:")&&styles_module_scss_1.default.blob,imgClassName)}),react_1.default.createElement("span",{className:styles_module_scss_1.default.defaultAvatar},react_1.default.createElement("i",{className:"bitcon-organization",style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}})),children)}},82823: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.UserAvatar=UserAvatar;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),design_elements_icon_1=__webpack_require__(12287),toolbox_url_add_avatar_query_params_1=__webpack_require__(10788),toolbox_string_get_initials_1=__webpack_require__(76137),design_ui_styles_colors_by_letter_1=__webpack_require__(93501),design_ui_styles_ellipsis_1=__webpack_require__(76785),design_ui_tooltip_1=__webpack_require__(62634),styles_module_scss_1=__importDefault(__webpack_require__(47603));function UserAvatar(_a){var{account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,showTooltip=!1,tooltipPlacement="bottom",children}=_a,rest=__rest(_a,["account","size","imageSize","fontSize","className","imgClassName","showTooltip","tooltipPlacement","children"]);const{profileImage="",name="",displayName=""}=account,firstLetter=name[0]||displayName[0],profileImageWithParams=profileImage&&profileImage.startsWith("blob:")?profileImage:(0,toolbox_url_add_avatar_query_params_1.addAvatarQueryParams)(profileImage,imageSize,styles_module_scss_1.default.defaultAvatarBgColor),colors=firstLetter&&design_ui_styles_colors_by_letter_1.letterBgColors[firstLetter.toLowerCase()],avatar=react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(colors,styles_module_scss_1.default.avatar,className),style:{minWidth:`${size}px`,width:`${size}px`,height:`${size}px`}},rest),profileImageWithParams&&react_1.default.createElement("img",{src:profileImageWithParams,className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,profileImage.startsWith("blob:")&&styles_module_scss_1.default.blob,imgClassName)}),(displayName||name)&&react_1.default.createElement("span",{className:styles_module_scss_1.default.letter,style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}},(0,toolbox_string_get_initials_1.getInitials)(displayName||name)),!displayName&&!name&&!profileImageWithParams&&!firstLetter&&react_1.default.createElement(design_elements_icon_1.Icon,{of:"solo-avatar",style:{fontSize:`${size}px`},className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,styles_module_scss_1.default.soloAvatarIcon)}),children);return showTooltip?react_1.default.createElement(design_ui_tooltip_1.Tooltip,{placement:tooltipPlacement,content:react_1.default.createElement("div",{className:design_ui_styles_ellipsis_1.ellipsis},displayName?react_1.default.createElement(react_1.default.Fragment,null,displayName," (@",name,")"):react_1.default.createElement(react_1.default.Fragment,null,"@",name))},avatar):avatar}},52464:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimeAgo=void 0;var time_ago_1=__webpack_require__(89587);Object.defineProperty(exports,"TimeAgo",{enumerable:!0,get:function(){return time_ago_1.TimeAgo}})},89587:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimeAgo=TimeAgo;const react_1=__importStar(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),base_ui_utils_time_ago_1=__importDefault(__webpack_require__(88308)),design_ui_tooltip_1=__webpack_require__(62634),time_ago_module_scss_1=__importDefault(__webpack_require__(62210));function TimeAgo(_a){var{date,tooltip,className}=_a,rest=__rest(_a,["date","tooltip","className"]);const[refreshIdx,forceUpdate]=(0,react_1.useReducer)(x=>x+1,0);(0,react_1.useEffect)(()=>{const tId=setInterval(()=>forceUpdate(),6e4);return()=>clearInterval(tId)},[]);const formatted=(0,react_1.useMemo)(()=>(0,base_ui_utils_time_ago_1.default)(date),[date,refreshIdx]);return(element=>tooltip===void 0?element:react_1.default.createElement(design_ui_tooltip_1.Tooltip,{className:time_ago_module_scss_1.default.dateTooltip,placement:"top",content:react_1.default.createElement("div",{className:time_ago_module_scss_1.default.dateTooltipContent},tooltip)},element))(react_1.default.createElement("span",Object.assign({},rest,{className:(0,classnames_1.default)(className)}),formatted))}},62634:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.tippy=exports.useSingleton=exports.TooltipMountPoint=exports.SingletonTooltipProvider=exports.useCtxTooltipInstance=exports.ProvideTooltipInstance=exports.Tooltip=void 0;var tooltip_1=__webpack_require__(29);Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return tooltip_1.Tooltip}});var shared_instance_1=__webpack_require__(333);Object.defineProperty(exports,"ProvideTooltipInstance",{enumerable:!0,get:function(){return shared_instance_1.ProvideTooltipInstance}}),Object.defineProperty(exports,"useCtxTooltipInstance",{enumerable:!0,get:function(){return shared_instance_1.useCtxTooltipInstance}});var singleton_instance_1=__webpack_require__(15643);Object.defineProperty(exports,"SingletonTooltipProvider",{enumerable:!0,get:function(){return singleton_instance_1.SingletonTooltipProvider}});var mount_point_1=__webpack_require__(66872);Object.defineProperty(exports,"TooltipMountPoint",{enumerable:!0,get:function(){return mount_point_1.TooltipMountPoint}});var react_1=__webpack_require__(70601);Object.defineProperty(exports,"useSingleton",{enumerable:!0,get:function(){return react_1.useSingleton}}),Object.defineProperty(exports,"tippy",{enumerable:!0,get:function(){return react_1.tippy}})},66872: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.mountId=void 0,exports.getMountPoint=getMountPoint,exports.TooltipMountPoint=TooltipMountPoint;const react_1=__importDefault(__webpack_require__(37953));exports.mountId="tooltip-mount-point";function getMountPoint(ref){return document.getElementById(exports.mountId)||ref.parentElement||document.body}function TooltipMountPoint(){return react_1.default.createElement("div",{id:exports.mountId})}},333:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProvideTooltipInstance=ProvideTooltipInstance,exports.useCtxTooltipInstance=useCtxTooltipInstance;const react_1=__importStar(__webpack_require__(37953)),singletonContext=(0,react_1.createContext)(void 0);function ProvideTooltipInstance({value,children}){return react_1.default.createElement(singletonContext.Provider,{value},children)}function useCtxTooltipInstance(){return(0,react_1.useContext)(singletonContext)}},15643: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.SingletonTooltipProvider=SingletonTooltipProvider;const react_1=__importDefault(__webpack_require__(37953)),react_2=__webpack_require__(70601),shared_instance_1=__webpack_require__(333),tooltip_1=__webpack_require__(29);function SingletonTooltipProvider(_a){var{children,disabled,overrides}=_a,rest=__rest(_a,["children","disabled","overrides"]);const[tooltipSource,tooltipTarget]=(0,react_2.useSingleton)({disabled,overrides});return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(tooltip_1.Tooltip,Object.assign({},rest,{singleton:tooltipSource})),react_1.default.createElement(shared_instance_1.ProvideTooltipInstance,{value:tooltipTarget},children))}},29: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.Tooltip=Tooltip;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),ui_foundation_ui_hooks_use_is_mobile_1=__webpack_require__(77300),base_ui_theme_dark_theme_1=__webpack_require__(77019),react_2=__importDefault(__webpack_require__(70601)),tippy_js_1=__webpack_require__(16406);__webpack_require__(44364),__webpack_require__(6300);const mount_point_1=__webpack_require__(66872),shared_instance_1=__webpack_require__(333);__webpack_require__(89303);const THEME="teambit",popperOptions={modifiers:[{name:"arrow",options:{padding:5}}]};function Tooltip(_a){var{children,breakline,singleton,visibleOnMobile,className}=_a,rest=__rest(_a,["children","breakline","singleton","visibleOnMobile","className"]);const isMobile=(0,ui_foundation_ui_hooks_use_is_mobile_1.useIsMobile)();if(!visibleOnMobile&&isMobile)return react_1.default.createElement(react_1.default.Fragment,null,children);const ctxInstance=(0,shared_instance_1.useCtxTooltipInstance)(),singletonInstance=singleton||ctxInstance,child=typeof children=="string"?react_1.default.createElement("span",null,children):children;return react_1.default.createElement(react_2.default,Object.assign({arrow:tippy_js_1.roundArrow,className:(0,classnames_1.default)(base_ui_theme_dark_theme_1.darkMode,breakline&&"tippy-breakLine",className),theme:THEME,interactive:!0,appendTo:mount_point_1.getMountPoint,popperOptions},rest,{singleton:singletonInstance}),child)}},90896:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.docsFields=void 0,exports.useDocs=useDocs;const client_1=__webpack_require__(40886);exports.docsFields=(0,client_1.gql)`
+`},92308:(__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__(46480);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(94653);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(88439);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}`}},88439:()=>{"use strict"},23403:(__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}},68089: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.CompositionCardSkeleton=CompositionCardSkeleton,exports.PreviewSkeleton=PreviewSkeleton;const react_1=__importDefault(__webpack_require__(37953)),base_ui_loaders_skeleton_1=__webpack_require__(84738),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(76376));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"})))}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"}))}},48216:(__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__(68089);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}})},38527: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__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),evangelist_elements_icon_1=__webpack_require__(31776),compositions_1=__webpack_require__(24010),design_ui_styles_ellipsis_1=__webpack_require__(76785),composition_card_module_scss_1=__importDefault(__webpack_require__(69610));exports.CompositionCard=react_1.default.memo(_CompositionCard);function _CompositionCard(_a){var{composition,component,className,openCompositionLink,previewClass,queryParams}=_a,rest=__rest(_a,["composition","component","className","openCompositionLink","previewClass","queryParams"]);const Composition=react_1.default.useMemo(()=>react_1.default.createElement(compositions_1.ComponentComposition,{disableScroll:!0,className:previewClass,includeEnv:!0,loading:"lazy",composition,component,viewport:1280,queryParams,previewName:"compositions"}),[composition.identifier,component.id.toString(),previewClass]);return react_1.default.createElement("div",Object.assign({key:composition.identifier},rest,{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"}))))}},23778:(__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__(38527);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}});var composition_card_skeleton_1=__webpack_require__(48216);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}})},70532: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=humanizeCompositionId;const humanize_string_1=__importDefault(__webpack_require__(64744));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}},36261:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(70532);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},22645: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=CompositionGallerySkeleton;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),base_ui_loaders_skeleton_1=__webpack_require__(84738),composition_card_1=__webpack_require__(23778),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(68404));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}`}))))}},13156:(__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__(22645);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},91339: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=CompositionGallery;const react_1=__importDefault(__webpack_require__(37953)),design_elements_icon_1=__webpack_require__(12287),documenter_ui_linked_heading_1=__webpack_require__(2151),base_react_navigation_link_1=__webpack_require__(39343),composition_card_1=__webpack_require__(23778),composition_gallery_module_scss_1=__importDefault(__webpack_require__(70538));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,queryParams:"disableCta=true"})))):null}},55970:(__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__(91339);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(13156);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},75320:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(36261);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},83453:(__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__(12337);return _harmony=function(){return data},data}const CompositionsAspect=exports.CompositionsAspect=_harmony().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});var _default=exports.default=CompositionsAspect},57223:(__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__(37953));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(21154);return _reactRouterDom=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(994));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(83268));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(50629);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(23459);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(22801);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(30266);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(51416);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(618);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(7422);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(21245);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(42372);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(77300);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(14373);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(18301);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(35763);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(17208);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(14167);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(60341);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(39343);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(81909);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(85936);return _designUiSurfaces=function(){return data},data}function _designUi4(){const data=__webpack_require__(62634);return _designUi4=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(75602));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(489);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(46592);return _compositionsPanel=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState","sandbox"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}const Link=_baseReactNavigation().Link;function Compositions({menuBarWidgets,emptyState,usePreviewSandboxSlot}){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),[sandboxValue,setSandboxValue]=(0,_react().useState)(""),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition;const properties=(0,_docsUiQueries().useDocs)(component.id),previewSandboxHooks=usePreviewSandboxSlot?.values()??[],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,livecontrols:!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:"80%",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(_designUi4().Tooltip,{content:"Open in new tab",placement:"right"},_react().default.createElement(Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.openInNewTab},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"})))),_react().default.createElement(_previewUi().SandboxPermissionsAggregator,{hooks:previewSandboxHooks,onSandboxChange:setSandboxValue,component}),_react().default.createElement(CompositionContent,{className:_compositionsModule().default.compositionPanel,emptyState,component,selected:currentComposition,queryParams,sandbox:sandboxValue})),_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(searchParams);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,sandbox}=_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,sandbox},componentCompositionProps))}},24010:(__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__(83453);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(75320);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(57223);return _compositions2=function(){return data},data}function _ui(){const data=__webpack_require__(489);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},32362:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(37953));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _workspaceUi(){const data=__webpack_require__(60517);return _workspaceUi=function(){return data},data}const _excluded=["composition","component","queryParams"];function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{isMinimal}=(0,_workspaceUi().useWorkspaceMode)(),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,propagateError:isMinimal}))}},46592:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(31776);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(14487));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(21154);return _reactRouterDom=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(37953));return _react=function(){return data},data}function _uiFoundationUiTree(){const data=__webpack_require__(51796);return _uiFoundationUiTree=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(19473);return _uiFoundationUi=function(){return data},data}function _designUi(){const data=__webpack_require__(62634);return _designUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(39343);return _baseReactNavigation=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(63855);return _compositionsUi=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(1779));return _compositionsPanelModule=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","active","includesEnvTemplate","useNameParam","className"];function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}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(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,active,includesEnvTemplate,useNameParam,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const[hasLiveControls,setHasLiveControls]=(0,_react().useState)(!1),[openDrawerList,onToggleDrawer]=(0,_react().useState)(["COMPOSITIONS","LIVE_CONTROLS"]),handleDrawerToggle=id=>{if(openDrawerList.includes(id)){onToggleDrawer(list=>list.filter(drawer=>drawer!==id));return}onToggleDrawer(list=>list.concat(id))},shouldAddNameParam=useNameParam||isScaling&&includesEnvTemplate===!1,location=(0,_baseReactNavigation().useLocation)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),[controlsTimestamp,setControlsTimestamp]=(0,_react().useState)(0),[controlsDefs,setControlsDefs]=(0,_react().useState)(null),[controlsValues,setControlsValues]=(0,_react().useState)({}),[mounter,setMounter]=(0,_react().useState)(),handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected),selected!==active&&setControlsTimestamp(0)},[onSelect]),onCompositionCodeClicked=(0,_react().useCallback)(composition=>e=>{e.preventDefault(),setControlsTimestamp(0);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]);(0,_react().useEffect)(()=>{window.addEventListener("message",e=>{e.data.type==="composition-live-controls:activate"&&setHasLiveControls(!0)});function onLiveControlsSetup(e){(0,_compositionsUi().getReadyListener)(e,({controls,values,timestamp})=>{const iframeWindow=e.source;setMounter(iframeWindow),setControlsDefs(controls),setControlsValues(values),setControlsTimestamp(timestamp)})}return window.addEventListener("message",onLiveControlsSetup),()=>{window.removeEventListener("message",onLiveControlsSetup)}},[]);const onLiveControlsUpdate=(0,_react().useCallback)((key,value)=>{mounter&&(0,_compositionsUi().broadcastUpdate)(mounter,controlsTimestamp,{key,value}),setControlsValues(prev=>_objectSpread(_objectSpread({},prev),{},{[key]:value}))},[mounter,controlsValues,controlsTimestamp]);return _react().default.createElement("div",{className:(0,_classnames().default)(_compositionsPanelModule().default.container)},_react().default.createElement(_uiFoundationUiTree().DrawerUI,{isOpen:openDrawerList.includes("COMPOSITIONS"),onToggle:()=>handleDrawerToggle("COMPOSITIONS"),name:"COMPOSITIONS",className:(0,_classnames().default)(_compositionsPanelModule().default.tab)},_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.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(_designUi().Tooltip,{content:"Open in new tab",placement:"bottom"},_react().default.createElement("a",{className:_compositionsPanelModule().default.iconLink,target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{className:_compositionsPanelModule().default.icon,of:"open-tab"})))))}))),hasLiveControls?_react().default.createElement(_uiFoundationUiTree().DrawerUI,{isOpen:openDrawerList.includes("LIVE_CONTROLS"),onToggle:()=>handleDrawerToggle("LIVE_CONTROLS"),className:(0,_classnames().default)(_compositionsPanelModule().default.tab),name:"LIVE CONTROLS"},controlsTimestamp?_react().default.createElement(_liveControlPanel().LiveControls,{defs:controlsDefs,values:controlsValues,onChange:onLiveControlsUpdate}):_react().default.createElement("div",{className:_compositionsPanelModule().default.noLiveControls},"No live controls available for this composition")):null)}},30227:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getInputComponent=getInputComponent;function _react(){const data=_interopRequireDefault(__webpack_require__(37953));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(14487));return _classnames=function(){return data},data}function _designInputs(){const data=__webpack_require__(13693);return _designInputs=function(){return data},data}function _designInputs2(){const data=__webpack_require__(92889);return _designInputs2=function(){return data},data}function _designInputs3(){const data=__webpack_require__(7927);return _designInputs3=function(){return data},data}function _designInputsSelectors(){const data=__webpack_require__(92128);return _designInputsSelectors=function(){return data},data}function _designUiInput(){const data=__webpack_require__(39930);return _designUiInput=function(){return data},data}function _designInputs4(){const data=__webpack_require__(81110);return _designInputs4=function(){return data},data}function _designInputs5(){const data=__webpack_require__(40082);return _designInputs5=function(){return data},data}function _liveControlInputModule(){const data=_interopRequireDefault(__webpack_require__(85014));return _liveControlInputModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function ShortTextInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=e=>{const newValue=e.target.value;onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement(_designInputs().InputText,{value:inputValue,onChange:handleChange})}function LongTextInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=e=>{const newValue=e.target.value;onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement(_designInputs2().TextArea,{value:inputValue,onChange:handleChange})}function SelectInput({value,onChange,meta}){const[selectedValue,setSelectedValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setSelectedValue(value||"")},[value]);const handleChange=newValue=>{onChange(newValue||""),setSelectedValue(newValue||"")},options=_react().default.useMemo(()=>!meta||!meta.options?[]:meta.options.map(option=>typeof option=="string"?{label:option,value:option}:option),[meta]),placeholderContent=options.find(o=>o.value===selectedValue)?.label;return _react().default.createElement("p",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designInputs3().Dropdown,{placeholderContent},options.map(option=>_react().default.createElement(_designInputsSelectors().MenuItem,{active:option.value===selectedValue,key:option.value,onClick:()=>handleChange(option.value)},option.label))))}function NumberInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||0);_react().default.useEffect(()=>{setInputValue(value||0)},[value]);const handleChange=e=>{const newValue=e.target.value;isNaN(Number(newValue))?console.error("Invalid number input",newValue):(onChange(Number(newValue)||0),setInputValue(Number(newValue)||0))};return _react().default.createElement(_designInputs().InputText,{type:"number",value:inputValue,onChange:handleChange})}function ColorInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=newValue=>{onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement("p",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designUiInput().ColorPicker,{value:inputValue,onColorSelect:handleChange,allowCustomColor:!0}))}function DateInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(new Date(value));_react().default.useEffect(()=>{setInputValue(new Date(value))},[value]);const handleChange=newValue=>{newValue&&onChange(newValue.toISOString().split("T")[0]),setInputValue(newValue)};return _react().default.createElement("p",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designInputs4().DatePicker,{date:inputValue,onChange:handleChange}))}function ToggleInput({value,onChange}){const[isChecked,setIsChecked]=_react().default.useState(!!value);_react().default.useEffect(()=>{setIsChecked(!!value)},[value]);const handleChange=()=>{setIsChecked(!isChecked),onChange(!isChecked)};return _react().default.createElement("p",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designInputs5().Toggle,{defaultChecked:isChecked,onChange:handleChange}))}function JsonInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(JSON.stringify(value,null,2));_react().default.useEffect(()=>{setInputValue(JSON.stringify(value,null,2))},[value]);const[message,setMessage]=_react().default.useState(""),handleChange=e=>{const newValue=e.target.value;try{const parsedValue=JSON.parse(newValue);onChange(parsedValue),setMessage("")}catch{setMessage("Invalid JSON")}setInputValue(newValue)};return _react().default.createElement("div",null,_react().default.createElement(_designInputs2().TextArea,{value:inputValue,onChange:handleChange}),message&&_react().default.createElement("div",{style:{color:"red"}},message))}function getInputComponent(type){switch(type){case"text":return ShortTextInput;case"longtext":return LongTextInput;case"select":return SelectInput;case"number":return NumberInput;case"color":return ColorInput;case"date":return DateInput;case"boolean":return ToggleInput;case"json":return JsonInput;default:return console.warn(`Unknown input type: ${type}`),ShortTextInput}}},44849:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControls=LiveControls;function _react(){const data=_interopRequireDefault(__webpack_require__(37953));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(14487));return _classnames=function(){return data},data}function _liveControlPanelModule(){const data=_interopRequireDefault(__webpack_require__(54e3));return _liveControlPanelModule=function(){return data},data}function _liveControlInput(){const data=__webpack_require__(30227);return _liveControlInput=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function LiveControls({defs,values,onChange}){return _react().default.createElement("ul",{className:(0,_classnames().default)(_liveControlPanelModule().default.container),style:{paddingBottom:"20em"}},defs.map(field=>{const key=field.id,InputComponent=(0,_liveControlInput().getInputComponent)(field.input||"text");return _react().default.createElement("li",{key,className:(0,_classnames().default)(_liveControlPanelModule().default.item)},_react().default.createElement("div",{className:(0,_classnames().default)(_liveControlPanelModule().default.label)},_react().default.createElement("label",{htmlFor:`control-${key}`},field.label||field.id)),_react().default.createElement("div",null,_react().default.createElement(InputComponent,{id:`control-${key}`,value:values[key],onChange:v=>onChange(key,v),meta:field})))}))}},489:(__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__(32362);return _compositionPreview=function(){return data},data}},10623: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.AccountTypes=void 0,exports.Avatar=Avatar;const react_1=__importDefault(__webpack_require__(37953)),default_avatar_1=__webpack_require__(19963),org_avatar_1=__webpack_require__(71962),user_avatar_1=__webpack_require__(82823);var AccountTypes;(function(AccountTypes2){AccountTypes2.org="organization",AccountTypes2.user="user",AccountTypes2.default="default"})(AccountTypes||(exports.AccountTypes=AccountTypes={}));function Avatar(_a){var{account}=_a,rest=__rest(_a,["account"]);if(!account)return react_1.default.createElement(default_avatar_1.DefaultAvatar,Object.assign({},rest));const{type,name,displayName,image}=account,accountObj={name,displayName,profileImage:image};return type==="user"?react_1.default.createElement(user_avatar_1.UserAvatar,Object.assign({account:accountObj},rest)):type==="org"?react_1.default.createElement(org_avatar_1.OrgAvatar,Object.assign({account:accountObj},rest)):react_1.default.createElement(default_avatar_1.DefaultAvatar,Object.assign({},rest))}},19963: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.DefaultAvatar=DefaultAvatar;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),styles_module_scss_1=__importDefault(__webpack_require__(47603));function DefaultAvatar(_a){var{size=32,children,className}=_a,rest=__rest(_a,["size","children","className"]);return react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(styles_module_scss_1.default.default,styles_module_scss_1.default.avatar,className),style:{width:`${size}px`,height:`${size}px`,fontSize:`${size*.35}px`,lineHeight:`${size}px`}},rest),"?",children)}},19988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultAvatar=exports.OrgAvatar=exports.UserAvatar=exports.Avatar=exports.AccountTypes=void 0;var avatar_1=__webpack_require__(10623);Object.defineProperty(exports,"AccountTypes",{enumerable:!0,get:function(){return avatar_1.AccountTypes}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return avatar_1.Avatar}});var user_avatar_1=__webpack_require__(82823);Object.defineProperty(exports,"UserAvatar",{enumerable:!0,get:function(){return user_avatar_1.UserAvatar}});var org_avatar_1=__webpack_require__(71962);Object.defineProperty(exports,"OrgAvatar",{enumerable:!0,get:function(){return org_avatar_1.OrgAvatar}});var default_avatar_1=__webpack_require__(19963);Object.defineProperty(exports,"DefaultAvatar",{enumerable:!0,get:function(){return default_avatar_1.DefaultAvatar}})},71962: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.OrgAvatar=OrgAvatar;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),toolbox_url_add_avatar_query_params_1=__webpack_require__(10788),styles_module_scss_1=__importDefault(__webpack_require__(47603));function OrgAvatar(_a){var{account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,children}=_a,rest=__rest(_a,["account","size","imageSize","fontSize","className","imgClassName","children"]);const{profileImage=""}=account,profileImageWithParams=profileImage&&profileImage.startsWith("blob:")?profileImage:(0,toolbox_url_add_avatar_query_params_1.addAvatarQueryParams)(profileImage,imageSize,styles_module_scss_1.default.defaultAvatarBgColor);return react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(styles_module_scss_1.default.default,styles_module_scss_1.default.avatar,className),style:{minWidth:`${size}px`,width:`${size}px`,height:`${size}px`}},rest),profileImageWithParams&&react_1.default.createElement("img",{src:profileImageWithParams,className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,profileImage.startsWith("blob:")&&styles_module_scss_1.default.blob,imgClassName)}),react_1.default.createElement("span",{className:styles_module_scss_1.default.defaultAvatar},react_1.default.createElement("i",{className:"bitcon-organization",style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}})),children)}},82823: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.UserAvatar=UserAvatar;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),design_elements_icon_1=__webpack_require__(12287),toolbox_url_add_avatar_query_params_1=__webpack_require__(10788),toolbox_string_get_initials_1=__webpack_require__(76137),design_ui_styles_colors_by_letter_1=__webpack_require__(93501),design_ui_styles_ellipsis_1=__webpack_require__(76785),design_ui_tooltip_1=__webpack_require__(62634),styles_module_scss_1=__importDefault(__webpack_require__(47603));function UserAvatar(_a){var{account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,showTooltip=!1,tooltipPlacement="bottom",extendTooltipContent,children}=_a,rest=__rest(_a,["account","size","imageSize","fontSize","className","imgClassName","showTooltip","tooltipPlacement","extendTooltipContent","children"]);const{profileImage="",name="",displayName=""}=account,firstLetter=name[0]||displayName[0],profileImageWithParams=profileImage&&profileImage.startsWith("blob:")?profileImage:(0,toolbox_url_add_avatar_query_params_1.addAvatarQueryParams)(profileImage,imageSize,styles_module_scss_1.default.defaultAvatarBgColor),colors=firstLetter&&design_ui_styles_colors_by_letter_1.letterBgColors[firstLetter.toLowerCase()],avatar=react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(colors,styles_module_scss_1.default.avatar,className),style:{minWidth:`${size}px`,width:`${size}px`,height:`${size}px`}},rest),profileImageWithParams&&react_1.default.createElement("img",{src:profileImageWithParams,className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,profileImage.startsWith("blob:")&&styles_module_scss_1.default.blob,imgClassName)}),(displayName||name)&&react_1.default.createElement("span",{className:styles_module_scss_1.default.letter,style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}},(0,toolbox_string_get_initials_1.getInitials)(displayName||name)),!displayName&&!name&&!profileImageWithParams&&!firstLetter&&react_1.default.createElement(design_elements_icon_1.Icon,{of:"solo-avatar",style:{fontSize:`${size}px`},className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,styles_module_scss_1.default.soloAvatarIcon)}),children);return showTooltip?react_1.default.createElement(design_ui_tooltip_1.Tooltip,{placement:tooltipPlacement,content:react_1.default.createElement("div",{className:design_ui_styles_ellipsis_1.ellipsis},react_1.default.createElement("span",null,displayName?react_1.default.createElement(react_1.default.Fragment,null,displayName," (@",name,")"):react_1.default.createElement(react_1.default.Fragment,null,"@",name)),extendTooltipContent)},avatar):avatar}},52464:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimeAgo=void 0;var time_ago_1=__webpack_require__(89587);Object.defineProperty(exports,"TimeAgo",{enumerable:!0,get:function(){return time_ago_1.TimeAgo}})},89587:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimeAgo=TimeAgo;const react_1=__importStar(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),base_ui_utils_time_ago_1=__importDefault(__webpack_require__(88308)),design_ui_tooltip_1=__webpack_require__(62634),time_ago_module_scss_1=__importDefault(__webpack_require__(62210));function TimeAgo(_a){var{date,tooltip,className}=_a,rest=__rest(_a,["date","tooltip","className"]);const[refreshIdx,forceUpdate]=(0,react_1.useReducer)(x=>x+1,0);(0,react_1.useEffect)(()=>{const tId=setInterval(()=>forceUpdate(),6e4);return()=>clearInterval(tId)},[]);const formatted=(0,react_1.useMemo)(()=>(0,base_ui_utils_time_ago_1.default)(date),[date,refreshIdx]);return(element=>tooltip===void 0?element:react_1.default.createElement(design_ui_tooltip_1.Tooltip,{className:time_ago_module_scss_1.default.dateTooltip,placement:"top",content:react_1.default.createElement("div",{className:time_ago_module_scss_1.default.dateTooltipContent},tooltip)},element))(react_1.default.createElement("span",Object.assign({},rest,{className:(0,classnames_1.default)(className)}),formatted))}},62634:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.tippy=exports.useSingleton=exports.TooltipMountPoint=exports.SingletonTooltipProvider=exports.useCtxTooltipInstance=exports.ProvideTooltipInstance=exports.Tooltip=void 0;var tooltip_1=__webpack_require__(29);Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return tooltip_1.Tooltip}});var shared_instance_1=__webpack_require__(333);Object.defineProperty(exports,"ProvideTooltipInstance",{enumerable:!0,get:function(){return shared_instance_1.ProvideTooltipInstance}}),Object.defineProperty(exports,"useCtxTooltipInstance",{enumerable:!0,get:function(){return shared_instance_1.useCtxTooltipInstance}});var singleton_instance_1=__webpack_require__(15643);Object.defineProperty(exports,"SingletonTooltipProvider",{enumerable:!0,get:function(){return singleton_instance_1.SingletonTooltipProvider}});var mount_point_1=__webpack_require__(66872);Object.defineProperty(exports,"TooltipMountPoint",{enumerable:!0,get:function(){return mount_point_1.TooltipMountPoint}});var react_1=__webpack_require__(70601);Object.defineProperty(exports,"useSingleton",{enumerable:!0,get:function(){return react_1.useSingleton}}),Object.defineProperty(exports,"tippy",{enumerable:!0,get:function(){return react_1.tippy}})},66872: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.mountId=void 0,exports.getMountPoint=getMountPoint,exports.TooltipMountPoint=TooltipMountPoint;const react_1=__importDefault(__webpack_require__(37953));exports.mountId="tooltip-mount-point";function getMountPoint(ref){return document.getElementById(exports.mountId)||ref.parentElement||document.body}function TooltipMountPoint(){return react_1.default.createElement("div",{id:exports.mountId})}},333:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProvideTooltipInstance=ProvideTooltipInstance,exports.useCtxTooltipInstance=useCtxTooltipInstance;const react_1=__importStar(__webpack_require__(37953)),singletonContext=(0,react_1.createContext)(void 0);function ProvideTooltipInstance({value,children}){return react_1.default.createElement(singletonContext.Provider,{value},children)}function useCtxTooltipInstance(){return(0,react_1.useContext)(singletonContext)}},15643: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.SingletonTooltipProvider=SingletonTooltipProvider;const react_1=__importDefault(__webpack_require__(37953)),react_2=__webpack_require__(70601),shared_instance_1=__webpack_require__(333),tooltip_1=__webpack_require__(29);function SingletonTooltipProvider(_a){var{children,disabled,overrides}=_a,rest=__rest(_a,["children","disabled","overrides"]);const[tooltipSource,tooltipTarget]=(0,react_2.useSingleton)({disabled,overrides});return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(tooltip_1.Tooltip,Object.assign({},rest,{singleton:tooltipSource})),react_1.default.createElement(shared_instance_1.ProvideTooltipInstance,{value:tooltipTarget},children))}},29: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.Tooltip=Tooltip;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),ui_foundation_ui_hooks_use_is_mobile_1=__webpack_require__(77300),base_ui_theme_dark_theme_1=__webpack_require__(77019),react_2=__importDefault(__webpack_require__(70601)),tippy_js_1=__webpack_require__(16406);__webpack_require__(44364),__webpack_require__(6300);const mount_point_1=__webpack_require__(66872),shared_instance_1=__webpack_require__(333);__webpack_require__(89303);const THEME="teambit",popperOptions={modifiers:[{name:"arrow",options:{padding:5}}]};function Tooltip(_a){var{children,breakline,singleton,visibleOnMobile,className}=_a,rest=__rest(_a,["children","breakline","singleton","visibleOnMobile","className"]);const isMobile=(0,ui_foundation_ui_hooks_use_is_mobile_1.useIsMobile)();if(!visibleOnMobile&&isMobile)return react_1.default.createElement(react_1.default.Fragment,null,children);const ctxInstance=(0,shared_instance_1.useCtxTooltipInstance)(),singletonInstance=singleton||ctxInstance,child=typeof children=="string"?react_1.default.createElement("span",null,children):children;return react_1.default.createElement(react_2.default,Object.assign({arrow:tippy_js_1.roundArrow,className:(0,classnames_1.default)(base_ui_theme_dark_theme_1.darkMode,breakline&&"tippy-breakLine",className),theme:THEME,interactive:!0,appendTo:mount_point_1.getMountPoint,popperOptions},rest,{singleton:singletonInstance}),child)}},90896:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.docsFields=void 0,exports.useDocs=useDocs;const client_1=__webpack_require__(40886);exports.docsFields=(0,client_1.gql)`
   fragment docsFields on ReactDocs {
     abstract
     properties {