@teambit/env 1.0.697 → 1.0.698

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -595,7 +595,7 @@ the following are permitted ${Object.keys(IssuesClasses).join(", ")}`);const iss
595
595
  }
596
596
  }
597
597
  ${componentIdFields}
598
- `},92308:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _useComponent().Filters}}),Object.defineProperty(exports,"UseComponentType",{enumerable:!0,get:function(){return _useComponent().UseComponentType}}),exports.useComponent=useComponent;function _uiFoundationUiReactRouter(){const data=__webpack_require__(46480);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(94653);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(88439);return _useComponent=function(){return data},data}function useComponent(host,id,options){const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent,skip}=options||{},componentVersion=(version||query.get("version"))??void 0,componentIdStr=id&&withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr||"",host,logFilters,skip||!id)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},88439:()=>{"use strict"},23403:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOffsetValue=getOffsetValue;function getOffsetValue(offset,limit,backwards=!1){if(offset!==void 0)return backwards?-(offset+limit):offset;if(limit!==void 0)return 0}},68089:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=CompositionCardSkeleton,exports.PreviewSkeleton=PreviewSkeleton;const react_1=__importDefault(__webpack_require__(37953)),base_ui_loaders_skeleton_1=__webpack_require__(84738),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(76376));function CompositionCardSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.compositionCardSkeleton},react_1.default.createElement(PreviewSkeleton,null),react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.bottom},react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"104px"})))}function PreviewSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.preview},react_1.default.createElement(base_ui_loaders_skeleton_1.BlockSkeleton,{lines:2,className:composition_card_skeleton_module_scss_1.default.block}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"208px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"152px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"88px"}))}},48216:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;var composition_card_skeleton_1=__webpack_require__(68089);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}}),Object.defineProperty(exports,"PreviewSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.PreviewSkeleton}})},38527:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCard=void 0;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),evangelist_elements_icon_1=__webpack_require__(63117),compositions_1=__webpack_require__(24010),design_ui_styles_ellipsis_1=__webpack_require__(76785),composition_card_module_scss_1=__importDefault(__webpack_require__(69610));exports.CompositionCard=react_1.default.memo(_CompositionCard);function _CompositionCard(_a){var{composition,component,className,openCompositionLink,previewClass,queryParams}=_a,rest=__rest(_a,["composition","component","className","openCompositionLink","previewClass","queryParams"]);const Composition=react_1.default.useMemo(()=>react_1.default.createElement(compositions_1.ComponentComposition,{disableScroll:!0,className:previewClass,includeEnv:!0,loading:"lazy",composition,component,viewport:1280,queryParams,previewName:"compositions"}),[composition.identifier,component.id.toString(),previewClass]);return react_1.default.createElement("div",Object.assign({key:composition.identifier},rest,{className:(0,classnames_1.default)(composition_card_module_scss_1.default.compositionCard,className)}),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.compositionPreview},Composition),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.bottom},react_1.default.createElement("span",{className:(0,classnames_1.default)(design_ui_styles_ellipsis_1.ellipsis,composition_card_module_scss_1.default.displayName)},composition.displayName),openCompositionLink&&react_1.default.createElement("a",{className:composition_card_module_scss_1.default.link,target:"_blank",rel:"noopener noreferrer",href:openCompositionLink},react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:composition_card_module_scss_1.default.icon,of:"open-tab"}))))}},23778:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(38527);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}});var composition_card_skeleton_1=__webpack_require__(48216);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}})},70532:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=humanizeCompositionId;const humanize_string_1=__importDefault(__webpack_require__(64744));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}},36261:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(70532);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},22645:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=CompositionGallerySkeleton;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),base_ui_loaders_skeleton_1=__webpack_require__(84738),composition_card_1=__webpack_require__(23778),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(68404));function CompositionGallerySkeleton(_a){var{compositionsLength,className}=_a,rest=__rest(_a,["compositionsLength","className"]);const length=Array.from(Array(compositionsLength));return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGallerySkeleton,className)}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"100px",className:composition_gallery_skeleton_module_scss_1.default.title}),react_1.default.createElement("div",{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGalleryGrid)},length.map((_,index)=>react_1.default.createElement(composition_card_1.CompositionCardSkeleton,{key:`comp-card-skeleton-${index}`}))))}},13156:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=void 0;var composition_gallery_skeleton_1=__webpack_require__(22645);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},91339:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallery=CompositionGallery;const react_1=__importDefault(__webpack_require__(37953)),design_elements_icon_1=__webpack_require__(12287),documenter_ui_linked_heading_1=__webpack_require__(7345),base_react_navigation_link_1=__webpack_require__(39343),composition_card_1=__webpack_require__(23778),composition_gallery_module_scss_1=__importDefault(__webpack_require__(70538));function CompositionGallery({component}){const navigate=(0,base_react_navigation_link_1.useNavigate)();return component.compositions.length>0?react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.compositionGallery},react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,{size:"sm",className:composition_gallery_module_scss_1.default.title},react_1.default.createElement(design_elements_icon_1.Icon,{of:"eye"})," ",react_1.default.createElement("span",null,"PREVIEW")),react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.carousel},component.compositions.map(composition=>react_1.default.createElement(composition_card_1.CompositionCard,{key:composition.identifier.toLowerCase(),onClick:()=>navigate(`~compositions/${composition.identifier.toLowerCase()}`),className:composition_gallery_module_scss_1.default.compositionGalleryCard,previewClass:composition_gallery_module_scss_1.default.preview,composition,component,queryParams:"disableCta=true"})))):null}},55970:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=exports.CompositionGallery=void 0;var composition_gallery_1=__webpack_require__(91339);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(13156);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},75320:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(36261);return _compositionsModel=function(){return data},data}class Composition{constructor(identifier,filepath,_displayName){this.identifier=identifier,this.filepath=filepath,this._displayName=_displayName}get displayName(){return this._displayName||(0,_compositionsModel().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(compositions){return compositions.map(composition=>new Composition(composition.identifier,composition.filepath,composition.displayName))}}exports.Composition=Composition},83453:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.CompositionsAspect=void 0;function _harmony(){const data=__webpack_require__(12337);return _harmony=function(){return data},data}const CompositionsAspect=exports.CompositionsAspect=_harmony().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});var _default=exports.default=CompositionsAspect},57223:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionContent=CompositionContent,exports.Compositions=Compositions;function _react(){const data=_interopRequireWildcard(__webpack_require__(37953));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(53824);return _reactRouterDom=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(994));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(83268));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(66513);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(23459);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(22801);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(30266);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(51416);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(618);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(7422);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(21245);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(81832);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(36451);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(14373);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(18301);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(62751);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(85878);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(70574);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(10944);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(39343);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(75995);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(49356);return _designUiSurfaces=function(){return data},data}function _designUi4(){const data=__webpack_require__(62634);return _designUi4=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(75602));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(489);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(46592);return _compositionsPanel=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState","sandbox"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}const Link=_baseReactNavigation().Link;function Compositions({menuBarWidgets,emptyState,usePreviewSandboxSlot}){const component=(0,_react().useContext)(_component().ComponentContext),[searchParams]=(0,_reactRouterDom().useSearchParams)(),params=(0,_reactRouterDom().useParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),location=(0,_baseReactNavigation().useLocation)(),currentCompositionName=params["*"],currentComposition=component.compositions.find(composition=>composition.identifier.toLowerCase()===currentCompositionName)||(0,_lodash().default)(component.compositions),[sandboxValue,setSandboxValue]=(0,_react().useState)(""),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition;const properties=(0,_docsUiQueries().useDocs)(component.id),previewSandboxHooks=usePreviewSandboxSlot?.values()??[],showSidebar=!(0,_uiFoundationUiHooks().useIsMobile)()&&component.compositions.length>0,[isSidebarOpen,setSidebarOpenness]=(0,_react().useState)(showSidebar),sidebarOpenness=isSidebarOpen?_baseUiSurfacesSplitPane().Layout.row:_baseUiSurfacesSplitPane().Layout.left,compositionUrl=(0,_previewUi().toPreviewUrl)(component,"compositions"),isScaling=component?.preview?.isScaling,includesEnvTemplates=component?.preview?.includesEnvTemplate,useNameParam=component?.preview?.useNameParam,compositionIdentifierParam=useNameParam||isScaling&&includesEnvTemplates===!1?`name=${currentComposition?.identifier}`:currentComposition?.identifier,currentCompositionFullUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",compositionIdentifierParam),[compositionParams,setCompositionParams]=(0,_react().useState)({fullscreen:!0,livecontrols:!0}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]);return(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),_react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"80%",className:_compositionsModule().default.compositionsPage},_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.left},_react().default.createElement(_compositionsUi().CompositionsMenuBar,{menuBarWidgets,className:_compositionsModule().default.menuBar},_react().default.createElement(_designUi4().Tooltip,{content:"Open in new tab",placement:"right"},_react().default.createElement(Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.openInNewTab},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"})))),_react().default.createElement(_previewUi().SandboxPermissionsAggregator,{hooks:previewSandboxHooks,onSandboxChange:setSandboxValue,component}),_react().default.createElement(CompositionContent,{className:_compositionsModule().default.compositionPanel,emptyState,component,selected:currentComposition,queryParams,sandbox:sandboxValue})),_react().default.createElement(_baseUiSurfacesSplitPane2().HoverSplitter,{className:_compositionsModule().default.splitter},_react().default.createElement(_uiFoundationUiButtons().Collapser,{placement:"left",isOpen:isSidebarOpen,onMouseDown:e=>e.stopPropagation(),onClick:()=>setSidebarOpenness(x=>!x),tooltipContent:`${isSidebarOpen?"Hide":"Show"} side compositions`,className:_compositionsModule().default.collapser})),_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.right},_react().default.createElement(_documenterTheme().ThemeContext,null,_react().default.createElement(_panels().TabContainer,{className:_compositionsModule().default.tabsContainer},_react().default.createElement(_panels().TabList,{className:_compositionsModule().default.tabs},_react().default.createElement(_panels().Tab,null,"compositions"),_react().default.createElement(_panels().Tab,null,"properties")),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},_react().default.createElement(_compositionsPanel().CompositionsPanel,{isScaling,useNameParam,includesEnvTemplate:component.preview?.includesEnvTemplate,onSelectComposition:composition=>{if(!currentComposition||!location)return;const selectedCompositionFromUrl=params["*"],pathSegments=location.pathname.split("/").filter(x=>x);selectedCompositionFromUrl?pathSegments[pathSegments.length-1]=composition.identifier.toLowerCase():pathSegments.push(composition.identifier.toLowerCase());const urlParams=new URLSearchParams(searchParams);versionFromQueryParams&&urlParams.set("version",versionFromQueryParams);const newPath=pathSegments.join("/");navigate(`/${newPath}?${urlParams.toString()}`)},url:compositionUrl,compositions:component.compositions,active:currentComposition})),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},properties&&properties.length>0?_react().default.createElement(_documenterUi().PropTable,{rows:properties,showListView:!0}):_react().default.createElement("div",null)))))))}function CompositionContent(_ref){let{component,selected,queryParams,emptyState,sandbox}=_ref,componentCompositionProps=_objectWithoutProperties(_ref,_excluded);const env=component.environment?.id,EmptyStateTemplate=emptyState?.get(env||"");return component.compositions.length===0&&component.host==="teambit.workspace/workspace"&&EmptyStateTemplate?_react().default.createElement("div",{className:_compositionsModule().default.noCompositionsPage},_react().default.createElement("div",null,_react().default.createElement(_documenterUi2().H1,{className:_compositionsModule().default.title},"Compositions"),_react().default.createElement(_designUi2().Separator,{isPresentational:!0,className:_compositionsModule().default.separator}),_react().default.createElement(_designUi3().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},_react().default.createElement(_mdxUi().MDXLayout,null,_react().default.createElement(EmptyStateTemplate,null))))):component?.buildStatus==="pending"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):component?.buildStatus==="failed"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):component.compositions.length===0?_react().default.createElement(_designUi().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,_extends({className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams,sandbox},componentCompositionProps))}},24010:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _ui().ComponentComposition}}),Object.defineProperty(exports,"Composition",{enumerable:!0,get:function(){return _composition().Composition}}),Object.defineProperty(exports,"CompositionContent",{enumerable:!0,get:function(){return _compositions2().CompositionContent}}),Object.defineProperty(exports,"CompositionsAspect",{enumerable:!0,get:function(){return _compositions().CompositionsAspect}}),exports.default=void 0;function _compositions(){const data=__webpack_require__(83453);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(75320);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(57223);return _compositions2=function(){return data},data}function _ui(){const data=__webpack_require__(489);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},32362:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(37953));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _workspaceUi(){const data=__webpack_require__(60517);return _workspaceUi=function(){return data},data}const _excluded=["composition","component","queryParams"];function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{isMinimal}=(0,_workspaceUi().useWorkspaceMode)(),includesEnvTemplate=component.preview?.includesEnvTemplate,isScaling=component.preview?.isScaling,shouldAddNameParam=component.preview?.useNameParam||isScaling&&includesEnvTemplate===!1,compositionParams=(0,_react().useMemo)(()=>(composition?[shouldAddNameParam?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams),[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,_extends({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams,propagateError:isMinimal}))}},46592:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(63117);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(14487));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(53824);return _reactRouterDom=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(37953));return _react=function(){return data},data}function _uiFoundationUiTree(){const data=__webpack_require__(51796);return _uiFoundationUiTree=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(19473);return _uiFoundationUi=function(){return data},data}function _designUi(){const data=__webpack_require__(62634);return _designUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(39343);return _baseReactNavigation=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(63855);return _compositionsUi=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(1779));return _compositionsPanelModule=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","active","includesEnvTemplate","useNameParam","className"];function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,active,includesEnvTemplate,useNameParam,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const[hasLiveControls,setHasLiveControls]=(0,_react().useState)(!1),[openDrawerList,onToggleDrawer]=(0,_react().useState)(["COMPOSITIONS","LIVE_CONTROLS"]),handleDrawerToggle=id=>{if(openDrawerList.includes(id)){onToggleDrawer(list=>list.filter(drawer=>drawer!==id));return}onToggleDrawer(list=>list.concat(id))},shouldAddNameParam=useNameParam||isScaling&&includesEnvTemplate===!1,location=(0,_baseReactNavigation().useLocation)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),[controlsTimestamp,setControlsTimestamp]=(0,_react().useState)(0),[controlsDefs,setControlsDefs]=(0,_react().useState)(null),[controlsValues,setControlsValues]=(0,_react().useState)({}),[mounter,setMounter]=(0,_react().useState)(),handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected),selected!==active&&setControlsTimestamp(0)},[onSelect]),onCompositionCodeClicked=(0,_react().useCallback)(composition=>e=>{e.preventDefault(),setControlsTimestamp(0);const queryParams=new URLSearchParams;versionFromQueryParams&&queryParams.set("version",versionFromQueryParams);const basePath=location?.pathname.split("/~compositions")[0];navigate(`${basePath}/~code/${composition.filepath}?${queryParams.toString()}#search=${composition.identifier}`)},[location?.pathname,versionFromQueryParams]);(0,_react().useEffect)(()=>{window.addEventListener("message",e=>{e.data.type==="composition-live-controls:activate"&&setHasLiveControls(!0)});function onLiveControlsSetup(e){(0,_compositionsUi().getReadyListener)(e,({controls,values,timestamp})=>{const iframeWindow=e.source;setMounter(iframeWindow),setControlsDefs(controls),setControlsValues(values),setControlsTimestamp(timestamp)})}return window.addEventListener("message",onLiveControlsSetup),()=>{window.removeEventListener("message",onLiveControlsSetup)}},[]);const onLiveControlsUpdate=(0,_react().useCallback)((key,value)=>{mounter&&(0,_compositionsUi().broadcastUpdate)(mounter,controlsTimestamp,{key,value}),setControlsValues(prev=>_objectSpread(_objectSpread({},prev),{},{[key]:value}))},[mounter,controlsValues,controlsTimestamp]);return _react().default.createElement("div",{className:(0,_classnames().default)(_compositionsPanelModule().default.container)},_react().default.createElement(_uiFoundationUiTree().DrawerUI,{isOpen:openDrawerList.includes("COMPOSITIONS"),onToggle:()=>handleDrawerToggle("COMPOSITIONS"),name:"COMPOSITIONS",className:(0,_classnames().default)(_compositionsPanelModule().default.tab)},_react().default.createElement("ul",_extends({},rest,{className:(0,_classnames().default)(className)}),compositions.map(composition=>{const href=shouldAddNameParam?`${url}&name=${composition.identifier}`:`${url}&${composition.identifier}`;return _react().default.createElement("li",{key:composition.identifier,className:(0,_classnames().default)(_compositionsPanelModule().default.linkWrapper,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.right},_react().default.createElement(_uiFoundationUi().MenuWidgetIcon,{className:_compositionsPanelModule().default.codeLink,icon:"Code",tooltipContent:"Code",onClick:onCompositionCodeClicked(composition)}),_react().default.createElement(_designUi().Tooltip,{content:"Open in new tab",placement:"bottom"},_react().default.createElement("a",{className:_compositionsPanelModule().default.iconLink,target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{className:_compositionsPanelModule().default.icon,of:"open-tab"})))))}))),hasLiveControls?_react().default.createElement(_uiFoundationUiTree().DrawerUI,{isOpen:openDrawerList.includes("LIVE_CONTROLS"),onToggle:()=>handleDrawerToggle("LIVE_CONTROLS"),className:(0,_classnames().default)(_compositionsPanelModule().default.tab),name:"LIVE CONTROLS"},controlsTimestamp?_react().default.createElement(_liveControlPanel().LiveControls,{defs:controlsDefs,values:controlsValues,onChange:onLiveControlsUpdate}):_react().default.createElement("div",{className:_compositionsPanelModule().default.noLiveControls},"No live controls available for this composition")):null)}},30227:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getInputComponent=getInputComponent;function _react(){const data=_interopRequireDefault(__webpack_require__(37953));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(14487));return _classnames=function(){return data},data}function _designInputs(){const data=__webpack_require__(30202);return _designInputs=function(){return data},data}function _designInputs2(){const data=__webpack_require__(12443);return _designInputs2=function(){return data},data}function _designInputs3(){const data=__webpack_require__(93265);return _designInputs3=function(){return data},data}function _designInputsSelectors(){const data=__webpack_require__(92128);return _designInputsSelectors=function(){return data},data}function _designUiInput(){const data=__webpack_require__(65455);return _designUiInput=function(){return data},data}function _designInputs4(){const data=__webpack_require__(63163);return _designInputs4=function(){return data},data}function _designInputs5(){const data=__webpack_require__(29485);return _designInputs5=function(){return data},data}function _liveControlInputModule(){const data=_interopRequireDefault(__webpack_require__(85014));return _liveControlInputModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function ShortTextInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=e=>{const newValue=e.target.value;onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement(_designInputs().InputText,{value:inputValue,onChange:handleChange})}function LongTextInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=e=>{const newValue=e.target.value;onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement(_designInputs2().TextArea,{value:inputValue,onChange:handleChange})}function SelectInput({value,onChange,meta}){const[selectedValue,setSelectedValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setSelectedValue(value||"")},[value]);const handleChange=newValue=>{onChange(newValue||""),setSelectedValue(newValue||"")},options=_react().default.useMemo(()=>!meta||!meta.options?[]:meta.options.map(option=>typeof option=="string"?{label:option,value:option}:option),[meta]),placeholderContent=options.find(o=>o.value===selectedValue)?.label;return _react().default.createElement("p",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designInputs3().Dropdown,{placeholderContent},options.map(option=>_react().default.createElement(_designInputsSelectors().MenuItem,{active:option.value===selectedValue,key:option.value,onClick:()=>handleChange(option.value)},option.label))))}function NumberInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||0);_react().default.useEffect(()=>{setInputValue(value||0)},[value]);const handleChange=e=>{const newValue=e.target.value;isNaN(Number(newValue))?console.error("Invalid number input",newValue):(onChange(Number(newValue)||0),setInputValue(Number(newValue)||0))};return _react().default.createElement(_designInputs().InputText,{type:"number",value:inputValue,onChange:handleChange})}function ColorInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=newValue=>{onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement("p",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designUiInput().ColorPicker,{value:inputValue,onColorSelect:handleChange,allowCustomColor:!0}))}function DateInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(new Date(value));_react().default.useEffect(()=>{setInputValue(new Date(value))},[value]);const handleChange=newValue=>{newValue&&onChange(newValue.toISOString().split("T")[0]),setInputValue(newValue)};return _react().default.createElement("p",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designInputs4().DatePicker,{date:inputValue,onChange:handleChange}))}function ToggleInput({value,onChange}){const[isChecked,setIsChecked]=_react().default.useState(!!value);_react().default.useEffect(()=>{setIsChecked(!!value)},[value]);const handleChange=()=>{setIsChecked(!isChecked),onChange(!isChecked)};return _react().default.createElement("p",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designInputs5().Toggle,{defaultChecked:isChecked,onChange:handleChange}))}function JsonInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(JSON.stringify(value,null,2));_react().default.useEffect(()=>{setInputValue(JSON.stringify(value,null,2))},[value]);const[message,setMessage]=_react().default.useState(""),handleChange=e=>{const newValue=e.target.value;try{const parsedValue=JSON.parse(newValue);onChange(parsedValue),setMessage("")}catch{setMessage("Invalid JSON")}setInputValue(newValue)};return _react().default.createElement("div",null,_react().default.createElement(_designInputs2().TextArea,{value:inputValue,onChange:handleChange}),message&&_react().default.createElement("div",{style:{color:"red"}},message))}function getInputComponent(type){switch(type){case"text":return ShortTextInput;case"longtext":return LongTextInput;case"select":return SelectInput;case"number":return NumberInput;case"color":return ColorInput;case"date":return DateInput;case"boolean":return ToggleInput;case"json":return JsonInput;default:return console.warn(`Unknown input type: ${type}`),ShortTextInput}}},44849:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControls=LiveControls;function _react(){const data=_interopRequireDefault(__webpack_require__(37953));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(14487));return _classnames=function(){return data},data}function _liveControlPanelModule(){const data=_interopRequireDefault(__webpack_require__(54e3));return _liveControlPanelModule=function(){return data},data}function _liveControlInput(){const data=__webpack_require__(30227);return _liveControlInput=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function LiveControls({defs,values,onChange}){return _react().default.createElement("ul",{className:(0,_classnames().default)(_liveControlPanelModule().default.container),style:{paddingBottom:"20em"}},defs.map(field=>{const key=field.id,InputComponent=(0,_liveControlInput().getInputComponent)(field.input||"text");return _react().default.createElement("li",{key,className:(0,_classnames().default)(_liveControlPanelModule().default.item)},_react().default.createElement("div",{className:(0,_classnames().default)(_liveControlPanelModule().default.label)},_react().default.createElement("label",{htmlFor:`control-${key}`},field.label||field.id)),_react().default.createElement("div",null,_react().default.createElement(InputComponent,{id:`control-${key}`,value:values[key],onChange:v=>onChange(key,v),meta:field})))}))}},489:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _compositionPreview().ComponentComposition}});function _compositionPreview(){const data=__webpack_require__(32362);return _compositionPreview=function(){return data},data}},10623:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AccountTypes=void 0,exports.Avatar=Avatar;const react_1=__importDefault(__webpack_require__(37953)),default_avatar_1=__webpack_require__(19963),org_avatar_1=__webpack_require__(71962),user_avatar_1=__webpack_require__(82823);var AccountTypes;(function(AccountTypes2){AccountTypes2.org="organization",AccountTypes2.user="user",AccountTypes2.default="default"})(AccountTypes||(exports.AccountTypes=AccountTypes={}));function Avatar(_a){var{account}=_a,rest=__rest(_a,["account"]);if(!account)return react_1.default.createElement(default_avatar_1.DefaultAvatar,Object.assign({},rest));const{type,name,displayName,image}=account,accountObj={name,displayName,profileImage:image};return type==="user"?react_1.default.createElement(user_avatar_1.UserAvatar,Object.assign({account:accountObj},rest)):type==="org"?react_1.default.createElement(org_avatar_1.OrgAvatar,Object.assign({account:accountObj},rest)):react_1.default.createElement(default_avatar_1.DefaultAvatar,Object.assign({},rest))}},19963:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultAvatar=DefaultAvatar;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),styles_module_scss_1=__importDefault(__webpack_require__(47603));function DefaultAvatar(_a){var{size=32,children,className}=_a,rest=__rest(_a,["size","children","className"]);return react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(styles_module_scss_1.default.default,styles_module_scss_1.default.avatar,className),style:{width:`${size}px`,height:`${size}px`,fontSize:`${size*.35}px`,lineHeight:`${size}px`}},rest),"?",children)}},19988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultAvatar=exports.OrgAvatar=exports.UserAvatar=exports.Avatar=void 0;var avatar_1=__webpack_require__(10623);Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return avatar_1.Avatar}});var user_avatar_1=__webpack_require__(82823);Object.defineProperty(exports,"UserAvatar",{enumerable:!0,get:function(){return user_avatar_1.UserAvatar}});var org_avatar_1=__webpack_require__(71962);Object.defineProperty(exports,"OrgAvatar",{enumerable:!0,get:function(){return org_avatar_1.OrgAvatar}});var default_avatar_1=__webpack_require__(19963);Object.defineProperty(exports,"DefaultAvatar",{enumerable:!0,get:function(){return default_avatar_1.DefaultAvatar}})},71962:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OrgAvatar=OrgAvatar;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),toolbox_url_add_avatar_query_params_1=__webpack_require__(10788),styles_module_scss_1=__importDefault(__webpack_require__(47603));function OrgAvatar(_a){var{account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,children}=_a,rest=__rest(_a,["account","size","imageSize","fontSize","className","imgClassName","children"]);const{profileImage=""}=account,profileImageWithParams=profileImage&&profileImage.startsWith("blob:")?profileImage:(0,toolbox_url_add_avatar_query_params_1.addAvatarQueryParams)(profileImage,imageSize,styles_module_scss_1.default.defaultAvatarBgColor);return react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(styles_module_scss_1.default.default,styles_module_scss_1.default.avatar,className),style:{minWidth:`${size}px`,width:`${size}px`,height:`${size}px`}},rest),profileImageWithParams&&react_1.default.createElement("img",{src:profileImageWithParams,className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,profileImage.startsWith("blob:")&&styles_module_scss_1.default.blob,imgClassName)}),react_1.default.createElement("span",{className:styles_module_scss_1.default.defaultAvatar},react_1.default.createElement("i",{className:"bitcon-organization",style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}})),children)}},82823:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.UserAvatar=UserAvatar;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),design_elements_icon_1=__webpack_require__(12287),toolbox_url_add_avatar_query_params_1=__webpack_require__(10788),toolbox_string_get_initials_1=__webpack_require__(76137),design_ui_styles_colors_by_letter_1=__webpack_require__(93501),design_ui_styles_ellipsis_1=__webpack_require__(76785),design_ui_tooltip_1=__webpack_require__(62634),styles_module_scss_1=__importDefault(__webpack_require__(47603));function UserAvatar(_a){var{account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,showTooltip=!1,tooltipPlacement="bottom",children}=_a,rest=__rest(_a,["account","size","imageSize","fontSize","className","imgClassName","showTooltip","tooltipPlacement","children"]);const{profileImage="",name="",displayName=""}=account,firstLetter=name[0]||displayName[0],profileImageWithParams=profileImage&&profileImage.startsWith("blob:")?profileImage:(0,toolbox_url_add_avatar_query_params_1.addAvatarQueryParams)(profileImage,imageSize,styles_module_scss_1.default.defaultAvatarBgColor),colors=firstLetter&&design_ui_styles_colors_by_letter_1.letterBgColors[firstLetter.toLowerCase()],avatar=react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(colors,styles_module_scss_1.default.avatar,className),style:{minWidth:`${size}px`,width:`${size}px`,height:`${size}px`}},rest),profileImageWithParams&&react_1.default.createElement("img",{src:profileImageWithParams,className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,profileImage.startsWith("blob:")&&styles_module_scss_1.default.blob,imgClassName)}),(displayName||name)&&react_1.default.createElement("span",{className:styles_module_scss_1.default.letter,style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}},(0,toolbox_string_get_initials_1.getInitials)(displayName||name)),!displayName&&!name&&!profileImageWithParams&&!firstLetter&&react_1.default.createElement(design_elements_icon_1.Icon,{of:"solo-avatar",style:{fontSize:`${size}px`},className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,styles_module_scss_1.default.soloAvatarIcon)}),children);return showTooltip?react_1.default.createElement(design_ui_tooltip_1.Tooltip,{placement:tooltipPlacement,content:react_1.default.createElement("div",{className:design_ui_styles_ellipsis_1.ellipsis},displayName?react_1.default.createElement(react_1.default.Fragment,null,displayName," (@",name,")"):react_1.default.createElement(react_1.default.Fragment,null,"@",name))},avatar):avatar}},52464:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimeAgo=void 0;var time_ago_1=__webpack_require__(89587);Object.defineProperty(exports,"TimeAgo",{enumerable:!0,get:function(){return time_ago_1.TimeAgo}})},89587:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimeAgo=TimeAgo;const react_1=__importStar(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),base_ui_utils_time_ago_1=__importDefault(__webpack_require__(88308)),design_ui_tooltip_1=__webpack_require__(62634),time_ago_module_scss_1=__importDefault(__webpack_require__(62210));function TimeAgo(_a){var{date,tooltip,className}=_a,rest=__rest(_a,["date","tooltip","className"]);const[refreshIdx,forceUpdate]=(0,react_1.useReducer)(x=>x+1,0);(0,react_1.useEffect)(()=>{const tId=setInterval(()=>forceUpdate(),6e4);return()=>clearInterval(tId)},[]);const formatted=(0,react_1.useMemo)(()=>(0,base_ui_utils_time_ago_1.default)(date),[date,refreshIdx]);return(element=>tooltip===void 0?element:react_1.default.createElement(design_ui_tooltip_1.Tooltip,{className:time_ago_module_scss_1.default.dateTooltip,placement:"top",content:react_1.default.createElement("div",{className:time_ago_module_scss_1.default.dateTooltipContent},tooltip)},element))(react_1.default.createElement("span",Object.assign({},rest,{className:(0,classnames_1.default)(className)}),formatted))}},62634:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.tippy=exports.useSingleton=exports.TooltipMountPoint=exports.SingletonTooltipProvider=exports.useCtxTooltipInstance=exports.ProvideTooltipInstance=exports.Tooltip=void 0;var tooltip_1=__webpack_require__(29);Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return tooltip_1.Tooltip}});var shared_instance_1=__webpack_require__(333);Object.defineProperty(exports,"ProvideTooltipInstance",{enumerable:!0,get:function(){return shared_instance_1.ProvideTooltipInstance}}),Object.defineProperty(exports,"useCtxTooltipInstance",{enumerable:!0,get:function(){return shared_instance_1.useCtxTooltipInstance}});var singleton_instance_1=__webpack_require__(15643);Object.defineProperty(exports,"SingletonTooltipProvider",{enumerable:!0,get:function(){return singleton_instance_1.SingletonTooltipProvider}});var mount_point_1=__webpack_require__(66872);Object.defineProperty(exports,"TooltipMountPoint",{enumerable:!0,get:function(){return mount_point_1.TooltipMountPoint}});var react_1=__webpack_require__(70601);Object.defineProperty(exports,"useSingleton",{enumerable:!0,get:function(){return react_1.useSingleton}}),Object.defineProperty(exports,"tippy",{enumerable:!0,get:function(){return react_1.tippy}})},66872:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.mountId=void 0,exports.getMountPoint=getMountPoint,exports.TooltipMountPoint=TooltipMountPoint;const react_1=__importDefault(__webpack_require__(37953));exports.mountId="tooltip-mount-point";function getMountPoint(ref){return document.getElementById(exports.mountId)||ref.parentElement||document.body}function TooltipMountPoint(){return react_1.default.createElement("div",{id:exports.mountId})}},333:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProvideTooltipInstance=ProvideTooltipInstance,exports.useCtxTooltipInstance=useCtxTooltipInstance;const react_1=__importStar(__webpack_require__(37953)),singletonContext=(0,react_1.createContext)(void 0);function ProvideTooltipInstance({value,children}){return react_1.default.createElement(singletonContext.Provider,{value},children)}function useCtxTooltipInstance(){return(0,react_1.useContext)(singletonContext)}},15643:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SingletonTooltipProvider=SingletonTooltipProvider;const react_1=__importDefault(__webpack_require__(37953)),react_2=__webpack_require__(70601),shared_instance_1=__webpack_require__(333),tooltip_1=__webpack_require__(29);function SingletonTooltipProvider(_a){var{children,disabled,overrides}=_a,rest=__rest(_a,["children","disabled","overrides"]);const[tooltipSource,tooltipTarget]=(0,react_2.useSingleton)({disabled,overrides});return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(tooltip_1.Tooltip,Object.assign({},rest,{singleton:tooltipSource})),react_1.default.createElement(shared_instance_1.ProvideTooltipInstance,{value:tooltipTarget},children))}},29:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tooltip=Tooltip;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),ui_foundation_ui_hooks_use_is_mobile_1=__webpack_require__(36451),base_ui_theme_dark_theme_1=__webpack_require__(77019),react_2=__importDefault(__webpack_require__(70601)),tippy_js_1=__webpack_require__(16406);__webpack_require__(44364),__webpack_require__(6300);const mount_point_1=__webpack_require__(66872),shared_instance_1=__webpack_require__(333);__webpack_require__(89303);const THEME="teambit",popperOptions={modifiers:[{name:"arrow",options:{padding:5}}]};function Tooltip(_a){var{children,breakline,singleton,visibleOnMobile,className}=_a,rest=__rest(_a,["children","breakline","singleton","visibleOnMobile","className"]);const isMobile=(0,ui_foundation_ui_hooks_use_is_mobile_1.useIsMobile)();if(!visibleOnMobile&&isMobile)return react_1.default.createElement(react_1.default.Fragment,null,children);const ctxInstance=(0,shared_instance_1.useCtxTooltipInstance)(),singletonInstance=singleton||ctxInstance,child=typeof children=="string"?react_1.default.createElement("span",null,children):children;return react_1.default.createElement(react_2.default,Object.assign({arrow:tippy_js_1.roundArrow,className:(0,classnames_1.default)(base_ui_theme_dark_theme_1.darkMode,breakline&&"tippy-breakLine",className),theme:THEME,interactive:!0,appendTo:mount_point_1.getMountPoint,popperOptions},rest,{singleton:singletonInstance}),child)}},90896:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.docsFields=void 0,exports.useDocs=useDocs;const client_1=__webpack_require__(23328);exports.docsFields=(0,client_1.gql)`
598
+ `},92308:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Filters",{enumerable:!0,get:function(){return _useComponent().Filters}}),Object.defineProperty(exports,"UseComponentType",{enumerable:!0,get:function(){return _useComponent().UseComponentType}}),exports.useComponent=useComponent;function _uiFoundationUiReactRouter(){const data=__webpack_require__(46480);return _uiFoundationUiReactRouter=function(){return data},data}function _useComponentQuery(){const data=__webpack_require__(94653);return _useComponentQuery=function(){return data},data}function _useComponent(){const data=__webpack_require__(88439);return _useComponent=function(){return data},data}function useComponent(host,id,options){const query=(0,_uiFoundationUiReactRouter().useQuery)(),{version,logFilters,customUseComponent,skip}=options||{},componentVersion=(version||query.get("version"))??void 0,componentIdStr=id&&withVersion(id,componentVersion);return(customUseComponent||_useComponentQuery().useComponentQuery)(componentIdStr||"",host,logFilters,skip||!id)}function withVersion(id,version){return!version||id.includes("@")?id:`${id}@${version}`}},88439:()=>{"use strict"},23403:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getOffsetValue=getOffsetValue;function getOffsetValue(offset,limit,backwards=!1){if(offset!==void 0)return backwards?-(offset+limit):offset;if(limit!==void 0)return 0}},68089:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=CompositionCardSkeleton,exports.PreviewSkeleton=PreviewSkeleton;const react_1=__importDefault(__webpack_require__(37953)),base_ui_loaders_skeleton_1=__webpack_require__(84738),composition_card_skeleton_module_scss_1=__importDefault(__webpack_require__(76376));function CompositionCardSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.compositionCardSkeleton},react_1.default.createElement(PreviewSkeleton,null),react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.bottom},react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"104px"})))}function PreviewSkeleton(){return react_1.default.createElement("div",{className:composition_card_skeleton_module_scss_1.default.preview},react_1.default.createElement(base_ui_loaders_skeleton_1.BlockSkeleton,{lines:2,className:composition_card_skeleton_module_scss_1.default.block}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"208px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"152px"}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"88px"}))}},48216:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewSkeleton=exports.CompositionCardSkeleton=void 0;var composition_card_skeleton_1=__webpack_require__(68089);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}}),Object.defineProperty(exports,"PreviewSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.PreviewSkeleton}})},38527:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCard=void 0;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),evangelist_elements_icon_1=__webpack_require__(63117),compositions_1=__webpack_require__(24010),design_ui_styles_ellipsis_1=__webpack_require__(76785),composition_card_module_scss_1=__importDefault(__webpack_require__(69610));exports.CompositionCard=react_1.default.memo(_CompositionCard);function _CompositionCard(_a){var{composition,component,className,openCompositionLink,previewClass,queryParams}=_a,rest=__rest(_a,["composition","component","className","openCompositionLink","previewClass","queryParams"]);const Composition=react_1.default.useMemo(()=>react_1.default.createElement(compositions_1.ComponentComposition,{disableScroll:!0,className:previewClass,includeEnv:!0,loading:"lazy",composition,component,viewport:1280,queryParams,previewName:"compositions"}),[composition.identifier,component.id.toString(),previewClass]);return react_1.default.createElement("div",Object.assign({key:composition.identifier},rest,{className:(0,classnames_1.default)(composition_card_module_scss_1.default.compositionCard,className)}),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.compositionPreview},Composition),react_1.default.createElement("div",{className:composition_card_module_scss_1.default.bottom},react_1.default.createElement("span",{className:(0,classnames_1.default)(design_ui_styles_ellipsis_1.ellipsis,composition_card_module_scss_1.default.displayName)},composition.displayName),openCompositionLink&&react_1.default.createElement("a",{className:composition_card_module_scss_1.default.link,target:"_blank",rel:"noopener noreferrer",href:openCompositionLink},react_1.default.createElement(evangelist_elements_icon_1.Icon,{className:composition_card_module_scss_1.default.icon,of:"open-tab"}))))}},23778:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionCardSkeleton=exports.CompositionCard=void 0;var composition_card_1=__webpack_require__(38527);Object.defineProperty(exports,"CompositionCard",{enumerable:!0,get:function(){return composition_card_1.CompositionCard}});var composition_card_skeleton_1=__webpack_require__(48216);Object.defineProperty(exports,"CompositionCardSkeleton",{enumerable:!0,get:function(){return composition_card_skeleton_1.CompositionCardSkeleton}})},70532:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=humanizeCompositionId;const humanize_string_1=__importDefault(__webpack_require__(64744));function humanizeCompositionId(rawId){return(0,humanize_string_1.default)(rawId)}},36261:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.humanizeCompositionId=void 0;var humanize_1=__webpack_require__(70532);Object.defineProperty(exports,"humanizeCompositionId",{enumerable:!0,get:function(){return humanize_1.humanizeCompositionId}})},22645:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=CompositionGallerySkeleton;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),base_ui_loaders_skeleton_1=__webpack_require__(84738),composition_card_1=__webpack_require__(23778),composition_gallery_skeleton_module_scss_1=__importDefault(__webpack_require__(68404));function CompositionGallerySkeleton(_a){var{compositionsLength,className}=_a,rest=__rest(_a,["compositionsLength","className"]);const length=Array.from(Array(compositionsLength));return react_1.default.createElement("div",Object.assign({},rest,{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGallerySkeleton,className)}),react_1.default.createElement(base_ui_loaders_skeleton_1.LineSkeleton,{width:"100px",className:composition_gallery_skeleton_module_scss_1.default.title}),react_1.default.createElement("div",{className:(0,classnames_1.default)(composition_gallery_skeleton_module_scss_1.default.compositionGalleryGrid)},length.map((_,index)=>react_1.default.createElement(composition_card_1.CompositionCardSkeleton,{key:`comp-card-skeleton-${index}`}))))}},13156:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=void 0;var composition_gallery_skeleton_1=__webpack_require__(22645);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},91339:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallery=CompositionGallery;const react_1=__importDefault(__webpack_require__(37953)),design_elements_icon_1=__webpack_require__(12287),documenter_ui_linked_heading_1=__webpack_require__(7345),base_react_navigation_link_1=__webpack_require__(39343),composition_card_1=__webpack_require__(23778),composition_gallery_module_scss_1=__importDefault(__webpack_require__(70538));function CompositionGallery({component}){const navigate=(0,base_react_navigation_link_1.useNavigate)();return component.compositions.length>0?react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.compositionGallery},react_1.default.createElement(documenter_ui_linked_heading_1.LinkedHeading,{size:"sm",className:composition_gallery_module_scss_1.default.title},react_1.default.createElement(design_elements_icon_1.Icon,{of:"eye"})," ",react_1.default.createElement("span",null,"PREVIEW")),react_1.default.createElement("div",{className:composition_gallery_module_scss_1.default.carousel},component.compositions.map(composition=>react_1.default.createElement(composition_card_1.CompositionCard,{key:composition.identifier.toLowerCase(),onClick:()=>navigate(`~compositions/${composition.identifier.toLowerCase()}`),className:composition_gallery_module_scss_1.default.compositionGalleryCard,previewClass:composition_gallery_module_scss_1.default.preview,composition,component,queryParams:"disableCta=true"})))):null}},55970:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionGallerySkeleton=exports.CompositionGallery=void 0;var composition_gallery_1=__webpack_require__(91339);Object.defineProperty(exports,"CompositionGallery",{enumerable:!0,get:function(){return composition_gallery_1.CompositionGallery}});var composition_gallery_skeleton_1=__webpack_require__(13156);Object.defineProperty(exports,"CompositionGallerySkeleton",{enumerable:!0,get:function(){return composition_gallery_skeleton_1.CompositionGallerySkeleton}})},75320:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Composition=void 0;function _compositionsModel(){const data=__webpack_require__(36261);return _compositionsModel=function(){return data},data}class Composition{constructor(identifier,filepath,_displayName){this.identifier=identifier,this.filepath=filepath,this._displayName=_displayName}get displayName(){return this._displayName||(0,_compositionsModel().humanizeCompositionId)(this.identifier)}toObject(){return{identifier:this.identifier,filepath:this.filepath,displayName:this._displayName}}toBrowserMetaDataObject(){return{identifier:this.identifier,displayName:this._displayName}}static fromArray(compositions){return compositions.map(composition=>new Composition(composition.identifier,composition.filepath,composition.displayName))}}exports.Composition=Composition},83453:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.CompositionsAspect=void 0;function _harmony(){const data=__webpack_require__(12337);return _harmony=function(){return data},data}const CompositionsAspect=exports.CompositionsAspect=_harmony().Aspect.create({id:"teambit.compositions/compositions",dependencies:[],defaultConfig:{}});var _default=exports.default=CompositionsAspect},57223:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionContent=CompositionContent,exports.Compositions=Compositions;function _react(){const data=_interopRequireWildcard(__webpack_require__(37953));return _react=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(53824);return _reactRouterDom=function(){return data},data}function _lodash(){const data=_interopRequireDefault(__webpack_require__(994));return _lodash=function(){return data},data}function _queryString(){const data=_interopRequireDefault(__webpack_require__(83268));return _queryString=function(){return data},data}function _documenterTheme(){const data=__webpack_require__(66513);return _documenterTheme=function(){return data},data}function _baseUiSurfacesSplitPane(){const data=__webpack_require__(23459);return _baseUiSurfacesSplitPane=function(){return data},data}function _baseUiSurfacesSplitPane2(){const data=__webpack_require__(22801);return _baseUiSurfacesSplitPane2=function(){return data},data}function _component(){const data=__webpack_require__(30266);return _component=function(){return data},data}function _documenterUi(){const data=__webpack_require__(51416);return _documenterUi=function(){return data},data}function _panels(){const data=__webpack_require__(618);return _panels=function(){return data},data}function _docsUiQueries(){const data=__webpack_require__(7422);return _docsUiQueries=function(){return data},data}function _uiFoundationUiButtons(){const data=__webpack_require__(21245);return _uiFoundationUiButtons=function(){return data},data}function _designUi(){const data=__webpack_require__(81832);return _designUi=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _uiFoundationUiHooks(){const data=__webpack_require__(36451);return _uiFoundationUiHooks=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(14373);return _compositionsUi=function(){return data},data}function _compositionsUiHooks(){const data=__webpack_require__(18301);return _compositionsUiHooks=function(){return data},data}function _mdxUi(){const data=__webpack_require__(62751);return _mdxUi=function(){return data},data}function _designUi2(){const data=__webpack_require__(85878);return _designUi2=function(){return data},data}function _documenterUi2(){const data=__webpack_require__(70574);return _documenterUi2=function(){return data},data}function _designUi3(){const data=__webpack_require__(10944);return _designUi3=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(39343);return _baseReactNavigation=function(){return data},data}function _designUiInput(){const data=__webpack_require__(75995);return _designUiInput=function(){return data},data}function _designUiSurfaces(){const data=__webpack_require__(49356);return _designUiSurfaces=function(){return data},data}function _designUi4(){const data=__webpack_require__(62634);return _designUi4=function(){return data},data}function _compositionsModule(){const data=_interopRequireDefault(__webpack_require__(75602));return _compositionsModule=function(){return data},data}function _ui(){const data=__webpack_require__(489);return _ui=function(){return data},data}function _compositionsPanel(){const data=__webpack_require__(46592);return _compositionsPanel=function(){return data},data}const _excluded=["component","selected","queryParams","emptyState","sandbox"];function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}const Link=_baseReactNavigation().Link;function Compositions({menuBarWidgets,emptyState,usePreviewSandboxSlot}){const component=(0,_react().useContext)(_component().ComponentContext),[searchParams]=(0,_reactRouterDom().useSearchParams)(),params=(0,_reactRouterDom().useParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),location=(0,_baseReactNavigation().useLocation)(),currentCompositionName=params["*"],currentComposition=component.compositions.find(composition=>composition.identifier.toLowerCase()===currentCompositionName)||(0,_lodash().default)(component.compositions),[sandboxValue,setSandboxValue]=(0,_react().useState)(""),selectedRef=(0,_react().useRef)(currentComposition);selectedRef.current=currentComposition;const properties=(0,_docsUiQueries().useDocs)(component.id),previewSandboxHooks=usePreviewSandboxSlot?.values()??[],showSidebar=!(0,_uiFoundationUiHooks().useIsMobile)()&&component.compositions.length>0,[isSidebarOpen,setSidebarOpenness]=(0,_react().useState)(showSidebar),sidebarOpenness=isSidebarOpen?_baseUiSurfacesSplitPane().Layout.row:_baseUiSurfacesSplitPane().Layout.left,compositionUrl=(0,_previewUi().toPreviewUrl)(component,"compositions"),isScaling=component?.preview?.isScaling,includesEnvTemplates=component?.preview?.includesEnvTemplate,useNameParam=component?.preview?.useNameParam,compositionIdentifierParam=useNameParam||isScaling&&includesEnvTemplates===!1?`name=${currentComposition?.identifier}`:currentComposition?.identifier,currentCompositionFullUrl=(0,_previewUi().toPreviewUrl)(component,"compositions",compositionIdentifierParam),[compositionParams,setCompositionParams]=(0,_react().useState)({fullscreen:!0,livecontrols:!0}),queryParams=(0,_react().useMemo)(()=>_queryString().default.stringify(compositionParams),[compositionParams]);return(0,_react().useEffect)(()=>setSidebarOpenness(showSidebar),[showSidebar]),_react().default.createElement(_compositionsUiHooks().CompositionContextProvider,{queryParams:compositionParams,setQueryParams:setCompositionParams},_react().default.createElement(_baseUiSurfacesSplitPane().SplitPane,{layout:sidebarOpenness,size:"80%",className:_compositionsModule().default.compositionsPage},_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.left},_react().default.createElement(_compositionsUi().CompositionsMenuBar,{menuBarWidgets,className:_compositionsModule().default.menuBar},_react().default.createElement(_designUi4().Tooltip,{content:"Open in new tab",placement:"right"},_react().default.createElement(Link,{external:!0,href:currentCompositionFullUrl,className:_compositionsModule().default.openInNewTab},_react().default.createElement(_designUiInput().OptionButton,{icon:"open-tab"})))),_react().default.createElement(_previewUi().SandboxPermissionsAggregator,{hooks:previewSandboxHooks,onSandboxChange:setSandboxValue,component}),_react().default.createElement(CompositionContent,{className:_compositionsModule().default.compositionPanel,emptyState,component,selected:currentComposition,queryParams,sandbox:sandboxValue})),_react().default.createElement(_baseUiSurfacesSplitPane2().HoverSplitter,{className:_compositionsModule().default.splitter},_react().default.createElement(_uiFoundationUiButtons().Collapser,{placement:"left",isOpen:isSidebarOpen,onMouseDown:e=>e.stopPropagation(),onClick:()=>setSidebarOpenness(x=>!x),tooltipContent:`${isSidebarOpen?"Hide":"Show"} side compositions`,className:_compositionsModule().default.collapser})),_react().default.createElement(_baseUiSurfacesSplitPane().Pane,{className:_compositionsModule().default.right},_react().default.createElement(_documenterTheme().ThemeContext,null,_react().default.createElement(_panels().TabContainer,{className:_compositionsModule().default.tabsContainer},_react().default.createElement(_panels().TabList,{className:_compositionsModule().default.tabs},_react().default.createElement(_panels().Tab,null,"compositions"),_react().default.createElement(_panels().Tab,null,"properties")),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},_react().default.createElement(_compositionsPanel().CompositionsPanel,{isScaling,useNameParam,includesEnvTemplate:component.preview?.includesEnvTemplate,onSelectComposition:composition=>{if(!currentComposition||!location)return;const selectedCompositionFromUrl=params["*"],pathSegments=location.pathname.split("/").filter(x=>x);selectedCompositionFromUrl?pathSegments[pathSegments.length-1]=composition.identifier.toLowerCase():pathSegments.push(composition.identifier.toLowerCase());const urlParams=new URLSearchParams(searchParams);versionFromQueryParams&&urlParams.set("version",versionFromQueryParams);const newPath=pathSegments.join("/");navigate(`/${newPath}?${urlParams.toString()}`)},url:compositionUrl,compositions:component.compositions,active:currentComposition})),_react().default.createElement(_panels().TabPanel,{className:_compositionsModule().default.tabContent},properties&&properties.length>0?_react().default.createElement(_documenterUi().PropTable,{rows:properties,showListView:!0}):_react().default.createElement("div",null)))))))}function CompositionContent(_ref){let{component,selected,queryParams,emptyState,sandbox}=_ref,componentCompositionProps=_objectWithoutProperties(_ref,_excluded);const env=component.environment?.id,EmptyStateTemplate=emptyState?.get(env||"");return component.compositions.length===0&&component.host==="teambit.workspace/workspace"&&EmptyStateTemplate?_react().default.createElement("div",{className:_compositionsModule().default.noCompositionsPage},_react().default.createElement("div",null,_react().default.createElement(_documenterUi2().H1,{className:_compositionsModule().default.title},"Compositions"),_react().default.createElement(_designUi2().Separator,{isPresentational:!0,className:_compositionsModule().default.separator}),_react().default.createElement(_designUi3().AlertCard,{level:"info",title:"There are no compositions for this Component. Learn how to add compositions:"},_react().default.createElement(_mdxUi().MDXLayout,null,_react().default.createElement(EmptyStateTemplate,null))))):component?.buildStatus==="pending"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"PROCESSING",title:"component preview pending"},"this might take some time"):component?.buildStatus==="failed"&&component?.host==="teambit.scope/scope"?_react().default.createElement(_designUiSurfaces().StatusMessageCard,{className:_compositionsModule().default.buildStatusMessage,status:"FAILURE",title:"failed to get component preview "}):component.compositions.length===0?_react().default.createElement(_designUi().EmptyBox,{title:"There are no compositions for this component.",linkText:"Learn how to create compositions",link:"https://bit.dev/reference/dev-services-overview/compositions/compositions-overview"}):_react().default.createElement(_ui().ComponentComposition,_extends({className:_compositionsModule().default.compositionsIframe,viewport:null,component,forceHeight:"100%",composition:selected,fullContentHeight:!0,pubsub:!0,queryParams,sandbox},componentCompositionProps))}},24010:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _ui().ComponentComposition}}),Object.defineProperty(exports,"Composition",{enumerable:!0,get:function(){return _composition().Composition}}),Object.defineProperty(exports,"CompositionContent",{enumerable:!0,get:function(){return _compositions2().CompositionContent}}),Object.defineProperty(exports,"CompositionsAspect",{enumerable:!0,get:function(){return _compositions().CompositionsAspect}}),exports.default=void 0;function _compositions(){const data=__webpack_require__(83453);return _compositions=function(){return data},data}function _composition(){const data=__webpack_require__(75320);return _composition=function(){return data},data}function _compositions2(){const data=__webpack_require__(57223);return _compositions2=function(){return data},data}function _ui(){const data=__webpack_require__(489);return _ui=function(){return data},data}var _default=exports.default=_compositions().CompositionsAspect},32362:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentComposition=ComponentComposition;function _react(){const data=_interopRequireWildcard(__webpack_require__(37953));return _react=function(){return data},data}function _previewUi(){const data=__webpack_require__(37175);return _previewUi=function(){return data},data}function _workspaceUi(){const data=__webpack_require__(60517);return _workspaceUi=function(){return data},data}const _excluded=["composition","component","queryParams"];function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function ComponentComposition(_ref){let{composition,component,queryParams=[]}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const{isMinimal}=(0,_workspaceUi().useWorkspaceMode)(),includesEnvTemplate=component.preview?.includesEnvTemplate,isScaling=component.preview?.isScaling,shouldAddNameParam=component.preview?.useNameParam||isScaling&&includesEnvTemplate===!1,compositionParams=(0,_react().useMemo)(()=>(composition?[shouldAddNameParam?`name=${composition.identifier}`:composition.identifier]:[]).concat(queryParams),[composition?.identifier,queryParams]);return _react().default.createElement(_previewUi().ComponentPreview,_extends({},rest,{component,style:{width:"100%",height:"100%"},previewName:"compositions",queryParams:compositionParams,propagateError:isMinimal}))}},46592:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CompositionsPanel=CompositionsPanel;function _evangelistElements(){const data=__webpack_require__(63117);return _evangelistElements=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(14487));return _classnames=function(){return data},data}function _reactRouterDom(){const data=__webpack_require__(53824);return _reactRouterDom=function(){return data},data}function _react(){const data=_interopRequireWildcard(__webpack_require__(37953));return _react=function(){return data},data}function _uiFoundationUiTree(){const data=__webpack_require__(51796);return _uiFoundationUiTree=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(19473);return _uiFoundationUi=function(){return data},data}function _designUi(){const data=__webpack_require__(62634);return _designUi=function(){return data},data}function _baseReactNavigation(){const data=__webpack_require__(39343);return _baseReactNavigation=function(){return data},data}function _compositionsUi(){const data=__webpack_require__(63855);return _compositionsUi=function(){return data},data}function _compositionsPanelModule(){const data=_interopRequireDefault(__webpack_require__(1779));return _compositionsPanelModule=function(){return data},data}function _liveControlPanel(){const data=__webpack_require__(44849);return _liveControlPanel=function(){return data},data}const _excluded=["url","compositions","isScaling","onSelectComposition","active","includesEnvTemplate","useNameParam","className"];function _interopRequireWildcard(e,t){if(typeof WeakMap=="function")var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e2,t2){if(!t2&&e2&&e2.__esModule)return e2;var o,i,f={__proto__:null,default:e2};if(e2===null||typeof e2!="object"&&typeof e2!="function")return f;if(o=t2?n:r){if(o.has(e2))return o.get(e2);o.set(e2,f)}for(const t3 in e2)t3!=="default"&&{}.hasOwnProperty.call(e2,t3)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e2,t3))&&(i.get||i.set)?o(f,t3,i):f[t3]=e2[t3]);return f})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r2){return Object.getOwnPropertyDescriptor(e,r2).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r2){_defineProperty(e,r2,t[r2])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r2){Object.defineProperty(e,r2,Object.getOwnPropertyDescriptor(t,r2))})}return e}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:i+""}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}function _objectWithoutProperties(e,t){if(e==null)return{};var o,r,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)o=n[r],t.indexOf(o)===-1&&{}.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}function _objectWithoutPropertiesLoose(r,e){if(r==null)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.indexOf(n)!==-1)continue;t[n]=r[n]}return t}function CompositionsPanel(_ref){let{url,compositions,isScaling,onSelectComposition:onSelect,active,includesEnvTemplate,useNameParam,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const[hasLiveControls,setHasLiveControls]=(0,_react().useState)(!1),[openDrawerList,onToggleDrawer]=(0,_react().useState)(["COMPOSITIONS","LIVE_CONTROLS"]),handleDrawerToggle=id=>{if(openDrawerList.includes(id)){onToggleDrawer(list=>list.filter(drawer=>drawer!==id));return}onToggleDrawer(list=>list.concat(id))},shouldAddNameParam=useNameParam||isScaling&&includesEnvTemplate===!1,location=(0,_baseReactNavigation().useLocation)(),[searchParams]=(0,_reactRouterDom().useSearchParams)(),versionFromQueryParams=searchParams.get("version"),navigate=(0,_baseReactNavigation().useNavigate)(),[controlsTimestamp,setControlsTimestamp]=(0,_react().useState)(0),[controlsDefs,setControlsDefs]=(0,_react().useState)(null),[controlsValues,setControlsValues]=(0,_react().useState)({}),[mounter,setMounter]=(0,_react().useState)(),handleSelect=(0,_react().useCallback)(selected=>{onSelect&&onSelect(selected),selected!==active&&setControlsTimestamp(0)},[onSelect]),onCompositionCodeClicked=(0,_react().useCallback)(composition=>e=>{e.preventDefault(),setControlsTimestamp(0);const queryParams=new URLSearchParams;versionFromQueryParams&&queryParams.set("version",versionFromQueryParams);const basePath=location?.pathname.split("/~compositions")[0];navigate(`${basePath}/~code/${composition.filepath}?${queryParams.toString()}#search=${composition.identifier}`)},[location?.pathname,versionFromQueryParams]);(0,_react().useEffect)(()=>{window.addEventListener("message",e=>{e.data.type==="composition-live-controls:activate"&&setHasLiveControls(!0)});function onLiveControlsSetup(e){(0,_compositionsUi().getReadyListener)(e,({controls,values,timestamp})=>{const iframeWindow=e.source;setMounter(iframeWindow),setControlsDefs(controls),setControlsValues(values),setControlsTimestamp(timestamp)})}return window.addEventListener("message",onLiveControlsSetup),()=>{window.removeEventListener("message",onLiveControlsSetup)}},[]);const onLiveControlsUpdate=(0,_react().useCallback)((key,value)=>{mounter&&(0,_compositionsUi().broadcastUpdate)(mounter,controlsTimestamp,{key,value}),setControlsValues(prev=>_objectSpread(_objectSpread({},prev),{},{[key]:value}))},[mounter,controlsValues,controlsTimestamp]);return _react().default.createElement("div",{className:(0,_classnames().default)(_compositionsPanelModule().default.container)},_react().default.createElement(_uiFoundationUiTree().DrawerUI,{isOpen:openDrawerList.includes("COMPOSITIONS"),onToggle:()=>handleDrawerToggle("COMPOSITIONS"),name:"COMPOSITIONS",className:(0,_classnames().default)(_compositionsPanelModule().default.tab)},_react().default.createElement("ul",_extends({},rest,{className:(0,_classnames().default)(className)}),compositions.map(composition=>{const href=shouldAddNameParam?`${url}&name=${composition.identifier}`:`${url}&${composition.identifier}`;return _react().default.createElement("li",{key:composition.identifier,className:(0,_classnames().default)(_compositionsPanelModule().default.linkWrapper,composition===active&&_compositionsPanelModule().default.active)},_react().default.createElement("a",{className:_compositionsPanelModule().default.panelLink,onClick:()=>handleSelect(composition)},_react().default.createElement("span",{className:_compositionsPanelModule().default.name},composition.displayName)),_react().default.createElement("div",{className:_compositionsPanelModule().default.right},_react().default.createElement(_uiFoundationUi().MenuWidgetIcon,{className:_compositionsPanelModule().default.codeLink,icon:"Code",tooltipContent:"Code",onClick:onCompositionCodeClicked(composition)}),_react().default.createElement(_designUi().Tooltip,{content:"Open in new tab",placement:"bottom"},_react().default.createElement("a",{className:_compositionsPanelModule().default.iconLink,target:"_blank",rel:"noopener noreferrer",href},_react().default.createElement(_evangelistElements().Icon,{className:_compositionsPanelModule().default.icon,of:"open-tab"})))))}))),hasLiveControls?_react().default.createElement(_uiFoundationUiTree().DrawerUI,{isOpen:openDrawerList.includes("LIVE_CONTROLS"),onToggle:()=>handleDrawerToggle("LIVE_CONTROLS"),className:(0,_classnames().default)(_compositionsPanelModule().default.tab),name:"LIVE CONTROLS"},controlsTimestamp?_react().default.createElement(_liveControlPanel().LiveControls,{defs:controlsDefs,values:controlsValues,onChange:onLiveControlsUpdate}):_react().default.createElement("div",{className:_compositionsPanelModule().default.noLiveControls},"No live controls available for this composition")):null)}},30227:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getInputComponent=getInputComponent;function _react(){const data=_interopRequireDefault(__webpack_require__(37953));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(14487));return _classnames=function(){return data},data}function _designInputs(){const data=__webpack_require__(30202);return _designInputs=function(){return data},data}function _designInputs2(){const data=__webpack_require__(12443);return _designInputs2=function(){return data},data}function _designInputs3(){const data=__webpack_require__(93265);return _designInputs3=function(){return data},data}function _designInputsSelectors(){const data=__webpack_require__(92128);return _designInputsSelectors=function(){return data},data}function _designUiInput(){const data=__webpack_require__(65455);return _designUiInput=function(){return data},data}function _designInputs4(){const data=__webpack_require__(63163);return _designInputs4=function(){return data},data}function _designInputs5(){const data=__webpack_require__(29485);return _designInputs5=function(){return data},data}function _liveControlInputModule(){const data=_interopRequireDefault(__webpack_require__(85014));return _liveControlInputModule=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function ShortTextInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=e=>{const newValue=e.target.value;onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement(_designInputs().InputText,{value:inputValue,onChange:handleChange})}function LongTextInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=e=>{const newValue=e.target.value;onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement(_designInputs2().TextArea,{value:inputValue,onChange:handleChange})}function SelectInput({value,onChange,meta}){const[selectedValue,setSelectedValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setSelectedValue(value||"")},[value]);const handleChange=newValue=>{onChange(newValue||""),setSelectedValue(newValue||"")},options=_react().default.useMemo(()=>!meta||!meta.options?[]:meta.options.map(option=>typeof option=="string"?{label:option,value:option}:option),[meta]),placeholderContent=options.find(o=>o.value===selectedValue)?.label;return _react().default.createElement("p",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designInputs3().Dropdown,{placeholderContent},options.map(option=>_react().default.createElement(_designInputsSelectors().MenuItem,{active:option.value===selectedValue,key:option.value,onClick:()=>handleChange(option.value)},option.label))))}function NumberInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||0);_react().default.useEffect(()=>{setInputValue(value||0)},[value]);const handleChange=e=>{const newValue=e.target.value;isNaN(Number(newValue))?console.error("Invalid number input",newValue):(onChange(Number(newValue)||0),setInputValue(Number(newValue)||0))};return _react().default.createElement(_designInputs().InputText,{type:"number",value:inputValue,onChange:handleChange})}function ColorInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(value||"");_react().default.useEffect(()=>{setInputValue(value||"")},[value]);const handleChange=newValue=>{onChange(newValue||""),setInputValue(newValue||"")};return _react().default.createElement("p",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designUiInput().ColorPicker,{value:inputValue,onColorSelect:handleChange,allowCustomColor:!0}))}function DateInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(new Date(value));_react().default.useEffect(()=>{setInputValue(new Date(value))},[value]);const handleChange=newValue=>{newValue&&onChange(newValue.toISOString().split("T")[0]),setInputValue(newValue)};return _react().default.createElement("p",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designInputs4().DatePicker,{date:inputValue,onChange:handleChange}))}function ToggleInput({value,onChange}){const[isChecked,setIsChecked]=_react().default.useState(!!value);_react().default.useEffect(()=>{setIsChecked(!!value)},[value]);const handleChange=()=>{setIsChecked(!isChecked),onChange(!isChecked)};return _react().default.createElement("p",{className:(0,_classnames().default)(_liveControlInputModule().default.wrapper)},_react().default.createElement(_designInputs5().Toggle,{defaultChecked:isChecked,onChange:handleChange}))}function JsonInput({value,onChange}){const[inputValue,setInputValue]=_react().default.useState(JSON.stringify(value,null,2));_react().default.useEffect(()=>{setInputValue(JSON.stringify(value,null,2))},[value]);const[message,setMessage]=_react().default.useState(""),handleChange=e=>{const newValue=e.target.value;try{const parsedValue=JSON.parse(newValue);onChange(parsedValue),setMessage("")}catch{setMessage("Invalid JSON")}setInputValue(newValue)};return _react().default.createElement("div",null,_react().default.createElement(_designInputs2().TextArea,{value:inputValue,onChange:handleChange}),message&&_react().default.createElement("div",{style:{color:"red"}},message))}function getInputComponent(type){switch(type){case"text":return ShortTextInput;case"longtext":return LongTextInput;case"select":return SelectInput;case"number":return NumberInput;case"color":return ColorInput;case"date":return DateInput;case"boolean":return ToggleInput;case"json":return JsonInput;default:return console.warn(`Unknown input type: ${type}`),ShortTextInput}}},44849:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LiveControls=LiveControls;function _react(){const data=_interopRequireDefault(__webpack_require__(37953));return _react=function(){return data},data}function _classnames(){const data=_interopRequireDefault(__webpack_require__(14487));return _classnames=function(){return data},data}function _liveControlPanelModule(){const data=_interopRequireDefault(__webpack_require__(54e3));return _liveControlPanelModule=function(){return data},data}function _liveControlInput(){const data=__webpack_require__(30227);return _liveControlInput=function(){return data},data}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function LiveControls({defs,values,onChange}){return _react().default.createElement("ul",{className:(0,_classnames().default)(_liveControlPanelModule().default.container),style:{paddingBottom:"20em"}},defs.map(field=>{const key=field.id,InputComponent=(0,_liveControlInput().getInputComponent)(field.input||"text");return _react().default.createElement("li",{key,className:(0,_classnames().default)(_liveControlPanelModule().default.item)},_react().default.createElement("div",{className:(0,_classnames().default)(_liveControlPanelModule().default.label)},_react().default.createElement("label",{htmlFor:`control-${key}`},field.label||field.id)),_react().default.createElement("div",null,_react().default.createElement(InputComponent,{id:`control-${key}`,value:values[key],onChange:v=>onChange(key,v),meta:field})))}))}},489:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ComponentComposition",{enumerable:!0,get:function(){return _compositionPreview().ComponentComposition}});function _compositionPreview(){const data=__webpack_require__(32362);return _compositionPreview=function(){return data},data}},10623:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AccountTypes=void 0,exports.Avatar=Avatar;const react_1=__importDefault(__webpack_require__(37953)),default_avatar_1=__webpack_require__(19963),org_avatar_1=__webpack_require__(71962),user_avatar_1=__webpack_require__(82823);var AccountTypes;(function(AccountTypes2){AccountTypes2.org="organization",AccountTypes2.user="user",AccountTypes2.default="default"})(AccountTypes||(exports.AccountTypes=AccountTypes={}));function Avatar(_a){var{account}=_a,rest=__rest(_a,["account"]);if(!account)return react_1.default.createElement(default_avatar_1.DefaultAvatar,Object.assign({},rest));const{type,name,displayName,image}=account,accountObj={name,displayName,profileImage:image};return type==="user"?react_1.default.createElement(user_avatar_1.UserAvatar,Object.assign({account:accountObj},rest)):type==="org"?react_1.default.createElement(org_avatar_1.OrgAvatar,Object.assign({account:accountObj},rest)):react_1.default.createElement(default_avatar_1.DefaultAvatar,Object.assign({},rest))}},19963:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultAvatar=DefaultAvatar;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),styles_module_scss_1=__importDefault(__webpack_require__(47603));function DefaultAvatar(_a){var{size=32,children,className}=_a,rest=__rest(_a,["size","children","className"]);return react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(styles_module_scss_1.default.default,styles_module_scss_1.default.avatar,className),style:{width:`${size}px`,height:`${size}px`,fontSize:`${size*.35}px`,lineHeight:`${size}px`}},rest),"?",children)}},19988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultAvatar=exports.OrgAvatar=exports.UserAvatar=exports.Avatar=exports.AccountTypes=void 0;var avatar_1=__webpack_require__(10623);Object.defineProperty(exports,"AccountTypes",{enumerable:!0,get:function(){return avatar_1.AccountTypes}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return avatar_1.Avatar}});var user_avatar_1=__webpack_require__(82823);Object.defineProperty(exports,"UserAvatar",{enumerable:!0,get:function(){return user_avatar_1.UserAvatar}});var org_avatar_1=__webpack_require__(71962);Object.defineProperty(exports,"OrgAvatar",{enumerable:!0,get:function(){return org_avatar_1.OrgAvatar}});var default_avatar_1=__webpack_require__(19963);Object.defineProperty(exports,"DefaultAvatar",{enumerable:!0,get:function(){return default_avatar_1.DefaultAvatar}})},71962:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OrgAvatar=OrgAvatar;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),toolbox_url_add_avatar_query_params_1=__webpack_require__(10788),styles_module_scss_1=__importDefault(__webpack_require__(47603));function OrgAvatar(_a){var{account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,children}=_a,rest=__rest(_a,["account","size","imageSize","fontSize","className","imgClassName","children"]);const{profileImage=""}=account,profileImageWithParams=profileImage&&profileImage.startsWith("blob:")?profileImage:(0,toolbox_url_add_avatar_query_params_1.addAvatarQueryParams)(profileImage,imageSize,styles_module_scss_1.default.defaultAvatarBgColor);return react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(styles_module_scss_1.default.default,styles_module_scss_1.default.avatar,className),style:{minWidth:`${size}px`,width:`${size}px`,height:`${size}px`}},rest),profileImageWithParams&&react_1.default.createElement("img",{src:profileImageWithParams,className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,profileImage.startsWith("blob:")&&styles_module_scss_1.default.blob,imgClassName)}),react_1.default.createElement("span",{className:styles_module_scss_1.default.defaultAvatar},react_1.default.createElement("i",{className:"bitcon-organization",style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}})),children)}},82823:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.UserAvatar=UserAvatar;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),design_elements_icon_1=__webpack_require__(12287),toolbox_url_add_avatar_query_params_1=__webpack_require__(10788),toolbox_string_get_initials_1=__webpack_require__(76137),design_ui_styles_colors_by_letter_1=__webpack_require__(93501),design_ui_styles_ellipsis_1=__webpack_require__(76785),design_ui_tooltip_1=__webpack_require__(62634),styles_module_scss_1=__importDefault(__webpack_require__(47603));function UserAvatar(_a){var{account,size=32,imageSize=size,fontSize=Math.round(size*.4),className,imgClassName,showTooltip=!1,tooltipPlacement="bottom",children}=_a,rest=__rest(_a,["account","size","imageSize","fontSize","className","imgClassName","showTooltip","tooltipPlacement","children"]);const{profileImage="",name="",displayName=""}=account,firstLetter=name[0]||displayName[0],profileImageWithParams=profileImage&&profileImage.startsWith("blob:")?profileImage:(0,toolbox_url_add_avatar_query_params_1.addAvatarQueryParams)(profileImage,imageSize,styles_module_scss_1.default.defaultAvatarBgColor),colors=firstLetter&&design_ui_styles_colors_by_letter_1.letterBgColors[firstLetter.toLowerCase()],avatar=react_1.default.createElement("div",Object.assign({className:(0,classnames_1.default)(colors,styles_module_scss_1.default.avatar,className),style:{minWidth:`${size}px`,width:`${size}px`,height:`${size}px`}},rest),profileImageWithParams&&react_1.default.createElement("img",{src:profileImageWithParams,className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,profileImage.startsWith("blob:")&&styles_module_scss_1.default.blob,imgClassName)}),(displayName||name)&&react_1.default.createElement("span",{className:styles_module_scss_1.default.letter,style:{fontSize:`${fontSize}px`,lineHeight:`${size}px`}},(0,toolbox_string_get_initials_1.getInitials)(displayName||name)),!displayName&&!name&&!profileImageWithParams&&!firstLetter&&react_1.default.createElement(design_elements_icon_1.Icon,{of:"solo-avatar",style:{fontSize:`${size}px`},className:(0,classnames_1.default)(styles_module_scss_1.default.avatarImg,styles_module_scss_1.default.soloAvatarIcon)}),children);return showTooltip?react_1.default.createElement(design_ui_tooltip_1.Tooltip,{placement:tooltipPlacement,content:react_1.default.createElement("div",{className:design_ui_styles_ellipsis_1.ellipsis},displayName?react_1.default.createElement(react_1.default.Fragment,null,displayName," (@",name,")"):react_1.default.createElement(react_1.default.Fragment,null,"@",name))},avatar):avatar}},52464:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimeAgo=void 0;var time_ago_1=__webpack_require__(89587);Object.defineProperty(exports,"TimeAgo",{enumerable:!0,get:function(){return time_ago_1.TimeAgo}})},89587:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TimeAgo=TimeAgo;const react_1=__importStar(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),base_ui_utils_time_ago_1=__importDefault(__webpack_require__(88308)),design_ui_tooltip_1=__webpack_require__(62634),time_ago_module_scss_1=__importDefault(__webpack_require__(62210));function TimeAgo(_a){var{date,tooltip,className}=_a,rest=__rest(_a,["date","tooltip","className"]);const[refreshIdx,forceUpdate]=(0,react_1.useReducer)(x=>x+1,0);(0,react_1.useEffect)(()=>{const tId=setInterval(()=>forceUpdate(),6e4);return()=>clearInterval(tId)},[]);const formatted=(0,react_1.useMemo)(()=>(0,base_ui_utils_time_ago_1.default)(date),[date,refreshIdx]);return(element=>tooltip===void 0?element:react_1.default.createElement(design_ui_tooltip_1.Tooltip,{className:time_ago_module_scss_1.default.dateTooltip,placement:"top",content:react_1.default.createElement("div",{className:time_ago_module_scss_1.default.dateTooltipContent},tooltip)},element))(react_1.default.createElement("span",Object.assign({},rest,{className:(0,classnames_1.default)(className)}),formatted))}},62634:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.tippy=exports.useSingleton=exports.TooltipMountPoint=exports.SingletonTooltipProvider=exports.useCtxTooltipInstance=exports.ProvideTooltipInstance=exports.Tooltip=void 0;var tooltip_1=__webpack_require__(29);Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return tooltip_1.Tooltip}});var shared_instance_1=__webpack_require__(333);Object.defineProperty(exports,"ProvideTooltipInstance",{enumerable:!0,get:function(){return shared_instance_1.ProvideTooltipInstance}}),Object.defineProperty(exports,"useCtxTooltipInstance",{enumerable:!0,get:function(){return shared_instance_1.useCtxTooltipInstance}});var singleton_instance_1=__webpack_require__(15643);Object.defineProperty(exports,"SingletonTooltipProvider",{enumerable:!0,get:function(){return singleton_instance_1.SingletonTooltipProvider}});var mount_point_1=__webpack_require__(66872);Object.defineProperty(exports,"TooltipMountPoint",{enumerable:!0,get:function(){return mount_point_1.TooltipMountPoint}});var react_1=__webpack_require__(70601);Object.defineProperty(exports,"useSingleton",{enumerable:!0,get:function(){return react_1.useSingleton}}),Object.defineProperty(exports,"tippy",{enumerable:!0,get:function(){return react_1.tippy}})},66872:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.mountId=void 0,exports.getMountPoint=getMountPoint,exports.TooltipMountPoint=TooltipMountPoint;const react_1=__importDefault(__webpack_require__(37953));exports.mountId="tooltip-mount-point";function getMountPoint(ref){return document.getElementById(exports.mountId)||ref.parentElement||document.body}function TooltipMountPoint(){return react_1.default.createElement("div",{id:exports.mountId})}},333:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProvideTooltipInstance=ProvideTooltipInstance,exports.useCtxTooltipInstance=useCtxTooltipInstance;const react_1=__importStar(__webpack_require__(37953)),singletonContext=(0,react_1.createContext)(void 0);function ProvideTooltipInstance({value,children}){return react_1.default.createElement(singletonContext.Provider,{value},children)}function useCtxTooltipInstance(){return(0,react_1.useContext)(singletonContext)}},15643:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SingletonTooltipProvider=SingletonTooltipProvider;const react_1=__importDefault(__webpack_require__(37953)),react_2=__webpack_require__(70601),shared_instance_1=__webpack_require__(333),tooltip_1=__webpack_require__(29);function SingletonTooltipProvider(_a){var{children,disabled,overrides}=_a,rest=__rest(_a,["children","disabled","overrides"]);const[tooltipSource,tooltipTarget]=(0,react_2.useSingleton)({disabled,overrides});return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(tooltip_1.Tooltip,Object.assign({},rest,{singleton:tooltipSource})),react_1.default.createElement(shared_instance_1.ProvideTooltipInstance,{value:tooltipTarget},children))}},29:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __rest=this&&this.__rest||function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tooltip=Tooltip;const react_1=__importDefault(__webpack_require__(37953)),classnames_1=__importDefault(__webpack_require__(14487)),ui_foundation_ui_hooks_use_is_mobile_1=__webpack_require__(36451),base_ui_theme_dark_theme_1=__webpack_require__(77019),react_2=__importDefault(__webpack_require__(70601)),tippy_js_1=__webpack_require__(16406);__webpack_require__(44364),__webpack_require__(6300);const mount_point_1=__webpack_require__(66872),shared_instance_1=__webpack_require__(333);__webpack_require__(89303);const THEME="teambit",popperOptions={modifiers:[{name:"arrow",options:{padding:5}}]};function Tooltip(_a){var{children,breakline,singleton,visibleOnMobile,className}=_a,rest=__rest(_a,["children","breakline","singleton","visibleOnMobile","className"]);const isMobile=(0,ui_foundation_ui_hooks_use_is_mobile_1.useIsMobile)();if(!visibleOnMobile&&isMobile)return react_1.default.createElement(react_1.default.Fragment,null,children);const ctxInstance=(0,shared_instance_1.useCtxTooltipInstance)(),singletonInstance=singleton||ctxInstance,child=typeof children=="string"?react_1.default.createElement("span",null,children):children;return react_1.default.createElement(react_2.default,Object.assign({arrow:tippy_js_1.roundArrow,className:(0,classnames_1.default)(base_ui_theme_dark_theme_1.darkMode,breakline&&"tippy-breakLine",className),theme:THEME,interactive:!0,appendTo:mount_point_1.getMountPoint,popperOptions},rest,{singleton:singletonInstance}),child)}},90896:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.docsFields=void 0,exports.useDocs=useDocs;const client_1=__webpack_require__(23328);exports.docsFields=(0,client_1.gql)`
599
599
  fragment docsFields on ReactDocs {
600
600
  abstract
601
601
  properties {
@@ -1,17 +1,17 @@
1
1
  {
2
2
  "320.762ef2b410b3d3456b80.js": "320.762ef2b410b3d3456b80.js",
3
3
  "381.018eee27cf055f591840.js": "381.018eee27cf055f591840.js",
4
- "492.a77818e4d937ec5ed4b8.js": "492.a77818e4d937ec5ed4b8.js",
4
+ "492.c44e2c28953eedb719b4.js": "492.c44e2c28953eedb719b4.js",
5
5
  "870.236f8346950559748da4.js": "870.236f8346950559748da4.js",
6
6
  "compositions.css": "static/css/compositions.a801ccd3.css",
7
7
  "compositions.html": "compositions.html",
8
- "compositions.js": "compositions.6206f462b24d1409ef47.js",
8
+ "compositions.js": "compositions.49e0227123d78937d7ad.js",
9
9
  "entrypoints": {
10
10
  "peers": {
11
11
  "assets": {
12
12
  "js": [
13
13
  "320.762ef2b410b3d3456b80.js",
14
- "peers.f4787d5f988b2132034c.js"
14
+ "peers.0c2b7b1373a0e110a394.js"
15
15
  ]
16
16
  }
17
17
  },
@@ -30,7 +30,7 @@
30
30
  "assets": {
31
31
  "js": [
32
32
  "870.236f8346950559748da4.js",
33
- "compositions.6206f462b24d1409ef47.js"
33
+ "compositions.49e0227123d78937d7ad.js"
34
34
  ],
35
35
  "css": [
36
36
  "static/css/compositions.a801ccd3.css"
@@ -40,8 +40,8 @@
40
40
  "overview": {
41
41
  "assets": {
42
42
  "js": [
43
- "492.a77818e4d937ec5ed4b8.js",
44
- "overview.92c385f4f5023d136674.js"
43
+ "492.c44e2c28953eedb719b4.js",
44
+ "overview.7cbec7f609a198bf9038.js"
45
45
  ],
46
46
  "css": [
47
47
  "static/css/492.4eca91fd.css"
@@ -50,8 +50,8 @@
50
50
  }
51
51
  },
52
52
  "overview.html": "overview.html",
53
- "overview.js": "overview.92c385f4f5023d136674.js",
54
- "peers.js": "peers.f4787d5f988b2132034c.js",
53
+ "overview.js": "overview.7cbec7f609a198bf9038.js",
54
+ "peers.js": "peers.0c2b7b1373a0e110a394.js",
55
55
  "preview-root.css": "static/css/preview-root.cd64aba9.css",
56
56
  "preview-root.js": "preview-root.d995b299bd8e97b2995e.js",
57
57
  "static/css/492.4eca91fd.css": "static/css/492.4eca91fd.css"
@@ -1 +1 @@
1
- "use strict";(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[866],{49313:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _home_circleci_bvm_versions_1_12_55_bit_1_12_55_node_modules_teambit_preview_dist_preview_modules_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(75640),_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_68b147035e4e910b00e4b8a4a3ce04a0de2e2e59_mjs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(32185);function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t2,e2,r2){t2[e2]=r2.value},i=typeof Symbol=="function"?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t2,e2,r2){return Object.defineProperty(t2,e2,{value:r2,enumerable:!0,configurable:!0,writable:!0}),t2[e2]}try{define({},"")}catch{define=function(t3,e2,r2){return t3[e2]=r2}}function wrap(t2,e2,r2,n2){var i2=e2&&e2.prototype instanceof Generator?e2:Generator,a2=Object.create(i2.prototype),c2=new Context(n2||[]);return o(a2,"_invoke",{value:makeInvokeMethod(t2,r2,c2)}),a2}function tryCatch(t2,e2,r2){try{return{type:"normal",arg:t2.call(e2,r2)}}catch(t3){return{type:"throw",arg:t3}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t2){["next","throw","return"].forEach(function(e2){define(t2,e2,function(t3){return this._invoke(e2,t3)})})}function AsyncIterator(t2,e2){function invoke(r3,o2,i2,a2){var c2=tryCatch(t2[r3],t2,o2);if(c2.type!=="throw"){var u2=c2.arg,h2=u2.value;return h2&&_typeof(h2)=="object"&&n.call(h2,"__await")?e2.resolve(h2.__await).then(function(t3){invoke("next",t3,i2,a2)},function(t3){invoke("throw",t3,i2,a2)}):e2.resolve(h2).then(function(t3){u2.value=t3,i2(u2)},function(t3){return invoke("throw",t3,i2,a2)})}a2(c2.arg)}var r2;o(this,"_invoke",{value:function(t3,n2){function callInvokeWithMethodAndArg(){return new e2(function(e3,r3){invoke(t3,n2,e3,r3)})}return r2=r2?r2.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e2,r2,n2){var o2=h;return function(i2,a2){if(o2===f)throw Error("Generator is already running");if(o2===s){if(i2==="throw")throw a2;return{value:t,done:!0}}for(n2.method=i2,n2.arg=a2;;){var c2=n2.delegate;if(c2){var u2=maybeInvokeDelegate(c2,n2);if(u2){if(u2===y)continue;return u2}}if(n2.method==="next")n2.sent=n2._sent=n2.arg;else if(n2.method==="throw"){if(o2===h)throw o2=s,n2.arg;n2.dispatchException(n2.arg)}else n2.method==="return"&&n2.abrupt("return",n2.arg);o2=f;var p2=tryCatch(e2,r2,n2);if(p2.type==="normal"){if(o2=n2.done?s:l,p2.arg===y)continue;return{value:p2.arg,done:n2.done}}p2.type==="throw"&&(o2=s,n2.method="throw",n2.arg=p2.arg)}}}function maybeInvokeDelegate(e2,r2){var n2=r2.method,o2=e2.iterator[n2];if(o2===t)return r2.delegate=null,n2==="throw"&&e2.iterator.return&&(r2.method="return",r2.arg=t,maybeInvokeDelegate(e2,r2),r2.method==="throw")||n2!=="return"&&(r2.method="throw",r2.arg=new TypeError("The iterator does not provide a '"+n2+"' method")),y;var i2=tryCatch(o2,e2.iterator,r2.arg);if(i2.type==="throw")return r2.method="throw",r2.arg=i2.arg,r2.delegate=null,y;var a2=i2.arg;return a2?a2.done?(r2[e2.resultName]=a2.value,r2.next=e2.nextLoc,r2.method!=="return"&&(r2.method="next",r2.arg=t),r2.delegate=null,y):a2:(r2.method="throw",r2.arg=new TypeError("iterator result is not an object"),r2.delegate=null,y)}function pushTryEntry(t2){var e2={tryLoc:t2[0]};1 in t2&&(e2.catchLoc=t2[1]),2 in t2&&(e2.finallyLoc=t2[2],e2.afterLoc=t2[3]),this.tryEntries.push(e2)}function resetTryEntry(t2){var e2=t2.completion||{};e2.type="normal",delete e2.arg,t2.completion=e2}function Context(t2){this.tryEntries=[{tryLoc:"root"}],t2.forEach(pushTryEntry,this),this.reset(!0)}function values(e2){if(e2||e2===""){var r2=e2[a];if(r2)return r2.call(e2);if(typeof e2.next=="function")return e2;if(!isNaN(e2.length)){var o2=-1,i2=function next(){for(;++o2<e2.length;)if(n.call(e2,o2))return next.value=e2[o2],next.done=!1,next;return next.value=t,next.done=!0,next};return i2.next=i2}}throw new TypeError(_typeof(e2)+" is not iterable")}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t2){var e2=typeof t2=="function"&&t2.constructor;return!!e2&&(e2===GeneratorFunction||(e2.displayName||e2.name)==="GeneratorFunction")},e.mark=function(t2){return Object.setPrototypeOf?Object.setPrototypeOf(t2,GeneratorFunctionPrototype):(t2.__proto__=GeneratorFunctionPrototype,define(t2,u,"GeneratorFunction")),t2.prototype=Object.create(g),t2},e.awrap=function(t2){return{__await:t2}},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this}),e.AsyncIterator=AsyncIterator,e.async=function(t2,r2,n2,o2,i2){i2===void 0&&(i2=Promise);var a2=new AsyncIterator(wrap(t2,r2,n2,o2),i2);return e.isGeneratorFunction(r2)?a2:a2.next().then(function(t3){return t3.done?t3.value:a2.next()})},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this}),define(g,"toString",function(){return"[object Generator]"}),e.keys=function(t2){var e2=Object(t2),r2=[];for(var n2 in e2)r2.push(n2);return r2.reverse(),function next(){for(;r2.length;){var t3=r2.pop();if(t3 in e2)return next.value=t3,next.done=!1,next}return next.done=!0,next}},e.values=values,Context.prototype={constructor:Context,reset:function(e2){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e2)for(var r2 in this)r2.charAt(0)==="t"&&n.call(this,r2)&&!isNaN(+r2.slice(1))&&(this[r2]=t)},stop:function(){this.done=!0;var t2=this.tryEntries[0].completion;if(t2.type==="throw")throw t2.arg;return this.rval},dispatchException:function(e2){if(this.done)throw e2;var r2=this;function handle(n2,o3){return a2.type="throw",a2.arg=e2,r2.next=n2,o3&&(r2.method="next",r2.arg=t),!!o3}for(var o2=this.tryEntries.length-1;o2>=0;--o2){var i2=this.tryEntries[o2],a2=i2.completion;if(i2.tryLoc==="root")return handle("end");if(i2.tryLoc<=this.prev){var c2=n.call(i2,"catchLoc"),u2=n.call(i2,"finallyLoc");if(c2&&u2){if(this.prev<i2.catchLoc)return handle(i2.catchLoc,!0);if(this.prev<i2.finallyLoc)return handle(i2.finallyLoc)}else if(c2){if(this.prev<i2.catchLoc)return handle(i2.catchLoc,!0)}else{if(!u2)throw Error("try statement without catch or finally");if(this.prev<i2.finallyLoc)return handle(i2.finallyLoc)}}}},abrupt:function(t2,e2){for(var r2=this.tryEntries.length-1;r2>=0;--r2){var o2=this.tryEntries[r2];if(o2.tryLoc<=this.prev&&n.call(o2,"finallyLoc")&&this.prev<o2.finallyLoc){var i2=o2;break}}i2&&(t2==="break"||t2==="continue")&&i2.tryLoc<=e2&&e2<=i2.finallyLoc&&(i2=null);var a2=i2?i2.completion:{};return a2.type=t2,a2.arg=e2,i2?(this.method="next",this.next=i2.finallyLoc,y):this.complete(a2)},complete:function(t2,e2){if(t2.type==="throw")throw t2.arg;return t2.type==="break"||t2.type==="continue"?this.next=t2.arg:t2.type==="return"?(this.rval=this.arg=t2.arg,this.method="return",this.next="end"):t2.type==="normal"&&e2&&(this.next=e2),y},finish:function(t2){for(var e2=this.tryEntries.length-1;e2>=0;--e2){var r2=this.tryEntries[e2];if(r2.finallyLoc===t2)return this.complete(r2.completion,r2.afterLoc),resetTryEntry(r2),y}},catch:function(t2){for(var e2=this.tryEntries.length-1;e2>=0;--e2){var r2=this.tryEntries[e2];if(r2.tryLoc===t2){var n2=r2.completion;if(n2.type==="throw"){var o2=n2.arg;resetTryEntry(r2)}return o2}}throw Error("illegal catch attempt")},delegateYield:function(e2,r2,n2){return this.delegate={iterator:values(e2),resultName:r2,nextLoc:n2},this.method==="next"&&(this.arg=t),y}},e}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value}catch(n2){return void e(n2)}i.done?t(u):Promise.resolve(u).then(r,o)}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n2){asyncGeneratorStep(a,r,o,_next,_throw,"next",n2)}function _throw(n2){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n2)}_next(void 0)})}}(function(){var _initializeModules=_asyncToGenerator(_regeneratorRuntime().mark(function _callee(){return _regeneratorRuntime().wrap(function(_context){for(;;)switch(_context.prev=_context.next){case 0:(0,_home_circleci_bvm_versions_1_12_55_bit_1_12_55_node_modules_teambit_preview_dist_preview_modules_js__WEBPACK_IMPORTED_MODULE_0__.uf)("compositions",{modulesMap:{default:_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_68b147035e4e910b00e4b8a4a3ce04a0de2e2e59_mjs__WEBPACK_IMPORTED_MODULE_1__.x},isSplitComponentBundle:!1,componentMap:{}});case 1:case"end":return _context.stop()}},_callee)}));function initializeModules(){return _initializeModules.apply(this,arguments)}return initializeModules})()()}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[870,320,381,518],()=>__webpack_exec__(49313));var __webpack_exports__=__webpack_require__.O()}]);
1
+ "use strict";(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[866],{82539:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _home_circleci_bvm_versions_1_12_55_bit_1_12_55_node_modules_teambit_preview_dist_preview_modules_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(75640),_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_68b147035e4e910b00e4b8a4a3ce04a0de2e2e59_mjs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(32185);function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t2,e2,r2){t2[e2]=r2.value},i=typeof Symbol=="function"?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t2,e2,r2){return Object.defineProperty(t2,e2,{value:r2,enumerable:!0,configurable:!0,writable:!0}),t2[e2]}try{define({},"")}catch{define=function(t3,e2,r2){return t3[e2]=r2}}function wrap(t2,e2,r2,n2){var i2=e2&&e2.prototype instanceof Generator?e2:Generator,a2=Object.create(i2.prototype),c2=new Context(n2||[]);return o(a2,"_invoke",{value:makeInvokeMethod(t2,r2,c2)}),a2}function tryCatch(t2,e2,r2){try{return{type:"normal",arg:t2.call(e2,r2)}}catch(t3){return{type:"throw",arg:t3}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t2){["next","throw","return"].forEach(function(e2){define(t2,e2,function(t3){return this._invoke(e2,t3)})})}function AsyncIterator(t2,e2){function invoke(r3,o2,i2,a2){var c2=tryCatch(t2[r3],t2,o2);if(c2.type!=="throw"){var u2=c2.arg,h2=u2.value;return h2&&_typeof(h2)=="object"&&n.call(h2,"__await")?e2.resolve(h2.__await).then(function(t3){invoke("next",t3,i2,a2)},function(t3){invoke("throw",t3,i2,a2)}):e2.resolve(h2).then(function(t3){u2.value=t3,i2(u2)},function(t3){return invoke("throw",t3,i2,a2)})}a2(c2.arg)}var r2;o(this,"_invoke",{value:function(t3,n2){function callInvokeWithMethodAndArg(){return new e2(function(e3,r3){invoke(t3,n2,e3,r3)})}return r2=r2?r2.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e2,r2,n2){var o2=h;return function(i2,a2){if(o2===f)throw Error("Generator is already running");if(o2===s){if(i2==="throw")throw a2;return{value:t,done:!0}}for(n2.method=i2,n2.arg=a2;;){var c2=n2.delegate;if(c2){var u2=maybeInvokeDelegate(c2,n2);if(u2){if(u2===y)continue;return u2}}if(n2.method==="next")n2.sent=n2._sent=n2.arg;else if(n2.method==="throw"){if(o2===h)throw o2=s,n2.arg;n2.dispatchException(n2.arg)}else n2.method==="return"&&n2.abrupt("return",n2.arg);o2=f;var p2=tryCatch(e2,r2,n2);if(p2.type==="normal"){if(o2=n2.done?s:l,p2.arg===y)continue;return{value:p2.arg,done:n2.done}}p2.type==="throw"&&(o2=s,n2.method="throw",n2.arg=p2.arg)}}}function maybeInvokeDelegate(e2,r2){var n2=r2.method,o2=e2.iterator[n2];if(o2===t)return r2.delegate=null,n2==="throw"&&e2.iterator.return&&(r2.method="return",r2.arg=t,maybeInvokeDelegate(e2,r2),r2.method==="throw")||n2!=="return"&&(r2.method="throw",r2.arg=new TypeError("The iterator does not provide a '"+n2+"' method")),y;var i2=tryCatch(o2,e2.iterator,r2.arg);if(i2.type==="throw")return r2.method="throw",r2.arg=i2.arg,r2.delegate=null,y;var a2=i2.arg;return a2?a2.done?(r2[e2.resultName]=a2.value,r2.next=e2.nextLoc,r2.method!=="return"&&(r2.method="next",r2.arg=t),r2.delegate=null,y):a2:(r2.method="throw",r2.arg=new TypeError("iterator result is not an object"),r2.delegate=null,y)}function pushTryEntry(t2){var e2={tryLoc:t2[0]};1 in t2&&(e2.catchLoc=t2[1]),2 in t2&&(e2.finallyLoc=t2[2],e2.afterLoc=t2[3]),this.tryEntries.push(e2)}function resetTryEntry(t2){var e2=t2.completion||{};e2.type="normal",delete e2.arg,t2.completion=e2}function Context(t2){this.tryEntries=[{tryLoc:"root"}],t2.forEach(pushTryEntry,this),this.reset(!0)}function values(e2){if(e2||e2===""){var r2=e2[a];if(r2)return r2.call(e2);if(typeof e2.next=="function")return e2;if(!isNaN(e2.length)){var o2=-1,i2=function next(){for(;++o2<e2.length;)if(n.call(e2,o2))return next.value=e2[o2],next.done=!1,next;return next.value=t,next.done=!0,next};return i2.next=i2}}throw new TypeError(_typeof(e2)+" is not iterable")}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t2){var e2=typeof t2=="function"&&t2.constructor;return!!e2&&(e2===GeneratorFunction||(e2.displayName||e2.name)==="GeneratorFunction")},e.mark=function(t2){return Object.setPrototypeOf?Object.setPrototypeOf(t2,GeneratorFunctionPrototype):(t2.__proto__=GeneratorFunctionPrototype,define(t2,u,"GeneratorFunction")),t2.prototype=Object.create(g),t2},e.awrap=function(t2){return{__await:t2}},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this}),e.AsyncIterator=AsyncIterator,e.async=function(t2,r2,n2,o2,i2){i2===void 0&&(i2=Promise);var a2=new AsyncIterator(wrap(t2,r2,n2,o2),i2);return e.isGeneratorFunction(r2)?a2:a2.next().then(function(t3){return t3.done?t3.value:a2.next()})},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this}),define(g,"toString",function(){return"[object Generator]"}),e.keys=function(t2){var e2=Object(t2),r2=[];for(var n2 in e2)r2.push(n2);return r2.reverse(),function next(){for(;r2.length;){var t3=r2.pop();if(t3 in e2)return next.value=t3,next.done=!1,next}return next.done=!0,next}},e.values=values,Context.prototype={constructor:Context,reset:function(e2){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e2)for(var r2 in this)r2.charAt(0)==="t"&&n.call(this,r2)&&!isNaN(+r2.slice(1))&&(this[r2]=t)},stop:function(){this.done=!0;var t2=this.tryEntries[0].completion;if(t2.type==="throw")throw t2.arg;return this.rval},dispatchException:function(e2){if(this.done)throw e2;var r2=this;function handle(n2,o3){return a2.type="throw",a2.arg=e2,r2.next=n2,o3&&(r2.method="next",r2.arg=t),!!o3}for(var o2=this.tryEntries.length-1;o2>=0;--o2){var i2=this.tryEntries[o2],a2=i2.completion;if(i2.tryLoc==="root")return handle("end");if(i2.tryLoc<=this.prev){var c2=n.call(i2,"catchLoc"),u2=n.call(i2,"finallyLoc");if(c2&&u2){if(this.prev<i2.catchLoc)return handle(i2.catchLoc,!0);if(this.prev<i2.finallyLoc)return handle(i2.finallyLoc)}else if(c2){if(this.prev<i2.catchLoc)return handle(i2.catchLoc,!0)}else{if(!u2)throw Error("try statement without catch or finally");if(this.prev<i2.finallyLoc)return handle(i2.finallyLoc)}}}},abrupt:function(t2,e2){for(var r2=this.tryEntries.length-1;r2>=0;--r2){var o2=this.tryEntries[r2];if(o2.tryLoc<=this.prev&&n.call(o2,"finallyLoc")&&this.prev<o2.finallyLoc){var i2=o2;break}}i2&&(t2==="break"||t2==="continue")&&i2.tryLoc<=e2&&e2<=i2.finallyLoc&&(i2=null);var a2=i2?i2.completion:{};return a2.type=t2,a2.arg=e2,i2?(this.method="next",this.next=i2.finallyLoc,y):this.complete(a2)},complete:function(t2,e2){if(t2.type==="throw")throw t2.arg;return t2.type==="break"||t2.type==="continue"?this.next=t2.arg:t2.type==="return"?(this.rval=this.arg=t2.arg,this.method="return",this.next="end"):t2.type==="normal"&&e2&&(this.next=e2),y},finish:function(t2){for(var e2=this.tryEntries.length-1;e2>=0;--e2){var r2=this.tryEntries[e2];if(r2.finallyLoc===t2)return this.complete(r2.completion,r2.afterLoc),resetTryEntry(r2),y}},catch:function(t2){for(var e2=this.tryEntries.length-1;e2>=0;--e2){var r2=this.tryEntries[e2];if(r2.tryLoc===t2){var n2=r2.completion;if(n2.type==="throw"){var o2=n2.arg;resetTryEntry(r2)}return o2}}throw Error("illegal catch attempt")},delegateYield:function(e2,r2,n2){return this.delegate={iterator:values(e2),resultName:r2,nextLoc:n2},this.method==="next"&&(this.arg=t),y}},e}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value}catch(n2){return void e(n2)}i.done?t(u):Promise.resolve(u).then(r,o)}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n2){asyncGeneratorStep(a,r,o,_next,_throw,"next",n2)}function _throw(n2){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n2)}_next(void 0)})}}(function(){var _initializeModules=_asyncToGenerator(_regeneratorRuntime().mark(function _callee(){return _regeneratorRuntime().wrap(function(_context){for(;;)switch(_context.prev=_context.next){case 0:(0,_home_circleci_bvm_versions_1_12_55_bit_1_12_55_node_modules_teambit_preview_dist_preview_modules_js__WEBPACK_IMPORTED_MODULE_0__.uf)("compositions",{modulesMap:{default:_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_68b147035e4e910b00e4b8a4a3ce04a0de2e2e59_mjs__WEBPACK_IMPORTED_MODULE_1__.x},isSplitComponentBundle:!1,componentMap:{}});case 1:case"end":return _context.stop()}},_callee)}));function initializeModules(){return _initializeModules.apply(this,arguments)}return initializeModules})()()}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[870,320,381,518],()=>__webpack_exec__(82539));var __webpack_exports__=__webpack_require__.O()}]);
@@ -1,2 +1,2 @@
1
1
  <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Preview</title><script>// Allow to use react dev-tools inside the examples
