@fyul/embed-sdk 2.5.21 → 2.7.0

package/dist/cjs/modules/modules.js

@@ -6,6 +6,7 @@ const catalogModule_1 = require("./catalog/catalogModule");
 const mockupGenerationModule_1 = require("./mockup-generation/mockupGenerationModule");
 const productPublishModule_1 = require("./product-publish/productPublishModule");
 const edmModule_1 = require("../modules/edm/edmModule");
+const embedStudioModule_1 = require("../modules/embed-studio/embedStudioModule");
 const whiteLabelModule_1 = require("../modules/white-label/whiteLabelModule");
 const moduleNames_1 = require("./moduleNames");
 Object.defineProperty(exports, "MODULE_NAMES", { enumerable: true, get: function () { return moduleNames_1.MODULE_NAMES; } });
@@ -15,6 +16,7 @@ exports.MODULES = {
     [moduleNames_1.MODULE_NAMES.MOCKUP_GENERATION]: mockupGenerationModule_1.MockupGenerationModule,
     [moduleNames_1.MODULE_NAMES.PRODUCT_PUBLISH]: productPublishModule_1.ProductPublishModule,
     [moduleNames_1.MODULE_NAMES.EDM]: edmModule_1.EdmModule,
+    [moduleNames_1.MODULE_NAMES.EMBED_STUDIO]: embedStudioModule_1.EmbedStudioModule,
     [moduleNames_1.MODULE_NAMES.WHITE_LABEL]: whiteLabelModule_1.WhiteLabelModule,
 };
 exports.MODULE_DEPENDENCY_MAP = {
@@ -23,5 +25,6 @@ exports.MODULE_DEPENDENCY_MAP = {
     [moduleNames_1.MODULE_NAMES.MOCKUP_GENERATION]: moduleNames_1.MODULE_NAMES.SDK,
     [moduleNames_1.MODULE_NAMES.PRODUCT_PUBLISH]: moduleNames_1.MODULE_NAMES.SDK,
     [moduleNames_1.MODULE_NAMES.EDM]: moduleNames_1.MODULE_NAMES.EDM,
+    [moduleNames_1.MODULE_NAMES.EMBED_STUDIO]: moduleNames_1.MODULE_NAMES.EMBED_STUDIO,
     [moduleNames_1.MODULE_NAMES.WHITE_LABEL]: moduleNames_1.MODULE_NAMES.WHITE_LABEL,
 };

package/dist/cjs/modules/white-label/broadcastEvents/onContentSizeChange.d.ts

@@ -0,0 +1,5 @@
+import { OnContentSizeChangeEventPayload } from '../../../modules/white-label/types/event/broadcastEventPayload.types';
+import { BaseWhiteLabelBroadcastEvent } from '../../../modules/white-label/broadcastEvents/baseWhiteLabelBroadcastEvent';
+export declare class OnContentSizeChange extends BaseWhiteLabelBroadcastEvent {
+    handle(event: OnContentSizeChangeEventPayload): void;
+}

package/dist/cjs/modules/white-label/broadcastEvents/onContentSizeChange.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OnContentSizeChange = void 0;
+const baseWhiteLabelBroadcastEvent_1 = require("../../../modules/white-label/broadcastEvents/baseWhiteLabelBroadcastEvent");
+class OnContentSizeChange extends baseWhiteLabelBroadcastEvent_1.BaseWhiteLabelBroadcastEvent {
+    handle(event) {
+        this.broadcastHandler.onContentSizeChange(event);
+    }
+}
+exports.OnContentSizeChange = OnContentSizeChange;

package/dist/cjs/modules/white-label/events.d.ts

@@ -11,9 +11,11 @@ export declare const EVENTS_RESULT: {
 };
 export declare const EVENT_BROADCAST: {
     readonly ON_SHOPPING_CART_UPDATE: "onShoppingCartUpdate";
+    readonly ON_CONTENT_SIZE_CHANGE: "onContentSizeChange";
 };
 export declare const EVENTS: {
     readonly ON_SHOPPING_CART_UPDATE: "onShoppingCartUpdate";
+    readonly ON_CONTENT_SIZE_CHANGE: "onContentSizeChange";
     readonly GO_TO_VIEW_RESULT: "resultGoToView";
     readonly WHITE_LABEL_INITIALIZATION_SUCCESS: "notificationWhiteLabelInitializationSuccess";
     readonly GO_TO_VIEW_FAILURE: "actionGoToViewFailure";

package/dist/cjs/modules/white-label/events.js

@@ -14,6 +14,7 @@ exports.EVENTS_RESULT = {
 };
 exports.EVENT_BROADCAST = {
     ON_SHOPPING_CART_UPDATE: 'onShoppingCartUpdate',
+    ON_CONTENT_SIZE_CHANGE: 'onContentSizeChange',
 };
 exports.EVENTS = {
     ...exports.EVENTS_ACTION,

package/dist/cjs/modules/white-label/types/data.types.d.ts

@@ -1,6 +1,7 @@
 export interface WhiteLabelConfig {
     showHeaderMenu?: boolean;
     initialView?: string;
+    showScrollbar?: boolean;
 }
 export type WhiteLabelParams = ({
     element: HTMLElement;
@@ -28,3 +29,6 @@ export interface OnShoppingCartUpdateEvent {
     items: CartItem[];
     lastAddedItem: CartItem;
 }
+export interface OnContentSizeChangeEvent {
+    height: number;
+}

package/dist/cjs/modules/white-label/types/event/broadcastEvent.types.d.ts

@@ -1,8 +1,9 @@
 import { EVENT_BROADCAST } from '../../../../modules/white-label/events';
 import { BaseBroadcastEvent } from '../../../../types/event/broadcast/broadcastEvent.types';
-import { OnShoppingCartUpdateEventPayload } from '../../../../modules/white-label/types/event/broadcastEventPayload.types';
+import { OnShoppingCartUpdateEventPayload, OnContentSizeChangeEventPayload } from '../../../../modules/white-label/types/event/broadcastEventPayload.types';
 export type OnShoppingCartUpdateBroadcast = BaseBroadcastEvent<typeof EVENT_BROADCAST.ON_SHOPPING_CART_UPDATE, OnShoppingCartUpdateEventPayload>;
-export type BroadcastEvent = OnShoppingCartUpdateBroadcast;
+export type OnContentSizeChangeBroadcast = BaseBroadcastEvent<typeof EVENT_BROADCAST.ON_CONTENT_SIZE_CHANGE, OnContentSizeChangeEventPayload>;
+export type BroadcastEvent = OnShoppingCartUpdateBroadcast | OnContentSizeChangeBroadcast;
 export type BroadcastListeners = {
     [K in BroadcastEvent as K['name']]: (event: Exclude<K['payload'], undefined>) => void;
 };

package/dist/cjs/modules/white-label/types/event/broadcastEventPayload.types.d.ts

@@ -1,3 +1,4 @@
-import { OnShoppingCartUpdateEvent } from '../../../../modules/white-label/types';
+import { OnShoppingCartUpdateEvent, OnContentSizeChangeEvent } from '../../../../modules/white-label/types';
 export type OnShoppingCartUpdateEventPayload = OnShoppingCartUpdateEvent;
-export type BroadcastEventPayload = OnShoppingCartUpdateEventPayload;
+export type OnContentSizeChangeEventPayload = OnContentSizeChangeEvent;
+export type BroadcastEventPayload = OnShoppingCartUpdateEventPayload | OnContentSizeChangeEventPayload;

package/dist/cjs/modules/white-label/whiteLabelBroadcastModule.d.ts

@@ -1,8 +1,9 @@
 import { IWhiteLabelBroadcastModule } from '../../types/module/module.types';
 import { BroadcastListeners } from '../../modules/white-label/types/event/broadcastEvent.types';
-import { OnShoppingCartUpdateEventPayload } from '../../modules/white-label/types/event/broadcastEventPayload.types';
+import { OnShoppingCartUpdateEventPayload, OnContentSizeChangeEventPayload } from '../../modules/white-label/types/event/broadcastEventPayload.types';
 export declare class WhiteLabelBroadcastModule implements IWhiteLabelBroadcastModule {
     protected listeners?: Partial<BroadcastListeners>;
     constructor(listeners?: Partial<BroadcastListeners>);
     onShoppingCartUpdate(event: OnShoppingCartUpdateEventPayload): void;
+    onContentSizeChange(event: OnContentSizeChangeEventPayload): void;
 }

package/dist/cjs/modules/white-label/whiteLabelBroadcastModule.js

@@ -11,5 +11,10 @@ class WhiteLabelBroadcastModule {
             this.listeners.onShoppingCartUpdate(event);
         }
     }
+    onContentSizeChange(event) {
+        if (this.listeners?.onContentSizeChange) {
+            this.listeners.onContentSizeChange(event);
+        }
+    }
 }
 exports.WhiteLabelBroadcastModule = WhiteLabelBroadcastModule;

package/dist/cjs/services/embedCommunicator.d.ts

@@ -11,17 +11,17 @@ export declare class EmbedCommunicator {
     private isListening;
     private constructor();
     static getInstance(): EmbedCommunicator;
-    sendCorrelatedRequest<TReturn>(eventName: ActionEventName, moduleType: typeof MODULE_NAMES.SDK | typeof MODULE_NAMES.EDM | typeof MODULE_NAMES.WHITE_LABEL, payload?: ActionEventPayload): Promise<TReturn>;
-    setIFrameManager(mainModule: typeof MODULE_NAMES.SDK | typeof MODULE_NAMES.EDM | typeof MODULE_NAMES.WHITE_LABEL, iFrameManager: iFrameManager): void;
+    sendCorrelatedRequest<TReturn>(eventName: ActionEventName, moduleType: typeof MODULE_NAMES.SDK | typeof MODULE_NAMES.EDM | typeof MODULE_NAMES.EMBED_STUDIO | typeof MODULE_NAMES.WHITE_LABEL, payload?: ActionEventPayload): Promise<TReturn>;
+    setIFrameManager(mainModule: typeof MODULE_NAMES.SDK | typeof MODULE_NAMES.EDM | typeof MODULE_NAMES.EMBED_STUDIO | typeof MODULE_NAMES.WHITE_LABEL, iFrameManager: iFrameManager): void;
     setupListener(): void;
     private handleInboundMessageEvent;
     private handleInboundEvent;
     private handleInboundEventNotification;
     private getIframeManagerByMainModule;
     private isNotificationSuccess;
-    isValidBroadcastEvent(event: BroadcastEvent): false | import("../modules/edm/types").OnDesignStatusEvent | import("../modules/edm/types").OnErrorEvent | import("../modules/edm/types").OnFilePickerRequestedEvent | import("../modules/edm/types").StepResponse | import("../modules/white-label/types").OnShoppingCartUpdateEvent | import("../modules/edm/types/event/broadcastEventPayload.types").OnPricingStatusUpdateEventPayload | undefined;
+    isValidBroadcastEvent(event: BroadcastEvent): false | import("../modules/edm/types").OnDesignStatusEvent | import("../modules/edm/types").OnErrorEvent | import("../modules/edm/types").OnFilePickerRequestedEvent | import("../modules/edm/types").StepResponse | import("../modules/white-label/types").OnShoppingCartUpdateEvent | import("../modules/white-label/types").OnContentSizeChangeEvent | import("../modules/edm/types/event/broadcastEventPayload.types").OnPricingStatusUpdateEventPayload | undefined;
     private resolveSuccessfulEvent;
     handleBroadcastEvent(event: BroadcastEvent): void;
-    protected send(event: ActionEvent, moduleType: typeof MODULE_NAMES.SDK | typeof MODULE_NAMES.EDM | typeof MODULE_NAMES.WHITE_LABEL): void;
+    protected send(event: ActionEvent, moduleType: typeof MODULE_NAMES.SDK | typeof MODULE_NAMES.EDM | typeof MODULE_NAMES.EMBED_STUDIO | typeof MODULE_NAMES.WHITE_LABEL): void;
     cleanup(): void;
 }

package/dist/cjs/services/embedCommunicator.js

@@ -14,6 +14,7 @@ class EmbedCommunicator {
     iFrameManagers = {
         [moduleNames_1.MODULE_NAMES.SDK]: null,
         [moduleNames_1.MODULE_NAMES.EDM]: null,
+        [moduleNames_1.MODULE_NAMES.EMBED_STUDIO]: null,
         [moduleNames_1.MODULE_NAMES.WHITE_LABEL]: null,
     };
     isListening = false;

package/dist/cjs/services/embedStudio.d.ts

@@ -0,0 +1,20 @@
+import { EmbedStudioBroadcastModule } from '../modules/embed-studio/embedStudioBroadcastModule';
+import type { EmbedStudioParams, EmbedStudioConfig } from '../modules/embed-studio/types/data.types';
+import type { EmbedStudioBroadcastListeners } from '../modules/embed-studio/types/event/broadcastEvent.types';
+import type { SaveDesignResultPayload } from '../modules/embed-studio/types/event/resultEventPayload.types';
+import type { HandledResponse } from '../types/event/result/resultEventPayload.types';
+export declare class EmbedStudio {
+    private params;
+    private config?;
+    static BASE_URL: string;
+    static broadCastEventHandler: EmbedStudioBroadcastModule | null;
+    private iFrameManager;
+    private communicator;
+    private moduleLoader;
+    private initialized;
+    constructor(params: EmbedStudioParams, config?: EmbedStudioConfig | undefined, callbacks?: Partial<EmbedStudioBroadcastListeners>);
+    init(): Promise<void>;
+    saveDesign(): Promise<HandledResponse<SaveDesignResultPayload, Error>>;
+    destroy(): void;
+    static getBroadCastEventHandler(): EmbedStudioBroadcastModule;
+}

package/dist/cjs/services/embedStudio.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmbedStudio = void 0;
+const iFrameManager_1 = require("../services/iFrameManager");
+const embedCommunicator_1 = require("../services/embedCommunicator");
+const moduleLoaderService_1 = require("../services/moduleLoaderService");
+const embedStudioBroadcastModule_1 = require("../modules/embed-studio/embedStudioBroadcastModule");
+const moduleNames_1 = require("../modules/moduleNames");
+const version_1 = require("../version");
+const messageLogger_1 = require("../helpers/messageLogger");
+class EmbedStudio {
+    params;
+    config;
+    static BASE_URL = globalThis.__FYUL_TESTING_VARS__?.iframeUrl ??
+        'https://embed-studio.fyul.com';
+    static broadCastEventHandler = null;
+    iFrameManager = null;
+    communicator = embedCommunicator_1.EmbedCommunicator.getInstance();
+    moduleLoader = moduleLoaderService_1.ModuleLoaderService.getInstance();
+    initialized = false;
+    constructor(params, config, callbacks) {
+        this.params = params;
+        this.config = config;
+        EmbedStudio.broadCastEventHandler = new embedStudioBroadcastModule_1.EmbedStudioBroadcastModule(callbacks);
+        (0, messageLogger_1.setLoggerState)(params?.debug ?? false, messageLogger_1.SOURCES.EMBED_STUDIO);
+    }
+    async init() {
+        if (this.initialized) {
+            (0, messageLogger_1.logEmbedMessage)({
+                message: 'EmbedStudio already initialized',
+                logType: messageLogger_1.LOG_TYPES.WARN,
+            });
+            return;
+        }
+        const elementToBindTo = this.params.element ?? document.getElementById(this.params.elementId);
+        if (!elementToBindTo) {
+            (0, messageLogger_1.logEmbedMessage)({
+                message: 'Cant find element for EmbedStudio',
+                logType: messageLogger_1.LOG_TYPES.ERROR,
+            });
+            return;
+        }
+        this.iFrameManager = new iFrameManager_1.iFrameManager({
+            baseUrl: EmbedStudio.BASE_URL,
+            urlParams: {
+                nonce: this.params.nonce,
+                sdkMode: true,
+            },
+            class: this.params.iframeClassName,
+            elementToAppendTo: elementToBindTo,
+        });
+        await this.iFrameManager.create();
+        this.communicator.setIFrameManager(moduleNames_1.MODULE_NAMES.EMBED_STUDIO, this.iFrameManager);
+        this.communicator.setupListener();
+        const embedStudioModule = this.moduleLoader.getModule(moduleNames_1.MODULE_NAMES.EMBED_STUDIO);
+        const notification = await embedStudioModule.setup({
+            ...this.config,
+            ...this.params,
+            clientVersion: version_1.VERSION,
+        });
+        (0, messageLogger_1.logEmbedMessage)({
+            message: ['EmbedStudio setup notification', notification],
+            logType: messageLogger_1.LOG_TYPES.LOG,
+        });
+        this.initialized = true;
+    }
+    saveDesign() {
+        const module = this.moduleLoader.getModule(moduleNames_1.MODULE_NAMES.EMBED_STUDIO);
+        return module.saveDesign();
+    }
+    destroy() {
+        if (this.iFrameManager) {
+            this.iFrameManager.destroy();
+            this.iFrameManager = null;
+        }
+        this.communicator.cleanup();
+        this.moduleLoader.clearCache();
+        this.initialized = false;
+        EmbedStudio.broadCastEventHandler = null;
+    }
+    static getBroadCastEventHandler() {
+        if (!EmbedStudio.broadCastEventHandler) {
+            throw new Error('No active EmbedStudioBroadcastModule instance');
+        }
+        return EmbedStudio.broadCastEventHandler;
+    }
+}
+exports.EmbedStudio = EmbedStudio;

package/dist/cjs/services/whiteLabel.js

@@ -45,7 +45,6 @@ class WhiteLabel {
             baseUrl: WhiteLabel.BASE_URL,
             urlParams: {
                 nonce: this.nonce,
-                sdkMode: true,
             },
             class: this.params.iframeClassName,
             elementToAppendTo: elementToBindTo,

package/dist/cjs/types/event/action/actionEvent.types.d.ts

@@ -3,6 +3,7 @@ import { ActionEvent as CatalogActionEvent } from '../../../modules/catalog/type
 import { ActionEvent as MockupGenerationActionEvent } from '../../../modules/mockup-generation/types/event/actionEvent.types';
 import { ActionEvent as ProductPublishActionEvent } from '../../../modules/product-publish/types/event/actionEvent.types';
 import { ActionEvent as EdmActionEvent } from '../../../modules/edm/types/event/actionEvent.types';
+import { ActionEvent as EmbedStudioActionEvent } from '../../../modules/embed-studio/types/event/actionEvent.types';
 import { ActionEvent as WhiteLabelActionEvent } from '../../../modules/white-label/types/event/actionEvent.types';
 import { ALL_ACTION_EVENTS } from '../../../modules/events';
 import { Event } from '../../../types/event/event.types';
@@ -10,4 +11,4 @@ import { EVENT_TYPES } from '../../../modules/eventTypes';
 import { ActionEventPayload } from './actionEventPayload.types';
 export type ActionEventName = (typeof ALL_ACTION_EVENTS)[keyof typeof ALL_ACTION_EVENTS];
 export type BaseActionEvent<TName extends ActionEventName, TPayload extends ActionEventPayload> = Event<TName, typeof EVENT_TYPES.ACTION, TPayload>;
-export type ActionEvent = MockupGenerationActionEvent | CatalogActionEvent | ProductPublishActionEvent | SdkActionEvent | EdmActionEvent | WhiteLabelActionEvent;
+export type ActionEvent = MockupGenerationActionEvent | CatalogActionEvent | ProductPublishActionEvent | SdkActionEvent | EdmActionEvent | EmbedStudioActionEvent | WhiteLabelActionEvent;

package/dist/cjs/types/event/action/actionEventPayload.types.d.ts

@@ -3,5 +3,6 @@ import { ActionEventPayload as CatalogEventPayload } from '../../../modules/cata
 import { ActionEventPayload as MockupGenerationEventPayload } from '../../../modules/mockup-generation/types/event/actionEventPayload.types';
 import { ActionEventPayload as ProductPublishEventPayload } from '../../../modules/product-publish/types/event/actionEventPayload.types';
 import { ActionEventPayload as EdmEventPayload } from '../../../modules/edm/types/event/actionEventPayload.types';
+import { ActionEventPayload as EmbedStudioActionEventPayload } from '../../../modules/embed-studio/types/event/actionEventPayload.types';
 import { ActionEventPayload as WhiteLabelEventPayload } from '../../../modules/white-label/types/event/actionEventPayload.types';
-export type ActionEventPayload = LoadModulePayload | MockupGenerationEventPayload | CatalogEventPayload | SdkEventPayload | ProductPublishEventPayload | EdmEventPayload | WhiteLabelEventPayload | undefined;
+export type ActionEventPayload = LoadModulePayload | MockupGenerationEventPayload | CatalogEventPayload | SdkEventPayload | ProductPublishEventPayload | EdmEventPayload | EmbedStudioActionEventPayload | WhiteLabelEventPayload | undefined;

package/dist/cjs/types/event/broadcast/broadcastEventMap.d.ts

@@ -4,6 +4,7 @@ import { OnPricingStatusUpdate } from '../../../modules/edm/broadcastEvents/onPr
 import { OnFilePickerRequested } from '../../../modules/edm/broadcastEvents/onFilePickerRequested';
 import { OnErrorUpdate } from '../../../modules/edm/broadcastEvents/onErrorUpdate';
 import { OnShoppingCartUpdate } from '../../../modules/white-label/broadcastEvents/onShoppingCartUpdate';
+import { OnContentSizeChange } from '../../../modules/white-label/broadcastEvents/onContentSizeChange';
 export declare const BROADCAST_EVENT_MAP: {
     onDesignStatusUpdate: typeof OnDesignStatusUpdate;
     onFilePickerRequested: typeof OnFilePickerRequested;
@@ -11,4 +12,5 @@ export declare const BROADCAST_EVENT_MAP: {
     onPricingStatusUpdate: typeof OnPricingStatusUpdate;
     onError: typeof OnErrorUpdate;
     onShoppingCartUpdate: typeof OnShoppingCartUpdate;
+    onContentSizeChange: typeof OnContentSizeChange;
 };

package/dist/cjs/types/event/broadcast/broadcastEventMap.js

@@ -8,11 +8,15 @@ const onPricingStatusUpdate_1 = require("../../../modules/edm/broadcastEvents/on
 const onFilePickerRequested_1 = require("../../../modules/edm/broadcastEvents/onFilePickerRequested");
 const onErrorUpdate_1 = require("../../../modules/edm/broadcastEvents/onErrorUpdate");
 const onShoppingCartUpdate_1 = require("../../../modules/white-label/broadcastEvents/onShoppingCartUpdate");
+const onContentSizeChange_1 = require("../../../modules/white-label/broadcastEvents/onContentSizeChange");
 exports.BROADCAST_EVENT_MAP = {
+    // EDM
     [events_1.ALL_BROADCAST_EVENTS.ON_DESIGN_STATUS_UPDATE]: onDesignStatusUpdate_1.OnDesignStatusUpdate,
     [events_1.ALL_BROADCAST_EVENTS.ON_FILE_PICKER_REQUESTED]: onFilePickerRequested_1.OnFilePickerRequested,
     [events_1.ALL_BROADCAST_EVENTS.ON_STEP_STATUS_UPDATE]: onStepStatusUpdate_1.OnStepStatusUpdate,
     [events_1.ALL_BROADCAST_EVENTS.ON_PRICING_STATUS_UPDATE]: onPricingStatusUpdate_1.OnPricingStatusUpdate,
     [events_1.ALL_BROADCAST_EVENTS.ON_INTERNAL_ERROR]: onErrorUpdate_1.OnErrorUpdate,
+    // EWL
     [events_1.ALL_BROADCAST_EVENTS.ON_SHOPPING_CART_UPDATE]: onShoppingCartUpdate_1.OnShoppingCartUpdate,
+    [events_1.ALL_BROADCAST_EVENTS.ON_CONTENT_SIZE_CHANGE]: onContentSizeChange_1.OnContentSizeChange,
 };

package/dist/cjs/types/event/result/resultEvent.types.d.ts

@@ -2,6 +2,7 @@ import { ResultEvent as CatalogResultEvent } from '../../../modules/catalog/type
 import { ResultEvent as MockupGenerationResultEvent } from '../../../modules/mockup-generation/types/event/resultEvent.types';
 import { ResultEvent as ProductPublishResultEvent } from '../../../modules/product-publish/types/event/resultEvent.types';
 import { ResultEvent as EdmResultPayload } from '../../../modules/edm/types/event/resultEvent.types';
+import { ResultEvent as EmbedStudioResultEvent } from '../../../modules/embed-studio/types/event/resultEvent.types';
 import { ResultEvent as WhiteLabelResultPayload } from '../../../modules/white-label/types/event/resultEvent.types';
 import { ResultEventPayload } from './resultEventPayload.types';
 import { EVENT_TYPES } from '../../../modules/eventTypes';
@@ -9,4 +10,4 @@ import { Event } from '../../../types/event/event.types';
 import { ALL_RESULT_EVENTS } from '../../../modules/events';
 export type ResultEventName = (typeof ALL_RESULT_EVENTS)[keyof typeof ALL_RESULT_EVENTS];
 export type BaseResultEvent<TName extends ResultEventName, TPayload extends ResultEventPayload> = Event<TName, typeof EVENT_TYPES.RESULT, TPayload>;
-export type ResultEvent = MockupGenerationResultEvent | CatalogResultEvent | ProductPublishResultEvent | EdmResultPayload | WhiteLabelResultPayload;
+export type ResultEvent = MockupGenerationResultEvent | CatalogResultEvent | ProductPublishResultEvent | EdmResultPayload | EmbedStudioResultEvent | WhiteLabelResultPayload;

package/dist/cjs/types/event/result/resultEventPayload.types.d.ts

@@ -2,8 +2,9 @@ import type { CatalogResultPayload } from '../../../modules/catalog/types';
 import type { MockupGenerationResultPayload } from '../../../modules/mockup-generation/types';
 import type { ProductPublishResultPayload } from '../../../modules/product-publish/types';
 import type { EdmResultPayload } from '../../../modules/edm/types/event/resultEventPayload.types';
+import type { EmbedStudioResultPayload } from '../../../modules/embed-studio/types/event/resultEventPayload.types';
 import type { WhiteLabelResultPayload } from '../../../modules/white-label/types/event/resultEventPayload.types';
-export type ResultEventPayload = MockupGenerationResultPayload | CatalogResultPayload | ProductPublishResultPayload | EdmResultPayload | WhiteLabelResultPayload;
+export type ResultEventPayload = MockupGenerationResultPayload | CatalogResultPayload | ProductPublishResultPayload | EdmResultPayload | EmbedStudioResultPayload | WhiteLabelResultPayload;
 export type HandledResponse<T, K extends Error> = {
     data: T;
     error: null;

package/dist/cjs/types/module/module.types.d.ts

@@ -5,9 +5,11 @@ import { GetCatalogCategoriesResultPayload, GetCatalogProductsByIdsPayload, GetC
 import { NotificationEventPayload } from '../../types/event/notification/notificationEventPayload.types';
 import { DeleteProductsPayload, DeleteProductResultPayload, GetProductPublishPayload, GetSavedProductsPayload, GetSavedProductsResultPayload, ProductPublishData } from '../../modules/product-publish/types';
 import { OnDesignStatusEventPayload, OnErrorEventPayload, OnFilePickerRequestedEventPayload, OnPricingStatusUpdateEventPayload, OnStepStatusUpdateEventPayload } from '../../modules/edm/types/event/broadcastEventPayload.types';
+import { OnDesignStatusEventPayload as EmbedStudioOnDesignStatusEventPayload, OnErrorEventPayload as EmbedStudioOnErrorEventPayload } from '../../modules/embed-studio/types/event/broadcastEventPayload.types';
 import { AddImagePayload, AddImageResultPayload, InitializeEdmPayload, NavigateStepPayload, NavigateStepResultPayload, SaveDesignResultPayload, SetStylePayload, SetStyleResultPayload } from '../../modules/edm/types';
+import { InitializeEmbedStudioPayload, SaveDesignResultPayload as EmbedStudioSaveDesignResultPayload } from '../../modules/embed-studio/types';
 import { InitializeWhiteLabelPayload, GoToViewResultPayload, GoToViewPayload } from '../../modules/white-label/types';
-import { OnShoppingCartUpdateEventPayload } from '../../modules/white-label/types/event/broadcastEventPayload.types';
+import { OnShoppingCartUpdateEventPayload, OnContentSizeChangeEventPayload } from '../../modules/white-label/types/event/broadcastEventPayload.types';
 /** This file ensures that Iframe and SDK has the same source of truth for return values */
 export type ModuleName = (typeof MODULE_NAMES)[keyof typeof MODULE_NAMES];
 export interface ISdkModule {
@@ -35,6 +37,10 @@ export interface IEdmModule {
     setStyle(payload: SetStylePayload): SetStyleResultPayload;
     navigateStep(payload: NavigateStepPayload): NavigateStepResultPayload;
 }
+export interface IEmbedStudioModule {
+    setup(config?: InitializeEmbedStudioPayload): NotificationEventPayload | void;
+    saveDesign(): EmbedStudioSaveDesignResultPayload;
+}
 export interface IEdmBroadcastModule {
     onDesignStatusUpdate(event: OnDesignStatusEventPayload): void;
     onFilePickerRequested(event: OnFilePickerRequestedEventPayload): void;
@@ -42,10 +48,15 @@ export interface IEdmBroadcastModule {
     onStepStatusUpdate(event: OnStepStatusUpdateEventPayload): void;
     onErrorUpdate(event: OnErrorEventPayload): void;
 }
+export interface IEmbedStudioBroadcastModule {
+    onDesignStatusUpdate(event: EmbedStudioOnDesignStatusEventPayload): void;
+    onErrorUpdate(event: EmbedStudioOnErrorEventPayload): void;
+}
 export interface IWhiteLabelModule {
     setup(config: InitializeWhiteLabelPayload): NotificationEventPayload | void;
     goToView(event: GoToViewPayload): GoToViewResultPayload;
 }
 export interface IWhiteLabelBroadcastModule {
     onShoppingCartUpdate(event: OnShoppingCartUpdateEventPayload): void;
+    onContentSizeChange(event: OnContentSizeChangeEventPayload): void;
 }

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION: "2.5.21";
+export declare const VERSION: "2.7.0";

package/dist/cjs/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 // AUTO-GENERATED
-exports.VERSION = '2.5.21';
+exports.VERSION = '2.7.0';

package/dist/esm/helpers/messageLogger.d.ts

@@ -8,6 +8,7 @@ export declare const SOURCES: {
     readonly HOST: "Host";
     readonly SDK: "SDK";
     readonly EDM: "EDM";
+    readonly EMBED_STUDIO: "EmbedStudio";
     readonly WHITE_LABEL: "WhiteLabel";
 };
 export interface MessageLoggerState {

package/dist/esm/helpers/messageLogger.js

@@ -8,6 +8,7 @@ export const SOURCES = {
     HOST: 'Host',
     SDK: 'SDK',
     EDM: 'EDM',
+    EMBED_STUDIO: 'EmbedStudio',
     WHITE_LABEL: 'WhiteLabel',
 };
 export const messageLoggerState = {
@@ -29,6 +30,7 @@ function getSourceStyle(source) {
         font-weight: bold;
       `;
         case SOURCES.EDM:
+        case SOURCES.EMBED_STUDIO:
         case SOURCES.SDK:
         case SOURCES.WHITE_LABEL:
             return `

package/dist/esm/index.d.ts

@@ -1,5 +1,6 @@
 export { Embed } from './services/embed';
 export { EDM } from './services/edm';
+export { EmbedStudio } from './services/embedStudio';
 export { WhiteLabel } from './services/whiteLabel';
 export * from './types/event/event.types';
 export * from './types/event/eventPayload.types';
@@ -16,6 +17,7 @@ export * as MockupGenerationModule from './modules/mockup-generation/types';
 export * as ProductPublishModule from './modules/product-publish/types';
 export * as SdkModule from './modules/sdk/types';
 export * as EdmModule from './modules/edm/types';
+export * as EmbedStudioModule from './modules/embed-studio/types';
 export * as WhiteLabelModule from './modules/white-label/types';
 export { ALL_EVENTS } from './modules/events';
 export { MODULE_NAMES } from './modules/modules';

package/dist/esm/index.js

@@ -1,5 +1,6 @@
 export { Embed } from './services/embed';
 export { EDM } from './services/edm';
+export { EmbedStudio } from './services/embedStudio';
 export { WhiteLabel } from './services/whiteLabel';
 /* EXPORTS */
 // TODO: properly foldered exports?
@@ -20,6 +21,7 @@ export * as MockupGenerationModule from './modules/mockup-generation/types';
 export * as ProductPublishModule from './modules/product-publish/types';
 export * as SdkModule from './modules/sdk/types';
 export * as EdmModule from './modules/edm/types';
+export * as EmbedStudioModule from './modules/embed-studio/types';
 export * as WhiteLabelModule from './modules/white-label/types';
 // Constants
 export { ALL_EVENTS } from './modules/events';

package/dist/esm/modules/baseModule.d.ts

@@ -4,7 +4,7 @@ import { ResultEventPayload } from '../types/event/result/resultEventPayload.typ
 import { NotificationEventPayload } from '../types/event/notification/notificationEventPayload.types';
 import type { MODULE_NAMES } from '../modules/moduleNames';
 export declare abstract class BaseModule {
-    protected moduleType: typeof MODULE_NAMES.SDK | typeof MODULE_NAMES.EDM | typeof MODULE_NAMES.WHITE_LABEL;
-    constructor(moduleType: typeof MODULE_NAMES.SDK | typeof MODULE_NAMES.EDM | typeof MODULE_NAMES.WHITE_LABEL);
+    protected moduleType: typeof MODULE_NAMES.SDK | typeof MODULE_NAMES.EDM | typeof MODULE_NAMES.EMBED_STUDIO | typeof MODULE_NAMES.WHITE_LABEL;
+    constructor(moduleType: typeof MODULE_NAMES.SDK | typeof MODULE_NAMES.EDM | typeof MODULE_NAMES.EMBED_STUDIO | typeof MODULE_NAMES.WHITE_LABEL);
     protected sendRequest<T extends ResultEventPayload | NotificationEventPayload>(eventName: ActionEventName, eventPayload?: ActionEventPayload): Promise<T>;
 }

package/dist/esm/modules/edm/types/data.types.d.ts

@@ -43,7 +43,7 @@ export interface DetailsEditStepConfig {
         /** Maximal length for description input */
         descriptionMaxLength?: number;
         /** Shows main selected mockup if mockup step was used */
-        showMainMockup?: number;
+        showMainMockup?: boolean;
     };
 }
 export interface TosScreenConfig {

package/dist/esm/modules/embed-studio/broadcastEvents/baseEmbedStudioBroadcastEvent.d.ts

@@ -0,0 +1,6 @@
+import { BroadcastEventPayload } from '../../../modules/embed-studio/types/event/broadcastEventPayload.types';
+import { BaseBroadcastEventHandler } from '../../../types/event/broadcast/baseBroadcastEventHandler';
+export declare abstract class BaseEmbedStudioBroadcastEvent implements BaseBroadcastEventHandler {
+    abstract handle(event: BroadcastEventPayload): void;
+    get broadcastHandler(): import("../embedStudioBroadcastModule").EmbedStudioBroadcastModule;
+}

package/dist/esm/modules/embed-studio/broadcastEvents/baseEmbedStudioBroadcastEvent.js

@@ -0,0 +1,6 @@
+import { EmbedStudio } from '../../../services/embedStudio';
+export class BaseEmbedStudioBroadcastEvent {
+    get broadcastHandler() {
+        return EmbedStudio.getBroadCastEventHandler();
+    }
+}

package/dist/esm/modules/embed-studio/broadcastEvents/onDesignStatusUpdate.d.ts

@@ -0,0 +1,5 @@
+import { OnDesignStatusEventPayload } from '../../../modules/embed-studio/types/event/broadcastEventPayload.types';
+import { BaseEmbedStudioBroadcastEvent } from '../../../modules/embed-studio/broadcastEvents/baseEmbedStudioBroadcastEvent';
+export declare class OnDesignStatusUpdate extends BaseEmbedStudioBroadcastEvent {
+    handle(event: OnDesignStatusEventPayload): void;
+}

package/dist/esm/modules/embed-studio/broadcastEvents/onDesignStatusUpdate.js

@@ -0,0 +1,6 @@
+import { BaseEmbedStudioBroadcastEvent } from '../../../modules/embed-studio/broadcastEvents/baseEmbedStudioBroadcastEvent';
+export class OnDesignStatusUpdate extends BaseEmbedStudioBroadcastEvent {
+    handle(event) {
+        this.broadcastHandler.onDesignStatusUpdate(event);
+    }
+}

package/dist/esm/modules/embed-studio/broadcastEvents/onErrorUpdate.d.ts

@@ -0,0 +1,5 @@
+import { OnErrorEventPayload } from '../../../modules/embed-studio/types/event/broadcastEventPayload.types';
+import { BaseEmbedStudioBroadcastEvent } from '../../../modules/embed-studio/broadcastEvents/baseEmbedStudioBroadcastEvent';
+export declare class OnErrorUpdate extends BaseEmbedStudioBroadcastEvent {
+    handle(event: OnErrorEventPayload): void;
+}

package/dist/esm/modules/embed-studio/broadcastEvents/onErrorUpdate.js

@@ -0,0 +1,6 @@
+import { BaseEmbedStudioBroadcastEvent } from '../../../modules/embed-studio/broadcastEvents/baseEmbedStudioBroadcastEvent';
+export class OnErrorUpdate extends BaseEmbedStudioBroadcastEvent {
+    handle(event) {
+        this.broadcastHandler.onErrorUpdate(event);
+    }
+}

package/dist/esm/modules/embed-studio/embedStudioBroadcastModule.d.ts

@@ -0,0 +1,9 @@
+import { IEmbedStudioBroadcastModule } from '../../types/module/module.types';
+import { EmbedStudioBroadcastListeners } from '../../modules/embed-studio/types/event/broadcastEvent.types';
+import { OnDesignStatusEventPayload, OnErrorEventPayload } from '../../modules/embed-studio/types/event/broadcastEventPayload.types';
+export declare class EmbedStudioBroadcastModule implements IEmbedStudioBroadcastModule {
+    protected listeners?: Partial<EmbedStudioBroadcastListeners>;
+    constructor(listeners?: Partial<EmbedStudioBroadcastListeners>);
+    onDesignStatusUpdate(event: OnDesignStatusEventPayload): void;
+    onErrorUpdate(event: OnErrorEventPayload): void;
+}

package/dist/esm/modules/embed-studio/embedStudioBroadcastModule.js

@@ -0,0 +1,16 @@
+export class EmbedStudioBroadcastModule {
+    listeners;
+    constructor(listeners) {
+        this.listeners = listeners;
+    }
+    onDesignStatusUpdate(event) {
+        if (this.listeners?.onDesignStatusUpdate) {
+            this.listeners.onDesignStatusUpdate(event);
+        }
+    }
+    onErrorUpdate(event) {
+        if (this.listeners?.onError) {
+            this.listeners.onError(event);
+        }
+    }
+}

package/dist/esm/modules/embed-studio/embedStudioModule.d.ts

@@ -0,0 +1,10 @@
+import { IEmbedStudioModule } from '../../types/module/module.types';
+import { BaseModule } from '../../modules/baseModule';
+import { InitializeEmbedStudioPayload, SaveDesignResultPayload } from './types';
+import { NotificationEventPayload } from '../../types/event/notification/notificationEventPayload.types';
+import { WithHandledResponses } from '../../helpers/typeHelper.types';
+export declare class EmbedStudioModule extends BaseModule implements WithHandledResponses<IEmbedStudioModule> {
+    constructor();
+    setup(payload?: InitializeEmbedStudioPayload): Promise<NotificationEventPayload>;
+    saveDesign(): Promise<import("../..").HandledResponse<SaveDesignResultPayload, Error>>;
+}

package/dist/esm/modules/embed-studio/embedStudioModule.js

@@ -0,0 +1,17 @@
+import { BaseModule } from '../../modules/baseModule';
+import { EVENTS_ACTION } from './events';
+import { handleResponse } from '../../helpers/responseHandler';
+import { MODULE_NAMES } from '../../modules/modules';
+export class EmbedStudioModule extends BaseModule {
+    constructor() {
+        super(MODULE_NAMES.EMBED_STUDIO);
+    }
+    // @ts-expect-error setup does not return data
+    async setup(payload) {
+        return await this.sendRequest(EVENTS_ACTION.INITIALIZE_EMBED_STUDIO, payload);
+    }
+    async saveDesign() {
+        const response = await this.sendRequest(EVENTS_ACTION.SAVE_DESIGN, {}).catch((e) => e);
+        return handleResponse(response, 'Failed to save design');
+    }
+}