@fyul/embed-sdk 2.7.63 → 2.7.64

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

@@ -0,0 +1,11 @@
+import { NotificationEventPayload } from '../types/event/notification/notificationEventPayload.types';
+import { BaseNetworkRequest } from '../types/event/network/networkEvent.types';
+import { ActionEventPayload } from '../types/event/action/actionEventPayload.types';
+import { ResultEventPayload } from '../types/event/result/resultEventPayload.types';
+import { MainModuleKey } from '../services/authStore';
+export declare abstract class BaseFetchModule {
+    protected readonly rootUrl: string;
+    private readonly authKey;
+    protected constructor(rootUrl: string, authKey: MainModuleKey);
+    protected sendFetch<TParams extends ActionEventPayload, TResponse extends ResultEventPayload>(request: BaseNetworkRequest<TParams, TResponse>): Promise<TResponse | NotificationEventPayload>;
+}

package/dist/cjs/modules/baseFetchModule.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseFetchModule = void 0;
+const authStore_1 = require("../services/authStore");
+class BaseFetchModule {
+    rootUrl;
+    authKey;
+    constructor(rootUrl, authKey) {
+        this.rootUrl = rootUrl;
+        this.authKey = authKey;
+    }
+    async sendFetch(request) {
+        const { method, path, params } = request;
+        const init = { method };
+        const headers = {};
+        const jwt = authStore_1.AuthStore.getInstance().get(this.authKey);
+        if (jwt) {
+            headers['Authorization'] = `Bearer ${jwt}`;
+        }
+        if (params !== undefined) {
+            headers['Content-Type'] = 'application/json';
+            init.body = JSON.stringify(params);
+        }
+        if (Object.keys(headers).length) {
+            init.headers = headers;
+        }
+        try {
+            const response = await fetch(`${this.rootUrl}${path}`, init);
+            if (!response.ok) {
+                return {
+                    status: 'error',
+                    message: `Fetch failed [${method} ${path}]: ${response.status} ${response.statusText}`,
+                };
+            }
+            return (await response.json());
+        }
+        catch (e) {
+            return {
+                status: 'error',
+                message: e instanceof Error ? e.message : `Fetch failed [${method} ${path}]`,
+                error: e instanceof Error ? e : undefined,
+            };
+        }
+    }
+}
+exports.BaseFetchModule = BaseFetchModule;

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

@@ -2,9 +2,10 @@ import { ActionEventName } from '../types/event/action/actionEvent.types';
 import { ActionEventPayload } from '../types/event/action/actionEventPayload.types';
 import { ResultEventPayload } from '../types/event/result/resultEventPayload.types';
 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.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);
+import { BaseFetchModule } from '../modules/baseFetchModule';
+import { MainModuleKey } from '../services/authStore';
+export declare abstract class BaseModule extends BaseFetchModule {
+    protected moduleType: MainModuleKey;
+    constructor(moduleType: MainModuleKey, apiRoot?: string);
     protected sendRequest<T extends ResultEventPayload | NotificationEventPayload>(eventName: ActionEventName, eventPayload?: ActionEventPayload): Promise<T>;
 }

package/dist/cjs/modules/baseModule.js

@@ -2,9 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseModule = void 0;
 const embedCommunicator_1 = require("../services/embedCommunicator");
