@fyul/embed-sdk 2.5.21 → 2.6.0

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

@@ -11,8 +11,8 @@ 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;
@@ -22,6 +22,6 @@ export declare class EmbedCommunicator {
     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;
     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/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/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,7 +5,9 @@ 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';
 /** This file ensures that Iframe and SDK has the same source of truth for return values */
@@ -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,6 +48,10 @@ 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;

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION: "2.5.21";
+export declare const VERSION: "2.6.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.6.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/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');
+    }
+}

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

@@ -0,0 +1,26 @@
+export declare const EVENTS_ACTION: {
+    readonly INITIALIZE_EMBED_STUDIO: "actionInitializeEdm";
+    readonly SAVE_DESIGN: "actionSaveDesign";
+    readonly SET_STORE_CONTEXT: "actionSetStoreContext";
+};
+export declare const EVENTS_NOTIFICATION: {
+    readonly EMBED_STUDIO_INITIALIZATION_SUCCESS: "notificationEdmInitializationSuccess";
+    readonly SAVE_DESIGN_FAILURE: "actionSaveDesignFailure";
+};
+export declare const EVENTS_RESULT: {
+    readonly SAVE_DESIGN_RESULT: "resultSaveDesign";
+};
+export declare const EVENT_BROADCAST: {
+    readonly ON_DESIGN_STATUS_UPDATE: "onDesignStatusUpdate";
+    readonly ON_INTERNAL_ERROR: "onError";
+};
+export declare const EVENTS: {
+    readonly ON_DESIGN_STATUS_UPDATE: "onDesignStatusUpdate";
+    readonly ON_INTERNAL_ERROR: "onError";
+    readonly SAVE_DESIGN_RESULT: "resultSaveDesign";
+    readonly EMBED_STUDIO_INITIALIZATION_SUCCESS: "notificationEdmInitializationSuccess";
+    readonly SAVE_DESIGN_FAILURE: "actionSaveDesignFailure";
+    readonly INITIALIZE_EMBED_STUDIO: "actionInitializeEdm";
+    readonly SAVE_DESIGN: "actionSaveDesign";
+    readonly SET_STORE_CONTEXT: "actionSetStoreContext";
+};

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

@@ -0,0 +1,22 @@
+export const EVENTS_ACTION = {
+    INITIALIZE_EMBED_STUDIO: 'actionInitializeEdm',
+    SAVE_DESIGN: 'actionSaveDesign',
+    SET_STORE_CONTEXT: 'actionSetStoreContext',
+};
+export const EVENTS_NOTIFICATION = {
+    EMBED_STUDIO_INITIALIZATION_SUCCESS: 'notificationEdmInitializationSuccess',
+    SAVE_DESIGN_FAILURE: 'actionSaveDesignFailure',
+};
+export const EVENTS_RESULT = {
+    SAVE_DESIGN_RESULT: 'resultSaveDesign',
+};
+export const EVENT_BROADCAST = {
+    ON_DESIGN_STATUS_UPDATE: 'onDesignStatusUpdate',
+    ON_INTERNAL_ERROR: 'onError',
+};
+export const EVENTS = {
+    ...EVENTS_ACTION,
+    ...EVENTS_NOTIFICATION,
+    ...EVENTS_RESULT,
+    ...EVENT_BROADCAST,
+};

package/dist/esm/modules/embed-studio/types/data.types.d.ts

@@ -0,0 +1,46 @@
+export interface EmbedStudioConfig {
+}
+export type EmbedStudioParams = ({
+    element: HTMLElement;
+    elementId?: null;
+} & EmbedStudioCommonParams) | ({
+    elementId: string;
+    element?: null;
+} & EmbedStudioCommonParams);
+export interface EmbedStudioCommonParams {
+    nonce: string;
+    externalProductId: string;
+    iframeClassName?: string;
+    origin?: string;
+    initProduct?: {
+        productId: number;
+        printProviderId?: number;
+        technique?: string;
+        forceOrientation?: 'horizontal' | 'vertical' | string;
+    };
+    debug?: boolean;
+}
+export interface Message {
+    type: string;
+    message: string;
+    messageCode: string;
+}
+export interface FyulTemplate {
+    id: string;
+    external_product_id: string;
+    colors: string[];
+    sizes: string[];
+    technique: string;
+}
+export interface OnDesignStatusEvent {
+    designChanged: boolean;
+    designValid: boolean;
+    usedPlacements: string[];
+    selectedVariantIds: number[];
+    subTechnique: string;
+    errors: string[];
+    fatalErrors: Message[];
+}
+export interface OnErrorEvent {
+    error: string | Error;
+}

package/dist/esm/modules/embed-studio/types/data.types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/modules/embed-studio/types/event/actionEvent.types.d.ts

@@ -0,0 +1,7 @@
+import { EVENTS_ACTION } from '../../../../modules/embed-studio/events';
+import { InitializeEmbedStudioPayload, SetStoreContextPayload } from '../../../../modules/embed-studio/types';
+import { BaseActionEvent } from '../../../../types/event/action/actionEvent.types';
+export type InitializeEmbedStudioAction = BaseActionEvent<typeof EVENTS_ACTION.INITIALIZE_EMBED_STUDIO, InitializeEmbedStudioPayload>;
+export type SaveDesignAction = BaseActionEvent<typeof EVENTS_ACTION.SAVE_DESIGN, undefined>;
+export type SetStoreContextAction = BaseActionEvent<typeof EVENTS_ACTION.SET_STORE_CONTEXT, SetStoreContextPayload>;
+export type ActionEvent = InitializeEmbedStudioAction | SaveDesignAction | SetStoreContextAction;

