@fyul/embed-sdk 2.5.21 → 2.7.0

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';

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

@@ -5,7 +5,7 @@ export declare const EVENT_TYPES: {
     readonly RESULT: "result";
     readonly BROADCAST: "broadcast";
 };
-export declare function isAction(event: AnyEvent): event is import("./sdk/types").InitializeSdkAction | import("./sdk/types").LoadModuleAction | import("./mockup-generation/types").GetMockupsAction | import("./mockup-generation/types").GetMoreMockupsAction | import("./mockup-generation/types").AdjustMockupAction | import("./edm/types").InitializeEdmAction | import("./edm/types").SaveDesignAction | import("./edm/types").AddImageAction | import("./edm/types").NavigateStepAction | import("./white-label/types").InitializeWhiteLabelAction | import("./catalog/types").GetCatalogCategoriesAction | import("./catalog/types").GetCatalogProductsByIdsAction | import("./catalog/types").GetCatalogProductsAction | import("./catalog/types").GetSingleCatalogProductAction | import("./product-publish/types").DeleteProductsAction | import("./product-publish/types").GetSavedProductsAction | import("./product-publish/types").GetProductPublishAction;
+export declare function isAction(event: AnyEvent): event is import("./sdk/types").InitializeSdkAction | import("./sdk/types").LoadModuleAction | import("./mockup-generation/types").GetMockupsAction | import("./mockup-generation/types").GetMoreMockupsAction | import("./mockup-generation/types").AdjustMockupAction | import("./edm/types").InitializeEdmAction | import("./edm/types").SaveDesignAction | import("./edm/types").AddImageAction | import("./edm/types").NavigateStepAction | import("./white-label/types").InitializeWhiteLabelAction | import("./catalog/types").GetCatalogCategoriesAction | import("./catalog/types").GetCatalogProductsByIdsAction | import("./catalog/types").GetCatalogProductsAction | import("./catalog/types").GetSingleCatalogProductAction | import("./product-publish/types").DeleteProductsAction | import("./product-publish/types").GetSavedProductsAction | import("./product-publish/types").GetProductPublishAction | import("./embed-studio/types").InitializeEmbedStudioAction | import("./embed-studio/types").SaveDesignAction | import("./embed-studio/types").SetStoreContextAction;
 export declare function isNotification(event: AnyEvent): event is import("..").NotificationEvent;
-export declare function isResult(event: AnyEvent): event is import("./catalog/types").GetCatalogProductsResult | import("./catalog/types").GetSingleCatalogProductResult | import("./catalog/types").GetCatalogCategoriesResult | import("./product-publish/types").GetProductPublishResult | import("./product-publish/types").GetSavedProductsResult | import("./product-publish/types").GetSavedProductMockupsResult | import("./product-publish/types").DeleteProductsResult | import("./edm/types").SaveDesignResultEvent | import("./edm/types").AddImageResultEvent | import("./edm/types").SetStyleResultEvent | import("./edm/types").NavigateStepResultEvent | import("./mockup-generation/types").GetMockupsResultEvent | import("./mockup-generation/types").GetMoreMockupsResultEvent | import("./mockup-generation/types").AdjustMockupResultEvent | import("./white-label/types").GoToViewResultEvent;
-export declare function isBroadcast(event: AnyEvent): event is import("./edm/types/event/broadcastEvent.types").OnDesignStatusUpdateBroadcast | import("./edm/types/event/broadcastEvent.types").OnPricingStatusUpdateBroadcast | import("./edm/types/event/broadcastEvent.types").OnFilePickerRequestBroadcast | import("./edm/types/event/broadcastEvent.types").OnStepStatusUpdateBroadcast | import("./edm/types/event/broadcastEvent.types").OnErrorUpdateBroadcast | import("./white-label/types").OnShoppingCartUpdateBroadcast;
+export declare function isResult(event: AnyEvent): event is import("./catalog/types").GetCatalogProductsResult | import("./catalog/types").GetSingleCatalogProductResult | import("./catalog/types").GetCatalogCategoriesResult | import("./product-publish/types").GetProductPublishResult | import("./product-publish/types").GetSavedProductsResult | import("./product-publish/types").GetSavedProductMockupsResult | import("./product-publish/types").DeleteProductsResult | import("./edm/types").SaveDesignResultEvent | import("./edm/types").AddImageResultEvent | import("./edm/types").SetStyleResultEvent | import("./edm/types").NavigateStepResultEvent | import("./embed-studio/types").SaveDesignResultEvent | import("./mockup-generation/types").GetMockupsResultEvent | import("./mockup-generation/types").GetMoreMockupsResultEvent | import("./mockup-generation/types").AdjustMockupResultEvent | import("./white-label/types").GoToViewResultEvent;
+export declare function isBroadcast(event: AnyEvent): event is import("./edm/types/event/broadcastEvent.types").OnDesignStatusUpdateBroadcast | import("./edm/types/event/broadcastEvent.types").OnPricingStatusUpdateBroadcast | import("./edm/types/event/broadcastEvent.types").OnFilePickerRequestBroadcast | import("./edm/types/event/broadcastEvent.types").OnStepStatusUpdateBroadcast | import("./edm/types/event/broadcastEvent.types").OnErrorUpdateBroadcast | import("./white-label/types").OnShoppingCartUpdateBroadcast | import("./white-label/types").OnContentSizeChangeBroadcast;

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

