npm - @chili-publish/studio-sdk - Versions diffs - 1.43.0 → 1.44.0 - Mend

@chili-publish/studio-sdk 1.43.0 → 1.44.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (695) hide show

package/lib/src/interactions/Connector.cjs.js ADDED Viewed

@@ -0,0 +1,199 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const penpal = require("penpal");
+const validateEditorLink = (editorLink) => {
+  const linkValidator = new RegExp(/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w.-]+)+[\w]+\/$/);
+  let link = "";
+  if (linkValidator.test(editorLink)) {
+    link = editorLink;
+  } else if (editorLink.indexOf("/index.html") > -1) {
+    link = editorLink.replace("/index.html", "/");
+  } else if (editorLink.charAt(-1) !== "/") {
+    link = `${editorLink}/`;
+  }
+  return link;
+};
+const setupFrame = (iframe, editorLink, styling) => {
+  const link = validateEditorLink(editorLink);
+  const stylingJson = JSON.stringify(styling || {});
+  const html = `<html>
+    <head>
+        <base href="/" />
+            <meta charset="UTF-8"/>
+        <!--  use this property to pass the StudioStyling to the engine -->
+            <meta name="studio-styling" content='${stylingJson}'>
+    </head>
+    <body>
+        <script>
+            const handleIframeError = (event) => {
+                if (window.parent && window.parent !== window) {
+                    window.parent.postMessage(
+                        {
+                            type: 'iframe-error',
+                            error: {
+                                message: event.message,
+                                filename: event.filename,
+                                lineno: event.lineno,
+                                colno: event.colno,
+                                error: event.error?.toString(),
+                            },
+                        },
+                        window.location.ancestorOrigins[0] || window.location.origin,
+                    );
+                }
+            };
+            const handleUnhandledRejection = (event) => {
+                if (window.parent && window.parent !== window) {
+                    window.parent.postMessage(
+                        {
+                            type: 'iframe-error',
+                            error: { message: event.reason?.toString() || 'Unhandled promise rejection' },
+                        },
+                        window.location.ancestorOrigins[0] || window.location.origin,
+                    );
+                }
+            };
+            window.addEventListener('error', handleIframeError);
+            window.addEventListener('unhandledrejection', handleUnhandledRejection);
+        <\/script>
+        <script src="${link}init.js" async><\/script>
+        <script src="${link}flutter_bootstrap.js"><\/script>
+        <script>
+             try {
+                    if(!window?.initializeStudioEngine){
+                        throw new Error('Failed to initialize studio engine: initializeStudioEngine not found');
+                    }
+                    initializeStudioEngine({
+                        assetBase: '${link}',
+                    });
+                } catch(error) {
+                    if (window.parent && window.parent !== window) {
+                        window.parent.postMessage({
+                            type: 'iframe-error',
+                            error: {
+                                message: error?.message || 'Error initializing studio engine',
+                                error: error?.toString()
+                            }
+                        }, window.location.ancestorOrigins[0] || window.location.origin);
+                    }
+                    throw error;
+                } finally {
+                    window.removeEventListener('error', handleIframeError);
+                    window.removeEventListener('unhandledrejection', handleUnhandledRejection);
+                }
+        <\/script>
+    </body>
+</html>`;
+  iframe.srcdoc = html;
+};
+let messageHandler = null;
+const Connect = (editorLink, params, setConnection, editorId = "chili-editor", styling, onSetupFrameError) => {
+  if (messageHandler) {
+    window.removeEventListener("message", messageHandler);
+  }
+  const editorSelectorId = `#${editorId}`;
+  const iframe = document.createElement("iframe");
+  iframe.setAttribute("srcdoc", " ");
+  iframe.setAttribute("title", "Chili-Editor");
+  iframe.setAttribute("style", "width: 100%; height: 100%;");
+  iframe.setAttribute("frameBorder", "0");
+  iframe.setAttribute("referrerpolicy", "origin");
+  const setupNewFrame = () => {
+    const iframeContainer = document.querySelector(editorSelectorId);
+    if (iframeContainer) {
+      iframeContainer == null ? void 0 : iframeContainer.appendChild(iframe);
+      iframe.addEventListener(
+        "error",
+        () => {
+          const error = new Error("Failed to setup frame: iframe failed to load");
+          onSetupFrameError == null ? void 0 : onSetupFrameError(error);
+        },
+        { capture: true, once: true }
+      );
+      try {
+        setupFrame(iframe, editorLink, styling);
+      } catch (error) {
+        if (error instanceof Error) {
+          onSetupFrameError == null ? void 0 : onSetupFrameError(error);
+        } else {
+          onSetupFrameError == null ? void 0 : onSetupFrameError(new Error(`Failed to setup frame: ${error}`));
+        }
+      }
+    }
+  };
+  if (document.readyState === "complete" || document.readyState === "interactive") {
+    setupNewFrame();
+  } else {
+    document.addEventListener("DOMContentLoaded", () => {
+      setupNewFrame();
+    });
+  }
+  messageHandler = (event) => {
+    var _a;
+    if (event.source !== iframe.contentWindow) {
+      return;
+    }
+    if (((_a = event.data) == null ? void 0 : _a.type) === "iframe-error") {
+      const errorData = event.data.error;
+      const error = new Error(errorData.message || "Failed to setup frame: error in iframe");
+      onSetupFrameError == null ? void 0 : onSetupFrameError(error);
+    }
+  };
+  window.addEventListener("message", messageHandler);
+  setConnection(
+    penpal.connectToChild({
+      // The iframe to which a connection should be made
+      iframe,
+      // All the methods that we want to expose to the child should be inside the methods object
+      // f.e. stateChange(documentJson)
+      methods: {
+        actionsChanged: params.onActionsChanged,
+        stateChanged: params.onStateChanged,
+        documentLoaded: params.onDocumentLoaded,
+        authExpired: params.onAuthExpired,
+        viewportRequested: params.onViewportRequested,
+        selectedFramesContent: params.onSelectedFramesContentChanged,
+        selectedFramesLayout: params.onSelectedFramesLayoutChanged,
+        allFramesLayout: params.onFramesLayoutChanged,
+        selectedLayoutProperties: params.onSelectedLayoutPropertiesChanged,
+        openLayoutPropertiesPanel: params.onPageSelectionChanged,
+        selectedLayoutUnit: params.onSelectedLayoutUnitChanged,
+        scrubberPositionChanged: params.onScrubberPositionChanged,
+        frameAnimationsChanged: params.onFrameAnimationsChanged,
+        selectedToolChanged: params.onSelectedToolChanged,
+        variableListChanged: params.onVariableListChanged,
+        undoStackStateChanged: params.onUndoStateChanged,
+        selectedLayoutFramesChanged: params.onSelectedLayoutFramesChanged,
+        selectedTextStyleChanged: params.onSelectedTextStyleChanged,
+        colorsChanged: params.onColorsChanged,
+        paragraphStylesChanged: params.onParagraphStylesChanged,
+        characterStylesChanged: params.onCharacterStylesChanged,
+        fontFamiliesChanged: params.onFontFamiliesChanged,
+        selectedLayoutId: params.onSelectedLayoutIdChanged,
+        layoutListChanged: params.onLayoutsChanged,
+        connectorEvent: params.onConnectorEvent,
+        connectorsChanged: params.onConnectorsChanged,
+        zoomChanged: params.onZoomChanged,
+        pageSnapshotInvalidated: params.onPageSnapshotInvalidated,
+        pagesChanged: params.onPagesChanged,
+        pageSizeChanged: params.onPageSizeChanged,
+        shapeCornerRadiusChanged: params.onShapeCornerRadiusChanged,
+        cropActiveFrameIdChanged: params.onCropActiveFrameIdChanged,
+        asyncError: params.onAsyncError,
+        viewModeChanged: params.onViewModeChanged,
+        barcodeValidationChanged: params.onBarcodeValidationChanged,
+        selectedPageIdChanged: params.onSelectedPageIdChanged,
+        dataSourceIdChanged: params.onDataSourceIdChanged,
+        injectedDataChanged: params.onInjectedDataChanged,
+        documentIssueListChanged: params.onDocumentIssueListChanged,
+        customUndoDataChanged: params.onCustomUndoDataChanged,
+        engineEditingModeChanged: params.onEngineEditModeChanged,
+        brandKitMediaChanged: params.onBrandKitMediaChanged
+      }
+    })
+  );
+};
+exports.default = Connect;
+exports.setupFrame = setupFrame;
+exports.validateEditorLink = validateEditorLink;
+//# sourceMappingURL=Connector.cjs.js.map

