@teambit/readme 0.0.195 → 0.0.197

package/artifacts/env-template/public/{192.bb5053d7d06f619e69b9.js → 192.670bdf78614485694dda.js}

@@ -471,7 +471,7 @@ Run "bit envs" to see other components that uses the same env`)}}exports.Preview
       }
     }
   }
-`;async function fetchComponentAspects(componentId){try{return(await(0,_graphqlRequest().request)(GQL_SERVER,GET_COMPONENT_ASPECTS,{id:componentId.toString()})).getHost.get.aspects.map(x=>x.id)}catch(err){console.error(`[gql] error on "getComponentAspects" - "${err.toString()}"`);return}}},79271:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(88674),Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadLink=loadLink,exports.loadScript=loadScript;function loadScript({src}){return new Promise((resolve,reject)=>{const script=document.createElement("script");script.setAttribute("defer","defer"),script.src=src,script.onload=()=>resolve(),script.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load script: ${message}`)),document.head.appendChild(script)})}function loadLink({href}){return new Promise((resolve,reject)=>{const link=document.createElement("link");href.endsWith(".css")&&link.setAttribute("rel","stylesheet"),link.setAttribute("href",href),link.onload=()=>resolve(),link.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load link: ${message}`)),document.head.appendChild(link)})}},49471:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={PreviewAspect:!0,PreviewRuntime:!0,PreviewDefinition:!0,ENV_PREVIEW_STRATEGY_NAME:!0,COMPONENT_PREVIEW_STRATEGY_NAME:!0};Object.defineProperty(exports,"COMPONENT_PREVIEW_STRATEGY_NAME",{enumerable:!0,get:function(){return _strategiesNames().COMPONENT_PREVIEW_STRATEGY_NAME}}),Object.defineProperty(exports,"ENV_PREVIEW_STRATEGY_NAME",{enumerable:!0,get:function(){return _strategiesNames().ENV_PREVIEW_STRATEGY_NAME}}),Object.defineProperty(exports,"PreviewAspect",{enumerable:!0,get:function(){return _preview().PreviewAspect}}),Object.defineProperty(exports,"PreviewDefinition",{enumerable:!0,get:function(){return _previewDefinition().PreviewDefinition}}),Object.defineProperty(exports,"PreviewRuntime",{enumerable:!0,get:function(){return _preview().PreviewRuntime}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _preview().PreviewAspect}});function _preview(){const data=__webpack_require__(22395);return _preview=function(){return data},data}var _events=__webpack_require__(67335);Object.keys(_events).forEach(function(key){key==="default"||key==="__esModule"||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_events[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _events[key]}})});function _previewDefinition(){const data=__webpack_require__(15739);return _previewDefinition=function(){return data},data}function _strategiesNames(){const data=__webpack_require__(87144);return _strategiesNames=function(){return data},data}},15739:()=>{"use strict"},2094:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewModules=exports.PREVIEW_MODULES=void 0,exports.linkModules=linkModules;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}class PreviewModules extends Map{constructor(...args){super(...args);(0,_defineProperty2().default)(this,"onSet",new Set)}set(id,preview){return super.set(id,preview),this.onSet.forEach(callback=>callback()),this}loadComponentPreviews(compId,previews){Object.entries(previews).forEach(([previewName,moduleFile])=>{const preview=this.get(previewName);!preview||(preview.componentMap[compId]=moduleFile)})}}exports.PreviewModules=PreviewModules;const PREVIEW_MODULES=new PreviewModules;exports.PREVIEW_MODULES=PREVIEW_MODULES;function linkModules(previewName,previewModule){PREVIEW_MODULES.set(previewName,previewModule)}},22395:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PreviewRuntime=exports.PreviewAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const PreviewRuntime=new(_harmony()).RuntimeDefinition("preview");exports.PreviewRuntime=PreviewRuntime;const PreviewAspect=_harmony().Aspect.create({id:"teambit.preview/preview",dependencies:[],defaultConfig:{},declareRuntime:PreviewRuntime});exports.PreviewAspect=PreviewAspect;var _default=PreviewAspect;exports.default=_default},74649:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(64836);__webpack_require__(66992),__webpack_require__(88674),__webpack_require__(74916),__webpack_require__(60285),__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0,Object.defineProperty(exports,"Bu",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _pubsub(){const data=_interopRequireDefault(__webpack_require__(23179));return _pubsub=function(){return data},data}function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _crossFetch(){const data=_interopRequireDefault(__webpack_require__(54098));return _crossFetch=function(){return data},data}function _memoizee(){const data=_interopRequireDefault(__webpack_require__(34156));return _memoizee=function(){return data},data}function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _exceptions(){const data=__webpack_require__(67166);return _exceptions=function(){return data},data}function _preview(){const data=__webpack_require__(22395);return _preview=function(){return data},data}function _events(){const data=__webpack_require__(67335);return _events=function(){return data},data}function _renderingContext(){const data=__webpack_require__(85216);return _renderingContext=function(){return data},data}function _fetchComponentAspects(){const data=__webpack_require__(73110);return _fetchComponentAspects=function(){return data},data}function _previewModules(){const data=__webpack_require__(2094);return _previewModules=function(){return data},data}function _htmlUtils(){const data=__webpack_require__(79271);return _htmlUtils=function(){return data},data}function _sizeEvent(){const data=__webpack_require__(14285);return _sizeEvent=function(){return data},data}class PreviewPreview{constructor(pubsub,previewSlot,renderingContextSlot){this.pubsub=pubsub,this.previewSlot=previewSlot,this.renderingContextSlot=renderingContextSlot,(0,_defineProperty2().default)(this,"isDev",!1),(0,_defineProperty2().default)(this,"_setupPromise",void 0),(0,_defineProperty2().default)(this,"setup",()=>{var _this$_setupPromise;return this.isReady()?Promise.resolve():((_this$_setupPromise=this._setupPromise)!==null&&_this$_setupPromise!==void 0||(this._setupPromise=new Promise(resolve=>{_previewModules().PREVIEW_MODULES.onSet.add(()=>{this.isReady()&&resolve()})})),this._setupPromise)}),(0,_defineProperty2().default)(this,"render",async rootExt=>{window.document.body.style.width="fit-content";const{previewName,componentId}=this.getLocation(),name=previewName||this.getDefault();rootExt&&(this.isDev=rootExt==="teambit.workspace/workspace");const preview=this.getPreview(name);if(!preview||!componentId)throw new(_exceptions()).PreviewNotFound(previewName);const includes=(await Promise.all((preview.include||[]).map(async inclPreviewName=>{var _includedPreview$sele;const includedPreview=this.getPreview(inclPreviewName);if(!includedPreview)return;const inclPreviewModule=await this.getPreviewModule(inclPreviewName,componentId);return(_includedPreview$sele=includedPreview.selectPreviewModel)===null||_includedPreview$sele===void 0?void 0:_includedPreview$sele.call(includedPreview,componentId.fullName,inclPreviewModule)}))).filter(module=>!!module),componentAspects=this.isDev?await this.getComponentAspects(componentId.toString()):void 0,previewModule=await this.getPreviewModule(name,componentId),render=preview.render(componentId,previewModule,includes,this.getRenderingContext(componentAspects));return this.reportSize(),this.setViewport(),render}),(0,_defineProperty2().default)(this,"getComponentAspects",(0,_memoizee().default)(_fetchComponentAspects().fetchComponentAspects,{max:100,maxAge:12*60*60*1e3})),this.registerClickPubSub()}registerClickPubSub(){window.addEventListener("click",e=>{const timestamp=Date.now(),clickEvent=Object.assign({},e);this.pubsub.pub(_preview().PreviewAspect.id,new(_events()).ClickInsideAnIframeEvent(timestamp,clickEvent))})}isReady(){var _preview$include$ever,_preview$include;const{previewName}=this.getLocation(),name=previewName||this.getDefault();if(!_previewModules().PREVIEW_MODULES.has(name))return!1;const preview=this.getPreview(name);return!(!preview||!((_preview$include$ever=(_preview$include=preview.include)===null||_preview$include===void 0?void 0:_preview$include.every(included=>_previewModules().PREVIEW_MODULES.has(included)))!==null&&_preview$include$ever!==void 0?_preview$include$ever:!0))}setViewport(){const query=this.getQuery(),viewPort=this.getParam(query,"viewport");if(!viewPort){window.document.body.style.width="100%";return}window.document.body.style.maxWidth=`${viewPort}px`}reportSize(){var _window,_window2;if(!((_window=window)!==null&&_window!==void 0&&_window.parent)||!((_window2=window)!==null&&_window2!==void 0&&_window2.document))return;const sendPubsubEvent=()=>{this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))};window.document.body.addEventListener("resize",(0,_lodash().debounce)(sendPubsubEvent,300));let counter=0;const interval=setInterval(()=>{if(counter+=1,counter>10){clearInterval(interval);return}this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))},200)}async getPreviewModule(previewName,id){const compShortId=id.fullName,relevantModel=_previewModules().PREVIEW_MODULES.get(previewName);if(!relevantModel)throw new Error(`[preview.preview] missing preview "${previewName}"`);if(relevantModel.componentMap[compShortId])return relevantModel;const componentPreviews=await this.fetchComponentPreview(id,previewName);_previewModules().PREVIEW_MODULES.loadComponentPreviews(compShortId,componentPreviews);const component=componentPreviews[previewName],metadata=componentPreviews[`${previewName}_metadata`];return{mainModule:relevantModel.mainModule,componentMap:{[id.fullName]:component},componentMapMetadata:{[id.fullName]:metadata}}}async fetchComponentPreview(id,name){let previewFile;const allFiles=await this.fetchComponentPreviewFiles(id,name);return allFiles===null?{}:(await Promise.all(allFiles.map(file=>{if(file.endsWith("-preview.js")){previewFile=file;return}return this.addComponentFileElement(id,file)})),previewFile?this.loadPreviewScript(id,name,previewFile):{})}addComponentFileElement(id,previewBundleFileName){if(previewBundleFileName.endsWith(".js"))return this.addComponentFileScriptElement(id,previewBundleFileName);this.addComponentFileLinkElement(id,previewBundleFileName).catch(err=>{throw new Error(`[preview.preview] failed loading asset "${previewBundleFileName}". Error - "${err?.toString()}"`)})}async fetchComponentPreviewFiles(id,previewName){const previewAssetsRoute="~aspect/preview-assets",url=`/api/${id.toString()}/${previewAssetsRoute}`,res2=await(0,_crossFetch().default)(url);if(res2.status>=400)throw new(_exceptions()).PreviewNotFound(previewName);const parsed=await res2.json();if(parsed.isBundledWithEnv)return null;if(!parsed.files||!parsed.files.length)throw new(_exceptions()).PreviewNotFound(previewName);return parsed.files}addComponentFileScriptElement(id,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;return(0,_htmlUtils().loadScript)({src})}addComponentFileLinkElement(id,previewBundleFileName){const href=`/api/${id.toString()}/~aspect/component-preview/${previewBundleFileName}`;return(0,_htmlUtils().loadLink)({href})}async loadPreviewScript(id,previewName,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;await(0,_htmlUtils().loadScript)({src});const globalId=`${id.toStringWithoutVersion()}-preview`,componentPreview=window[globalId];if(!componentPreview)throw new(_exceptions()).PreviewNotFound(previewName);return componentPreview}registerPreview(preview){return this.previewSlot.register(preview),this}getRenderingContext(aspectsFilter){return new(_renderingContext()).RenderingContext(this.renderingContextSlot,{aspectsFilter})}registerRenderContext(renderContext){return this.renderingContextSlot.register(renderContext),this}getDefault(){const previews=this.previewSlot.values(),defaultOne=previews.find(previewCandidate=>previewCandidate.default);return defaultOne?.name||previews[0].name}getPreview(previewName){return this.previewSlot.values().find(previewCandidate=>previewCandidate.name===previewName)}getParam(query,param){return new URLSearchParams(query).get(param)}getQuery(){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?");return after}getLocation(){const withoutHash=window.location.hash.substring(1),[before,after]=withoutHash.split("?");return{previewName:this.getParam(after,"preview"),componentId:_componentId().ComponentID.tryFromString(before)}}static async provider([pubsub],config,[previewSlot,renderingContextSlot]){const preview=new PreviewPreview(pubsub,previewSlot,renderingContextSlot);return window.addEventListener("hashchange",()=>{preview.render()}),preview}}__webpack_unused_export__=PreviewPreview,(0,_defineProperty2().default)(PreviewPreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(PreviewPreview,"dependencies",[_pubsub().default]),(0,_defineProperty2().default)(PreviewPreview,"slots",[_harmony().Slot.withType(),_harmony().Slot.withType()]),_preview().PreviewAspect.addRuntime(PreviewPreview)},85216:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RenderingContext=void 0;class RenderingContext{constructor(contexts,options={}){this.contexts=contexts,this.options=options}get(aspectId){const contextFactory=this.contexts.get(aspectId);return contextFactory?.(this.options)}}exports.RenderingContext=RenderingContext},14285:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);Object.defineProperty(exports,"__esModule",{value:!0}),exports.SizeEvent=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _pubsub(){const data=__webpack_require__(23179);return _pubsub=function(){return data},data}class SizeEvent extends _pubsub().BitBaseEvent{constructor(sizeEvent){super(SizeEvent.TYPE,"0.0.1",new Date().getTime(),sizeEvent)}}exports.SizeEvent=SizeEvent,(0,_defineProperty2().default)(SizeEvent,"TYPE","preview-size")},87144:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ENV_PREVIEW_STRATEGY_NAME=exports.COMPONENT_PREVIEW_STRATEGY_NAME=void 0;const ENV_PREVIEW_STRATEGY_NAME="env";exports.ENV_PREVIEW_STRATEGY_NAME=ENV_PREVIEW_STRATEGY_NAME;const COMPONENT_PREVIEW_STRATEGY_NAME="component";exports.COMPONENT_PREVIEW_STRATEGY_NAME=COMPONENT_PREVIEW_STRATEGY_NAME},77837:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitBaseEvent=void 0;class BitBaseEvent{constructor(type,version,timestamp,data){this.type=type,this.version=version,this.timestamp=timestamp,this.data=data}}exports.BitBaseEvent=BitBaseEvent},23179:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BitBaseEvent",{enumerable:!0,get:function(){return _bitBaseEvent().BitBaseEvent}}),Object.defineProperty(exports,"PubSubRegistry",{enumerable:!0,get:function(){return _pubsubContext().PubSubRegistry}}),Object.defineProperty(exports,"PubsubAspect",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"usePubSub",{enumerable:!0,get:function(){return _pubsubContext().usePubSub}}),Object.defineProperty(exports,"usePubSubIframe",{enumerable:!0,get:function(){return _pubsubContext().usePubSubIframe}});function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(77837);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(17796);return _pubsubContext=function(){return data},data}},14339:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PubSubNoParentError=void 0;class PubSubNoParentError extends Error{constructor(){super("could not connect to parent window");this.name="PubSubNoParentError"}}exports.PubSubNoParentError=PubSubNoParentError},17796:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createProvider=createProvider,exports.pubsubRegistry=void 0,exports.usePubSub=usePubSub,exports.usePubSubIframe=usePubSubIframe;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}const pubsubRegistry=(0,_react().createContext)(void 0);exports.pubsubRegistry=pubsubRegistry;function createProvider(pubSubContext){return({children})=>_react().default.createElement(pubsubRegistry.Provider,{value:pubSubContext},children)}function usePubSub(){return(0,_react().useContext)(pubsubRegistry)}function usePubSubIframe(ref){const pubSub=usePubSub();(0,_react().useEffect)(()=>{if(!(ref!=null&&ref.current)||!pubSub)return()=>{};const destroyConnection=pubSub.connect(ref.current);return()=>destroyConnection()},[ref?.current,pubSub])}},56646:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PubsubAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});exports.PubsubAspect=PubsubAspect;var _default=PubsubAspect;exports.default=_default},53707:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(64836);__webpack_require__(88674),__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(53518);return _uiFoundationUi=function(){return data},data}function _eventemitter(){const data=__webpack_require__(56387);return _eventemitter=function(){return data},data}function _penpal(){const data=__webpack_require__(65859);return _penpal=function(){return data},data}function _noParentError(){const data=__webpack_require__(14339);return _noParentError=function(){return data},data}function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}class PubsubPreview{constructor(){(0,_defineProperty2().default)(this,"_parentPubsub",void 0),(0,_defineProperty2().default)(this,"events",new(_eventemitter()).EventEmitter2),(0,_defineProperty2().default)(this,"connectToParentPubSub",(retries=10)=>{if(retries<=0)throw new(_noParentError()).PubSubNoParentError;return(0,_penpal().connectToParent)({timeout:300,methods:{pub:this.handleMessageFromParent}}).promise.then(parentPubsub=>this._parentPubsub=parentPubsub).catch(e=>{if(e.code!==_penpal().ErrorCode.ConnectionTimeout)throw e;return this.connectToParentPubSub(retries-1)})}),(0,_defineProperty2().default)(this,"handleMessageFromParent",(topic,message)=>{this.events.emit(topic,message)})}sub(topic,callback){const emitter=this.events;return emitter.on(topic,callback),()=>{emitter.off(topic,callback)}}pub(topic,event){var _this$_parentPubsub;this.events.emit(topic,event),(_this$_parentPubsub=this._parentPubsub)===null||_this$_parentPubsub===void 0||_this$_parentPubsub.pub(topic,event).catch(err=>{console.error("[Pubsub.preview]",err)})}inIframe(){try{return _uiFoundationUi().isBrowser&&window.self!==window.top}catch{return!1}}static async provider(){const pubsubPreview=new PubsubPreview;return pubsubPreview.inIframe()&&pubsubPreview.connectToParentPubSub().catch(err=>{err instanceof _noParentError().PubSubNoParentError||console.error("[Pubsub.preview]",err)}),pubsubPreview}}__webpack_unused_export__=PubsubPreview,(0,_defineProperty2().default)(PubsubPreview,"runtime",_preview().PreviewRuntime),_pubsub().PubsubAspect.addRuntime(PubsubPreview)},93849:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__={enumerable:!0,get:function(){return _reactNative2().ReactNativeAspect}},__webpack_unused_export__={enumerable:!0,get:function(){return _reactNative().ReactNativeEnv}},Object.defineProperty(exports,"ZP",{enumerable:!0,get:function(){return _reactNative2().ReactNativeAspect}});function _reactNative(){const data=__webpack_require__(5994);return _reactNative=function(){return data},data}function _reactNative2(){const data=__webpack_require__(38117);return _reactNative2=function(){return data},data}},38117:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ReactNativeAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const ReactNativeAspect=_harmony().Aspect.create({id:"teambit.react/react-native"});exports.ReactNativeAspect=ReactNativeAspect;var _default=ReactNativeAspect;exports.default=_default},5994:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(66992),__webpack_require__(88674),Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReactNativeEnvType=exports.ReactNativeEnv=void 0;function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _reactNativeAlias(){const data=__webpack_require__(96649);return _reactNativeAlias=function(){return data},data}function _webpackTemplateTransformers(){const data=__webpack_require__(28142);return _webpackTemplateTransformers=function(){return data},data}const ReactNativeEnvType="react-native";exports.ReactNativeEnvType=ReactNativeEnvType;class ReactNativeEnv{constructor(react,aspect){this.react=react,this.aspect=aspect}async getHostDependencies(){const reactAdditional=await this.react.reactEnv.getAdditionalHostDependencies(),currentPeers=Object.keys(this.getDependencies().peerDependencies);return(0,_lodash().uniq)(reactAdditional.concat(currentPeers).filter(dep=>dep!=="react-native"))}async getTemplateBundler(context,transformers=[]){return this.createTemplateWebpackBundler(context,transformers)}async createTemplateWebpackBundler(context,transformers=[]){return this.aspect.aspectEnv.createTemplateWebpackBundler(context,[_webpackTemplateTransformers().removeExposedReactNative,_webpackTemplateTransformers().removeReactNativePeerEntry,_reactNativeAlias().reactNativeAlias,...transformers])}getDependencies(){return{dependencies:{react:"-","react-dom":"-","react-native":"-"},devDependencies:{react:"-","react-dom":"-","react-native":"-","@types/jest":"^26.0.0","@types/react":"^17.0.8","@types/react-dom":"^17.0.5","@types/react-native":"^0.64.1","@babel/runtime":"7.20.0","@types/testing-library__jest-dom":"5.9.5"},peerDependencies:{react:"^16.8.0 || ^17.0.0","react-dom":"^16.8.0 || ^17.0.0","react-native":"^0.64.1","react-native-web":"^0.16.0"}}}async __getDescriptor(){return{type:ReactNativeEnvType}}}exports.ReactNativeEnv=ReactNativeEnv},65883:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(64836);__webpack_require__(66992),__webpack_require__(88674),__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _react(){const data=__webpack_require__(32750);return _react=function(){return data},data}function _reactNative(){const data=__webpack_require__(38117);return _reactNative=function(){return data},data}class ReactNativePreview{constructor(reactPreview,preview){this.reactPreview=reactPreview,this.preview=preview,(0,_defineProperty2().default)(this,"registerProvider",this.reactPreview.registerProvider.bind(this.reactPreview)),(0,_defineProperty2().default)(this,"getRenderingContext",this.reactPreview.getRenderingContext.bind(this.reactPreview))}static async provider([reactPreview,preview]){const reactNativePreview=new ReactNativePreview(reactPreview,preview);return preview.registerRenderContext(reactNativePreview.getRenderingContext),reactNativePreview}}__webpack_unused_export__=ReactNativePreview,(0,_defineProperty2().default)(ReactNativePreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(ReactNativePreview,"slots",[]),(0,_defineProperty2().default)(ReactNativePreview,"dependencies",[_react().ReactAspect,_preview().PreviewAspect]),_reactNative().ReactNativeAspect.addRuntime(ReactNativePreview);var _default=ReactNativePreview;__webpack_unused_export__=_default},96649:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.reactNativeAlias=reactNativeAlias;function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function reactNativeAlias(config){const newAliases={"react-native$":(0,_lodash().get)(config.raw,"resolve.alias.react-native-web",58091)};return config.removeAliases(["react-native"]),config.addAliases(newAliases),config}},28142:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.removeExposedReactNative=removeExposedReactNative,exports.removeReactNativePeerEntry=removeReactNativePeerEntry;function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function removeExposedReactNative(config){var _config$raw,_config$raw$module;return config!=null&&(_config$raw=config.raw)!==null&&_config$raw!==void 0&&(_config$raw$module=_config$raw.module)!==null&&_config$raw$module!==void 0&&_config$raw$module.rules&&(config.raw.module.rules=config.raw.module.rules.filter(rule=>{var _rule$loader,_rule$test;return!((_rule$loader=rule.loader)!==null&&_rule$loader!==void 0&&_rule$loader.includes("expose-loader")&&typeof rule.test&&typeof rule.test=="string"&&(_rule$test=rule.test)!==null&&_rule$test!==void 0&&_rule$test.includes("/react-native/"))})),config}function removeReactNativePeerEntry(config){const peersImports=(0,_lodash().get)(config.raw,"entry.peers.import");return peersImports&&(0,_lodash().set)(config.raw,"entry.peers.import",peersImports.filter(name=>name!=="react-native")),config}},30329:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fiberToPrototype=exports.toRootFiber=exports.domToFiber=void 0;const react17Key="__reactFiber",react16Key="__reactInternalInstance";function domToFiber(element){if(!element)return null;const fiberKey=Object.keys(element).find(key=>key.startsWith(react17Key)||key.startsWith(react16Key));if(!fiberKey)return null;const fiberNode=element[fiberKey];return fiberNode||null}exports.domToFiber=domToFiber;function toRootFiber(fiberNode){for(let current=fiberNode;current!==null&&current.type!==null;current=current.return)if(typeof current.type=="function"||typeof current.type=="object"&&typeof current.type.render=="function")return current;return null}exports.toRootFiber=toRootFiber;function fiberToPrototype(fiberNode){var _a;return((_a=toRootFiber(fiberNode))===null||_a===void 0?void 0:_a.type)||null}exports.fiberToPrototype=fiberToPrototype},33773:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.domToReacts=exports.domToReact=exports.toRootElement=void 0;const dom_to_fiber_1=__webpack_require__(30329);function toRootElement(element){const rootFiber=(0,dom_to_fiber_1.toRootFiber)((0,dom_to_fiber_1.domToFiber)(element));if(!rootFiber)return null;for(let current=element;current;current=current.parentElement){const fiberNode=(0,dom_to_fiber_1.domToFiber)(current);if(!fiberNode)return null;const parent2=fiberNode.return;if(fiberNode===rootFiber||parent2===rootFiber)return current}return null}exports.toRootElement=toRootElement;function domToReact(element){return domToReacts(element).pop()}exports.domToReact=domToReact;function domToReacts(element){if(element===null)return[];const fiberNode=(0,dom_to_fiber_1.domToFiber)(element),rootFiber=(0,dom_to_fiber_1.toRootFiber)(fiberNode);return componentsOf(rootFiber)}exports.domToReacts=domToReacts;function componentsOf(fiberNode){const components=[];let current=fiberNode;for(;current&&current.type!==null&&typeof current.type!="string";)components.push(current.type),current=current.return;return components}},35450:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fiberToPrototype=exports.toRootFiber=exports.domToFiber=exports.toRootElement=exports.domToReacts=exports.domToReact=void 0;var dom_to_react_1=__webpack_require__(33773);Object.defineProperty(exports,"domToReact",{enumerable:!0,get:function(){return dom_to_react_1.domToReact}}),Object.defineProperty(exports,"domToReacts",{enumerable:!0,get:function(){return dom_to_react_1.domToReacts}}),Object.defineProperty(exports,"toRootElement",{enumerable:!0,get:function(){return dom_to_react_1.toRootElement}});var dom_to_fiber_1=__webpack_require__(30329);Object.defineProperty(exports,"domToFiber",{enumerable:!0,get:function(){return dom_to_fiber_1.domToFiber}}),Object.defineProperty(exports,"toRootFiber",{enumerable:!0,get:function(){return dom_to_fiber_1.toRootFiber}}),Object.defineProperty(exports,"fiberToPrototype",{enumerable:!0,get:function(){return dom_to_fiber_1.fiberToPrototype}})},93130: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.ChildrenHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),hybrid_highlighter_1=__webpack_require__(90995);function ChildrenHighlighter(_a){var{watchMotion=!1}=_a,props=__rest(_a,["watchMotion"]);return react_1.default.createElement(hybrid_highlighter_1.HybridHighlighter,Object.assign({},props,{mode:"allChildren",watchMotion}))}exports.ChildrenHighlighter=ChildrenHighlighter},31524:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ChildrenHighlighter=exports.useChildrenHighlighter=void 0;var use_children_highlighter_1=__webpack_require__(87605);Object.defineProperty(exports,"useChildrenHighlighter",{enumerable:!0,get:function(){return use_children_highlighter_1.useChildrenHighlighter}});var children_highlighter_1=__webpack_require__(93130);Object.defineProperty(exports,"ChildrenHighlighter",{enumerable:!0,get:function(){return children_highlighter_1.ChildrenHighlighter}})},87605: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.useChildrenHighlighter=void 0;const react_1=__webpack_require__(67294),get_xpath_1=__importDefault(__webpack_require__(4825)),react_modules_dom_to_react_1=__webpack_require__(35450),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),ignore_highlighter_1=__webpack_require__(84486),rule_matcher_1=__webpack_require__(93008);function useChildrenHighlighter({onChange,disabled,scopeRef,scopeClass:scopeSelector="",rule,componentRule}){(0,react_1.useEffect)(()=>{const nextTargets={},scopeElement=scopeRef.current;if(!scopeElement||disabled)return;let allElements=Array.from(scopeElement.querySelectorAll(targetsSelector(`.${scopeSelector}`)));rule&&(allElements=allElements.filter(elem=>(0,rule_matcher_1.ruleMatcher)(elem,rule)));const rootElements=allElements.map(react_modules_dom_to_react_1.toRootElement).filter(x=>!!x);new Set(rootElements).forEach(element=>{if(!element)return;const componentsWithMeta=(0,react_modules_dom_to_react_1.domToReacts)(element).filter(x=>(0,react_ui_highlighter_component_metadata_bit_component_meta_1.hasComponentMeta)(x)&&(0,rule_matcher_1.componentRuleMatcher)({meta:x[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]},componentRule));if(componentsWithMeta.length<1)return;const key=(0,get_xpath_1.default)(element);nextTargets[key]={element,components:componentsWithMeta}}),onChange(nextTargets)},[disabled,scopeSelector])}exports.useChildrenHighlighter=useChildrenHighlighter;function targetsSelector(scopeSelector=":scope"){const excludedSelector=`${scopeSelector} ${ignore_highlighter_1.excludeHighlighterSelector}, ${scopeSelector} ${ignore_highlighter_1.excludeHighlighterSelector} *`,skippedSelector=`${scopeSelector} ${ignore_highlighter_1.skipHighlighterSelector}, ${scopeSelector} ${ignore_highlighter_1.skipHighlighterSelector} *`;return`:not(${excludedSelector}, ${skippedSelector})`}},41807: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.ElementHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),frame_1=__webpack_require__(91331),label_1=__webpack_require__(90608),ignore_highlighter_1=__webpack_require__(84486),element_highlighter_module_scss_1=__importDefault(__webpack_require__(38053));function ElementHighlighter(_a){var{targetRef,components,placement="top",watchMotion,className,classes}=_a,props=__rest(_a,["targetRef","components","placement","watchMotion","className","classes"]);return react_1.default.createElement("div",Object.assign({},props,ignore_highlighter_1.skipHighlighterAttr,{className:(0,classnames_1.default)(classes?.container,element_highlighter_module_scss_1.default.container,className)}),react_1.default.createElement(frame_1.Frame,{targetRef,className:(0,classnames_1.default)(element_highlighter_module_scss_1.default.frame,classes?.frame),watchMotion}),components&&react_1.default.createElement(label_1.LabelContainer,{targetRef,className:element_highlighter_module_scss_1.default.label,placement,watchMotion},react_1.default.createElement(label_1.Label,{components,className:classes?.label})))}exports.ElementHighlighter=ElementHighlighter},76308:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ElementHighlighter=void 0;var element_highlighter_1=__webpack_require__(41807);Object.defineProperty(exports,"ElementHighlighter",{enumerable:!0,get:function(){return element_highlighter_1.ElementHighlighter}})},58580: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),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}: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},__awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value2){return value2 instanceof P?value2:new P(function(resolve){resolve(value2)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value2){try{step(generator.next(value2))}catch(e){reject(e)}}function rejected(value2){try{step(generator.throw(value2))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Frame=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),react_dom_1=__webpack_require__(36728),frame_module_scss_1=__importDefault(__webpack_require__(26448)),MARGIN_FROM_TARGET=+frame_module_scss_1.default.offset||6,MARGIN_FROM_DOC_EDGE=0,overflowParameters={rootBoundary:"document",padding:MARGIN_FROM_DOC_EDGE},SHIFT_POSITIVE="shiftPositive",HAS_RESIZE_OBSERVER=typeof window<"u"&&!!window.ResizeObserver;function Frame({targetRef,watchMotion,className,stylesClass=frame_module_scss_1.default.overlayBorder,style}){var _a;const dimensionRef=(0,react_1.useRef)({width:0,height:0}),{x,y,strategy,reference,floating,update,refs,middlewareData}=(0,react_dom_1.useFloating)({placement:"bottom-start",middleware:[{name:"align-to-target",fn({rects}){return rects.floating=Object.assign(Object.assign({},rects.floating),{width:rects.reference.width+2*MARGIN_FROM_TARGET,height:rects.reference.height+2*MARGIN_FROM_TARGET}),{}}},(0,react_dom_1.offset)(({rects})=>-rects.reference.height),(0,react_dom_1.offset)(()=>({mainAxis:-MARGIN_FROM_TARGET,crossAxis:-MARGIN_FROM_TARGET})),{name:"shiftPositive",fn:args=>__awaiter(this,void 0,void 0,function*(){const overflow=yield(0,react_dom_1.detectOverflow)(args,overflowParameters),nextCoords={x:overflow.left>0?args.x+overflow.left:args.x,y:overflow.top>0?args.y+overflow.top:args.y},shiftAmount={x:nextCoords.x-args.x,y:nextCoords.y-args.y};return Object.assign(Object.assign({},nextCoords),{data:shiftAmount})})},(0,react_dom_1.size)({rootBoundary:"document",padding:MARGIN_FROM_DOC_EDGE,apply({elements,rects,availableHeight,availableWidth,middlewareData:middlewareData2}){const shift=middlewareData2[SHIFT_POSITIVE]||{x:0,y:0},paddingX=2*MARGIN_FROM_TARGET-shift.x,paddingY=2*MARGIN_FROM_TARGET-shift.y,dimensions={width:rects.reference.width+paddingX,height:rects.reference.height+paddingY,maxWidth:availableWidth,maxHeight:availableHeight};Object.assign(elements.floating.style,dimensions),dimensionRef.current=dimensions}}),(0,react_dom_1.hide)({strategy:"referenceHidden"})]});(0,react_1.useLayoutEffect)(()=>{reference(targetRef.current)},[targetRef.current]),(0,react_1.useEffect)(()=>!refs.reference.current||!refs.floating.current||!HAS_RESIZE_OBSERVER?()=>{}:(0,react_dom_1.autoUpdate)(refs.reference.current,refs.floating.current,update,{animationFrame:watchMotion}),[refs.reference.current,refs.floating.current,update,watchMotion]);const isReady=!(!((_a=middlewareData.hide)===null||_a===void 0)&&_a.referenceHidden);return react_1.default.createElement("div",{ref:floating,className:(0,classnames_1.default)(className,stylesClass,!isReady&&frame_module_scss_1.default.hidden),style:Object.assign(Object.assign(Object.assign({},style),dimensionRef.current),{position:strategy,top:y??0,left:x??0})})}exports.Frame=Frame},91331:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Frame=void 0;var frame_1=__webpack_require__(58580);Object.defineProperty(exports,"Frame",{enumerable:!0,get:function(){return frame_1.Frame}})},74988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.bubbleToComponent=void 0;const react_modules_dom_to_react_1=__webpack_require__(35450),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),rule_matcher_1=__webpack_require__(93008);function bubbleToComponent(element,{elementRule,componentRule,propagateSameParents=!0}={}){let current=bubbleToFirstComponent(element,elementRule,componentRule);if(!propagateSameParents)return current;for(;current;){const parentElement=current.element.parentElement,parent2=bubbleToFirstComponent(parentElement,elementRule,componentRule),primeComponent=current?.components.slice(-1).pop(),parentPrimeComponent=parent2?.components.slice(-1).pop();if(primeComponent?.[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField].id!==parentPrimeComponent?.[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField].id)return current;current=parent2}}exports.bubbleToComponent=bubbleToComponent;function bubbleToFirstComponent(element,elementRule,componentRule){for(let current=element;current;current=current.parentElement){if(current=(0,react_modules_dom_to_react_1.toRootElement)(current),!current)return;if((0,rule_matcher_1.ruleMatcher)(current,elementRule)){const relevantComponents=(0,react_modules_dom_to_react_1.domToReacts)(current).filter(x=>(0,react_ui_highlighter_component_metadata_bit_component_meta_1.hasComponentMeta)(x)&&(0,rule_matcher_1.componentRuleMatcher)({meta:x[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]},componentRule));return relevantComponents.length<1?void 0:{element:current,components:relevantComponents}}}}},52429: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.HoverHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),hybrid_highlighter_1=__webpack_require__(90995);function HoverHighlighter(_a){var props=__rest(_a,[]);return react_1.default.createElement(hybrid_highlighter_1.HybridHighlighter,Object.assign({},props,{mode:"hover"}))}exports.HoverHighlighter=HoverHighlighter},23988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HoverHighlighter=exports.useHoverHighlighter=void 0;var use_hover_highlighter_1=__webpack_require__(76641);Object.defineProperty(exports,"useHoverHighlighter",{enumerable:!0,get:function(){return use_hover_highlighter_1.useHoverHighlighter}});var hover_highlighter_1=__webpack_require__(52429);Object.defineProperty(exports,"HoverHighlighter",{enumerable:!0,get:function(){return hover_highlighter_1.HoverHighlighter}})},76641:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useHoverHighlighter=void 0;const react_1=__webpack_require__(67294),use_debounce_1=__webpack_require__(3962),react_ui_hover_selector_1=__webpack_require__(83933),ignore_highlighter_1=__webpack_require__(84486),bubble_to_component_1=__webpack_require__(74988);function useHoverHighlighter(onChange,props={},{debounceDuration,scopeClass,disabled,rule,componentRule}){const{handleElement}=useHoverHandler({onChange,scopeClass,debounceDuration,disabled,rule,componentRule});return(0,react_ui_hover_selector_1.useHoverSelection)(disabled?void 0:handleElement,props)}exports.useHoverHighlighter=useHoverHighlighter;function useHoverHandler({onChange,scopeClass="",debounceDuration,disabled,rule,componentRule}){const _handleElement=element=>{if(!element||element.hasAttribute("data-nullify-component-highlight")){onChange(void 0);return}if(element.closest(`.${scopeClass} ${ignore_highlighter_1.excludeHighlighterSelector}`)){onChange(void 0);return}if(element.closest(`.${scopeClass} ${ignore_highlighter_1.skipHighlighterSelector}`))return;const result=(0,bubble_to_component_1.bubbleToComponent)(element,{elementRule:rule,componentRule});!result||onChange({element:result.element,components:result.components})},handleElement=(0,use_debounce_1.useDebouncedCallback)(_handleElement,debounceDuration);return(0,react_1.useEffect)(()=>{disabled&&handleElement.cancel()},[disabled,handleElement]),{handleElement}}},92126: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),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}: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.HybridHighlighter=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),uuid_1=__webpack_require__(53871),hover_highlighter_1=__webpack_require__(23988),element_highlighter_1=__webpack_require__(76308),children_highlighter_1=__webpack_require__(31524);function HybridHighlighter(_a){var{disabled,mode="hover",debounceSelection=80,watchMotion=!0,placement,rule,componentRule,classes,highlightStyle,className,style,bgColor,bgColorHover,bgColorActive,children}=_a,rest=__rest(_a,["disabled","mode","debounceSelection","watchMotion","placement","rule","componentRule","classes","highlightStyle","className","style","bgColor","bgColorHover","bgColorActive","children"]);const ref=(0,react_1.createRef)(),[targets,setTarget]=(0,react_1.useState)({}),scopeClass=(0,react_1.useRef)(`hl-scope-${(0,uuid_1.v4)()}`).current,hasTargets=Object.entries(targets).length>0;(0,react_1.useEffect)(()=>{disabled&&setTarget({})},[disabled]);const handlers=(0,hover_highlighter_1.useHoverHighlighter)(nextTarget=>setTarget(nextTarget?{"hover-target":nextTarget}:{}),rest,{debounceDuration:hasTargets?debounceSelection:0,scopeClass,disabled:disabled||mode!=="hover",rule,componentRule});(0,children_highlighter_1.useChildrenHighlighter)({onChange:setTarget,scopeRef:ref,scopeClass,disabled:disabled||mode!=="allChildren",rule,componentRule});const _styles=(0,react_1.useMemo)(()=>Object.assign({"--bit-highlighter-color":bgColor,"--bit-highlighter-color-hover":bgColorHover,"--bit-highlighter-color-active":bgColorActive},style),[bgColor,bgColorHover,bgColorActive,style]);return react_1.default.createElement("div",Object.assign({ref},rest,handlers,{style:_styles,className:(0,classnames_1.default)(className,scopeClass),"data-nullify-component-highlight":!0}),children,Object.entries(targets).map(([key,target])=>react_1.default.createElement(element_highlighter_1.ElementHighlighter,{key,targetRef:{current:target.element},components:target.components,classes,style:highlightStyle,placement,watchMotion})))}exports.HybridHighlighter=HybridHighlighter},90995:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HybridHighlighter=void 0;var hybrid_highlighter_1=__webpack_require__(92126);Object.defineProperty(exports,"HybridHighlighter",{enumerable:!0,get:function(){return hybrid_highlighter_1.HybridHighlighter}})},84486: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.skipHighlighterSelector=exports.skipHighlighterAttr=exports.skipHighlighterAttrName=exports.ExcludeHighlighter=exports.excludeHighlighterAtt=exports.excludeHighlighterSelector=exports.excludeHighlighterAttrName=void 0;const react_1=__importDefault(__webpack_require__(67294));exports.excludeHighlighterAttrName="data-ignore-component-highlight",exports.excludeHighlighterSelector=`[${exports.excludeHighlighterAttrName}]`,exports.excludeHighlighterAtt={[exports.excludeHighlighterAttrName]:!0};function ExcludeHighlighter(props){return react_1.default.createElement("div",Object.assign({},props,exports.excludeHighlighterAtt))}exports.ExcludeHighlighter=ExcludeHighlighter,exports.skipHighlighterAttrName="data-skip-component-highlight",exports.skipHighlighterAttr={[exports.skipHighlighterAttrName]:!0},exports.skipHighlighterSelector=`[${exports.skipHighlighterAttrName}]`},48191:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.skipHighlighterAttrName=exports.skipHighlighterAttr=exports.excludeHighlighterAttrName=exports.excludeHighlighterAtt=exports.ExcludeHighlighter=exports.ElementHighlighter=exports.ChildrenHighlighter=exports.HoverHighlighter=exports.ComponentHighlighter=void 0;var hybrid_highlighter_1=__webpack_require__(90995);Object.defineProperty(exports,"ComponentHighlighter",{enumerable:!0,get:function(){return hybrid_highlighter_1.HybridHighlighter}});var hover_highlighter_1=__webpack_require__(23988);Object.defineProperty(exports,"HoverHighlighter",{enumerable:!0,get:function(){return hover_highlighter_1.HoverHighlighter}});var children_highlighter_1=__webpack_require__(31524);Object.defineProperty(exports,"ChildrenHighlighter",{enumerable:!0,get:function(){return children_highlighter_1.ChildrenHighlighter}});var element_highlighter_1=__webpack_require__(76308);Object.defineProperty(exports,"ElementHighlighter",{enumerable:!0,get:function(){return element_highlighter_1.ElementHighlighter}});var ignore_highlighter_1=__webpack_require__(84486);Object.defineProperty(exports,"ExcludeHighlighter",{enumerable:!0,get:function(){return ignore_highlighter_1.ExcludeHighlighter}}),Object.defineProperty(exports,"excludeHighlighterAtt",{enumerable:!0,get:function(){return ignore_highlighter_1.excludeHighlighterAtt}}),Object.defineProperty(exports,"excludeHighlighterAttrName",{enumerable:!0,get:function(){return ignore_highlighter_1.excludeHighlighterAttrName}}),Object.defineProperty(exports,"skipHighlighterAttr",{enumerable:!0,get:function(){return ignore_highlighter_1.skipHighlighterAttr}}),Object.defineProperty(exports,"skipHighlighterAttrName",{enumerable:!0,get:function(){return ignore_highlighter_1.skipHighlighterAttrName}})},1554: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),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentStrip=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_routing_native_link_1=__webpack_require__(62990),component_id_1=__webpack_require__(47274),component_modules_component_url_1=__webpack_require__(65468),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),component_strip_module_scss_1=__importDefault(__webpack_require__(75440)),links_1=__webpack_require__(23660);exports.ComponentStrip=(0,react_1.forwardRef)(function({component,children},ref){const{id,homepage,exported}=extractMetadata(component),parsedId=(0,react_1.useMemo)(()=>component_id_1.ComponentID.tryFromString(id),[id]),componentLink=homepage||(0,links_1.calcComponentLink)(parsedId,exported);return react_1.default.createElement("div",{className:component_strip_module_scss_1.default.componentStrip,ref},!parsedId&&react_1.default.createElement(LabelBlock,{link:homepage},id),parsedId&&react_1.default.createElement(LabelBlock,{link:component_modules_component_url_1.ScopeUrl.toUrl(parsedId.scope)},parsedId.scope),parsedId&&react_1.default.createElement(LabelBlock,{link:componentLink,className:component_strip_module_scss_1.default.nameBlock},react_1.default.createElement("span",null,parsedId.fullName),parsedId.version&&parsedId.version!=="latest"&&react_1.default.createElement("span",{className:component_strip_module_scss_1.default.version},"@",parsedId.version)),children)});function LabelBlock({link,children,className}){const Comp=link?base_ui_routing_native_link_1.NativeLink:"span";return react_1.default.createElement(Comp,{href:link,external:!!link,className},children)}function extractMetadata(metadata){return typeof metadata=="string"?{id:metadata,exported:!0}:metadata[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]}},90608:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LabelContainer=exports.Label=void 0;var label_1=__webpack_require__(16545);Object.defineProperty(exports,"Label",{enumerable:!0,get:function(){return label_1.Label}});var label_container_1=__webpack_require__(84185);Object.defineProperty(exports,"LabelContainer",{enumerable:!0,get:function(){return label_container_1.LabelContainer}})},84185: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),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}: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.LabelContainer=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),lodash_compact_1=__importDefault(__webpack_require__(16195)),react_dom_1=__webpack_require__(36728),label_module_scss_1=__importDefault(__webpack_require__(753)),HAS_RESIZE_OBSERVER=typeof window<"u"&&!!window.ResizeObserver;function LabelContainer(_a){var _b,{targetRef,offset,placement,flip=!0,watchMotion,className,style}=_a,rest=__rest(_a,["targetRef","offset","placement","flip","watchMotion","className","style"]);const{x,y,strategy,floating,reference,refs,update,middlewareData}=(0,react_dom_1.useFloating)({placement,middleware:(0,lodash_compact_1.default)([offset&&(0,react_dom_1.offset)({mainAxis:offset[0],crossAxis:offset[1]}),flip&&(0,react_dom_1.flip)(),(0,react_dom_1.shift)({rootBoundary:"document",mainAxis:!0,crossAxis:!0}),(0,react_dom_1.hide)({strategy:"referenceHidden"})])});(0,react_1.useLayoutEffect)(()=>{reference(targetRef.current)},[targetRef.current,reference]),(0,react_1.useEffect)(()=>!refs.reference.current||!refs.floating.current||!HAS_RESIZE_OBSERVER?()=>{}:(0,react_dom_1.autoUpdate)(refs.reference.current,refs.floating.current,update,{animationFrame:!!watchMotion}),[refs.reference.current,refs.floating.current,update,watchMotion]);const isReady=!(!((_b=middlewareData.hide)===null||_b===void 0)&&_b.referenceHidden);return react_1.default.createElement("div",Object.assign({},rest,{ref:floating,className:(0,classnames_1.default)(className,!isReady&&label_module_scss_1.default.hidden),style:Object.assign(Object.assign({},style),{position:strategy,top:y??0,left:x??0})}))}exports.LabelContainer=LabelContainer},16545: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),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}: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.Label=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),label_module_scss_1=__importDefault(__webpack_require__(753)),component_strip_1=__webpack_require__(1554),other_components_1=__webpack_require__(46976);function Label(_a){var{components}=_a,props=__rest(_a,["components"]);const[showMore,setShowMore]=(0,react_1.useState)(!1),last=components.slice(-1).pop();if(!last)return null;const hasMore=components.length>1;return(0,react_1.useEffect)(()=>{setShowMore(!1)},[components]),react_1.default.createElement(other_components_1.OtherComponentsPopper,{components,visible:showMore,placement:"bottom-start"},react_1.default.createElement(component_strip_1.ComponentStrip,Object.assign({},props,{component:last}),hasMore&&react_1.default.createElement("span",{className:(0,classnames_1.default)(label_module_scss_1.default.othersTooltip,showMore&&label_module_scss_1.default.active),onClick:()=>setShowMore(x=>!x)})))}exports.Label=Label},23660: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.calcComponentLink=void 0;const url_join_1=__importDefault(__webpack_require__(34078)),component_modules_component_url_1=__webpack_require__(65468);function calcComponentLink(id,exported){if(!!id)return exported?component_modules_component_url_1.ComponentUrl.toUrl(id):(0,url_join_1.default)("/",id.fullName)}exports.calcComponentLink=calcComponentLink},46976: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.OtherComponentsPopper=void 0;const react_1=__importDefault(__webpack_require__(67294)),headless_1=__importDefault(__webpack_require__(71215)),component_strip_1=__webpack_require__(1554),label_module_scss_1=__importDefault(__webpack_require__(753));function OtherComponentsPopper(_a){var{components,children,start,end=-1,placement="bottom",interactive=!0}=_a,tippyProps=__rest(_a,["components","children","start","end","placement","interactive"]);const content=react_1.default.createElement(react_1.default.Fragment,null,components.slice(start,end).reverse().map((comp,idx)=>react_1.default.createElement(component_strip_1.ComponentStrip,{key:idx,component:comp})));return react_1.default.createElement(headless_1.default,Object.assign({placement,interactive},tippyProps,{render:attrs=>react_1.default.createElement("div",Object.assign({},attrs,{className:label_module_scss_1.default.othersContainer}),content)}),children)}exports.OtherComponentsPopper=OtherComponentsPopper},93008:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentRuleMatcher=exports.ruleMatcher=void 0;const component_id_1=__webpack_require__(47274);function ruleMatcher(element,rule){return typeof rule=="string"?element.matches(rule):typeof rule=="function"?rule(element):!0}exports.ruleMatcher=ruleMatcher;function componentRuleMatcher(target,rule){if(typeof rule=="string"){const targetCmpId=component_id_1.ComponentID.tryFromString(target.meta.id),ruleCmpId=component_id_1.ComponentID.tryFromString(rule);return component_id_1.ComponentID.isEqual(ruleCmpId,targetCmpId,{ignoreVersion:!0})}if(Array.isArray(rule)){const targetCmpId=component_id_1.ComponentID.tryFromString(target.meta.id);return rule.map(x=>component_id_1.ComponentID.tryFromString(x)).some(cmdId=>component_id_1.ComponentID.isEqual(targetCmpId,cmdId,{ignoreVersion:!0}))}return typeof rule=="function"?rule(target):!0}exports.componentRuleMatcher=componentRuleMatcher},91204:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentID=void 0;const legacy_bit_id_1=__webpack_require__(35666),exceptions_1=__webpack_require__(8105);class ComponentID{constructor(legacyComponentId,_scope){this.legacyComponentId=legacyComponentId,this._scope=_scope}get _legacy(){return this.legacyComponentId}hasVersion(){return this._legacy.hasVersion()}get version(){return this.legacyComponentId.version}get namespace(){return this.legacyComponentId.name.split("/").slice(0,-1).join("/")}get fullName(){return this._legacy.name}get name(){const arr=this.legacyComponentId.name.split("/");return arr[arr.length-1]}get scope(){const scope=this._legacy.scope;if(scope)return scope;if(!this._scope)throw new Error("scope cannot be undefined");return this._scope}changeScope(scopeName){const legacyId=this._legacy.changeScope(scopeName);return ComponentID.fromLegacy(legacyId)}changeVersion(version){const legacyId=this._legacy.changeVersion(version);return ComponentID.fromLegacy(legacyId,this.scope)}isEqual(id,opts){return ComponentID.isEqual(this,id,opts)}getVersionPreReleaseData(){return this._legacy.getVersionPreReleaseData()}toStringWithoutVersion(){let id=this._legacy;return this._scope&&!this._legacy.scope&&(id=id.changeScope(this._scope)),id.toStringWithoutVersion()}toString(opts={}){let id=this._legacy;this._scope&&!this._legacy.scope&&(id=id.changeScope(this._scope));const idStr=id.toString(!1,opts.ignoreVersion);return opts.fsCompatible?idStr.replace(/\//g,"_").replace(/\./g,"_").replace(/-/g,"_"):idStr}toObject(){const object=this.legacyComponentId.serialize();return object.scope||(object.scope=this.scope),object}static tryFromString(idStr,scope){try{return ComponentID.fromString(idStr,scope)}catch{return}}static fromString(idStr,scope){const legacyId=legacy_bit_id_1.BitId.parse(idStr,!0);if(!scope&&!legacyId.scope)throw new exceptions_1.MissingScope(idStr);return new ComponentID(legacyId,scope)}static fromLegacyString(idStr,scope){const legacyId=legacy_bit_id_1.BitId.parse(idStr,!1);return new ComponentID(legacyId,scope)}static fromObject(object,scope){return ComponentID.fromLegacy(new legacy_bit_id_1.BitId(object),scope)}static isValidObject(o){return typeof o=="object"&&typeof o.name=="string"&&typeof o.scope=="string"}static isEqual(a,b,opts={}){if(!a&&!b)return!0;if(!a||!b)return!1;let result=a.scope===b.scope&&a.toString({ignoreVersion:opts.ignoreVersion})===b.toString({ignoreVersion:opts.ignoreVersion});return opts.ignoreVersion||(result=result&&a.version===b.version),result}static isEqualObj(a,b,opts={}){if(!a&&!b)return!0;if(!a||!b)return!1;let result=a.scope===b.scope&&a.name===b.name;return opts.ignoreVersion||(result=result&&a.version===b.version),result}static fromLegacy(legacyId,scope){if(!scope&&!legacyId.scope)throw new exceptions_1.MissingScope(legacyId);return new ComponentID(legacyId,scope)}}exports.ComponentID=ComponentID},8105:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingScope=void 0;const missing_scope_1=__webpack_require__(61504);Object.defineProperty(exports,"MissingScope",{enumerable:!0,get:function(){return missing_scope_1.MissingScope}})},61504:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingScope=void 0;class MissingScope extends Error{constructor(src){super(`scope was not defined directly or by "${src}"`)}report(){return this.message}}exports.MissingScope=MissingScope},47274:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentID=void 0;var component_id_1=__webpack_require__(91204);Object.defineProperty(exports,"ComponentID",{enumerable:!0,get:function(){return component_id_1.ComponentID}})},96961:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
+`;async function fetchComponentAspects(componentId){try{return(await(0,_graphqlRequest().request)(GQL_SERVER,GET_COMPONENT_ASPECTS,{id:componentId.toString()})).getHost.get.aspects.map(x=>x.id)}catch(err){console.error(`[gql] error on "getComponentAspects" - "${err.toString()}"`);return}}},79271:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(88674),Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadLink=loadLink,exports.loadScript=loadScript;function loadScript({src}){return new Promise((resolve,reject)=>{const script=document.createElement("script");script.setAttribute("defer","defer"),script.src=src,script.onload=()=>resolve(),script.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load script: ${message}`)),document.head.appendChild(script)})}function loadLink({href}){return new Promise((resolve,reject)=>{const link=document.createElement("link");href.endsWith(".css")&&link.setAttribute("rel","stylesheet"),link.setAttribute("href",href),link.onload=()=>resolve(),link.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load link: ${message}`)),document.head.appendChild(link)})}},49471:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={PreviewAspect:!0,PreviewRuntime:!0,PreviewDefinition:!0,ENV_PREVIEW_STRATEGY_NAME:!0,COMPONENT_PREVIEW_STRATEGY_NAME:!0};Object.defineProperty(exports,"COMPONENT_PREVIEW_STRATEGY_NAME",{enumerable:!0,get:function(){return _strategiesNames().COMPONENT_PREVIEW_STRATEGY_NAME}}),Object.defineProperty(exports,"ENV_PREVIEW_STRATEGY_NAME",{enumerable:!0,get:function(){return _strategiesNames().ENV_PREVIEW_STRATEGY_NAME}}),Object.defineProperty(exports,"PreviewAspect",{enumerable:!0,get:function(){return _preview().PreviewAspect}}),Object.defineProperty(exports,"PreviewDefinition",{enumerable:!0,get:function(){return _previewDefinition().PreviewDefinition}}),Object.defineProperty(exports,"PreviewRuntime",{enumerable:!0,get:function(){return _preview().PreviewRuntime}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _preview().PreviewAspect}});function _preview(){const data=__webpack_require__(22395);return _preview=function(){return data},data}var _events=__webpack_require__(67335);Object.keys(_events).forEach(function(key){key==="default"||key==="__esModule"||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_events[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _events[key]}})});function _previewDefinition(){const data=__webpack_require__(15739);return _previewDefinition=function(){return data},data}function _strategiesNames(){const data=__webpack_require__(87144);return _strategiesNames=function(){return data},data}},15739:()=>{"use strict"},2094:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);__webpack_require__(66992),Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewModules=exports.PREVIEW_MODULES=void 0,exports.linkModules=linkModules;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}class PreviewModules extends Map{constructor(...args){super(...args);(0,_defineProperty2().default)(this,"onSet",new Set)}set(id,preview){return super.set(id,preview),this.onSet.forEach(callback=>callback()),this}loadComponentPreviews(compId,previews){Object.entries(previews).forEach(([previewName,moduleFile])=>{const preview=this.get(previewName);!preview||(preview.componentMap[compId]=moduleFile)})}}exports.PreviewModules=PreviewModules;const PREVIEW_MODULES=new PreviewModules;exports.PREVIEW_MODULES=PREVIEW_MODULES;function linkModules(previewName,previewModule){PREVIEW_MODULES.set(previewName,previewModule)}},22395:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PreviewRuntime=exports.PreviewAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const PreviewRuntime=new(_harmony()).RuntimeDefinition("preview");exports.PreviewRuntime=PreviewRuntime;const PreviewAspect=_harmony().Aspect.create({id:"teambit.preview/preview",dependencies:[],defaultConfig:{},declareRuntime:PreviewRuntime});exports.PreviewAspect=PreviewAspect;var _default=PreviewAspect;exports.default=_default},74649:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(64836);__webpack_require__(66992),__webpack_require__(88674),__webpack_require__(74916),__webpack_require__(60285),__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0,Object.defineProperty(exports,"Bu",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _pubsub(){const data=_interopRequireDefault(__webpack_require__(23179));return _pubsub=function(){return data},data}function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}function _componentId(){const data=__webpack_require__(84711);return _componentId=function(){return data},data}function _crossFetch(){const data=_interopRequireDefault(__webpack_require__(54098));return _crossFetch=function(){return data},data}function _memoizee(){const data=_interopRequireDefault(__webpack_require__(34156));return _memoizee=function(){return data},data}function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _exceptions(){const data=__webpack_require__(67166);return _exceptions=function(){return data},data}function _preview(){const data=__webpack_require__(22395);return _preview=function(){return data},data}function _events(){const data=__webpack_require__(67335);return _events=function(){return data},data}function _renderingContext(){const data=__webpack_require__(85216);return _renderingContext=function(){return data},data}function _fetchComponentAspects(){const data=__webpack_require__(73110);return _fetchComponentAspects=function(){return data},data}function _previewModules(){const data=__webpack_require__(2094);return _previewModules=function(){return data},data}function _htmlUtils(){const data=__webpack_require__(79271);return _htmlUtils=function(){return data},data}function _sizeEvent(){const data=__webpack_require__(14285);return _sizeEvent=function(){return data},data}class PreviewPreview{constructor(pubsub,previewSlot,renderingContextSlot){this.pubsub=pubsub,this.previewSlot=previewSlot,this.renderingContextSlot=renderingContextSlot,(0,_defineProperty2().default)(this,"isDev",!1),(0,_defineProperty2().default)(this,"_setupPromise",void 0),(0,_defineProperty2().default)(this,"setup",()=>{var _this$_setupPromise;return this.isReady()?Promise.resolve():((_this$_setupPromise=this._setupPromise)!==null&&_this$_setupPromise!==void 0||(this._setupPromise=new Promise(resolve=>{_previewModules().PREVIEW_MODULES.onSet.add(()=>{this.isReady()&&resolve()})})),this._setupPromise)}),(0,_defineProperty2().default)(this,"render",async rootExt=>{window.document.body.style.width="fit-content";const{previewName,componentId}=this.getLocation(),name=previewName||this.getDefault();rootExt&&(this.isDev=rootExt==="teambit.workspace/workspace");const preview=this.getPreview(name);if(!preview||!componentId)throw new(_exceptions()).PreviewNotFound(previewName);const includes=(await Promise.all((preview.include||[]).map(async inclPreviewName=>{var _includedPreview$sele;const includedPreview=this.getPreview(inclPreviewName);if(!includedPreview)return;const inclPreviewModule=await this.getPreviewModule(inclPreviewName,componentId);return(_includedPreview$sele=includedPreview.selectPreviewModel)===null||_includedPreview$sele===void 0?void 0:_includedPreview$sele.call(includedPreview,componentId.fullName,inclPreviewModule)}))).filter(module=>!!module),componentAspects=this.isDev?await this.getComponentAspects(componentId.toString()):void 0,previewModule=await this.getPreviewModule(name,componentId),render=preview.render(componentId,previewModule,includes,this.getRenderingContext(componentAspects));return this.reportSize(),this.setViewport(),render}),(0,_defineProperty2().default)(this,"getComponentAspects",(0,_memoizee().default)(_fetchComponentAspects().fetchComponentAspects,{max:100,maxAge:12*60*60*1e3})),this.registerClickPubSub()}registerClickPubSub(){window.addEventListener("click",e=>{const timestamp=Date.now(),clickEvent=Object.assign({},e);this.pubsub.pub(_preview().PreviewAspect.id,new(_events()).ClickInsideAnIframeEvent(timestamp,clickEvent))})}isReady(){var _preview$include$ever,_preview$include;const{previewName}=this.getLocation(),name=previewName||this.getDefault();if(!_previewModules().PREVIEW_MODULES.has(name))return!1;const preview=this.getPreview(name);return!(!preview||!((_preview$include$ever=(_preview$include=preview.include)===null||_preview$include===void 0?void 0:_preview$include.every(included=>_previewModules().PREVIEW_MODULES.has(included)))!==null&&_preview$include$ever!==void 0?_preview$include$ever:!0))}setViewport(){const query=this.getQuery(),viewPort=this.getParam(query,"viewport");if(!viewPort){window.document.body.style.width="100%";return}window.document.body.style.maxWidth=`${viewPort}px`}reportSize(){var _window,_window2;if(!((_window=window)!==null&&_window!==void 0&&_window.parent)||!((_window2=window)!==null&&_window2!==void 0&&_window2.document))return;const sendPubsubEvent=()=>{this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))};window.document.body.addEventListener("resize",(0,_lodash().debounce)(sendPubsubEvent,300));let counter=0;const interval=setInterval(()=>{if(counter+=1,counter>10){clearInterval(interval);return}this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))},200)}async getPreviewModule(previewName,id){const compShortId=id.fullName,relevantModel=_previewModules().PREVIEW_MODULES.get(previewName);if(!relevantModel)throw new Error(`[preview.preview] missing preview "${previewName}"`);if(relevantModel.componentMap[compShortId])return relevantModel;const componentPreviews=await this.fetchComponentPreview(id,previewName);_previewModules().PREVIEW_MODULES.loadComponentPreviews(compShortId,componentPreviews);const component=componentPreviews[previewName],metadata=componentPreviews[`${previewName}_metadata`];return{mainModule:relevantModel.mainModule,componentMap:{[id.fullName]:component},componentMapMetadata:{[id.fullName]:metadata}}}async fetchComponentPreview(id,name){let previewFile;const allFiles=await this.fetchComponentPreviewFiles(id,name);return allFiles===null?{}:(await Promise.all(allFiles.map(file=>{if(file.endsWith("-preview.js")){previewFile=file;return}return this.addComponentFileElement(id,file)})),previewFile?this.loadPreviewScript(id,name,previewFile):{})}addComponentFileElement(id,previewBundleFileName){if(previewBundleFileName.endsWith(".js"))return this.addComponentFileScriptElement(id,previewBundleFileName);this.addComponentFileLinkElement(id,previewBundleFileName).catch(err=>{throw new Error(`[preview.preview] failed loading asset "${previewBundleFileName}". Error - "${err?.toString()}"`)})}async fetchComponentPreviewFiles(id,previewName){const previewAssetsRoute="~aspect/preview-assets",url=`/api/${id.toString()}/${previewAssetsRoute}`,res2=await(0,_crossFetch().default)(url);if(res2.status>=400)throw new(_exceptions()).PreviewNotFound(previewName);const parsed=await res2.json();if(parsed.isBundledWithEnv)return null;if(!parsed.files||!parsed.files.length)throw new(_exceptions()).PreviewNotFound(previewName);return parsed.files}addComponentFileScriptElement(id,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;return(0,_htmlUtils().loadScript)({src})}addComponentFileLinkElement(id,previewBundleFileName){const href=`/api/${id.toString()}/~aspect/component-preview/${previewBundleFileName}`;return(0,_htmlUtils().loadLink)({href})}async loadPreviewScript(id,previewName,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;await(0,_htmlUtils().loadScript)({src});const globalId=`${id.toStringWithoutVersion()}-preview`,componentPreview=window[globalId];if(!componentPreview)throw new(_exceptions()).PreviewNotFound(previewName);return componentPreview}registerPreview(preview){return this.previewSlot.register(preview),this}getRenderingContext(aspectsFilter){return new(_renderingContext()).RenderingContext(this.renderingContextSlot,{aspectsFilter})}registerRenderContext(renderContext){return this.renderingContextSlot.register(renderContext),this}getDefault(){const previews=this.previewSlot.values(),defaultOne=previews.find(previewCandidate=>previewCandidate.default);return defaultOne?.name||previews[0].name}getPreview(previewName){return this.previewSlot.values().find(previewCandidate=>previewCandidate.name===previewName)}getParam(query,param){return new URLSearchParams(query).get(param)}getQuery(){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?");return after}getLocation(){const withoutHash=window.location.hash.substring(1),[before,after]=withoutHash.split("?");return{previewName:this.getParam(after,"preview"),componentId:_componentId().ComponentID.tryFromString(before)}}static async provider([pubsub],config,[previewSlot,renderingContextSlot]){const preview=new PreviewPreview(pubsub,previewSlot,renderingContextSlot);return window.addEventListener("hashchange",()=>{preview.render()}),preview}}__webpack_unused_export__=PreviewPreview,(0,_defineProperty2().default)(PreviewPreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(PreviewPreview,"dependencies",[_pubsub().default]),(0,_defineProperty2().default)(PreviewPreview,"slots",[_harmony().Slot.withType(),_harmony().Slot.withType()]),_preview().PreviewAspect.addRuntime(PreviewPreview)},85216:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RenderingContext=void 0;class RenderingContext{constructor(contexts,options={}){this.contexts=contexts,this.options=options}get(aspectId){const contextFactory=this.contexts.get(aspectId);return contextFactory?.(this.options)}}exports.RenderingContext=RenderingContext},14285:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__(64836);Object.defineProperty(exports,"__esModule",{value:!0}),exports.SizeEvent=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _pubsub(){const data=__webpack_require__(23179);return _pubsub=function(){return data},data}class SizeEvent extends _pubsub().BitBaseEvent{constructor(sizeEvent){super(SizeEvent.TYPE,"0.0.1",new Date().getTime(),sizeEvent)}}exports.SizeEvent=SizeEvent,(0,_defineProperty2().default)(SizeEvent,"TYPE","preview-size")},87144:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ENV_PREVIEW_STRATEGY_NAME=exports.COMPONENT_PREVIEW_STRATEGY_NAME=void 0;const ENV_PREVIEW_STRATEGY_NAME="env";exports.ENV_PREVIEW_STRATEGY_NAME=ENV_PREVIEW_STRATEGY_NAME;const COMPONENT_PREVIEW_STRATEGY_NAME="component";exports.COMPONENT_PREVIEW_STRATEGY_NAME=COMPONENT_PREVIEW_STRATEGY_NAME},43979:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitBaseEvent=void 0;class BitBaseEvent{constructor(type,version,timestamp,data){this.type=type,this.version=version,this.timestamp=timestamp,this.data=data}}exports.BitBaseEvent=BitBaseEvent},23179:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BitBaseEvent",{enumerable:!0,get:function(){return _bitBaseEvent().BitBaseEvent}}),Object.defineProperty(exports,"PubSubRegistry",{enumerable:!0,get:function(){return _pubsubContext().PubSubRegistry}}),Object.defineProperty(exports,"PubsubAspect",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"usePubSub",{enumerable:!0,get:function(){return _pubsubContext().usePubSub}}),Object.defineProperty(exports,"usePubSubIframe",{enumerable:!0,get:function(){return _pubsubContext().usePubSubIframe}});function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(43979);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(17796);return _pubsubContext=function(){return data},data}},14339:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PubSubNoParentError=void 0;class PubSubNoParentError extends Error{constructor(){super("could not connect to parent window");this.name="PubSubNoParentError"}}exports.PubSubNoParentError=PubSubNoParentError},17796:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createProvider=createProvider,exports.pubsubRegistry=void 0,exports.usePubSub=usePubSub,exports.usePubSubIframe=usePubSubIframe;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!="function")return null;var cacheBabelInterop=new WeakMap,cacheNodeInterop=new WeakMap;return(_getRequireWildcardCache=function(nodeInterop2){return nodeInterop2?cacheNodeInterop:cacheBabelInterop})(nodeInterop)}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(obj===null||typeof obj!="object"&&typeof obj!="function")return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,cache&&cache.set(obj,newObj),newObj}const pubsubRegistry=(0,_react().createContext)(void 0);exports.pubsubRegistry=pubsubRegistry;function createProvider(pubSubContext){return({children})=>_react().default.createElement(pubsubRegistry.Provider,{value:pubSubContext},children)}function usePubSub(){return(0,_react().useContext)(pubsubRegistry)}function usePubSubIframe(ref){const pubSub=usePubSub();(0,_react().useEffect)(()=>{if(!(ref!=null&&ref.current)||!pubSub)return()=>{};const destroyConnection=pubSub.connect(ref.current);return()=>destroyConnection()},[ref?.current,pubSub])}},56646:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PubsubAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});exports.PubsubAspect=PubsubAspect;var _default=PubsubAspect;exports.default=_default},53707:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(64836);__webpack_require__(88674),__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _uiFoundationUi(){const data=__webpack_require__(53518);return _uiFoundationUi=function(){return data},data}function _eventemitter(){const data=__webpack_require__(56387);return _eventemitter=function(){return data},data}function _penpal(){const data=__webpack_require__(65859);return _penpal=function(){return data},data}function _noParentError(){const data=__webpack_require__(14339);return _noParentError=function(){return data},data}function _pubsub(){const data=__webpack_require__(56646);return _pubsub=function(){return data},data}class PubsubPreview{constructor(){(0,_defineProperty2().default)(this,"_parentPubsub",void 0),(0,_defineProperty2().default)(this,"events",new(_eventemitter()).EventEmitter2),(0,_defineProperty2().default)(this,"connectToParentPubSub",(retries=10)=>{if(retries<=0)throw new(_noParentError()).PubSubNoParentError;return(0,_penpal().connectToParent)({timeout:300,methods:{pub:this.handleMessageFromParent}}).promise.then(parentPubsub=>this._parentPubsub=parentPubsub).catch(e=>{if(e.code!==_penpal().ErrorCode.ConnectionTimeout)throw e;return this.connectToParentPubSub(retries-1)})}),(0,_defineProperty2().default)(this,"handleMessageFromParent",(topic,message)=>{this.events.emit(topic,message)})}sub(topic,callback){const emitter=this.events;return emitter.on(topic,callback),()=>{emitter.off(topic,callback)}}pub(topic,event){var _this$_parentPubsub;this.events.emit(topic,event),(_this$_parentPubsub=this._parentPubsub)===null||_this$_parentPubsub===void 0||_this$_parentPubsub.pub(topic,event).catch(err=>{console.error("[Pubsub.preview]",err)})}inIframe(){try{return _uiFoundationUi().isBrowser&&window.self!==window.top}catch{return!1}}static async provider(){const pubsubPreview=new PubsubPreview;return pubsubPreview.inIframe()&&pubsubPreview.connectToParentPubSub().catch(err=>{err instanceof _noParentError().PubSubNoParentError||console.error("[Pubsub.preview]",err)}),pubsubPreview}}__webpack_unused_export__=PubsubPreview,(0,_defineProperty2().default)(PubsubPreview,"runtime",_preview().PreviewRuntime),_pubsub().PubsubAspect.addRuntime(PubsubPreview)},93849:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__={enumerable:!0,get:function(){return _reactNative2().ReactNativeAspect}},__webpack_unused_export__={enumerable:!0,get:function(){return _reactNative().ReactNativeEnv}},Object.defineProperty(exports,"ZP",{enumerable:!0,get:function(){return _reactNative2().ReactNativeAspect}});function _reactNative(){const data=__webpack_require__(5994);return _reactNative=function(){return data},data}function _reactNative2(){const data=__webpack_require__(38117);return _reactNative2=function(){return data},data}},38117:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ReactNativeAspect=void 0;function _harmony(){const data=__webpack_require__(16738);return _harmony=function(){return data},data}const ReactNativeAspect=_harmony().Aspect.create({id:"teambit.react/react-native"});exports.ReactNativeAspect=ReactNativeAspect;var _default=ReactNativeAspect;exports.default=_default},5994:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";__webpack_require__(66992),__webpack_require__(88674),Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReactNativeEnvType=exports.ReactNativeEnv=void 0;function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function _reactNativeAlias(){const data=__webpack_require__(96649);return _reactNativeAlias=function(){return data},data}function _webpackTemplateTransformers(){const data=__webpack_require__(28142);return _webpackTemplateTransformers=function(){return data},data}const ReactNativeEnvType="react-native";exports.ReactNativeEnvType=ReactNativeEnvType;class ReactNativeEnv{constructor(react,aspect){this.react=react,this.aspect=aspect}async getHostDependencies(){const reactAdditional=await this.react.reactEnv.getAdditionalHostDependencies(),currentPeers=Object.keys(this.getDependencies().peerDependencies);return(0,_lodash().uniq)(reactAdditional.concat(currentPeers).filter(dep=>dep!=="react-native"))}async getTemplateBundler(context,transformers=[]){return this.createTemplateWebpackBundler(context,transformers)}async createTemplateWebpackBundler(context,transformers=[]){return this.aspect.aspectEnv.createTemplateWebpackBundler(context,[_webpackTemplateTransformers().removeExposedReactNative,_webpackTemplateTransformers().removeReactNativePeerEntry,_reactNativeAlias().reactNativeAlias,...transformers])}getDependencies(){return{dependencies:{react:"-","react-dom":"-","react-native":"-"},devDependencies:{react:"-","react-dom":"-","react-native":"-","@types/jest":"^26.0.0","@types/react":"^17.0.8","@types/react-dom":"^17.0.5","@types/react-native":"^0.64.1","@babel/runtime":"7.20.0","@types/testing-library__jest-dom":"5.9.5"},peerDependencies:{react:"^16.8.0 || ^17.0.0","react-dom":"^16.8.0 || ^17.0.0","react-native":"^0.64.1","react-native-web":"^0.16.0"}}}async __getDescriptor(){return{type:ReactNativeEnvType}}}exports.ReactNativeEnv=ReactNativeEnv},65883:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var __webpack_unused_export__,_interopRequireDefault=__webpack_require__(64836);__webpack_require__(66992),__webpack_require__(88674),__webpack_unused_export__={value:!0},__webpack_unused_export__=__webpack_unused_export__=void 0;function _defineProperty2(){const data=_interopRequireDefault(__webpack_require__(38416));return _defineProperty2=function(){return data},data}function _preview(){const data=__webpack_require__(49471);return _preview=function(){return data},data}function _react(){const data=__webpack_require__(32750);return _react=function(){return data},data}function _reactNative(){const data=__webpack_require__(38117);return _reactNative=function(){return data},data}class ReactNativePreview{constructor(reactPreview,preview){this.reactPreview=reactPreview,this.preview=preview,(0,_defineProperty2().default)(this,"registerProvider",this.reactPreview.registerProvider.bind(this.reactPreview)),(0,_defineProperty2().default)(this,"getRenderingContext",this.reactPreview.getRenderingContext.bind(this.reactPreview))}static async provider([reactPreview,preview]){const reactNativePreview=new ReactNativePreview(reactPreview,preview);return preview.registerRenderContext(reactNativePreview.getRenderingContext),reactNativePreview}}__webpack_unused_export__=ReactNativePreview,(0,_defineProperty2().default)(ReactNativePreview,"runtime",_preview().PreviewRuntime),(0,_defineProperty2().default)(ReactNativePreview,"slots",[]),(0,_defineProperty2().default)(ReactNativePreview,"dependencies",[_react().ReactAspect,_preview().PreviewAspect]),_reactNative().ReactNativeAspect.addRuntime(ReactNativePreview);var _default=ReactNativePreview;__webpack_unused_export__=_default},96649:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.reactNativeAlias=reactNativeAlias;function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function reactNativeAlias(config){const newAliases={"react-native$":(0,_lodash().get)(config.raw,"resolve.alias.react-native-web",58091)};return config.removeAliases(["react-native"]),config.addAliases(newAliases),config}},28142:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.removeExposedReactNative=removeExposedReactNative,exports.removeReactNativePeerEntry=removeReactNativePeerEntry;function _lodash(){const data=__webpack_require__(96486);return _lodash=function(){return data},data}function removeExposedReactNative(config){var _config$raw,_config$raw$module;return config!=null&&(_config$raw=config.raw)!==null&&_config$raw!==void 0&&(_config$raw$module=_config$raw.module)!==null&&_config$raw$module!==void 0&&_config$raw$module.rules&&(config.raw.module.rules=config.raw.module.rules.filter(rule=>{var _rule$loader,_rule$test;return!((_rule$loader=rule.loader)!==null&&_rule$loader!==void 0&&_rule$loader.includes("expose-loader")&&typeof rule.test&&typeof rule.test=="string"&&(_rule$test=rule.test)!==null&&_rule$test!==void 0&&_rule$test.includes("/react-native/"))})),config}function removeReactNativePeerEntry(config){const peersImports=(0,_lodash().get)(config.raw,"entry.peers.import");return peersImports&&(0,_lodash().set)(config.raw,"entry.peers.import",peersImports.filter(name=>name!=="react-native")),config}},30329:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fiberToPrototype=exports.toRootFiber=exports.domToFiber=void 0;const react17Key="__reactFiber",react16Key="__reactInternalInstance";function domToFiber(element){if(!element)return null;const fiberKey=Object.keys(element).find(key=>key.startsWith(react17Key)||key.startsWith(react16Key));if(!fiberKey)return null;const fiberNode=element[fiberKey];return fiberNode||null}exports.domToFiber=domToFiber;function toRootFiber(fiberNode){for(let current=fiberNode;current!==null&&current.type!==null;current=current.return)if(typeof current.type=="function"||typeof current.type=="object"&&typeof current.type.render=="function")return current;return null}exports.toRootFiber=toRootFiber;function fiberToPrototype(fiberNode){var _a;return((_a=toRootFiber(fiberNode))===null||_a===void 0?void 0:_a.type)||null}exports.fiberToPrototype=fiberToPrototype},33773:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.domToReacts=exports.domToReact=exports.toRootElement=void 0;const dom_to_fiber_1=__webpack_require__(30329);function toRootElement(element){const rootFiber=(0,dom_to_fiber_1.toRootFiber)((0,dom_to_fiber_1.domToFiber)(element));if(!rootFiber)return null;for(let current=element;current;current=current.parentElement){const fiberNode=(0,dom_to_fiber_1.domToFiber)(current);if(!fiberNode)return null;const parent2=fiberNode.return;if(fiberNode===rootFiber||parent2===rootFiber)return current}return null}exports.toRootElement=toRootElement;function domToReact(element){return domToReacts(element).pop()}exports.domToReact=domToReact;function domToReacts(element){if(element===null)return[];const fiberNode=(0,dom_to_fiber_1.domToFiber)(element),rootFiber=(0,dom_to_fiber_1.toRootFiber)(fiberNode);return componentsOf(rootFiber)}exports.domToReacts=domToReacts;function componentsOf(fiberNode){const components=[];let current=fiberNode;for(;current&&current.type!==null&&typeof current.type!="string";)components.push(current.type),current=current.return;return components}},35450:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fiberToPrototype=exports.toRootFiber=exports.domToFiber=exports.toRootElement=exports.domToReacts=exports.domToReact=void 0;var dom_to_react_1=__webpack_require__(33773);Object.defineProperty(exports,"domToReact",{enumerable:!0,get:function(){return dom_to_react_1.domToReact}}),Object.defineProperty(exports,"domToReacts",{enumerable:!0,get:function(){return dom_to_react_1.domToReacts}}),Object.defineProperty(exports,"toRootElement",{enumerable:!0,get:function(){return dom_to_react_1.toRootElement}});var dom_to_fiber_1=__webpack_require__(30329);Object.defineProperty(exports,"domToFiber",{enumerable:!0,get:function(){return dom_to_fiber_1.domToFiber}}),Object.defineProperty(exports,"toRootFiber",{enumerable:!0,get:function(){return dom_to_fiber_1.toRootFiber}}),Object.defineProperty(exports,"fiberToPrototype",{enumerable:!0,get:function(){return dom_to_fiber_1.fiberToPrototype}})},93130: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.ChildrenHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),hybrid_highlighter_1=__webpack_require__(90995);function ChildrenHighlighter(_a){var{watchMotion=!1}=_a,props=__rest(_a,["watchMotion"]);return react_1.default.createElement(hybrid_highlighter_1.HybridHighlighter,Object.assign({},props,{mode:"allChildren",watchMotion}))}exports.ChildrenHighlighter=ChildrenHighlighter},31524:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ChildrenHighlighter=exports.useChildrenHighlighter=void 0;var use_children_highlighter_1=__webpack_require__(87605);Object.defineProperty(exports,"useChildrenHighlighter",{enumerable:!0,get:function(){return use_children_highlighter_1.useChildrenHighlighter}});var children_highlighter_1=__webpack_require__(93130);Object.defineProperty(exports,"ChildrenHighlighter",{enumerable:!0,get:function(){return children_highlighter_1.ChildrenHighlighter}})},87605: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.useChildrenHighlighter=void 0;const react_1=__webpack_require__(67294),get_xpath_1=__importDefault(__webpack_require__(4825)),react_modules_dom_to_react_1=__webpack_require__(35450),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),ignore_highlighter_1=__webpack_require__(84486),rule_matcher_1=__webpack_require__(93008);function useChildrenHighlighter({onChange,disabled,scopeRef,scopeClass:scopeSelector="",rule,componentRule}){(0,react_1.useEffect)(()=>{const nextTargets={},scopeElement=scopeRef.current;if(!scopeElement||disabled)return;let allElements=Array.from(scopeElement.querySelectorAll(targetsSelector(`.${scopeSelector}`)));rule&&(allElements=allElements.filter(elem=>(0,rule_matcher_1.ruleMatcher)(elem,rule)));const rootElements=allElements.map(react_modules_dom_to_react_1.toRootElement).filter(x=>!!x);new Set(rootElements).forEach(element=>{if(!element)return;const componentsWithMeta=(0,react_modules_dom_to_react_1.domToReacts)(element).filter(x=>(0,react_ui_highlighter_component_metadata_bit_component_meta_1.hasComponentMeta)(x)&&(0,rule_matcher_1.componentRuleMatcher)({meta:x[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]},componentRule));if(componentsWithMeta.length<1)return;const key=(0,get_xpath_1.default)(element);nextTargets[key]={element,components:componentsWithMeta}}),onChange(nextTargets)},[disabled,scopeSelector])}exports.useChildrenHighlighter=useChildrenHighlighter;function targetsSelector(scopeSelector=":scope"){const excludedSelector=`${scopeSelector} ${ignore_highlighter_1.excludeHighlighterSelector}, ${scopeSelector} ${ignore_highlighter_1.excludeHighlighterSelector} *`,skippedSelector=`${scopeSelector} ${ignore_highlighter_1.skipHighlighterSelector}, ${scopeSelector} ${ignore_highlighter_1.skipHighlighterSelector} *`;return`:not(${excludedSelector}, ${skippedSelector})`}},41807: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.ElementHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),frame_1=__webpack_require__(91331),label_1=__webpack_require__(90608),ignore_highlighter_1=__webpack_require__(84486),element_highlighter_module_scss_1=__importDefault(__webpack_require__(38053));function ElementHighlighter(_a){var{targetRef,components,placement="top",watchMotion,className,classes}=_a,props=__rest(_a,["targetRef","components","placement","watchMotion","className","classes"]);return react_1.default.createElement("div",Object.assign({},props,ignore_highlighter_1.skipHighlighterAttr,{className:(0,classnames_1.default)(classes?.container,element_highlighter_module_scss_1.default.container,className)}),react_1.default.createElement(frame_1.Frame,{targetRef,className:(0,classnames_1.default)(element_highlighter_module_scss_1.default.frame,classes?.frame),watchMotion}),components&&react_1.default.createElement(label_1.LabelContainer,{targetRef,className:element_highlighter_module_scss_1.default.label,placement,watchMotion},react_1.default.createElement(label_1.Label,{components,className:classes?.label})))}exports.ElementHighlighter=ElementHighlighter},76308:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ElementHighlighter=void 0;var element_highlighter_1=__webpack_require__(41807);Object.defineProperty(exports,"ElementHighlighter",{enumerable:!0,get:function(){return element_highlighter_1.ElementHighlighter}})},58580: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),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}: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},__awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value2){return value2 instanceof P?value2:new P(function(resolve){resolve(value2)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value2){try{step(generator.next(value2))}catch(e){reject(e)}}function rejected(value2){try{step(generator.throw(value2))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Frame=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),react_dom_1=__webpack_require__(36728),frame_module_scss_1=__importDefault(__webpack_require__(26448)),MARGIN_FROM_TARGET=+frame_module_scss_1.default.offset||6,MARGIN_FROM_DOC_EDGE=0,overflowParameters={rootBoundary:"document",padding:MARGIN_FROM_DOC_EDGE},SHIFT_POSITIVE="shiftPositive",HAS_RESIZE_OBSERVER=typeof window<"u"&&!!window.ResizeObserver;function Frame({targetRef,watchMotion,className,stylesClass=frame_module_scss_1.default.overlayBorder,style}){var _a;const dimensionRef=(0,react_1.useRef)({width:0,height:0}),{x,y,strategy,reference,floating,update,refs,middlewareData}=(0,react_dom_1.useFloating)({placement:"bottom-start",middleware:[{name:"align-to-target",fn({rects}){return rects.floating=Object.assign(Object.assign({},rects.floating),{width:rects.reference.width+2*MARGIN_FROM_TARGET,height:rects.reference.height+2*MARGIN_FROM_TARGET}),{}}},(0,react_dom_1.offset)(({rects})=>-rects.reference.height),(0,react_dom_1.offset)(()=>({mainAxis:-MARGIN_FROM_TARGET,crossAxis:-MARGIN_FROM_TARGET})),{name:"shiftPositive",fn:args=>__awaiter(this,void 0,void 0,function*(){const overflow=yield(0,react_dom_1.detectOverflow)(args,overflowParameters),nextCoords={x:overflow.left>0?args.x+overflow.left:args.x,y:overflow.top>0?args.y+overflow.top:args.y},shiftAmount={x:nextCoords.x-args.x,y:nextCoords.y-args.y};return Object.assign(Object.assign({},nextCoords),{data:shiftAmount})})},(0,react_dom_1.size)({rootBoundary:"document",padding:MARGIN_FROM_DOC_EDGE,apply({elements,rects,availableHeight,availableWidth,middlewareData:middlewareData2}){const shift=middlewareData2[SHIFT_POSITIVE]||{x:0,y:0},paddingX=2*MARGIN_FROM_TARGET-shift.x,paddingY=2*MARGIN_FROM_TARGET-shift.y,dimensions={width:rects.reference.width+paddingX,height:rects.reference.height+paddingY,maxWidth:availableWidth,maxHeight:availableHeight};Object.assign(elements.floating.style,dimensions),dimensionRef.current=dimensions}}),(0,react_dom_1.hide)({strategy:"referenceHidden"})]});(0,react_1.useLayoutEffect)(()=>{reference(targetRef.current)},[targetRef.current]),(0,react_1.useEffect)(()=>!refs.reference.current||!refs.floating.current||!HAS_RESIZE_OBSERVER?()=>{}:(0,react_dom_1.autoUpdate)(refs.reference.current,refs.floating.current,update,{animationFrame:watchMotion}),[refs.reference.current,refs.floating.current,update,watchMotion]);const isReady=!(!((_a=middlewareData.hide)===null||_a===void 0)&&_a.referenceHidden);return react_1.default.createElement("div",{ref:floating,className:(0,classnames_1.default)(className,stylesClass,!isReady&&frame_module_scss_1.default.hidden),style:Object.assign(Object.assign(Object.assign({},style),dimensionRef.current),{position:strategy,top:y??0,left:x??0})})}exports.Frame=Frame},91331:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Frame=void 0;var frame_1=__webpack_require__(58580);Object.defineProperty(exports,"Frame",{enumerable:!0,get:function(){return frame_1.Frame}})},74988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.bubbleToComponent=void 0;const react_modules_dom_to_react_1=__webpack_require__(35450),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),rule_matcher_1=__webpack_require__(93008);function bubbleToComponent(element,{elementRule,componentRule,propagateSameParents=!0}={}){let current=bubbleToFirstComponent(element,elementRule,componentRule);if(!propagateSameParents)return current;for(;current;){const parentElement=current.element.parentElement,parent2=bubbleToFirstComponent(parentElement,elementRule,componentRule),primeComponent=current?.components.slice(-1).pop(),parentPrimeComponent=parent2?.components.slice(-1).pop();if(primeComponent?.[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField].id!==parentPrimeComponent?.[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField].id)return current;current=parent2}}exports.bubbleToComponent=bubbleToComponent;function bubbleToFirstComponent(element,elementRule,componentRule){for(let current=element;current;current=current.parentElement){if(current=(0,react_modules_dom_to_react_1.toRootElement)(current),!current)return;if((0,rule_matcher_1.ruleMatcher)(current,elementRule)){const relevantComponents=(0,react_modules_dom_to_react_1.domToReacts)(current).filter(x=>(0,react_ui_highlighter_component_metadata_bit_component_meta_1.hasComponentMeta)(x)&&(0,rule_matcher_1.componentRuleMatcher)({meta:x[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]},componentRule));return relevantComponents.length<1?void 0:{element:current,components:relevantComponents}}}}},52429: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.HoverHighlighter=void 0;const react_1=__importDefault(__webpack_require__(67294)),hybrid_highlighter_1=__webpack_require__(90995);function HoverHighlighter(_a){var props=__rest(_a,[]);return react_1.default.createElement(hybrid_highlighter_1.HybridHighlighter,Object.assign({},props,{mode:"hover"}))}exports.HoverHighlighter=HoverHighlighter},23988:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HoverHighlighter=exports.useHoverHighlighter=void 0;var use_hover_highlighter_1=__webpack_require__(76641);Object.defineProperty(exports,"useHoverHighlighter",{enumerable:!0,get:function(){return use_hover_highlighter_1.useHoverHighlighter}});var hover_highlighter_1=__webpack_require__(52429);Object.defineProperty(exports,"HoverHighlighter",{enumerable:!0,get:function(){return hover_highlighter_1.HoverHighlighter}})},76641:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useHoverHighlighter=void 0;const react_1=__webpack_require__(67294),use_debounce_1=__webpack_require__(3962),react_ui_hover_selector_1=__webpack_require__(83933),ignore_highlighter_1=__webpack_require__(84486),bubble_to_component_1=__webpack_require__(74988);function useHoverHighlighter(onChange,props={},{debounceDuration,scopeClass,disabled,rule,componentRule}){const{handleElement}=useHoverHandler({onChange,scopeClass,debounceDuration,disabled,rule,componentRule});return(0,react_ui_hover_selector_1.useHoverSelection)(disabled?void 0:handleElement,props)}exports.useHoverHighlighter=useHoverHighlighter;function useHoverHandler({onChange,scopeClass="",debounceDuration,disabled,rule,componentRule}){const _handleElement=element=>{if(!element||element.hasAttribute("data-nullify-component-highlight")){onChange(void 0);return}if(element.closest(`.${scopeClass} ${ignore_highlighter_1.excludeHighlighterSelector}`)){onChange(void 0);return}if(element.closest(`.${scopeClass} ${ignore_highlighter_1.skipHighlighterSelector}`))return;const result=(0,bubble_to_component_1.bubbleToComponent)(element,{elementRule:rule,componentRule});!result||onChange({element:result.element,components:result.components})},handleElement=(0,use_debounce_1.useDebouncedCallback)(_handleElement,debounceDuration);return(0,react_1.useEffect)(()=>{disabled&&handleElement.cancel()},[disabled,handleElement]),{handleElement}}},92126: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),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}: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.HybridHighlighter=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),uuid_1=__webpack_require__(53871),hover_highlighter_1=__webpack_require__(23988),element_highlighter_1=__webpack_require__(76308),children_highlighter_1=__webpack_require__(31524);function HybridHighlighter(_a){var{disabled,mode="hover",debounceSelection=80,watchMotion=!0,placement,rule,componentRule,classes,highlightStyle,className,style,bgColor,bgColorHover,bgColorActive,children}=_a,rest=__rest(_a,["disabled","mode","debounceSelection","watchMotion","placement","rule","componentRule","classes","highlightStyle","className","style","bgColor","bgColorHover","bgColorActive","children"]);const ref=(0,react_1.createRef)(),[targets,setTarget]=(0,react_1.useState)({}),scopeClass=(0,react_1.useRef)(`hl-scope-${(0,uuid_1.v4)()}`).current,hasTargets=Object.entries(targets).length>0;(0,react_1.useEffect)(()=>{disabled&&setTarget({})},[disabled]);const handlers=(0,hover_highlighter_1.useHoverHighlighter)(nextTarget=>setTarget(nextTarget?{"hover-target":nextTarget}:{}),rest,{debounceDuration:hasTargets?debounceSelection:0,scopeClass,disabled:disabled||mode!=="hover",rule,componentRule});(0,children_highlighter_1.useChildrenHighlighter)({onChange:setTarget,scopeRef:ref,scopeClass,disabled:disabled||mode!=="allChildren",rule,componentRule});const _styles=(0,react_1.useMemo)(()=>Object.assign({"--bit-highlighter-color":bgColor,"--bit-highlighter-color-hover":bgColorHover,"--bit-highlighter-color-active":bgColorActive},style),[bgColor,bgColorHover,bgColorActive,style]);return react_1.default.createElement("div",Object.assign({ref},rest,handlers,{style:_styles,className:(0,classnames_1.default)(className,scopeClass),"data-nullify-component-highlight":!0}),children,Object.entries(targets).map(([key,target])=>react_1.default.createElement(element_highlighter_1.ElementHighlighter,{key,targetRef:{current:target.element},components:target.components,classes,style:highlightStyle,placement,watchMotion})))}exports.HybridHighlighter=HybridHighlighter},90995:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HybridHighlighter=void 0;var hybrid_highlighter_1=__webpack_require__(92126);Object.defineProperty(exports,"HybridHighlighter",{enumerable:!0,get:function(){return hybrid_highlighter_1.HybridHighlighter}})},84486: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.skipHighlighterSelector=exports.skipHighlighterAttr=exports.skipHighlighterAttrName=exports.ExcludeHighlighter=exports.excludeHighlighterAtt=exports.excludeHighlighterSelector=exports.excludeHighlighterAttrName=void 0;const react_1=__importDefault(__webpack_require__(67294));exports.excludeHighlighterAttrName="data-ignore-component-highlight",exports.excludeHighlighterSelector=`[${exports.excludeHighlighterAttrName}]`,exports.excludeHighlighterAtt={[exports.excludeHighlighterAttrName]:!0};function ExcludeHighlighter(props){return react_1.default.createElement("div",Object.assign({},props,exports.excludeHighlighterAtt))}exports.ExcludeHighlighter=ExcludeHighlighter,exports.skipHighlighterAttrName="data-skip-component-highlight",exports.skipHighlighterAttr={[exports.skipHighlighterAttrName]:!0},exports.skipHighlighterSelector=`[${exports.skipHighlighterAttrName}]`},48191:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.skipHighlighterAttrName=exports.skipHighlighterAttr=exports.excludeHighlighterAttrName=exports.excludeHighlighterAtt=exports.ExcludeHighlighter=exports.ElementHighlighter=exports.ChildrenHighlighter=exports.HoverHighlighter=exports.ComponentHighlighter=void 0;var hybrid_highlighter_1=__webpack_require__(90995);Object.defineProperty(exports,"ComponentHighlighter",{enumerable:!0,get:function(){return hybrid_highlighter_1.HybridHighlighter}});var hover_highlighter_1=__webpack_require__(23988);Object.defineProperty(exports,"HoverHighlighter",{enumerable:!0,get:function(){return hover_highlighter_1.HoverHighlighter}});var children_highlighter_1=__webpack_require__(31524);Object.defineProperty(exports,"ChildrenHighlighter",{enumerable:!0,get:function(){return children_highlighter_1.ChildrenHighlighter}});var element_highlighter_1=__webpack_require__(76308);Object.defineProperty(exports,"ElementHighlighter",{enumerable:!0,get:function(){return element_highlighter_1.ElementHighlighter}});var ignore_highlighter_1=__webpack_require__(84486);Object.defineProperty(exports,"ExcludeHighlighter",{enumerable:!0,get:function(){return ignore_highlighter_1.ExcludeHighlighter}}),Object.defineProperty(exports,"excludeHighlighterAtt",{enumerable:!0,get:function(){return ignore_highlighter_1.excludeHighlighterAtt}}),Object.defineProperty(exports,"excludeHighlighterAttrName",{enumerable:!0,get:function(){return ignore_highlighter_1.excludeHighlighterAttrName}}),Object.defineProperty(exports,"skipHighlighterAttr",{enumerable:!0,get:function(){return ignore_highlighter_1.skipHighlighterAttr}}),Object.defineProperty(exports,"skipHighlighterAttrName",{enumerable:!0,get:function(){return ignore_highlighter_1.skipHighlighterAttrName}})},1554: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),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(o,v){Object.defineProperty(o,"default",{enumerable:!0,value:v})}:function(o,v){o.default=v}),__importStar=this&&this.__importStar||function(mod){if(mod&&mod.__esModule)return mod;var result={};if(mod!=null)for(var k in mod)k!=="default"&&Object.prototype.hasOwnProperty.call(mod,k)&&__createBinding(result,mod,k);return __setModuleDefault(result,mod),result},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentStrip=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_routing_native_link_1=__webpack_require__(62990),component_id_1=__webpack_require__(47274),component_modules_component_url_1=__webpack_require__(65468),react_ui_highlighter_component_metadata_bit_component_meta_1=__webpack_require__(16359),component_strip_module_scss_1=__importDefault(__webpack_require__(75440)),links_1=__webpack_require__(23660);exports.ComponentStrip=(0,react_1.forwardRef)(function({component,children},ref){const{id,homepage,exported}=extractMetadata(component),parsedId=(0,react_1.useMemo)(()=>component_id_1.ComponentID.tryFromString(id),[id]),componentLink=homepage||(0,links_1.calcComponentLink)(parsedId,exported);return react_1.default.createElement("div",{className:component_strip_module_scss_1.default.componentStrip,ref},!parsedId&&react_1.default.createElement(LabelBlock,{link:homepage},id),parsedId&&react_1.default.createElement(LabelBlock,{link:component_modules_component_url_1.ScopeUrl.toUrl(parsedId.scope)},parsedId.scope),parsedId&&react_1.default.createElement(LabelBlock,{link:componentLink,className:component_strip_module_scss_1.default.nameBlock},react_1.default.createElement("span",null,parsedId.fullName),parsedId.version&&parsedId.version!=="latest"&&react_1.default.createElement("span",{className:component_strip_module_scss_1.default.version},"@",parsedId.version)),children)});function LabelBlock({link,children,className}){const Comp=link?base_ui_routing_native_link_1.NativeLink:"span";return react_1.default.createElement(Comp,{href:link,external:!!link,className},children)}function extractMetadata(metadata){return typeof metadata=="string"?{id:metadata,exported:!0}:metadata[react_ui_highlighter_component_metadata_bit_component_meta_1.componentMetaField]}},90608:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LabelContainer=exports.Label=void 0;var label_1=__webpack_require__(16545);Object.defineProperty(exports,"Label",{enumerable:!0,get:function(){return label_1.Label}});var label_container_1=__webpack_require__(84185);Object.defineProperty(exports,"LabelContainer",{enumerable:!0,get:function(){return label_container_1.LabelContainer}})},84185: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),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}: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.LabelContainer=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),lodash_compact_1=__importDefault(__webpack_require__(16195)),react_dom_1=__webpack_require__(36728),label_module_scss_1=__importDefault(__webpack_require__(753)),HAS_RESIZE_OBSERVER=typeof window<"u"&&!!window.ResizeObserver;function LabelContainer(_a){var _b,{targetRef,offset,placement,flip=!0,watchMotion,className,style}=_a,rest=__rest(_a,["targetRef","offset","placement","flip","watchMotion","className","style"]);const{x,y,strategy,floating,reference,refs,update,middlewareData}=(0,react_dom_1.useFloating)({placement,middleware:(0,lodash_compact_1.default)([offset&&(0,react_dom_1.offset)({mainAxis:offset[0],crossAxis:offset[1]}),flip&&(0,react_dom_1.flip)(),(0,react_dom_1.shift)({rootBoundary:"document",mainAxis:!0,crossAxis:!0}),(0,react_dom_1.hide)({strategy:"referenceHidden"})])});(0,react_1.useLayoutEffect)(()=>{reference(targetRef.current)},[targetRef.current,reference]),(0,react_1.useEffect)(()=>!refs.reference.current||!refs.floating.current||!HAS_RESIZE_OBSERVER?()=>{}:(0,react_dom_1.autoUpdate)(refs.reference.current,refs.floating.current,update,{animationFrame:!!watchMotion}),[refs.reference.current,refs.floating.current,update,watchMotion]);const isReady=!(!((_b=middlewareData.hide)===null||_b===void 0)&&_b.referenceHidden);return react_1.default.createElement("div",Object.assign({},rest,{ref:floating,className:(0,classnames_1.default)(className,!isReady&&label_module_scss_1.default.hidden),style:Object.assign(Object.assign({},style),{position:strategy,top:y??0,left:x??0})}))}exports.LabelContainer=LabelContainer},16545: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),Object.defineProperty(o,k2,{enumerable:!0,get:function(){return m[k]}})}: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.Label=void 0;const react_1=__importStar(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(96961)),label_module_scss_1=__importDefault(__webpack_require__(753)),component_strip_1=__webpack_require__(1554),other_components_1=__webpack_require__(46976);function Label(_a){var{components}=_a,props=__rest(_a,["components"]);const[showMore,setShowMore]=(0,react_1.useState)(!1),last=components.slice(-1).pop();if(!last)return null;const hasMore=components.length>1;return(0,react_1.useEffect)(()=>{setShowMore(!1)},[components]),react_1.default.createElement(other_components_1.OtherComponentsPopper,{components,visible:showMore,placement:"bottom-start"},react_1.default.createElement(component_strip_1.ComponentStrip,Object.assign({},props,{component:last}),hasMore&&react_1.default.createElement("span",{className:(0,classnames_1.default)(label_module_scss_1.default.othersTooltip,showMore&&label_module_scss_1.default.active),onClick:()=>setShowMore(x=>!x)})))}exports.Label=Label},23660: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.calcComponentLink=void 0;const url_join_1=__importDefault(__webpack_require__(34078)),component_modules_component_url_1=__webpack_require__(65468);function calcComponentLink(id,exported){if(!!id)return exported?component_modules_component_url_1.ComponentUrl.toUrl(id):(0,url_join_1.default)("/",id.fullName)}exports.calcComponentLink=calcComponentLink},46976: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.OtherComponentsPopper=void 0;const react_1=__importDefault(__webpack_require__(67294)),headless_1=__importDefault(__webpack_require__(71215)),component_strip_1=__webpack_require__(1554),label_module_scss_1=__importDefault(__webpack_require__(753));function OtherComponentsPopper(_a){var{components,children,start,end=-1,placement="bottom",interactive=!0}=_a,tippyProps=__rest(_a,["components","children","start","end","placement","interactive"]);const content=react_1.default.createElement(react_1.default.Fragment,null,components.slice(start,end).reverse().map((comp,idx)=>react_1.default.createElement(component_strip_1.ComponentStrip,{key:idx,component:comp})));return react_1.default.createElement(headless_1.default,Object.assign({placement,interactive},tippyProps,{render:attrs=>react_1.default.createElement("div",Object.assign({},attrs,{className:label_module_scss_1.default.othersContainer}),content)}),children)}exports.OtherComponentsPopper=OtherComponentsPopper},93008:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.componentRuleMatcher=exports.ruleMatcher=void 0;const component_id_1=__webpack_require__(47274);function ruleMatcher(element,rule){return typeof rule=="string"?element.matches(rule):typeof rule=="function"?rule(element):!0}exports.ruleMatcher=ruleMatcher;function componentRuleMatcher(target,rule){if(typeof rule=="string"){const targetCmpId=component_id_1.ComponentID.tryFromString(target.meta.id),ruleCmpId=component_id_1.ComponentID.tryFromString(rule);return component_id_1.ComponentID.isEqual(ruleCmpId,targetCmpId,{ignoreVersion:!0})}if(Array.isArray(rule)){const targetCmpId=component_id_1.ComponentID.tryFromString(target.meta.id);return rule.map(x=>component_id_1.ComponentID.tryFromString(x)).some(cmdId=>component_id_1.ComponentID.isEqual(targetCmpId,cmdId,{ignoreVersion:!0}))}return typeof rule=="function"?rule(target):!0}exports.componentRuleMatcher=componentRuleMatcher},91204:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentID=void 0;const legacy_bit_id_1=__webpack_require__(35666),exceptions_1=__webpack_require__(8105);class ComponentID{constructor(legacyComponentId,_scope){this.legacyComponentId=legacyComponentId,this._scope=_scope}get _legacy(){return this.legacyComponentId}hasVersion(){return this._legacy.hasVersion()}get version(){return this.legacyComponentId.version}get namespace(){return this.legacyComponentId.name.split("/").slice(0,-1).join("/")}get fullName(){return this._legacy.name}get name(){const arr=this.legacyComponentId.name.split("/");return arr[arr.length-1]}get scope(){const scope=this._legacy.scope;if(scope)return scope;if(!this._scope)throw new Error("scope cannot be undefined");return this._scope}changeScope(scopeName){const legacyId=this._legacy.changeScope(scopeName);return ComponentID.fromLegacy(legacyId)}changeVersion(version){const legacyId=this._legacy.changeVersion(version);return ComponentID.fromLegacy(legacyId,this.scope)}isEqual(id,opts){return ComponentID.isEqual(this,id,opts)}getVersionPreReleaseData(){return this._legacy.getVersionPreReleaseData()}toStringWithoutVersion(){let id=this._legacy;return this._scope&&!this._legacy.scope&&(id=id.changeScope(this._scope)),id.toStringWithoutVersion()}toString(opts={}){let id=this._legacy;this._scope&&!this._legacy.scope&&(id=id.changeScope(this._scope));const idStr=id.toString(!1,opts.ignoreVersion);return opts.fsCompatible?idStr.replace(/\//g,"_").replace(/\./g,"_").replace(/-/g,"_"):idStr}toObject(){const object=this.legacyComponentId.serialize();return object.scope||(object.scope=this.scope),object}static tryFromString(idStr,scope){try{return ComponentID.fromString(idStr,scope)}catch{return}}static fromString(idStr,scope){const legacyId=legacy_bit_id_1.BitId.parse(idStr,!0);if(!scope&&!legacyId.scope)throw new exceptions_1.MissingScope(idStr);return new ComponentID(legacyId,scope)}static fromLegacyString(idStr,scope){const legacyId=legacy_bit_id_1.BitId.parse(idStr,!1);return new ComponentID(legacyId,scope)}static fromObject(object,scope){return ComponentID.fromLegacy(new legacy_bit_id_1.BitId(object),scope)}static isValidObject(o){return typeof o=="object"&&typeof o.name=="string"&&typeof o.scope=="string"}static isEqual(a,b,opts={}){if(!a&&!b)return!0;if(!a||!b)return!1;let result=a.scope===b.scope&&a.toString({ignoreVersion:opts.ignoreVersion})===b.toString({ignoreVersion:opts.ignoreVersion});return opts.ignoreVersion||(result=result&&a.version===b.version),result}static isEqualObj(a,b,opts={}){if(!a&&!b)return!0;if(!a||!b)return!1;let result=a.scope===b.scope&&a.name===b.name;return opts.ignoreVersion||(result=result&&a.version===b.version),result}static fromLegacy(legacyId,scope){if(!scope&&!legacyId.scope)throw new exceptions_1.MissingScope(legacyId);return new ComponentID(legacyId,scope)}}exports.ComponentID=ComponentID},8105:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingScope=void 0;const missing_scope_1=__webpack_require__(61504);Object.defineProperty(exports,"MissingScope",{enumerable:!0,get:function(){return missing_scope_1.MissingScope}})},61504:(__unused_webpack_module,exports)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MissingScope=void 0;class MissingScope extends Error{constructor(src){super(`scope was not defined directly or by "${src}"`)}report(){return this.message}}exports.MissingScope=MissingScope},47274:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ComponentID=void 0;var component_id_1=__webpack_require__(91204);Object.defineProperty(exports,"ComponentID",{enumerable:!0,get:function(){return component_id_1.ComponentID}})},96961:(module,exports)=>{var __WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__;/*!
   Copyright (c) 2018 Jed Watson.
   Licensed under the MIT License (MIT), see
   http://jedwatson.github.io/classnames

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

@@ -1,23 +1,23 @@
 {
-  "192.bb5053d7d06f619e69b9.js": "192.bb5053d7d06f619e69b9.js",
+  "192.670bdf78614485694dda.js": "192.670bdf78614485694dda.js",
   "22.8c98d2c3cd9d1bdb2d18.js": "22.8c98d2c3cd9d1bdb2d18.js",
   "244.13e6fa68db9b33522451.js": "244.13e6fa68db9b33522451.js",
   "compositions.css": "static/css/compositions.812d93fb.css",
   "compositions.html": "compositions.html",
-  "compositions.js": "compositions.01172a1857bf7858950a.js",
+  "compositions.js": "compositions.729b8611ebd5fba52fd7.js",
   "entrypoints": {
     "peers": {
       "assets": {
         "js": [
           "244.13e6fa68db9b33522451.js",
-          "peers.f184b7ba51d69174e27b.js"
+          "peers.225e0ed4ab2224230283.js"
         ]
       }
     },
     "preview-root": {
       "assets": {
         "js": [
-          "192.bb5053d7d06f619e69b9.js",
+          "192.670bdf78614485694dda.js",
           "preview-root.2a343f0c6dda508bcf58.js"
         ],
         "css": [
@@ -28,7 +28,7 @@
     "compositions": {
       "assets": {
         "js": [
-          "compositions.01172a1857bf7858950a.js"
+          "compositions.729b8611ebd5fba52fd7.js"
         ],
         "css": [
           "static/css/compositions.812d93fb.css"
@@ -39,7 +39,7 @@
       "assets": {
         "js": [
           "22.8c98d2c3cd9d1bdb2d18.js",
-          "overview.6ee3092154a9479f1f41.js"
+          "overview.665ed23407e420fd7df7.js"
         ],
         "css": [
           "static/css/overview.fff79c79.css"
@@ -49,8 +49,8 @@
   },
   "overview.css": "static/css/overview.fff79c79.css",
   "overview.html": "overview.html",
-  "overview.js": "overview.6ee3092154a9479f1f41.js",
-  "peers.js": "peers.f184b7ba51d69174e27b.js",
+  "overview.js": "overview.665ed23407e420fd7df7.js",
+  "peers.js": "peers.225e0ed4ab2224230283.js",
   "preview-root.js": "preview-root.2a343f0c6dda508bcf58.js",
   "static/css/192.db55f80a.css": "static/css/192.db55f80a.css"
 }

package/artifacts/env-template/public/{compositions.01172a1857bf7858950a.js → compositions.729b8611ebd5fba52fd7.js}

@@ -6,4 +6,4 @@
   Copyright (c) 2018 Jed Watson.
   Licensed under the MIT License (MIT), see
   http://jedwatson.github.io/classnames
-*/(function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(!!arg){var argType=typeof arg;if(argType==="string"||argType==="number")classes.push(arg);else if(Array.isArray(arg)){if(arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}}else if(argType==="object")if(arg.toString===Object.prototype.toString)for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key);else classes.push(arg.toString())}}return classes.join(" ")}module.exports?(classNames.default=classNames,module.exports=classNames):(__WEBPACK_AMD_DEFINE_ARRAY__=[],__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__),__WEBPACK_AMD_DEFINE_RESULT__!==void 0&&(module.exports=__WEBPACK_AMD_DEFINE_RESULT__))})()},31047:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(94891),exports)},94891: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.StandaloneNotFoundPage=void 0;const react_1=__importDefault(__webpack_require__(67294)),design_ui_pages_not_found_1=__webpack_require__(13794);function StandaloneNotFoundPage(){return react_1.default.createElement(design_ui_pages_not_found_1.NotFoundPage,{style:{fontFamily:'"Helvetica Neue",Helvetica, sans-serif'}})}exports.StandaloneNotFoundPage=StandaloneNotFoundPage},51166: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.CompositionsApp=void 0;const react_1=__importDefault(__webpack_require__(67294)),base_ui_utils_composer_1=__webpack_require__(57166),design_ui_pages_standalone_not_found_page_1=__webpack_require__(31047),react_ui_error_fallback_1=__webpack_require__(32334),react_ui_loader_fallback_1=__webpack_require__(4603),react_error_boundary_1=__webpack_require__(35800),hideScrollbars="body::-webkit-scrollbar {display: none;}";function CompositionsApp({Composition,previewContext}){const{providers=[]}=previewContext?.get("teambit.react/react")||{},safeComposition=(0,react_ui_loader_fallback_1.useFallback)(Composition&&react_1.default.createElement(Composition,null),react_1.default.createElement(design_ui_pages_standalone_not_found_page_1.StandaloneNotFoundPage,null));return react_1.default.createElement(react_error_boundary_1.ErrorBoundary,{FallbackComponent:react_ui_error_fallback_1.ErrorFallback,resetKeys:[Composition]},react_1.default.createElement(base_ui_utils_composer_1.Composer,{components:providers},react_1.default.createElement("style",null,hideScrollbars),safeComposition))}exports.CompositionsApp=CompositionsApp},40105:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(__webpack_require__(67294)),react_dom_1=__importDefault(__webpack_require__(73935)),compositions_app_1=__webpack_require__(51166);exports.default=(Composition,previewContext)=>{react_dom_1.default.render(react_1.default.createElement(compositions_app_1.CompositionsApp,{Composition,previewContext}),document.getElementById("root"))}},5659: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.default=exports.CompositionsApp=void 0;var compositions_app_1=__webpack_require__(51166);Object.defineProperty(exports,"CompositionsApp",{enumerable:!0,get:function(){return compositions_app_1.CompositionsApp}});var compositions_app_root_1=__webpack_require__(40105);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(compositions_app_root_1).default}})},16880:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorFallback=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),design_ui_icon_button_1=__webpack_require__(35059),base_ui_styles_flex_center_1=__webpack_require__(98373),error_fallback_module_scss_1=__importDefault(__webpack_require__(15772));function ErrorFallback({resetErrorBoundary,className,children="Failed to render",cta="try again"}){const handleClick=()=>__awaiter(this,void 0,void 0,function*(){yield new Promise(resolve=>setTimeout(resolve,480)),resetErrorBoundary()});return react_1.default.createElement("div",{className:(0,classnames_1.default)(error_fallback_module_scss_1.default.errorFallback,base_ui_styles_flex_center_1.flexCenter,className)},react_1.default.createElement("div",{className:error_fallback_module_scss_1.default.icon}),react_1.default.createElement("div",{className:error_fallback_module_scss_1.default.message},children),react_1.default.createElement(design_ui_icon_button_1.IconButton,{onClick:handleClick,className:error_fallback_module_scss_1.default.retryButton},cta))}exports.ErrorFallback=ErrorFallback},32334:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorFallback=void 0;var error_fallback_1=__webpack_require__(16880);Object.defineProperty(exports,"ErrorFallback",{enumerable:!0,get:function(){return error_fallback_1.ErrorFallback}})},4603:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFallback=exports.LoaderFallback=void 0;var loader_fallback_1=__webpack_require__(48767);Object.defineProperty(exports,"LoaderFallback",{enumerable:!0,get:function(){return loader_fallback_1.LoaderFallback}}),Object.defineProperty(exports,"useFallback",{enumerable:!0,get:function(){return loader_fallback_1.useFallback}})},48767: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.useFallback=exports.LoaderFallback=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_loaders_loader_ribbon_1=__webpack_require__(99884);function LoaderFallback({Target,Loader=LoaderComponent,DefaultComponent,timeout=15e3}){return useFallback(Target&&react_1.default.createElement(Target,null),react_1.default.createElement(DefaultComponent,null),{timeout,loader:react_1.default.createElement(Loader,null)})}exports.LoaderFallback=LoaderFallback;function useFallback(target,fallback,{timeout=15e3,loader=react_1.default.createElement(LoaderComponent,null)}={}){const[working,setWorking]=(0,react_1.useState)(!!target),hasTarget=!!target;return(0,react_1.useEffect)(()=>{if(timeout<=0)return()=>{};if(hasTarget)return setWorking(!0),()=>{};const tmId=setTimeout(()=>setWorking(!1),timeout);return()=>clearTimeout(tmId)},[hasTarget,timeout]),target||(working&&timeout>0?loader:fallback)}exports.useFallback=useFallback;function LoaderComponent(){return react_1.default.createElement(base_ui_loaders_loader_ribbon_1.LoaderRibbon,{active:!0,style:{position:"fixed",top:0,left:0,right:0}})}},74778:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(74649),_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(5659),_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__);(0,_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("compositions",{mainModule:_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__,isSplitComponentBundle:!0,componentMap:{}})},80719:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={loader:"loader-ribbon_loader__2GCaR",loading:"loader-ribbon_loading__3uSHa",progress:"loader-ribbon_progress__12zF8",completed:"loader-ribbon_completed__33Bjc"}},49462:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={flexCenter:"flex-center_flexCenter__1OE5Q"}},22287:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={iconButton:"icon-button_iconButton__2YTx9",iconOnly:"icon-button_iconOnly__mU2Gj",active:"icon-button_active__3NW_G",icon:"icon-button_icon__24uLr",margin:"icon-button_margin__tDWIN"}},87651:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={buttonSizes:"sizes_buttonSizes__2RvCY"}},15772:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={icon:"error-fallback_icon__22fU3",message:"error-fallback_message__7TfMY",errorFallback:"error-fallback_errorFallback__3WyiR",enter:"error-fallback_enter__3s9LR"}},35800:function(__unused_webpack_module,exports,__webpack_require__){(function(global,factory){factory(exports,__webpack_require__(67294))})(this,function(exports2,React){"use strict";function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach(function(k){if(k!=="default"){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:!0,get:function(){return e[k]}})}}),n.default=e,Object.freeze(n)}var React__namespace=_interopNamespace(React);function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function(o2,p2){return o2.__proto__=p2,o2},_setPrototypeOf(o,p)}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass)}var changedArray=function(a,b){return a===void 0&&(a=[]),b===void 0&&(b=[]),a.length!==b.length||a.some(function(item,index){return!Object.is(item,b[index])})},initialState={error:null},ErrorBoundary=function(_React$Component){_inheritsLoose(ErrorBoundary2,_React$Component);function ErrorBoundary2(){for(var _this,_len=arguments.length,_args=new Array(_len),_key=0;_key<_len;_key++)_args[_key]=arguments[_key];return _this=_React$Component.call.apply(_React$Component,[this].concat(_args))||this,_this.state=initialState,_this.resetErrorBoundary=function(){for(var _this$props,_len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];_this.props.onReset==null||(_this$props=_this.props).onReset.apply(_this$props,args),_this.reset()},_this}ErrorBoundary2.getDerivedStateFromError=function(error){return{error}};var _proto=ErrorBoundary2.prototype;return _proto.reset=function(){this.setState(initialState)},_proto.componentDidCatch=function(error,info){var _this$props$onError,_this$props2;(_this$props$onError=(_this$props2=this.props).onError)==null||_this$props$onError.call(_this$props2,error,info)},_proto.componentDidUpdate=function(prevProps,prevState){var error=this.state.error,resetKeys=this.props.resetKeys;if(error!==null&&prevState.error!==null&&changedArray(prevProps.resetKeys,resetKeys)){var _this$props$onResetKe,_this$props3;(_this$props$onResetKe=(_this$props3=this.props).onResetKeysChange)==null||_this$props$onResetKe.call(_this$props3,prevProps.resetKeys,resetKeys),this.reset()}},_proto.render=function(){var error=this.state.error,_this$props4=this.props,fallbackRender=_this$props4.fallbackRender,FallbackComponent=_this$props4.FallbackComponent,fallback=_this$props4.fallback;if(error!==null){var _props={error,resetErrorBoundary:this.resetErrorBoundary};if(React__namespace.isValidElement(fallback))return fallback;if(typeof fallbackRender=="function")return fallbackRender(_props);if(FallbackComponent)return React__namespace.createElement(FallbackComponent,_props);throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop")}return this.props.children},ErrorBoundary2}(React__namespace.Component);function withErrorBoundary(Component,errorBoundaryProps){var Wrapped=function(props){return React__namespace.createElement(ErrorBoundary,errorBoundaryProps,React__namespace.createElement(Component,props))},name=Component.displayName||Component.name||"Unknown";return Wrapped.displayName="withErrorBoundary("+name+")",Wrapped}function useErrorHandler(givenError){var _React$useState=React__namespace.useState(null),error=_React$useState[0],setError=_React$useState[1];if(givenError!=null)throw givenError;if(error!=null)throw error;return setError}exports2.ErrorBoundary=ErrorBoundary,exports2.useErrorHandler=useErrorHandler,exports2.withErrorBoundary=withErrorBoundary,Object.defineProperty(exports2,"__esModule",{value:!0})})}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[244,192,629],()=>__webpack_exec__(74778));var __webpack_exports__=__webpack_require__.O()}]);
+*/(function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(!!arg){var argType=typeof arg;if(argType==="string"||argType==="number")classes.push(arg);else if(Array.isArray(arg)){if(arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}}else if(argType==="object")if(arg.toString===Object.prototype.toString)for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key);else classes.push(arg.toString())}}return classes.join(" ")}module.exports?(classNames.default=classNames,module.exports=classNames):(__WEBPACK_AMD_DEFINE_ARRAY__=[],__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__),__WEBPACK_AMD_DEFINE_RESULT__!==void 0&&(module.exports=__WEBPACK_AMD_DEFINE_RESULT__))})()},31047:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(o,m,k,k2){k2===void 0&&(k2=k);var desc=Object.getOwnPropertyDescriptor(m,k);(!desc||("get"in desc?!m.__esModule:desc.writable||desc.configurable))&&(desc={enumerable:!0,get:function(){return m[k]}}),Object.defineProperty(o,k2,desc)}:function(o,m,k,k2){k2===void 0&&(k2=k),o[k2]=m[k]}),__exportStar=this&&this.__exportStar||function(m,exports2){for(var p in m)p!=="default"&&!Object.prototype.hasOwnProperty.call(exports2,p)&&__createBinding(exports2,m,p)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(__webpack_require__(94891),exports)},94891: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.StandaloneNotFoundPage=void 0;const react_1=__importDefault(__webpack_require__(67294)),design_ui_pages_not_found_1=__webpack_require__(13794);function StandaloneNotFoundPage(){return react_1.default.createElement(design_ui_pages_not_found_1.NotFoundPage,{style:{fontFamily:'"Helvetica Neue",Helvetica, sans-serif'}})}exports.StandaloneNotFoundPage=StandaloneNotFoundPage},51166: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.CompositionsApp=void 0;const react_1=__importDefault(__webpack_require__(67294)),base_ui_utils_composer_1=__webpack_require__(57166),design_ui_pages_standalone_not_found_page_1=__webpack_require__(31047),react_ui_error_fallback_1=__webpack_require__(32334),react_ui_loader_fallback_1=__webpack_require__(4603),react_error_boundary_1=__webpack_require__(35800),hideScrollbars="body::-webkit-scrollbar {display: none;}";function CompositionsApp({Composition,previewContext}){const{providers=[]}=previewContext?.get("teambit.react/react")||{},safeComposition=(0,react_ui_loader_fallback_1.useFallback)(Composition&&react_1.default.createElement(Composition,null),react_1.default.createElement(design_ui_pages_standalone_not_found_page_1.StandaloneNotFoundPage,null));return react_1.default.createElement(react_error_boundary_1.ErrorBoundary,{FallbackComponent:react_ui_error_fallback_1.ErrorFallback,resetKeys:[Composition]},react_1.default.createElement(base_ui_utils_composer_1.Composer,{components:providers},react_1.default.createElement("style",null,hideScrollbars),safeComposition))}exports.CompositionsApp=CompositionsApp},40105:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(__webpack_require__(67294)),react_dom_1=__importDefault(__webpack_require__(73935)),compositions_app_1=__webpack_require__(51166);exports.default=(Composition,previewContext)=>{react_dom_1.default.render(react_1.default.createElement(compositions_app_1.CompositionsApp,{Composition,previewContext}),document.getElementById("root"))}},5659: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.default=exports.CompositionsApp=void 0;var compositions_app_1=__webpack_require__(51166);Object.defineProperty(exports,"CompositionsApp",{enumerable:!0,get:function(){return compositions_app_1.CompositionsApp}});var compositions_app_root_1=__webpack_require__(40105);Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return __importDefault(compositions_app_root_1).default}})},16880:function(__unused_webpack_module,exports,__webpack_require__){"use strict";var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value)})}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator.throw(value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())})},__importDefault=this&&this.__importDefault||function(mod){return mod&&mod.__esModule?mod:{default:mod}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorFallback=void 0;const react_1=__importDefault(__webpack_require__(67294)),classnames_1=__importDefault(__webpack_require__(94184)),design_ui_icon_button_1=__webpack_require__(35059),base_ui_styles_flex_center_1=__webpack_require__(98373),error_fallback_module_scss_1=__importDefault(__webpack_require__(15772));function ErrorFallback({resetErrorBoundary,className,children="Failed to render",cta="try again"}){const handleClick=()=>__awaiter(this,void 0,void 0,function*(){yield new Promise(resolve=>setTimeout(resolve,480)),resetErrorBoundary()});return react_1.default.createElement("div",{className:(0,classnames_1.default)(error_fallback_module_scss_1.default.errorFallback,base_ui_styles_flex_center_1.flexCenter,className)},react_1.default.createElement("div",{className:error_fallback_module_scss_1.default.icon}),react_1.default.createElement("div",{className:error_fallback_module_scss_1.default.message},children),react_1.default.createElement(design_ui_icon_button_1.IconButton,{onClick:handleClick,className:error_fallback_module_scss_1.default.retryButton},cta))}exports.ErrorFallback=ErrorFallback},32334:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorFallback=void 0;var error_fallback_1=__webpack_require__(16880);Object.defineProperty(exports,"ErrorFallback",{enumerable:!0,get:function(){return error_fallback_1.ErrorFallback}})},4603:(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFallback=exports.LoaderFallback=void 0;var loader_fallback_1=__webpack_require__(48767);Object.defineProperty(exports,"LoaderFallback",{enumerable:!0,get:function(){return loader_fallback_1.LoaderFallback}}),Object.defineProperty(exports,"useFallback",{enumerable:!0,get:function(){return loader_fallback_1.useFallback}})},48767: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.useFallback=exports.LoaderFallback=void 0;const react_1=__importStar(__webpack_require__(67294)),base_ui_loaders_loader_ribbon_1=__webpack_require__(99884);function LoaderFallback({Target,Loader=LoaderComponent,DefaultComponent,timeout=15e3}){return useFallback(Target&&react_1.default.createElement(Target,null),react_1.default.createElement(DefaultComponent,null),{timeout,loader:react_1.default.createElement(Loader,null)})}exports.LoaderFallback=LoaderFallback;function useFallback(target,fallback,{timeout=15e3,loader=react_1.default.createElement(LoaderComponent,null)}={}){const[working,setWorking]=(0,react_1.useState)(!!target),hasTarget=!!target;return(0,react_1.useEffect)(()=>{if(timeout<=0)return()=>{};if(hasTarget)return setWorking(!0),()=>{};const tmId=setTimeout(()=>setWorking(!1),timeout);return()=>clearTimeout(tmId)},[hasTarget,timeout]),target||(working&&timeout>0?loader:fallback)}exports.useFallback=useFallback;function LoaderComponent(){return react_1.default.createElement(base_ui_loaders_loader_ribbon_1.LoaderRibbon,{active:!0,style:{position:"fixed",top:0,left:0,right:0}})}},34928:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(74649),_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(5659),_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__);(0,_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("compositions",{mainModule:_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__,isSplitComponentBundle:!0,componentMap:{}})},80719:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={loader:"loader-ribbon_loader__2GCaR",loading:"loader-ribbon_loading__3uSHa",progress:"loader-ribbon_progress__12zF8",completed:"loader-ribbon_completed__33Bjc"}},49462:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={flexCenter:"flex-center_flexCenter__1OE5Q"}},22287:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={iconButton:"icon-button_iconButton__2YTx9",iconOnly:"icon-button_iconOnly__mU2Gj",active:"icon-button_active__3NW_G",icon:"icon-button_icon__24uLr",margin:"icon-button_margin__tDWIN"}},87651:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={buttonSizes:"sizes_buttonSizes__2RvCY"}},15772:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__={icon:"error-fallback_icon__22fU3",message:"error-fallback_message__7TfMY",errorFallback:"error-fallback_errorFallback__3WyiR",enter:"error-fallback_enter__3s9LR"}},35800:function(__unused_webpack_module,exports,__webpack_require__){(function(global,factory){factory(exports,__webpack_require__(67294))})(this,function(exports2,React){"use strict";function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach(function(k){if(k!=="default"){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:!0,get:function(){return e[k]}})}}),n.default=e,Object.freeze(n)}var React__namespace=_interopNamespace(React);function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function(o2,p2){return o2.__proto__=p2,o2},_setPrototypeOf(o,p)}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass)}var changedArray=function(a,b){return a===void 0&&(a=[]),b===void 0&&(b=[]),a.length!==b.length||a.some(function(item,index){return!Object.is(item,b[index])})},initialState={error:null},ErrorBoundary=function(_React$Component){_inheritsLoose(ErrorBoundary2,_React$Component);function ErrorBoundary2(){for(var _this,_len=arguments.length,_args=new Array(_len),_key=0;_key<_len;_key++)_args[_key]=arguments[_key];return _this=_React$Component.call.apply(_React$Component,[this].concat(_args))||this,_this.state=initialState,_this.resetErrorBoundary=function(){for(var _this$props,_len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];_this.props.onReset==null||(_this$props=_this.props).onReset.apply(_this$props,args),_this.reset()},_this}ErrorBoundary2.getDerivedStateFromError=function(error){return{error}};var _proto=ErrorBoundary2.prototype;return _proto.reset=function(){this.setState(initialState)},_proto.componentDidCatch=function(error,info){var _this$props$onError,_this$props2;(_this$props$onError=(_this$props2=this.props).onError)==null||_this$props$onError.call(_this$props2,error,info)},_proto.componentDidUpdate=function(prevProps,prevState){var error=this.state.error,resetKeys=this.props.resetKeys;if(error!==null&&prevState.error!==null&&changedArray(prevProps.resetKeys,resetKeys)){var _this$props$onResetKe,_this$props3;(_this$props$onResetKe=(_this$props3=this.props).onResetKeysChange)==null||_this$props$onResetKe.call(_this$props3,prevProps.resetKeys,resetKeys),this.reset()}},_proto.render=function(){var error=this.state.error,_this$props4=this.props,fallbackRender=_this$props4.fallbackRender,FallbackComponent=_this$props4.FallbackComponent,fallback=_this$props4.fallback;if(error!==null){var _props={error,resetErrorBoundary:this.resetErrorBoundary};if(React__namespace.isValidElement(fallback))return fallback;if(typeof fallbackRender=="function")return fallbackRender(_props);if(FallbackComponent)return React__namespace.createElement(FallbackComponent,_props);throw new Error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop")}return this.props.children},ErrorBoundary2}(React__namespace.Component);function withErrorBoundary(Component,errorBoundaryProps){var Wrapped=function(props){return React__namespace.createElement(ErrorBoundary,errorBoundaryProps,React__namespace.createElement(Component,props))},name=Component.displayName||Component.name||"Unknown";return Wrapped.displayName="withErrorBoundary("+name+")",Wrapped}function useErrorHandler(givenError){var _React$useState=React__namespace.useState(null),error=_React$useState[0],setError=_React$useState[1];if(givenError!=null)throw givenError;if(error!=null)throw error;return setError}exports2.ErrorBoundary=ErrorBoundary,exports2.useErrorHandler=useErrorHandler,exports2.withErrorBoundary=withErrorBoundary,Object.defineProperty(exports2,"__esModule",{value:!0})})}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[244,192,629],()=>__webpack_exec__(34928));var __webpack_exports__=__webpack_require__.O()}]);

package/artifacts/env-template/public/compositions.html

@@ -1,2 +1,2 @@
 <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Preview</title><script>// Allow to use react dev-tools inside the examples
-      try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><script defer="defer" src="244.13e6fa68db9b33522451.js"></script><script defer="defer" src="peers.f184b7ba51d69174e27b.js"></script><script defer="defer" src="192.bb5053d7d06f619e69b9.js"></script><script defer="defer" src="preview-root.2a343f0c6dda508bcf58.js"></script><script defer="defer" src="compositions.01172a1857bf7858950a.js"></script><link href="static/css/192.db55f80a.css" rel="stylesheet"><link href="static/css/compositions.812d93fb.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
+      try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><script defer="defer" src="244.13e6fa68db9b33522451.js"></script><script defer="defer" src="peers.225e0ed4ab2224230283.js"></script><script defer="defer" src="192.670bdf78614485694dda.js"></script><script defer="defer" src="preview-root.2a343f0c6dda508bcf58.js"></script><script defer="defer" src="compositions.729b8611ebd5fba52fd7.js"></script><link href="static/css/192.db55f80a.css" rel="stylesheet"><link href="static/css/compositions.812d93fb.css" rel="stylesheet"></head><body><div id="root"></div></body></html>

package/artifacts/env-template/public/overview.665ed23407e420fd7df7.js

@@ -0,0 +1 @@
+"use strict";(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[340],{69589:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(74649),_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(79022),_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__);(0,_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("overview",{mainModule:_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__,isSplitComponentBundle:!0,componentMap:{}})}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[22,244,192,629,384],()=>__webpack_exec__(69589));var __webpack_exports__=__webpack_require__.O()}]);

package/artifacts/env-template/public/overview.html

@@ -1,2 +1,2 @@
 <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Preview</title><script>// Allow to use react dev-tools inside the examples
-      try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><script defer="defer" src="244.13e6fa68db9b33522451.js"></script><script defer="defer" src="peers.f184b7ba51d69174e27b.js"></script><script defer="defer" src="192.bb5053d7d06f619e69b9.js"></script><script defer="defer" src="preview-root.2a343f0c6dda508bcf58.js"></script><script defer="defer" src="compositions.01172a1857bf7858950a.js"></script><script defer="defer" src="22.8c98d2c3cd9d1bdb2d18.js"></script><script defer="defer" src="overview.6ee3092154a9479f1f41.js"></script><link href="static/css/192.db55f80a.css" rel="stylesheet"><link href="static/css/compositions.812d93fb.css" rel="stylesheet"><link href="static/css/overview.fff79c79.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
+      try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}</script><script defer="defer" src="244.13e6fa68db9b33522451.js"></script><script defer="defer" src="peers.225e0ed4ab2224230283.js"></script><script defer="defer" src="192.670bdf78614485694dda.js"></script><script defer="defer" src="preview-root.2a343f0c6dda508bcf58.js"></script><script defer="defer" src="compositions.729b8611ebd5fba52fd7.js"></script><script defer="defer" src="22.8c98d2c3cd9d1bdb2d18.js"></script><script defer="defer" src="overview.665ed23407e420fd7df7.js"></script><link href="static/css/192.db55f80a.css" rel="stylesheet"><link href="static/css/compositions.812d93fb.css" rel="stylesheet"><link href="static/css/overview.fff79c79.css" rel="stylesheet"></head><body><div id="root"></div></body></html>

package/artifacts/env-template/public/{peers.f184b7ba51d69174e27b.js → peers.225e0ed4ab2224230283.js}

@@ -1 +1 @@
-(()=>{"use strict";var __webpack_modules__={43979:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__2)=>{var react__WEBPACK_IMPORTED_MODULE_0___namespace_cache,react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__2(67294),react_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__2(73935),_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__2(38168),_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__2(3905);const globalObj=window;guard("React",react__WEBPACK_IMPORTED_MODULE_0___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_0___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_0__,2))),guard("ReactDom",react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_1__,2))),guard("TeambitMdxUiMdxScopeContext",_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_2__),guard("MdxJsReact",_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__),globalObj.React=react__WEBPACK_IMPORTED_MODULE_0___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_0___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_0__,2)),globalObj.ReactDom=react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_1__,2)),globalObj.TeambitMdxUiMdxScopeContext=_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_2__,globalObj.MdxJsReact=_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__;function guard(property,expected){var existing=globalObj[property];if(existing===expected&&expected!==void 0)console.warn('[expose-peers] "'+property+'" already exists in global scope, but with correct value');else if(existing!==void 0)throw new Error('[expose-peers] "'+property+'" already exists in the global scope, cannot overwrite')}}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,(()=>{var deferred=[];__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(chunkIds){priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority];return}for(var notFulfilled=1/0,i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(priority&!1||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every(key=>__webpack_require__.O[key](chunkIds[j]))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();r!==void 0&&(result=r)}}return result}})(),__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},(()=>{var getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,leafPrototypes;__webpack_require__.t=function(value,mode){if(mode&1&&(value=this(value)),mode&8||typeof value=="object"&&value&&(mode&4&&value.__esModule||mode&16&&typeof value.then=="function"))return value;var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=mode&2&&value;typeof current=="object"&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach(key=>def[key]=()=>value[key]);return def.default=()=>value,__webpack_require__.d(ns,def),ns}})(),__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch{if(typeof window=="object")return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),(()=>{var installedChunks={703:0};__webpack_require__.O.j=chunkId=>installedChunks[chunkId]===0;var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var[chunkIds,moreModules,runtime]=data,moduleId,chunkId,i=0;if(chunkIds.some(id=>installedChunks[id]!==0)){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkIds[i]]=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,[244],()=>__webpack_require__(43979));__webpack_exports__=__webpack_require__.O(__webpack_exports__)})();
+(()=>{"use strict";var __webpack_modules__={98777:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__2)=>{var react__WEBPACK_IMPORTED_MODULE_0___namespace_cache,react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__2(67294),react_dom__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__2(73935),_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__2(38168),_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__2(3905);const globalObj=window;guard("React",react__WEBPACK_IMPORTED_MODULE_0___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_0___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_0__,2))),guard("ReactDom",react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_1__,2))),guard("TeambitMdxUiMdxScopeContext",_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_2__),guard("MdxJsReact",_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__),globalObj.React=react__WEBPACK_IMPORTED_MODULE_0___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_0___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_0__,2)),globalObj.ReactDom=react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_1___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_1__,2)),globalObj.TeambitMdxUiMdxScopeContext=_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_2__,globalObj.MdxJsReact=_mdx_js_react__WEBPACK_IMPORTED_MODULE_3__;function guard(property,expected){var existing=globalObj[property];if(existing===expected&&expected!==void 0)console.warn('[expose-peers] "'+property+'" already exists in global scope, but with correct value');else if(existing!==void 0)throw new Error('[expose-peers] "'+property+'" already exists in the global scope, cannot overwrite')}}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,(()=>{var deferred=[];__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(chunkIds){priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority];return}for(var notFulfilled=1/0,i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(priority&!1||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every(key=>__webpack_require__.O[key](chunkIds[j]))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();r!==void 0&&(result=r)}}return result}})(),__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},(()=>{var getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,leafPrototypes;__webpack_require__.t=function(value,mode){if(mode&1&&(value=this(value)),mode&8||typeof value=="object"&&value&&(mode&4&&value.__esModule||mode&16&&typeof value.then=="function"))return value;var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=mode&2&&value;typeof current=="object"&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach(key=>def[key]=()=>value[key]);return def.default=()=>value,__webpack_require__.d(ns,def),ns}})(),__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch{if(typeof window=="object")return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),(()=>{var installedChunks={703:0};__webpack_require__.O.j=chunkId=>installedChunks[chunkId]===0;var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var[chunkIds,moreModules,runtime]=data,moduleId,chunkId,i=0;if(chunkIds.some(id=>installedChunks[id]!==0)){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkIds[i]]=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,[244],()=>__webpack_require__(98777));__webpack_exports__=__webpack_require__.O(__webpack_exports__)})();

package/artifacts/schema.json

@@ -111,7 +111,7 @@
                       "componentId": {
                         "scope": "teambit.mdx",
                         "name": "mdx",
-                        "version": "0.0.891"
+                        "version": "0.0.893"
                       }
                     }
                   ]
@@ -137,7 +137,7 @@
                   "componentId": {
                     "scope": "teambit.docs",
                     "name": "docs",
-                    "version": "0.0.911"
+                    "version": "0.0.913"
                   }
                 }
               }
@@ -206,7 +206,7 @@
                       "componentId": {
                         "scope": "teambit.envs",
                         "name": "envs",
-                        "version": "0.0.911"
+                        "version": "0.0.913"
                       }
                     },
                     {
@@ -220,7 +220,7 @@
                       "componentId": {
                         "scope": "teambit.mdx",
                         "name": "mdx",
-                        "version": "0.0.891"
+                        "version": "0.0.893"
                       }
                     },
                     {
@@ -234,7 +234,7 @@
                       "componentId": {
                         "scope": "teambit.docs",
                         "name": "docs",
-                        "version": "0.0.911"
+                        "version": "0.0.913"
                       }
                     }
                   ]
@@ -284,7 +284,7 @@
               "componentId": {
                 "scope": "teambit.mdx",
                 "name": "readme",
-                "version": "0.0.195"
+                "version": "0.0.197"
               }
             }
           }
@@ -319,7 +319,7 @@
                   "componentId": {
                     "scope": "teambit.docs",
                     "name": "docs",
-                    "version": "0.0.911"
+                    "version": "0.0.913"
                   }
                 }
               }
@@ -356,7 +356,7 @@
                   "componentId": {
                     "scope": "teambit.component",
                     "name": "component",
-                    "version": "0.0.911"
+                    "version": "0.0.913"
                   }
                 }
               }
@@ -410,7 +410,7 @@
                   "componentId": {
                     "scope": "teambit.component",
                     "name": "component",
-                    "version": "0.0.911"
+                    "version": "0.0.913"
                   }
                 }
               }
@@ -488,6 +488,6 @@
   "componentId": {
     "scope": "teambit.mdx",
     "name": "readme",
-    "version": "0.0.195"
+    "version": "0.0.197"
   }
 }

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@teambit/readme",
-  "version": "0.0.195",
+  "version": "0.0.197",
   "homepage": "https://bit.dev/teambit/mdx/readme",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.mdx",
     "name": "readme",
-    "version": "0.0.195"
+    "version": "0.0.197"
   },
   "dependencies": {
     "@babel/runtime": "7.20.0",
     "core-js": "^3.0.0",
     "@teambit/harmony": "0.3.3",
-    "@teambit/component": "0.0.911",
-    "@teambit/docs": "0.0.911",
-    "@teambit/envs": "0.0.911",
+    "@teambit/component": "0.0.913",
+    "@teambit/docs": "0.0.913",
+    "@teambit/envs": "0.0.913",
     "@teambit/cli": "0.0.609",
-    "@teambit/mdx": "0.0.891"
+    "@teambit/mdx": "0.0.893"
   },
   "devDependencies": {
     "@types/mocha": "9.1.0",

package/artifacts/env-template/public/overview.6ee3092154a9479f1f41.js

@@ -1 +0,0 @@
-"use strict";(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[340],{8397:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(74649),_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(79022),_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__);(0,_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("overview",{mainModule:_home_circleci_bit_bit_node_modules_teambit_react_ui_docs_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__,isSplitComponentBundle:!0,componentMap:{}})}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[22,244,192,629,384],()=>__webpack_exec__(8397));var __webpack_exports__=__webpack_require__.O()}]);