@fyul/embed-sdk 2.7.1 → 2.7.3

package/dist/cjs/helpers/jwtDecoder.d.ts

@@ -0,0 +1,7 @@
+export declare function parseJwt<T>(token: string): {
+    data: T;
+    error: null;
+} | {
+    data: null;
+    error: Error;
+};

package/dist/cjs/helpers/jwtDecoder.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseJwt = parseJwt;
+function parseJwt(token) {
+    try {
+        const base64Url = token.split('.')[1];
+        const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
+        const jsonPayload = decodeURIComponent(window
+            .atob(base64)
+            .split('')
+            .map(function (c) {
+            return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
+        })
+            .join(''));
+        return { data: JSON.parse(jsonPayload), error: null };
+    }
+    catch (e) {
+        return { data: null, error: e };
+    }
+}

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

@@ -1,10 +1,11 @@
 import { IEmbedStudioModule } from '../../types/module/module.types';
 import { BaseModule } from '../../modules/baseModule';
-import { InitializeEmbedStudioPayload, SaveDesignResultPayload } from './types';
+import { InitializeEmbedStudioPayload, SaveDesignResultPayload, SetStoreContextPayload, SetStoreContextResultPayload } 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>>;
+    setStoreContext(payload: SetStoreContextPayload): Promise<import("../..").HandledResponse<SetStoreContextResultPayload, Error>>;
 }

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

@@ -17,5 +17,9 @@ class EmbedStudioModule extends baseModule_1.BaseModule {
         const response = await this.sendRequest(events_1.EVENTS_ACTION.SAVE_DESIGN, {}).catch((e) => e);
         return (0, responseHandler_1.handleResponse)(response, 'Failed to save design');
     }
+    async setStoreContext(payload) {
+        const response = await this.sendRequest(events_1.EVENTS_ACTION.SET_STORE_CONTEXT, payload).catch((e) => e);
+        return (0, responseHandler_1.handleResponse)(response, 'Failed to set store context');
+    }
 }
 exports.EmbedStudioModule = EmbedStudioModule;

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