package/lib/src/interactions/Connector.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Connector.cjs.js","sources":["../../../src/interactions/Connector.ts"],"sourcesContent":["import { Connection, connectToChild } from 'penpal';\nimport { Id } from '../types/CommonTypes';\nimport { StudioStyling } from '../types/ConfigurationTypes';\n\nexport const validateEditorLink = (editorLink: string) => {\n const linkValidator = new RegExp(/^(?:http(s)?:\\/\\/)?[\\w.-]+(?:\\.[\\w.-]+)+[\\w]+\\/$/);\n let link = '';\n if (linkValidator.test(editorLink)) {\n link = editorLink;\n } else if (editorLink.indexOf('/index.html') > -1) {\n link = editorLink.replace('/index.html', '/');\n } else if (editorLink.charAt(-1) !== '/') {\n link = `${editorLink}/`;\n }\n return link;\n};\n\nexport const setupFrame = (iframe: HTMLIFrameElement, editorLink: string, styling?: StudioStyling) => {\n const link = validateEditorLink(editorLink);\n const stylingJson = JSON.stringify(styling || {});\n const html = `<html>\n <head>\n <base href=\"/\" />\n <meta charset=\"UTF-8\"/>\n \n <meta name=\"studio-styling\" content='${stylingJson}'>\n </head>\n <body>\n <script>\n const handleIframeError = (event) => {\n if (window.parent && window.parent !== window) {\n window.parent.postMessage(\n {\n type: 'iframe-error',\n error: {\n message: event.message,\n filename: event.filename,\n lineno: event.lineno,\n colno: event.colno,\n error: event.error?.toString(),\n },\n },\n window.location.ancestorOrigins[0] || window.location.origin,\n );\n }\n };\n const handleUnhandledRejection = (event) => {\n if (window.parent && window.parent !== window) {\n window.parent.postMessage(\n {\n type: 'iframe-error',\n error: { message: event.reason?.toString() || 'Unhandled promise rejection' },\n },\n window.location.ancestorOrigins[0] || window.location.origin,\n );\n }\n };\n window.addEventListener('error', handleIframeError);\n window.addEventListener('unhandledrejection', handleUnhandledRejection);\n </script>\n <script src=\"${link}init.js\" async></script>\n <script src=\"${link}flutter_bootstrap.js\"></script>\n <script>\n try {\n if(!window?.initializeStudioEngine){\n throw new Error('Failed to initialize studio engine: initializeStudioEngine not found');\n }\n initializeStudioEngine({\n assetBase: '${link}',\n });\n } catch(error) {\n if (window.parent && window.parent !== window) {\n window.parent.postMessage({\n type: 'iframe-error',\n error: {\n message: error?.message || 'Error initializing studio engine',\n error: error?.toString()\n }\n }, window.location.ancestorOrigins[0] || window.location.origin);\n }\n throw error;\n } finally {\n window.removeEventListener('error', handleIframeError);\n window.removeEventListener('unhandledrejection', handleUnhandledRejection);\n }\n </script>\n </body>\n</html>`;\n\n // Set the iframe's content using DOM manipulation\n // eslint-disable-next-line no-param-reassign\n iframe.srcdoc = html;\n};\n\ninterface ConfigParameterTypes {\n onActionsChanged: (state: string) => void;\n onStateChanged: (state: string) => void;\n onAuthExpired: (authRefreshRequest: string) => Promise<string | null>;\n onViewportRequested: () => string | null;\n onDocumentLoaded: () => void;\n onSelectedFramesContentChanged: (state: string) => void;\n onSelectedFramesLayoutChanged: (state: string) => void;\n onFramesLayoutChanged: (state: string) => void;\n onSelectedLayoutPropertiesChanged: (state: string) => void;\n onSelectedLayoutUnitChanged: (state: string) => void;\n /**\n * @deprecated use `onSelectedPageIdChanged` instead\n */\n onPageSelectionChanged: (id: Id) => void;\n onScrubberPositionChanged: (state: string) => void;\n onFrameAnimationsChanged: (state: string) => void;\n onVariableListChanged: (state: string) => void;\n onSelectedToolChanged: (state: string) => void;\n onUndoStateChanged: (state: string) => void;\n onSelectedLayoutFramesChanged: (state: string) => void;\n onSelectedTextStyleChanged: (styles: string) => void;\n onColorsChanged: (colors: string) => void;\n onParagraphStylesChanged: (paragraphStyles: string) => void;\n onCharacterStylesChanged: (characterStyles: string) => void;\n onFontFamiliesChanged: (fonts: string) => void;\n onSelectedLayoutIdChanged: (id: string) => void;\n onLayoutsChanged: (layouts: string) => void;\n onConnectorEvent: (state: string) => void;\n onConnectorsChanged: (state: string) => void;\n onZoomChanged: (scaleFactor: string) => void;\n onSelectedPageIdChanged: (pageId: string) => void;\n onPagesChanged: (pages: string) => void;\n onPageSnapshotInvalidated: (pageId: Id) => void;\n onPageSizeChanged: (scaleFactor: string) => void;\n onShapeCornerRadiusChanged: (cornerRadius: string) => void;\n onCropActiveFrameIdChanged: (id?: Id) => void;\n onAsyncError: (asyncError: string) => void;\n onViewModeChanged: (viewMode: string) => void;\n onBarcodeValidationChanged: (validationResults: string) => void;\n onDataSourceIdChanged: (connectorId?: Id) => void;\n onInjectedDataChanged: (variableId: Id) => void;\n onDocumentIssueListChanged: (documentIssues: string) => void;\n onCustomUndoDataChanged: (customData: string) => void;\n onEngineEditModeChanged: (engineEditMode: string) => void;\n onBrandKitMediaChanged: (brandKitMedia: string) => void;\n}\n\nlet messageHandler: ((event: MessageEvent) => void) | null = null;\n\nconst Connect = (\n editorLink: string,\n params: ConfigParameterTypes,\n setConnection: (connection: Connection) => void,\n editorId = 'chili-editor',\n styling?: StudioStyling,\n onSetupFrameError?: (error: Error) => void,\n) => {\n if (messageHandler) {\n window.removeEventListener('message', messageHandler);\n }\n const editorSelectorId = `#${editorId}`;\n const iframe = document.createElement('iframe');\n iframe.setAttribute('srcdoc', ' ');\n iframe.setAttribute('title', 'Chili-Editor');\n iframe.setAttribute('style', 'width: 100%; height: 100%;');\n iframe.setAttribute('frameBorder', '0');\n iframe.setAttribute('referrerpolicy', 'origin');\n const setupNewFrame = () => {\n const iframeContainer = document.querySelector(editorSelectorId);\n if (iframeContainer) {\n iframeContainer?.appendChild(iframe);\n\n iframe.addEventListener(\n 'error',\n () => {\n const error = new Error('Failed to setup frame: iframe failed to load');\n onSetupFrameError?.(error);\n },\n { capture: true, once: true },\n );\n\n try {\n setupFrame(iframe, editorLink, styling);\n } catch (error: unknown) {\n if (error instanceof Error) {\n onSetupFrameError?.(error);\n } else {\n onSetupFrameError?.(new Error(`Failed to setup frame: ${error}`));\n }\n }\n }\n };\n\n if (document.readyState === 'complete' || document.readyState === 'interactive') {\n setupNewFrame();\n } else {\n document.addEventListener('DOMContentLoaded', () => {\n setupNewFrame();\n });\n }\n\n messageHandler = (event: MessageEvent) => {\n if (event.source !== iframe.contentWindow) {\n return;\n }\n if (event.data?.type === 'iframe-error') {\n const errorData = event.data.error;\n const error = new Error(errorData.message || 'Failed to setup frame: error in iframe');\n onSetupFrameError?.(error);\n }\n };\n\n window.addEventListener('message', messageHandler);\n\n setConnection(\n connectToChild({\n // The iframe to which a connection should be made\n iframe,\n // All the methods that we want to expose to the child should be inside the methods object\n // f.e. stateChange(documentJson)\n methods: {\n actionsChanged: params.onActionsChanged,\n stateChanged: params.onStateChanged,\n documentLoaded: params.onDocumentLoaded,\n authExpired: params.onAuthExpired,\n viewportRequested: params.onViewportRequested,\n selectedFramesContent: params.onSelectedFramesContentChanged,\n selectedFramesLayout: params.onSelectedFramesLayoutChanged,\n allFramesLayout: params.onFramesLayoutChanged,\n selectedLayoutProperties: params.onSelectedLayoutPropertiesChanged,\n openLayoutPropertiesPanel: params.onPageSelectionChanged,\n selectedLayoutUnit: params.onSelectedLayoutUnitChanged,\n scrubberPositionChanged: params.onScrubberPositionChanged,\n frameAnimationsChanged: params.onFrameAnimationsChanged,\n selectedToolChanged: params.onSelectedToolChanged,\n variableListChanged: params.onVariableListChanged,\n undoStackStateChanged: params.onUndoStateChanged,\n selectedLayoutFramesChanged: params.onSelectedLayoutFramesChanged,\n selectedTextStyleChanged: params.onSelectedTextStyleChanged,\n colorsChanged: params.onColorsChanged,\n paragraphStylesChanged: params.onParagraphStylesChanged,\n characterStylesChanged: params.onCharacterStylesChanged,\n fontFamiliesChanged: params.onFontFamiliesChanged,\n selectedLayoutId: params.onSelectedLayoutIdChanged,\n layoutListChanged: params.onLayoutsChanged,\n connectorEvent: params.onConnectorEvent,\n connectorsChanged: params.onConnectorsChanged,\n zoomChanged: params.onZoomChanged,\n pageSnapshotInvalidated: params.onPageSnapshotInvalidated,\n pagesChanged: params.onPagesChanged,\n pageSizeChanged: params.onPageSizeChanged,\n shapeCornerRadiusChanged: params.onShapeCornerRadiusChanged,\n cropActiveFrameIdChanged: params.onCropActiveFrameIdChanged,\n asyncError: params.onAsyncError,\n viewModeChanged: params.onViewModeChanged,\n barcodeValidationChanged: params.onBarcodeValidationChanged,\n selectedPageIdChanged: params.onSelectedPageIdChanged,\n dataSourceIdChanged: params.onDataSourceIdChanged,\n injectedDataChanged: params.onInjectedDataChanged,\n documentIssueListChanged: params.onDocumentIssueListChanged,\n customUndoDataChanged: params.onCustomUndoDataChanged,\n engineEditingModeChanged: params.onEngineEditModeChanged,\n brandKitMediaChanged: params.onBrandKitMediaChanged,\n },\n }),\n );\n};\nexport default Connect;\n"],"names":["connectToChild"],"mappings":"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"}

package/lib/src/interactions/Connector.d.ts CHANGED Viewed

@@ -44,6 +44,7 @@ interface ConfigParameterTypes {
     onViewModeChanged: (viewMode: string) => void;
     onBarcodeValidationChanged: (validationResults: string) => void;
     onDataSourceIdChanged: (connectorId?: Id) => void;
+    onInjectedDataChanged: (variableId: Id) => void;
     onDocumentIssueListChanged: (documentIssues: string) => void;
     onCustomUndoDataChanged: (customData: string) => void;
     onEngineEditModeChanged: (engineEditMode: string) => void;

package/lib/src/interactions/Connector.es.js ADDED Viewed

@@ -0,0 +1,199 @@
+import { connectToChild } from "penpal";
+const validateEditorLink = (editorLink) => {
+  const linkValidator = new RegExp(/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w.-]+)+[\w]+\/$/);
+  let link = "";
+  if (linkValidator.test(editorLink)) {
+    link = editorLink;
+  } else if (editorLink.indexOf("/index.html") > -1) {
+    link = editorLink.replace("/index.html", "/");
+  } else if (editorLink.charAt(-1) !== "/") {
+    link = `${editorLink}/`;
+  }
+  return link;
+};
+const setupFrame = (iframe, editorLink, styling) => {
+  const link = validateEditorLink(editorLink);
+  const stylingJson = JSON.stringify(styling || {});
+  const html = `<html>
+    <head>
+        <base href="/" />
+            <meta charset="UTF-8"/>
+        <!--  use this property to pass the StudioStyling to the engine -->
+            <meta name="studio-styling" content='${stylingJson}'>
+    </head>
+    <body>
+        <script>
+            const handleIframeError = (event) => {
+                if (window.parent && window.parent !== window) {
+                    window.parent.postMessage(
+                        {
+                            type: 'iframe-error',
+                            error: {
+                                message: event.message,
+                                filename: event.filename,
+                                lineno: event.lineno,
+                                colno: event.colno,
+                                error: event.error?.toString(),
+                            },
+                        },
+                        window.location.ancestorOrigins[0] || window.location.origin,
+                    );
+                }
+            };
+            const handleUnhandledRejection = (event) => {
+                if (window.parent && window.parent !== window) {
+                    window.parent.postMessage(
+                        {
+                            type: 'iframe-error',
+                            error: { message: event.reason?.toString() || 'Unhandled promise rejection' },
+                        },
+                        window.location.ancestorOrigins[0] || window.location.origin,
+                    );
+                }
+            };
+            window.addEventListener('error', handleIframeError);
+            window.addEventListener('unhandledrejection', handleUnhandledRejection);
+        <\/script>
+        <script src="${link}init.js" async><\/script>
+        <script src="${link}flutter_bootstrap.js"><\/script>
+        <script>
+             try {
+                    if(!window?.initializeStudioEngine){
+                        throw new Error('Failed to initialize studio engine: initializeStudioEngine not found');
+                    }
+                    initializeStudioEngine({
+                        assetBase: '${link}',
+                    });
+                } catch(error) {
+                    if (window.parent && window.parent !== window) {
+                        window.parent.postMessage({
+                            type: 'iframe-error',
+                            error: {
+                                message: error?.message || 'Error initializing studio engine',
+                                error: error?.toString()
+                            }
+                        }, window.location.ancestorOrigins[0] || window.location.origin);
+                    }
+                    throw error;
+                } finally {
+                    window.removeEventListener('error', handleIframeError);
+                    window.removeEventListener('unhandledrejection', handleUnhandledRejection);
+                }
+        <\/script>
+    </body>
+</html>`;
+  iframe.srcdoc = html;
+};
+let messageHandler = null;
+const Connect = (editorLink, params, setConnection, editorId = "chili-editor", styling, onSetupFrameError) => {
+  if (messageHandler) {
+    window.removeEventListener("message", messageHandler);
+  }
+  const editorSelectorId = `#${editorId}`;
+  const iframe = document.createElement("iframe");
+  iframe.setAttribute("srcdoc", " ");
+  iframe.setAttribute("title", "Chili-Editor");
+  iframe.setAttribute("style", "width: 100%; height: 100%;");
+  iframe.setAttribute("frameBorder", "0");
+  iframe.setAttribute("referrerpolicy", "origin");
+  const setupNewFrame = () => {
+    const iframeContainer = document.querySelector(editorSelectorId);
+    if (iframeContainer) {
+      iframeContainer == null ? void 0 : iframeContainer.appendChild(iframe);
+      iframe.addEventListener(
+        "error",
+        () => {
+          const error = new Error("Failed to setup frame: iframe failed to load");
+          onSetupFrameError == null ? void 0 : onSetupFrameError(error);
+        },
+        { capture: true, once: true }
+      );
+      try {
+        setupFrame(iframe, editorLink, styling);
+      } catch (error) {
+        if (error instanceof Error) {
+          onSetupFrameError == null ? void 0 : onSetupFrameError(error);
+        } else {
+          onSetupFrameError == null ? void 0 : onSetupFrameError(new Error(`Failed to setup frame: ${error}`));
+        }
+      }
+    }
+  };
+  if (document.readyState === "complete" || document.readyState === "interactive") {
+    setupNewFrame();
+  } else {
+    document.addEventListener("DOMContentLoaded", () => {
+      setupNewFrame();
+    });
+  }
+  messageHandler = (event) => {
+    var _a;
+    if (event.source !== iframe.contentWindow) {
+      return;
+    }
+    if (((_a = event.data) == null ? void 0 : _a.type) === "iframe-error") {
+      const errorData = event.data.error;
+      const error = new Error(errorData.message || "Failed to setup frame: error in iframe");
+      onSetupFrameError == null ? void 0 : onSetupFrameError(error);
+    }
+  };
+  window.addEventListener("message", messageHandler);
+  setConnection(
+    connectToChild({
+      // The iframe to which a connection should be made
+      iframe,
+      // All the methods that we want to expose to the child should be inside the methods object
+      // f.e. stateChange(documentJson)
+      methods: {
+        actionsChanged: params.onActionsChanged,
+        stateChanged: params.onStateChanged,
+        documentLoaded: params.onDocumentLoaded,
+        authExpired: params.onAuthExpired,
+        viewportRequested: params.onViewportRequested,
+        selectedFramesContent: params.onSelectedFramesContentChanged,
+        selectedFramesLayout: params.onSelectedFramesLayoutChanged,
+        allFramesLayout: params.onFramesLayoutChanged,
+        selectedLayoutProperties: params.onSelectedLayoutPropertiesChanged,
+        openLayoutPropertiesPanel: params.onPageSelectionChanged,
+        selectedLayoutUnit: params.onSelectedLayoutUnitChanged,
+        scrubberPositionChanged: params.onScrubberPositionChanged,
+        frameAnimationsChanged: params.onFrameAnimationsChanged,
+        selectedToolChanged: params.onSelectedToolChanged,
+        variableListChanged: params.onVariableListChanged,
+        undoStackStateChanged: params.onUndoStateChanged,
+        selectedLayoutFramesChanged: params.onSelectedLayoutFramesChanged,
+        selectedTextStyleChanged: params.onSelectedTextStyleChanged,
+        colorsChanged: params.onColorsChanged,
+        paragraphStylesChanged: params.onParagraphStylesChanged,
+        characterStylesChanged: params.onCharacterStylesChanged,
+        fontFamiliesChanged: params.onFontFamiliesChanged,
+        selectedLayoutId: params.onSelectedLayoutIdChanged,
+        layoutListChanged: params.onLayoutsChanged,
+        connectorEvent: params.onConnectorEvent,
+        connectorsChanged: params.onConnectorsChanged,
+        zoomChanged: params.onZoomChanged,
+        pageSnapshotInvalidated: params.onPageSnapshotInvalidated,
+        pagesChanged: params.onPagesChanged,
+        pageSizeChanged: params.onPageSizeChanged,
+        shapeCornerRadiusChanged: params.onShapeCornerRadiusChanged,
+        cropActiveFrameIdChanged: params.onCropActiveFrameIdChanged,
+        asyncError: params.onAsyncError,
+        viewModeChanged: params.onViewModeChanged,
+        barcodeValidationChanged: params.onBarcodeValidationChanged,
+        selectedPageIdChanged: params.onSelectedPageIdChanged,
+        dataSourceIdChanged: params.onDataSourceIdChanged,
+        injectedDataChanged: params.onInjectedDataChanged,
+        documentIssueListChanged: params.onDocumentIssueListChanged,
+        customUndoDataChanged: params.onCustomUndoDataChanged,
+        engineEditingModeChanged: params.onEngineEditModeChanged,
+        brandKitMediaChanged: params.onBrandKitMediaChanged
+      }
+    })
+  );
+};
+export {
+  Connect as default,
+  setupFrame,
+  validateEditorLink
+};
+//# sourceMappingURL=Connector.es.js.map