2
- try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>body { margin: 0; }</style><script defer="defer" src="320.762ef2b410b3d3456b80.js"></script><script defer="defer" src="peers.f4787d5f988b2132034c.js"></script><script defer="defer" src="381.018eee27cf055f591840.js"></script><script defer="defer" src="preview-root.d995b299bd8e97b2995e.js"></script><script defer="defer" src="870.236f8346950559748da4.js"></script><script defer="defer" src="compositions.6206f462b24d1409ef47.js"></script><link href="static/css/preview-root.cd64aba9.css" rel="stylesheet"><link href="static/css/compositions.a801ccd3.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
2
+ try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>body { margin: 0; }</style><script defer="defer" src="320.762ef2b410b3d3456b80.js"></script><script defer="defer" src="peers.0c2b7b1373a0e110a394.js"></script><script defer="defer" src="381.018eee27cf055f591840.js"></script><script defer="defer" src="preview-root.d995b299bd8e97b2995e.js"></script><script defer="defer" src="870.236f8346950559748da4.js"></script><script defer="defer" src="compositions.49e0227123d78937d7ad.js"></script><link href="static/css/preview-root.cd64aba9.css" rel="stylesheet"><link href="static/css/compositions.a801ccd3.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
@@ -1 +1 @@
1
- (self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[542],{27009:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _home_circleci_bvm_versions_1_12_55_bit_1_12_55_node_modules_teambit_preview_dist_preview_modules_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(75640),_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_9b89befd045d1080499f8437aaaa95b3d5125fd8_mjs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(95492);function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t2,e2,r2){t2[e2]=r2.value},i=typeof Symbol=="function"?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t2,e2,r2){return Object.defineProperty(t2,e2,{value:r2,enumerable:!0,configurable:!0,writable:!0}),t2[e2]}try{define({},"")}catch{define=function(t3,e2,r2){return t3[e2]=r2}}function wrap(t2,e2,r2,n2){var i2=e2&&e2.prototype instanceof Generator?e2:Generator,a2=Object.create(i2.prototype),c2=new Context(n2||[]);return o(a2,"_invoke",{value:makeInvokeMethod(t2,r2,c2)}),a2}function tryCatch(t2,e2,r2){try{return{type:"normal",arg:t2.call(e2,r2)}}catch(t3){return{type:"throw",arg:t3}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t2){["next","throw","return"].forEach(function(e2){define(t2,e2,function(t3){return this._invoke(e2,t3)})})}function AsyncIterator(t2,e2){function invoke(r3,o2,i2,a2){var c2=tryCatch(t2[r3],t2,o2);if(c2.type!=="throw"){var u2=c2.arg,h2=u2.value;return h2&&_typeof(h2)=="object"&&n.call(h2,"__await")?e2.resolve(h2.__await).then(function(t3){invoke("next",t3,i2,a2)},function(t3){invoke("throw",t3,i2,a2)}):e2.resolve(h2).then(function(t3){u2.value=t3,i2(u2)},function(t3){return invoke("throw",t3,i2,a2)})}a2(c2.arg)}var r2;o(this,"_invoke",{value:function(t3,n2){function callInvokeWithMethodAndArg(){return new e2(function(e3,r3){invoke(t3,n2,e3,r3)})}return r2=r2?r2.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e2,r2,n2){var o2=h;return function(i2,a2){if(o2===f)throw Error("Generator is already running");if(o2===s){if(i2==="throw")throw a2;return{value:t,done:!0}}for(n2.method=i2,n2.arg=a2;;){var c2=n2.delegate;if(c2){var u2=maybeInvokeDelegate(c2,n2);if(u2){if(u2===y)continue;return u2}}if(n2.method==="next")n2.sent=n2._sent=n2.arg;else if(n2.method==="throw"){if(o2===h)throw o2=s,n2.arg;n2.dispatchException(n2.arg)}else n2.method==="return"&&n2.abrupt("return",n2.arg);o2=f;var p2=tryCatch(e2,r2,n2);if(p2.type==="normal"){if(o2=n2.done?s:l,p2.arg===y)continue;return{value:p2.arg,done:n2.done}}p2.type==="throw"&&(o2=s,n2.method="throw",n2.arg=p2.arg)}}}function maybeInvokeDelegate(e2,r2){var n2=r2.method,o2=e2.iterator[n2];if(o2===t)return r2.delegate=null,n2==="throw"&&e2.iterator.return&&(r2.method="return",r2.arg=t,maybeInvokeDelegate(e2,r2),r2.method==="throw")||n2!=="return"&&(r2.method="throw",r2.arg=new TypeError("The iterator does not provide a '"+n2+"' method")),y;var i2=tryCatch(o2,e2.iterator,r2.arg);if(i2.type==="throw")return r2.method="throw",r2.arg=i2.arg,r2.delegate=null,y;var a2=i2.arg;return a2?a2.done?(r2[e2.resultName]=a2.value,r2.next=e2.nextLoc,r2.method!=="return"&&(r2.method="next",r2.arg=t),r2.delegate=null,y):a2:(r2.method="throw",r2.arg=new TypeError("iterator result is not an object"),r2.delegate=null,y)}function pushTryEntry(t2){var e2={tryLoc:t2[0]};1 in t2&&(e2.catchLoc=t2[1]),2 in t2&&(e2.finallyLoc=t2[2],e2.afterLoc=t2[3]),this.tryEntries.push(e2)}function resetTryEntry(t2){var e2=t2.completion||{};e2.type="normal",delete e2.arg,t2.completion=e2}function Context(t2){this.tryEntries=[{tryLoc:"root"}],t2.forEach(pushTryEntry,this),this.reset(!0)}function values(e2){if(e2||e2===""){var r2=e2[a];if(r2)return r2.call(e2);if(typeof e2.next=="function")return e2;if(!isNaN(e2.length)){var o2=-1,i2=function next(){for(;++o2<e2.length;)if(n.call(e2,o2))return next.value=e2[o2],next.done=!1,next;return next.value=t,next.done=!0,next};return i2.next=i2}}throw new TypeError(_typeof(e2)+" is not iterable")}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t2){var e2=typeof t2=="function"&&t2.constructor;return!!e2&&(e2===GeneratorFunction||(e2.displayName||e2.name)==="GeneratorFunction")},e.mark=function(t2){return Object.setPrototypeOf?Object.setPrototypeOf(t2,GeneratorFunctionPrototype):(t2.__proto__=GeneratorFunctionPrototype,define(t2,u,"GeneratorFunction")),t2.prototype=Object.create(g),t2},e.awrap=function(t2){return{__await:t2}},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this}),e.AsyncIterator=AsyncIterator,e.async=function(t2,r2,n2,o2,i2){i2===void 0&&(i2=Promise);var a2=new AsyncIterator(wrap(t2,r2,n2,o2),i2);return e.isGeneratorFunction(r2)?a2:a2.next().then(function(t3){return t3.done?t3.value:a2.next()})},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this}),define(g,"toString",function(){return"[object Generator]"}),e.keys=function(t2){var e2=Object(t2),r2=[];for(var n2 in e2)r2.push(n2);return r2.reverse(),function next(){for(;r2.length;){var t3=r2.pop();if(t3 in e2)return next.value=t3,next.done=!1,next}return next.done=!0,next}},e.values=values,Context.prototype={constructor:Context,reset:function(e2){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e2)for(var r2 in this)r2.charAt(0)==="t"&&n.call(this,r2)&&!isNaN(+r2.slice(1))&&(this[r2]=t)},stop:function(){this.done=!0;var t2=this.tryEntries[0].completion;if(t2.type==="throw")throw t2.arg;return this.rval},dispatchException:function(e2){if(this.done)throw e2;var r2=this;function handle(n2,o3){return a2.type="throw",a2.arg=e2,r2.next=n2,o3&&(r2.method="next",r2.arg=t),!!o3}for(var o2=this.tryEntries.length-1;o2>=0;--o2){var i2=this.tryEntries[o2],a2=i2.completion;if(i2.tryLoc==="root")return handle("end");if(i2.tryLoc<=this.prev){var c2=n.call(i2,"catchLoc"),u2=n.call(i2,"finallyLoc");if(c2&&u2){if(this.prev<i2.catchLoc)return handle(i2.catchLoc,!0);if(this.prev<i2.finallyLoc)return handle(i2.finallyLoc)}else if(c2){if(this.prev<i2.catchLoc)return handle(i2.catchLoc,!0)}else{if(!u2)throw Error("try statement without catch or finally");if(this.prev<i2.finallyLoc)return handle(i2.finallyLoc)}}}},abrupt:function(t2,e2){for(var r2=this.tryEntries.length-1;r2>=0;--r2){var o2=this.tryEntries[r2];if(o2.tryLoc<=this.prev&&n.call(o2,"finallyLoc")&&this.prev<o2.finallyLoc){var i2=o2;break}}i2&&(t2==="break"||t2==="continue")&&i2.tryLoc<=e2&&e2<=i2.finallyLoc&&(i2=null);var a2=i2?i2.completion:{};return a2.type=t2,a2.arg=e2,i2?(this.method="next",this.next=i2.finallyLoc,y):this.complete(a2)},complete:function(t2,e2){if(t2.type==="throw")throw t2.arg;return t2.type==="break"||t2.type==="continue"?this.next=t2.arg:t2.type==="return"?(this.rval=this.arg=t2.arg,this.method="return",this.next="end"):t2.type==="normal"&&e2&&(this.next=e2),y},finish:function(t2){for(var e2=this.tryEntries.length-1;e2>=0;--e2){var r2=this.tryEntries[e2];if(r2.finallyLoc===t2)return this.complete(r2.completion,r2.afterLoc),resetTryEntry(r2),y}},catch:function(t2){for(var e2=this.tryEntries.length-1;e2>=0;--e2){var r2=this.tryEntries[e2];if(r2.tryLoc===t2){var n2=r2.completion;if(n2.type==="throw"){var o2=n2.arg;resetTryEntry(r2)}return o2}}throw Error("illegal catch attempt")},delegateYield:function(e2,r2,n2){return this.delegate={iterator:values(e2),resultName:r2,nextLoc:n2},this.method==="next"&&(this.arg=t),y}},e}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value}catch(n2){return void e(n2)}i.done?t(u):Promise.resolve(u).then(r,o)}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n2){asyncGeneratorStep(a,r,o,_next,_throw,"next",n2)}function _throw(n2){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n2)}_next(void 0)})}}(function(){var _initializeModules=_asyncToGenerator(_regeneratorRuntime().mark(function _callee(){return _regeneratorRuntime().wrap(function(_context){for(;;)switch(_context.prev=_context.next){case 0:(0,_home_circleci_bvm_versions_1_12_55_bit_1_12_55_node_modules_teambit_preview_dist_preview_modules_js__WEBPACK_IMPORTED_MODULE_0__.uf)("overview",{modulesMap:{default:_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_9b89befd045d1080499f8437aaaa95b3d5125fd8_mjs__WEBPACK_IMPORTED_MODULE_1__.x},isSplitComponentBundle:!1,componentMap:{}});case 1:case"end":return _context.stop()}},_callee)}));function initializeModules(){return _initializeModules.apply(this,arguments)}return initializeModules})()()},94891:()=>{},91044:()=>{},38954:()=>{},71220:()=>{},38854:()=>{}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[492,320,381,518,870,866],()=>__webpack_exec__(27009));var __webpack_exports__=__webpack_require__.O()}]);
1
+ (self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[542],{42583:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _home_circleci_bvm_versions_1_12_55_bit_1_12_55_node_modules_teambit_preview_dist_preview_modules_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(75640),_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_9b89befd045d1080499f8437aaaa95b3d5125fd8_mjs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(95492);function _typeof(o){return _typeof=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o2){return typeof o2}:function(o2){return o2&&typeof Symbol=="function"&&o2.constructor===Symbol&&o2!==Symbol.prototype?"symbol":typeof o2},_typeof(o)}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t2,e2,r2){t2[e2]=r2.value},i=typeof Symbol=="function"?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t2,e2,r2){return Object.defineProperty(t2,e2,{value:r2,enumerable:!0,configurable:!0,writable:!0}),t2[e2]}try{define({},"")}catch{define=function(t3,e2,r2){return t3[e2]=r2}}function wrap(t2,e2,r2,n2){var i2=e2&&e2.prototype instanceof Generator?e2:Generator,a2=Object.create(i2.prototype),c2=new Context(n2||[]);return o(a2,"_invoke",{value:makeInvokeMethod(t2,r2,c2)}),a2}function tryCatch(t2,e2,r2){try{return{type:"normal",arg:t2.call(e2,r2)}}catch(t3){return{type:"throw",arg:t3}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t2){["next","throw","return"].forEach(function(e2){define(t2,e2,function(t3){return this._invoke(e2,t3)})})}function AsyncIterator(t2,e2){function invoke(r3,o2,i2,a2){var c2=tryCatch(t2[r3],t2,o2);if(c2.type!=="throw"){var u2=c2.arg,h2=u2.value;return h2&&_typeof(h2)=="object"&&n.call(h2,"__await")?e2.resolve(h2.__await).then(function(t3){invoke("next",t3,i2,a2)},function(t3){invoke("throw",t3,i2,a2)}):e2.resolve(h2).then(function(t3){u2.value=t3,i2(u2)},function(t3){return invoke("throw",t3,i2,a2)})}a2(c2.arg)}var r2;o(this,"_invoke",{value:function(t3,n2){function callInvokeWithMethodAndArg(){return new e2(function(e3,r3){invoke(t3,n2,e3,r3)})}return r2=r2?r2.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e2,r2,n2){var o2=h;return function(i2,a2){if(o2===f)throw Error("Generator is already running");if(o2===s){if(i2==="throw")throw a2;return{value:t,done:!0}}for(n2.method=i2,n2.arg=a2;;){var c2=n2.delegate;if(c2){var u2=maybeInvokeDelegate(c2,n2);if(u2){if(u2===y)continue;return u2}}if(n2.method==="next")n2.sent=n2._sent=n2.arg;else if(n2.method==="throw"){if(o2===h)throw o2=s,n2.arg;n2.dispatchException(n2.arg)}else n2.method==="return"&&n2.abrupt("return",n2.arg);o2=f;var p2=tryCatch(e2,r2,n2);if(p2.type==="normal"){if(o2=n2.done?s:l,p2.arg===y)continue;return{value:p2.arg,done:n2.done}}p2.type==="throw"&&(o2=s,n2.method="throw",n2.arg=p2.arg)}}}function maybeInvokeDelegate(e2,r2){var n2=r2.method,o2=e2.iterator[n2];if(o2===t)return r2.delegate=null,n2==="throw"&&e2.iterator.return&&(r2.method="return",r2.arg=t,maybeInvokeDelegate(e2,r2),r2.method==="throw")||n2!=="return"&&(r2.method="throw",r2.arg=new TypeError("The iterator does not provide a '"+n2+"' method")),y;var i2=tryCatch(o2,e2.iterator,r2.arg);if(i2.type==="throw")return r2.method="throw",r2.arg=i2.arg,r2.delegate=null,y;var a2=i2.arg;return a2?a2.done?(r2[e2.resultName]=a2.value,r2.next=e2.nextLoc,r2.method!=="return"&&(r2.method="next",r2.arg=t),r2.delegate=null,y):a2:(r2.method="throw",r2.arg=new TypeError("iterator result is not an object"),r2.delegate=null,y)}function pushTryEntry(t2){var e2={tryLoc:t2[0]};1 in t2&&(e2.catchLoc=t2[1]),2 in t2&&(e2.finallyLoc=t2[2],e2.afterLoc=t2[3]),this.tryEntries.push(e2)}function resetTryEntry(t2){var e2=t2.completion||{};e2.type="normal",delete e2.arg,t2.completion=e2}function Context(t2){this.tryEntries=[{tryLoc:"root"}],t2.forEach(pushTryEntry,this),this.reset(!0)}function values(e2){if(e2||e2===""){var r2=e2[a];if(r2)return r2.call(e2);if(typeof e2.next=="function")return e2;if(!isNaN(e2.length)){var o2=-1,i2=function next(){for(;++o2<e2.length;)if(n.call(e2,o2))return next.value=e2[o2],next.done=!1,next;return next.value=t,next.done=!0,next};return i2.next=i2}}throw new TypeError(_typeof(e2)+" is not iterable")}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t2){var e2=typeof t2=="function"&&t2.constructor;return!!e2&&(e2===GeneratorFunction||(e2.displayName||e2.name)==="GeneratorFunction")},e.mark=function(t2){return Object.setPrototypeOf?Object.setPrototypeOf(t2,GeneratorFunctionPrototype):(t2.__proto__=GeneratorFunctionPrototype,define(t2,u,"GeneratorFunction")),t2.prototype=Object.create(g),t2},e.awrap=function(t2){return{__await:t2}},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this}),e.AsyncIterator=AsyncIterator,e.async=function(t2,r2,n2,o2,i2){i2===void 0&&(i2=Promise);var a2=new AsyncIterator(wrap(t2,r2,n2,o2),i2);return e.isGeneratorFunction(r2)?a2:a2.next().then(function(t3){return t3.done?t3.value:a2.next()})},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this}),define(g,"toString",function(){return"[object Generator]"}),e.keys=function(t2){var e2=Object(t2),r2=[];for(var n2 in e2)r2.push(n2);return r2.reverse(),function next(){for(;r2.length;){var t3=r2.pop();if(t3 in e2)return next.value=t3,next.done=!1,next}return next.done=!0,next}},e.values=values,Context.prototype={constructor:Context,reset:function(e2){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e2)for(var r2 in this)r2.charAt(0)==="t"&&n.call(this,r2)&&!isNaN(+r2.slice(1))&&(this[r2]=t)},stop:function(){this.done=!0;var t2=this.tryEntries[0].completion;if(t2.type==="throw")throw t2.arg;return this.rval},dispatchException:function(e2){if(this.done)throw e2;var r2=this;function handle(n2,o3){return a2.type="throw",a2.arg=e2,r2.next=n2,o3&&(r2.method="next",r2.arg=t),!!o3}for(var o2=this.tryEntries.length-1;o2>=0;--o2){var i2=this.tryEntries[o2],a2=i2.completion;if(i2.tryLoc==="root")return handle("end");if(i2.tryLoc<=this.prev){var c2=n.call(i2,"catchLoc"),u2=n.call(i2,"finallyLoc");if(c2&&u2){if(this.prev<i2.catchLoc)return handle(i2.catchLoc,!0);if(this.prev<i2.finallyLoc)return handle(i2.finallyLoc)}else if(c2){if(this.prev<i2.catchLoc)return handle(i2.catchLoc,!0)}else{if(!u2)throw Error("try statement without catch or finally");if(this.prev<i2.finallyLoc)return handle(i2.finallyLoc)}}}},abrupt:function(t2,e2){for(var r2=this.tryEntries.length-1;r2>=0;--r2){var o2=this.tryEntries[r2];if(o2.tryLoc<=this.prev&&n.call(o2,"finallyLoc")&&this.prev<o2.finallyLoc){var i2=o2;break}}i2&&(t2==="break"||t2==="continue")&&i2.tryLoc<=e2&&e2<=i2.finallyLoc&&(i2=null);var a2=i2?i2.completion:{};return a2.type=t2,a2.arg=e2,i2?(this.method="next",this.next=i2.finallyLoc,y):this.complete(a2)},complete:function(t2,e2){if(t2.type==="throw")throw t2.arg;return t2.type==="break"||t2.type==="continue"?this.next=t2.arg:t2.type==="return"?(this.rval=this.arg=t2.arg,this.method="return",this.next="end"):t2.type==="normal"&&e2&&(this.next=e2),y},finish:function(t2){for(var e2=this.tryEntries.length-1;e2>=0;--e2){var r2=this.tryEntries[e2];if(r2.finallyLoc===t2)return this.complete(r2.completion,r2.afterLoc),resetTryEntry(r2),y}},catch:function(t2){for(var e2=this.tryEntries.length-1;e2>=0;--e2){var r2=this.tryEntries[e2];if(r2.tryLoc===t2){var n2=r2.completion;if(n2.type==="throw"){var o2=n2.arg;resetTryEntry(r2)}return o2}}throw Error("illegal catch attempt")},delegateYield:function(e2,r2,n2){return this.delegate={iterator:values(e2),resultName:r2,nextLoc:n2},this.method==="next"&&(this.arg=t),y}},e}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value}catch(n2){return void e(n2)}i.done?t(u):Promise.resolve(u).then(r,o)}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n2){asyncGeneratorStep(a,r,o,_next,_throw,"next",n2)}function _throw(n2){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n2)}_next(void 0)})}}(function(){var _initializeModules=_asyncToGenerator(_regeneratorRuntime().mark(function _callee(){return _regeneratorRuntime().wrap(function(_context){for(;;)switch(_context.prev=_context.next){case 0:(0,_home_circleci_bvm_versions_1_12_55_bit_1_12_55_node_modules_teambit_preview_dist_preview_modules_js__WEBPACK_IMPORTED_MODULE_0__.uf)("overview",{modulesMap:{default:_home_circleci_bit_bit_node_modules_teambit_local_preview_modules_9b89befd045d1080499f8437aaaa95b3d5125fd8_mjs__WEBPACK_IMPORTED_MODULE_1__.x},isSplitComponentBundle:!1,componentMap:{}});case 1:case"end":return _context.stop()}},_callee)}));function initializeModules(){return _initializeModules.apply(this,arguments)}return initializeModules})()()},94891:()=>{},91044:()=>{},38954:()=>{},71220:()=>{},38854:()=>{}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[492,320,381,518,870,866],()=>__webpack_exec__(42583));var __webpack_exports__=__webpack_require__.O()}]);
@@ -1,2 +1,2 @@
1
1
  <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Preview</title><script>// Allow to use react dev-tools inside the examples