@@ -1,8 +1,10 @@
 export declare const ALL_ACTION_EVENTS: {
     readonly INITIALIZE_WHITE_LABEL: "actionInitializeWhiteLabel";
     readonly GO_TO_VIEW: "actionGoToView";
-    readonly INITIALIZE_EDM: "actionInitializeEdm";
+    readonly INITIALIZE_EMBED_STUDIO: "actionInitializeEdm";
     readonly SAVE_DESIGN: "actionSaveDesign";
+    readonly SET_STORE_CONTEXT: "actionSetStoreContext";
+    readonly INITIALIZE_EDM: "actionInitializeEdm";
     readonly ADD_IMAGE: "actionAddImage";
     readonly SET_STYLE: "actionSetStyle";
     readonly NAVIGATE_STEP: "actionNavigateStep";
@@ -23,8 +25,9 @@ export declare const ALL_ACTION_EVENTS: {
 export declare const ALL_NOTIFICATION_EVENTS: {
     readonly WHITE_LABEL_INITIALIZATION_SUCCESS: "notificationWhiteLabelInitializationSuccess";
     readonly GO_TO_VIEW_FAILURE: "actionGoToViewFailure";
-    readonly EDM_INITIALIZATION_SUCCESS: "notificationEdmInitializationSuccess";
+    readonly EMBED_STUDIO_INITIALIZATION_SUCCESS: "notificationEdmInitializationSuccess";
     readonly SAVE_DESIGN_FAILURE: "actionSaveDesignFailure";
+    readonly EDM_INITIALIZATION_SUCCESS: "notificationEdmInitializationSuccess";
     readonly ADD_IMAGE_FAILURE: "actionAddImageFailure";
     readonly SET_STYLE_FAILURE: "actionSetStyleFailure";
     readonly NAVIGATE_STEP_FAILURE: "actionNavigateStepFailure";
@@ -59,19 +62,21 @@ export declare const ALL_RESULT_EVENTS: {
 };
 export declare const ALL_BROADCAST_EVENTS: {
     ON_SHOPPING_CART_UPDATE: "onShoppingCartUpdate";
+    ON_CONTENT_SIZE_CHANGE: "onContentSizeChange";
     ON_DESIGN_STATUS_UPDATE: "onDesignStatusUpdate";
+    ON_INTERNAL_ERROR: "onError";
     ON_PRICING_STATUS_UPDATE: "onPricingStatusUpdate";
     ON_FILE_PICKER_REQUESTED: "onFilePickerRequested";
     ON_STEP_STATUS_UPDATE: "onStepStatusUpdate";
-    ON_INTERNAL_ERROR: "onError";
 };
 export declare const ALL_EVENTS: {
     readonly ON_SHOPPING_CART_UPDATE: "onShoppingCartUpdate";
+    readonly ON_CONTENT_SIZE_CHANGE: "onContentSizeChange";
     readonly ON_DESIGN_STATUS_UPDATE: "onDesignStatusUpdate";
+    readonly ON_INTERNAL_ERROR: "onError";
     readonly ON_PRICING_STATUS_UPDATE: "onPricingStatusUpdate";
     readonly ON_FILE_PICKER_REQUESTED: "onFilePickerRequested";
     readonly ON_STEP_STATUS_UPDATE: "onStepStatusUpdate";
-    readonly ON_INTERNAL_ERROR: "onError";
     readonly GO_TO_VIEW_RESULT: "resultGoToView";
     readonly SAVE_DESIGN_RESULT: "resultSaveDesign";
     readonly ADD_IMAGE_RESULT: "resultAddImage";
@@ -89,8 +94,9 @@ export declare const ALL_EVENTS: {
     readonly GET_CATALOG_CATEGORIES_RESULT: "resultGetCatalogCategories";
     readonly WHITE_LABEL_INITIALIZATION_SUCCESS: "notificationWhiteLabelInitializationSuccess";
     readonly GO_TO_VIEW_FAILURE: "actionGoToViewFailure";
-    readonly EDM_INITIALIZATION_SUCCESS: "notificationEdmInitializationSuccess";
+    readonly EMBED_STUDIO_INITIALIZATION_SUCCESS: "notificationEdmInitializationSuccess";
     readonly SAVE_DESIGN_FAILURE: "actionSaveDesignFailure";
+    readonly EDM_INITIALIZATION_SUCCESS: "notificationEdmInitializationSuccess";
     readonly ADD_IMAGE_FAILURE: "actionAddImageFailure";
     readonly SET_STYLE_FAILURE: "actionSetStyleFailure";
     readonly NAVIGATE_STEP_FAILURE: "actionNavigateStepFailure";
@@ -107,8 +113,10 @@ export declare const ALL_EVENTS: {
     readonly SDK_INITIALIZATION_SUCCESS: "notificationSdkInitializationSuccess";
     readonly INITIALIZE_WHITE_LABEL: "actionInitializeWhiteLabel";
     readonly GO_TO_VIEW: "actionGoToView";
-    readonly INITIALIZE_EDM: "actionInitializeEdm";
+    readonly INITIALIZE_EMBED_STUDIO: "actionInitializeEdm";
     readonly SAVE_DESIGN: "actionSaveDesign";
+    readonly SET_STORE_CONTEXT: "actionSetStoreContext";
+    readonly INITIALIZE_EDM: "actionInitializeEdm";
     readonly ADD_IMAGE: "actionAddImage";
     readonly SET_STYLE: "actionSetStyle";
     readonly NAVIGATE_STEP: "actionNavigateStep";

package/dist/esm/modules/events.js

@@ -3,6 +3,7 @@ import * as EVENTS_CATALOG from './catalog/events';
 import * as EVENTS_MOCKUP_GENERATION from './mockup-generation/events';
 import * as EVENTS_PRODUCT_PUBLISH from './product-publish/events';
 import * as EVENTS_EDM from './edm/events';
+import * as EVENTS_EMBED_STUDIO from './embed-studio/events';
 import * as EVENTS_WHITE_LABEL from './white-label/events';
 export const ALL_ACTION_EVENTS = {
     ...EVENTS_SDK.EVENTS_ACTION,
@@ -10,6 +11,7 @@ export const ALL_ACTION_EVENTS = {
     ...EVENTS_MOCKUP_GENERATION.EVENTS_ACTION,
     ...EVENTS_PRODUCT_PUBLISH.EVENTS_ACTION,
     ...EVENTS_EDM.EVENTS_ACTION,
+    ...EVENTS_EMBED_STUDIO.EVENTS_ACTION,
     ...EVENTS_WHITE_LABEL.EVENTS_ACTION,
 };
 export const ALL_NOTIFICATION_EVENTS = {
@@ -18,6 +20,7 @@ export const ALL_NOTIFICATION_EVENTS = {
     ...EVENTS_MOCKUP_GENERATION.EVENTS_NOTIFICATION,
     ...EVENTS_PRODUCT_PUBLISH.EVENTS_NOTIFICATION,
     ...EVENTS_EDM.EVENTS_NOTIFICATION,
+    ...EVENTS_EMBED_STUDIO.EVENTS_NOTIFICATION,
     ...EVENTS_WHITE_LABEL.EVENTS_NOTIFICATION,
 };
 export const ALL_RESULT_EVENTS = {
@@ -26,10 +29,12 @@ export const ALL_RESULT_EVENTS = {
     ...EVENTS_MOCKUP_GENERATION.EVENTS_RESULT,
     ...EVENTS_PRODUCT_PUBLISH.EVENTS_RESULT,
     ...EVENTS_EDM.EVENTS_RESULT,
+    ...EVENTS_EMBED_STUDIO.EVENTS_RESULT,
     ...EVENTS_WHITE_LABEL.EVENTS_RESULT,
 };
 export const ALL_BROADCAST_EVENTS = {
     ...EVENTS_EDM.EVENT_BROADCAST,
+    ...EVENTS_EMBED_STUDIO.EVENT_BROADCAST,
     ...EVENTS_WHITE_LABEL.EVENT_BROADCAST,
 };
 export const ALL_EVENTS = {

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

@@ -4,5 +4,6 @@ export declare const MODULE_NAMES: {
     readonly MOCKUP_GENERATION: "mockupGeneration";
     readonly PRODUCT_PUBLISH: "productPublish";
     readonly EDM: "edm";
+    readonly EMBED_STUDIO: "embedStudio";
     readonly WHITE_LABEL: "whiteLabel";
 };

package/dist/esm/modules/moduleNames.js

@@ -4,5 +4,6 @@ export const MODULE_NAMES = {
     MOCKUP_GENERATION: 'mockupGeneration',
     PRODUCT_PUBLISH: 'productPublish',
     EDM: 'edm',
+    EMBED_STUDIO: 'embedStudio',
     WHITE_LABEL: 'whiteLabel',
 };

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

@@ -3,6 +3,7 @@ import { CatalogModule } from './catalog/catalogModule';
 import { MockupGenerationModule } from './mockup-generation/mockupGenerationModule';
 import { ProductPublishModule } from './product-publish/productPublishModule';
 import { EdmModule } from '../modules/edm/edmModule';
+import { EmbedStudioModule } from '../modules/embed-studio/embedStudioModule';
 import { WhiteLabelModule } from '../modules/white-label/whiteLabelModule';
 import { MODULE_NAMES } from './moduleNames';
 export { MODULE_NAMES };
@@ -12,6 +13,7 @@ export declare const MODULES: {
     mockupGeneration: typeof MockupGenerationModule;
     productPublish: typeof ProductPublishModule;
     edm: typeof EdmModule;
+    embedStudio: typeof EmbedStudioModule;
     whiteLabel: typeof WhiteLabelModule;
 };
 export declare const MODULE_DEPENDENCY_MAP: {
@@ -20,5 +22,6 @@ export declare const MODULE_DEPENDENCY_MAP: {
     mockupGeneration: "sdk";
     productPublish: "sdk";
     edm: "edm";
+    embedStudio: "embedStudio";
     whiteLabel: "whiteLabel";
 };

package/dist/esm/modules/modules.js

@@ -3,6 +3,7 @@ import { CatalogModule } from './catalog/catalogModule';
 import { MockupGenerationModule } from './mockup-generation/mockupGenerationModule';
 import { ProductPublishModule } from './product-publish/productPublishModule';
 import { EdmModule } from '../modules/edm/edmModule';
+import { EmbedStudioModule } from '../modules/embed-studio/embedStudioModule';
 import { WhiteLabelModule } from '../modules/white-label/whiteLabelModule';
 import { MODULE_NAMES } from './moduleNames';
 export { MODULE_NAMES };
@@ -12,6 +13,7 @@ export const MODULES = {
     [MODULE_NAMES.MOCKUP_GENERATION]: MockupGenerationModule,
     [MODULE_NAMES.PRODUCT_PUBLISH]: ProductPublishModule,
     [MODULE_NAMES.EDM]: EdmModule,
+    [MODULE_NAMES.EMBED_STUDIO]: EmbedStudioModule,
     [MODULE_NAMES.WHITE_LABEL]: WhiteLabelModule,
 };
 export const MODULE_DEPENDENCY_MAP = {
@@ -20,5 +22,6 @@ export const MODULE_DEPENDENCY_MAP = {
     [MODULE_NAMES.MOCKUP_GENERATION]: MODULE_NAMES.SDK,
     [MODULE_NAMES.PRODUCT_PUBLISH]: MODULE_NAMES.SDK,
     [MODULE_NAMES.EDM]: MODULE_NAMES.EDM,
+    [MODULE_NAMES.EMBED_STUDIO]: MODULE_NAMES.EMBED_STUDIO,
     [MODULE_NAMES.WHITE_LABEL]: MODULE_NAMES.WHITE_LABEL,
 };

package/dist/esm/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/esm/modules/white-label/broadcastEvents/onContentSizeChange.js

@@ -0,0 +1,6 @@
+import { BaseWhiteLabelBroadcastEvent } from '../../../modules/white-label/broadcastEvents/baseWhiteLabelBroadcastEvent';
+export class OnContentSizeChange extends BaseWhiteLabelBroadcastEvent {
+    handle(event) {
+        this.broadcastHandler.onContentSizeChange(event);
+    }
+}

package/dist/esm/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/esm/modules/white-label/events.js

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

package/dist/esm/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/esm/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/esm/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/esm/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/esm/modules/white-label/whiteLabelBroadcastModule.js

@@ -8,4 +8,9 @@ export class WhiteLabelBroadcastModule {
             this.listeners.onShoppingCartUpdate(event);
         }
     }
+    onContentSizeChange(event) {
+        if (this.listeners?.onContentSizeChange) {
+            this.listeners.onContentSizeChange(event);
+        }
+    }
 }

package/dist/esm/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/esm/services/embedCommunicator.js

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

package/dist/esm/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/esm/services/embedStudio.js

@@ -0,0 +1,84 @@
+import { iFrameManager } from '../services/iFrameManager';
+import { EmbedCommunicator } from '../services/embedCommunicator';
+import { ModuleLoaderService } from '../services/moduleLoaderService';
+import { EmbedStudioBroadcastModule } from '../modules/embed-studio/embedStudioBroadcastModule';
+import { MODULE_NAMES } from '../modules/moduleNames';
+import { VERSION } from '../version';
+import { LOG_TYPES, logEmbedMessage, setLoggerState, SOURCES, } from '../helpers/messageLogger';
+export class EmbedStudio {
+    params;
+    config;
+    static BASE_URL = globalThis.__FYUL_TESTING_VARS__?.iframeUrl ??
+        'https://embed-studio.fyul.com';
+    static broadCastEventHandler = null;
+    iFrameManager = null;
+    communicator = EmbedCommunicator.getInstance();
+    moduleLoader = ModuleLoaderService.getInstance();
+    initialized = false;
+    constructor(params, config, callbacks) {
+        this.params = params;
+        this.config = config;
+        EmbedStudio.broadCastEventHandler = new EmbedStudioBroadcastModule(callbacks);
+        setLoggerState(params?.debug ?? false, SOURCES.EMBED_STUDIO);
+    }
+    async init() {
+        if (this.initialized) {
+            logEmbedMessage({
+                message: 'EmbedStudio already initialized',
+                logType: LOG_TYPES.WARN,
+            });
+            return;
+        }
+        const elementToBindTo = this.params.element ?? document.getElementById(this.params.elementId);
+        if (!elementToBindTo) {
+            logEmbedMessage({
+                message: 'Cant find element for EmbedStudio',
+                logType: LOG_TYPES.ERROR,
+            });
+            return;
+        }
+        this.iFrameManager = new 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(MODULE_NAMES.EMBED_STUDIO, this.iFrameManager);
+        this.communicator.setupListener();
+        const embedStudioModule = this.moduleLoader.getModule(MODULE_NAMES.EMBED_STUDIO);
+        const notification = await embedStudioModule.setup({
+            ...this.config,
+            ...this.params,
+            clientVersion: VERSION,
+        });
+        logEmbedMessage({
+            message: ['EmbedStudio setup notification', notification],
+            logType: LOG_TYPES.LOG,
+        });
+        this.initialized = true;
+    }
+    saveDesign() {
+        const module = this.moduleLoader.getModule(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;
+    }
+}