package/lib/src/interactions/Connector.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Connector.es.js","sources":["../../../src/interactions/Connector.ts"],"sourcesContent":["import { Connection, connectToChild } from 'penpal';\nimport { Id } from '../types/CommonTypes';\nimport { StudioStyling } from '../types/ConfigurationTypes';\n\nexport const validateEditorLink = (editorLink: string) => {\n const linkValidator = new RegExp(/^(?:http(s)?:\\/\\/)?[\\w.-]+(?:\\.[\\w.-]+)+[\\w]+\\/$/);\n let link = '';\n if (linkValidator.test(editorLink)) {\n link = editorLink;\n } else if (editorLink.indexOf('/index.html') > -1) {\n link = editorLink.replace('/index.html', '/');\n } else if (editorLink.charAt(-1) !== '/') {\n link = `${editorLink}/`;\n }\n return link;\n};\n\nexport const setupFrame = (iframe: HTMLIFrameElement, editorLink: string, styling?: StudioStyling) => {\n const link = validateEditorLink(editorLink);\n const stylingJson = JSON.stringify(styling || {});\n const html = `<html>\n <head>\n <base href=\"/\" />\n <meta charset=\"UTF-8\"/>\n \n <meta name=\"studio-styling\" content='${stylingJson}'>\n </head>\n <body>\n <script>\n const handleIframeError = (event) => {\n if (window.parent && window.parent !== window) {\n window.parent.postMessage(\n {\n type: 'iframe-error',\n error: {\n message: event.message,\n filename: event.filename,\n lineno: event.lineno,\n colno: event.colno,\n error: event.error?.toString(),\n },\n },\n window.location.ancestorOrigins[0] || window.location.origin,\n );\n }\n };\n const handleUnhandledRejection = (event) => {\n if (window.parent && window.parent !== window) {\n window.parent.postMessage(\n {\n type: 'iframe-error',\n error: { message: event.reason?.toString() || 'Unhandled promise rejection' },\n },\n window.location.ancestorOrigins[0] || window.location.origin,\n );\n }\n };\n window.addEventListener('error', handleIframeError);\n window.addEventListener('unhandledrejection', handleUnhandledRejection);\n </script>\n <script src=\"${link}init.js\" async></script>\n <script src=\"${link}flutter_bootstrap.js\"></script>\n <script>\n try {\n if(!window?.initializeStudioEngine){\n throw new Error('Failed to initialize studio engine: initializeStudioEngine not found');\n }\n initializeStudioEngine({\n assetBase: '${link}',\n });\n } catch(error) {\n if (window.parent && window.parent !== window) {\n window.parent.postMessage({\n type: 'iframe-error',\n error: {\n message: error?.message || 'Error initializing studio engine',\n error: error?.toString()\n }\n }, window.location.ancestorOrigins[0] || window.location.origin);\n }\n throw error;\n } finally {\n window.removeEventListener('error', handleIframeError);\n window.removeEventListener('unhandledrejection', handleUnhandledRejection);\n }\n </script>\n </body>\n</html>`;\n\n // Set the iframe's content using DOM manipulation\n // eslint-disable-next-line no-param-reassign\n iframe.srcdoc = html;\n};\n\ninterface ConfigParameterTypes {\n onActionsChanged: (state: string) => void;\n onStateChanged: (state: string) => void;\n onAuthExpired: (authRefreshRequest: string) => Promise<string | null>;\n onViewportRequested: () => string | null;\n onDocumentLoaded: () => void;\n onSelectedFramesContentChanged: (state: string) => void;\n onSelectedFramesLayoutChanged: (state: string) => void;\n onFramesLayoutChanged: (state: string) => void;\n onSelectedLayoutPropertiesChanged: (state: string) => void;\n onSelectedLayoutUnitChanged: (state: string) => void;\n /**\n * @deprecated use `onSelectedPageIdChanged` instead\n */\n onPageSelectionChanged: (id: Id) => void;\n onScrubberPositionChanged: (state: string) => void;\n onFrameAnimationsChanged: (state: string) => void;\n onVariableListChanged: (state: string) => void;\n onSelectedToolChanged: (state: string) => void;\n onUndoStateChanged: (state: string) => void;\n onSelectedLayoutFramesChanged: (state: string) => void;\n onSelectedTextStyleChanged: (styles: string) => void;\n onColorsChanged: (colors: string) => void;\n onParagraphStylesChanged: (paragraphStyles: string) => void;\n onCharacterStylesChanged: (characterStyles: string) => void;\n onFontFamiliesChanged: (fonts: string) => void;\n onSelectedLayoutIdChanged: (id: string) => void;\n onLayoutsChanged: (layouts: string) => void;\n onConnectorEvent: (state: string) => void;\n onConnectorsChanged: (state: string) => void;\n onZoomChanged: (scaleFactor: string) => void;\n onSelectedPageIdChanged: (pageId: string) => void;\n onPagesChanged: (pages: string) => void;\n onPageSnapshotInvalidated: (pageId: Id) => void;\n onPageSizeChanged: (scaleFactor: string) => void;\n onShapeCornerRadiusChanged: (cornerRadius: string) => void;\n onCropActiveFrameIdChanged: (id?: Id) => void;\n onAsyncError: (asyncError: string) => void;\n onViewModeChanged: (viewMode: string) => void;\n onBarcodeValidationChanged: (validationResults: string) => void;\n onDataSourceIdChanged: (connectorId?: Id) => void;\n onInjectedDataChanged: (variableId: Id) => void;\n onDocumentIssueListChanged: (documentIssues: string) => void;\n onCustomUndoDataChanged: (customData: string) => void;\n onEngineEditModeChanged: (engineEditMode: string) => void;\n onBrandKitMediaChanged: (brandKitMedia: string) => void;\n}\n\nlet messageHandler: ((event: MessageEvent) => void) | null = null;\n\nconst Connect = (\n editorLink: string,\n params: ConfigParameterTypes,\n setConnection: (connection: Connection) => void,\n editorId = 'chili-editor',\n styling?: StudioStyling,\n onSetupFrameError?: (error: Error) => void,\n) => {\n if (messageHandler) {\n window.removeEventListener('message', messageHandler);\n }\n const editorSelectorId = `#${editorId}`;\n const iframe = document.createElement('iframe');\n iframe.setAttribute('srcdoc', ' ');\n iframe.setAttribute('title', 'Chili-Editor');\n iframe.setAttribute('style', 'width: 100%; height: 100%;');\n iframe.setAttribute('frameBorder', '0');\n iframe.setAttribute('referrerpolicy', 'origin');\n const setupNewFrame = () => {\n const iframeContainer = document.querySelector(editorSelectorId);\n if (iframeContainer) {\n iframeContainer?.appendChild(iframe);\n\n iframe.addEventListener(\n 'error',\n () => {\n const error = new Error('Failed to setup frame: iframe failed to load');\n onSetupFrameError?.(error);\n },\n { capture: true, once: true },\n );\n\n try {\n setupFrame(iframe, editorLink, styling);\n } catch (error: unknown) {\n if (error instanceof Error) {\n onSetupFrameError?.(error);\n } else {\n onSetupFrameError?.(new Error(`Failed to setup frame: ${error}`));\n }\n }\n }\n };\n\n if (document.readyState === 'complete' || document.readyState === 'interactive') {\n setupNewFrame();\n } else {\n document.addEventListener('DOMContentLoaded', () => {\n setupNewFrame();\n });\n }\n\n messageHandler = (event: MessageEvent) => {\n if (event.source !== iframe.contentWindow) {\n return;\n }\n if (event.data?.type === 'iframe-error') {\n const errorData = event.data.error;\n const error = new Error(errorData.message || 'Failed to setup frame: error in iframe');\n onSetupFrameError?.(error);\n }\n };\n\n window.addEventListener('message', messageHandler);\n\n setConnection(\n connectToChild({\n // The iframe to which a connection should be made\n iframe,\n // All the methods that we want to expose to the child should be inside the methods object\n // f.e. stateChange(documentJson)\n methods: {\n actionsChanged: params.onActionsChanged,\n stateChanged: params.onStateChanged,\n documentLoaded: params.onDocumentLoaded,\n authExpired: params.onAuthExpired,\n viewportRequested: params.onViewportRequested,\n selectedFramesContent: params.onSelectedFramesContentChanged,\n selectedFramesLayout: params.onSelectedFramesLayoutChanged,\n allFramesLayout: params.onFramesLayoutChanged,\n selectedLayoutProperties: params.onSelectedLayoutPropertiesChanged,\n openLayoutPropertiesPanel: params.onPageSelectionChanged,\n selectedLayoutUnit: params.onSelectedLayoutUnitChanged,\n scrubberPositionChanged: params.onScrubberPositionChanged,\n frameAnimationsChanged: params.onFrameAnimationsChanged,\n selectedToolChanged: params.onSelectedToolChanged,\n variableListChanged: params.onVariableListChanged,\n undoStackStateChanged: params.onUndoStateChanged,\n selectedLayoutFramesChanged: params.onSelectedLayoutFramesChanged,\n selectedTextStyleChanged: params.onSelectedTextStyleChanged,\n colorsChanged: params.onColorsChanged,\n paragraphStylesChanged: params.onParagraphStylesChanged,\n characterStylesChanged: params.onCharacterStylesChanged,\n fontFamiliesChanged: params.onFontFamiliesChanged,\n selectedLayoutId: params.onSelectedLayoutIdChanged,\n layoutListChanged: params.onLayoutsChanged,\n connectorEvent: params.onConnectorEvent,\n connectorsChanged: params.onConnectorsChanged,\n zoomChanged: params.onZoomChanged,\n pageSnapshotInvalidated: params.onPageSnapshotInvalidated,\n pagesChanged: params.onPagesChanged,\n pageSizeChanged: params.onPageSizeChanged,\n shapeCornerRadiusChanged: params.onShapeCornerRadiusChanged,\n cropActiveFrameIdChanged: params.onCropActiveFrameIdChanged,\n asyncError: params.onAsyncError,\n viewModeChanged: params.onViewModeChanged,\n barcodeValidationChanged: params.onBarcodeValidationChanged,\n selectedPageIdChanged: params.onSelectedPageIdChanged,\n dataSourceIdChanged: params.onDataSourceIdChanged,\n injectedDataChanged: params.onInjectedDataChanged,\n documentIssueListChanged: params.onDocumentIssueListChanged,\n customUndoDataChanged: params.onCustomUndoDataChanged,\n engineEditingModeChanged: params.onEngineEditModeChanged,\n brandKitMediaChanged: params.onBrandKitMediaChanged,\n },\n }),\n );\n};\nexport default Connect;\n"],"names":[],"mappings":"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"}

package/lib/src/next/NextInitiator.cjs.js ADDED Viewed

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const BrandKitController = require("./controllers/BrandKitController.cjs.js");
+const SubscriberController = require("./controllers/SubscriberController.cjs.js");
+const VariableController = require("./controllers/VariableController.cjs.js");
+const ConnectorController = require("./controllers/ConnectorController.cjs.js");
+const PageController = require("./controllers/PageController.cjs.js");
+const CanvasController = require("../controllers/CanvasController.cjs.js");
+class NextInitiator {
+  /**
+   * The next initiator is a split off on SDK level to tag next features
+   * The SDK should be configured clientside and it exposes all controllers to work with in other applications
+   * @param config The configuration object where the SDK and editor can get configured
+   */
+  constructor(config, connection, editorAPI) {
+    this.config = config;
+    this.connection = connection;
+    this.editorAPI = editorAPI;
+    this.subscriber = new SubscriberController.SubscriberController(config);
+    this.variable = new VariableController.VariableController(this.editorAPI);
+    this.connector = new ConnectorController.ConnectorController(this.editorAPI);
+    this.page = new PageController.PageController(this.editorAPI);
+    this.canvas = new CanvasController.CanvasController(this.editorAPI);
+    this.brandKit = new BrandKitController.BrandKitController(this.editorAPI);
+  }
+}
+exports.NextInitiator = NextInitiator;
+//# sourceMappingURL=NextInitiator.cjs.js.map

package/lib/src/next/NextInitiator.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NextInitiator.cjs.js","sources":["../../../src/next/NextInitiator.ts"],"sourcesContent":["import { Connection } from 'penpal';\nimport { EditorAPI, RuntimeConfigType } from '../types/CommonTypes';\nimport { BrandKitController } from './controllers/BrandKitController';\nimport { SubscriberController } from './controllers/SubscriberController';\nimport { VariableController } from './controllers/VariableController';\nimport { ConnectorController } from './controllers/ConnectorController';\nimport { PageController } from './controllers/PageController';\nimport { CanvasController } from '../controllers/CanvasController';\n\n/**\n * The next initiator is a split off on SDK level to tag next features.\n * The principle is that all breaking changes that we are anticipating, come into this section of the SDK.\n * This allows us to introduce breaking changes before bumping the SDK Major version, since we want to bundle some of them.\n * This way our major version can stay stable for longer, without sacrificing the flexibility we need to innovate.\n * Together with a major update, the functions and additions in this part of the SDK will be moved to the main part.\n * If you're using the next controller, you might need to import the typings also from the next types.\n * this can be referenced in your application as @chili-publish/studio-sdk/lib/src/next\n */\nexport class NextInitiator {\n private config: RuntimeConfigType;\n private connection: Connection;\n\n /**\n * @ignore\n */\n private editorAPI: EditorAPI;\n\n subscriber: SubscriberController;\n variable: VariableController;\n connector: ConnectorController;\n page: PageController;\n canvas: CanvasController;\n brandKit: BrandKitController;\n\n /**\n * The next initiator is a split off on SDK level to tag next features\n * The SDK should be configured clientside and it exposes all controllers to work with in other applications\n * @param config The configuration object where the SDK and editor can get configured\n */\n constructor(config: RuntimeConfigType, connection: Connection, editorAPI: EditorAPI) {\n this.config = config;\n this.connection = connection;\n this.editorAPI = editorAPI;\n\n this.subscriber = new SubscriberController(config);\n this.variable = new VariableController(this.editorAPI);\n this.connector = new ConnectorController(this.editorAPI);\n this.page = new PageController(this.editorAPI);\n this.canvas = new CanvasController(this.editorAPI);\n this.brandKit = new BrandKitController(this.editorAPI);\n }\n}\n"],"names":["SubscriberController","VariableController","ConnectorController","PageController","CanvasController","BrandKitController"],"mappings":";;;;;;;;AAkBO,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBvB,YAAY,QAA2B,YAAwB,WAAsB;AACjF,SAAK,SAAS;AACd,SAAK,aAAa;AAClB,SAAK,YAAY;AAEjB,SAAK,aAAa,IAAIA,qBAAAA,qBAAqB,MAAM;AACjD,SAAK,WAAW,IAAIC,sCAAmB,KAAK,SAAS;AACrD,SAAK,YAAY,IAAIC,wCAAoB,KAAK,SAAS;AACvD,SAAK,OAAO,IAAIC,8BAAe,KAAK,SAAS;AAC7C,SAAK,SAAS,IAAIC,kCAAiB,KAAK,SAAS;AACjD,SAAK,WAAW,IAAIC,sCAAmB,KAAK,SAAS;AAAA,EACzD;AACJ;;"}

package/lib/src/next/NextInitiator.es.js ADDED Viewed

@@ -0,0 +1,28 @@
+import { BrandKitController } from "./controllers/BrandKitController.es.js";
+import { SubscriberController } from "./controllers/SubscriberController.es.js";
+import { VariableController } from "./controllers/VariableController.es.js";
+import { ConnectorController } from "./controllers/ConnectorController.es.js";
+import { PageController } from "./controllers/PageController.es.js";
+import { CanvasController } from "../controllers/CanvasController.es.js";
+class NextInitiator {
+  /**
+   * The next initiator is a split off on SDK level to tag next features
+   * The SDK should be configured clientside and it exposes all controllers to work with in other applications
+   * @param config The configuration object where the SDK and editor can get configured
+   */
+  constructor(config, connection, editorAPI) {
+    this.config = config;
+    this.connection = connection;
+    this.editorAPI = editorAPI;
+    this.subscriber = new SubscriberController(config);
+    this.variable = new VariableController(this.editorAPI);
+    this.connector = new ConnectorController(this.editorAPI);
+    this.page = new PageController(this.editorAPI);
+    this.canvas = new CanvasController(this.editorAPI);
+    this.brandKit = new BrandKitController(this.editorAPI);
+  }
+}
+export {
+  NextInitiator
+};
+//# sourceMappingURL=NextInitiator.es.js.map

package/lib/src/next/NextInitiator.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"NextInitiator.es.js","sources":["../../../src/next/NextInitiator.ts"],"sourcesContent":["import { Connection } from 'penpal';\nimport { EditorAPI, RuntimeConfigType } from '../types/CommonTypes';\nimport { BrandKitController } from './controllers/BrandKitController';\nimport { SubscriberController } from './controllers/SubscriberController';\nimport { VariableController } from './controllers/VariableController';\nimport { ConnectorController } from './controllers/ConnectorController';\nimport { PageController } from './controllers/PageController';\nimport { CanvasController } from '../controllers/CanvasController';\n\n/**\n * The next initiator is a split off on SDK level to tag next features.\n * The principle is that all breaking changes that we are anticipating, come into this section of the SDK.\n * This allows us to introduce breaking changes before bumping the SDK Major version, since we want to bundle some of them.\n * This way our major version can stay stable for longer, without sacrificing the flexibility we need to innovate.\n * Together with a major update, the functions and additions in this part of the SDK will be moved to the main part.\n * If you're using the next controller, you might need to import the typings also from the next types.\n * this can be referenced in your application as @chili-publish/studio-sdk/lib/src/next\n */\nexport class NextInitiator {\n private config: RuntimeConfigType;\n private connection: Connection;\n\n /**\n * @ignore\n */\n private editorAPI: EditorAPI;\n\n subscriber: SubscriberController;\n variable: VariableController;\n connector: ConnectorController;\n page: PageController;\n canvas: CanvasController;\n brandKit: BrandKitController;\n\n /**\n * The next initiator is a split off on SDK level to tag next features\n * The SDK should be configured clientside and it exposes all controllers to work with in other applications\n * @param config The configuration object where the SDK and editor can get configured\n */\n constructor(config: RuntimeConfigType, connection: Connection, editorAPI: EditorAPI) {\n this.config = config;\n this.connection = connection;\n this.editorAPI = editorAPI;\n\n this.subscriber = new SubscriberController(config);\n this.variable = new VariableController(this.editorAPI);\n this.connector = new ConnectorController(this.editorAPI);\n this.page = new PageController(this.editorAPI);\n this.canvas = new CanvasController(this.editorAPI);\n this.brandKit = new BrandKitController(this.editorAPI);\n }\n}\n"],"names":[],"mappings":";;;;;;AAkBO,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBvB,YAAY,QAA2B,YAAwB,WAAsB;AACjF,SAAK,SAAS;AACd,SAAK,aAAa;AAClB,SAAK,YAAY;AAEjB,SAAK,aAAa,IAAI,qBAAqB,MAAM;AACjD,SAAK,WAAW,IAAI,mBAAmB,KAAK,SAAS;AACrD,SAAK,YAAY,IAAI,oBAAoB,KAAK,SAAS;AACvD,SAAK,OAAO,IAAI,eAAe,KAAK,SAAS;AAC7C,SAAK,SAAS,IAAI,iBAAiB,KAAK,SAAS;AACjD,SAAK,WAAW,IAAI,mBAAmB,KAAK,SAAS;AAAA,EACzD;AACJ;"}