2
- try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>body { margin: 0; }</style><script defer="defer" src="320.762ef2b410b3d3456b80.js"></script><script defer="defer" src="peers.f4787d5f988b2132034c.js"></script><script defer="defer" src="381.018eee27cf055f591840.js"></script><script defer="defer" src="preview-root.d995b299bd8e97b2995e.js"></script><script defer="defer" src="870.236f8346950559748da4.js"></script><script defer="defer" src="compositions.6206f462b24d1409ef47.js"></script><script defer="defer" src="492.a77818e4d937ec5ed4b8.js"></script><script defer="defer" src="overview.92c385f4f5023d136674.js"></script><link href="static/css/preview-root.cd64aba9.css" rel="stylesheet"><link href="static/css/compositions.a801ccd3.css" rel="stylesheet"><link href="static/css/492.4eca91fd.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
2
+ try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><style>body { margin: 0; }</style><script defer="defer" src="320.762ef2b410b3d3456b80.js"></script><script defer="defer" src="peers.0c2b7b1373a0e110a394.js"></script><script defer="defer" src="381.018eee27cf055f591840.js"></script><script defer="defer" src="preview-root.d995b299bd8e97b2995e.js"></script><script defer="defer" src="870.236f8346950559748da4.js"></script><script defer="defer" src="compositions.49e0227123d78937d7ad.js"></script><script defer="defer" src="492.c44e2c28953eedb719b4.js"></script><script defer="defer" src="overview.7cbec7f609a198bf9038.js"></script><link href="static/css/preview-root.cd64aba9.css" rel="stylesheet"><link href="static/css/compositions.a801ccd3.css" rel="stylesheet"><link href="static/css/492.4eca91fd.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
@@ -1 +1 @@
1
- (()=>{"use strict";var __webpack_modules__={41479:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__2)=>{var react__WEBPACK_IMPORTED_MODULE_2___namespace_cache,react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache,_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__2(47717),_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__2(58860),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__2(37953),react_dom__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__2(88705),globalObj=window;guard("TeambitMdxUiMdxScopeContext",_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__),guard("MdxJsReact",_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__),guard("React",react__WEBPACK_IMPORTED_MODULE_2___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_2___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_2__,2))),guard("ReactDom",react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_3__,2))),globalObj.TeambitMdxUiMdxScopeContext=_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__,globalObj.MdxJsReact=_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__,globalObj.React=react__WEBPACK_IMPORTED_MODULE_2___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_2___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_2__,2)),globalObj.ReactDom=react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_3__,2));function guard(property,expected){var existing=globalObj[property];if(existing===expected&&expected!==void 0)console.warn('[expose-peers] "'+property+'" already exists in global scope, but with correct value');else if(existing!==void 0)throw new Error('[expose-peers] "'+property+'" already exists in the global scope, cannot overwrite')}}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},(()=>{var deferred=[];__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(chunkIds){priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority];return}for(var notFulfilled=1/0,i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(priority&!1||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every(key=>__webpack_require__.O[key](chunkIds[j]))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();r!==void 0&&(result=r)}}return result}})(),__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},(()=>{var getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,leafPrototypes;__webpack_require__.t=function(value,mode){if(mode&1&&(value=this(value)),mode&8||typeof value=="object"&&value&&(mode&4&&value.__esModule||mode&16&&typeof value.then=="function"))return value;var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=mode&2&&value;typeof current=="object"&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach(key=>def[key]=()=>value[key]);return def.default=()=>value,__webpack_require__.d(ns,def),ns}})(),__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch{if(typeof window=="object")return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),(()=>{var installedChunks={626:0};__webpack_require__.O.j=chunkId=>installedChunks[chunkId]===0;var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var[chunkIds,moreModules,runtime]=data,moduleId,chunkId,i=0;if(chunkIds.some(id=>installedChunks[id]!==0)){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})();var __webpack_exports__=__webpack_require__.O(void 0,[320],()=>__webpack_require__(41479));__webpack_exports__=__webpack_require__.O(__webpack_exports__)})();
1
+ (()=>{"use strict";var __webpack_modules__={67242:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__2)=>{var react__WEBPACK_IMPORTED_MODULE_2___namespace_cache,react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache,_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__2(47717),_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__2(58860),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__2(37953),react_dom__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__2(88705),globalObj=window;guard("TeambitMdxUiMdxScopeContext",_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__),guard("MdxJsReact",_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__),guard("React",react__WEBPACK_IMPORTED_MODULE_2___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_2___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_2__,2))),guard("ReactDom",react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_3__,2))),globalObj.TeambitMdxUiMdxScopeContext=_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__,globalObj.MdxJsReact=_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__,globalObj.React=react__WEBPACK_IMPORTED_MODULE_2___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_2___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_2__,2)),globalObj.ReactDom=react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_3__,2));function guard(property,expected){var existing=globalObj[property];if(existing===expected&&expected!==void 0)console.warn('[expose-peers] "'+property+'" already exists in global scope, but with correct value');else if(existing!==void 0)throw new Error('[expose-peers] "'+property+'" already exists in the global scope, cannot overwrite')}}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},(()=>{var deferred=[];__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(chunkIds){priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority];return}for(var notFulfilled=1/0,i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(priority&!1||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every(key=>__webpack_require__.O[key](chunkIds[j]))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();r!==void 0&&(result=r)}}return result}})(),__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},(()=>{var getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,leafPrototypes;__webpack_require__.t=function(value,mode){if(mode&1&&(value=this(value)),mode&8||typeof value=="object"&&value&&(mode&4&&value.__esModule||mode&16&&typeof value.then=="function"))return value;var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=mode&2&&value;typeof current=="object"&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach(key=>def[key]=()=>value[key]);return def.default=()=>value,__webpack_require__.d(ns,def),ns}})(),__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch{if(typeof window=="object")return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),(()=>{var installedChunks={626:0};__webpack_require__.O.j=chunkId=>installedChunks[chunkId]===0;var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var[chunkIds,moreModules,runtime]=data,moduleId,chunkId,i=0;if(chunkIds.some(id=>installedChunks[id]!==0)){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})();var __webpack_exports__=__webpack_require__.O(void 0,[320],()=>__webpack_require__(67242));__webpack_exports__=__webpack_require__.O(__webpack_exports__)})();
@@ -1,5 +1,5 @@
1
- import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.envs_env@1.0.697/dist/env.composition.js';
2
- import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.envs_env@1.0.697/dist/env.docs.mdx';
1
+ import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.envs_env@1.0.698/dist/env.composition.js';
2
+ import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.envs_env@1.0.698/dist/env.docs.mdx';
3
3
 