package/dist/esm/modules/embed-studio/types/event/actionEvent.types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/modules/embed-studio/types/event/actionEventPayload.types.d.ts

@@ -0,0 +1,9 @@
+import { EmbedStudioConfig, EmbedStudioParams } from '../../../../modules/embed-studio/types/data.types';
+export type InitializeEmbedStudioPayload = EmbedStudioConfig & EmbedStudioParams & InitializeEmbedStudioPayloadWithVersion;
+export interface InitializeEmbedStudioPayloadWithVersion {
+    clientVersion: string;
+}
+export interface SetStoreContextPayload {
+    storeId: string;
+}
+export type ActionEventPayload = InitializeEmbedStudioPayloadWithVersion | SetStoreContextPayload;

package/dist/esm/modules/embed-studio/types/event/actionEventPayload.types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/modules/embed-studio/types/event/broadcastEvent.types.d.ts

@@ -0,0 +1,9 @@
+import { EVENT_BROADCAST } from '../../../../modules/embed-studio/events';
+import { BaseBroadcastEvent } from '../../../../types/event/broadcast/broadcastEvent.types';
+import { OnDesignStatusEventPayload, OnErrorEventPayload } from '../../../../modules/embed-studio/types/event/broadcastEventPayload.types';
+export type OnDesignStatusUpdateBroadcast = BaseBroadcastEvent<typeof EVENT_BROADCAST.ON_DESIGN_STATUS_UPDATE, OnDesignStatusEventPayload>;
+export type OnErrorUpdateBroadcast = BaseBroadcastEvent<typeof EVENT_BROADCAST.ON_INTERNAL_ERROR, OnErrorEventPayload>;
+export type EmbedStudioBroadcastEvent = OnDesignStatusUpdateBroadcast | OnErrorUpdateBroadcast;
+export type EmbedStudioBroadcastListeners = {
+    [K in EmbedStudioBroadcastEvent as K['name']]: (event: Exclude<K['payload'], undefined>) => void;
+};

package/dist/esm/modules/embed-studio/types/event/broadcastEvent.types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/modules/embed-studio/types/event/broadcastEventPayload.types.d.ts

@@ -0,0 +1,4 @@
+import { OnDesignStatusEvent, OnErrorEvent } from '../../../../modules/embed-studio/types/data.types';
+export type OnDesignStatusEventPayload = OnDesignStatusEvent;
+export type OnErrorEventPayload = OnErrorEvent;
+export type BroadcastEventPayload = OnDesignStatusEventPayload | OnErrorEventPayload;

package/dist/esm/modules/embed-studio/types/event/broadcastEventPayload.types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/modules/embed-studio/types/event/resultEvent.types.d.ts

@@ -0,0 +1,5 @@
+import { BaseResultEvent } from '../../../../types/event/result/resultEvent.types';
+import type { EVENTS_RESULT } from '../../../../modules/embed-studio/events';
+import { SaveDesignResultPayload } from '../../../../modules/embed-studio/types/event/resultEventPayload.types';
+export type SaveDesignResultEvent = BaseResultEvent<typeof EVENTS_RESULT.SAVE_DESIGN_RESULT, SaveDesignResultPayload>;
+export type ResultEvent = SaveDesignResultEvent;

package/dist/esm/modules/embed-studio/types/event/resultEvent.types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/modules/embed-studio/types/event/resultEventPayload.types.d.ts

@@ -0,0 +1,5 @@
+import { FyulTemplate } from '../../../../modules/embed-studio/types/data.types';
+export type SaveDesignResultPayload = {
+    template: FyulTemplate;
+};
+export type EmbedStudioResultPayload = SaveDesignResultPayload;

package/dist/esm/modules/embed-studio/types/event/resultEventPayload.types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/modules/embed-studio/types/index.d.ts

@@ -0,0 +1,8 @@
+export * from '../../../modules/embed-studio/types/data.types';
+export * from '../../../modules/embed-studio/types/event/actionEvent.types';
+export * from '../../../modules/embed-studio/types/event/actionEventPayload.types';
+export * from '../../../modules/embed-studio/types/event/resultEvent.types';
+export * from '../../../modules/embed-studio/types/event/resultEventPayload.types';
+export * from '../../../modules/embed-studio/types/event/broadcastEventPayload.types';
+export * from '../../../modules/embed-studio/types/event/broadcastEvent.types';
+export * from '../../../modules/embed-studio/events';

package/dist/esm/modules/embed-studio/types/index.js

@@ -0,0 +1,11 @@
+// Data types
+export * from '../../../modules/embed-studio/types/data.types';
+// Event types
+export * from '../../../modules/embed-studio/types/event/actionEvent.types';
+export * from '../../../modules/embed-studio/types/event/actionEventPayload.types';
+export * from '../../../modules/embed-studio/types/event/resultEvent.types';
+export * from '../../../modules/embed-studio/types/event/resultEventPayload.types';
+export * from '../../../modules/embed-studio/types/event/broadcastEventPayload.types';
+export * from '../../../modules/embed-studio/types/event/broadcastEvent.types';
+// Event names
+export * from '../../../modules/embed-studio/events';