@fyul/embed-sdk 2.7.0 → 2.7.2

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/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.d.ts

@@ -16,4 +16,5 @@ export declare class Embed {
     constructor(nonce: string, config?: SdkConfig | undefined);
     init(): Promise<void>;
     destroy(): void;
+    getNonce(): string;
 }

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();
@@ -79,5 +80,8 @@ class Embed {
         this.moduleLoader.clearCache();
         this.initialized = false;
     }
+    getNonce() {
+        return this.nonce;
+    }
 }
 exports.Embed = Embed;

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;

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/version.d.ts

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

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.0';
+exports.VERSION = '2.7.2';

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/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.d.ts

@@ -16,4 +16,5 @@ export declare class Embed {
     constructor(nonce: string, config?: SdkConfig | undefined);
     init(): Promise<void>;
     destroy(): void;
+    getNonce(): string;
 }

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();
@@ -76,4 +77,7 @@ export class Embed {
         this.moduleLoader.clearCache();
         this.initialized = false;
     }
+    getNonce() {
+        return this.nonce;
+    }
 }

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;

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/version.d.ts

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

package/dist/esm/version.js

@@ -1,2 +1,2 @@
 // AUTO-GENERATED
-export const VERSION = '2.7.0';
+export const VERSION = '2.7.2';

package/package.json

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