@myop/sdk 0.3.9 → 0.3.11

package/dist/bundled-declarations.d.ts

@@ -1513,17 +1513,12 @@ declare module "@myop/sdk/helpers/configBuilder" {
 }
 declare module "@myop/sdk/helpers/CloudRepository" {
     import { IComponentConfig, IUserFlow } from "@myop/sdk/common";
-    /**
-     * CloudRepository - Unified cloud data access layer for Myop components
-     *
-     * Supports both v2 (default) and v1 modes:
-     * - v2: Uses /consume endpoint for fetching variants
-     * - v1: Uses /flow endpoint for fetching user flows
-     */
     export class CloudRepository {
         private _baseUrl;
-        static Main: CloudRepository;
+        private static _main;
+        static get Main(): CloudRepository;
         private variants;
+        private preloadedComponents;
         private userFlows;
         private _defaultEnv;
         constructor(_baseUrl?: string);
@@ -1537,10 +1532,20 @@ declare module "@myop/sdk/helpers/CloudRepository" {
         getDefaultEnvironment(): string;
         /**
          * Check if a component is already cached/preloaded (v2)
+         * If env and preview are not provided, checks if ANY version is preloaded
          */
         isPreloaded(componentId: string, env?: string, preview?: boolean): boolean;
+        /**
+         * Get the preloaded params for a component (if preloaded)
+         * Returns undefined if not preloaded
+         */
+        getPreloadedParams(componentId: string): {
+            env: string;
+            preview: boolean;
+        } | undefined;
         /**
          * Fetch a v2 component config
+         * If env/preview not specified and component was preloaded, uses preloaded params
          */
         fetchComponentV2(componentId: string, environmentIdentifier?: string, preview?: boolean): Promise<IComponentConfig>;
         /**
@@ -1642,6 +1647,7 @@ declare module "@myop/sdk/host/hostSDK" {
         _environment?: IEnvironment;
         _hasParent?: boolean;
         _inspection?: boolean;
+        data?: any;
     }
     export const hostSDK: HostSDK;
     global {

package/dist/cjs/{_IframeSDK.119c0f6d.js → _IframeSDK.a1d01292.js}

@@ -1246,7 +1246,17 @@ var connectProps = (component, propsConfig, selectedSkin) => {
           const typedLoader = selectedSkin.loader;
           if (typedLoader.shadowRootMode === ShadowRootModeType.localFrame) {
             const typedPropBehavior = propConfig.behavior;
-            component.element.contentWindow[typedPropBehavior.remap || prop] = value;
+            const contentWindow = component.element.contentWindow;
+            const propName = typedPropBehavior.remap || prop;
+            contentWindow[propName] = value;
+            if (propName === "myop_cta_handler" && contentWindow.__myop_cta_queue) {
+              const queue = contentWindow.__myop_cta_queue;
+              contentWindow.__myop_cta_queue = null;
+              queue.forEach((item) => {
+                if (component.markedForDisposed) return;
+                value(item.action, item.payload);
+              });
+            }
             return true;
           }
         }
@@ -1808,7 +1818,7 @@ var WebcomponentLoader = class extends BaseMyopLoader {
 };
 
 // version:myop-sdk-version
-var myop_sdk_version_default = "0.3.9";
+var myop_sdk_version_default = "0.3.11";
 
 // src/webcomponent/messageHandlers/BaseWebComponentMessageHandler.ts
 var BaseWebComponentMessageHandler = class extends BaseContextMessageHandler {
@@ -2202,11 +2212,25 @@ var HTMLComponentLoader = class extends BaseMyopLoader {
             _doc.head.insertBefore(_doc.importNode(node, true), _doc.head.firstChild);
           }
           HTML2Render = _doc.documentElement.outerHTML;
+        } else {
+          const parser = new DOMParser();
+          const _doc = parser.parseFromString(loaderConfig.HTML, "text/html");
+          const myop_preview_script = _doc.getElementById("myop_preview");
+          if (myop_preview_script) {
+            myop_preview_script.remove();
+            HTML2Render = _doc.documentElement.outerHTML;
+          }
         }
         doc.writeln(HTML2Render);
         const sdkScript = HAS_EMBEDDED_SDK ? "<script>".concat(EMBEDDED_SDK_CONTENT, "<\/script>") : '<script src="'.concat(window.myop.__ROOT_SDK_PUBLIC_URL__, '"><\/script>');
         const initScript = HAS_EMBEDDED_SDK ? "<script>\n                   const __myop_init = async () => {\n                        const iframeModule = await MyopSDK.getIframeModule();\n                        const IframeSDK = iframeModule.IframeSDK;\n                        const sdk = new IframeSDK();\n                        sdk.init();\n                   }\n                   __myop_init().then();\n                <\/script>" : "<script>\n                   window.__federation__.__public_path__ = window.__federation__.__public_path__;\n                   const __myop_init = async () => {\n                        const {IframeSDK} = (await window.myop.rootSDK.getIframeModule());\n                        const sdk = new IframeSDK();\n                        sdk.init();\n                   }\n                   __myop_init().then();\n                <\/script>";
         doc.writeln("".concat(sdkScript).concat(initScript));
+        if ((options == null ? void 0 : options.data) !== void 0) {
+          const ctaQueueScript = "<script>\n                    window.__myop_cta_queue = [];\n                    window.myop_cta_handler = function(action, payload) {\n                        window.__myop_cta_queue.push({action: action, payload: payload});\n                    };\n                <\/script>";
+          const escapedData = JSON.stringify(options.data).replace(/<\/script/gi, "\\u003c/script");
+          const dataScript = '<script id="__myop_init_data_script">\n                    (function() {\n                        var data = '.concat(escapedData, ";\n                        var scriptEl = document.getElementById('__myop_init_data_script');\n\n                        var callInitInterface = function(fn) {\n                            var startTime = performance.now();\n                            // Mark as pre-injected data call for extension tracking\n                            window.__myop_init_preinjected = true;\n                            try {\n                                fn(data);\n                            } finally {\n                                window.__myop_init_preinjected = false;\n                            }\n                            var duration = performance.now() - startTime;\n\n                            // Notify extension via postMessage (init* = pre-injected)\n                            try {\n                                window.parent.postMessage({\n                                    type: 'MYOP_PREINJECTED_INIT',\n                                    payload: {\n                                        data: data,\n                                        duration: duration,\n                                        timestamp: Date.now()\n                                    }\n                                }, '*');\n                            } catch (e) {}\n\n                            // Cleanup: remove script tag and stored data\n                            if (scriptEl && scriptEl.parentNode) {\n                                scriptEl.parentNode.removeChild(scriptEl);\n                            }\n                            delete window.__myop_init_data;\n                        };\n\n                        if (typeof window.myop_init_interface === 'function') {\n                            // Function already exists - call immediately\n                            callInitInterface(window.myop_init_interface);\n                        } else {\n                            // Function not yet defined - store data and watch for definition\n                            window.__myop_init_data = data;\n\n                            var _original;\n                            Object.defineProperty(window, 'myop_init_interface', {\n                                configurable: true,\n                                enumerable: true,\n                                set: function(fn) {\n                                    _original = fn;\n                                    if (window.__myop_init_data !== undefined) {\n                                        var storedData = window.__myop_init_data;\n                                        delete window.__myop_init_data;\n                                        callInitInterface(fn);\n                                    }\n                                },\n                                get: function() {\n                                    return _original;\n                                }\n                            });\n                        }\n                    })();\n                <\/script>");
+          doc.writeln(ctaQueueScript + dataScript);
+        }
         doc.close();
         const comp = new MyopIframeComponent(componentDefinition, skin, container, IframeElement, options);
         if (loaderConfig.autoHeight) {
@@ -2300,15 +2324,47 @@ var convertV2VariantToComponentConfig = (config) => {
     name: config.name
   };
 };
+var GLOBAL_KEY = "__MYOP_CLOUD_REPOSITORY_MAIN__";
+var getGlobalMain = () => {
+  if (typeof window !== "undefined") {
+    return window[GLOBAL_KEY];
+  }
+  if (typeof globalThis !== "undefined") {
+    return globalThis[GLOBAL_KEY];
+  }
+  return void 0;
+};
+var setGlobalMain = (instance) => {
+  if (typeof window !== "undefined") {
+    window[GLOBAL_KEY] = instance;
+  }
+  if (typeof globalThis !== "undefined") {
+    globalThis[GLOBAL_KEY] = instance;
+  }
+};
 var _CloudRepository = class _CloudRepository {
   constructor(_baseUrl = "https://cloud.myop.dev") {
     this._baseUrl = _baseUrl;
-    // v2 cache
+    // v2 cache - keyed by componentId:env:preview|live
     __publicField(this, "variants", {});
+    // Track which components were preloaded and with what params
+    // Key: componentId, Value: { env, preview }
+    __publicField(this, "preloadedComponents", {});
     // v1 cache
     __publicField(this, "userFlows", {});
     __publicField(this, "_defaultEnv", "production");
   }
+  static get Main() {
+    const globalMain = getGlobalMain();
+    if (globalMain) {
+      return globalMain;
+    }
+    if (!_CloudRepository._main) {
+      _CloudRepository._main = new _CloudRepository();
+      setGlobalMain(_CloudRepository._main);
+    }
+    return _CloudRepository._main;
+  }
   /**
    * Set the default environment for this CloudRepository instance
    */
@@ -2324,23 +2380,55 @@ var _CloudRepository = class _CloudRepository {
   // ============ V2 Methods (Default) ============
   /**
    * Check if a component is already cached/preloaded (v2)
+   * If env and preview are not provided, checks if ANY version is preloaded
    */
   isPreloaded(componentId, env, preview) {
-    const cacheKey = "".concat(componentId, ":").concat(env || this._defaultEnv, ":").concat(preview ? "preview" : "live");
-    return cacheKey in this.variants;
+    if (env !== void 0 || preview !== void 0) {
+      const cacheKey = "".concat(componentId, ":").concat(env || this._defaultEnv, ":").concat(preview ? "preview" : "live");
+      return cacheKey in this.variants;
+    }
+    return componentId in this.preloadedComponents;
+  }
+  /**
+   * Get the preloaded params for a component (if preloaded)
+   * Returns undefined if not preloaded
+   */
+  getPreloadedParams(componentId) {
+    return this.preloadedComponents[componentId];
   }
   /**
    * Fetch a v2 component config
+   * If env/preview not specified and component was preloaded, uses preloaded params
    */
   async fetchComponentV2(componentId, environmentIdentifier, preview) {
-    const env = environmentIdentifier || this._defaultEnv;
-    const cacheKey = "".concat(componentId, ":").concat(env, ":").concat(preview ? "preview" : "live");
+    const preloaded = this.preloadedComponents[componentId];
+    const hasExplicitParams = environmentIdentifier !== void 0 || preview !== void 0;
+    let env;
+    let usePreview;
+    if (!hasExplicitParams && preloaded) {
+      env = preloaded.env;
+      usePreview = preloaded.preview;
+    } else {
+      env = environmentIdentifier || this._defaultEnv;
+      usePreview = preview != null ? preview : true;
+    }
+    const cacheKey = "".concat(componentId, ":").concat(env, ":").concat(usePreview ? "preview" : "live");
+    console.log("[CloudRepository] fetchComponentV2", {
+      componentId: componentId.slice(0, 8) + "...",
+      env,
+      usePreview,
+      cacheKey,
+      cached: cacheKey in this.variants
+    });
     if (!this.variants[cacheKey]) {
+      if (!this.preloadedComponents[componentId]) {
+        this.preloadedComponents[componentId] = { env, preview: usePreview };
+      }
       this.variants[cacheKey] = new Promise(
         async (resolve, reject) => {
           try {
             let url = "".concat(this._baseUrl, "/consume?id=").concat(componentId, "&env=").concat(env);
-            if (preview) {
+            if (usePreview) {
               url += "&preview=true";
             }
             const res = await fetch(url);
@@ -2422,7 +2510,7 @@ var _CloudRepository = class _CloudRepository {
     return this.fetchComponentV1(componentId, flowId);
   }
 };
-__publicField(_CloudRepository, "Main", new _CloudRepository());
+__publicField(_CloudRepository, "_main", null);
 var CloudRepository = _CloudRepository;
 
 // src/host/myopOverride.ts