@teambit/env 1.0.397 → 1.0.398

package/artifacts/__bit_junit.xml

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

package/artifacts/env-template/public/{182.df56c3b150edac22d06f.js → 182.d0067ab3d6cd7c575827.js}

@@ -536,7 +536,7 @@ the following are permitted ${Object.keys(exports.IssuesClasses).join(", ")}`);c
     }
   }
   ${componentIdFields}
-`},21268:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _useComponent().Filters}}),Object.defineProperty(exports,"UseComponentType",{enumerable:!0,get:function(){return _useComponent().UseComponentType}}),exports.useComponent=useComponent;function _uiFoundationUiReactRouter(){const data=__webpack_require__(46718);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(48166);return _useComponent=function(){return data},data}function useComponent(host,id,options){const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent,skip}=options||{},componentVersion=(version||query.get("version"))??void 0,componentIdStr=id&&withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr||"",host,logFilters,skip||!id)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},48166:()=>{"use strict"},12645:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOffsetValue=getOffsetValue;function getOffsetValue(offset,limit,backwards=!1){if(offset!==void 0)return backwards?-(offset+limit):offset;if(limit!==void 0)return 0}},25408:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;const react_1=__importDefault(__webpack_require__(59496)),base_ui_loaders_skeleton_1=__webpack_require__(20298),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(4192));function CompositionCardSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.compositionCardSkeleton},react_1.default.createElement(PreviewSkeleton,null),react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.bottom},react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"104px"})))}exports.CompositionCardSkeleton=CompositionCardSkeleton;function PreviewSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.preview},react_1.default.createElement(base_ui_loaders_skeleton_1.BlockSkeleton,{lines:2,className:composition_card_skeleton_module_scss_1.default.block}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"208px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"152px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"88px"}))}exports.PreviewSkeleton=PreviewSkeleton},78647:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;var composition_card_skeleton_1=__webpack_require__(25408);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}}),Object.defineProperty(exports,"PreviewSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.PreviewSkeleton}})},94075:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCard=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),evangelist_elements_icon_1=__webpack_require__(86144),compositions_1=__webpack_require__(32552),design_ui_styles_ellipsis_1=__webpack_require__(2997),composition_card_module_scss_1=__importDefault(__webpack_require__(87342));exports.CompositionCard=react_1.default.memo(_CompositionCard);function _CompositionCard(_a){var{composition,component,className,openCompositionLink,previewClass}=_a,rest=__rest(_a,["composition","component","className","openCompositionLink","previewClass"]);const Composition=react_1.default.useMemo(()=>react_1.default.createElement(compositions_1.ComponentComposition,{disableScroll:!0,className:previewClass,includeEnv:!1,loading:"lazy",composition,component,viewport:1280,previewName:"compositions"}),[composition.identifier,component.id.toString(),previewClass]);return react_1.default.createElement("div",Object.assign({},rest,{key:composition.identifier,className:(0,classnames_1.default)(composition_card_module_scss_1.default.compositionCard,className)}),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.compositionPreview},Composition),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.bottom},react_1.default.createElement("span",{className:(0,classnames_1.default)(design_ui_styles_ellipsis_1.ellipsis,composition_card_module_scss_1.default.displayName)},composition.displayName),openCompositionLink&&react_1.default.createElement("a",{className:composition_card_module_scss_1.default.link,target:"_blank",rel:"noopener noreferrer",href:openCompositionLink},react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:composition_card_module_scss_1.default.icon,of:"open-tab"}))))}},75797:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(94075);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}});var composition_card_skeleton_1=__webpack_require__(78647);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}})},4405:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;const humanize_string_1=__importDefault(__webpack_require__(28583));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}exports.humanizeCompositionId=humanizeCompositionId},91888:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(4405);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},94659:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),base_ui_loaders_skeleton_1=__webpack_require__(20298),composition_card_1=__webpack_require__(75797),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(7975));function CompositionGallerySkeleton(_a){var{compositionsLength,className}=_a,rest=__rest(_a,["compositionsLength","className"]);const length=Array.from(Array(compositionsLength));return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGallerySkeleton,className)}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"100px",className:composition_gallery_skeleton_module_scss_1.default.title}),react_1.default.createElement("div",{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGalleryGrid)},length.map((_,index)=>react_1.default.createElement(composition_card_1.CompositionCardSkeleton,{key:`comp-card-skeleton-${index}`}))))}exports.CompositionGallerySkeleton=CompositionGallerySkeleton},67343:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=void 0;var composition_gallery_skeleton_1=__webpack_require__(94659);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},94478:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallery=void 0;const react_1=__importDefault(__webpack_require__(59496)),design_elements_icon_1=__webpack_require__(29284),documenter_ui_linked_heading_1=__webpack_require__(19058),base_react_navigation_link_1=__webpack_require__(98560),composition_card_1=__webpack_require__(75797),composition_gallery_module_scss_1=__importDefault(__webpack_require__(47128));function CompositionGallery({component}){const navigate=(0,base_react_navigation_link_1.useNavigate)();return component.compositions.length>0?react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.compositionGallery},react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,{size:"sm",className:composition_gallery_module_scss_1.default.title},react_1.default.createElement(design_elements_icon_1.Icon,{of:"eye"})," ",react_1.default.createElement("span",null,"PREVIEW")),react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.carousel},component.compositions.map(composition=>react_1.default.createElement(composition_card_1.CompositionCard,{key:composition.identifier.toLowerCase(),onClick:()=>navigate(`~compositions/${composition.identifier.toLowerCase()}`),className:composition_gallery_module_scss_1.default.compositionGalleryCard,previewClass:composition_gallery_module_scss_1.default.preview,composition,component})))):null}exports.CompositionGallery=CompositionGallery},10726:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=exports.CompositionGallery=void 0;var composition_gallery_1=__webpack_require__(94478);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(67343);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},39708:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(91888);return _compositionsModel=function(){return data},data}class Composition{constructor(identifier,filepath,_displayName){this.identifier=identifier,this.filepath=filepath,this._displayName=_displayName}get displayName(){return this._displayName||(0,_compositionsModel().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(compositions){return compositions.map(composition=>new Composition(composition.identifier,composition.filepath,composition.displayName))}}exports.Composition=Composition},82704:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionContent=CompositionContent,exports.Compositions=Compositions;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(12294);return _reactRouterDom=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(40733));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(42546));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(18170);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(4792);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(56007);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(68211);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(6990);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(52515);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(82718);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(32098);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(89673);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(87082);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(10421);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(77972);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(69909);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(12563);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(37742);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(35682);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(98560);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(11276);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(56493);return _designUiSurfaces=function(){return data},data}function _designUi4(){const data=__webpack_require__(93976);return _designUi4=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(96484));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(14427);return _compositionsPanel=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}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 s=Object.getOwnPropertySymbols(e);for(r=0;r<s.length;r++)o=s[r],t.includes(o)||{}.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.includes(n))continue;t[n]=r[n]}return t}const Link=_baseReactNavigation().Link;function Compositions({menuBarWidgets,emptyState}){const component=(0,_react().useContext)(_component().ComponentContext),[searchParams]=(0,_reactRouterDom().useSearchParams)(),params=(0,_reactRouterDom().useParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),location=(0,_baseReactNavigation().useLocation)(),currentCompositionName=params["*"],currentComposition=component.compositions.find(composition=>composition.identifier.toLowerCase()===currentCompositionName)||(0,_lodash().default)(component.compositions),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition;const properties=(0,_docsUiQueries().useDocs)(component.id),showSidebar=!(0,_uiFoundationUiHooks().useIsMobile)()&&component.compositions.length>0,[isSidebarOpen,setSidebarOpenness]=(0,_react().useState)(showSidebar),sidebarOpenness=isSidebarOpen?_baseUiSurfacesSplitPane().Layout.row:_baseUiSurfacesSplitPane().Layout.left,compositionUrl=(0,_previewUi().toPreviewUrl)(component,"compositions"),isScaling=component?.preview?.isScaling,includesEnvTemplates=component?.preview?.includesEnvTemplate,useNameParam=component?.preview?.useNameParam,compositionIdentifierParam=useNameParam||isScaling&&includesEnvTemplates===!1?`name=${currentComposition?.identifier}`:currentComposition?.identifier,currentCompositionFullUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",compositionIdentifierParam),[compositionParams,setCompositionParams]=(0,_react().useState)({fullscreen:!0}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]);return(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),_react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"85%",className:_compositionsModule().default.compositionsPage},_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.left},_react().default.createElement(_compositionsUi().CompositionsMenuBar,{menuBarWidgets,className:_compositionsModule().default.menuBar},_react().default.createElement(_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(CompositionContent,{className:_compositionsModule().default.compositionPanel,emptyState,component,selected:currentComposition,queryParams})),_react().default.createElement(_baseUiSurfacesSplitPane2().HoverSplitter,{className:_compositionsModule().default.splitter},_react().default.createElement(_uiFoundationUiButtons().Collapser,{placement:"left",isOpen:isSidebarOpen,onMouseDown:e=>e.stopPropagation(),onClick:()=>setSidebarOpenness(x=>!x),tooltipContent:`${isSidebarOpen?"Hide":"Show"} side compositions`,className:_compositionsModule().default.collapser})),_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.right},_react().default.createElement(_documenterTheme().ThemeContext,null,_react().default.createElement(_panels().TabContainer,{className:_compositionsModule().default.tabsContainer},_react().default.createElement(_panels().TabList,{className:_compositionsModule().default.tabs},_react().default.createElement(_panels().Tab,null,"compositions"),_react().default.createElement(_panels().Tab,null,"properties")),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},_react().default.createElement(_compositionsPanel().CompositionsPanel,{isScaling,useNameParam,includesEnvTemplate:component.preview?.includesEnvTemplate,onSelectComposition:composition=>{if(!currentComposition||!location)return;const selectedCompositionFromUrl=params["*"],pathSegments=location.pathname.split("/").filter(x=>x);selectedCompositionFromUrl?pathSegments[pathSegments.length-1]=composition.identifier.toLowerCase():pathSegments.push(composition.identifier.toLowerCase());const urlParams=new URLSearchParams(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}=_ref,componentCompositionProps=_objectWithoutProperties(_ref,_excluded);const env=component.environment?.id,EmptyStateTemplate=emptyState?.get(env||"");return component.compositions.length===0&&component.host==="teambit.workspace/workspace"&&EmptyStateTemplate?_react().default.createElement("div",{className:_compositionsModule().default.noCompositionsPage},_react().default.createElement("div",null,_react().default.createElement(_documenterUi2().H1,{className:_compositionsModule().default.title},"Compositions"),_react().default.createElement(_designUi2().Separator,{isPresentational:!0,className:_compositionsModule().default.separator}),_react().default.createElement(_designUi3().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},_react().default.createElement(_mdxUi().MDXLayout,null,_react().default.createElement(EmptyStateTemplate,null))))):component?.buildStatus==="pending"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):component?.buildStatus==="failed"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):component.compositions.length===0?_react().default.createElement(_designUi().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,_extends({className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams},componentCompositionProps))}},32552:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _ui().ComponentComposition}}),Object.defineProperty(exports,"Composition",{enumerable:!0,get:function(){return _composition().Composition}}),Object.defineProperty(exports,"CompositionContent",{enumerable:!0,get:function(){return _compositions2().CompositionContent}}),Object.defineProperty(exports,"CompositionsAspect",{enumerable:!0,get:function(){return _compositions().CompositionsAspect}}),exports.default=void 0;function _compositions(){const data=__webpack_require__(36717);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(39708);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(82704);return _compositions2=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},23700:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}const _excluded=["composition","component","queryParams"];function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}function _extends(){return _extends=Object.assign?Object.assign.bind():function(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 s=Object.getOwnPropertySymbols(e);for(r=0;r<s.length;r++)o=s[r],t.includes(o)||{}.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.includes(n))continue;t[n]=r[n]}return t}function ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const includesEnvTemplate=component.preview?.includesEnvTemplate,isScaling=component.preview?.isScaling,shouldAddNameParam=component.preview?.useNameParam||isScaling&&includesEnvTemplate===!1,compositionParams=(0,_react().useMemo)(()=>(composition?[shouldAddNameParam?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams),[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,_extends({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams}))}},14427:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(86144);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(12294);return _reactRouterDom=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(13202);return _uiFoundationUi=function(){return data},data}function _designUi(){const data=__webpack_require__(93976);return _designUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(98560);return _baseReactNavigation=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(10409));return _compositionsPanelModule=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","active","includesEnvTemplate","useNameParam","className"];function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}function _interopRequireDefault(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 s=Object.getOwnPropertySymbols(e);for(r=0;r<s.length;r++)o=s[r],t.includes(o)||{}.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.includes(n))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 shouldAddNameParam=useNameParam||isScaling&&includesEnvTemplate===!1,handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected)},[onSelect]),location=(0,_baseReactNavigation().useLocation)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),onCompositionCodeClicked=(0,_react().useCallback)(composition=>e=>{e.preventDefault();const queryParams=new URLSearchParams;versionFromQueryParams&&queryParams.set("version",versionFromQueryParams);const basePath=location?.pathname.split("/~compositions")[0];navigate(`${basePath}/~code/${composition.filepath}?${queryParams.toString()}#search=${composition.identifier}`)},[location?.pathname,versionFromQueryParams]);return _react().default.createElement("ul",_extends({},rest,{className:(0,_classnames().default)(className)}),compositions.map(composition=>{const href=shouldAddNameParam?`${url}&name=${composition.identifier}`:`${url}&${composition.identifier}`;return _react().default.createElement("li",{key:composition.identifier,className:(0,_classnames().default)(_compositionsPanelModule().default.linkWrapper,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.box}),_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.right},_react().default.createElement(_uiFoundationUi().MenuWidgetIcon,{className:_compositionsPanelModule().default.codeLink,icon:"Code",tooltipContent:"Code",onClick:onCompositionCodeClicked(composition)}),_react().default.createElement(_designUi().Tooltip,{content:"Open in new tab",placement:"bottom"},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{className:_compositionsPanelModule().default.icon,of:"open-tab"})))))}))}},29066:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _compositionPreview().ComponentComposition}});function _compositionPreview(){const data=__webpack_require__(23700);return _compositionPreview=function(){return data},data}},69124: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.AccountTypes=void 0;const react_1=__importDefault(__webpack_require__(59496)),default_avatar_1=__webpack_require__(27144),org_avatar_1=__webpack_require__(27636),user_avatar_1=__webpack_require__(18088);var AccountTypes;(function(AccountTypes2){AccountTypes2.org="organization",AccountTypes2.user="user",AccountTypes2.default="default"})(AccountTypes||(exports.AccountTypes=AccountTypes={}));function Avatar(props){const{account}=props;switch(account.accountType){case AccountTypes.user:return react_1.default.createElement(user_avatar_1.UserAvatar,Object.assign({},props));case AccountTypes.org:return react_1.default.createElement(org_avatar_1.OrgAvatar,Object.assign({},props));default:return react_1.default.createElement(default_avatar_1.DefaultAvatar,Object.assign({},props))}}exports.default=Avatar},27144: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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),styles_module_scss_1=__importDefault(__webpack_require__(12437));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)}exports.DefaultAvatar=DefaultAvatar},14452:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultAvatar=exports.OrgAvatar=exports.UserAvatar=void 0,__exportStar(__webpack_require__(69124),exports);var user_avatar_1=__webpack_require__(18088);Object.defineProperty(exports,"UserAvatar",{enumerable:!0,get:function(){return user_avatar_1.UserAvatar}});var org_avatar_1=__webpack_require__(27636);Object.defineProperty(exports,"OrgAvatar",{enumerable:!0,get:function(){return org_avatar_1.OrgAvatar}});var default_avatar_1=__webpack_require__(27144);Object.defineProperty(exports,"DefaultAvatar",{enumerable:!0,get:function(){return default_avatar_1.DefaultAvatar}})},27636: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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),toolbox_url_add_avatar_query_params_1=__webpack_require__(66045),styles_module_scss_1=__importDefault(__webpack_require__(12437));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:{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)}exports.OrgAvatar=OrgAvatar},18088: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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),design_elements_icon_1=__webpack_require__(29284),toolbox_url_add_avatar_query_params_1=__webpack_require__(66045),toolbox_string_get_initials_1=__webpack_require__(85749),design_ui_styles_colors_by_letter_1=__webpack_require__(43754),design_ui_styles_ellipsis_1=__webpack_require__(2997),design_ui_tooltip_1=__webpack_require__(93976),styles_module_scss_1=__importDefault(__webpack_require__(12437));function UserAvatar(_a){var{account,size,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,showTooltip=!1,children}=_a,rest=__rest(_a,["account","size","imageSize","fontSize","className","imgClassName","showTooltip","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:"bottom",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}exports.UserAvatar=UserAvatar},59453:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimeAgo=void 0;var time_ago_1=__webpack_require__(78278);Object.defineProperty(exports,"TimeAgo",{enumerable:!0,get:function(){return time_ago_1.TimeAgo}})},78278: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=void 0;const react_1=__importStar(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),base_ui_utils_time_ago_1=__importDefault(__webpack_require__(72149)),design_ui_tooltip_1=__webpack_require__(93976),time_ago_module_scss_1=__importDefault(__webpack_require__(68611));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))}exports.TimeAgo=TimeAgo},93976:(__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__(34128);Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return tooltip_1.Tooltip}});var shared_instance_1=__webpack_require__(30003);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__(93052);Object.defineProperty(exports,"SingletonTooltipProvider",{enumerable:!0,get:function(){return singleton_instance_1.SingletonTooltipProvider}});var mount_point_1=__webpack_require__(18978);Object.defineProperty(exports,"TooltipMountPoint",{enumerable:!0,get:function(){return mount_point_1.TooltipMountPoint}});var react_1=__webpack_require__(33224);Object.defineProperty(exports,"useSingleton",{enumerable:!0,get:function(){return react_1.useSingleton}}),Object.defineProperty(exports,"tippy",{enumerable:!0,get:function(){return react_1.tippy}})},18978: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.TooltipMountPoint=exports.getMountPoint=exports.mountId=void 0;const react_1=__importDefault(__webpack_require__(59496));exports.mountId="tooltip-mount-point";function getMountPoint(ref){return document.getElementById(exports.mountId)||ref.parentElement||document.body}exports.getMountPoint=getMountPoint;function TooltipMountPoint(){return react_1.default.createElement("div",{id:exports.mountId})}exports.TooltipMountPoint=TooltipMountPoint},30003: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.useCtxTooltipInstance=exports.ProvideTooltipInstance=void 0;const react_1=__importStar(__webpack_require__(59496)),singletonContext=(0,react_1.createContext)(void 0);function ProvideTooltipInstance({value,children}){return react_1.default.createElement(singletonContext.Provider,{value},children)}exports.ProvideTooltipInstance=ProvideTooltipInstance;function useCtxTooltipInstance(){return(0,react_1.useContext)(singletonContext)}exports.useCtxTooltipInstance=useCtxTooltipInstance},93052: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=void 0;const react_1=__importDefault(__webpack_require__(59496)),react_2=__webpack_require__(33224),shared_instance_1=__webpack_require__(30003),tooltip_1=__webpack_require__(34128);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))}exports.SingletonTooltipProvider=SingletonTooltipProvider},34128: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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),ui_foundation_ui_hooks_use_is_mobile_1=__webpack_require__(87082),base_ui_theme_dark_theme_1=__webpack_require__(12880),react_2=__importDefault(__webpack_require__(33224)),tippy_js_1=__webpack_require__(48199);__webpack_require__(95736),__webpack_require__(79425);const mount_point_1=__webpack_require__(18978),shared_instance_1=__webpack_require__(30003);__webpack_require__(22264);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)}exports.Tooltip=Tooltip},7122:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDocs=exports.docsFields=void 0;const client_1=__webpack_require__(36252);exports.docsFields=(0,client_1.gql)`
+`},21268:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _useComponent().Filters}}),Object.defineProperty(exports,"UseComponentType",{enumerable:!0,get:function(){return _useComponent().UseComponentType}}),exports.useComponent=useComponent;function _uiFoundationUiReactRouter(){const data=__webpack_require__(46718);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(62589);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(48166);return _useComponent=function(){return data},data}function useComponent(host,id,options){const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent,skip}=options||{},componentVersion=(version||query.get("version"))??void 0,componentIdStr=id&&withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr||"",host,logFilters,skip||!id)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},48166:()=>{"use strict"},12645:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOffsetValue=getOffsetValue;function getOffsetValue(offset,limit,backwards=!1){if(offset!==void 0)return backwards?-(offset+limit):offset;if(limit!==void 0)return 0}},25408:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;const react_1=__importDefault(__webpack_require__(59496)),base_ui_loaders_skeleton_1=__webpack_require__(20298),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(4192));function CompositionCardSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.compositionCardSkeleton},react_1.default.createElement(PreviewSkeleton,null),react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.bottom},react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"104px"})))}exports.CompositionCardSkeleton=CompositionCardSkeleton;function PreviewSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.preview},react_1.default.createElement(base_ui_loaders_skeleton_1.BlockSkeleton,{lines:2,className:composition_card_skeleton_module_scss_1.default.block}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"208px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"152px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"88px"}))}exports.PreviewSkeleton=PreviewSkeleton},78647:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;var composition_card_skeleton_1=__webpack_require__(25408);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}}),Object.defineProperty(exports,"PreviewSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.PreviewSkeleton}})},94075:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCard=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),evangelist_elements_icon_1=__webpack_require__(86144),compositions_1=__webpack_require__(32552),design_ui_styles_ellipsis_1=__webpack_require__(2997),composition_card_module_scss_1=__importDefault(__webpack_require__(87342));exports.CompositionCard=react_1.default.memo(_CompositionCard);function _CompositionCard(_a){var{composition,component,className,openCompositionLink,previewClass}=_a,rest=__rest(_a,["composition","component","className","openCompositionLink","previewClass"]);const Composition=react_1.default.useMemo(()=>react_1.default.createElement(compositions_1.ComponentComposition,{disableScroll:!0,className:previewClass,includeEnv:!1,loading:"lazy",composition,component,viewport:1280,previewName:"compositions"}),[composition.identifier,component.id.toString(),previewClass]);return react_1.default.createElement("div",Object.assign({},rest,{key:composition.identifier,className:(0,classnames_1.default)(composition_card_module_scss_1.default.compositionCard,className)}),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.compositionPreview},Composition),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.bottom},react_1.default.createElement("span",{className:(0,classnames_1.default)(design_ui_styles_ellipsis_1.ellipsis,composition_card_module_scss_1.default.displayName)},composition.displayName),openCompositionLink&&react_1.default.createElement("a",{className:composition_card_module_scss_1.default.link,target:"_blank",rel:"noopener noreferrer",href:openCompositionLink},react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:composition_card_module_scss_1.default.icon,of:"open-tab"}))))}},75797:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(94075);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}});var composition_card_skeleton_1=__webpack_require__(78647);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}})},4405:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;const humanize_string_1=__importDefault(__webpack_require__(28583));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}exports.humanizeCompositionId=humanizeCompositionId},91888:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(4405);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},94659:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),base_ui_loaders_skeleton_1=__webpack_require__(20298),composition_card_1=__webpack_require__(75797),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(7975));function CompositionGallerySkeleton(_a){var{compositionsLength,className}=_a,rest=__rest(_a,["compositionsLength","className"]);const length=Array.from(Array(compositionsLength));return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGallerySkeleton,className)}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"100px",className:composition_gallery_skeleton_module_scss_1.default.title}),react_1.default.createElement("div",{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGalleryGrid)},length.map((_,index)=>react_1.default.createElement(composition_card_1.CompositionCardSkeleton,{key:`comp-card-skeleton-${index}`}))))}exports.CompositionGallerySkeleton=CompositionGallerySkeleton},67343:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=void 0;var composition_gallery_skeleton_1=__webpack_require__(94659);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},94478:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallery=void 0;const react_1=__importDefault(__webpack_require__(59496)),design_elements_icon_1=__webpack_require__(29284),documenter_ui_linked_heading_1=__webpack_require__(19058),base_react_navigation_link_1=__webpack_require__(98560),composition_card_1=__webpack_require__(75797),composition_gallery_module_scss_1=__importDefault(__webpack_require__(47128));function CompositionGallery({component}){const navigate=(0,base_react_navigation_link_1.useNavigate)();return component.compositions.length>0?react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.compositionGallery},react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,{size:"sm",className:composition_gallery_module_scss_1.default.title},react_1.default.createElement(design_elements_icon_1.Icon,{of:"eye"})," ",react_1.default.createElement("span",null,"PREVIEW")),react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.carousel},component.compositions.map(composition=>react_1.default.createElement(composition_card_1.CompositionCard,{key:composition.identifier.toLowerCase(),onClick:()=>navigate(`~compositions/${composition.identifier.toLowerCase()}`),className:composition_gallery_module_scss_1.default.compositionGalleryCard,previewClass:composition_gallery_module_scss_1.default.preview,composition,component})))):null}exports.CompositionGallery=CompositionGallery},10726:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=exports.CompositionGallery=void 0;var composition_gallery_1=__webpack_require__(94478);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(67343);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},39708:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(91888);return _compositionsModel=function(){return data},data}class Composition{constructor(identifier,filepath,_displayName){this.identifier=identifier,this.filepath=filepath,this._displayName=_displayName}get displayName(){return this._displayName||(0,_compositionsModel().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(compositions){return compositions.map(composition=>new Composition(composition.identifier,composition.filepath,composition.displayName))}}exports.Composition=Composition},82704:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionContent=CompositionContent,exports.Compositions=Compositions;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(12294);return _reactRouterDom=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(40733));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(42546));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(18170);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(4792);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(56007);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(68211);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(6990);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(52515);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(82718);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(32098);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(89673);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(87082);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(10421);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(77972);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(69909);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(12563);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(37742);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(35682);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(98560);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(11276);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(56493);return _designUiSurfaces=function(){return data},data}function _designUi4(){const data=__webpack_require__(93976);return _designUi4=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(96484));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(14427);return _compositionsPanel=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}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 s=Object.getOwnPropertySymbols(e);for(r=0;r<s.length;r++)o=s[r],t.includes(o)||{}.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.includes(n))continue;t[n]=r[n]}return t}const Link=_baseReactNavigation().Link;function Compositions({menuBarWidgets,emptyState}){const component=(0,_react().useContext)(_component().ComponentContext),[searchParams]=(0,_reactRouterDom().useSearchParams)(),params=(0,_reactRouterDom().useParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),location=(0,_baseReactNavigation().useLocation)(),currentCompositionName=params["*"],currentComposition=component.compositions.find(composition=>composition.identifier.toLowerCase()===currentCompositionName)||(0,_lodash().default)(component.compositions),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition;const properties=(0,_docsUiQueries().useDocs)(component.id),showSidebar=!(0,_uiFoundationUiHooks().useIsMobile)()&&component.compositions.length>0,[isSidebarOpen,setSidebarOpenness]=(0,_react().useState)(showSidebar),sidebarOpenness=isSidebarOpen?_baseUiSurfacesSplitPane().Layout.row:_baseUiSurfacesSplitPane().Layout.left,compositionUrl=(0,_previewUi().toPreviewUrl)(component,"compositions"),isScaling=component?.preview?.isScaling,includesEnvTemplates=component?.preview?.includesEnvTemplate,useNameParam=component?.preview?.useNameParam,compositionIdentifierParam=useNameParam||isScaling&&includesEnvTemplates===!1?`name=${currentComposition?.identifier}`:currentComposition?.identifier,currentCompositionFullUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",compositionIdentifierParam),[compositionParams,setCompositionParams]=(0,_react().useState)({fullscreen:!0}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]);return(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),_react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"85%",className:_compositionsModule().default.compositionsPage},_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.left},_react().default.createElement(_compositionsUi().CompositionsMenuBar,{menuBarWidgets,className:_compositionsModule().default.menuBar},_react().default.createElement(_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(CompositionContent,{className:_compositionsModule().default.compositionPanel,emptyState,component,selected:currentComposition,queryParams})),_react().default.createElement(_baseUiSurfacesSplitPane2().HoverSplitter,{className:_compositionsModule().default.splitter},_react().default.createElement(_uiFoundationUiButtons().Collapser,{placement:"left",isOpen:isSidebarOpen,onMouseDown:e=>e.stopPropagation(),onClick:()=>setSidebarOpenness(x=>!x),tooltipContent:`${isSidebarOpen?"Hide":"Show"} side compositions`,className:_compositionsModule().default.collapser})),_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.right},_react().default.createElement(_documenterTheme().ThemeContext,null,_react().default.createElement(_panels().TabContainer,{className:_compositionsModule().default.tabsContainer},_react().default.createElement(_panels().TabList,{className:_compositionsModule().default.tabs},_react().default.createElement(_panels().Tab,null,"compositions"),_react().default.createElement(_panels().Tab,null,"properties")),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},_react().default.createElement(_compositionsPanel().CompositionsPanel,{isScaling,useNameParam,includesEnvTemplate:component.preview?.includesEnvTemplate,onSelectComposition:composition=>{if(!currentComposition||!location)return;const selectedCompositionFromUrl=params["*"],pathSegments=location.pathname.split("/").filter(x=>x);selectedCompositionFromUrl?pathSegments[pathSegments.length-1]=composition.identifier.toLowerCase():pathSegments.push(composition.identifier.toLowerCase());const urlParams=new URLSearchParams(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}=_ref,componentCompositionProps=_objectWithoutProperties(_ref,_excluded);const env=component.environment?.id,EmptyStateTemplate=emptyState?.get(env||"");return component.compositions.length===0&&component.host==="teambit.workspace/workspace"&&EmptyStateTemplate?_react().default.createElement("div",{className:_compositionsModule().default.noCompositionsPage},_react().default.createElement("div",null,_react().default.createElement(_documenterUi2().H1,{className:_compositionsModule().default.title},"Compositions"),_react().default.createElement(_designUi2().Separator,{isPresentational:!0,className:_compositionsModule().default.separator}),_react().default.createElement(_designUi3().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},_react().default.createElement(_mdxUi().MDXLayout,null,_react().default.createElement(EmptyStateTemplate,null))))):component?.buildStatus==="pending"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):component?.buildStatus==="failed"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):component.compositions.length===0?_react().default.createElement(_designUi().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,_extends({className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams},componentCompositionProps))}},32552:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _ui().ComponentComposition}}),Object.defineProperty(exports,"Composition",{enumerable:!0,get:function(){return _composition().Composition}}),Object.defineProperty(exports,"CompositionContent",{enumerable:!0,get:function(){return _compositions2().CompositionContent}}),Object.defineProperty(exports,"CompositionsAspect",{enumerable:!0,get:function(){return _compositions().CompositionsAspect}}),exports.default=void 0;function _compositions(){const data=__webpack_require__(36717);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(39708);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(82704);return _compositions2=function(){return data},data}function _ui(){const data=__webpack_require__(29066);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},23700:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(27699);return _previewUi=function(){return data},data}const _excluded=["composition","component","queryParams"];function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}function _extends(){return _extends=Object.assign?Object.assign.bind():function(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 s=Object.getOwnPropertySymbols(e);for(r=0;r<s.length;r++)o=s[r],t.includes(o)||{}.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.includes(n))continue;t[n]=r[n]}return t}function ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const includesEnvTemplate=component.preview?.includesEnvTemplate,isScaling=component.preview?.isScaling,shouldAddNameParam=component.preview?.useNameParam||isScaling&&includesEnvTemplate===!1,compositionParams=(0,_react().useMemo)(()=>(composition?[shouldAddNameParam?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams),[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,_extends({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams}))}},14427:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(86144);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(97754));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(12294);return _reactRouterDom=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(59496));return _react=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(13202);return _uiFoundationUi=function(){return data},data}function _designUi(){const data=__webpack_require__(93976);return _designUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(98560);return _baseReactNavigation=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(10409));return _compositionsPanelModule=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","active","includesEnvTemplate","useNameParam","className"];function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}function _interopRequireDefault(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 s=Object.getOwnPropertySymbols(e);for(r=0;r<s.length;r++)o=s[r],t.includes(o)||{}.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.includes(n))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 shouldAddNameParam=useNameParam||isScaling&&includesEnvTemplate===!1,handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected)},[onSelect]),location=(0,_baseReactNavigation().useLocation)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),onCompositionCodeClicked=(0,_react().useCallback)(composition=>e=>{e.preventDefault();const queryParams=new URLSearchParams;versionFromQueryParams&&queryParams.set("version",versionFromQueryParams);const basePath=location?.pathname.split("/~compositions")[0];navigate(`${basePath}/~code/${composition.filepath}?${queryParams.toString()}#search=${composition.identifier}`)},[location?.pathname,versionFromQueryParams]);return _react().default.createElement("ul",_extends({},rest,{className:(0,_classnames().default)(className)}),compositions.map(composition=>{const href=shouldAddNameParam?`${url}&name=${composition.identifier}`:`${url}&${composition.identifier}`;return _react().default.createElement("li",{key:composition.identifier,className:(0,_classnames().default)(_compositionsPanelModule().default.linkWrapper,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.box}),_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.right},_react().default.createElement(_uiFoundationUi().MenuWidgetIcon,{className:_compositionsPanelModule().default.codeLink,icon:"Code",tooltipContent:"Code",onClick:onCompositionCodeClicked(composition)}),_react().default.createElement(_designUi().Tooltip,{content:"Open in new tab",placement:"bottom"},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{className:_compositionsPanelModule().default.icon,of:"open-tab"})))))}))}},29066:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _compositionPreview().ComponentComposition}});function _compositionPreview(){const data=__webpack_require__(23700);return _compositionPreview=function(){return data},data}},69124: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.AccountTypes=void 0;const react_1=__importDefault(__webpack_require__(59496)),default_avatar_1=__webpack_require__(27144),org_avatar_1=__webpack_require__(27636),user_avatar_1=__webpack_require__(18088);var AccountTypes;(function(AccountTypes2){AccountTypes2.org="organization",AccountTypes2.user="user",AccountTypes2.default="default"})(AccountTypes||(exports.AccountTypes=AccountTypes={}));function Avatar(props){const{account}=props;switch(account.accountType){case AccountTypes.user:return react_1.default.createElement(user_avatar_1.UserAvatar,Object.assign({},props));case AccountTypes.org:return react_1.default.createElement(org_avatar_1.OrgAvatar,Object.assign({},props));default:return react_1.default.createElement(default_avatar_1.DefaultAvatar,Object.assign({},props))}}exports.default=Avatar},27144: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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),styles_module_scss_1=__importDefault(__webpack_require__(12437));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)}exports.DefaultAvatar=DefaultAvatar},14452:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultAvatar=exports.OrgAvatar=exports.UserAvatar=void 0,__exportStar(__webpack_require__(69124),exports);var user_avatar_1=__webpack_require__(18088);Object.defineProperty(exports,"UserAvatar",{enumerable:!0,get:function(){return user_avatar_1.UserAvatar}});var org_avatar_1=__webpack_require__(27636);Object.defineProperty(exports,"OrgAvatar",{enumerable:!0,get:function(){return org_avatar_1.OrgAvatar}});var default_avatar_1=__webpack_require__(27144);Object.defineProperty(exports,"DefaultAvatar",{enumerable:!0,get:function(){return default_avatar_1.DefaultAvatar}})},27636: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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),toolbox_url_add_avatar_query_params_1=__webpack_require__(66045),styles_module_scss_1=__importDefault(__webpack_require__(12437));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:{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)}exports.OrgAvatar=OrgAvatar},18088: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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),design_elements_icon_1=__webpack_require__(29284),toolbox_url_add_avatar_query_params_1=__webpack_require__(66045),toolbox_string_get_initials_1=__webpack_require__(85749),design_ui_styles_colors_by_letter_1=__webpack_require__(43754),design_ui_styles_ellipsis_1=__webpack_require__(2997),design_ui_tooltip_1=__webpack_require__(93976),styles_module_scss_1=__importDefault(__webpack_require__(12437));function UserAvatar(_a){var{account,size,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}exports.UserAvatar=UserAvatar},59453:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimeAgo=void 0;var time_ago_1=__webpack_require__(78278);Object.defineProperty(exports,"TimeAgo",{enumerable:!0,get:function(){return time_ago_1.TimeAgo}})},78278: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=void 0;const react_1=__importStar(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),base_ui_utils_time_ago_1=__importDefault(__webpack_require__(72149)),design_ui_tooltip_1=__webpack_require__(93976),time_ago_module_scss_1=__importDefault(__webpack_require__(68611));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))}exports.TimeAgo=TimeAgo},93976:(__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__(34128);Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return tooltip_1.Tooltip}});var shared_instance_1=__webpack_require__(30003);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__(93052);Object.defineProperty(exports,"SingletonTooltipProvider",{enumerable:!0,get:function(){return singleton_instance_1.SingletonTooltipProvider}});var mount_point_1=__webpack_require__(18978);Object.defineProperty(exports,"TooltipMountPoint",{enumerable:!0,get:function(){return mount_point_1.TooltipMountPoint}});var react_1=__webpack_require__(33224);Object.defineProperty(exports,"useSingleton",{enumerable:!0,get:function(){return react_1.useSingleton}}),Object.defineProperty(exports,"tippy",{enumerable:!0,get:function(){return react_1.tippy}})},18978: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.TooltipMountPoint=exports.getMountPoint=exports.mountId=void 0;const react_1=__importDefault(__webpack_require__(59496));exports.mountId="tooltip-mount-point";function getMountPoint(ref){return document.getElementById(exports.mountId)||ref.parentElement||document.body}exports.getMountPoint=getMountPoint;function TooltipMountPoint(){return react_1.default.createElement("div",{id:exports.mountId})}exports.TooltipMountPoint=TooltipMountPoint},30003: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.useCtxTooltipInstance=exports.ProvideTooltipInstance=void 0;const react_1=__importStar(__webpack_require__(59496)),singletonContext=(0,react_1.createContext)(void 0);function ProvideTooltipInstance({value,children}){return react_1.default.createElement(singletonContext.Provider,{value},children)}exports.ProvideTooltipInstance=ProvideTooltipInstance;function useCtxTooltipInstance(){return(0,react_1.useContext)(singletonContext)}exports.useCtxTooltipInstance=useCtxTooltipInstance},93052: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=void 0;const react_1=__importDefault(__webpack_require__(59496)),react_2=__webpack_require__(33224),shared_instance_1=__webpack_require__(30003),tooltip_1=__webpack_require__(34128);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))}exports.SingletonTooltipProvider=SingletonTooltipProvider},34128: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=void 0;const react_1=__importDefault(__webpack_require__(59496)),classnames_1=__importDefault(__webpack_require__(97754)),ui_foundation_ui_hooks_use_is_mobile_1=__webpack_require__(87082),base_ui_theme_dark_theme_1=__webpack_require__(12880),react_2=__importDefault(__webpack_require__(33224)),tippy_js_1=__webpack_require__(48199);__webpack_require__(95736),__webpack_require__(79425);const mount_point_1=__webpack_require__(18978),shared_instance_1=__webpack_require__(30003);__webpack_require__(22264);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)}exports.Tooltip=Tooltip},7122:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDocs=exports.docsFields=void 0;const client_1=__webpack_require__(36252);exports.docsFields=(0,client_1.gql)`
   fragment docsFields on ReactDocs {
     abstract
     properties {