@variousjs/various 5.1.1 → 5.1.2

package/dist/standalone.js

@@ -1,2 +1,1834 @@
-!function(){var e={700:function(e,t,r){var n;self,n=e=>(()=>{"use strict";var t={294:(e,t,r)=>{r.d(t,{default:()=>a});var n=r(942),o=r(63),s=r.n(o);function i(e,t=new WeakMap){if("object"!=typeof e||null===e)return e;if(t.has(e))return t.get(e);const r=Array.isArray(e)?[]:{};t.set(e,r);const n=Reflect.ownKeys(e);for(const o of n)r[o]=i(e[o],t);return r}class a{constructor(){var e;(0,n.Z)(this,"state",void 0),(0,n.Z)(this,"listeners",void 0),(0,n.Z)(this,"emits",void 0),(0,n.Z)(this,"timer",void 0),(0,n.Z)(this,"onStateChange",void 0),(0,n.Z)(this,"getStore",void 0),(0,n.Z)(this,"createStore",e=>{this.listeners=Reflect.ownKeys(e).reduce((t,r)=>{const n=r;return this.state[n]=e[n],{...t,[r]:[]}},{})}),(0,n.Z)(this,"subscribe",e=>{const t={};return Reflect.ownKeys(e).forEach(r=>{const n=r;this.listeners[n]||(this.listeners[n]=[]),this.listeners[n].push(e[n]),t[n]=e[n]}),()=>{Reflect.ownKeys(t).forEach(e=>{const r=e;this.listeners[r]=this.listeners[r].filter(e=>e!==t[r])})}}),(0,n.Z)(this,"emit",(e,t)=>{this.emits={...this.emits,...e},t?this.trigger():(clearTimeout(this.timer),this.timer=setTimeout(this.trigger))}),(0,n.Z)(this,"dispatch",(e,...t)=>e({getStore:this.getStore,emit:e=>this.emit(e,!0)},...t)),(0,n.Z)(this,"trigger",()=>{const e=this.emits,t=[],r=Reflect.ownKeys(e);for(let n=0;n<r.length;n+=1){const o=r[n];if(s()(this.state[o],e[o]))continue;const a=e[o],u=this.state[o];this.state[o]=i(e[o]),t.push({key:o,newValue:a,oldValue:u})}const n={};t.forEach(e=>{n[e.key]=[e.newValue,e.oldValue],this.listeners[e.key]&&this.listeners[e.key].forEach(t=>t(e.newValue,e.oldValue))}),t.length&&this.onStateChange(n),this.emits={},this.timer=void 0}),this.state={},this.listeners={},this.emits={},this.timer=void 0,this.onStateChange=()=>null,this.getStore=(e=this.state,function(t){return t?i(e[t]):e})}set onChange(e){this.onStateChange=e}}},63:e=>{e.exports=function e(t,r){if(t===r)return!0;if(t&&r&&"object"==typeof t&&"object"==typeof r){if(t.constructor!==r.constructor)return!1;var n,o,s;if(Array.isArray(t)){if((n=t.length)!=r.length)return!1;for(o=n;0!=o--;)if(!e(t[o],r[o]))return!1;return!0}if(t.constructor===RegExp)return t.source===r.source&&t.flags===r.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===r.valueOf();if(t.toString!==Object.prototype.toString)return t.toString()===r.toString();if((n=(s=Object.keys(t)).length)!==Object.keys(r).length)return!1;for(o=n;0!=o--;)if(!Object.prototype.hasOwnProperty.call(r,s[o]))return!1;for(o=n;0!=o--;){var i=s[o];if(!e(t[i],r[i]))return!1}return!0}return t!=t&&r!=r}},250:t=>{t.exports=e},942:(e,t,r)=>{function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}r.d(t,{Z:()=>n})}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var s=r[e]={exports:{}};return t[e](s,s.exports,n),s.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var o={};return(()=>{n.d(o,{default:()=>u});var e=n(942),t=n(294),r=n(250),s=n.n(r);const i=["name","prototype","length","propTypes","defaultProps","getDerivedStateFromProps","contextTypes","displayName"];class a extends t.default{constructor(...t){super(...t),(0,e.Z)(this,"connect",function(t){const{getStore:n,subscribe:o}=t;return function(...t){return function(a){class u extends r.Component{constructor(r){super(r),(0,e.Z)(this,"unsubscribe",void 0),(0,e.Z)(this,"state",{props:n()}),this.unsubscribe=o(t.reduce((e,t)=>({...e,[t]:()=>{this.setState({props:n()})}}),{}))}componentWillUnmount(){this.unsubscribe()}render(){const{props:e}=this.state,t={...e,...this.props};return s().createElement(a,t)}}return Object.getOwnPropertyNames(a).forEach(e=>{const t=e;i.includes(e)||(u[t]=a[t])}),u}}}(this)),(0,e.Z)(this,"useStore",function(e){const{getStore:t,subscribe:n}=e;return function(...e){const[o,s]=(0,r.useState)(t());return(0,r.useLayoutEffect)(()=>n(e.reduce((e,r)=>({...e,[r]:()=>{s(e=>({...e,[r]:t()[r]}))}}),{}))),o}}(this))}}const u=a})(),o.default})(),e.exports=n(r(953))},953:function(e){"use strict";e.exports=require("react")}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var s=t[n]={exports:{}};return e[n](s,s.exports,r),s.exports}r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};!function(){"use strict";function e(){return e=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},e.apply(null,arguments)}r.r(n),r.d(n,{createComponent:function(){return Q},createConfig:function(){return X}});var t=r(953),o=r.n(t),s=r(700),i=r.n(s);const{createStore:a,getStore:u,connect:c,emit:l,subscribe:d,dispatch:m,useStore:p}=new(i());function f(){const e=u(),t=Object.keys(e),r={};return t.forEach(t=>{r[t]=e[t]}),r}const g=e=>{const t=U(e.$self,"various-component-fallback");return o().createElement("div",{className:t},"Loading")},h=({$error:e,$reload:t,$self:r})=>{const n=U(r,"various-component-error_fallback");return o().createElement("div",{className:n},o().createElement("h3",null,e.type),o().createElement("p",null,e.message),o().createElement("button",{type:"button",onClick:t},"Reload"))};var y=new class{constructor(){this.fallbackComponent=g,this.errorFallbackComponent=h,this.storeActions={},this.componentActions={},this.i18nConfigs={},this.middlewares={}}setMiddlewares(e){this.middlewares=e}getMiddlewares(){return this.middlewares}setI18nConfig(e,t){const r=P(e);this.i18nConfigs[r]={...this.i18nConfigs[r],...t}}getI18nConfig(e){const t=P(e);return this.i18nConfigs[t]}setGlobalI18nConfig(e){this.globalI18nConfig={...this.globalI18nConfig,...e}}getGlobalI18nConfig(){return this.globalI18nConfig}setComponentActions(e,t){const r=P(e);this.componentActions[r]=t}deleteComponentActions(e){const t=P(e);delete this.componentActions[t]}getComponentActions(e){const t=P(e);return this.componentActions[t]}setStoreActions(e){this.storeActions=e}getStoreActions(){return this.storeActions}setFallbackComponent(e){this.fallbackComponent=e}getFallbackComponent(){return this.fallbackComponent}setErrorFallbackComponent(e){this.errorFallbackComponent=e}getErrorFallbackComponent(){return this.errorFallbackComponent}};const w=e=>{const t=y.getMiddlewares(),r=t?.onLog?.(e);if(!1===r)return;const n={info:"blue",warn:"orange",error:"red"}[e.level],o=[`%c ${P(e)} `,`background:${n};border:1px solid ${n};padding:1px;border-radius:2px 0 0 2px;color: #fff;`];e.type&&(o[0]=`${o[0]}%c ${e.type} %c`,o.push(`border:1px solid ${n};padding:1px;border-radius:0 2px 2px 0;color:${n};`,"background:transparent")),"info"!==e.level&&(o[0]=` ${o[0]}`),window.console[e.level](...o,e.message)};var E=e=>({info(t,r){w({...e,level:"info",type:r,message:t})},warn(t,r){w({...e,level:"warn",type:r,message:t})},error(t,r){const n=y.getMiddlewares(),o=t instanceof A?t:new A({...e,type:r||"unknow",originalError:t instanceof Error?t:new Error(t)});n?.onError?.(o),w({...e,level:"error",type:r,message:t})}});const v=Symbol("MOUNTED_COMPONENTS"),b=Symbol("MESSAGE"),C=Symbol("CONFIG"),$=Symbol("DEPENDENCIES"),S=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeUnmount","unmounted","errorCaptured","renderTracked","renderTriggered","activated","deactivated","setup","data","render"],O=e=>async(t,r)=>{const n=y.getMiddlewares(),o=E(e);let s={trigger:e,event:t,value:r};if(n?.onMessage){const e=await n.onMessage(s);if(!1===e)return void o.warn("blocked by middleware","POST_MESSAGE");!0!==e&&(s={...s,...e})}l({[b]:{timestamp:+new Date,event:s.event,trigger:e,value:s.value}})};function R(e,t){const r=(t,r,n)=>{const o=y.getI18nConfig(e)||y.getGlobalI18nConfig();let s=n;if(void 0===s&&(s="string"==typeof r?r:t),!o)return x(new A({...e,type:"I18N",originalError:new Error("config not exist")})),s;if(o.loading)return s;const{lngStoreKey:i,resources:a}=o,c=u(i);if(void 0===i||void 0===c)return x(new A({...e,type:"I18N",originalError:new Error("locale key not defined")})),s;const l=a?.[c];if(!l)return x(new A({...e,type:"I18N",originalError:new Error(`locale resource \`${c}\` not exist`)})),s;if(!l[t])return x(new A({...e,type:"I18N",originalError:new Error(`locale key \`${t}\` not exist`)})),s;const d=l[t];if(!r||"string"==typeof r||"[object Object]"!==Object.prototype.toString.call(r))return d;const m=Object.keys(r);return m.length?m.reduce((e,t)=>{const n=new RegExp(`{\\s*${t}\\s*}`,"g");return e.replace(n,r[t].toString())},d):d};return r.update=(r,n)=>{const o={..."app"===n?y.getGlobalI18nConfig():y.getI18nConfig(e),...r};"app"===n?y.setGlobalI18nConfig(o):y.setI18nConfig(e,o),t()},r}const N=e=>`${e}?${+new Date}`,I=e=>window.requirejs.defined(e),j=e=>window.requirejs.specified(e),k=()=>u(v),M=(e,t)=>{const r=u($);if(t&&window.requirejs.defined(e))return;let n=N(r[e]);if(t){n=`${t}#${e}`;try{const{registry:r}=window.requirejs.s.contexts._;r?.[e].error&&(n=N(t))}catch(e){}}window.requirejs.undef(e),window.requirejs.config({paths:{[e]:n}})},P=e=>{const{name:t,module:r}=e;return r?`${t}.${r}`:t},x=e=>{const{name:t,module:r,type:n}=e;E({name:t,module:r}).error(e,n)};class A extends Error{constructor(e){super(e.originalError.message),this.type=e.type,this.originalError=e.originalError,this.module=e.module,this.name=e.name}}function D(e){const{componentNode:t,name:r,module:n,type:o,i18nUpdate:s}=e,i={};let a,c;return Object.getOwnPropertyNames(t).forEach(e=>{"function"==typeof t[e]&&("$onMessage"!==e?"$i18n"!==e?"vue3"===o&&S.includes(e)||(i[e]=t[e]):c=t[e]:a=t[e])}),c&&function(e,t,r){if(!e)return;const n=e();var o;null!=(o=n)&&"function"==typeof o.then?(t?y.setI18nConfig(t,{loading:!0,lngStoreKey:"",resources:{}}):y.setGlobalI18nConfig({loading:!0,lngStoreKey:"",resources:{}}),n.then(e=>{if(t)return y.setI18nConfig(t,{...e,loading:!1}),void r?.();const n=u(e.lngStoreKey);l({[e.lngStoreKey]:void 0},!0),l({[e.lngStoreKey]:n},!0),y.setGlobalI18nConfig({...e,loading:!1})}).catch(e=>{x(new A({name:t?.name||"app",module:t?.module,type:"I18N",originalError:e}))})):t?y.setI18nConfig(t,n):y.setGlobalI18nConfig(n)}(c,{name:r,module:n},s),y.setComponentActions({name:r,module:n},i),a?(m={name:r,module:n},p=a,d({[b](e){const{trigger:t,value:r,event:n}=e;m.name===t.name&&m.module===t.module||p({event:n,value:r,trigger:t})}})):()=>null;var m,p}function _(e){const t=k();((e,t)=>e.some(e=>e.name===t.name&&e.module===t.module))(t,e)||t.push(e),l({[v]:t},!0)}function T(e){const{name:t,module:r}=e;let n=k();n=n.filter(e=>e.name!==t||e.module!==r),l({[v]:n},!0),y.deleteComponentActions({name:t,module:r})}function F(e){const{name:t,module:r,url:n}=e,o=u($);return{name:t,module:r,url:n||o[t]}}function U(e,t){const{name:r,module:n}=e;return`${t} ${[r,n].filter(Boolean).join("-")}`}var q=e=>async function(t){const r=y.getMiddlewares(),n=E(e);let{name:o,module:s,action:i,value:a}=t;if(r?.onDispatch){const t=await r.onDispatch({target:{name:o,module:s},action:i,value:a,trigger:e});if(!1===t)return n.warn("blocked by middleware","DISPATCH"),Promise.resolve();!0!==t&&(o=t.target.name,s=t.target.module,i=t.action,a=t.value)}if("app"===o){const t=y.getStoreActions()[i];if(!t){const t=`action "${i}" is not present`,r=new A({...e,type:"DISPATCH",originalError:new Error(t)});throw x(r),r}return m(t,a,e)}const u=y.getComponentActions({name:o,module:s});if(!u){const t="component is not ready",r=new A({...e,type:"DISPATCH",originalError:new Error(t)});throw x(r),r}const c=u[i];if(!c){const t=`action "${i}" is not present`,r=new A({...e,type:"DISPATCH",originalError:new Error(t)});throw x(r),r}return Promise.resolve(c(a,e))},Z=(e,t=!0)=>{const r=u($),n=y.getMiddlewares(),{name:o,module:s,url:i}=e,a=+new Date,c=e=>{t&&x(e)};return i&&M(o,i),new Promise((e,t)=>{if(!i&&!r[o]&&!j(o)){const e=new A({name:o,module:s,type:"NOT_DEFINED",originalError:new Error(`module "${o}" not defined`)});return c(e),void t(e)}window.requirejs([o],r=>{const i=+new Date;if(n?.onLoad?.({name:o,module:s,loadStart:a,loadEnd:i,beenLoaded:I(o)}),!r){const e=new A({name:o,module:s,type:"INVALID_MODULE",originalError:new Error(`module "${o}" invalid`)});return M(o),c(e),void t(e)}const u="default"in r?r.default:r,l=s?r[s]:u;if(void 0===l&&s){const e=new A({name:o,module:s,type:"SUBMODULE_NOT_DEFINED",originalError:new Error(`submodule "${s}" not defined`)});return M(o),c(e),void t(e)}e(l)},e=>{const[r]=e.requireModules;M(o,i),M(r);let n="LOADING_ERROR";r!==o&&(n="SUBMODULE_LOADING_ERROR"),e.message.includes("https://requirejs.org/docs/errors.html")||(n=r===o?"SCRIPT_ERROR":"SUBMODULE_SCRIPT_ERROR");const s=new A({name:o,module:r===o?void 0:r,type:n,originalError:e});c(s),t(s)})})},K=function(r){const{name:n,module:s,url:i,watchKeys:a,onMounted:l}=r,d=a||Object.keys(u());class m extends t.Component{static displayName="various-react-component";state={componentReady:!1,isError:!1};unSubscribeMessage=()=>null;componentDidMount(){this.mountComponent()}componentWillUnmount(){this.error=void 0,this.ComponentNode=null,this.isUnMounted=!0,this.unSubscribeMessage(),T({name:n,module:s})}mountComponent=async()=>{try{const r=await Z({name:n,module:s,url:i},!1);if(this.isUnMounted)return;await(e=r,t={name:n,module:s},new Promise((r,n)=>{e.$$typeof||e.prototype?.isReactComponent||"function"==typeof e?r():n(new A({...t,originalError:new Error("not a valid React component"),type:"INVALID_COMPONENT"}))})),r.displayName=P({name:n,module:s}),_({name:n,module:s}),this.unSubscribeMessage=D({componentNode:r,name:n,module:s,i18nUpdate:()=>this.forceUpdate()}),this.ComponentNode=r,this.setState({componentReady:!0}),l?.()}catch(e){if(this.isUnMounted)return;this.error=e,this.setState({componentReady:!0,isError:!0})}var e,t};$postMessage=O({name:n,module:s});$dispatch=q({name:n,module:s});$t=R({name:n,module:s},()=>this.forceUpdate());$logger=E({name:n,module:s});$self=F({name:n,module:s,url:i});render(){const t=y.getFallbackComponent(),{$silent:r,$componentProps:s,$ref:i}=this.props,{componentReady:a,isError:u}=this.state,c=f(),l=this.ComponentNode;if(u)throw this.error;return a?o().createElement(l,e({},s,{$self:this.$self,$dispatch:this.$dispatch,$store:c,$postMessage:this.$postMessage,$t:this.$t,$logger:this.$logger,ref:i})):r||I(n)?null:o().createElement(t,{$self:this.$self,$store:c})}}const p=c(...d)(m);return p.displayName="various-connector",p},L=function(e){const{name:r,module:n,url:s,watchKeys:i,onMounted:a}=e,c=i||Object.keys(u()),l=e=>{const i=p(...c),u=(0,t.useRef)(),l=(0,t.useRef)(!1),d=(0,t.useRef)(),m=(0,t.useRef)(!1),f=(0,t.useRef)(),g=(0,t.useRef)(F({name:r,module:n,url:s})),h=(0,t.useRef)(null),w=(0,t.useRef)(),v=(0,t.useRef)(),b=(0,t.useRef)(),C=(0,t.useRef)(),$=(0,t.useRef)(),[S,N]=(0,t.useState)(!1),[j,k]=(0,t.useState)(!1),M=y.getFallbackComponent(),{$silent:P,$componentProps:x}=e,K=(0,t.useCallback)(()=>{const e=E({name:r,module:n}),t=q({name:r,module:n}),o=O({name:r,module:n}),s=R({name:r,module:n},()=>{$.current?.()});w.current=u.current.ref({...x}),v.current=u.current.ref({...i});const a=u.current.createApp({setup(){const e=u.current.ref(0);return $.current=()=>{e.value+=1},{key:e}},errorCaptured(e){const t=e;d.current=t.message?.includes("https://react")?new A({originalError:new Error("not a valid Vue component"),name:r,module:n,type:"INVALID_COMPONENT"}):t,k(!0)},render(){return u.current.h(f.current,{...w.current.value,various:{$dispatch:t,$logger:e,$postMessage:o,$t:s,$store:v.current.value,$self:g.current},key:this.key})}});a.mount(h.current),l.current=!0,b.current=()=>a.unmount()},[x,i]),L=(0,t.useCallback)(async()=>{try{const e=await Z({name:"vue"});u.current=e;const t=await Z({name:r,module:n,url:s},!1);if(m.current)return;await function(e,t){const r=new RegExp("^3\\.");return new Promise((n,o)=>{window.requirejs(["vue"],s=>{r.test(s.version)||o(new Error("Vue 3+ required, detected an incompatible version")),"function"!=typeof e?.render&&"function"!=typeof e?.setup?o(new A({...t,originalError:new Error("not a valid Vue component"),type:"INVALID_COMPONENT"})):n()})})}(t,{name:r,module:n}),_({name:r,module:n}),C.current=D({componentNode:t,name:r,module:n,type:"vue3",i18nUpdate(){$.current?.()}}),f.current=t,setTimeout(K),N(!0),a?.()}catch(e){if(m.current)return;d.current=e,N(!0),k(!0)}},[K]);if((0,t.useEffect)(()=>()=>{d.current=void 0,f.current=void 0,m.current=!0,T({name:r,module:n}),b.current?.(),C.current?.(),l.current=!1},[]),(0,t.useEffect)(()=>{l.current||L()},[L]),(0,t.useEffect)(()=>{w.current&&(w.current.value={...x})},[x]),(0,t.useEffect)(()=>{v.current&&(v.current.value={...i})},[i]),j)throw d.current;return o().createElement(o().Fragment,null,S||P||I(r)?null:o().createElement(M,{$self:g.current,$store:i}),o().createElement("div",{className:U({name:r,module:n},"various-vue-component"),ref:h}))};l.displayName=P({name:r,module:n});const d=e=>o().createElement(l,e);return d.displayName="various-vue-component",d};class G extends t.Component{static displayName="various-error-boundary";state={hasError:!1};componentDidCatch(e){const{name:t,module:r}=this.props,n=e instanceof A?e:new A({name:t,module:r,type:"app"===t?"APP_ERROR":"SCRIPT_ERROR",originalError:e});this.setState({hasError:!0}),this.error=n,x(n),M(this.props.name),T({name:t,module:r})}$self=F(this.props);reload=()=>{this.error=void 0,this.setState({hasError:!1})};render(){const e=y.getErrorFallbackComponent(),t=f();return this.state.hasError?o().createElement(e,{$self:this.$self,$reload:this.reload,$store:t,$error:this.error}):this.props.children}}var V=G,B=(e,t)=>{const{name:r,module:n,url:s,type:i="react"}=e,a=("vue3"===i?L:K)({name:r,module:n,url:s,watchKeys:t}),u=e=>{const{$silent:t,$ref:i,...u}=e||{},c={$componentProps:u,$silent:t,$ref:i};return o().createElement(V,{name:r,module:n,url:s},o().createElement(a,c))};return u.displayName="various-creator",u};let H;function W(e){if(H)return H;const t=new Promise((t,r)=>{if(e){if("string"==typeof e){const n=document.createElement("script");return n.src=e,n.onload=e=>t(e),n.onerror=e=>r(e),void document.head.appendChild(n)}window.requirejs=e,t(new Event("requirejs defined"))}else r(new A({name:"standalone",type:"NOT_DEFINED",originalError:new Error("requirejs not defined")}))});return H=t,H}function z(e){Object.entries(e).forEach(([e,t])=>{j(e)||("string"!=typeof t?window.define(e,[],()=>t):window.requirejs.config({paths:{[e]:`${t}#${e}`}}))})}a({[v]:[],[b]:null,[C]:{},[$]:{}});const J=r=>{const{dependencies:n,url:s,name:i,module:a,type:u,$componentProps:c,$ref:l,storeKeys:d}=r,[m,p]=(0,t.useState)(!1),g=(0,t.useRef)(),h=(0,t.useRef)(),[w,E]=(0,t.useState)(!1);if((0,t.useEffect)(()=>{W(n?.requirejs).then(()=>{const{requirejs:e,...t}=n||{};z(t),g.current=B({name:i,module:a,url:s,type:u},d),p(!0)}).catch(e=>{h.current=e,E(!0)})},[i,s,a,n,u,d]),w)throw h.current;if(!m){const e=y.getFallbackComponent();return o().createElement(e,{$self:{name:i,module:a,url:s},$store:f()})}const v=g.current;return o().createElement(v,e({},c,{ref:l}))};J.displayName="various-standalone";const Q=t=>{const r=r=>o().createElement(V,{name:"standalone",url:t.url,module:t.module},o().createElement(J,e({$componentProps:r},t)));return r.displayName="various-standalone-creator",Object.assign(r,{dispatch:e=>{l(e,!0)}})},X=e=>{const{baseDependencies:t,errorFallback:r,fallback:n,store:o}=e,{requirejs:s,...i}=t;r&&y.setErrorFallbackComponent(r),n&&y.setFallbackComponent(n),o&&l(o),W(s).then(()=>{z(i)}).catch(e=>{x(new A({name:"standalone",type:"CONFIG_ERROR",originalError:e}))})}}(),module.exports=n}();
+/******/ (function() { // webpackBootstrap
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "./node_modules/@babel/runtime/helpers/esm/extends.js":
+/*!************************************************************!*\
+  !*** ./node_modules/@babel/runtime/helpers/esm/extends.js ***!
+  \************************************************************/
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": function() { return /* binding */ _extends; }
+/* harmony export */ });
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/nycticorax/dist/index.js":
+/*!***********************************************!*\
+  !*** ./node_modules/nycticorax/dist/index.js ***!
+  \***********************************************/
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+!function(t,e){ true?module.exports=e(__webpack_require__(/*! react */ "react")):0}(self,(t=>(()=>{"use strict";var e={294:(t,e,r)=>{r.d(e,{default:()=>c});var s=r(942),o=r(63),n=r.n(o);function i(t,e=new WeakMap){if("object"!=typeof t||null===t)return t;if(e.has(t))return e.get(t);const r=Array.isArray(t)?[]:{};e.set(t,r);const s=Reflect.ownKeys(t);for(const o of s)r[o]=i(t[o],e);return r}class c{constructor(){var t;(0,s.Z)(this,"state",void 0),(0,s.Z)(this,"listeners",void 0),(0,s.Z)(this,"emits",void 0),(0,s.Z)(this,"timer",void 0),(0,s.Z)(this,"onStateChange",void 0),(0,s.Z)(this,"getStore",void 0),(0,s.Z)(this,"createStore",(t=>{this.listeners=Reflect.ownKeys(t).reduce(((e,r)=>{const s=r;return this.state[s]=t[s],{...e,[r]:[]}}),{})})),(0,s.Z)(this,"subscribe",(t=>{const e={};return Reflect.ownKeys(t).forEach((r=>{const s=r;this.listeners[s]||(this.listeners[s]=[]),this.listeners[s].push(t[s]),e[s]=t[s]})),()=>{Reflect.ownKeys(e).forEach((t=>{const r=t;this.listeners[r]=this.listeners[r].filter((t=>t!==e[r]))}))}})),(0,s.Z)(this,"emit",((t,e)=>{this.emits={...this.emits,...t},e?this.trigger():(clearTimeout(this.timer),this.timer=setTimeout(this.trigger))})),(0,s.Z)(this,"dispatch",((t,...e)=>t({getStore:this.getStore,emit:t=>this.emit(t,!0)},...e))),(0,s.Z)(this,"trigger",(()=>{const t=this.emits,e=[],r=Reflect.ownKeys(t);for(let s=0;s<r.length;s+=1){const o=r[s];if(n()(this.state[o],t[o]))continue;const c=t[o],u=this.state[o];this.state[o]=i(t[o]),e.push({key:o,newValue:c,oldValue:u})}const s={};e.forEach((t=>{s[t.key]=[t.newValue,t.oldValue],this.listeners[t.key]&&this.listeners[t.key].forEach((e=>e(t.newValue,t.oldValue)))})),e.length&&this.onStateChange(s),this.emits={},this.timer=void 0})),this.state={},this.listeners={},this.emits={},this.timer=void 0,this.onStateChange=()=>null,this.getStore=(t=this.state,function(e){return e?i(t[e]):t})}set onChange(t){this.onStateChange=t}}},63:t=>{t.exports=function t(e,r){if(e===r)return!0;if(e&&r&&"object"==typeof e&&"object"==typeof r){if(e.constructor!==r.constructor)return!1;var s,o,n;if(Array.isArray(e)){if((s=e.length)!=r.length)return!1;for(o=s;0!=o--;)if(!t(e[o],r[o]))return!1;return!0}if(e.constructor===RegExp)return e.source===r.source&&e.flags===r.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===r.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===r.toString();if((s=(n=Object.keys(e)).length)!==Object.keys(r).length)return!1;for(o=s;0!=o--;)if(!Object.prototype.hasOwnProperty.call(r,n[o]))return!1;for(o=s;0!=o--;){var i=n[o];if(!t(e[i],r[i]))return!1}return!0}return e!=e&&r!=r}},250:e=>{e.exports=t},942:(t,e,r)=>{function s(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}r.d(e,{Z:()=>s})}},r={};function s(t){var o=r[t];if(void 0!==o)return o.exports;var n=r[t]={exports:{}};return e[t](n,n.exports,s),n.exports}s.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return s.d(e,{a:e}),e},s.d=(t,e)=>{for(var r in e)s.o(e,r)&&!s.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},s.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var o={};return(()=>{s.d(o,{default:()=>u});var t=s(942),e=s(294),r=s(250),n=s.n(r);const i=["name","prototype","length","propTypes","defaultProps","getDerivedStateFromProps","contextTypes","displayName"];class c extends e.default{constructor(...e){super(...e),(0,t.Z)(this,"connect",function(e){const{getStore:s,subscribe:o}=e;return function(...e){return function(c){class u extends r.Component{constructor(r){super(r),(0,t.Z)(this,"unsubscribe",void 0),(0,t.Z)(this,"state",{props:s()}),this.unsubscribe=o(e.reduce(((t,e)=>({...t,[e]:()=>{this.setState({props:s()})}})),{}))}componentWillUnmount(){this.unsubscribe()}render(){const{props:t}=this.state,e={...t,...this.props};return n().createElement(c,e)}}return Object.getOwnPropertyNames(c).forEach((t=>{const e=t;i.includes(t)||(u[e]=c[e])})),u}}}(this)),(0,t.Z)(this,"useStore",function(t){const{getStore:e,subscribe:s}=t;return function(...t){const[o,n]=(0,r.useState)(e());return(0,r.useLayoutEffect)((()=>s(t.reduce(((t,r)=>({...t,[r]:()=>{n((t=>({...t,[r]:e()[r]})))}})),{})))),o}}(this))}}const u=c})(),o.default})()));
+//# sourceMappingURL=index.js.map
+
+/***/ }),
+
+/***/ "./src/core/config.ts":
+/*!****************************!*\
+  !*** ./src/core/config.ts ***!
+  \****************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   BASE_DEPENDENCIES: function() { return /* binding */ BASE_DEPENDENCIES; },
+/* harmony export */   CONFIG_KEY: function() { return /* binding */ CONFIG_KEY; },
+/* harmony export */   DEPENDENCIES_KEY: function() { return /* binding */ DEPENDENCIES_KEY; },
+/* harmony export */   MESSAGE_KEY: function() { return /* binding */ MESSAGE_KEY; },
+/* harmony export */   MOUNTED_COMPONENTS_KEY: function() { return /* binding */ MOUNTED_COMPONENTS_KEY; },
+/* harmony export */   VUE_FUNCTION_OPTIONS: function() { return /* binding */ VUE_FUNCTION_OPTIONS; },
+/* harmony export */   VUE_VERSION: function() { return /* binding */ VUE_VERSION; }
+/* harmony export */ });
+const MOUNTED_COMPONENTS_KEY = Symbol('MOUNTED_COMPONENTS');
+const MESSAGE_KEY = Symbol('MESSAGE');
+const CONFIG_KEY = Symbol('CONFIG');
+const DEPENDENCIES_KEY = Symbol('DEPENDENCIES');
+const VUE_FUNCTION_OPTIONS = ['beforeCreate', 'created', 'beforeMount', 'mounted', 'beforeUpdate', 'updated', 'beforeUnmount', 'unmounted', 'errorCaptured', 'renderTracked', 'renderTriggered', 'activated', 'deactivated', 'setup', 'data', 'render'];
+const VUE_VERSION = 3;
+const BASE_DEPENDENCIES = ['react', 'react-dom', '@variousjs/various', 'app'];
+
+/***/ }),
+
+/***/ "./src/core/connector.ts":
+/*!*******************************!*\
+  !*** ./src/core/connector.ts ***!
+  \*******************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _default_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./default-component */ "./src/core/default-component.tsx");
+/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
+
+
+class Connector {
+  constructor() {
+    this.fallbackComponent = _default_component__WEBPACK_IMPORTED_MODULE_0__.Fallback;
+    this.errorFallbackComponent = _default_component__WEBPACK_IMPORTED_MODULE_0__.ErrorFallback;
+    this.storeActions = {};
+    this.componentActions = {};
+    this.i18nConfigs = {};
+    this.middlewares = {};
+  }
+  setMiddlewares(m) {
+    this.middlewares = m;
+  }
+  getMiddlewares() {
+    return this.middlewares;
+  }
+  setI18nConfig(moduleDefined, config) {
+    const name = (0,_helper__WEBPACK_IMPORTED_MODULE_1__.getNameWithModule)(moduleDefined);
+    this.i18nConfigs[name] = {
+      ...this.i18nConfigs[name],
+      ...config
+    };
+  }
+  getI18nConfig(moduleDefined) {
+    const name = (0,_helper__WEBPACK_IMPORTED_MODULE_1__.getNameWithModule)(moduleDefined);
+    return this.i18nConfigs[name];
+  }
+  setGlobalI18nConfig(config) {
+    this.globalI18nConfig = {
+      ...this.globalI18nConfig,
+      ...config
+    };
+  }
+  getGlobalI18nConfig() {
+    return this.globalI18nConfig;
+  }
+  setComponentActions(moduleDefined, actions) {
+    const name = (0,_helper__WEBPACK_IMPORTED_MODULE_1__.getNameWithModule)(moduleDefined);
+    this.componentActions[name] = actions;
+  }
+  deleteComponentActions(moduleDefined) {
+    const name = (0,_helper__WEBPACK_IMPORTED_MODULE_1__.getNameWithModule)(moduleDefined);
+    delete this.componentActions[name];
+  }
+  getComponentActions(moduleDefined) {
+    const name = (0,_helper__WEBPACK_IMPORTED_MODULE_1__.getNameWithModule)(moduleDefined);
+    return this.componentActions[name];
+  }
+  setStoreActions(actions) {
+    this.storeActions = actions;
+  }
+  getStoreActions() {
+    return this.storeActions;
+  }
+  setFallbackComponent(fallbackComponent) {
+    this.fallbackComponent = fallbackComponent;
+  }
+  getFallbackComponent() {
+    return this.fallbackComponent;
+  }
+  setErrorFallbackComponent(errorFallbackComponent) {
+    this.errorFallbackComponent = errorFallbackComponent;
+  }
+  getErrorFallbackComponent() {
+    return this.errorFallbackComponent;
+  }
+}
+/* harmony default export */ __webpack_exports__["default"] = (new Connector());
+
+/***/ }),
+
+/***/ "./src/core/create-component.tsx":
+/*!***************************************!*\
+  !*** ./src/core/create-component.tsx ***!
+  \***************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _react_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./react-component */ "./src/core/react-component.tsx");
+/* harmony import */ var _vue_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./vue-component */ "./src/core/vue-component.tsx");
+/* harmony import */ var _error_boundary__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./error-boundary */ "./src/core/error-boundary.tsx");
+
+
+
+
+const createComponent = (config, storeKeys) => {
+  const {
+    name,
+    module,
+    url,
+    type = 'react'
+  } = config;
+  const C = (type === 'vue3' ? _vue_component__WEBPACK_IMPORTED_MODULE_2__["default"] : _react_component__WEBPACK_IMPORTED_MODULE_1__["default"])({
+    name,
+    module,
+    url,
+    watchKeys: storeKeys
+  });
+  const component = props => {
+    const {
+      $silent,
+      $ref,
+      ...rest
+    } = props || {};
+    const nextProps = {
+      $componentProps: rest,
+      $silent,
+      $ref
+    };
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_error_boundary__WEBPACK_IMPORTED_MODULE_3__["default"], {
+      name: name,
+      module: module,
+      url: url
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(C, nextProps));
+  };
+  component.displayName = 'various-creator';
+  return component;
+};
+/* harmony default export */ __webpack_exports__["default"] = (createComponent);
+
+/***/ }),
+
+/***/ "./src/core/create-module.ts":
+/*!***********************************!*\
+  !*** ./src/core/create-module.ts ***!
+  \***********************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./config */ "./src/core/config.ts");
+/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./store */ "./src/core/store.ts");
+/* harmony import */ var _connector__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./connector */ "./src/core/connector.ts");
+/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
+
+
+
+
+const createModule = (config, logError = true) => {
+  const dependencies = (0,_store__WEBPACK_IMPORTED_MODULE_1__.getStore)(_config__WEBPACK_IMPORTED_MODULE_0__.DEPENDENCIES_KEY);
+  const middlewares = _connector__WEBPACK_IMPORTED_MODULE_2__["default"].getMiddlewares();
+  const {
+    name,
+    module,
+    url
+  } = config;
+  const loadStart = +new Date();
+  const logOnError = e => {
+    if (logError) {
+      (0,_helper__WEBPACK_IMPORTED_MODULE_3__.onError)(e);
+    }
+  };
+  if (url) {
+    (0,_helper__WEBPACK_IMPORTED_MODULE_3__.resetDependencyConfig)(name, url);
+  }
+  return new Promise((resolve, reject) => {
+    if (!url && !dependencies[name] && !(0,_helper__WEBPACK_IMPORTED_MODULE_3__.isModuleSpecified)(name)) {
+      const error = new _helper__WEBPACK_IMPORTED_MODULE_3__.VariousError({
+        name,
+        module,
+        type: 'NOT_DEFINED',
+        originalError: new Error(`module "${name}" not defined`)
+      });
+      logOnError(error);
+      reject(error);
+      return;
+    }
+    window.requirejs([name], C => {
+      const loadEnd = +new Date();
+      middlewares?.onLoad?.({
+        name,
+        module,
+        loadStart,
+        loadEnd,
+        beenLoaded: (0,_helper__WEBPACK_IMPORTED_MODULE_3__.isModuleLoaded)(name)
+      });
+      if (!C) {
+        const error = new _helper__WEBPACK_IMPORTED_MODULE_3__.VariousError({
+          name,
+          module,
+          type: 'INVALID_MODULE',
+          originalError: new Error(`module "${name}" invalid`)
+        });
+        (0,_helper__WEBPACK_IMPORTED_MODULE_3__.resetDependencyConfig)(name);
+        logOnError(error);
+        reject(error);
+        return;
+      }
+      const defaultModule = 'default' in C ? C.default : C;
+      const actualModule = !module ? defaultModule : C[module];
+      if (actualModule === undefined && module) {
+        const error = new _helper__WEBPACK_IMPORTED_MODULE_3__.VariousError({
+          name,
+          module,
+          type: 'SUBMODULE_NOT_DEFINED',
+          originalError: new Error(`submodule "${module}" not defined`)
+        });
+        (0,_helper__WEBPACK_IMPORTED_MODULE_3__.resetDependencyConfig)(name);
+        logOnError(error);
+        reject(error);
+        return;
+      }
+      resolve(actualModule);
+    }, e => {
+      const [requireModule] = e.requireModules;
+      (0,_helper__WEBPACK_IMPORTED_MODULE_3__.resetDependencyConfig)(name, url);
+      (0,_helper__WEBPACK_IMPORTED_MODULE_3__.resetDependencyConfig)(requireModule);
+      let errorType = 'LOADING_ERROR';
+      if (requireModule !== name) {
+        errorType = 'SUBMODULE_LOADING_ERROR';
+      }
+      if (!e.message.includes('https://requirejs.org/docs/errors.html')) {
+        errorType = requireModule === name ? 'SCRIPT_ERROR' : 'SUBMODULE_SCRIPT_ERROR';
+      }
+      const error = new _helper__WEBPACK_IMPORTED_MODULE_3__.VariousError({
+        name,
+        module: requireModule === name ? undefined : requireModule,
+        type: errorType,
+        originalError: e
+      });
+      logOnError(error);
+      reject(error);
+    });
+  });
+};
+/* harmony default export */ __webpack_exports__["default"] = (createModule);
+
+/***/ }),
+
+/***/ "./src/core/default-component.tsx":
+/*!****************************************!*\
+  !*** ./src/core/default-component.tsx ***!
+  \****************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ErrorFallback: function() { return /* binding */ ErrorFallback; },
+/* harmony export */   Fallback: function() { return /* binding */ Fallback; },
+/* harmony export */   Root: function() { return /* binding */ Root; }
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
+
+
+const Fallback = props => {
+  const className = (0,_helper__WEBPACK_IMPORTED_MODULE_1__.getClassNameWithModule)(props.$self, 'various-component-fallback');
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: className
+  }, "Loading");
+};
+const ErrorFallback = ({
+  $error,
+  $reload,
+  $self
+}) => {
+  const className = (0,_helper__WEBPACK_IMPORTED_MODULE_1__.getClassNameWithModule)($self, 'various-component-error_fallback');
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    className: className
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", null, $error.type), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", null, $error.message), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
+    type: "button",
+    onClick: $reload
+  }, "Reload"));
+};
+const Root = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, "App Container is not defined");
+
+/***/ }),
+
+/***/ "./src/core/dispatch.ts":
+/*!******************************!*\
+  !*** ./src/core/dispatch.ts ***!
+  \******************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _connector__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./connector */ "./src/core/connector.ts");
+/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./store */ "./src/core/store.ts");
+/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
+/* harmony import */ var _logger__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./logger */ "./src/core/logger.ts");
+
+
+
+
+const createDispatch = moduleDefined => async function (params) {
+  const middlewares = _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getMiddlewares();
+  const logger = (0,_logger__WEBPACK_IMPORTED_MODULE_3__["default"])(moduleDefined);
+  let {
+    name,
+    module,
+    action,
+    value
+  } = params;
+  if (middlewares?.onDispatch) {
+    const check = await middlewares.onDispatch({
+      target: {
+        name,
+        module
+      },
+      action,
+      value,
+      trigger: moduleDefined
+    });
+    if (check === false) {
+      logger.warn('blocked by middleware', 'DISPATCH');
+      return Promise.resolve();
+    }
+    if (check !== true) {
+      name = check.target.name;
+      module = check.target.module;
+      action = check.action;
+      value = check.value;
+    }
+  }
+  if (name === 'app') {
+    const storeActions = _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getStoreActions();
+    const storeAction = storeActions[action];
+    if (!storeAction) {
+      const errorMessage = `action "${action}" is not present`;
+      const error = new _helper__WEBPACK_IMPORTED_MODULE_2__.VariousError({
+        ...moduleDefined,
+        type: 'DISPATCH',
+        originalError: new Error(errorMessage)
+      });
+      (0,_helper__WEBPACK_IMPORTED_MODULE_2__.onError)(error);
+      throw error;
+    }
+    return (0,_store__WEBPACK_IMPORTED_MODULE_1__.dispatch)(storeAction, value, moduleDefined);
+  }
+  const componentActions = _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getComponentActions({
+    name,
+    module
+  });
+  if (!componentActions) {
+    const errorMessage = 'component is not ready';
+    const error = new _helper__WEBPACK_IMPORTED_MODULE_2__.VariousError({
+      ...moduleDefined,
+      type: 'DISPATCH',
+      originalError: new Error(errorMessage)
+    });
+    (0,_helper__WEBPACK_IMPORTED_MODULE_2__.onError)(error);
+    throw error;
+  }
+  const componentAction = componentActions[action];
+  if (!componentAction) {
+    const errorMessage = `action "${action}" is not present`;
+    const error = new _helper__WEBPACK_IMPORTED_MODULE_2__.VariousError({
+      ...moduleDefined,
+      type: 'DISPATCH',
+      originalError: new Error(errorMessage)
+    });
+    (0,_helper__WEBPACK_IMPORTED_MODULE_2__.onError)(error);
+    throw error;
+  }
+  return Promise.resolve(componentAction(value, moduleDefined));
+};
+/* harmony default export */ __webpack_exports__["default"] = (createDispatch);
+
+/***/ }),
+
+/***/ "./src/core/error-boundary.tsx":
+/*!*************************************!*\
+  !*** ./src/core/error-boundary.tsx ***!
+  \*************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
+/* harmony import */ var _connector__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./connector */ "./src/core/connector.ts");
+/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./store */ "./src/core/store.ts");
+
+
+
+
+class ErrorBoundary extends react__WEBPACK_IMPORTED_MODULE_0__.Component {
+  static displayName = 'various-error-boundary';
+  state = {
+    hasError: false
+  };
+  componentDidCatch(e) {
+    const {
+      name,
+      module
+    } = this.props;
+    const error = e instanceof _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError ? e : new _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError({
+      name,
+      module,
+      type: name === 'app' ? 'APP_ERROR' : 'SCRIPT_ERROR',
+      originalError: e
+    });
+    this.setState({
+      hasError: true
+    });
+    this.error = error;
+    (0,_helper__WEBPACK_IMPORTED_MODULE_1__.onError)(error);
+    (0,_helper__WEBPACK_IMPORTED_MODULE_1__.resetDependencyConfig)(this.props.name);
+    (0,_helper__WEBPACK_IMPORTED_MODULE_1__.updateUnMountComponent)({
+      name,
+      module
+    });
+  }
+  $self = (0,_helper__WEBPACK_IMPORTED_MODULE_1__.getSelfInfo)(this.props);
+  reload = () => {
+    this.error = undefined;
+    this.setState({
+      hasError: false
+    });
+  };
+  render() {
+    const ErrorFallbackNode = _connector__WEBPACK_IMPORTED_MODULE_2__["default"].getErrorFallbackComponent();
+    const store = (0,_store__WEBPACK_IMPORTED_MODULE_3__.getUserStore)();
+    if (this.state.hasError) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ErrorFallbackNode, {
+        $self: this.$self,
+        $reload: this.reload,
+        $store: store,
+        $error: this.error
+      });
+    }
+    return this.props.children;
+  }
+}
+/* harmony default export */ __webpack_exports__["default"] = (ErrorBoundary);
+
+/***/ }),
+
+/***/ "./src/core/helper.ts":
+/*!****************************!*\
+  !*** ./src/core/helper.ts ***!
+  \****************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   VariousError: function() { return /* binding */ VariousError; },
+/* harmony export */   checkReactComponent: function() { return /* binding */ checkReactComponent; },
+/* harmony export */   checkVueComponent: function() { return /* binding */ checkVueComponent; },
+/* harmony export */   defineDependencies: function() { return /* binding */ defineDependencies; },
+/* harmony export */   getClassNameWithModule: function() { return /* binding */ getClassNameWithModule; },
+/* harmony export */   getConfig: function() { return /* binding */ getConfig; },
+/* harmony export */   getMountedComponents: function() { return /* binding */ getMountedComponents; },
+/* harmony export */   getNameWithModule: function() { return /* binding */ getNameWithModule; },
+/* harmony export */   getSelfInfo: function() { return /* binding */ getSelfInfo; },
+/* harmony export */   isModuleLoaded: function() { return /* binding */ isModuleLoaded; },
+/* harmony export */   isModuleSpecified: function() { return /* binding */ isModuleSpecified; },
+/* harmony export */   isPromiseLike: function() { return /* binding */ isPromiseLike; },
+/* harmony export */   onComponentMounted: function() { return /* binding */ onComponentMounted; },
+/* harmony export */   onError: function() { return /* binding */ onError; },
+/* harmony export */   parseComponentActions: function() { return /* binding */ parseComponentActions; },
+/* harmony export */   preloadModules: function() { return /* binding */ preloadModules; },
+/* harmony export */   removeLoadedModules: function() { return /* binding */ removeLoadedModules; },
+/* harmony export */   resetDependencyConfig: function() { return /* binding */ resetDependencyConfig; },
+/* harmony export */   updateMountedComponent: function() { return /* binding */ updateMountedComponent; },
+/* harmony export */   updateUnMountComponent: function() { return /* binding */ updateUnMountComponent; }
+/* harmony export */ });
+/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./store */ "./src/core/store.ts");
+/* harmony import */ var _logger__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./logger */ "./src/core/logger.ts");
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./config */ "./src/core/config.ts");
+/* harmony import */ var _connector__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./connector */ "./src/core/connector.ts");
+/* harmony import */ var _message__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./message */ "./src/core/message.ts");
+/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./i18n */ "./src/core/i18n.ts");
+
+
+
+
+
+
+const getUrlHash = url => `${url}?${+new Date()}`;
+const hasModule = (modules, module) => modules.some(c => c.name === module.name && c.module === module.module);
+const preloadModules = names => new Promise((resolve, reject) => {
+  window.requirejs(names, resolve, reject);
+});
+const removeLoadedModules = names => {
+  names.forEach(name => {
+    if (!_config__WEBPACK_IMPORTED_MODULE_2__.BASE_DEPENDENCIES.includes(name)) {
+      window.requirejs.undef(name);
+    }
+  });
+};
+const defineDependencies = deps => {
+  const dependencies = (0,_store__WEBPACK_IMPORTED_MODULE_0__.getStore)(_config__WEBPACK_IMPORTED_MODULE_2__.DEPENDENCIES_KEY);
+  const next = {};
+  Object.keys(deps).forEach(name => {
+    if (!_config__WEBPACK_IMPORTED_MODULE_2__.BASE_DEPENDENCIES.includes(name)) {
+      next[name] = `${deps[name]}#${name}`;
+      window.requirejs.undef(name);
+    }
+  });
+  window.requirejs.config({
+    paths: next
+  });
+  (0,_store__WEBPACK_IMPORTED_MODULE_0__.emit)({
+    [_config__WEBPACK_IMPORTED_MODULE_2__.DEPENDENCIES_KEY]: {
+      ...dependencies,
+      ...next
+    }
+  }, true);
+};
+const isModuleLoaded = name => window.requirejs.defined(name);
+const isModuleSpecified = name => window.requirejs.specified(name);
+const getMountedComponents = () => (0,_store__WEBPACK_IMPORTED_MODULE_0__.getStore)(_config__WEBPACK_IMPORTED_MODULE_2__.MOUNTED_COMPONENTS_KEY);
+const onComponentMounted = (module, callback) => {
+  const modules = Array.isArray(module) ? module : [module];
+  if (modules.every(m => hasModule(getMountedComponents(), m))) {
+    callback();
+  }
+  const unSubscribe = (0,_store__WEBPACK_IMPORTED_MODULE_0__.subscribe)({
+    [_config__WEBPACK_IMPORTED_MODULE_2__.MOUNTED_COMPONENTS_KEY](value) {
+      const mountedModules = value;
+      if (modules.every(n => hasModule(mountedModules, n))) {
+        unSubscribe();
+        callback();
+      }
+    }
+  });
+  return unSubscribe;
+};
+const resetDependencyConfig = (name, url) => {
+  const dependencies = (0,_store__WEBPACK_IMPORTED_MODULE_0__.getStore)(_config__WEBPACK_IMPORTED_MODULE_2__.DEPENDENCIES_KEY);
+
+  // ignore multiple custom module url
+  if (url && window.requirejs.defined(name)) {
+    return;
+  }
+  let path = getUrlHash(dependencies[name]);
+
+  // custom module url, but module loaded error
+  if (url) {
+    path = `${url}#${name}`;
+    try {
+      const {
+        registry
+      } = window.requirejs.s.contexts._;
+      if (registry?.[name].error) {
+        path = getUrlHash(url);
+      }
+    } catch (e) {
+      // ignore
+    }
+  }
+  window.requirejs.undef(name);
+  window.requirejs.config({
+    paths: {
+      [name]: path
+    }
+  });
+};
+const getNameWithModule = moduleDefined => {
+  const {
+    name,
+    module
+  } = moduleDefined;
+  return module ? `${name}.${module}` : name;
+};
+function getConfig() {
+  return (0,_store__WEBPACK_IMPORTED_MODULE_0__.getStore)(_config__WEBPACK_IMPORTED_MODULE_2__.CONFIG_KEY);
+}
+const onError = e => {
+  const {
+    name,
+    module,
+    type
+  } = e;
+  const logger = (0,_logger__WEBPACK_IMPORTED_MODULE_1__["default"])({
+    name,
+    module
+  });
+  logger.error(e, type);
+};
+class VariousError extends Error {
+  constructor(data) {
+    super(data.originalError.message);
+    this.type = data.type;
+    this.originalError = data.originalError;
+    this.module = data.module;
+    this.name = data.name;
+  }
+}
+function checkReactComponent(component, moduleDefined) {
+  return new Promise((reslove, reject) => {
+    if (component.$$typeof || component.prototype?.isReactComponent || typeof component === 'function') {
+      reslove();
+      return;
+    }
+    reject(new VariousError({
+      ...moduleDefined,
+      originalError: new Error('not a valid React component'),
+      type: 'INVALID_COMPONENT'
+    }));
+  });
+}
+function isPromiseLike(value) {
+  return value != null && typeof value.then === 'function';
+}
+function checkVueComponent(component, moduleDefined) {
+  const versionRegex = new RegExp(`^${_config__WEBPACK_IMPORTED_MODULE_2__.VUE_VERSION}\\.`);
+  return new Promise((resolve, reject) => {
+    window.requirejs(['vue'], Vue => {
+      if (!versionRegex.test(Vue.version)) {
+        reject(new Error(`Vue ${_config__WEBPACK_IMPORTED_MODULE_2__.VUE_VERSION}+ required, detected an incompatible version`));
+      }
+      if (typeof component?.render === 'function' || typeof component?.setup === 'function') {
+        resolve();
+        return;
+      }
+      reject(new VariousError({
+        ...moduleDefined,
+        originalError: new Error('not a valid Vue component'),
+        type: 'INVALID_COMPONENT'
+      }));
+    });
+  });
+}
+function parseComponentActions(params) {
+  const {
+    componentNode,
+    name,
+    module,
+    type,
+    i18nUpdate
+  } = params;
+  const actions = {};
+  let onMessageAction;
+  let i18nAction;
+  Object.getOwnPropertyNames(componentNode).forEach(method => {
+    if (typeof componentNode[method] !== 'function') {
+      return;
+    }
+    if (method === '$onMessage') {
+      onMessageAction = componentNode[method];
+      return;
+    }
+    if (method === '$i18n') {
+      i18nAction = componentNode[method];
+      return;
+    }
+    if (type === 'vue3' && _config__WEBPACK_IMPORTED_MODULE_2__.VUE_FUNCTION_OPTIONS.includes(method)) {
+      return;
+    }
+    actions[method] = componentNode[method];
+  });
+  if (i18nAction) {
+    (0,_i18n__WEBPACK_IMPORTED_MODULE_5__.createI18nConfig)(i18nAction, {
+      name,
+      module
+    }, i18nUpdate);
+  }
+  _connector__WEBPACK_IMPORTED_MODULE_3__["default"].setComponentActions({
+    name,
+    module
+  }, actions);
+  if (onMessageAction) {
+    return (0,_message__WEBPACK_IMPORTED_MODULE_4__.createOnMessage)({
+      name,
+      module
+    }, onMessageAction);
+  }
+  return () => null;
+}
+function updateMountedComponent(moduleDefined) {
+  const mountedComponents = getMountedComponents();
+  if (!hasModule(mountedComponents, moduleDefined)) {
+    mountedComponents.push(moduleDefined);
+  }
+  (0,_store__WEBPACK_IMPORTED_MODULE_0__.emit)({
+    [_config__WEBPACK_IMPORTED_MODULE_2__.MOUNTED_COMPONENTS_KEY]: mountedComponents
+  }, true);
+}
+function updateUnMountComponent(moduleDefined) {
+  const {
+    name,
+    module
+  } = moduleDefined;
+  let mountedComponents = getMountedComponents();
+  mountedComponents = mountedComponents.filter(item => item.name !== name || item.module !== module);
+  (0,_store__WEBPACK_IMPORTED_MODULE_0__.emit)({
+    [_config__WEBPACK_IMPORTED_MODULE_2__.MOUNTED_COMPONENTS_KEY]: mountedComponents
+  }, true);
+  _connector__WEBPACK_IMPORTED_MODULE_3__["default"].deleteComponentActions({
+    name,
+    module
+  });
+}
+function getSelfInfo(params) {
+  const {
+    name,
+    module,
+    url
+  } = params;
+  const dependencies = (0,_store__WEBPACK_IMPORTED_MODULE_0__.getStore)(_config__WEBPACK_IMPORTED_MODULE_2__.DEPENDENCIES_KEY);
+  return {
+    name,
+    module,
+    url: url || dependencies[name]
+  };
+}
+function getClassNameWithModule(self, prefix) {
+  const {
+    name,
+    module
+  } = self;
+  return `${prefix} ${[name, module].filter(Boolean).join('-')}`;
+}
+
+/***/ }),
+
+/***/ "./src/core/i18n.ts":
+/*!**************************!*\
+  !*** ./src/core/i18n.ts ***!
+  \**************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   createI18n: function() { return /* binding */ createI18n; },
+/* harmony export */   createI18nConfig: function() { return /* binding */ createI18nConfig; }
+/* harmony export */ });
+/* harmony import */ var _connector__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./connector */ "./src/core/connector.ts");
+/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
+/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./store */ "./src/core/store.ts");
+
+
+
+function createI18nConfig(method, moduleDefined, callback) {
+  if (!method) {
+    return;
+  }
+  const i18nConfig = method();
+  if (!(0,_helper__WEBPACK_IMPORTED_MODULE_1__.isPromiseLike)(i18nConfig)) {
+    if (moduleDefined) {
+      _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setI18nConfig(moduleDefined, i18nConfig);
+    } else {
+      _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setGlobalI18nConfig(i18nConfig);
+    }
+    return;
+  }
+  if (moduleDefined) {
+    _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setI18nConfig(moduleDefined, {
+      loading: true,
+      lngStoreKey: '',
+      resources: {}
+    });
+  } else {
+    _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setGlobalI18nConfig({
+      loading: true,
+      lngStoreKey: '',
+      resources: {}
+    });
+  }
+  i18nConfig.then(res => {
+    if (moduleDefined) {
+      _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setI18nConfig(moduleDefined, {
+        ...res,
+        loading: false
+      });
+      callback?.();
+      return;
+    }
+    const locale = (0,_store__WEBPACK_IMPORTED_MODULE_2__.getStore)(res.lngStoreKey);
+    (0,_store__WEBPACK_IMPORTED_MODULE_2__.emit)({
+      [res.lngStoreKey]: undefined
+    }, true);
+    (0,_store__WEBPACK_IMPORTED_MODULE_2__.emit)({
+      [res.lngStoreKey]: locale
+    }, true);
+    _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setGlobalI18nConfig({
+      ...res,
+      loading: false
+    });
+  }).catch(e => {
+    (0,_helper__WEBPACK_IMPORTED_MODULE_1__.onError)(new _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError({
+      name: moduleDefined?.name || 'app',
+      module: moduleDefined?.module,
+      type: 'I18N',
+      originalError: e
+    }));
+  });
+}
+function createI18n(moduleDefined, updater) {
+  const ctx = (key, params, defaultString) => {
+    const i18nConfig = _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getI18nConfig(moduleDefined) || _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getGlobalI18nConfig();
+    let defaultText = defaultString;
+    if (defaultText === undefined) {
+      defaultText = typeof params === 'string' ? params : key;
+    }
+    if (!i18nConfig) {
+      (0,_helper__WEBPACK_IMPORTED_MODULE_1__.onError)(new _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError({
+        ...moduleDefined,
+        type: 'I18N',
+        originalError: new Error('config not exist')
+      }));
+      return defaultText;
+    }
+    if (i18nConfig.loading) {
+      return defaultText;
+    }
+    const {
+      lngStoreKey,
+      resources
+    } = i18nConfig;
+    const locale = (0,_store__WEBPACK_IMPORTED_MODULE_2__.getStore)(lngStoreKey);
+    if (lngStoreKey === undefined || locale === undefined) {
+      (0,_helper__WEBPACK_IMPORTED_MODULE_1__.onError)(new _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError({
+        ...moduleDefined,
+        type: 'I18N',
+        originalError: new Error('locale key not defined')
+      }));
+      return defaultText;
+    }
+    const resource = resources?.[locale];
+    if (!resource) {
+      (0,_helper__WEBPACK_IMPORTED_MODULE_1__.onError)(new _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError({
+        ...moduleDefined,
+        type: 'I18N',
+        originalError: new Error(`locale resource \`${locale}\` not exist`)
+      }));
+      return defaultText;
+    }
+    if (!resource[key]) {
+      (0,_helper__WEBPACK_IMPORTED_MODULE_1__.onError)(new _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError({
+        ...moduleDefined,
+        type: 'I18N',
+        originalError: new Error(`locale key \`${key}\` not exist`)
+      }));
+      return defaultText;
+    }
+    const text = resource[key];
+    if (!params || typeof params === 'string' || Object.prototype.toString.call(params) !== '[object Object]') {
+      return text;
+    }
+    const args = Object.keys(params);
+    if (!args.length) {
+      return text;
+    }
+    return args.reduce((next, arg) => {
+      const regex = new RegExp(`{\\s*${arg}\\s*}`, 'g');
+      return next.replace(regex, params[arg].toString());
+    }, text);
+  };
+  ctx.update = (config, type) => {
+    const i18nConfig = type === 'app' ? _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getGlobalI18nConfig() : _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getI18nConfig(moduleDefined);
+    const next = {
+      ...i18nConfig,
+      ...config
+    };
+    if (type === 'app') {
+      _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setGlobalI18nConfig(next);
+    } else {
+      _connector__WEBPACK_IMPORTED_MODULE_0__["default"].setI18nConfig(moduleDefined, next);
+    }
+    updater();
+  };
+  return ctx;
+}
+
+/***/ }),
+
+/***/ "./src/core/logger.ts":
+/*!****************************!*\
+  !*** ./src/core/logger.ts ***!
+  \****************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _connector__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./connector */ "./src/core/connector.ts");
+/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
+
+
+const logger = args => {
+  const middlewares = _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getMiddlewares();
+  const canLog = middlewares?.onLog?.(args);
+  if (canLog === false) {
+    return;
+  }
+  const colorMap = {
+    info: 'blue',
+    warn: 'orange',
+    error: 'red'
+  };
+  const color = colorMap[args.level];
+  const params = [`%c ${(0,_helper__WEBPACK_IMPORTED_MODULE_1__.getNameWithModule)(args)} `, `background:${color};border:1px solid ${color};padding:1px;border-radius:2px 0 0 2px;color: #fff;`];
+  if (args.type) {
+    params[0] = `${params[0]}%c ${args.type} %c`;
+    params.push(`border:1px solid ${color};padding:1px;border-radius:0 2px 2px 0;color:${color};`, 'background:transparent');
+  }
+  if (args.level !== 'info') {
+    params[0] = ` ${params[0]}`;
+  }
+  window.console[args.level](...params, args.message);
+};
+const createLogger = moduleDefined => ({
+  info(message, type) {
+    logger({
+      ...moduleDefined,
+      level: 'info',
+      type,
+      message
+    });
+  },
+  warn(message, type) {
+    logger({
+      ...moduleDefined,
+      level: 'warn',
+      type,
+      message
+    });
+  },
+  error(message, type) {
+    const middlewares = _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getMiddlewares();
+    const error = message instanceof _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError ? message : new _helper__WEBPACK_IMPORTED_MODULE_1__.VariousError({
+      ...moduleDefined,
+      type: type || 'unknow',
+      originalError: message instanceof Error ? message : new Error(message)
+    });
+    middlewares?.onError?.(error);
+    logger({
+      ...moduleDefined,
+      level: 'error',
+      type,
+      message
+    });
+  }
+});
+/* harmony default export */ __webpack_exports__["default"] = (createLogger);
+
+/***/ }),
+
+/***/ "./src/core/message.ts":
+/*!*****************************!*\
+  !*** ./src/core/message.ts ***!
+  \*****************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   createOnMessage: function() { return /* binding */ createOnMessage; },
+/* harmony export */   createPostMessage: function() { return /* binding */ createPostMessage; }
+/* harmony export */ });
+/* harmony import */ var _connector__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./connector */ "./src/core/connector.ts");
+/* harmony import */ var _logger__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./logger */ "./src/core/logger.ts");
+/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./store */ "./src/core/store.ts");
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./config */ "./src/core/config.ts");
+
+
+
+
+const createPostMessage = moduleDefined => async (event, value) => {
+  const middlewares = _connector__WEBPACK_IMPORTED_MODULE_0__["default"].getMiddlewares();
+  const logger = (0,_logger__WEBPACK_IMPORTED_MODULE_1__["default"])(moduleDefined);
+  let next = {
+    trigger: moduleDefined,
+    event,
+    value
+  };
+  if (middlewares?.onMessage) {
+    const check = await middlewares.onMessage(next);
+    if (check === false) {
+      logger.warn('blocked by middleware', 'POST_MESSAGE');
+      return;
+    }
+    if (check !== true) {
+      next = {
+        ...next,
+        ...check
+      };
+    }
+  }
+  (0,_store__WEBPACK_IMPORTED_MODULE_2__.emit)({
+    [_config__WEBPACK_IMPORTED_MODULE_3__.MESSAGE_KEY]: {
+      timestamp: +new Date(),
+      event: next.event,
+      trigger: moduleDefined,
+      value: next.value
+    }
+  });
+};
+const createOnMessage = (moduleDefined, onMessage) => (0,_store__WEBPACK_IMPORTED_MODULE_2__.subscribe)({
+  [_config__WEBPACK_IMPORTED_MODULE_3__.MESSAGE_KEY](v) {
+    const {
+      trigger,
+      value,
+      event
+    } = v;
+    if (moduleDefined.name !== trigger.name || moduleDefined.module !== trigger.module) {
+      onMessage({
+        event,
+        value,
+        trigger
+      });
+    }
+  }
+});
+
+/***/ }),
+
+/***/ "./src/core/react-component.tsx":
+/*!**************************************!*\
+  !*** ./src/core/react-component.tsx ***!
+  \**************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
+/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./store */ "./src/core/store.ts");
+/* harmony import */ var _connector__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./connector */ "./src/core/connector.ts");
+/* harmony import */ var _message__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./message */ "./src/core/message.ts");
+/* harmony import */ var _dispatch__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./dispatch */ "./src/core/dispatch.ts");
+/* harmony import */ var _logger__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./logger */ "./src/core/logger.ts");
+/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./i18n */ "./src/core/i18n.ts");
+/* harmony import */ var _create_module__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./create-module */ "./src/core/create-module.ts");
+
+
+
+
+
+
+
+
+
+
+function reactComponent(config) {
+  const {
+    name,
+    module,
+    url,
+    watchKeys,
+    onMounted
+  } = config;
+  const storeKeys = watchKeys || Object.keys((0,_store__WEBPACK_IMPORTED_MODULE_3__.getStore)());
+  class R extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
+    static displayName = 'various-react-component';
+    state = {
+      componentReady: false,
+      isError: false
+    };
+    unSubscribeMessage = () => null;
+    componentDidMount() {
+      this.isUnMounted = false; // fix StrictMode
+      this.mountComponent();
+    }
+    componentWillUnmount() {
+      this.error = undefined;
+      this.ComponentNode = null;
+      this.isUnMounted = true;
+      this.unSubscribeMessage();
+      (0,_helper__WEBPACK_IMPORTED_MODULE_2__.updateUnMountComponent)({
+        name,
+        module
+      });
+    }
+    mountComponent = async () => {
+      try {
+        const componentNode = await (0,_create_module__WEBPACK_IMPORTED_MODULE_9__["default"])({
+          name,
+          module,
+          url
+        }, false);
+        if (this.isUnMounted) {
+          return;
+        }
+        await (0,_helper__WEBPACK_IMPORTED_MODULE_2__.checkReactComponent)(componentNode, {
+          name,
+          module
+        });
+        componentNode.displayName = (0,_helper__WEBPACK_IMPORTED_MODULE_2__.getNameWithModule)({
+          name,
+          module
+        });
+        (0,_helper__WEBPACK_IMPORTED_MODULE_2__.updateMountedComponent)({
+          name,
+          module
+        });
+        this.unSubscribeMessage = (0,_helper__WEBPACK_IMPORTED_MODULE_2__.parseComponentActions)({
+          componentNode,
+          name,
+          module,
+          i18nUpdate: () => this.forceUpdate()
+        });
+        this.ComponentNode = componentNode;
+        this.setState({
+          componentReady: true
+        });
+        onMounted?.();
+      } catch (e) {
+        if (this.isUnMounted) {
+          return;
+        }
+        this.error = e;
+        this.setState({
+          componentReady: true,
+          isError: true
+        });
+      }
+    };
+    $postMessage = (0,_message__WEBPACK_IMPORTED_MODULE_5__.createPostMessage)({
+      name,
+      module
+    });
+    $dispatch = (0,_dispatch__WEBPACK_IMPORTED_MODULE_6__["default"])({
+      name,
+      module
+    });
+    $t = (0,_i18n__WEBPACK_IMPORTED_MODULE_8__.createI18n)({
+      name,
+      module
+    }, () => this.forceUpdate());
+    $logger = (0,_logger__WEBPACK_IMPORTED_MODULE_7__["default"])({
+      name,
+      module
+    });
+    $self = (0,_helper__WEBPACK_IMPORTED_MODULE_2__.getSelfInfo)({
+      name,
+      module,
+      url
+    });
+    render() {
+      const Fallback = _connector__WEBPACK_IMPORTED_MODULE_4__["default"].getFallbackComponent();
+      const {
+        $silent,
+        $componentProps,
+        $ref
+      } = this.props;
+      const {
+        componentReady,
+        isError
+      } = this.state;
+      const store = (0,_store__WEBPACK_IMPORTED_MODULE_3__.getUserStore)();
+      const ComponentNode = this.ComponentNode;
+      if (isError) {
+        throw this.error;
+      }
+      if (!componentReady) {
+        if ($silent || (0,_helper__WEBPACK_IMPORTED_MODULE_2__.isModuleLoaded)(name)) {
+          return null;
+        }
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Fallback, {
+          $self: this.$self,
+          $store: store
+        });
+      }
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComponentNode, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, $componentProps, {
+        $self: this.$self,
+        $dispatch: this.$dispatch,
+        $store: store,
+        $postMessage: this.$postMessage,
+        $t: this.$t,
+        $logger: this.$logger,
+        ref: $ref
+      }));
+    }
+  }
+  const Connected = (0,_store__WEBPACK_IMPORTED_MODULE_3__.connect)(...storeKeys)(R);
+  Connected.displayName = 'various-connector';
+  return Connected;
+}
+/* harmony default export */ __webpack_exports__["default"] = (reactComponent);
+
+/***/ }),
+
+/***/ "./src/core/store.ts":
+/*!***************************!*\
+  !*** ./src/core/store.ts ***!
+  \***************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   connect: function() { return /* binding */ connect; },
+/* harmony export */   createStore: function() { return /* binding */ createStore; },
+/* harmony export */   dispatch: function() { return /* binding */ dispatch; },
+/* harmony export */   emit: function() { return /* binding */ emit; },
+/* harmony export */   getStore: function() { return /* binding */ getStore; },
+/* harmony export */   getUserStore: function() { return /* binding */ getUserStore; },
+/* harmony export */   subscribe: function() { return /* binding */ subscribe; },
+/* harmony export */   useStore: function() { return /* binding */ useStore; }
+/* harmony export */ });
+/* harmony import */ var nycticorax__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! nycticorax */ "./node_modules/nycticorax/dist/index.js");
+/* harmony import */ var nycticorax__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(nycticorax__WEBPACK_IMPORTED_MODULE_0__);
+
+const {
+  createStore,
+  getStore,
+  connect,
+  emit,
+  subscribe,
+  dispatch,
+  useStore
+} = new (nycticorax__WEBPACK_IMPORTED_MODULE_0___default())();
+function getUserStore() {
+  const globalStore = getStore();
+  const keys = Object.keys(globalStore);
+  const store = {};
+  keys.forEach(key => {
+    store[key] = globalStore[key];
+  });
+  return store;
+}
+
+/***/ }),
+
+/***/ "./src/core/vue-component.tsx":
+/*!************************************!*\
+  !*** ./src/core/vue-component.tsx ***!
+  \************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _connector__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./connector */ "./src/core/connector.ts");
+/* harmony import */ var _create_module__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./create-module */ "./src/core/create-module.ts");
+/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./store */ "./src/core/store.ts");
+/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./helper */ "./src/core/helper.ts");
+/* harmony import */ var _dispatch__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./dispatch */ "./src/core/dispatch.ts");
+/* harmony import */ var _logger__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./logger */ "./src/core/logger.ts");
+/* harmony import */ var _message__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./message */ "./src/core/message.ts");
+/* harmony import */ var _i18n__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./i18n */ "./src/core/i18n.ts");
+
+
+
+
+
+
+
+
+
+function vueComponent(config) {
+  const {
+    name,
+    module,
+    url,
+    watchKeys,
+    onMounted
+  } = config;
+  const storeKeys = watchKeys || Object.keys((0,_store__WEBPACK_IMPORTED_MODULE_3__.getStore)());
+  const V = props => {
+    const store = (0,_store__WEBPACK_IMPORTED_MODULE_3__.useStore)(...storeKeys);
+    const vueRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+    const vmRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+    const isVueMounted = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
+    const errorRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+    const isUnMountedRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
+    const ComponentNodeRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+    const selfRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)((0,_helper__WEBPACK_IMPORTED_MODULE_4__.getSelfInfo)({
+      name,
+      module,
+      url
+    }));
+    const containerDivRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+    const propsReactiveRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+    const storeReactiveRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+    const unMountVue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+    const unSubscribeMessageRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+    const updateVueComponentRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+    const [componentReady, setComponentReady] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    const [isError, setIsError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    const Fallback = _connector__WEBPACK_IMPORTED_MODULE_1__["default"].getFallbackComponent();
+    const {
+      $silent,
+      $componentProps
+    } = props;
+    const mountVue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
+      const $logger = (0,_logger__WEBPACK_IMPORTED_MODULE_6__["default"])({
+        name,
+        module
+      });
+      const $dispatch = (0,_dispatch__WEBPACK_IMPORTED_MODULE_5__["default"])({
+        name,
+        module
+      });
+      const $postMessage = (0,_message__WEBPACK_IMPORTED_MODULE_7__.createPostMessage)({
+        name,
+        module
+      });
+      const $t = (0,_i18n__WEBPACK_IMPORTED_MODULE_8__.createI18n)({
+        name,
+        module
+      }, () => {
+        updateVueComponentRef.current?.();
+      });
+      propsReactiveRef.current = vueRef.current.ref({
+        ...$componentProps
+      });
+      storeReactiveRef.current = vueRef.current.ref({
+        ...store
+      });
+      const vueApp = vueRef.current.createApp({
+        setup() {
+          const renderKey = vueRef.current.ref(0);
+          updateVueComponentRef.current = () => {
+            renderKey.value += 1;
+          };
+          return {
+            key: renderKey
+          };
+        },
+        errorCaptured(e) {
+          const error = e;
+          errorRef.current = error.message?.includes('https://react') ? new _helper__WEBPACK_IMPORTED_MODULE_4__.VariousError({
+            originalError: new Error('not a valid Vue component'),
+            name,
+            module,
+            type: 'INVALID_COMPONENT'
+          }) : error;
+          setIsError(true);
+        },
+        render() {
+          return vueRef.current.h(ComponentNodeRef.current, {
+            ...propsReactiveRef.current.value,
+            various: {
+              $dispatch,
+              $logger,
+              $postMessage,
+              $t,
+              $store: storeReactiveRef.current.value,
+              $self: selfRef.current
+            },
+            // eslint-disable-next-line react/no-this-in-sfc
+            key: this.key
+          });
+        }
+      });
+
+      // fix StrictMode
+      if (!vmRef.current) {
+        vmRef.current = vueApp.mount(containerDivRef.current);
+      }
+      isVueMounted.current = true;
+      unMountVue.current = () => vueApp.unmount();
+    }, [$componentProps, store]);
+    const mountComponent = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(async () => {
+      try {
+        const vue = await (0,_create_module__WEBPACK_IMPORTED_MODULE_2__["default"])({
+          name: 'vue'
+        });
+        vueRef.current = vue;
+        const componentNode = await (0,_create_module__WEBPACK_IMPORTED_MODULE_2__["default"])({
+          name,
+          module,
+          url
+        }, false);
+        if (isUnMountedRef.current) {
+          return;
+        }
+        await (0,_helper__WEBPACK_IMPORTED_MODULE_4__.checkVueComponent)(componentNode, {
+          name,
+          module
+        });
+        (0,_helper__WEBPACK_IMPORTED_MODULE_4__.updateMountedComponent)({
+          name,
+          module
+        });
+        unSubscribeMessageRef.current = (0,_helper__WEBPACK_IMPORTED_MODULE_4__.parseComponentActions)({
+          componentNode,
+          name,
+          module,
+          type: 'vue3',
+          i18nUpdate() {
+            updateVueComponentRef.current?.();
+          }
+        });
+        ComponentNodeRef.current = componentNode;
+        setTimeout(mountVue);
+        setComponentReady(true);
+        onMounted?.();
+      } catch (e) {
+        if (isUnMountedRef.current) {
+          return;
+        }
+        errorRef.current = e;
+        setComponentReady(true);
+        setIsError(true);
+      }
+    }, [mountVue]);
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+      // fix StrictMode
+      isUnMountedRef.current = false;
+      return () => {
+        errorRef.current = undefined;
+        ComponentNodeRef.current = undefined;
+        isUnMountedRef.current = true;
+        (0,_helper__WEBPACK_IMPORTED_MODULE_4__.updateUnMountComponent)({
+          name,
+          module
+        });
+        unMountVue.current?.();
+        unSubscribeMessageRef.current?.();
+        isVueMounted.current = false;
+      };
+    }, []);
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+      if (isVueMounted.current) {
+        return;
+      }
+      mountComponent();
+    }, [mountComponent]);
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+      if (propsReactiveRef.current) {
+        propsReactiveRef.current.value = {
+          ...$componentProps
+        };
+      }
+    }, [$componentProps]);
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+      if (storeReactiveRef.current) {
+        storeReactiveRef.current.value = {
+          ...store
+        };
+      }
+    }, [store]);
+    if (isError) {
+      throw errorRef.current;
+    }
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, !componentReady && !$silent && !(0,_helper__WEBPACK_IMPORTED_MODULE_4__.isModuleLoaded)(name) ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Fallback, {
+      $self: selfRef.current,
+      $store: store
+    }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      className: (0,_helper__WEBPACK_IMPORTED_MODULE_4__.getClassNameWithModule)({
+        name,
+        module
+      }, 'various-vue-component'),
+      ref: containerDivRef
+    }));
+  };
+  V.displayName = (0,_helper__WEBPACK_IMPORTED_MODULE_4__.getNameWithModule)({
+    name,
+    module
+  });
+  const VueComponent = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(V, props);
+  VueComponent.displayName = 'various-vue-component';
+  return VueComponent;
+}
+/* harmony default export */ __webpack_exports__["default"] = (vueComponent);
+
+/***/ }),
+
+/***/ "./src/standalone/helper.ts":
+/*!**********************************!*\
+  !*** ./src/standalone/helper.ts ***!
+  \**********************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   defineModules: function() { return /* binding */ defineModules; },
+/* harmony export */   loadRequireJS: function() { return /* binding */ loadRequireJS; }
+/* harmony export */ });
+/* harmony import */ var _core_helper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/helper */ "./src/core/helper.ts");
+
+let requirejsPromise;
+function loadRequireJS(dep) {
+  if (requirejsPromise) {
+    return requirejsPromise;
+  }
+  const promise = new Promise((resolve, reject) => {
+    if (!dep) {
+      reject(new _core_helper__WEBPACK_IMPORTED_MODULE_0__.VariousError({
+        name: 'standalone',
+        type: 'NOT_DEFINED',
+        originalError: new Error('requirejs not defined')
+      }));
+      return;
+    }
+    if (typeof dep === 'string') {
+      const script = document.createElement('script');
+      script.src = dep;
+      script.onload = e => resolve(e);
+      script.onerror = e => reject(e);
+      document.head.appendChild(script);
+      return;
+    }
+
+    // @ts-ignore
+    window.requirejs = dep;
+    resolve(new Event('requirejs defined'));
+  });
+  requirejsPromise = promise;
+  return requirejsPromise;
+}
+const defineAsync = (name, factory) => {
+  window.define(name, [], factory);
+  return new Promise(resolve => {
+    const check = () => {
+      if (window.requirejs.specified(name)) {
+        resolve();
+        return;
+      }
+      setTimeout(check, 100);
+    };
+    check();
+  });
+};
+function defineModules(deps) {
+  const defines = [];
+  Object.entries(deps).forEach(([key, value]) => {
+    if ((0,_core_helper__WEBPACK_IMPORTED_MODULE_0__.isModuleSpecified)(key)) {
+      return;
+    }
+    if (typeof value === 'string') {
+      window.requirejs.config({
+        paths: {
+          [key]: `${value}#${key}`
+        }
+      });
+      return;
+    }
+    defines.push({
+      key,
+      value
+    });
+  });
+  return Promise.all(defines.map(item => defineAsync(item.key, () => item.value)));
+}
+
+/***/ }),
+
+/***/ "react":
+/*!************************!*\
+  !*** external "react" ***!
+  \************************/
+/***/ (function(module) {
+
+"use strict";
+module.exports = require("react");
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	!function() {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = function(module) {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				function() { return module['default']; } :
+/******/ 				function() { return module; };
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
+!function() {
+"use strict";
+/*!**********************************!*\
+  !*** ./src/standalone/index.tsx ***!
+  \**********************************/
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   createComponent: function() { return /* binding */ createComponent; },
+/* harmony export */   createConfig: function() { return /* binding */ createConfig; }
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _core_create_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core/create-component */ "./src/core/create-component.tsx");
+/* harmony import */ var _core_error_boundary__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../core/error-boundary */ "./src/core/error-boundary.tsx");
+/* harmony import */ var _core_connector__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../core/connector */ "./src/core/connector.ts");
+/* harmony import */ var _core_helper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../core/helper */ "./src/core/helper.ts");
+/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./helper */ "./src/standalone/helper.ts");
+/* harmony import */ var _core_store__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../core/store */ "./src/core/store.ts");
+/* harmony import */ var _core_config__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../core/config */ "./src/core/config.ts");
+
+
+
+
+
+
+
+
+
+(0,_core_store__WEBPACK_IMPORTED_MODULE_7__.createStore)({
+  [_core_config__WEBPACK_IMPORTED_MODULE_8__.MOUNTED_COMPONENTS_KEY]: [],
+  [_core_config__WEBPACK_IMPORTED_MODULE_8__.MESSAGE_KEY]: null,
+  [_core_config__WEBPACK_IMPORTED_MODULE_8__.CONFIG_KEY]: {},
+  [_core_config__WEBPACK_IMPORTED_MODULE_8__.DEPENDENCIES_KEY]: {}
+});
+const Standalone = props => {
+  const {
+    dependencies,
+    url,
+    name,
+    module,
+    type,
+    $componentProps,
+    $ref,
+    storeKeys
+  } = props;
+  const [componentReady, setComponentReady] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
+  const componentNode = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
+  const errorRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
+  const [isError, setIsError] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
+    (0,_helper__WEBPACK_IMPORTED_MODULE_6__.loadRequireJS)(dependencies?.requirejs).then(() => {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      const {
+        requirejs,
+        ...rest
+      } = dependencies || {};
+      return (0,_helper__WEBPACK_IMPORTED_MODULE_6__.defineModules)(rest);
+    }).then(() => {
+      componentNode.current = (0,_core_create_component__WEBPACK_IMPORTED_MODULE_2__["default"])({
+        name,
+        module,
+        url,
+        type
+      }, storeKeys);
+      setComponentReady(true);
+    }).catch(e => {
+      errorRef.current = e;
+      setIsError(true);
+    });
+  }, [name, url, module, dependencies, type, storeKeys]);
+  if (isError) {
+    throw errorRef.current;
+  }
+  if (!componentReady) {
+    const FallBack = _core_connector__WEBPACK_IMPORTED_MODULE_4__["default"].getFallbackComponent();
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(FallBack, {
+      $self: {
+        name,
+        module,
+        url
+      },
+      $store: (0,_core_store__WEBPACK_IMPORTED_MODULE_7__.getUserStore)()
+    });
+  }
+  const C = componentNode.current;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(C, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, $componentProps, {
+    ref: $ref
+  }));
+};
+Standalone.displayName = 'various-standalone';
+const createComponent = args => {
+  const component = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_core_error_boundary__WEBPACK_IMPORTED_MODULE_3__["default"], {
+    name: "standalone",
+    url: args.url,
+    module: args.module
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Standalone, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
+    $componentProps: props
+  }, args)));
+  const dispatch = next => {
+    (0,_core_store__WEBPACK_IMPORTED_MODULE_7__.emit)(next, true);
+  };
+  component.displayName = 'various-standalone-creator';
+  return Object.assign(component, {
+    dispatch
+  });
+};
+const createConfig = config => {
+  const {
+    baseDependencies,
+    errorFallback,
+    fallback,
+    store
+  } = config;
+  const {
+    requirejs,
+    ...rest
+  } = baseDependencies;
+  if (errorFallback) {
+    _core_connector__WEBPACK_IMPORTED_MODULE_4__["default"].setErrorFallbackComponent(errorFallback);
+  }
+  if (fallback) {
+    _core_connector__WEBPACK_IMPORTED_MODULE_4__["default"].setFallbackComponent(fallback);
+  }
+  if (store) {
+    (0,_core_store__WEBPACK_IMPORTED_MODULE_7__.emit)(store);
+  }
+  (0,_helper__WEBPACK_IMPORTED_MODULE_6__.loadRequireJS)(requirejs).then(() => {
+    (0,_helper__WEBPACK_IMPORTED_MODULE_6__.defineModules)(rest);
+  }).catch(e => {
+    (0,_core_helper__WEBPACK_IMPORTED_MODULE_5__.onError)(new _core_helper__WEBPACK_IMPORTED_MODULE_5__.VariousError({
+      name: 'standalone',
+      type: 'CONFIG_ERROR',
+      originalError: e
+    }));
+  });
+};
+}();
+module.exports = __webpack_exports__;
+/******/ })()
+;
 //# sourceMappingURL=standalone.js.map