@myop/sdk 0.3.24 → 0.3.26

package/dist/cjs/{_WebComponentSDK.c8c6ebc0.js → _WebComponentSDK.f8bc2f3a.js}

@@ -1675,16 +1675,12 @@ var MyopIframeComponent = class extends BaseMyopComponent {
         if (!shouldAutoWidth && !shouldAutoHeight) {
           iframe.style.width = typeof resolvedExplicitWidth === "number" ? "".concat(resolvedExplicitWidth, "px") : "100%";
           iframe.style.height = typeof resolvedExplicitHeight === "number" ? "".concat(resolvedExplicitHeight, "px") : "100%";
-          const explicitWidthPx = typeof resolvedExplicitWidth === "number" ? resolvedExplicitWidth : void 0;
-          const explicitHeightPx = typeof resolvedExplicitHeight === "number" ? resolvedExplicitHeight : void 0;
-          if (explicitWidthPx !== void 0 || explicitHeightPx !== void 0) {
-            (_g = opts == null ? void 0 : opts.onSizeChange) == null ? void 0 : _g.call(opts, {
-              width: explicitWidthPx,
-              height: explicitHeightPx,
-              autoSizingWidth: false,
-              autoSizingHeight: false
-            });
-          }
+          (_g = opts == null ? void 0 : opts.onSizeChange) == null ? void 0 : _g.call(opts, {
+            width: typeof resolvedExplicitWidth === "number" ? resolvedExplicitWidth : void 0,
+            height: typeof resolvedExplicitHeight === "number" ? resolvedExplicitHeight : void 0,
+            autoSizingWidth: false,
+            autoSizingHeight: false
+          });
           return;
         }
         const prevTransition = iframe.style.transition;
@@ -1707,10 +1703,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, 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 +2034,7 @@ var WebcomponentLoader = class extends BaseMyopLoader {
 };
 
 // version:myop-sdk-version
-var myop_sdk_version_default = "0.3.24";
+var myop_sdk_version_default = "0.3.26";
 
 // src/host/embeddedSDK.ts
 var EMBEDDED_SDK_CONTENT = "";
@@ -2138,10 +2146,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 +2345,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 +2446,7 @@ var _CloudRepository = class _CloudRepository {
               return;
             }
             const componentConfig = convertV2VariantToComponentConfig(variant);
+            this.variants[cacheKey].resolved = componentConfig;
             resolve(componentConfig);
           } catch (e) {
             reject(e);
@@ -2437,6 +2456,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