@myop/sdk 0.1.40 → 0.1.42

package/dist/bundled-declarations.d.ts

@@ -212,23 +212,37 @@ declare module "@myop/sdk/common" {
         type: PropType;
         messageType: MyopMessageKey;
     }
-    type IPropConfigMode = 'input' | 'output';
-    type IPropConfigBehaviorType = 'message';
+    export const PropMessageModes: {
+        readonly input: "input";
+        readonly output: "output";
+    };
+    export const PropConfigBehaviorTypes: {
+        readonly message: "message";
+        readonly code: "code";
+    };
     export interface IPropMessageBehaviorParam {
         value: string;
     }
+    export interface IPropBehavior {
+        type: keyof typeof PropConfigBehaviorTypes;
+    }
+    export interface IPropCodeBehavior extends IPropBehavior {
+        type: "code";
+        remap?: string;
+    }
+    export interface IPropMessageBehavior extends IPropBehavior {
+        type: "message";
+        message: MyopMessageKey;
+        ref: string;
+        params: IPropMessageBehaviorParam[];
+        mode: keyof typeof PropMessageModes;
+    }
     export interface IPropConfig {
         id: string;
         name: string;
         description: string;
         type: PropType;
-        mode: IPropConfigMode;
-        behavior: {
-            type: IPropConfigBehaviorType;
-            message: MyopMessageKey;
-            ref: string;
-            params: IPropMessageBehaviorParam[];
-        };
+        behavior: IPropBehavior;
     }
     export class RefBehaviorType {
         static code: "code";
@@ -1598,6 +1612,7 @@ declare module "@myop/sdk/host/hostSDK" {
         elementAttributes?: ElementAttributes;
         _environment?: IEnvironment;
         _hasParent?: boolean;
+        _inspection?: boolean;
     }
     export const hostSDK: HostSDK;
     global {

package/dist/cjs/{_IframeSDK.5af88b19.js → _IframeSDK.4fce182a.js}

@@ -1685,7 +1685,7 @@ var WebcomponentLoader = class extends BaseMyopLoader {
 };
 
 // version:myop-sdk-version
-var myop_sdk_version_default = "0.1.40";
+var myop_sdk_version_default = "0.1.42";
 
 // src/webcomponent/messageHandlers/BaseWebComponentMessageHandler.ts
 var BaseWebComponentMessageHandler = class extends BaseContextMessageHandler {
@@ -2066,7 +2066,19 @@ var HTMLComponentLoader = class extends BaseMyopLoader {
         container.appendChild(IframeElement);
         const doc = IframeElement.contentDocument || IframeElement.contentWindow.document;
         doc.open();
-        doc.writeln(loaderConfig.HTML);
+        let HTML2Render = loaderConfig.HTML;
+        if (options == null ? void 0 : options._inspection) {
+          const parser = new DOMParser();
+          const _doc = parser.parseFromString(loaderConfig.HTML, "text/html");
+          const temp = _doc.implementation.createHTMLDocument();
+          temp.body.innerHTML = "<script>\n                        const beforeKeysWindow = new Set(Object.keys(window));\n                        window.myopState = {\n                            beforeKeysWindow,\n                        };\n                <\/script>";
+          const node = temp.body.firstChild;
+          if (node && _doc.head) {
+            _doc.head.insertBefore(_doc.importNode(node, true), _doc.head.firstChild);
+          }
+          HTML2Render = _doc.documentElement.outerHTML;
+        }
+        doc.writeln(HTML2Render);
         doc.writeln('<script src="'.concat(window.myop.__ROOT_SDK_PUBLIC_URL__, "\"><\/script>\n                    <script>\n                    window.__federation__ = \n                    { ...window.__federation__,\n                    //TODO : get from ENV at build time, \n                    // inject value to module at build time \n                    // today we doing so just for the CJS version \n                    __public_path__ :'https://cdn.myop.dev/sdk/next',\n                     ...").concat(JSON.stringify(
           // @ts-ignore
           window.__federation__
@@ -2168,31 +2180,34 @@ var CloudRepository = _CloudRepository;
 
 // src/host/myopOverride.ts
 var checkMyopOverride = async (componentConfig) => {
-  const url = new URL(window.location.href);
-  const params = new URLSearchParams(url.search);
-  const myopOverride = params.get("myopOverride");
-  if (myopOverride) {
-    const [flowId, experimentId] = decompressUUIDs(myopOverride);
-    const flow = await CloudRepository.Main.fetchFlow(flowId);
-    const componentToOverride = flow.components.find((c) => c.type.id === componentConfig.type.id);
-    if (componentToOverride) {
-      if (componentToOverride.instance.skinSelector.type === SkinSelectorTypes.Segmented) {
-        if (componentToOverride.instance.resolvedExperiences) {
-          const resolvedExperience = componentToOverride.instance.resolvedExperiences.find((e) => e.id === experimentId);
-          if ((resolvedExperience == null ? void 0 : resolvedExperience.type) === ExperienceTypes.Segment) {
-            const typedResolvedExperience = resolvedExperience;
-            const typedSkinSelector = componentToOverride.instance.skinSelector;
-            const segment = typedSkinSelector.segments.find((s) => s.segmentId === typedResolvedExperience.segment.id);
-            if (segment) {
-              componentToOverride.instance.skinSelector = segment == null ? void 0 : segment.skinSelector;
-              return componentToOverride;
+  try {
+    const url = new URL(window.location.href);
+    const params = new URLSearchParams(url.search);
+    const myopOverride = params.get("myopOverride");
+    if (myopOverride) {
+      const [flowId, experimentId] = decompressUUIDs(myopOverride);
+      const flow = await CloudRepository.Main.fetchFlow(flowId);
+      const componentToOverride = flow.components.find((c) => c.type.id === componentConfig.type.id);
+      if (componentToOverride) {
+        if (componentToOverride.instance.skinSelector.type === SkinSelectorTypes.Segmented) {
+          if (componentToOverride.instance.resolvedExperiences) {
+            const resolvedExperience = componentToOverride.instance.resolvedExperiences.find((e) => e.id === experimentId);
+            if ((resolvedExperience == null ? void 0 : resolvedExperience.type) === ExperienceTypes.Segment) {
+              const typedResolvedExperience = resolvedExperience;
+              const typedSkinSelector = componentToOverride.instance.skinSelector;
+              const segment = typedSkinSelector.segments.find((s) => s.segmentId === typedResolvedExperience.segment.id);
+              if (segment) {
+                componentToOverride.instance.skinSelector = segment == null ? void 0 : segment.skinSelector;
+                return componentToOverride;
+              }
             }
           }
         }
       }
     }
+  } catch (e) {
+    return null;
   }
-  return null;
 };
 
 // src/host/hostSDK.ts