@@ -9,6 +9,7 @@ export declare const EVENTS_NOTIFICATION: {
 };
 export declare const EVENTS_RESULT: {
     readonly SAVE_DESIGN_RESULT: "resultSaveDesign";
+    readonly SET_STORE_CONTEXT_RESULT: "resultSetStoreContext";
 };
 export declare const EVENT_BROADCAST: {
     readonly ON_DESIGN_STATUS_UPDATE: "onDesignStatusUpdate";
@@ -18,6 +19,7 @@ export declare const EVENTS: {
     readonly ON_DESIGN_STATUS_UPDATE: "onDesignStatusUpdate";
     readonly ON_INTERNAL_ERROR: "onError";
     readonly SAVE_DESIGN_RESULT: "resultSaveDesign";
+    readonly SET_STORE_CONTEXT_RESULT: "resultSetStoreContext";
     readonly EMBED_STUDIO_INITIALIZATION_SUCCESS: "notificationEdmInitializationSuccess";
     readonly SAVE_DESIGN_FAILURE: "actionSaveDesignFailure";
     readonly INITIALIZE_EMBED_STUDIO: "actionInitializeEdm";

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

@@ -12,6 +12,7 @@ exports.EVENTS_NOTIFICATION = {
 };
 exports.EVENTS_RESULT = {
     SAVE_DESIGN_RESULT: 'resultSaveDesign',
+    SET_STORE_CONTEXT_RESULT: 'resultSetStoreContext',
 };
 exports.EVENT_BROADCAST = {
     ON_DESIGN_STATUS_UPDATE: 'onDesignStatusUpdate',

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

@@ -1,5 +1,6 @@
 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';
+import { SaveDesignResultPayload, SetStoreContextResultPayload } from '../../../../modules/embed-studio/types/event/resultEventPayload.types';
 export type SaveDesignResultEvent = BaseResultEvent<typeof EVENTS_RESULT.SAVE_DESIGN_RESULT, SaveDesignResultPayload>;
-export type ResultEvent = SaveDesignResultEvent;
+export type SetStoreContextResultEvent = BaseResultEvent<typeof EVENTS_RESULT.SET_STORE_CONTEXT_RESULT, SetStoreContextResultPayload>;
+export type ResultEvent = SaveDesignResultEvent | SetStoreContextResultEvent;

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

@@ -2,4 +2,7 @@ import { FyulTemplate } from '../../../../modules/embed-studio/types/data.types'
 export type SaveDesignResultPayload = {
     template: FyulTemplate;
 };
-export type EmbedStudioResultPayload = SaveDesignResultPayload;
+export type SetStoreContextResultPayload = {
+    storeId: string;
+};
+export type EmbedStudioResultPayload = SaveDesignResultPayload | SetStoreContextResultPayload;

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

@@ -7,5 +7,5 @@ export declare const EVENT_TYPES: {
 };
 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("./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 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("./embed-studio/types").SetStoreContextResultEvent | 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/cjs/modules/events.d.ts

@@ -46,6 +46,7 @@ export declare const ALL_NOTIFICATION_EVENTS: {
 export declare const ALL_RESULT_EVENTS: {
     readonly GO_TO_VIEW_RESULT: "resultGoToView";
     readonly SAVE_DESIGN_RESULT: "resultSaveDesign";
+    readonly SET_STORE_CONTEXT_RESULT: "resultSetStoreContext";
     readonly ADD_IMAGE_RESULT: "resultAddImage";
     readonly SET_STYLE_RESULT: "resultSetStyle";
     readonly NAVIGATE_STEP_RESULT: "resultNavigateStep";
@@ -79,6 +80,7 @@ export declare const ALL_EVENTS: {
     readonly ON_STEP_STATUS_UPDATE: "onStepStatusUpdate";
     readonly GO_TO_VIEW_RESULT: "resultGoToView";
     readonly SAVE_DESIGN_RESULT: "resultSaveDesign";
+    readonly SET_STORE_CONTEXT_RESULT: "resultSetStoreContext";
     readonly ADD_IMAGE_RESULT: "resultAddImage";
     readonly SET_STYLE_RESULT: "resultSetStyle";
     readonly NAVIGATE_STEP_RESULT: "resultNavigateStep";

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

@@ -11,7 +11,7 @@ export type WhiteLabelParams = ({
     element?: null;
 } & WhiteLabelCommonParams);
 export interface WhiteLabelCommonParams {
-    nonce: string;
+    jwt: string;
     iframeClassName?: string;
     debug?: boolean;
 }

package/dist/cjs/services/edm.js

@@ -11,7 +11,8 @@ const edmBroadcastModule_1 = require("../modules/edm/edmBroadcastModule");
 class EDM {
     params;
     config;
-    static BASE_URL = 'https://www.printful.com/embedded-designer';
+    static BASE_URL = globalThis.__FYUL_TESTING_VARS__?.edmUrl ??
+        'https://www.printful.com/embedded-designer';
     static broadCastEventHandler;
     nonce;
     iFrameManager = null;

package/dist/cjs/services/embed.js

@@ -12,7 +12,8 @@ const modules_1 = require("../modules/modules");
 const version_1 = require("../version");
 class Embed {
     config;
-    static BASE_URL = 'https://www.printful.com/embed-sdk';
+    static BASE_URL = globalThis.__FYUL_TESTING_VARS__?.sdkUrl ??
+        'https://www.printful.com/embed-sdk';
     nonce;
     iFrameManager = null;
     communicator = embedCommunicator_1.EmbedCommunicator.getInstance();

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

@@ -1,7 +1,7 @@
 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 { SaveDesignResultPayload, SetStoreContextResultPayload } from '../modules/embed-studio/types/event/resultEventPayload.types';
 import type { HandledResponse } from '../types/event/result/resultEventPayload.types';
 export declare class EmbedStudio {
     private params;
@@ -15,6 +15,7 @@ export declare class EmbedStudio {
     constructor(params: EmbedStudioParams, config?: EmbedStudioConfig | undefined, callbacks?: Partial<EmbedStudioBroadcastListeners>);
     init(): Promise<void>;
     saveDesign(): Promise<HandledResponse<SaveDesignResultPayload, Error>>;
+    setStoreContext(storeId: string): Promise<HandledResponse<SetStoreContextResultPayload, Error>>;
     destroy(): void;
     static getBroadCastEventHandler(): EmbedStudioBroadcastModule;
 }

package/dist/cjs/services/embedStudio.js

@@ -11,7 +11,7 @@ const messageLogger_1 = require("../helpers/messageLogger");
 class EmbedStudio {
     params;
     config;
-    static BASE_URL = globalThis.__FYUL_TESTING_VARS__?.iframeUrl ??
+    static BASE_URL = globalThis.__FYUL_TESTING_VARS__?.embedStudioUrl ??
         'https://embed-studio.fyul.com';
     static broadCastEventHandler = null;
     iFrameManager = null;
@@ -68,6 +68,10 @@ class EmbedStudio {
         const module = this.moduleLoader.getModule(moduleNames_1.MODULE_NAMES.EMBED_STUDIO);
         return module.saveDesign();
     }
+    setStoreContext(storeId) {
+        const module = this.moduleLoader.getModule(moduleNames_1.MODULE_NAMES.EMBED_STUDIO);
+        return module.setStoreContext({ storeId });
+    }
     destroy() {
         if (this.iFrameManager) {
             this.iFrameManager.destroy();

package/dist/cjs/services/iFrameManager.js

@@ -20,7 +20,10 @@ class iFrameManager {
                 iFrame.setAttribute('class', this.config.class);
             }
             const convertedUrlParams = Object.entries(this.config.urlParams).map(([k, v]) => [k, String(v)]);
-            iFrame.src = `${this.config.baseUrl}?${new URLSearchParams(convertedUrlParams).toString()}`;
+            const query = convertedUrlParams.length
+                ? `?${new URLSearchParams(convertedUrlParams).toString()}`
+                : '';
+            iFrame.src = `${this.config.baseUrl}${query}`;
             let settled = false;
             const cleanup = () => {
                 settled = true;

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

@@ -7,13 +7,15 @@ export declare class WhiteLabel {
     private config?;
     static BASE_URL: string;
     static broadCastEventHandler: WhiteLabelBroadcastModule | null;
-    private nonce;
+    private jwt;
     private iFrameManager;
     private communicator;
     private moduleLoader;
     private initialized;
     constructor(params: WhiteLabelParams, config?: WhiteLabelConfig | undefined, callbacks?: Partial<BroadcastListeners>);
-    init(): Promise<void>;
+    init(): Promise<{
+        error: null | string;
+    }>;
     destroy(): void;
     goToView(payload: GoToViewPayload): Promise<import("..").HandledResponse<import("../modules/white-label/types").GoToViewResultPayload, Error>>;
     static getBroadCastEventHandler(): WhiteLabelBroadcastModule;

package/dist/cjs/services/whiteLabel.js

@@ -8,12 +8,14 @@ const messageLogger_1 = require("../helpers/messageLogger");
 const moduleNames_1 = require("../modules/moduleNames");
 const version_1 = require("../version");
 const whiteLabelBroadcastModule_1 = require("../modules/white-label/whiteLabelBroadcastModule");
+const jwtDecoder_1 = require("../helpers/jwtDecoder");
 class WhiteLabel {
     params;
     config;
-    static BASE_URL = 'https://embed-white-label-fe.nonprod.printify.com/iframe';
+    static BASE_URL = globalThis.__FYUL_TESTING_VARS__?.ewlUrl ??
+        'https://embed-white-label-fe.nonprod.printify.com/iframe';
     static broadCastEventHandler;
-    nonce;
+    jwt;
     iFrameManager = null;
     communicator = embedCommunicator_1.EmbedCommunicator.getInstance();
     moduleLoader = moduleLoaderService_1.ModuleLoaderService.getInstance();
@@ -21,35 +23,54 @@ class WhiteLabel {
     constructor(params, config, callbacks) {
         this.params = params;
         this.config = config;
-        this.nonce = params.nonce;
+        this.jwt = params.jwt;
         WhiteLabel.broadCastEventHandler = new whiteLabelBroadcastModule_1.WhiteLabelBroadcastModule(callbacks);
         (0, messageLogger_1.setLoggerState)(params?.debug ?? false, messageLogger_1.SOURCES.WHITE_LABEL);
     }
     async init() {
         if (this.initialized) {
+            const message = 'WhiteLabel already initialized';
             (0, messageLogger_1.logEmbedMessage)({
-                message: 'WhiteLabel already initialized',
+                message,
                 logType: messageLogger_1.LOG_TYPES.WARN,
             });
-            return;
+            return { error: message };
         }
         const elementToBindTo = this.params.element ?? document.getElementById(this.params.elementId);
         if (!elementToBindTo) {
+            const message = 'Cant find element for WhiteLabel';
             (0, messageLogger_1.logEmbedMessage)({
-                message: 'Cant find element for WhiteLabel',
+                message,
                 logType: messageLogger_1.LOG_TYPES.ERROR,
             });
-            return;
+            return { error: message };
+        }
+        const { data, error } = (0, jwtDecoder_1.parseJwt)(this.jwt);
+        if (error) {
+            const message = 'Failed to parse JWT';
+            (0, messageLogger_1.logEmbedMessage)({
+                message,
+                logType: messageLogger_1.LOG_TYPES.ERROR,
+            });
+            return { error: message };
         }
         this.iFrameManager = new iFrameManager_1.iFrameManager({
-            baseUrl: WhiteLabel.BASE_URL,
-            urlParams: {
-                nonce: this.nonce,
-            },
+            baseUrl: WhiteLabel.BASE_URL + `/${data.tenant_id}`,
+            urlParams: {},
             class: this.params.iframeClassName,
             elementToAppendTo: elementToBindTo,
         });
-        await this.iFrameManager.create();
+        try {
+            await this.iFrameManager.create();
+        }
+        catch {
+            const message = 'Failed to to load Iframe';
+            (0, messageLogger_1.logEmbedMessage)({
+                message,
+                logType: messageLogger_1.LOG_TYPES.ERROR,
+            });
+            return { error: message };
+        }
         this.communicator.setIFrameManager(moduleNames_1.MODULE_NAMES.WHITE_LABEL, this.iFrameManager);
         this.communicator.setupListener();
         const whiteLabelModule = this.moduleLoader.getModule(moduleNames_1.MODULE_NAMES.WHITE_LABEL);
@@ -63,6 +84,7 @@ class WhiteLabel {
             logType: messageLogger_1.LOG_TYPES.LOG,
         });
         this.initialized = true;
+        return { error: null };
     }
     destroy() {
         if (this.iFrameManager) {

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

@@ -0,0 +1,8 @@
+export interface JWTData {
+    tenant_id: string;
+    nonce: string;
+    scopes: string[];
+    iat: number;
+    exp: number;
+    external_customer_id: string;
+}

package/dist/cjs/types/jwtData.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -7,7 +7,7 @@ import { DeleteProductsPayload, DeleteProductResultPayload, GetProductPublishPay
 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 { InitializeEmbedStudioPayload, SaveDesignResultPayload as EmbedStudioSaveDesignResultPayload, SetStoreContextPayload, SetStoreContextResultPayload as EmbedStudioSetStoreContextResultPayload } from '../../modules/embed-studio/types';
 import { InitializeWhiteLabelPayload, GoToViewResultPayload, GoToViewPayload } from '../../modules/white-label/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 */
@@ -40,6 +40,7 @@ export interface IEdmModule {
 export interface IEmbedStudioModule {
     setup(config?: InitializeEmbedStudioPayload): NotificationEventPayload | void;
     saveDesign(): EmbedStudioSaveDesignResultPayload;
+    setStoreContext(payload: SetStoreContextPayload): EmbedStudioSetStoreContextResultPayload;
 }
 export interface IEdmBroadcastModule {
     onDesignStatusUpdate(event: OnDesignStatusEventPayload): void;

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION: "2.7.1";
+export declare const VERSION: "2.7.3";

package/dist/cjs/version.js

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

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

@@ -0,0 +1,7 @@
+export declare function parseJwt<T>(token: string): {
+    data: T;
+    error: null;
+} | {
+    data: null;
+    error: Error;
+};

package/dist/esm/helpers/jwtDecoder.js

@@ -0,0 +1,17 @@
+export function parseJwt(token) {
+    try {
+        const base64Url = token.split('.')[1];
+        const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
+        const jsonPayload = decodeURIComponent(window
+            .atob(base64)
+            .split('')
+            .map(function (c) {
+            return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
+        })
+            .join(''));
+        return { data: JSON.parse(jsonPayload), error: null };
+    }
+    catch (e) {
+        return { data: null, error: e };
+    }
+}

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

@@ -1,10 +1,11 @@
 import { IEmbedStudioModule } from '../../types/module/module.types';
 import { BaseModule } from '../../modules/baseModule';
-import { InitializeEmbedStudioPayload, SaveDesignResultPayload } from './types';
+import { InitializeEmbedStudioPayload, SaveDesignResultPayload, SetStoreContextPayload, SetStoreContextResultPayload } 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>>;
+    setStoreContext(payload: SetStoreContextPayload): Promise<import("../..").HandledResponse<SetStoreContextResultPayload, Error>>;
 }

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

@@ -14,4 +14,8 @@ export class EmbedStudioModule extends BaseModule {
         const response = await this.sendRequest(EVENTS_ACTION.SAVE_DESIGN, {}).catch((e) => e);
         return handleResponse(response, 'Failed to save design');
     }
+    async setStoreContext(payload) {
+        const response = await this.sendRequest(EVENTS_ACTION.SET_STORE_CONTEXT, payload).catch((e) => e);
+        return handleResponse(response, 'Failed to set store context');
+    }
 }

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

@@ -9,6 +9,7 @@ export declare const EVENTS_NOTIFICATION: {
 };
 export declare const EVENTS_RESULT: {
     readonly SAVE_DESIGN_RESULT: "resultSaveDesign";
+    readonly SET_STORE_CONTEXT_RESULT: "resultSetStoreContext";
 };
 export declare const EVENT_BROADCAST: {
     readonly ON_DESIGN_STATUS_UPDATE: "onDesignStatusUpdate";
@@ -18,6 +19,7 @@ export declare const EVENTS: {
     readonly ON_DESIGN_STATUS_UPDATE: "onDesignStatusUpdate";
     readonly ON_INTERNAL_ERROR: "onError";
     readonly SAVE_DESIGN_RESULT: "resultSaveDesign";
+    readonly SET_STORE_CONTEXT_RESULT: "resultSetStoreContext";
     readonly EMBED_STUDIO_INITIALIZATION_SUCCESS: "notificationEdmInitializationSuccess";
     readonly SAVE_DESIGN_FAILURE: "actionSaveDesignFailure";
     readonly INITIALIZE_EMBED_STUDIO: "actionInitializeEdm";

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

@@ -9,6 +9,7 @@ export const EVENTS_NOTIFICATION = {
 };
 export const EVENTS_RESULT = {
     SAVE_DESIGN_RESULT: 'resultSaveDesign',
+    SET_STORE_CONTEXT_RESULT: 'resultSetStoreContext',
 };
 export const EVENT_BROADCAST = {
     ON_DESIGN_STATUS_UPDATE: 'onDesignStatusUpdate',

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

@@ -1,5 +1,6 @@
 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';
+import { SaveDesignResultPayload, SetStoreContextResultPayload } from '../../../../modules/embed-studio/types/event/resultEventPayload.types';
 export type SaveDesignResultEvent = BaseResultEvent<typeof EVENTS_RESULT.SAVE_DESIGN_RESULT, SaveDesignResultPayload>;
-export type ResultEvent = SaveDesignResultEvent;
+export type SetStoreContextResultEvent = BaseResultEvent<typeof EVENTS_RESULT.SET_STORE_CONTEXT_RESULT, SetStoreContextResultPayload>;
+export type ResultEvent = SaveDesignResultEvent | SetStoreContextResultEvent;

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

@@ -2,4 +2,7 @@ import { FyulTemplate } from '../../../../modules/embed-studio/types/data.types'
 export type SaveDesignResultPayload = {
     template: FyulTemplate;
 };
-export type EmbedStudioResultPayload = SaveDesignResultPayload;
+export type SetStoreContextResultPayload = {
+    storeId: string;
+};
+export type EmbedStudioResultPayload = SaveDesignResultPayload | SetStoreContextResultPayload;

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

@@ -7,5 +7,5 @@ export declare const EVENT_TYPES: {
 };
 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("./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 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("./embed-studio/types").SetStoreContextResultEvent | 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

@@ -46,6 +46,7 @@ export declare const ALL_NOTIFICATION_EVENTS: {
 export declare const ALL_RESULT_EVENTS: {
     readonly GO_TO_VIEW_RESULT: "resultGoToView";
     readonly SAVE_DESIGN_RESULT: "resultSaveDesign";
+    readonly SET_STORE_CONTEXT_RESULT: "resultSetStoreContext";
     readonly ADD_IMAGE_RESULT: "resultAddImage";
     readonly SET_STYLE_RESULT: "resultSetStyle";
     readonly NAVIGATE_STEP_RESULT: "resultNavigateStep";
@@ -79,6 +80,7 @@ export declare const ALL_EVENTS: {
     readonly ON_STEP_STATUS_UPDATE: "onStepStatusUpdate";
     readonly GO_TO_VIEW_RESULT: "resultGoToView";
     readonly SAVE_DESIGN_RESULT: "resultSaveDesign";
+    readonly SET_STORE_CONTEXT_RESULT: "resultSetStoreContext";
     readonly ADD_IMAGE_RESULT: "resultAddImage";
     readonly SET_STYLE_RESULT: "resultSetStyle";
     readonly NAVIGATE_STEP_RESULT: "resultNavigateStep";

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

@@ -11,7 +11,7 @@ export type WhiteLabelParams = ({
     element?: null;
 } & WhiteLabelCommonParams);
 export interface WhiteLabelCommonParams {
-    nonce: string;
+    jwt: string;
     iframeClassName?: string;
     debug?: boolean;
 }

package/dist/esm/services/edm.js

@@ -8,7 +8,8 @@ import { EdmBroadcastModule } from '../modules/edm/edmBroadcastModule';
 export class EDM {
     params;
     config;
-    static BASE_URL = 'https://www.printful.com/embedded-designer';
+    static BASE_URL = globalThis.__FYUL_TESTING_VARS__?.edmUrl ??
+        'https://www.printful.com/embedded-designer';
     static broadCastEventHandler;
     nonce;
     iFrameManager = null;

package/dist/esm/services/embed.js

@@ -9,7 +9,8 @@ import { MODULE_NAMES } from '../modules/modules';
 import { VERSION } from '../version';
 export class Embed {
     config;
-    static BASE_URL = 'https://www.printful.com/embed-sdk';
+    static BASE_URL = globalThis.__FYUL_TESTING_VARS__?.sdkUrl ??
+        'https://www.printful.com/embed-sdk';
     nonce;
     iFrameManager = null;
     communicator = EmbedCommunicator.getInstance();

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

@@ -1,7 +1,7 @@
 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 { SaveDesignResultPayload, SetStoreContextResultPayload } from '../modules/embed-studio/types/event/resultEventPayload.types';
 import type { HandledResponse } from '../types/event/result/resultEventPayload.types';
 export declare class EmbedStudio {
     private params;
@@ -15,6 +15,7 @@ export declare class EmbedStudio {
     constructor(params: EmbedStudioParams, config?: EmbedStudioConfig | undefined, callbacks?: Partial<EmbedStudioBroadcastListeners>);
     init(): Promise<void>;
     saveDesign(): Promise<HandledResponse<SaveDesignResultPayload, Error>>;
+    setStoreContext(storeId: string): Promise<HandledResponse<SetStoreContextResultPayload, Error>>;
     destroy(): void;
     static getBroadCastEventHandler(): EmbedStudioBroadcastModule;
 }

package/dist/esm/services/embedStudio.js

@@ -8,7 +8,7 @@ import { LOG_TYPES, logEmbedMessage, setLoggerState, SOURCES, } from '../helpers
 export class EmbedStudio {
     params;
     config;
-    static BASE_URL = globalThis.__FYUL_TESTING_VARS__?.iframeUrl ??
+    static BASE_URL = globalThis.__FYUL_TESTING_VARS__?.embedStudioUrl ??
         'https://embed-studio.fyul.com';
     static broadCastEventHandler = null;
     iFrameManager = null;
@@ -65,6 +65,10 @@ export class EmbedStudio {
         const module = this.moduleLoader.getModule(MODULE_NAMES.EMBED_STUDIO);
         return module.saveDesign();
     }
+    setStoreContext(storeId) {
+        const module = this.moduleLoader.getModule(MODULE_NAMES.EMBED_STUDIO);
+        return module.setStoreContext({ storeId });
+    }
     destroy() {
         if (this.iFrameManager) {
             this.iFrameManager.destroy();

package/dist/esm/services/iFrameManager.js

@@ -17,7 +17,10 @@ export class iFrameManager {
                 iFrame.setAttribute('class', this.config.class);
             }
             const convertedUrlParams = Object.entries(this.config.urlParams).map(([k, v]) => [k, String(v)]);
-            iFrame.src = `${this.config.baseUrl}?${new URLSearchParams(convertedUrlParams).toString()}`;
+            const query = convertedUrlParams.length
+                ? `?${new URLSearchParams(convertedUrlParams).toString()}`
+                : '';
+            iFrame.src = `${this.config.baseUrl}${query}`;
             let settled = false;
             const cleanup = () => {
                 settled = true;

package/dist/esm/services/whiteLabel.d.ts

@@ -7,13 +7,15 @@ export declare class WhiteLabel {
     private config?;
     static BASE_URL: string;
     static broadCastEventHandler: WhiteLabelBroadcastModule | null;
-    private nonce;
+    private jwt;
     private iFrameManager;
     private communicator;
     private moduleLoader;
     private initialized;
     constructor(params: WhiteLabelParams, config?: WhiteLabelConfig | undefined, callbacks?: Partial<BroadcastListeners>);
-    init(): Promise<void>;
+    init(): Promise<{
+        error: null | string;
+    }>;
     destroy(): void;
     goToView(payload: GoToViewPayload): Promise<import("..").HandledResponse<import("../modules/white-label/types").GoToViewResultPayload, Error>>;
     static getBroadCastEventHandler(): WhiteLabelBroadcastModule;

package/dist/esm/services/whiteLabel.js

@@ -5,12 +5,14 @@ import { LOG_TYPES, logEmbedMessage, setLoggerState, SOURCES, } from '../helpers
 import { MODULE_NAMES } from '../modules/moduleNames';
 import { VERSION } from '../version';
 import { WhiteLabelBroadcastModule } from '../modules/white-label/whiteLabelBroadcastModule';
+import { parseJwt } from '../helpers/jwtDecoder';
 export class WhiteLabel {
     params;
     config;
-    static BASE_URL = 'https://embed-white-label-fe.nonprod.printify.com/iframe';
+    static BASE_URL = globalThis.__FYUL_TESTING_VARS__?.ewlUrl ??
+        'https://embed-white-label-fe.nonprod.printify.com/iframe';
     static broadCastEventHandler;
-    nonce;
+    jwt;
     iFrameManager = null;
     communicator = EmbedCommunicator.getInstance();
     moduleLoader = ModuleLoaderService.getInstance();
@@ -18,35 +20,54 @@ export class WhiteLabel {
     constructor(params, config, callbacks) {
         this.params = params;
         this.config = config;
-        this.nonce = params.nonce;
+        this.jwt = params.jwt;
         WhiteLabel.broadCastEventHandler = new WhiteLabelBroadcastModule(callbacks);
         setLoggerState(params?.debug ?? false, SOURCES.WHITE_LABEL);
     }
     async init() {
         if (this.initialized) {
+            const message = 'WhiteLabel already initialized';
             logEmbedMessage({
-                message: 'WhiteLabel already initialized',
+                message,
                 logType: LOG_TYPES.WARN,
             });
-            return;
+            return { error: message };
         }
         const elementToBindTo = this.params.element ?? document.getElementById(this.params.elementId);
         if (!elementToBindTo) {
+            const message = 'Cant find element for WhiteLabel';
             logEmbedMessage({
-                message: 'Cant find element for WhiteLabel',
+                message,
                 logType: LOG_TYPES.ERROR,
             });
-            return;
+            return { error: message };
+        }
+        const { data, error } = parseJwt(this.jwt);
+        if (error) {
+            const message = 'Failed to parse JWT';
+            logEmbedMessage({
+                message,
+                logType: LOG_TYPES.ERROR,
+            });
+            return { error: message };
         }
         this.iFrameManager = new iFrameManager({
-            baseUrl: WhiteLabel.BASE_URL,
-            urlParams: {
-                nonce: this.nonce,
-            },
+            baseUrl: WhiteLabel.BASE_URL + `/${data.tenant_id}`,
+            urlParams: {},
             class: this.params.iframeClassName,
             elementToAppendTo: elementToBindTo,
         });
-        await this.iFrameManager.create();
+        try {
+            await this.iFrameManager.create();
+        }
+        catch {
+            const message = 'Failed to to load Iframe';
+            logEmbedMessage({
+                message,
+                logType: LOG_TYPES.ERROR,
+            });
+            return { error: message };
+        }
         this.communicator.setIFrameManager(MODULE_NAMES.WHITE_LABEL, this.iFrameManager);
         this.communicator.setupListener();
         const whiteLabelModule = this.moduleLoader.getModule(MODULE_NAMES.WHITE_LABEL);
@@ -60,6 +81,7 @@ export class WhiteLabel {
             logType: LOG_TYPES.LOG,
         });
         this.initialized = true;
+        return { error: null };
     }
     destroy() {
         if (this.iFrameManager) {

package/dist/esm/types/jwtData.d.ts

@@ -0,0 +1,8 @@
+export interface JWTData {
+    tenant_id: string;
+    nonce: string;
+    scopes: string[];
+    iat: number;
+    exp: number;
+    external_customer_id: string;
+}

package/dist/esm/types/jwtData.js

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

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

@@ -7,7 +7,7 @@ import { DeleteProductsPayload, DeleteProductResultPayload, GetProductPublishPay
 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 { InitializeEmbedStudioPayload, SaveDesignResultPayload as EmbedStudioSaveDesignResultPayload, SetStoreContextPayload, SetStoreContextResultPayload as EmbedStudioSetStoreContextResultPayload } from '../../modules/embed-studio/types';
 import { InitializeWhiteLabelPayload, GoToViewResultPayload, GoToViewPayload } from '../../modules/white-label/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 */
@@ -40,6 +40,7 @@ export interface IEdmModule {
 export interface IEmbedStudioModule {
     setup(config?: InitializeEmbedStudioPayload): NotificationEventPayload | void;
     saveDesign(): EmbedStudioSaveDesignResultPayload;
+    setStoreContext(payload: SetStoreContextPayload): EmbedStudioSetStoreContextResultPayload;
 }
 export interface IEdmBroadcastModule {
     onDesignStatusUpdate(event: OnDesignStatusEventPayload): void;

package/dist/esm/version.d.ts

@@ -1 +1 @@
-export declare const VERSION: "2.7.1";
+export declare const VERSION: "2.7.3";

package/dist/esm/version.js

@@ -1,2 +1,2 @@
 // AUTO-GENERATED
-export const VERSION = '2.7.1';
+export const VERSION = '2.7.3';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fyul/embed-sdk",
-  "version": "2.7.1",
+  "version": "2.7.3",
   "description": "",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",