-class BaseModule {
+const baseFetchModule_1 = require("../modules/baseFetchModule");
+class BaseModule extends baseFetchModule_1.BaseFetchModule {
     moduleType;
-    constructor(moduleType) {
+    constructor(moduleType, apiRoot) {
+        super(apiRoot ?? '', moduleType);
         this.moduleType = moduleType;
     }
     async sendRequest(eventName, eventPayload) {

package/dist/cjs/modules/catalog/catalogModule.d.ts

@@ -3,7 +3,7 @@ import { BaseModule } from '../../modules/baseModule';
 import { GetCatalogCategoriesResultPayload, GetCatalogProductsByIdsPayload, GetCatalogProductsPayload, GetCatalogProductsResultPayload, GetSingleCatalogProductPayload, GetSingleCatalogProductResultPayload } from './types';
 import { WithHandledResponses } from '../../helpers/typeHelper.types';
 export declare class CatalogModule extends BaseModule implements WithHandledResponses<ICatalogModule> {
-    constructor();
+    constructor(baseApiUrl?: string);
     getProducts(data: GetCatalogProductsPayload): Promise<import("../..").HandledResponse<GetCatalogProductsResultPayload, Error>>;
     getProductsByIds(data: GetCatalogProductsByIdsPayload): Promise<import("../..").HandledResponse<GetCatalogProductsResultPayload, Error>>;
     getProduct(data: GetSingleCatalogProductPayload): Promise<import("../..").HandledResponse<GetSingleCatalogProductResultPayload, Error>>;

package/dist/cjs/modules/catalog/catalogModule.js

@@ -5,9 +5,10 @@ const baseModule_1 = require("../../modules/baseModule");
 const types_1 = require("./types");
 const responseHandler_1 = require("../../helpers/responseHandler");
 const modules_1 = require("../../modules/modules");
+const authStore_1 = require("../../services/authStore");
 class CatalogModule extends baseModule_1.BaseModule {
-    constructor() {
-        super(modules_1.MODULE_NAMES.SDK);
+    constructor(baseApiUrl) {
+        super(modules_1.MODULE_NAMES.SDK, baseApiUrl);
     }
     async getProducts(data) {
         const response = await this.sendRequest(types_1.EVENTS_ACTION.GET_CATALOG_PRODUCTS, data).catch((e) => e);
@@ -22,6 +23,14 @@ class CatalogModule extends baseModule_1.BaseModule {
         return (0, responseHandler_1.handleResponse)(response, 'Failed to get catalog products');
     }
     async getCategories() {
+        const hasJwt = !!authStore_1.AuthStore.getInstance().get(this.moduleType);
+        if (hasJwt) {
+            const response = await this.sendFetch({
+                method: 'POST',
+                path: '/v1/sdk/get-catalog-categories',
+            });
+            return (0, responseHandler_1.handleResponse)(response, 'Failed to get catalog categories');
+        }
         const response = await this.sendRequest(types_1.EVENTS_ACTION.GET_CATALOG_CATEGORIES).catch((e) => e);
         return (0, responseHandler_1.handleResponse)(response, 'Failed to get catalog categories');
     }

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

@@ -124,8 +124,7 @@ export type EDMParams = ({
     elementId: string;
     element?: null;
 } & EDMCommonParams);
-export interface EDMCommonParams {
-    nonce: string;
+interface EDMCommonParamsBase {
     externalProductId: string;
     iframeClassName?: string;
     origin?: string;
@@ -136,6 +135,25 @@ export interface EDMCommonParams {
     };
     debug?: boolean;
 }
+interface EDMJwtParams extends EDMCommonParamsBase {
+    jwt: string;
+    nonce?: never;
+}
+interface EDMNonceParams extends EDMCommonParamsBase {
+    /** @deprecated Use jwt instead */
+    nonce: string;
+    jwt?: never;
+}
+export type EDMCommonParams = EDMJwtParams | EDMNonceParams;
+type EDMElementVariants = {
+    element: HTMLElement;
+    elementId?: null;
+} | {
+    elementId: string;
+    element?: null;
+};
+export type EDMParamsWithJwt = EDMElementVariants & EDMJwtParams;
+export type EDMParamsWithNonce = EDMElementVariants & EDMNonceParams;
 export interface Message {
     type: string;
     message: string;
@@ -214,3 +232,4 @@ export interface TOSStepResponse extends OnStepStatusUpdateEvent {
     stepData: TOSStepData;
 }
 export type StepResponse = MockupStepResponse | PricingEditStepResponse | DetailsEditStepResponse | TOSStepResponse;
+export {};

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

@@ -45,5 +45,9 @@ export interface JWTData {
     scp: string[];
     iat: number;
     exp: number;
-    cid: string;
+    cid?: string;
+    mka?: number;
+    mkt?: string;
+    pid?: string;
+    cur?: string;
 }

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

@@ -0,0 +1,10 @@
+import { MODULE_DEPENDENCY_MAP } from '../modules/modules';
+export type MainModuleKey = (typeof MODULE_DEPENDENCY_MAP)[keyof typeof MODULE_DEPENDENCY_MAP];
+export declare class AuthStore {
+    private static instance;
+    private tokens;
+    static getInstance(): AuthStore;
+    set(key: MainModuleKey, jwt: string): void;
+    get(key: MainModuleKey): string | undefined;
+    delete(key: MainModuleKey): void;
+}

package/dist/cjs/services/authStore.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthStore = void 0;
+class AuthStore {
+    static instance;
+    tokens = new Map();
+    static getInstance() {
+        if (!AuthStore.instance) {
+            AuthStore.instance = new AuthStore();
+        }
+        return AuthStore.instance;
+    }
+    set(key, jwt) {
+        this.tokens.set(key, jwt);
+    }
+    get(key) {
+        return this.tokens.get(key);
+    }
+    delete(key) {
+        this.tokens.delete(key);
+    }
+}
+exports.AuthStore = AuthStore;

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

@@ -1,4 +1,4 @@
-import { EDMConfig, EDMParams } from '../modules/edm/types/data.types';
+import { EDMConfig, EDMParamsWithJwt, EDMParamsWithNonce } from '../modules/edm/types/data.types';
 import { EdmBroadcastModule } from '../modules/edm/edmBroadcastModule';
 import { BroadcastListeners } from '../modules/edm/types/event/broadcastEvent.types';
 import type { AddImagePayload, NavigateStepPayload, SetStylePayload } from '../modules/edm/types';
@@ -12,7 +12,9 @@ export declare class EDM {
     private communicator;
     private moduleLoader;
     private initialized;
-    constructor(params: EDMParams, config?: EDMConfig | undefined, callbacks?: Partial<BroadcastListeners>);
+    constructor(params: EDMParamsWithJwt, config?: EDMConfig, callbacks?: Partial<BroadcastListeners>);
+    /** @deprecated Use jwt instead of nonce */
+    constructor(params: EDMParamsWithNonce, config?: EDMConfig, callbacks?: Partial<BroadcastListeners>);
     init(): Promise<void>;
     saveDesign(): Promise<import("..").HandledResponse<import("../modules/edm/types").SaveDesignResultPayload, Error>>;
     setStyle(payload: SetStylePayload): Promise<import("..").HandledResponse<import("../modules/edm/types").SetStyleResultPayload, Error>>;

package/dist/cjs/services/edm.js

@@ -9,6 +9,8 @@ const moduleNames_1 = require("../modules/moduleNames");
 const version_1 = require("../version");
 const edmBroadcastModule_1 = require("../modules/edm/edmBroadcastModule");
 const broadcastEventMap_1 = require("../types/event/broadcast/broadcastEventMap");
+const jwtDecoder_1 = require("../helpers/jwtDecoder");
+const authStore_1 = require("../services/authStore");
 class EDM {
     params;
     config;
@@ -23,7 +25,19 @@ class EDM {
     constructor(params, config, callbacks) {
         this.params = params;
         this.config = config;
-        this.nonce = params.nonce;
+        if (params.jwt !== undefined) {
+            const { data, error } = (0, jwtDecoder_1.parseJwt)(params.jwt);
+            if (error) {
+                throw new Error('Failed to decode JWT');
+            }
+            this.nonce = data.nce;
+        }
+        else {
+            this.nonce = params.nonce;
+        }
+        if (params.jwt !== undefined) {
+            authStore_1.AuthStore.getInstance().set(moduleNames_1.MODULE_NAMES.EDM, params.jwt);
+        }
         EDM.broadCastEventHandler = new edmBroadcastModule_1.EdmBroadcastModule(callbacks);
         this.communicator.registerBroadcastDispatcher(moduleNames_1.MODULE_NAMES.EDM, broadcastEventMap_1.EDM_BROADCAST_EVENT_MAP);
         (0, messageLogger_1.setLoggerState)(params?.debug ?? false, messageLogger_1.SOURCES.EDM);
@@ -92,6 +106,7 @@ class EDM {
         }
         this.communicator.cleanup();
         this.moduleLoader.clearCache();
+        authStore_1.AuthStore.getInstance().delete(moduleNames_1.MODULE_NAMES.EDM);
         this.initialized = false;
         EDM.broadCastEventHandler = null;
     }

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

@@ -13,7 +13,7 @@ export declare class Embed {
     readonly catalog: CatalogService;
     readonly mockup: MockupService;
     readonly publish: ProductPublishService;
-    constructor(nonce: string, config?: SdkConfig | undefined);
+    constructor(jwt: string, config?: SdkConfig | undefined);
     init(): Promise<void>;
     destroy(): void;
     getNonce(): string;

package/dist/cjs/services/embed.js

@@ -10,6 +10,8 @@ const productPublishService_1 = require("../modules/product-publish/productPubli
 const messageLogger_1 = require("../helpers/messageLogger");
 const modules_1 = require("../modules/modules");
 const version_1 = require("../version");
+const jwtDecoder_1 = require("../helpers/jwtDecoder");
+const authStore_1 = require("../services/authStore");
 class Embed {
     config;
     static BASE_URL = globalThis.__FYUL_TESTING_VARS__?.sdkUrl ??
@@ -23,9 +25,17 @@ class Embed {
     catalog;
     mockup;
     publish;
-    constructor(nonce, config) {
+    constructor(jwt, config) {
         this.config = config;
-        this.nonce = nonce;
+        const { data, error } = (0, jwtDecoder_1.parseJwt)(jwt);
+        if (error) {
+            // If decoding fails, it means that regular nonce was passed, for now leave as is till deprecation for nonce is finished
+            this.nonce = jwt;
+        }
+        else {
+            this.nonce = data.nce;
+            authStore_1.AuthStore.getInstance().set(modules_1.MODULE_NAMES.SDK, jwt);
+        }
         (0, messageLogger_1.setLoggerState)(config?.debug ?? false, messageLogger_1.SOURCES.SDK);
         // Initialize services
         this.catalog = new catalogService_1.CatalogService();
@@ -78,6 +88,7 @@ class Embed {
         }
         this.communicator.cleanup();
         this.moduleLoader.clearCache();
+        authStore_1.AuthStore.getInstance().delete(modules_1.MODULE_NAMES.SDK);
         this.initialized = false;
     }
     getNonce() {

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

@@ -4,6 +4,7 @@ import { ModuleConfig, ModuleConfigData } from '../types/module/moduleConfig.typ
 export type ModuleInstance = InstanceType<(typeof MODULES)[keyof typeof MODULES]>;
 export declare class ModuleLoaderService {
     private static instance;
+    static BASE_API_URL: string;
     private communicator;
     private moduleCache;
     static getInstance(): ModuleLoaderService;

package/dist/cjs/services/moduleLoaderService.js

@@ -7,6 +7,8 @@ const types_1 = require("../modules/sdk/types");
 const messageLogger_1 = require("../helpers/messageLogger");
 class ModuleLoaderService {
     static instance;
+    static BASE_API_URL = globalThis.__FYUL_TESTING_VARS__?.sdkApiUrl ??
+        'https://ewl.printify.com/api';
     communicator = embedCommunicator_1.EmbedCommunicator.getInstance();
     moduleCache = new Map();
     static getInstance() {
@@ -17,7 +19,7 @@ class ModuleLoaderService {
     }
     getModule(moduleName) {
         if (!this.isModuleLoaded(moduleName)) {
-            const module = new modules_1.MODULES[moduleName]();
+            const module = new modules_1.MODULES[moduleName](ModuleLoaderService.BASE_API_URL);
             this.moduleCache.set(moduleName, module);
         }
         return this.moduleCache.get(moduleName);

package/dist/cjs/services/whiteLabel.js

@@ -10,6 +10,7 @@ const version_1 = require("../version");
 const whiteLabelBroadcastModule_1 = require("../modules/white-label/whiteLabelBroadcastModule");
 const jwtDecoder_1 = require("../helpers/jwtDecoder");
 const broadcastEventMap_1 = require("../types/event/broadcast/broadcastEventMap");
+const authStore_1 = require("../services/authStore");
 class WhiteLabel {
     params;
     config;
@@ -25,6 +26,7 @@ class WhiteLabel {
         this.params = params;
         this.config = config;
         this.jwt = params.jwt;
+        authStore_1.AuthStore.getInstance().set(moduleNames_1.MODULE_NAMES.WHITE_LABEL, params.jwt);
         WhiteLabel.broadCastEventHandler = new whiteLabelBroadcastModule_1.WhiteLabelBroadcastModule(callbacks);
         this.communicator.registerBroadcastDispatcher(moduleNames_1.MODULE_NAMES.WHITE_LABEL, broadcastEventMap_1.WHITE_LABEL_BROADCAST_EVENT_MAP);
         (0, messageLogger_1.setLoggerState)(params?.debug ?? false, messageLogger_1.SOURCES.WHITE_LABEL);
@@ -95,6 +97,7 @@ class WhiteLabel {
         }
         this.communicator.cleanup();
         this.moduleLoader.clearCache();
+        authStore_1.AuthStore.getInstance().delete(moduleNames_1.MODULE_NAMES.WHITE_LABEL);
         this.initialized = false;
         WhiteLabel.broadCastEventHandler = null;
     }

package/dist/cjs/types/event/network/networkEvent.types.d.ts

@@ -0,0 +1,9 @@
+import type { ActionEventPayload } from '../action/actionEventPayload.types';
+import type { ResultEventPayload } from '../result/resultEventPayload.types';
+export type HttpMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
+export interface BaseNetworkRequest<TParams extends ActionEventPayload = undefined, TResponse extends ResultEventPayload = ResultEventPayload> {
+    method: HttpMethod;
+    path: string;
+    params?: TParams;
+    _response?: TResponse;
+}

package/dist/cjs/types/event/network/networkEvent.types.js

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

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION: "2.7.63";
+export declare const VERSION: "2.7.64";

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.63';
+exports.VERSION = '2.7.64';

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

@@ -0,0 +1,11 @@
+import { NotificationEventPayload } from '../types/event/notification/notificationEventPayload.types';
+import { BaseNetworkRequest } from '../types/event/network/networkEvent.types';
+import { ActionEventPayload } from '../types/event/action/actionEventPayload.types';
+import { ResultEventPayload } from '../types/event/result/resultEventPayload.types';
+import { MainModuleKey } from '../services/authStore';
+export declare abstract class BaseFetchModule {
+    protected readonly rootUrl: string;
+    private readonly authKey;
+    protected constructor(rootUrl: string, authKey: MainModuleKey);
+    protected sendFetch<TParams extends ActionEventPayload, TResponse extends ResultEventPayload>(request: BaseNetworkRequest<TParams, TResponse>): Promise<TResponse | NotificationEventPayload>;
+}

package/dist/esm/modules/baseFetchModule.js

@@ -0,0 +1,42 @@
+import { AuthStore } from '../services/authStore';
+export class BaseFetchModule {
+    rootUrl;
+    authKey;
+    constructor(rootUrl, authKey) {
+        this.rootUrl = rootUrl;
+        this.authKey = authKey;
+    }
+    async sendFetch(request) {
+        const { method, path, params } = request;
+        const init = { method };
+        const headers = {};
+        const jwt = AuthStore.getInstance().get(this.authKey);
+        if (jwt) {
+            headers['Authorization'] = `Bearer ${jwt}`;
+        }
+        if (params !== undefined) {
+            headers['Content-Type'] = 'application/json';
+            init.body = JSON.stringify(params);
+        }
+        if (Object.keys(headers).length) {
+            init.headers = headers;
+        }
+        try {
+            const response = await fetch(`${this.rootUrl}${path}`, init);
+            if (!response.ok) {
+                return {
+                    status: 'error',
+                    message: `Fetch failed [${method} ${path}]: ${response.status} ${response.statusText}`,
+                };
+            }
+            return (await response.json());
+        }
+        catch (e) {
+            return {
+                status: 'error',
+                message: e instanceof Error ? e.message : `Fetch failed [${method} ${path}]`,
+                error: e instanceof Error ? e : undefined,
+            };
+        }
+    }
+}

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

@@ -2,9 +2,10 @@ import { ActionEventName } from '../types/event/action/actionEvent.types';
 import { ActionEventPayload } from '../types/event/action/actionEventPayload.types';
 import { ResultEventPayload } from '../types/event/result/resultEventPayload.types';
 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.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);
+import { BaseFetchModule } from '../modules/baseFetchModule';
+import { MainModuleKey } from '../services/authStore';
+export declare abstract class BaseModule extends BaseFetchModule {
+    protected moduleType: MainModuleKey;
+    constructor(moduleType: MainModuleKey, apiRoot?: string);
     protected sendRequest<T extends ResultEventPayload | NotificationEventPayload>(eventName: ActionEventName, eventPayload?: ActionEventPayload): Promise<T>;
 }

package/dist/esm/modules/baseModule.js

@@ -1,7 +1,9 @@
 import { EmbedCommunicator } from '../services/embedCommunicator';
-export class BaseModule {
+import { BaseFetchModule } from '../modules/baseFetchModule';
+export class BaseModule extends BaseFetchModule {
     moduleType;
-    constructor(moduleType) {
+    constructor(moduleType, apiRoot) {
+        super(apiRoot ?? '', moduleType);
         this.moduleType = moduleType;
     }
     async sendRequest(eventName, eventPayload) {

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

@@ -3,7 +3,7 @@ import { BaseModule } from '../../modules/baseModule';
 import { GetCatalogCategoriesResultPayload, GetCatalogProductsByIdsPayload, GetCatalogProductsPayload, GetCatalogProductsResultPayload, GetSingleCatalogProductPayload, GetSingleCatalogProductResultPayload } from './types';
 import { WithHandledResponses } from '../../helpers/typeHelper.types';
 export declare class CatalogModule extends BaseModule implements WithHandledResponses<ICatalogModule> {
-    constructor();
+    constructor(baseApiUrl?: string);
     getProducts(data: GetCatalogProductsPayload): Promise<import("../..").HandledResponse<GetCatalogProductsResultPayload, Error>>;
     getProductsByIds(data: GetCatalogProductsByIdsPayload): Promise<import("../..").HandledResponse<GetCatalogProductsResultPayload, Error>>;
     getProduct(data: GetSingleCatalogProductPayload): Promise<import("../..").HandledResponse<GetSingleCatalogProductResultPayload, Error>>;

package/dist/esm/modules/catalog/catalogModule.js

@@ -2,9 +2,10 @@ import { BaseModule } from '../../modules/baseModule';
 import { EVENTS_ACTION, } from './types';
 import { handleResponse } from '../../helpers/responseHandler';
 import { MODULE_NAMES } from '../../modules/modules';
+import { AuthStore } from '../../services/authStore';
 export class CatalogModule extends BaseModule {
-    constructor() {
-        super(MODULE_NAMES.SDK);
+    constructor(baseApiUrl) {
+        super(MODULE_NAMES.SDK, baseApiUrl);
     }
     async getProducts(data) {
         const response = await this.sendRequest(EVENTS_ACTION.GET_CATALOG_PRODUCTS, data).catch((e) => e);
@@ -19,6 +20,14 @@ export class CatalogModule extends BaseModule {
         return handleResponse(response, 'Failed to get catalog products');
     }
     async getCategories() {
+        const hasJwt = !!AuthStore.getInstance().get(this.moduleType);
+        if (hasJwt) {
+            const response = await this.sendFetch({
+                method: 'POST',
+                path: '/v1/sdk/get-catalog-categories',
+            });
+            return handleResponse(response, 'Failed to get catalog categories');
+        }
         const response = await this.sendRequest(EVENTS_ACTION.GET_CATALOG_CATEGORIES).catch((e) => e);
         return handleResponse(response, 'Failed to get catalog categories');
     }

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

@@ -124,8 +124,7 @@ export type EDMParams = ({
     elementId: string;
     element?: null;
 } & EDMCommonParams);
-export interface EDMCommonParams {
-    nonce: string;
+interface EDMCommonParamsBase {
     externalProductId: string;
     iframeClassName?: string;
     origin?: string;
@@ -136,6 +135,25 @@ export interface EDMCommonParams {
     };
     debug?: boolean;
 }
+interface EDMJwtParams extends EDMCommonParamsBase {
+    jwt: string;
+    nonce?: never;
+}
+interface EDMNonceParams extends EDMCommonParamsBase {
+    /** @deprecated Use jwt instead */
+    nonce: string;
+    jwt?: never;
+}
+export type EDMCommonParams = EDMJwtParams | EDMNonceParams;
+type EDMElementVariants = {
+    element: HTMLElement;
+    elementId?: null;
+} | {
+    elementId: string;
+    element?: null;
+};
+export type EDMParamsWithJwt = EDMElementVariants & EDMJwtParams;
+export type EDMParamsWithNonce = EDMElementVariants & EDMNonceParams;
 export interface Message {
     type: string;
     message: string;
@@ -214,3 +232,4 @@ export interface TOSStepResponse extends OnStepStatusUpdateEvent {
     stepData: TOSStepData;
 }
 export type StepResponse = MockupStepResponse | PricingEditStepResponse | DetailsEditStepResponse | TOSStepResponse;
+export {};

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

@@ -45,5 +45,9 @@ export interface JWTData {
     scp: string[];
     iat: number;
     exp: number;
-    cid: string;
+    cid?: string;
+    mka?: number;
+    mkt?: string;
+    pid?: string;
+    cur?: string;
 }

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

@@ -0,0 +1,10 @@
+import { MODULE_DEPENDENCY_MAP } from '../modules/modules';
+export type MainModuleKey = (typeof MODULE_DEPENDENCY_MAP)[keyof typeof MODULE_DEPENDENCY_MAP];
+export declare class AuthStore {
+    private static instance;
+    private tokens;
+    static getInstance(): AuthStore;
+    set(key: MainModuleKey, jwt: string): void;
+    get(key: MainModuleKey): string | undefined;
+    delete(key: MainModuleKey): void;
+}

package/dist/esm/services/authStore.js

@@ -0,0 +1,19 @@
+export class AuthStore {
+    static instance;
+    tokens = new Map();
+    static getInstance() {
+        if (!AuthStore.instance) {
+            AuthStore.instance = new AuthStore();
+        }
+        return AuthStore.instance;
+    }
+    set(key, jwt) {
+        this.tokens.set(key, jwt);
+    }
+    get(key) {
+        return this.tokens.get(key);
+    }
+    delete(key) {
+        this.tokens.delete(key);
+    }
+}

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

@@ -1,4 +1,4 @@
-import { EDMConfig, EDMParams } from '../modules/edm/types/data.types';
+import { EDMConfig, EDMParamsWithJwt, EDMParamsWithNonce } from '../modules/edm/types/data.types';
 import { EdmBroadcastModule } from '../modules/edm/edmBroadcastModule';
 import { BroadcastListeners } from '../modules/edm/types/event/broadcastEvent.types';
 import type { AddImagePayload, NavigateStepPayload, SetStylePayload } from '../modules/edm/types';
@@ -12,7 +12,9 @@ export declare class EDM {
     private communicator;
     private moduleLoader;
     private initialized;
-    constructor(params: EDMParams, config?: EDMConfig | undefined, callbacks?: Partial<BroadcastListeners>);
+    constructor(params: EDMParamsWithJwt, config?: EDMConfig, callbacks?: Partial<BroadcastListeners>);
+    /** @deprecated Use jwt instead of nonce */
+    constructor(params: EDMParamsWithNonce, config?: EDMConfig, callbacks?: Partial<BroadcastListeners>);
     init(): Promise<void>;
     saveDesign(): Promise<import("..").HandledResponse<import("../modules/edm/types").SaveDesignResultPayload, Error>>;
     setStyle(payload: SetStylePayload): Promise<import("..").HandledResponse<import("../modules/edm/types").SetStyleResultPayload, Error>>;

package/dist/esm/services/edm.js

@@ -6,6 +6,8 @@ import { MODULE_NAMES } from '../modules/moduleNames';
 import { VERSION } from '../version';
 import { EdmBroadcastModule } from '../modules/edm/edmBroadcastModule';
 import { EDM_BROADCAST_EVENT_MAP } from '../types/event/broadcast/broadcastEventMap';
+import { parseJwt } from '../helpers/jwtDecoder';
+import { AuthStore } from '../services/authStore';
 export class EDM {
     params;
     config;
@@ -20,7 +22,19 @@ export class EDM {
     constructor(params, config, callbacks) {
         this.params = params;
         this.config = config;
-        this.nonce = params.nonce;
+        if (params.jwt !== undefined) {
+            const { data, error } = parseJwt(params.jwt);
+            if (error) {
+                throw new Error('Failed to decode JWT');
+            }
+            this.nonce = data.nce;
+        }
+        else {
+            this.nonce = params.nonce;
+        }
+        if (params.jwt !== undefined) {
+            AuthStore.getInstance().set(MODULE_NAMES.EDM, params.jwt);
+        }
         EDM.broadCastEventHandler = new EdmBroadcastModule(callbacks);
         this.communicator.registerBroadcastDispatcher(MODULE_NAMES.EDM, EDM_BROADCAST_EVENT_MAP);
         setLoggerState(params?.debug ?? false, SOURCES.EDM);
@@ -89,6 +103,7 @@ export class EDM {
         }
         this.communicator.cleanup();
         this.moduleLoader.clearCache();
+        AuthStore.getInstance().delete(MODULE_NAMES.EDM);
         this.initialized = false;
         EDM.broadCastEventHandler = null;
     }

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

@@ -13,7 +13,7 @@ export declare class Embed {
     readonly catalog: CatalogService;
     readonly mockup: MockupService;
     readonly publish: ProductPublishService;
-    constructor(nonce: string, config?: SdkConfig | undefined);
+    constructor(jwt: string, config?: SdkConfig | undefined);
     init(): Promise<void>;
     destroy(): void;
     getNonce(): string;

package/dist/esm/services/embed.js

@@ -7,6 +7,8 @@ import { ProductPublishService } from '../modules/product-publish/productPublish
 import { LOG_TYPES, logEmbedMessage, setLoggerState, SOURCES, } from '../helpers/messageLogger';
 import { MODULE_NAMES } from '../modules/modules';
 import { VERSION } from '../version';
+import { parseJwt } from '../helpers/jwtDecoder';
+import { AuthStore } from '../services/authStore';
 export class Embed {
     config;
     static BASE_URL = globalThis.__FYUL_TESTING_VARS__?.sdkUrl ??
@@ -20,9 +22,17 @@ export class Embed {
     catalog;
     mockup;
     publish;
-    constructor(nonce, config) {
+    constructor(jwt, config) {
         this.config = config;
-        this.nonce = nonce;
+        const { data, error } = parseJwt(jwt);
+        if (error) {
+            // If decoding fails, it means that regular nonce was passed, for now leave as is till deprecation for nonce is finished
+            this.nonce = jwt;
+        }
+        else {
+            this.nonce = data.nce;
+            AuthStore.getInstance().set(MODULE_NAMES.SDK, jwt);
+        }
         setLoggerState(config?.debug ?? false, SOURCES.SDK);
         // Initialize services
         this.catalog = new CatalogService();
@@ -75,6 +85,7 @@ export class Embed {
         }
         this.communicator.cleanup();
         this.moduleLoader.clearCache();
+        AuthStore.getInstance().delete(MODULE_NAMES.SDK);
         this.initialized = false;
     }
     getNonce() {

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

@@ -4,6 +4,7 @@ import { ModuleConfig, ModuleConfigData } from '../types/module/moduleConfig.typ
 export type ModuleInstance = InstanceType<(typeof MODULES)[keyof typeof MODULES]>;
 export declare class ModuleLoaderService {
     private static instance;
+    static BASE_API_URL: string;
     private communicator;
     private moduleCache;
     static getInstance(): ModuleLoaderService;

package/dist/esm/services/moduleLoaderService.js

@@ -4,6 +4,8 @@ import { EVENTS_ACTION } from '../modules/sdk/types';
 import { LOG_TYPES, logEmbedMessage } from '../helpers/messageLogger';
 export class ModuleLoaderService {
     static instance;
+    static BASE_API_URL = globalThis.__FYUL_TESTING_VARS__?.sdkApiUrl ??
+        'https://ewl.printify.com/api';
     communicator = EmbedCommunicator.getInstance();
     moduleCache = new Map();
     static getInstance() {
@@ -14,7 +16,7 @@ export class ModuleLoaderService {
     }
     getModule(moduleName) {
         if (!this.isModuleLoaded(moduleName)) {
-            const module = new MODULES[moduleName]();
+            const module = new MODULES[moduleName](ModuleLoaderService.BASE_API_URL);
             this.moduleCache.set(moduleName, module);
         }
         return this.moduleCache.get(moduleName);

package/dist/esm/services/whiteLabel.js

@@ -7,6 +7,7 @@ import { VERSION } from '../version';
 import { WhiteLabelBroadcastModule } from '../modules/white-label/whiteLabelBroadcastModule';
 import { parseJwt } from '../helpers/jwtDecoder';
 import { WHITE_LABEL_BROADCAST_EVENT_MAP } from '../types/event/broadcast/broadcastEventMap';
+import { AuthStore } from '../services/authStore';
 export class WhiteLabel {
     params;
     config;
@@ -22,6 +23,7 @@ export class WhiteLabel {
         this.params = params;
         this.config = config;
         this.jwt = params.jwt;
+        AuthStore.getInstance().set(MODULE_NAMES.WHITE_LABEL, params.jwt);
         WhiteLabel.broadCastEventHandler = new WhiteLabelBroadcastModule(callbacks);
         this.communicator.registerBroadcastDispatcher(MODULE_NAMES.WHITE_LABEL, WHITE_LABEL_BROADCAST_EVENT_MAP);
         setLoggerState(params?.debug ?? false, SOURCES.WHITE_LABEL);
@@ -92,6 +94,7 @@ export class WhiteLabel {
         }
         this.communicator.cleanup();
         this.moduleLoader.clearCache();
+        AuthStore.getInstance().delete(MODULE_NAMES.WHITE_LABEL);
         this.initialized = false;
         WhiteLabel.broadCastEventHandler = null;
     }

package/dist/esm/types/event/network/networkEvent.types.d.ts

@@ -0,0 +1,9 @@
+import type { ActionEventPayload } from '../action/actionEventPayload.types';
+import type { ResultEventPayload } from '../result/resultEventPayload.types';
+export type HttpMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
+export interface BaseNetworkRequest<TParams extends ActionEventPayload = undefined, TResponse extends ResultEventPayload = ResultEventPayload> {
+    method: HttpMethod;
+    path: string;
+    params?: TParams;
+    _response?: TResponse;
+}

package/dist/esm/types/event/network/networkEvent.types.js

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

package/dist/esm/version.d.ts

@@ -1 +1 @@
-export declare const VERSION: "2.7.63";
+export declare const VERSION: "2.7.64";

package/dist/esm/version.js

@@ -1,2 +1,2 @@
 // AUTO-GENERATED
-export const VERSION = '2.7.63';
+export const VERSION = '2.7.64';

package/package.json

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