package/lib/src/next/controllers/BrandKitController.cjs.js ADDED Viewed

@@ -0,0 +1,34 @@
+"use strict";
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var _editorAPI;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const EditorResponseData = require("../../utils/EditorResponseData.cjs.js");
+class BrandKitController {
+  /**
+   * @ignore
+   */
+  constructor(editorAPI) {
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _editorAPI);
+    this.get = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.getBrandKit().then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    this.set = async (apiBrandKit) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.setBrandKit(JSON.stringify(apiBrandKit)).then((result) => EditorResponseData.getEditorResponseData(result));
+    };
+    __privateSet(this, _editorAPI, editorAPI);
+  }
+}
+_editorAPI = new WeakMap();
+exports.BrandKitController = BrandKitController;
+//# sourceMappingURL=BrandKitController.cjs.js.map

package/lib/src/next/controllers/BrandKitController.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BrandKitController.cjs.js","sources":["../../../../src/next/controllers/BrandKitController.ts"],"sourcesContent":["import { EditorAPI } from '../../types/CommonTypes';\nimport { getEditorResponseData } from '../../utils/EditorResponseData';\nimport type { APIBrandKit, BrandKit } from '../types/BrandKitTypes';\n\n/**\n * Next BrandKitController: get/set use the same unified BrandKit type.\n * Methods in this controller are the future API and can be called when using the next initiator.\n */\nexport class BrandKitController {\n /**\n * @ignore\n */\n #editorAPI: EditorAPI;\n\n /**\n * @ignore\n */\n constructor(editorAPI: EditorAPI) {\n this.#editorAPI = editorAPI;\n }\n\n /**\n * Returns the current brand kit (unified BrandKit shape).\n * @returns The brand kit with all assigned resources\n */\n get = async () => {\n const res = await this.#editorAPI;\n return res.getBrandKit().then((result) => getEditorResponseData<BrandKit>(result));\n };\n\n /**\n * Updates the brand kit with the given API data. Returns the updated brand kit (BrandKit shape).\n * @param apiBrandKit - The brand kit data in API/environment format\n * @returns The updated brand kit\n */\n set = async (apiBrandKit: APIBrandKit) => {\n const res = await this.#editorAPI;\n return res.setBrandKit(JSON.stringify(apiBrandKit)).then((result) => getEditorResponseData<BrandKit>(result));\n };\n}\n"],"names":["getEditorResponseData"],"mappings":";;;;;;;;;;;AAQO,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA,EAS5B,YAAY,WAAsB;AALlC;AAAA;AAAA;AAAA;AAaA,SAAA,MAAM,YAAY;AACd,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,cAAc,KAAK,CAAC,WAAWA,mBAAAA,sBAAgC,MAAM,CAAC;AAAA,IACrF;AAOA,SAAA,MAAM,OAAO,gBAA6B;AACtC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,YAAY,KAAK,UAAU,WAAW,CAAC,EAAE,KAAK,CAAC,WAAWA,mBAAAA,sBAAgC,MAAM,CAAC;AAAA,IAChH;AApBI,uBAAK,YAAa;AAAA,EACtB;AAoBJ;AA3BI;;"}

package/lib/src/next/controllers/BrandKitController.es.js ADDED Viewed

@@ -0,0 +1,34 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var _editorAPI;
+import { getEditorResponseData } from "../../utils/EditorResponseData.es.js";
+class BrandKitController {
+  /**
+   * @ignore
+   */
+  constructor(editorAPI) {
+    /**
+     * @ignore
+     */
+    __privateAdd(this, _editorAPI);
+    this.get = async () => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.getBrandKit().then((result) => getEditorResponseData(result));
+    };
+    this.set = async (apiBrandKit) => {
+      const res = await __privateGet(this, _editorAPI);
+      return res.setBrandKit(JSON.stringify(apiBrandKit)).then((result) => getEditorResponseData(result));
+    };
+    __privateSet(this, _editorAPI, editorAPI);
+  }
+}
+_editorAPI = new WeakMap();
+export {
+  BrandKitController
+};
+//# sourceMappingURL=BrandKitController.es.js.map