4
4
  export const compositions = [compositions_0];
5
5
  export const overview = [overview_0];
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@teambit/env",
3
- "version": "1.0.697",
3
+ "version": "1.0.698",
4
4
  "homepage": "https://bit.cloud/teambit/envs/env",
5
5
  "main": "dist/index.js",
6
6
  "componentId": {
7
7
  "scope": "teambit.envs",
8
8
  "name": "env",
9
- "version": "1.0.697"
9
+ "version": "1.0.698"
10
10
  },
11
11
  "dependencies": {
12
12
  "react": "^16.8.0 || ^17.0.0",
@@ -22,13 +22,13 @@
22
22
  "@typescript-eslint/parser": "7.1.0",
23
23
  "@teambit/harmony": "0.4.7",
24
24
  "@teambit/cli": "0.0.1258",
25
- "@teambit/aspect-loader": "1.0.697",
26
- "@teambit/aspect": "1.0.697",
27
- "@teambit/builder": "1.0.697",
28
- "@teambit/envs": "1.0.697",
29
- "@teambit/pkg": "1.0.697",
30
- "@teambit/preview": "1.0.697",
31
- "@teambit/ui": "1.0.697"
25
+ "@teambit/aspect-loader": "1.0.698",
26
+ "@teambit/aspect": "1.0.698",
27
+ "@teambit/builder": "1.0.698",
28
+ "@teambit/envs": "1.0.698",
29
+ "@teambit/pkg": "1.0.698",
30
+ "@teambit/preview": "1.0.698",
31
+ "@teambit/ui": "1.0.698"
32
32
  },
33
33
  "devDependencies": {
34
34
  "@teambit/harmony.envs.core-aspect-env": "0.0.75"