@myop/sdk 0.3.23 → 0.3.25

package/dist/cjs/{_WebComponentSDK.53f31f1e.js → _WebComponentSDK.949eae52.js}

@@ -1694,8 +1694,8 @@ var MyopIframeComponent = class extends BaseMyopComponent {
         container.style.transition = "none";
         const currentIframeHeight = iframe.getBoundingClientRect().height;
         const currentIframeWidth = iframe.getBoundingClientRect().width;
-        const preScrollHeight = Math.ceil(Math.max(contentDoc.documentElement.scrollHeight, contentDoc.body.scrollHeight));
-        const preScrollWidth = Math.ceil(Math.max(contentDoc.documentElement.scrollWidth, contentDoc.body.scrollWidth));
+        const preScrollHeight = Math.ceil(Math.max(contentDoc.documentElement.scrollHeight, contentDoc.body.scrollHeight, contentDoc.body.getBoundingClientRect().height));
+        const preScrollWidth = Math.ceil(Math.max(contentDoc.documentElement.scrollWidth, contentDoc.body.scrollWidth, contentDoc.body.getBoundingClientRect().width));
         let contentWidth = preScrollWidth;
         let contentHeight = preScrollHeight;
         const heightGrew = shouldAutoHeight && preScrollHeight > currentIframeHeight + 1;
@@ -1707,10 +1707,22 @@ var MyopIframeComponent = class extends BaseMyopComponent {
           const prevMinWidth = container.style.minWidth;
           if (needsHeightCollapse) container.style.minHeight = "".concat(currentIframeHeight, "px");
           if (needsWidthCollapse) container.style.minWidth = "".concat(currentIframeWidth, "px");
+          const measureStyle = contentDoc.createElement("style");
+          measureStyle.id = "__myop_measure";
+          const rules = [];
+          if (needsHeightCollapse) {
+            rules.push("height: auto !important", "min-height: 0 !important", "max-height: none !important");
+          }
+          if (needsWidthCollapse) {
+            rules.push("width: auto !important", "min-width: 0 !important", "max-width: none !important");
+          }
+          measureStyle.textContent = "*, *::before, *::after { ".concat(rules.join("; "), "; flex-basis: auto !important; flex-grow: 0 !important; }");
+          contentDoc.head.appendChild(measureStyle);
           if (needsHeightCollapse) iframe.style.height = "0px";
           if (needsWidthCollapse) iframe.style.width = "0px";
-          contentWidth = Math.ceil(Math.max(contentDoc.documentElement.scrollWidth, contentDoc.body.scrollWidth));
-          contentHeight = Math.ceil(Math.max(contentDoc.documentElement.scrollHeight, contentDoc.body.scrollHeight));
+          contentWidth = Math.ceil(Math.max(contentDoc.documentElement.scrollWidth, contentDoc.body.scrollWidth, contentDoc.body.getBoundingClientRect().width));
+          contentHeight = Math.ceil(Math.max(contentDoc.documentElement.scrollHeight, contentDoc.body.scrollHeight, contentDoc.body.getBoundingClientRect().height));
+          measureStyle.remove();
           container.style.minHeight = prevMinHeight;
           container.style.minWidth = prevMinWidth;
         }
@@ -2026,7 +2038,7 @@ var WebcomponentLoader = class extends BaseMyopLoader {
 };
 
 // version:myop-sdk-version
-var myop_sdk_version_default = "0.3.23";
+var myop_sdk_version_default = "0.3.25";
 
 // src/host/embeddedSDK.ts
 var EMBEDDED_SDK_CONTENT = "";
@@ -2138,10 +2150,19 @@ var HTMLComponentLoader = class extends BaseMyopLoader {
         const comp = new MyopIframeComponent(componentDefinition, skin, container, IframeElement, options);
         comp.sizeMeta = parsedSizeMeta;
         comp.initiated().then(() => {
-          comp.observeAutoSize({ forceAutoSize: true });
-          if (!(options == null ? void 0 : options.hidden)) {
-            comp.show();
+          if ((options == null ? void 0 : options.autoSize) === false) {
+            return;
           }
+          let shown = false;
+          comp.observeAutoSize({
+            forceAutoSize: true,
+            onSizeChange: () => {
+              if (!shown && !(options == null ? void 0 : options.hidden)) {
+                shown = true;
+                comp.show();
+              }
+            }
+          });
         });
         return comp;
       }
@@ -2328,6 +2349,7 @@ var _CloudRepository = class _CloudRepository {
   constructor(_baseUrl = "https://cloud.myop.dev") {
     this._baseUrl = _baseUrl;
     // v2 cache - keyed by componentId:env:preview|live
+    // Each Promise is tagged with a `resolved` property after settling (see fetchComponentV2).
     __publicField(this, "variants", {});
     // Track which components were preloaded and with what params
     // Key: componentId, Value: { env, preview }
@@ -2428,6 +2450,7 @@ var _CloudRepository = class _CloudRepository {
               return;
             }
             const componentConfig = convertV2VariantToComponentConfig(variant);
+            this.variants[cacheKey].resolved = componentConfig;
             resolve(componentConfig);
           } catch (e) {
             reject(e);
@@ -2437,6 +2460,36 @@ var _CloudRepository = class _CloudRepository {
     }
     return await this.variants[cacheKey];
   }
+  /**
+   * Synchronous version of fetchComponentV2 — returns the config only if
+   * the fetch already completed, null otherwise.
+   *
+   * Uses the same `this.variants` cache that fetchComponentV2/preloadComponents
+   * populate. Each cached Promise is tagged with a `.resolved` property when
+   * it settles — this method just reads that property. No separate cache.
+   *
+   * Why this exists: React Native needs the config at render time to embed it
+   * in the WebView HTML (can't await in useState). If preloadComponents ran
+   * earlier and the fetch completed, this returns the result synchronously,
+   * skipping the WEBVIEW_READY → fetch → inject round trip entirely.
+   */
+  getResolvedConfig(componentId, env, preview) {
+    var _a;
+    const preloaded = this.preloadedComponents[componentId];
+    const hasExplicitParams = env !== void 0 || preview !== void 0;
+    let resolvedEnv;
+    let usePreview;
+    if (!hasExplicitParams && preloaded) {
+      resolvedEnv = preloaded.env;
+      usePreview = preloaded.preview;
+    } else {
+      resolvedEnv = env || this._defaultEnv;
+      const hasEffectiveEnv = env || this._envExplicitlySet;
+      usePreview = preview === true ? true : preview === false ? false : !hasEffectiveEnv;
+    }
+    const cacheKey = "".concat(componentId, ":").concat(resolvedEnv, ":").concat(usePreview ? "preview" : "live");
+    return ((_a = this.variants[cacheKey]) == null ? void 0 : _a.resolved) || null;
+  }
   // ============ V1 Methods (Legacy) ============
   /**
    * Fetch a v1 component from a flow