@myop/sdk 0.2.6 → 0.2.7

package/dist/cjs/{_MyopHelpers.7baba8b8.js → _MyopHelpers.02c01d3a.js}

@@ -340,7 +340,64 @@ __publicField(_ComponentConfig, "create", () => {
 });
 var ComponentConfig = _ComponentConfig;
 
+// src/common/index.ts
+var PropConfigBehaviorTypes = {
+  "message": "message",
+  "code": "code"
+};
+
 // src/helpers/CloudRepository.ts
+var convertV2VariantToComponentConfig = (config) => {
+  return {
+    instance: {
+      id: "auto",
+      componentId: config.componentId,
+      componentName: config.name,
+      skinSelector: {
+        type: "Dedicated",
+        skin: {
+          id: "skin_auto_v2_converted"
+        }
+      }
+    },
+    type: {
+      id: config.id,
+      name: config.name,
+      description: config.description,
+      props: [
+        {
+          id: "in_auto_v2_converted",
+          name: "myop_init_interface",
+          type: "any",
+          behavior: {
+            type: PropConfigBehaviorTypes.code
+          }
+        },
+        {
+          id: "out_auto_v2_converted",
+          name: "myop_cta_handler",
+          type: "any",
+          behavior: {
+            type: PropConfigBehaviorTypes.code
+          }
+        }
+      ],
+      refs: [],
+      skins: [
+        {
+          id: "skin_auto_v2_converted",
+          name: "auto_v2_converted",
+          description: "",
+          //TODO : handle empty :
+          // @ts-ignore
+          loader: config.consume_variant[0].loader
+        }
+      ],
+      defaultSkin: 0
+    },
+    name: config.name
+  };
+};
 var _CloudRepository = class _CloudRepository {
   constructor(_baseUrl = "https://cloud.myop.dev") {
     this._baseUrl = _baseUrl;
@@ -348,34 +405,62 @@ var _CloudRepository = class _CloudRepository {
     __publicField(this, "variants", {});
     // v1 cache
     __publicField(this, "userFlows", {});
+    __publicField(this, "_defaultEnv", "production");
+  }
+  /**
+   * Set the default environment for this CloudRepository instance
+   */
+  setEnvironment(env) {
+    this._defaultEnv = env;
+  }
+  /**
+   * Get the current default environment
+   */
+  getDefaultEnvironment() {
+    return this._defaultEnv;
   }
   // ============ V2 Methods (Default) ============
   /**
    * Check if a component is already cached/preloaded (v2)
    */
-  isPreloaded(componentId) {
-    return componentId in this.variants;
+  isPreloaded(componentId, env, preview) {
+    const cacheKey = "".concat(componentId, ":").concat(env || this._defaultEnv, ":").concat(preview ? "preview" : "live");
+    return cacheKey in this.variants;
   }
   /**
-   * Fetch a v2 component variant
+   * Fetch a v2 component config
    */
-  async fetchComponentV2(componentId, environmentIdentifier) {
-    if (!this.variants[componentId]) {
-      this.variants[componentId] = new Promise(
+  async fetchComponentV2(componentId, environmentIdentifier, preview) {
+    const env = environmentIdentifier || this._defaultEnv;
+    const cacheKey = "".concat(componentId, ":").concat(env, ":").concat(preview ? "preview" : "live");
+    if (!this.variants[cacheKey]) {
+      this.variants[cacheKey] = new Promise(
         async (resolve, reject) => {
           try {
-            const res = await fetch(
-              "".concat(this._baseUrl, "/consume?id=").concat(componentId, "&env=").concat(environmentIdentifier)
-            );
+            let url = "".concat(this._baseUrl, "/consume?id=").concat(componentId, "&env=").concat(env);
+            if (preview) {
+              url += "&preview=true";
+            }
+            const res = await fetch(url);
             const json = await res.json();
-            resolve(json.item);
+            const variant = json.item;
+            if (!variant) {
+              reject(new Error('Component "'.concat(componentId, '" not found')));
+              return;
+            }
+            if (!variant.consume_variant || !variant.consume_variant.length) {
+              reject(new Error('Component "'.concat(componentId, '" has no implementation for environment "').concat(env, '"')));
+              return;
+            }
+            const componentConfig = convertV2VariantToComponentConfig(variant);
+            resolve(componentConfig);
           } catch (e) {
             reject(e);
           }
         }
       );
     }
-    return await this.variants[componentId];
+    return await this.variants[cacheKey];
   }
   // ============ V1 Methods (Legacy) ============
   /**

package/dist/cjs/{_MyopHelpers.7baba8b8.js.map → _MyopHelpers.02c01d3a.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/dynamicImport/defineDynamicImport.ts", "../../src/helpers/index.ts", "../../src/utils/uuid.ts", "../../src/messages/BaseMessage.ts", "../../src/messages/ExecuteScriptMessage.ts", "../../src/messages/CustomRefMessage.ts", "../../src/helpers/applyStylesheet.ts", "../../src/helpers/iframeSkinUrlTokenizer.ts", "../../src/helpers/classList.ts", "../../src/helpers/configBuilder.ts", "../../src/helpers/CloudRepository.ts", "../../src/helpers/exec.ts", "../../src/helpers/MyopHelpers.ts"],
-  "sourcesContent": ["export const __federation__ = \"__federation__\"\nexport const onLoadKey = \"onLoad\"\nexport const moduleInstanceKey = \"moduleInstance\"\n\nexport const defineDynamicImport = (globalName: string, module: any) => {\n    // @ts-ignore\n    if (window[__federation__] && window[__federation__][globalName] && window[__federation__][globalName][onLoadKey]) {\n        // @ts-ignore\n        window[__federation__][globalName][onLoadKey]({[globalName]: module})\n    } else {\n        //console.log('__federation__ loader not defined for module', module);\n    }\n}", "export * from \"./applyStylesheet\";\nexport * from \"./iframeSkinUrlTokenizer\";\nexport * from \"./classList\";\nexport * from \"./configBuilder\";\nexport * from \"./CloudRepository\";\nexport * from \"./exec\";", "//TODO : reuse from one place.\n// needs to be used in myop-sdk, myop-dashbaord, myop-server, myop-cli ..\n\nexport const uuidv4 = () => {\n    return \"10000000-1000-4000-8000-100000000000\".replace(/[018]/g, c =>\n        (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16)\n    );\n}\n\n// Convert UUID string to bytes\nexport const uuidToBytes = (uuid: string): Uint8Array => {\n    return Uint8Array.from(\n        uuid.replace(/-/g, '').match(/.{1,2}/g)!.map(byte => parseInt(byte, 16))\n    );\n};\n\n// Convert bytes to UUID string\nexport const bytesToUuid = (bytes: Uint8Array): string => {\n    const hex = [...bytes].map(b => b.toString(16).padStart(2, '0')).join('');\n    return [\n        hex.slice(0, 8),\n        hex.slice(8, 12),\n        hex.slice(12, 16),\n        hex.slice(16, 20),\n        hex.slice(20)\n    ].join('-');\n};\n\n// Base64 URL-safe encode\nexport const base64UrlEncode = (bytes: Uint8Array): string => {\n    const base64 = btoa(String.fromCharCode(...bytes));\n    return base64.replace(/\\+/g, '-').replace(/\\//g, '_').replace(/=+$/, '');\n};\n\n// Base64 URL-safe decode\nexport const base64UrlDecode = (str: string): Uint8Array => {\n    let base64 = str.replace(/-/g, '+').replace(/_/g, '/');\n    while (base64.length % 4) base64 += '=';\n    const binary = atob(base64);\n    return Uint8Array.from(binary, char => char.charCodeAt(0));\n};\n\n// Compress an array of UUIDs into a short URL-safe string\nexport const compressUUIDs = (uuids: string[]): string => {\n    const allBytes = uuids.flatMap(uuid => Array.from(uuidToBytes(uuid)));\n    return base64UrlEncode(new Uint8Array(allBytes));\n};\n\n// Decompress from URL-safe string back to an array of UUIDs\nexport const decompressUUIDs = (encoded: string): string[] => {\n    const bytes = base64UrlDecode(encoded);\n    if (bytes.length % 16 !== 0) throw new Error('Invalid input length');\n\n    const uuids: string[] = [];\n    for (let i = 0; i < bytes.length; i += 16) {\n        uuids.push(bytesToUuid(bytes.slice(i, i + 16)));\n    }\n    return uuids;\n};\n", "import {MyopMessageKey} from \"../common/MyopMessages\";\nimport {uuidv4} from \"../utils/utils\";\nimport {IMyopComponent} from \"../host\";\nimport {IRefConfig} from \"../common\";\n\nexport class MessageDirection {\n    static down = 'down' as const\n    static up = 'up' as const\n}\n\nexport type MessageDirectionOption = 'up' | 'down';\n\nexport abstract class BaseMyopMessage<T = any> {\n    id = uuidv4()\n\n    static create<T, U extends new (...args: ConstructorParameters<U>) => T = typeof this>(\n        this: U,\n        ...args: ConstructorParameters<U>\n    ): InstanceType<typeof this> {\n        // @ts-ignore\n        return new this(...args);\n    }\n\n    constructor() {\n        //console.log('meesage id created', this.id, document.location.href);\n    }\n\n    myop = true\n\n    abstract messageType: MyopMessageKey | string;\n\n    content?: T\n\n    // TODO : cant be optional \n    source?: string\n    destination?: string\n\n    route?: string[]\n\n    ref?: Ref\n\n    direction?: MessageDirectionOption\n\n    cleanable: boolean = false\n\n    isTypeof(msg: BaseMyopMessage): boolean {\n        return msg.messageType === this.messageType\n    }\n}\n\nexport abstract class MyopElementMessage<T = any> extends BaseMyopMessage<T> {\n    constructor(public ref: Ref) {\n        super()\n    }\n}\n\nexport abstract class MyopBindReplayMessage<T = any> extends BaseMyopMessage<T> {\n    constructor(public replayToHandler?: string) {\n        super();\n    }\n}\n\nexport abstract class MyopBindMessage<T = any, R extends MyopBindReplayMessage = any> extends BaseMyopMessage<T> {\n\n    public abstract replyMessageKey: MyopMessageKey;\n\n    public handlerUniqueId = uuidv4()\n\n    constructor(public handler: (message: R) => void) {\n        super()\n    }\n}\n\nexport class Ref {\n    public myop = true;\n\n    public __nonProxied?: Ref;\n\n    static create(selector: string, refConfig?: IRefConfig, component?: IMyopComponent) {\n        let _refConfig = refConfig;\n        if (!_refConfig) {\n            _refConfig = {\n                id: '',\n                name: '',\n                description: '',\n                selectorType: 'id-attribute',\n                selector: selector,\n                behavior: {\n                    type: 'code'\n                }\n            } as IRefConfig\n        }\n        return new Ref(_refConfig, component);\n    }\n\n    constructor(public refConfig: IRefConfig, public component?: IMyopComponent) {\n        this.__nonProxied = {\n            ...this,\n            component: null // in order to be serializable\n        }\n    }\n}\n", "import {MyopBindMessage, MyopBindReplayMessage} from \"./BaseMessage\";\nimport {MyopMessageKey} from \"../common/MyopMessages\";\nimport {RootRef} from \"../common\";\nimport {makeSerializable} from \"../common/utils/serialization.ts\";\n\nconst ReplayMessageKey = 'ExecuteScriptReplyMessage'\n\nconst functionBodyRegex = /(?:function\\s*\\w*\\s*\\([^)]*\\)\\s*\\{([\\s\\S]*?)\\}|(\\([^)]*\\)\\s*=>\\s*\\{([\\s\\S]*?)\\}))\\s*$/;\nconst expressionBodyRegex = /\\(\\s*[^)]+\\s*\\)\\s*=>\\s*(.+)/;\n\nexport const stripFunction = (content: string) => {\n    let match = content.match(functionBodyRegex);\n    if (match) {\n        return match[1] || match[3];\n    } else {\n        let match = content.match(expressionBodyRegex);\n        if (match)\n            return match[1].trim();\n    }\n}\n\nexport type scriptInputs = {\n    [key: string]: string | number | boolean\n} | {};\n\nexport type scriptVars<T> = {\n    send: (data: T) => void;\n    // completeStream: () => void;\n    rootRef: RootRef;\n    makeSerializable: typeof makeSerializable\n}\n\nexport type extendedScriptVars<T, I> = {\n    [K in keyof I]: I[K];\n} & scriptVars<T>\n\nexport class ExecuteScriptMessage<T = any, I extends scriptInputs = any> extends MyopBindMessage<string, ExecuteScriptReplyMessage<T>> {\n\n    replyMessageKey: MyopMessageKey = ReplayMessageKey;\n    messageType = 'ExecuteScriptMessage';\n    script: string = ''\n\n    static replierKey = 'send';\n    static completeStreamKey = 'completeStream';\n\n    constructor(script: (vars: extendedScriptVars<T, I>) => T, handler: (message: ExecuteScriptReplyMessage<T>) => void = () => {\n    }, public scriptInputs?: I) {\n        super(handler);\n        this.script = script.toString();\n\n        //TODO: can be remove\n        this.content = script.toString()\n        this.content = stripFunction(this.content);\n    }\n}\n\nexport class ExecuteScriptReplyMessage<T = any> extends MyopBindReplayMessage<T> {\n\n    messageType = ReplayMessageKey;\n\n    constructor(public replayToHandler: string, public content: T) {\n        super(replayToHandler);\n    }\n}\n", "import {\n    ExecuteScriptMessage,\n    ExecuteScriptReplyMessage,\n    extendedScriptVars,\n    scriptInputs, stripFunction\n} from \"./ExecuteScriptMessage.ts\";\n\nexport type customRefScriptInputs = {\n    elementId: string,\n    ref?: HTMLElement,\n    _script?: string,\n    __scriptInputs?: Object\n};\n\nexport class CustomRefMessage<T = any, I extends scriptInputs = customRefScriptInputs> extends ExecuteScriptMessage<T, I & customRefScriptInputs> {\n\n    constructor(script: (vars: extendedScriptVars<T, I & customRefScriptInputs>) => T,\n                public scriptInputs: I & customRefScriptInputs,\n                handler: (message: ExecuteScriptReplyMessage<T>) => void = () => {\n                }) {\n\n        //mock vars\n        // let rootRef, elementId, _script, __scriptInputs;\n        super(({rootRef, elementId, _script, __scriptInputs}) => {\n            const refs = (rootRef.shadowRoot || rootRef.container).querySelectorAll(`[${'myop-id'}='${elementId}']`);\n            if (refs.length) {\n                //  const ref = refs[0];\n\n                //TODO : think about exposing \"refs\" and not only \"ref\"\n                //for cases where the Ref has multiplate implementations\n\n                // @ts-ignore\n                __scriptInputs.ref = refs[0];\n\n                const dynamicFunction = new Function(`return (${_script})(...arguments)`);\n                return dynamicFunction(__scriptInputs);\n\n                // @ts-ignore\n                //return Function('ref', 'rootRef', ...Object.keys(__scriptInputs), _script!)(ref, rootRef, ...Object.values(__scriptInputs))\n            }\n            return null as T;\n        }, handler);\n\n        this.scriptInputs = {\n            ...scriptInputs,\n            //_script: stripFunction(script.toString()),\n            _script: script.toString()\n        };\n    }\n}\n", "import type * as CSS from \"csstype\";\nimport {IMyopComponent} from \"../host\";\nimport {uuidv4} from \"../utils/utils.ts\";\nimport {ExecuteScriptMessage} from \"../messages\";\n\n// ignoring documentation\n/** @ignore */\nexport interface CSSProperties extends CSS.Properties<string | number> {\n}\n\nexport type StylesheetDefinition = { [key: string]: CSSProperties };\n\nexport const applyStylesheet = (component: IMyopComponent, stylesheet: StylesheetDefinition, css?: string) => {\n    const tagId = `myop-css-${uuidv4()}`;\n    component.send(new ExecuteScriptMessage(({rootRef, _stylesheet, _tagId, _css}) => {\n        const styleTag = document.createElement('style');\n        styleTag.type = 'text/css';\n\n        // Build the CSS string from the styles object\n        let cssString = _css;\n\n        for (const selector in _stylesheet) {\n            cssString += `${selector} { `;\n            const properties = _stylesheet[selector];\n            for (const property in properties) {\n                cssString += `${property}: ${properties[property]}; `;\n            }\n            cssString += '} ';\n        }\n\n        // Set the CSS string as the content of the <style> element\n        styleTag.appendChild(document.createTextNode(cssString));\n        styleTag.id = _tagId;\n        // Append the <style> element\n        (rootRef.shadowRoot || rootRef.container).appendChild(styleTag);\n\n    }, () => {\n    }, {\n        _stylesheet: stylesheet,\n        _css : css ? css : '',\n        _tagId: tagId\n    }));\n\n    return () => {\n        component.send(new ExecuteScriptMessage(({rootRef, _tagId}) => {\n            const element = (rootRef.shadowRoot || document).getElementById(_tagId);\n            if (element) {\n                element.remove();\n            }\n        }, () => {\n        }, {\n            _tagId: tagId\n        }))\n    }\n}\n\nexport const applyStylesheetLink = (component: IMyopComponent, link: string) => {\n    const tagId = `myop-css-${uuidv4()}`;\n    component.send(new ExecuteScriptMessage(({rootRef, _tagId, _link}) => {\n        const linkElement = document.createElement('link');\n        linkElement.id = _tagId;\n        linkElement.rel = 'stylesheet';\n        linkElement.href = _link;\n        document.head.appendChild(linkElement);\n\n        // Append the <style> element\n        (rootRef.shadowRoot || rootRef.container).appendChild(linkElement);\n    }, () => {\n    }, {\n        _link : link,\n        _tagId: tagId\n    }));\n\n    return () => {\n        component.send(new ExecuteScriptMessage(({rootRef, _tagId}) => {\n            const element = (rootRef.shadowRoot || document).getElementById(_tagId);\n            if (element) {\n                element.remove();\n            }\n        }, () => {\n        }, {\n            _tagId: tagId\n        }))\n    }\n}\n", "import {IIframeLoaderConfig, ISkinConfig} from \"../common\";\n\nexport type TokenMap = Record<string, string| number>\n\nconst replaceTokens = (input: string, tokenMap: TokenMap): string => {\n    // Create a regex pattern from the keys of the tokenMap\n    const pattern = new RegExp(Object.keys(tokenMap).join('|'), 'g');\n\n    // Replace tokens in the input string using the regex\n    return input.replace(pattern, (matched) => {\n        // Return the replacement value from the tokenMap\n        return (tokenMap[matched] || matched).toString();\n    });\n}\n\nexport const createIframeSkinByTokenizer = (selectedSkin: ISkinConfig, tokenMap: TokenMap) => {\n    const typedSkinConfig = (selectedSkin.loader as IIframeLoaderConfig)\n    if (typedSkinConfig.type !== 'IframeLoader') {\n        throw new Error(`iframeSkinUrlTokenizer received skin with loader type \"${typedSkinConfig.type}\", currently only \"IframeLoader\" is supported`)\n    }\n\n    selectedSkin.loader = {\n        ...selectedSkin.loader\n    }\n\n    selectedSkin.loader.url = replaceTokens(selectedSkin.loader.url, tokenMap);\n\n    return selectedSkin;\n}\n\nexport const changeSkinUrlByTokenizer = (tokenMap: TokenMap) => {\n    return async (selectedSkin: ISkinConfig) => {\n        return createIframeSkinByTokenizer(selectedSkin, tokenMap);\n    }\n}", "import {CustomRefMessage} from \"../messages\";\nimport {IMyopComponent} from \"../host\";\n\n// const space = ' ';\n// export const getClasses = async (connectedRef: Ref): Promise<string[]> => (await exec(actAs<HTMLDivElement>(connectedRef).classList)).value.split(space);\n// export const addClass = async (connectedRef: Ref, className: string) => {\n//     const classes = await getClasses(connectedRef);\n//     classes.includes(className) || classes.push(className);\n//     // @ts-ignore\n//     connectedRef.classList = classes.join(space);\n// }\n// export const removeClass = async (connectedRef: Ref, className: string,) => {\n//     let classes = await getClasses(connectedRef);\n//     // @ts-ignore\n//     connectedRef.classList = classes.filter(c => c !== className).join(space);\n// }\n//\n//\n\nexport const addClass = (component: IMyopComponent, className: string, myopId: string) => {\n    component.send(new CustomRefMessage(({ref, _className}) => {\n        ref?.classList.add(_className);\n    }, {\n        elementId: myopId,\n        _className: className\n    }));\n}\n\nexport const removeClass = (component: IMyopComponent, className: string, myopId: string) => {\n    component.send(new CustomRefMessage(({ref, _className}) => {\n        ref?.classList.remove(_className);\n    }, {\n        elementId: myopId,\n        _className: className\n    }));\n}", "import {\n    IComponentConfig,\n    IComponentDefinitionConfig,\n    IComponentInstanceConfig, IHTMLLoaderConfig, IRefConfig,\n    ISkinLoaderConfig,\n    ISkinSelectorConfig,\n    IDedicatedSkinConfig, ISkinConfig\n} from \"../common\";\nimport {uuidv4} from \"../utils/utils.ts\";\n\nexport class SkinConfig implements ISkinConfig {\n    _runTimeInstanceId = 'runtime-instance-id-' + uuidv4();\n    _runTimeId = 'runtime-id-' + uuidv4();\n    _runTimeName = 'runtime-name-' + uuidv4();\n\n    static create = () => {\n        return new SkinConfig();\n    }\n\n    id = this._runTimeId;\n    name = this._runTimeName;\n    description = '';\n    loader = null as unknown as ISkinLoaderConfig;\n\n    withLoader = (loader: ISkinLoaderConfig) => {\n        this.loader = loader;\n        return this;\n    }\n\n    withHTMLLoader = (loader: Omit<IHTMLLoaderConfig, 'type'>) => {\n        loader.type = 'HTMLLoader';\n        this.loader = loader as IHTMLLoaderConfig;\n        return this;\n    }\n\n    build = () => {\n        return this;\n    }\n}\n\nexport class ComponentConfig implements IComponentConfig {\n    _runTimeInstanceId = 'runtime-instance-id-' + uuidv4();\n    _runTimeId = 'runtime-id-' + uuidv4();\n    _runTimeName = 'runtime-name-' + uuidv4();\n\n    static create = () => {\n        return new ComponentConfig();\n    }\n\n    instance = {\n        id: this._runTimeInstanceId,\n        componentId: this._runTimeId,\n        componentName: this._runTimeName,\n        skinSelector: null as unknown as ISkinSelectorConfig\n    } as IComponentInstanceConfig;\n\n    name = this._runTimeName\n    type = {\n        id: this._runTimeId,\n        name: this._runTimeName,\n        description: '',\n        props: [],\n        refs: [],\n        skins: [],\n        defaultSkin: 0\n    } as IComponentDefinitionConfig\n\n    withInstance = (instance: IComponentInstanceConfig) => {\n        this.instance = instance;\n        return this;\n    }\n\n    withType = (type: IComponentDefinitionConfig) => {\n        this.type = type;\n        return this;\n    }\n\n    withName = (name: string) => {\n        this.name = name;\n        return this;\n    }\n\n    withDefaultSkin = (defaultSkin: ISkinConfig) => {\n        this.type.skins.push(defaultSkin);\n        this.type.defaultSkin = this.type.skins.length - 1;\n        this.instance.skinSelector = {\n            type: 'Dedicated',\n            skin: {\n                id: defaultSkin.id\n            }\n        } as IDedicatedSkinConfig\n\n        return this;\n    }\n\n    withRef = (ref: IRefConfig) => {\n        this.type.refs.push(ref);\n        return this;\n    }\n\n    withBasicRef = (refSelector: string) => {\n        const newBasicRef = {\n            id: '',\n            name: refSelector,\n            description: '',\n            selectorType: 'id-attribute',\n            selector: refSelector,\n            behavior: {\n                type: 'code'\n            }\n        } as IRefConfig\n\n        this.type.refs.push(newBasicRef);\n        return this;\n    }\n\n    build = () => {\n        return JSON.parse(JSON.stringify(this))\n    }\n}\n", "import {IUserFlow, v2_IVariantConfig} from \"../common\";\n\n/**\n * CloudRepository - Unified cloud data access layer for Myop components\n *\n * Supports both v2 (default) and v1 modes:\n * - v2: Uses /consume endpoint for fetching variants\n * - v1: Uses /flow endpoint for fetching user flows\n */\nexport class CloudRepository {\n    static Main = new CloudRepository();\n\n    // v2 cache\n    private variants: Record<string, Promise<v2_IVariantConfig>> = {};\n\n    // v1 cache\n    private userFlows: Record<string, Promise<IUserFlow>> = {};\n\n    constructor(private _baseUrl = 'https://cloud.myop.dev') {\n    }\n\n    // ============ V2 Methods (Default) ============\n\n    /**\n     * Check if a component is already cached/preloaded (v2)\n     */\n    isPreloaded(componentId: string): boolean {\n        return componentId in this.variants;\n    }\n\n    /**\n     * Fetch a v2 component variant\n     */\n    async fetchComponentV2(componentId: string, environmentIdentifier?: string): Promise<v2_IVariantConfig> {\n        if (!this.variants[componentId]) {\n            // eslint-disable-next-line no-async-promise-executor\n            this.variants[componentId] = new Promise(\n                async (resolve, reject) => {\n                    try {\n                        const res = await fetch(\n                            `${this._baseUrl}/consume?id=${componentId}&env=${environmentIdentifier}`\n                        );\n                        const json = await res.json();\n                        resolve(json.item);\n                    } catch (e) {\n                        reject(e);\n                    }\n                }\n            );\n        }\n\n        return await this.variants[componentId];\n    }\n\n    // ============ V1 Methods (Legacy) ============\n\n    /**\n     * Fetch a v1 component from a flow\n     */\n    async fetchComponentV1(componentId: string, flowId?: string) {\n        if (flowId) {\n            const flow = await this.fetchFlow(flowId);\n            return flow.components.find(c => c.type.id === componentId);\n        } else {\n            const flow = await this.fetchAutoFlow(componentId);\n            return flow.components[0];\n        }\n    }\n\n    async fetchAutoFlow(componentId: string) {\n        if (!this.userFlows[componentId]) {\n            // eslint-disable-next-line no-async-promise-executor\n            this.userFlows[componentId] = new Promise(\n                async (resolve, reject) => {\n                    try {\n                        const res = await fetch(\n                            `${this._baseUrl}/flow?id=${componentId}&auto=true`\n                        );\n                        const json = await res.json();\n                        resolve(json.item);\n                    } catch (e) {\n                        reject(e);\n                    }\n                }\n            );\n        }\n\n        return await this.userFlows[componentId];\n    }\n\n    async fetchFlow(flowId: string) {\n        if (!this.userFlows[flowId]) {\n            // eslint-disable-next-line no-async-promise-executor\n            this.userFlows[flowId] = new Promise(\n                async (resolve, reject) => {\n                    try {\n                        const res = await fetch(\n                            `${this._baseUrl}/flow?id=${flowId}&resolve=components`\n                        );\n                        const json = await res.json();\n                        resolve(json.item);\n                    } catch (e) {\n                        reject(e);\n                    }\n                }\n            );\n        }\n\n        return await this.userFlows[flowId];\n    }\n\n    // ============ Backward Compatibility ============\n\n    /**\n     * @deprecated Use fetchComponentV2 or fetchComponentV1 explicitly\n     * Defaults to v1 behavior for backward compatibility with existing code\n     */\n    async fetchComponent(componentId: string, flowId?: string) {\n        return this.fetchComponentV1(componentId, flowId);\n    }\n}\n\n/**\n * @deprecated Use CloudRepository instead\n */\nexport const v2_CloudRepository = CloudRepository;\n", "export const exec = async (getter: any) => {\n    return await getter()\n}\n", "import {defineDynamicImport} from \"../dynamicImport/defineDynamicImport.ts\";\nimport * as MyopHelpers from \"./index.ts\";\n\nexport * from \"./index.ts\";\n\ndefineDynamicImport('MyopHelpers', MyopHelpers);\n"],
-  "mappings": "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",
+  "sources": ["../../src/dynamicImport/defineDynamicImport.ts", "../../src/helpers/index.ts", "../../src/utils/uuid.ts", "../../src/messages/BaseMessage.ts", "../../src/messages/ExecuteScriptMessage.ts", "../../src/messages/CustomRefMessage.ts", "../../src/helpers/applyStylesheet.ts", "../../src/helpers/iframeSkinUrlTokenizer.ts", "../../src/helpers/classList.ts", "../../src/helpers/configBuilder.ts", "../../src/common/index.ts", "../../src/helpers/CloudRepository.ts", "../../src/helpers/exec.ts", "../../src/helpers/MyopHelpers.ts"],
+  "sourcesContent": ["export const __federation__ = \"__federation__\"\nexport const onLoadKey = \"onLoad\"\nexport const moduleInstanceKey = \"moduleInstance\"\n\nexport const defineDynamicImport = (globalName: string, module: any) => {\n    // @ts-ignore\n    if (window[__federation__] && window[__federation__][globalName] && window[__federation__][globalName][onLoadKey]) {\n        // @ts-ignore\n        window[__federation__][globalName][onLoadKey]({[globalName]: module})\n    } else {\n        //console.log('__federation__ loader not defined for module', module);\n    }\n}", "export * from \"./applyStylesheet\";\nexport * from \"./iframeSkinUrlTokenizer\";\nexport * from \"./classList\";\nexport * from \"./configBuilder\";\nexport * from \"./CloudRepository\";\nexport * from \"./exec\";", "//TODO : reuse from one place.\n// needs to be used in myop-sdk, myop-dashbaord, myop-server, myop-cli ..\n\nexport const uuidv4 = () => {\n    return \"10000000-1000-4000-8000-100000000000\".replace(/[018]/g, c =>\n        (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16)\n    );\n}\n\n// Convert UUID string to bytes\nexport const uuidToBytes = (uuid: string): Uint8Array => {\n    return Uint8Array.from(\n        uuid.replace(/-/g, '').match(/.{1,2}/g)!.map(byte => parseInt(byte, 16))\n    );\n};\n\n// Convert bytes to UUID string\nexport const bytesToUuid = (bytes: Uint8Array): string => {\n    const hex = [...bytes].map(b => b.toString(16).padStart(2, '0')).join('');\n    return [\n        hex.slice(0, 8),\n        hex.slice(8, 12),\n        hex.slice(12, 16),\n        hex.slice(16, 20),\n        hex.slice(20)\n    ].join('-');\n};\n\n// Base64 URL-safe encode\nexport const base64UrlEncode = (bytes: Uint8Array): string => {\n    const base64 = btoa(String.fromCharCode(...bytes));\n    return base64.replace(/\\+/g, '-').replace(/\\//g, '_').replace(/=+$/, '');\n};\n\n// Base64 URL-safe decode\nexport const base64UrlDecode = (str: string): Uint8Array => {\n    let base64 = str.replace(/-/g, '+').replace(/_/g, '/');\n    while (base64.length % 4) base64 += '=';\n    const binary = atob(base64);\n    return Uint8Array.from(binary, char => char.charCodeAt(0));\n};\n\n// Compress an array of UUIDs into a short URL-safe string\nexport const compressUUIDs = (uuids: string[]): string => {\n    const allBytes = uuids.flatMap(uuid => Array.from(uuidToBytes(uuid)));\n    return base64UrlEncode(new Uint8Array(allBytes));\n};\n\n// Decompress from URL-safe string back to an array of UUIDs\nexport const decompressUUIDs = (encoded: string): string[] => {\n    const bytes = base64UrlDecode(encoded);\n    if (bytes.length % 16 !== 0) throw new Error('Invalid input length');\n\n    const uuids: string[] = [];\n    for (let i = 0; i < bytes.length; i += 16) {\n        uuids.push(bytesToUuid(bytes.slice(i, i + 16)));\n    }\n    return uuids;\n};\n", "import {MyopMessageKey} from \"../common/MyopMessages\";\nimport {uuidv4} from \"../utils/utils\";\nimport {IMyopComponent} from \"../host\";\nimport {IRefConfig} from \"../common\";\n\nexport class MessageDirection {\n    static down = 'down' as const\n    static up = 'up' as const\n}\n\nexport type MessageDirectionOption = 'up' | 'down';\n\nexport abstract class BaseMyopMessage<T = any> {\n    id = uuidv4()\n\n    static create<T, U extends new (...args: ConstructorParameters<U>) => T = typeof this>(\n        this: U,\n        ...args: ConstructorParameters<U>\n    ): InstanceType<typeof this> {\n        // @ts-ignore\n        return new this(...args);\n    }\n\n    constructor() {\n        //console.log('meesage id created', this.id, document.location.href);\n    }\n\n    myop = true\n\n    abstract messageType: MyopMessageKey | string;\n\n    content?: T\n\n    // TODO : cant be optional \n    source?: string\n    destination?: string\n\n    route?: string[]\n\n    ref?: Ref\n\n    direction?: MessageDirectionOption\n\n    cleanable: boolean = false\n\n    isTypeof(msg: BaseMyopMessage): boolean {\n        return msg.messageType === this.messageType\n    }\n}\n\nexport abstract class MyopElementMessage<T = any> extends BaseMyopMessage<T> {\n    constructor(public ref: Ref) {\n        super()\n    }\n}\n\nexport abstract class MyopBindReplayMessage<T = any> extends BaseMyopMessage<T> {\n    constructor(public replayToHandler?: string) {\n        super();\n    }\n}\n\nexport abstract class MyopBindMessage<T = any, R extends MyopBindReplayMessage = any> extends BaseMyopMessage<T> {\n\n    public abstract replyMessageKey: MyopMessageKey;\n\n    public handlerUniqueId = uuidv4()\n\n    constructor(public handler: (message: R) => void) {\n        super()\n    }\n}\n\nexport class Ref {\n    public myop = true;\n\n    public __nonProxied?: Ref;\n\n    static create(selector: string, refConfig?: IRefConfig, component?: IMyopComponent) {\n        let _refConfig = refConfig;\n        if (!_refConfig) {\n            _refConfig = {\n                id: '',\n                name: '',\n                description: '',\n                selectorType: 'id-attribute',\n                selector: selector,\n                behavior: {\n                    type: 'code'\n                }\n            } as IRefConfig\n        }\n        return new Ref(_refConfig, component);\n    }\n\n    constructor(public refConfig: IRefConfig, public component?: IMyopComponent) {\n        this.__nonProxied = {\n            ...this,\n            component: null // in order to be serializable\n        }\n    }\n}\n", "import {MyopBindMessage, MyopBindReplayMessage} from \"./BaseMessage\";\nimport {MyopMessageKey} from \"../common/MyopMessages\";\nimport {RootRef} from \"../common\";\nimport {makeSerializable} from \"../common/utils/serialization.ts\";\n\nconst ReplayMessageKey = 'ExecuteScriptReplyMessage'\n\nconst functionBodyRegex = /(?:function\\s*\\w*\\s*\\([^)]*\\)\\s*\\{([\\s\\S]*?)\\}|(\\([^)]*\\)\\s*=>\\s*\\{([\\s\\S]*?)\\}))\\s*$/;\nconst expressionBodyRegex = /\\(\\s*[^)]+\\s*\\)\\s*=>\\s*(.+)/;\n\nexport const stripFunction = (content: string) => {\n    let match = content.match(functionBodyRegex);\n    if (match) {\n        return match[1] || match[3];\n    } else {\n        let match = content.match(expressionBodyRegex);\n        if (match)\n            return match[1].trim();\n    }\n}\n\nexport type scriptInputs = {\n    [key: string]: string | number | boolean\n} | {};\n\nexport type scriptVars<T> = {\n    send: (data: T) => void;\n    // completeStream: () => void;\n    rootRef: RootRef;\n    makeSerializable: typeof makeSerializable\n}\n\nexport type extendedScriptVars<T, I> = {\n    [K in keyof I]: I[K];\n} & scriptVars<T>\n\nexport class ExecuteScriptMessage<T = any, I extends scriptInputs = any> extends MyopBindMessage<string, ExecuteScriptReplyMessage<T>> {\n\n    replyMessageKey: MyopMessageKey = ReplayMessageKey;\n    messageType = 'ExecuteScriptMessage';\n    script: string = ''\n\n    static replierKey = 'send';\n    static completeStreamKey = 'completeStream';\n\n    constructor(script: (vars: extendedScriptVars<T, I>) => T, handler: (message: ExecuteScriptReplyMessage<T>) => void = () => {\n    }, public scriptInputs?: I) {\n        super(handler);\n        this.script = script.toString();\n\n        //TODO: can be remove\n        this.content = script.toString()\n        this.content = stripFunction(this.content);\n    }\n}\n\nexport class ExecuteScriptReplyMessage<T = any> extends MyopBindReplayMessage<T> {\n\n    messageType = ReplayMessageKey;\n\n    constructor(public replayToHandler: string, public content: T) {\n        super(replayToHandler);\n    }\n}\n", "import {\n    ExecuteScriptMessage,\n    ExecuteScriptReplyMessage,\n    extendedScriptVars,\n    scriptInputs, stripFunction\n} from \"./ExecuteScriptMessage.ts\";\n\nexport type customRefScriptInputs = {\n    elementId: string,\n    ref?: HTMLElement,\n    _script?: string,\n    __scriptInputs?: Object\n};\n\nexport class CustomRefMessage<T = any, I extends scriptInputs = customRefScriptInputs> extends ExecuteScriptMessage<T, I & customRefScriptInputs> {\n\n    constructor(script: (vars: extendedScriptVars<T, I & customRefScriptInputs>) => T,\n                public scriptInputs: I & customRefScriptInputs,\n                handler: (message: ExecuteScriptReplyMessage<T>) => void = () => {\n                }) {\n\n        //mock vars\n        // let rootRef, elementId, _script, __scriptInputs;\n        super(({rootRef, elementId, _script, __scriptInputs}) => {\n            const refs = (rootRef.shadowRoot || rootRef.container).querySelectorAll(`[${'myop-id'}='${elementId}']`);\n            if (refs.length) {\n                //  const ref = refs[0];\n\n                //TODO : think about exposing \"refs\" and not only \"ref\"\n                //for cases where the Ref has multiplate implementations\n\n                // @ts-ignore\n                __scriptInputs.ref = refs[0];\n\n                const dynamicFunction = new Function(`return (${_script})(...arguments)`);\n                return dynamicFunction(__scriptInputs);\n\n                // @ts-ignore\n                //return Function('ref', 'rootRef', ...Object.keys(__scriptInputs), _script!)(ref, rootRef, ...Object.values(__scriptInputs))\n            }\n            return null as T;\n        }, handler);\n\n        this.scriptInputs = {\n            ...scriptInputs,\n            //_script: stripFunction(script.toString()),\n            _script: script.toString()\n        };\n    }\n}\n", "import type * as CSS from \"csstype\";\nimport {IMyopComponent} from \"../host\";\nimport {uuidv4} from \"../utils/utils.ts\";\nimport {ExecuteScriptMessage} from \"../messages\";\n\n// ignoring documentation\n/** @ignore */\nexport interface CSSProperties extends CSS.Properties<string | number> {\n}\n\nexport type StylesheetDefinition = { [key: string]: CSSProperties };\n\nexport const applyStylesheet = (component: IMyopComponent, stylesheet: StylesheetDefinition, css?: string) => {\n    const tagId = `myop-css-${uuidv4()}`;\n    component.send(new ExecuteScriptMessage(({rootRef, _stylesheet, _tagId, _css}) => {\n        const styleTag = document.createElement('style');\n        styleTag.type = 'text/css';\n\n        // Build the CSS string from the styles object\n        let cssString = _css;\n\n        for (const selector in _stylesheet) {\n            cssString += `${selector} { `;\n            const properties = _stylesheet[selector];\n            for (const property in properties) {\n                cssString += `${property}: ${properties[property]}; `;\n            }\n            cssString += '} ';\n        }\n\n        // Set the CSS string as the content of the <style> element\n        styleTag.appendChild(document.createTextNode(cssString));\n        styleTag.id = _tagId;\n        // Append the <style> element\n        (rootRef.shadowRoot || rootRef.container).appendChild(styleTag);\n\n    }, () => {\n    }, {\n        _stylesheet: stylesheet,\n        _css : css ? css : '',\n        _tagId: tagId\n    }));\n\n    return () => {\n        component.send(new ExecuteScriptMessage(({rootRef, _tagId}) => {\n            const element = (rootRef.shadowRoot || document).getElementById(_tagId);\n            if (element) {\n                element.remove();\n            }\n        }, () => {\n        }, {\n            _tagId: tagId\n        }))\n    }\n}\n\nexport const applyStylesheetLink = (component: IMyopComponent, link: string) => {\n    const tagId = `myop-css-${uuidv4()}`;\n    component.send(new ExecuteScriptMessage(({rootRef, _tagId, _link}) => {\n        const linkElement = document.createElement('link');\n        linkElement.id = _tagId;\n        linkElement.rel = 'stylesheet';\n        linkElement.href = _link;\n        document.head.appendChild(linkElement);\n\n        // Append the <style> element\n        (rootRef.shadowRoot || rootRef.container).appendChild(linkElement);\n    }, () => {\n    }, {\n        _link : link,\n        _tagId: tagId\n    }));\n\n    return () => {\n        component.send(new ExecuteScriptMessage(({rootRef, _tagId}) => {\n            const element = (rootRef.shadowRoot || document).getElementById(_tagId);\n            if (element) {\n                element.remove();\n            }\n        }, () => {\n        }, {\n            _tagId: tagId\n        }))\n    }\n}\n", "import {IIframeLoaderConfig, ISkinConfig} from \"../common\";\n\nexport type TokenMap = Record<string, string| number>\n\nconst replaceTokens = (input: string, tokenMap: TokenMap): string => {\n    // Create a regex pattern from the keys of the tokenMap\n    const pattern = new RegExp(Object.keys(tokenMap).join('|'), 'g');\n\n    // Replace tokens in the input string using the regex\n    return input.replace(pattern, (matched) => {\n        // Return the replacement value from the tokenMap\n        return (tokenMap[matched] || matched).toString();\n    });\n}\n\nexport const createIframeSkinByTokenizer = (selectedSkin: ISkinConfig, tokenMap: TokenMap) => {\n    const typedSkinConfig = (selectedSkin.loader as IIframeLoaderConfig)\n    if (typedSkinConfig.type !== 'IframeLoader') {\n        throw new Error(`iframeSkinUrlTokenizer received skin with loader type \"${typedSkinConfig.type}\", currently only \"IframeLoader\" is supported`)\n    }\n\n    selectedSkin.loader = {\n        ...selectedSkin.loader\n    }\n\n    selectedSkin.loader.url = replaceTokens(selectedSkin.loader.url, tokenMap);\n\n    return selectedSkin;\n}\n\nexport const changeSkinUrlByTokenizer = (tokenMap: TokenMap) => {\n    return async (selectedSkin: ISkinConfig) => {\n        return createIframeSkinByTokenizer(selectedSkin, tokenMap);\n    }\n}", "import {CustomRefMessage} from \"../messages\";\nimport {IMyopComponent} from \"../host\";\n\n// const space = ' ';\n// export const getClasses = async (connectedRef: Ref): Promise<string[]> => (await exec(actAs<HTMLDivElement>(connectedRef).classList)).value.split(space);\n// export const addClass = async (connectedRef: Ref, className: string) => {\n//     const classes = await getClasses(connectedRef);\n//     classes.includes(className) || classes.push(className);\n//     // @ts-ignore\n//     connectedRef.classList = classes.join(space);\n// }\n// export const removeClass = async (connectedRef: Ref, className: string,) => {\n//     let classes = await getClasses(connectedRef);\n//     // @ts-ignore\n//     connectedRef.classList = classes.filter(c => c !== className).join(space);\n// }\n//\n//\n\nexport const addClass = (component: IMyopComponent, className: string, myopId: string) => {\n    component.send(new CustomRefMessage(({ref, _className}) => {\n        ref?.classList.add(_className);\n    }, {\n        elementId: myopId,\n        _className: className\n    }));\n}\n\nexport const removeClass = (component: IMyopComponent, className: string, myopId: string) => {\n    component.send(new CustomRefMessage(({ref, _className}) => {\n        ref?.classList.remove(_className);\n    }, {\n        elementId: myopId,\n        _className: className\n    }));\n}", "import {\n    IComponentConfig,\n    IComponentDefinitionConfig,\n    IComponentInstanceConfig, IHTMLLoaderConfig, IRefConfig,\n    ISkinLoaderConfig,\n    ISkinSelectorConfig,\n    IDedicatedSkinConfig, ISkinConfig\n} from \"../common\";\nimport {uuidv4} from \"../utils/utils.ts\";\n\nexport class SkinConfig implements ISkinConfig {\n    _runTimeInstanceId = 'runtime-instance-id-' + uuidv4();\n    _runTimeId = 'runtime-id-' + uuidv4();\n    _runTimeName = 'runtime-name-' + uuidv4();\n\n    static create = () => {\n        return new SkinConfig();\n    }\n\n    id = this._runTimeId;\n    name = this._runTimeName;\n    description = '';\n    loader = null as unknown as ISkinLoaderConfig;\n\n    withLoader = (loader: ISkinLoaderConfig) => {\n        this.loader = loader;\n        return this;\n    }\n\n    withHTMLLoader = (loader: Omit<IHTMLLoaderConfig, 'type'>) => {\n        loader.type = 'HTMLLoader';\n        this.loader = loader as IHTMLLoaderConfig;\n        return this;\n    }\n\n    build = () => {\n        return this;\n    }\n}\n\nexport class ComponentConfig implements IComponentConfig {\n    _runTimeInstanceId = 'runtime-instance-id-' + uuidv4();\n    _runTimeId = 'runtime-id-' + uuidv4();\n    _runTimeName = 'runtime-name-' + uuidv4();\n\n    static create = () => {\n        return new ComponentConfig();\n    }\n\n    instance = {\n        id: this._runTimeInstanceId,\n        componentId: this._runTimeId,\n        componentName: this._runTimeName,\n        skinSelector: null as unknown as ISkinSelectorConfig\n    } as IComponentInstanceConfig;\n\n    name = this._runTimeName\n    type = {\n        id: this._runTimeId,\n        name: this._runTimeName,\n        description: '',\n        props: [],\n        refs: [],\n        skins: [],\n        defaultSkin: 0\n    } as IComponentDefinitionConfig\n\n    withInstance = (instance: IComponentInstanceConfig) => {\n        this.instance = instance;\n        return this;\n    }\n\n    withType = (type: IComponentDefinitionConfig) => {\n        this.type = type;\n        return this;\n    }\n\n    withName = (name: string) => {\n        this.name = name;\n        return this;\n    }\n\n    withDefaultSkin = (defaultSkin: ISkinConfig) => {\n        this.type.skins.push(defaultSkin);\n        this.type.defaultSkin = this.type.skins.length - 1;\n        this.instance.skinSelector = {\n            type: 'Dedicated',\n            skin: {\n                id: defaultSkin.id\n            }\n        } as IDedicatedSkinConfig\n\n        return this;\n    }\n\n    withRef = (ref: IRefConfig) => {\n        this.type.refs.push(ref);\n        return this;\n    }\n\n    withBasicRef = (refSelector: string) => {\n        const newBasicRef = {\n            id: '',\n            name: refSelector,\n            description: '',\n            selectorType: 'id-attribute',\n            selector: refSelector,\n            behavior: {\n                type: 'code'\n            }\n        } as IRefConfig\n\n        this.type.refs.push(newBasicRef);\n        return this;\n    }\n\n    build = () => {\n        return JSON.parse(JSON.stringify(this))\n    }\n}\n", "import {MyopMessageKey} from \"./MyopMessages\";\n\nexport * from './MyopElementRef';\nexport * from './baseMessageHandler';\nexport * from './BaseMyopSDK';\n\nexport type CleanupHandler = () => void\n\nexport type Dictionary<T> = { [key: string]: T; };\n\n//export type SkinLoaderType = 'IframeLoader' | 'WebComponentLoader' | 'HTMLLoader' | string;\n\nexport const SkinLoaders = {\n    \"IframeLoader\": \"IframeLoader\",\n    \"WebComponentLoader\": \"WebComponentLoader\",\n    \"HTMLLoader\": \"HTMLLoader\",\n    \"MinimizedLoader\": \"MinimizedLoader\"\n} as const;\nexport type SkinLoaderType = keyof typeof SkinLoaders;\n\nexport type PropType = 'any' | 'string' | 'number' | string; // TODO : <\nexport type RefSelectorType = 'id-attribute' | 'css-selector' | 'xpath' | string;\n\nexport const LoaderFrameworks = {\n    \"react\": \"react\",\n    \"vue\": \"vue\",\n    \"angular\": \"angular\",\n} as const\nexport type LoaderFrameworkType = keyof typeof LoaderFrameworks;\n\nexport interface IWebComponentLoaderConfig extends ISkinLoaderConfig {\n    type: \"WebComponentLoader\";\n    url: string,\n    tag: string,\n    framework?: LoaderFrameworkType\n}\n\nexport interface IIframeLoaderConfig extends ISkinLoaderConfig {\n    type: \"IframeLoader\";\n    url: string\n    autoHeight: boolean\n    height?: string\n    width?: string\n}\n\nexport const ShadowRootModeType = {\n    \"open\": \"open\",\n    \"closed\": \"closed\",\n    \"none\": \"none\",\n    \"localFrame\": \"localFrame\"\n} as const;\n\n\nexport interface IHTMLLoaderConfig extends ISkinLoaderConfig {\n    type: \"HTMLLoader\";\n    HTML: string;\n    //TODO: rename(rootMode/customElementMode) + db migration\n    shadowRootMode?: keyof typeof ShadowRootModeType;\n    autoHeight?: boolean;\n    height?: string;\n    width?: string;\n}\n\n//for internal dashboard usage\nexport interface IMinimizedLoaderConfig extends ISkinLoaderConfig {\n    type: \"MinimizedLoader\";\n}\n\ninterface DashboardObject {\n    _temp_client_id?: string,\n}\n\ntype Extend<T, U> = T & U;\n\ntype ExtendRecursively<T, E> = {\n    [K in keyof E]: E[K];\n} & {\n    [K in keyof T]: T[K] extends object\n        ? ExtendRecursively<T[K], E>\n        : T[K];\n};\n\nexport type IDashboard<T> = ExtendRecursively<T, DashboardObject>;\n\nexport interface ISkinLoaderConfig {\n    type: SkinLoaderType\n\n    [key: string]: any; // Allows any additional properties\n}\n\nexport interface v2_IReleaseMetadata {\n    environmentId: string;\n    environmentIdentifier: string;\n    //\n    // updatedOn?: string\n    // updatedBy?: string\n}\n\nexport interface v2_IVariantConfig extends v2_IMyopStoredObject {\n    loader: ISkinLoaderConfig\n    componentId: string;\n\n    releases?: v2_IReleaseMetadata[]\n}\n\nexport interface ISkinConfig {\n    id: string\n    name: string\n    description: string\n    loader: ISkinLoaderConfig\n    createdBy?: string\n    createdOn?: string\n}\n\nexport interface v2_ISkinConfig extends ISkinConfig {\n    componentId: string\n}\n\nexport interface IMessagePropConfig extends IPropConfig {\n    type: PropType\n    messageType: MyopMessageKey\n}\n\nexport interface IBindMessagePropConfig extends IPropConfig {\n    type: PropType\n    messageType: MyopMessageKey\n}\n\nexport const PropMessageModes = {\n    \"input\": \"input\",\n    \"output\": \"output\"\n} as const;\n\nexport const PropConfigBehaviorTypes = {\n    \"message\": \"message\",\n    \"code\": \"code\"\n} as const;\n\nexport interface IPropMessageBehaviorParam {\n    value: string\n}\n\nexport interface IPropBehavior {\n    type: keyof typeof PropConfigBehaviorTypes\n}\n\nexport interface IPropCodeBehavior extends IPropBehavior {\n    type: \"code\"\n    remap?: string\n}\n\nexport interface IPropMessageBehavior extends IPropBehavior {\n    type: \"message\"\n    message: MyopMessageKey\n    ref: string, //TODO make it id\n    params: IPropMessageBehaviorParam[]\n    mode: keyof typeof PropMessageModes\n}\n\nexport interface IPropConfig {\n    id: string\n    name: string\n    description: string\n    type: PropType\n    behavior: IPropBehavior\n}\n\n\nexport class RefBehaviorType {\n    static code = 'code' as const\n    static component = 'component' as const\n}\n\nexport type IRefBehaviorType = 'code' | 'component';\n\nexport interface IRefBehavior {\n    type: IRefBehaviorType\n}\n\nexport interface IComponentRefBehavior extends IRefBehavior {\n    type: 'component'\n    componentId: string\n\n    /**\n     * @deprecated\n     * Property instance is deprecated and will be removed in future versions.\n     */\n    instance: IComponentInstanceConfig\n}\n\nexport interface ICodeRefBehavior extends IRefBehavior {\n    type: 'code'\n}\n\nexport interface IRefConfig {\n    id: string\n    name: string\n    description: string\n    selectorType: RefSelectorType\n    selector: string\n    behavior: IRefBehavior\n}\n\n/**\n * Experience segment rule\n */\nexport interface IExperienceSegmentRule {\n    property: string;\n    operator: string;\n    value: string;\n}\n\n/**\n * Experience A/B split version\n */\nexport interface IExperienceABSplitVersion {\n    id: string;\n    percentage: number;\n}\n\n/**\n * Experience A/B split configuration\n */\nexport interface IExperienceABSplit {\n    versions: IExperienceABSplitVersion[];\n}\n\n/**\n * Experience segment configuration\n */\nexport interface IExperienceSegment {\n    id: string;\n    name: string;\n    description: string;\n    rules: IExperienceSegmentRule[];\n    useAb: boolean;\n    componentVariants: Record<string, string | Record<string, string>>;\n    abSplit?: IExperienceABSplit;\n    stickyProperties?: string[];\n}\n\n/**\n * Experience definition config (v2)\n */\nexport interface IExperienceDefinitionConfig extends v2_IMyopStoredObject {\n    /** Selected component IDs */\n    components: string[];\n    /** Segment configurations */\n    segments: IExperienceSegment[];\n    /** Fallback variant per component */\n    fallback: Record<string, string>;\n    /** Tags */\n    tags: string[];\n}\n\nexport interface IComponentDefinitionConfig {\n    id: string;\n    name: string,\n    description: string,\n    // props: Record<string, IPropConfig> //id - type\n    // refs: Record<string, IRefConfig>,\n    // skins: Record<string, ISkinConfig>\n    props: IPropConfig[],\n    refs: IRefConfig[],\n    skins: ISkinConfig[],\n    defaultSkin: number;\n\n    //TODO : think about that\n    //resolvedDefinitions?: IComponentDefinitionConfig[]\n    //TODO : move to base class ( IStorableItem or so...)\n\n    createdOn?: string\n    createdBy?: string\n    updatedBy?: string\n}\n\n\nexport interface v2_IBaseMyopObject {\n    id: string,\n    name: string,\n    description: string,\n}\n\nexport interface v2_IMyopStoredObject extends v2_IBaseMyopObject {\n    updatedOn?: string\n    updatedBy?: string\n}\n\nexport interface v2_IComponentDefinitionConfig extends v2_IMyopStoredObject {\n    variants_ids: string[],\n    DTOs: v2_IDTO[],\n    tags: string[],\n\n    //\n    variants_names: string[],\n    variants_data: {\n        name: string;\n        id: string\n        updatedOn?: string\n        updatedBy?: string\n        has_releases?: boolean\n    }[],\n\n    preview_variant: v2_IVariantConfig;\n    extra?: {\n        firstVariant: v2_IVariantConfig; //when new component creates at the client\n    }\n}\n\nexport interface v2_IDTO extends v2_IMyopStoredObject {\n    data: object\n    methodName: string\n}\n\nexport interface ISkinInstanceConfig {\n    id: string\n}\n\nexport interface ISkinSelectorConfig {\n    type: keyof typeof SkinSelectorTypes,\n    //skins: ISkinInstanceConfig[]\n}\n\nexport const SegmentType = {\n    \"FunctionResult\": \"FunctionResult\",\n} as const;\n\nexport interface ISegmentInstance {\n    segmentId: string;\n    skinSelector: ISkinSelectorConfig\n}\n\nexport interface ISegmentDefinition {\n    id: string;\n    type: keyof typeof SegmentType\n}\n\nexport interface IFunctionResultsSegment extends ISegmentDefinition {\n    id: string;\n    type: typeof SegmentType.FunctionResult\n    name: string\n    description: string\n    function: string\n}\n\nexport const SkinSelectorTypes = {\n    \"Segmented\": \"Segmented\",\n    \"Dedicated\": \"Dedicated\",\n\n    /**\n     * This Selector Type is not yet supported but will be added in a future release.\n     * Please check the documentation for updates.\n     *\n     * @type {string}\n     */\n    \"Default\": \"Default\"\n} as const;\n\n\n/**\n * This Skin Config Type is not yet supported but will be added in a future release.\n * Please check the documentation for updates.\n *\n * @type {IDefaultSkinConfig}\n */\nexport interface IDefaultSkinConfig extends ISkinSelectorConfig {\n    type: typeof SkinSelectorTypes.Default,\n}\n\nexport interface ISegmentedSkinConfig extends ISkinSelectorConfig {\n    type: typeof SkinSelectorTypes.Segmented,\n    segments: ISegmentInstance[]\n}\n\nexport interface IDedicatedSkinConfig extends ISkinSelectorConfig {\n    type: typeof SkinSelectorTypes.Dedicated,\n\n    /**\n     * @deprecated Use {@link skin} instead.\n     * Property skins is deprecated and will be removed in future versions.\n     * Please update your code to use {@link skin} for better compatibility.\n     *\n     * @type {string}\n     */\n    skins?: ISkinInstanceConfig[] // deprecated\n    skin: ISkinInstanceConfig\n}\n\nexport interface IComponentInstanceConfig {\n    id: string;\n    componentId: string;\n\n    //TODO :\n    // RefID ? to support more than 1 component from the same type in composites ?\n\n    //TODO : remove\n    componentName: string; // << check\n\n    skinSelector: ISkinSelectorConfig\n\n    // storing the nested config for ref components\n    nestedComponents?: IComponentInstanceConfig[]\n\n    //only on GET?\n    //TODO : think about that\n    resolvedExperiences?: IExperience[]\n    // will include instance and def config in order to render in production\n    resolvedNestedComponents?: IComponentConfig[]\n}\n\nexport const ExperienceTypes = {\n    \"Segment\": \"Segment\",\n    \"Promo\": \"Promo\",\n    \"AB\": \"AB\"\n} as const;\n\nexport interface IExperience {\n    id: string\n    name: string\n    description: string\n    type: keyof typeof ExperienceTypes\n    experiences: IExperience[]\n    //stickinessFactor\n    //EndDate\n}\n\n// export interface IABExperienceGroup {\n//     id: string\n//     name: string\n//     percentage: number\n// }\n\nexport interface IABExperience extends IExperience {\n    type: typeof ExperienceTypes.AB\n    // groups: IABExperienceGroup[]\n    experiences: IExperience[]\n    percentage: number\n}\n\nexport interface IDateRange {\n    id: string\n    start: Date\n    end: Date\n    timezone: string\n}\n\nexport interface ISegmentExperience extends IExperience {\n    type: keyof typeof ExperienceTypes\n    segment: ISegmentDefinition\n    dateRange?: IDateRange\n}\n\nexport interface IUserFlowDefinition {\n    id: string;\n    name: string;\n    description: string;\n    components: IComponentInstanceConfig[];\n    origins: string[],\n    experiences: IExperience[]\n    branch?: string\n}\n\nexport interface IComponentConfig {\n    instance: IComponentInstanceConfig\n    type: IComponentDefinitionConfig\n\n    // TODO : verify uniqueness (dashboard & server)\n    name: string\n}\n\ninterface IBranchable {\n    branch?: string\n}\n\nexport interface IUserFlow extends Omit<IUserFlowDefinition, 'components'>, IBranchable {\n    components: IComponentConfig[]\n}\n\nexport class RootRef {\n    constructor(public container: HTMLElement, public shadowRoot?: ShadowRoot) {\n\n    }\n\n    getRootDiv = () => {\n        return (this.shadowRoot || this.container).querySelector('div')\n    }\n\n    getRoot = () => {\n        return (this.shadowRoot || this.container);\n    }\n}\n", "import {\n    IComponentConfig,\n    IComponentDefinitionConfig,\n    IComponentInstanceConfig,\n    IDedicatedSkinConfig,\n    IPropConfig,\n    ISkinConfig,\n    IUserFlow,\n    PropConfigBehaviorTypes,\n    v2_IVariantConfig\n} from \"../common\";\n\nconst convertV2VariantToComponentConfig = (config: v2_IVariantConfig): IComponentConfig => {\n    return {\n        instance: {\n            id: 'auto',\n            componentId: config.componentId,\n            componentName: config.name,\n\n            skinSelector: {\n                type: 'Dedicated',\n                skin: {\n                    id: 'skin_auto_v2_converted'\n                }\n            } as IDedicatedSkinConfig\n\n        } as IComponentInstanceConfig,\n        type: {\n            id: config.id,\n            name: config.name,\n            description: config.description,\n            props: [\n                {\n                    id: 'in_auto_v2_converted',\n                    name: 'myop_init_interface',\n                    type: 'any',\n                    behavior: {\n                        type: PropConfigBehaviorTypes.code\n                    }\n                } as IPropConfig,\n\n                {\n                    id: 'out_auto_v2_converted',\n                    name: 'myop_cta_handler',\n                    type: 'any',\n                    behavior: {\n                        type: PropConfigBehaviorTypes.code\n                    }\n                } as IPropConfig\n            ],\n            refs: [],\n            skins: [\n                {\n                    id: 'skin_auto_v2_converted',\n                    name: 'auto_v2_converted',\n                    description: '',\n                    //TODO : handle empty :\n                    // @ts-ignore\n                    loader: config.consume_variant[0].loader\n                } as ISkinConfig\n            ],\n            defaultSkin: 0\n        } as IComponentDefinitionConfig,\n        name: config.name\n    } as IComponentConfig;\n};\n\n/**\n * CloudRepository - Unified cloud data access layer for Myop components\n *\n * Supports both v2 (default) and v1 modes:\n * - v2: Uses /consume endpoint for fetching variants\n * - v1: Uses /flow endpoint for fetching user flows\n */\nexport class CloudRepository {\n    static Main = new CloudRepository();\n\n    // v2 cache\n    private variants: Record<string, Promise<IComponentConfig>> = {};\n\n    // v1 cache\n    private userFlows: Record<string, Promise<IUserFlow>> = {};\n\n    private _defaultEnv = 'production';\n\n    constructor(private _baseUrl = 'https://cloud.myop.dev') {\n    }\n\n    /**\n     * Set the default environment for this CloudRepository instance\n     */\n    setEnvironment(env: string) {\n        this._defaultEnv = env;\n    }\n\n    /**\n     * Get the current default environment\n     */\n    getDefaultEnvironment(): string {\n        return this._defaultEnv;\n    }\n\n    // ============ V2 Methods (Default) ============\n\n    /**\n     * Check if a component is already cached/preloaded (v2)\n     */\n    isPreloaded(componentId: string, env?: string, preview?: boolean): boolean {\n        const cacheKey = `${componentId}:${env || this._defaultEnv}:${preview ? 'preview' : 'live'}`;\n        return cacheKey in this.variants;\n    }\n\n    /**\n     * Fetch a v2 component config\n     */\n    async fetchComponentV2(componentId: string, environmentIdentifier?: string, preview?: boolean): Promise<IComponentConfig> {\n        const env = environmentIdentifier || this._defaultEnv;\n        const cacheKey = `${componentId}:${env}:${preview ? 'preview' : 'live'}`;\n\n        if (!this.variants[cacheKey]) {\n            // eslint-disable-next-line no-async-promise-executor\n            this.variants[cacheKey] = new Promise(\n                async (resolve, reject) => {\n                    try {\n                        let url = `${this._baseUrl}/consume?id=${componentId}&env=${env}`;\n                        if (preview) {\n                            url += '&preview=true';\n                        }\n                        const res = await fetch(url);\n                        const json = await res.json();\n                        const variant = json.item;\n\n                        if (!variant) {\n                            reject(new Error(`Component \"${componentId}\" not found`));\n                            return;\n                        }\n\n                        if (!variant.consume_variant || !variant.consume_variant.length) {\n                            reject(new Error(`Component \"${componentId}\" has no implementation for environment \"${env}\"`));\n                            return;\n                        }\n\n                        const componentConfig = convertV2VariantToComponentConfig(variant);\n                        resolve(componentConfig);\n                    } catch (e) {\n                        reject(e);\n                    }\n                }\n            );\n        }\n\n        return await this.variants[cacheKey];\n    }\n\n    // ============ V1 Methods (Legacy) ============\n\n    /**\n     * Fetch a v1 component from a flow\n     */\n    async fetchComponentV1(componentId: string, flowId?: string) {\n        if (flowId) {\n            const flow = await this.fetchFlow(flowId);\n            return flow.components.find(c => c.type.id === componentId);\n        } else {\n            const flow = await this.fetchAutoFlow(componentId);\n            return flow.components[0];\n        }\n    }\n\n    async fetchAutoFlow(componentId: string) {\n        if (!this.userFlows[componentId]) {\n            // eslint-disable-next-line no-async-promise-executor\n            this.userFlows[componentId] = new Promise(\n                async (resolve, reject) => {\n                    try {\n                        const res = await fetch(\n                            `${this._baseUrl}/flow?id=${componentId}&auto=true`\n                        );\n                        const json = await res.json();\n                        resolve(json.item);\n                    } catch (e) {\n                        reject(e);\n                    }\n                }\n            );\n        }\n\n        return await this.userFlows[componentId];\n    }\n\n    async fetchFlow(flowId: string) {\n        if (!this.userFlows[flowId]) {\n            // eslint-disable-next-line no-async-promise-executor\n            this.userFlows[flowId] = new Promise(\n                async (resolve, reject) => {\n                    try {\n                        const res = await fetch(\n                            `${this._baseUrl}/flow?id=${flowId}&resolve=components`\n                        );\n                        const json = await res.json();\n                        resolve(json.item);\n                    } catch (e) {\n                        reject(e);\n                    }\n                }\n            );\n        }\n\n        return await this.userFlows[flowId];\n    }\n\n    // ============ Backward Compatibility ============\n\n    /**\n     * @deprecated Use fetchComponentV2 or fetchComponentV1 explicitly\n     * Defaults to v1 behavior for backward compatibility with existing code\n     */\n    async fetchComponent(componentId: string, flowId?: string) {\n        return this.fetchComponentV1(componentId, flowId);\n    }\n}\n\n/**\n * @deprecated Use CloudRepository instead\n */\nexport const v2_CloudRepository = CloudRepository;\n", "export const exec = async (getter: any) => {\n    return await getter()\n}\n", "import {defineDynamicImport} from \"../dynamicImport/defineDynamicImport.ts\";\nimport * as MyopHelpers from \"./index.ts\";\n\nexport * from \"./index.ts\";\n\ndefineDynamicImport('MyopHelpers', MyopHelpers);\n"],
+  "mappings": "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",
   "names": ["match", "scriptInputs", "scriptInputs"]
 }

package/dist/cjs/_MyopHelpers.abd584e8.min.js

@@ -0,0 +1 @@
+var D=Object.defineProperty,F=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var L=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var R=(s,e,n)=>e in s?D(s,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):s[e]=n,M=(s,e)=>{for(var n in e||(e={}))A.call(e,n)&&R(s,n,e[n]);if(L)for(var n of L(e))U.call(e,n)&&R(s,n,e[n]);return s},k=(s,e)=>F(s,O(e));var V=(s,e)=>{for(var n in e)D(s,n,{get:e[n],enumerable:!0})};var t=(s,e,n)=>R(s,typeof e!="symbol"?e+"":e,n);var h="__federation__",K="onLoad";var P=(s,e)=>{window[h]&&window[h][s]&&window[h][s][K]&&window[h][s][K]({[s]:e})};var _={};V(_,{CloudRepository:()=>S,ComponentConfig:()=>E,SkinConfig:()=>w,addClass:()=>Q,applyStylesheet:()=>G,applyStylesheetLink:()=>q,changeSkinUrlByTokenizer:()=>J,createIframeSkinByTokenizer:()=>H,exec:()=>ee,removeClass:()=>X,v2_CloudRepository:()=>Z});var p=()=>"10000000-1000-4000-8000-100000000000".replace(/[018]/g,s=>(+s^crypto.getRandomValues(new Uint8Array(1))[0]&15>>+s/4).toString(16));var g=class{constructor(){t(this,"id",p());t(this,"myop",!0);t(this,"content");t(this,"source");t(this,"destination");t(this,"route");t(this,"ref");t(this,"direction");t(this,"cleanable",!1)}static create(...e){return new this(...e)}isTypeof(e){return e.messageType===this.messageType}};var m=class extends g{constructor(n){super();this.handler=n;t(this,"handlerUniqueId",p())}};var $="ExecuteScriptReplyMessage",z=/(?:function\s*\w*\s*\([^)]*\)\s*\{([\s\S]*?)\}|(\([^)]*\)\s*=>\s*\{([\s\S]*?)\}))\s*$/,j=/\(\s*[^)]+\s*\)\s*=>\s*(.+)/,N=s=>{let e=s.match(z);if(e)return e[1]||e[3];{let n=s.match(j);if(n)return n[1].trim()}},l=class extends m{constructor(n,o=()=>{},r){super(o);this.scriptInputs=r;t(this,"replyMessageKey",$);t(this,"messageType","ExecuteScriptMessage");t(this,"script","");this.script=n.toString(),this.content=n.toString(),this.content=N(this.content)}};t(l,"replierKey","send"),t(l,"completeStreamKey","completeStream");var x=class extends l{constructor(n,o,r=()=>{}){super(({rootRef:i,elementId:a,_script:y,__scriptInputs:c})=>{let d=(i.shadowRoot||i.container).querySelectorAll("[myop-id='".concat(a,"']"));return d.length?(c.ref=d[0],new Function("return (".concat(y,")(...arguments)"))(c)):null},r);this.scriptInputs=o;this.scriptInputs=k(M({},o),{_script:n.toString()})}};var G=(s,e,n)=>{let o="myop-css-".concat(p());return s.send(new l(({rootRef:r,_stylesheet:i,_tagId:a,_css:y})=>{let c=document.createElement("style");c.type="text/css";let d=y;for(let I in i){d+="".concat(I," { ");let f=i[I];for(let C in f)d+="".concat(C,": ").concat(f[C],"; ");d+="} "}c.appendChild(document.createTextNode(d)),c.id=a,(r.shadowRoot||r.container).appendChild(c)},()=>{},{_stylesheet:e,_css:n||"",_tagId:o})),()=>{s.send(new l(({rootRef:r,_tagId:i})=>{let a=(r.shadowRoot||document).getElementById(i);a&&a.remove()},()=>{},{_tagId:o}))}},q=(s,e)=>{let n="myop-css-".concat(p());return s.send(new l(({rootRef:o,_tagId:r,_link:i})=>{let a=document.createElement("link");a.id=r,a.rel="stylesheet",a.href=i,document.head.appendChild(a),(o.shadowRoot||o.container).appendChild(a)},()=>{},{_link:e,_tagId:n})),()=>{s.send(new l(({rootRef:o,_tagId:r})=>{let i=(o.shadowRoot||document).getElementById(r);i&&i.remove()},()=>{},{_tagId:n}))}};var W=(s,e)=>{let n=new RegExp(Object.keys(e).join("|"),"g");return s.replace(n,o=>(e[o]||o).toString())},H=(s,e)=>{let n=s.loader;if(n.type!=="IframeLoader")throw new Error('iframeSkinUrlTokenizer received skin with loader type "'.concat(n.type,'", currently only "IframeLoader" is supported'));return s.loader=M({},s.loader),s.loader.url=W(s.loader.url,e),s},J=s=>async e=>H(e,s);var Q=(s,e,n)=>{s.send(new x(({ref:o,_className:r})=>{o==null||o.classList.add(r)},{elementId:n,_className:e}))},X=(s,e,n)=>{s.send(new x(({ref:o,_className:r})=>{o==null||o.classList.remove(r)},{elementId:n,_className:e}))};var T=class T{constructor(){t(this,"_runTimeInstanceId","runtime-instance-id-"+p());t(this,"_runTimeId","runtime-id-"+p());t(this,"_runTimeName","runtime-name-"+p());t(this,"id",this._runTimeId);t(this,"name",this._runTimeName);t(this,"description","");t(this,"loader",null);t(this,"withLoader",e=>(this.loader=e,this));t(this,"withHTMLLoader",e=>(e.type="HTMLLoader",this.loader=e,this));t(this,"build",()=>this)}};t(T,"create",()=>new T);var w=T,b=class b{constructor(){t(this,"_runTimeInstanceId","runtime-instance-id-"+p());t(this,"_runTimeId","runtime-id-"+p());t(this,"_runTimeName","runtime-name-"+p());t(this,"instance",{id:this._runTimeInstanceId,componentId:this._runTimeId,componentName:this._runTimeName,skinSelector:null});t(this,"name",this._runTimeName);t(this,"type",{id:this._runTimeId,name:this._runTimeName,description:"",props:[],refs:[],skins:[],defaultSkin:0});t(this,"withInstance",e=>(this.instance=e,this));t(this,"withType",e=>(this.type=e,this));t(this,"withName",e=>(this.name=e,this));t(this,"withDefaultSkin",e=>(this.type.skins.push(e),this.type.defaultSkin=this.type.skins.length-1,this.instance.skinSelector={type:"Dedicated",skin:{id:e.id}},this));t(this,"withRef",e=>(this.type.refs.push(e),this));t(this,"withBasicRef",e=>{let n={id:"",name:e,description:"",selectorType:"id-attribute",selector:e,behavior:{type:"code"}};return this.type.refs.push(n),this});t(this,"build",()=>JSON.parse(JSON.stringify(this)))}};t(b,"create",()=>new b);var E=b;var B={message:"message",code:"code"};var Y=s=>({instance:{id:"auto",componentId:s.componentId,componentName:s.name,skinSelector:{type:"Dedicated",skin:{id:"skin_auto_v2_converted"}}},type:{id:s.id,name:s.name,description:s.description,props:[{id:"in_auto_v2_converted",name:"myop_init_interface",type:"any",behavior:{type:B.code}},{id:"out_auto_v2_converted",name:"myop_cta_handler",type:"any",behavior:{type:B.code}}],refs:[],skins:[{id:"skin_auto_v2_converted",name:"auto_v2_converted",description:"",loader:s.consume_variant[0].loader}],defaultSkin:0},name:s.name}),v=class v{constructor(e="https://cloud.myop.dev"){this._baseUrl=e;t(this,"variants",{});t(this,"userFlows",{});t(this,"_defaultEnv","production")}setEnvironment(e){this._defaultEnv=e}getDefaultEnvironment(){return this._defaultEnv}isPreloaded(e,n,o){return"".concat(e,":").concat(n||this._defaultEnv,":").concat(o?"preview":"live")in this.variants}async fetchComponentV2(e,n,o){let r=n||this._defaultEnv,i="".concat(e,":").concat(r,":").concat(o?"preview":"live");return this.variants[i]||(this.variants[i]=new Promise(async(a,y)=>{try{let c="".concat(this._baseUrl,"/consume?id=").concat(e,"&env=").concat(r);o&&(c+="&preview=true");let f=(await(await fetch(c)).json()).item;if(!f){y(new Error('Component "'.concat(e,'" not found')));return}if(!f.consume_variant||!f.consume_variant.length){y(new Error('Component "'.concat(e,'" has no implementation for environment "').concat(r,'"')));return}let C=Y(f);a(C)}catch(c){y(c)}})),await this.variants[i]}async fetchComponentV1(e,n){return n?(await this.fetchFlow(n)).components.find(r=>r.type.id===e):(await this.fetchAutoFlow(e)).components[0]}async fetchAutoFlow(e){return this.userFlows[e]||(this.userFlows[e]=new Promise(async(n,o)=>{try{let i=await(await fetch("".concat(this._baseUrl,"/flow?id=").concat(e,"&auto=true"))).json();n(i.item)}catch(r){o(r)}})),await this.userFlows[e]}async fetchFlow(e){return this.userFlows[e]||(this.userFlows[e]=new Promise(async(n,o)=>{try{let i=await(await fetch("".concat(this._baseUrl,"/flow?id=").concat(e,"&resolve=components"))).json();n(i.item)}catch(r){o(r)}})),await this.userFlows[e]}async fetchComponent(e,n){return this.fetchComponentV1(e,n)}};t(v,"Main",new v);var S=v,Z=S;var ee=async s=>await s();P("MyopHelpers",_);export{S as CloudRepository,E as ComponentConfig,w as SkinConfig,Q as addClass,G as applyStylesheet,q as applyStylesheetLink,J as changeSkinUrlByTokenizer,H as createIframeSkinByTokenizer,ee as exec,X as removeClass,Z as v2_CloudRepository};