@myop/sdk 0.4.0-beta.1 → 0.4.0-beta.3

package/dist/cjs/{_WebComponentSDK.ca9d238e.js → _WebComponentSDK.3728ca8b.js}

@@ -1010,6 +1010,7 @@ var BaseMyopComponent = class {
     setTimeout(() => {
       if (!this.isInitiated && this._whenInitiatedReject && !this._markedForDisposed) {
         this._whenInitiatedReject("timeout_".concat(timeout, " ").concat(this.id));
+        this.dispose();
       }
     }, timeout);
     this.initiated().then(() => {
@@ -1093,19 +1094,27 @@ var BaseMyopComponent = class {
       };
     }
   }
+  /** Runs the 'onDispose' handlers once. hostSDK registers the one that unregisters
+   *  this component, so it has to run on EVERY dispose path, initiated or not. */
+  runDisposeHandlers() {
+    const onDisposeHandlers = this.messageHandlers["onDispose"];
+    if (onDisposeHandlers) {
+      onDisposeHandlers.forEach((disposeHandler) => {
+        disposeHandler(null);
+      });
+    }
+  }
   dispose() {
     this.markedForDisposed = true;
     if (!this.isInitiated) {
+      this.runDisposeHandlers();
+      this.messageHandlers = {};
+      this.id += "_disposed";
       return;
     }
     console.log("disposing component", this.id);
     this.send(new DisposeMessage());
-    const onDisposeHandlers = this.messageHandlers["onDispose"];
-    if (onDisposeHandlers) {
-      onDisposeHandlers.forEach((disposeHandler) => {
-        disposeHandler(null);
-      });
-    }
+    this.runDisposeHandlers();
     this.messageHandlers = {};
     this.id += "_disposed";
     this.isInitiated = false;
@@ -1508,8 +1517,13 @@ var createRefComponent = async (ref, componentConfig, components, options) => {
   return new Promise(async (resolve, reject) => {
     const refComponent = new MyopRefComponent(componentConfig.type, component, options);
     components.push(refComponent);
+    const unregister = () => {
+      const at = components.indexOf(refComponent);
+      if (at !== -1) components.splice(at, 1);
+    };
     await component.initiated();
     const timeout = setTimeout(() => {
+      unregister();
       reject("timeout");
     }, 5e3);
     component.send(new CreateRefComponentMessage(
@@ -1522,11 +1536,13 @@ var createRefComponent = async (ref, componentConfig, components, options) => {
       async (message) => {
         clearTimeout(timeout);
         if (message.failed) {
+          unregister();
           reject("CreateRefComponentMessage failed");
           return;
         }
         const implementationComponent = components.find((c) => c.id == refComponent.id);
-        if (implementationComponent !== refComponent) {
+        if (implementationComponent && implementationComponent !== refComponent) {
+          unregister();
           component.refs[ref.refConfig.name] = implementationComponent;
           resolve(implementationComponent);
           return;
@@ -1840,7 +1856,8 @@ var MyopIframeComponent = class extends BaseMyopComponent {
         this.IframeElement.style.width = "100%";
         this.setHeightBasedOnScrollHeight();
         observerCleanup = this.send(new SetResizeObserverMessage());
-      }).catch(() => {
+      }).catch((e) => {
+        console.warn("[MyopIframeComponent] auto-height skipped for ".concat(this.id, ": ").concat(e));
       });
       return cleanup;
     });
@@ -1889,7 +1906,7 @@ var MyopIframeComponent = class extends BaseMyopComponent {
       return cleanupHandler;
     });
     __publicField(this, "dispose", () => {
-      var _a;
+      var _a, _b;
       (_a = this._bridgeSizeCleanup) == null ? void 0 : _a.call(this);
       if (this._autoSizeCleanup) {
         this._autoSizeCleanup();
@@ -1902,7 +1919,7 @@ var MyopIframeComponent = class extends BaseMyopComponent {
       if (this.cleanupInspect)
         this.cleanupInspect();
       super.dispose();
-      this.IframeElement.parentNode.removeChild(this.IframeElement);
+      (_b = this.IframeElement.parentNode) == null ? void 0 : _b.removeChild(this.IframeElement);
     });
     this.element = this.IframeElement;
     this._lastData = options == null ? void 0 : options.data;
@@ -2169,7 +2186,7 @@ var WebcomponentLoader = class extends BaseMyopLoader {
 };
 
 // version:myop-sdk-version
-var myop_sdk_version_default = "0.4.0-beta.1";
+var myop_sdk_version_default = "0.4.0-beta.3";
 
 // src/helpers/deliveryStore.ts
 var DB_NAME = "myop-delivery";
@@ -3302,7 +3319,12 @@ var HostSDK = class {
         }
         const myopMessage = event.data;
         if (myopMessage.messageType === MyopMessages.InitRequest) {
-          this.components2init.forEach((component2) => {
+          const fromAskingFrame = this.components2init.filter((component2) => {
+            const element = component2.element;
+            return (element == null ? void 0 : element.nodeName) === "IFRAME" && element.contentWindow === event.source;
+          });
+          const targets = fromAskingFrame.length ? fromAskingFrame : this.components2init;
+          targets.forEach((component2) => {
             component2.send(new InitMessage(component2.id));
           });
           return;
@@ -3517,14 +3539,18 @@ var HostSDK = class {
         throw new Error('no loader "'.concat(selectedSkin.loader.type, '" was found for component'));
       }
       let component = await componentLoader.load(componentConfig.type, selectedSkin, container, options);
-      if (!component.isInitiated)
+      if (!component.isInitiated) {
         this.components2init.push(component);
+      }
       component.bind("onDispose", () => {
         this.components = this.components.filter((c) => c !== component);
         this.components2init = this.components2init.filter((c) => c !== component);
         return true;
       });
       this.components.push(component);
+      if (!component.isInitiated) {
+        component.send(new InitMessage(component.id));
+      }
       if (!options || options.connectProps !== false) {
         component = connectProps(component, componentConfig.type.props, selectedSkin);
       }