package/lib/src/next/controllers/BrandKitController.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BrandKitController.es.js","sources":["../../../../src/next/controllers/BrandKitController.ts"],"sourcesContent":["import { EditorAPI } from '../../types/CommonTypes';\nimport { getEditorResponseData } from '../../utils/EditorResponseData';\nimport type { APIBrandKit, BrandKit } from '../types/BrandKitTypes';\n\n/**\n * Next BrandKitController: get/set use the same unified BrandKit type.\n * Methods in this controller are the future API and can be called when using the next initiator.\n */\nexport class BrandKitController {\n /**\n * @ignore\n */\n #editorAPI: EditorAPI;\n\n /**\n * @ignore\n */\n constructor(editorAPI: EditorAPI) {\n this.#editorAPI = editorAPI;\n }\n\n /**\n * Returns the current brand kit (unified BrandKit shape).\n * @returns The brand kit with all assigned resources\n */\n get = async () => {\n const res = await this.#editorAPI;\n return res.getBrandKit().then((result) => getEditorResponseData<BrandKit>(result));\n };\n\n /**\n * Updates the brand kit with the given API data. Returns the updated brand kit (BrandKit shape).\n * @param apiBrandKit - The brand kit data in API/environment format\n * @returns The updated brand kit\n */\n set = async (apiBrandKit: APIBrandKit) => {\n const res = await this.#editorAPI;\n return res.setBrandKit(JSON.stringify(apiBrandKit)).then((result) => getEditorResponseData<BrandKit>(result));\n };\n}\n"],"names":[],"mappings":";;;;;;;;;AAQO,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA,EAS5B,YAAY,WAAsB;AALlC;AAAA;AAAA;AAAA;AAaA,SAAA,MAAM,YAAY;AACd,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,cAAc,KAAK,CAAC,WAAW,sBAAgC,MAAM,CAAC;AAAA,IACrF;AAOA,SAAA,MAAM,OAAO,gBAA6B;AACtC,YAAM,MAAM,MAAM,mBAAK;AACvB,aAAO,IAAI,YAAY,KAAK,UAAU,WAAW,CAAC,EAAE,KAAK,CAAC,WAAW,sBAAgC,MAAM,CAAC;AAAA,IAChH;AApBI,uBAAK,YAAa;AAAA,EACtB;AAoBJ;AA3BI;"}