@microsoft/omnichannel-amsclient - npm Package Compare versions

Comparing version 0.1.0-main.294e9eb to 0.1.0-main.973b61a

CHANGELOG.md

 # Changelog
 All notable changes to this project will be documented in this file.
 
-## [Unreleased]
+## [Unreleased]
+
+### Added
+- Prevent multiple iframes being loaded

lib/config.js

@@ -1,1 +0,1 @@
-exports.baseUrl = 'https://comms-test.omnichannelengagementhub.com/ams'; exports.sdkVersion = '0.1.0-main.294e9eb';
+exports.baseUrl = 'https://comms.omnichannelengagementhub.com/ams'; exports.sdkVersion = '0.1.0-main.973b61a';

lib/FileMetadata.d.ts

 export default interface FileMetadata {
-    fileSharingProtocolType: number;
+    fileSharingProtocolType?: number;
     id: string;
-    name: string;
-    size: number;
+    name?: string;
+    size?: number;
     type: string;
-    url: string;
+    url?: string;
 }

lib/FramedClient.d.ts

@@ -28,5 +28,5 @@ import AMSFileInfo from "./AMSFileInfo";
     postMessage(eventType: PostMessageEventType, eventName: PostMessageEventName, data?: PostMessageRequestData, resolve?: CallableFunction, reject?: CallableFunction): void;
-    handleEvent(event: MessageEvent<any>): Promise<void>;
-    private createIframe;
+    handleEvent(event: MessageEvent): Promise<void>;
+    private loadIframe;
 }
 export default FramedClient;

lib/FramedClient.js

@@ -81,3 +81,3 @@ "use strict";
                         }
-                        return [4 /*yield*/, this.createIframe()];
+                        return [4 /*yield*/, this.loadIframe()];
                     case 1:
@@ -103,10 +103,16 @@ _a.sent();
             return __generator(this, function (_a) {
-                /* istanbul ignore next */
-                this.debug && console.log("[FramedClient][skypeAuth]");
-                data = {
-                    chatToken: chatToken || this.chatToken
-                };
-                return [2 /*return*/, new Promise(function (resolve, reject) {
-                        _this.postMessage(PostMessageEventType_1.default.Request, PostMessageEventName_1.default.SkypeTokenAuth, data, resolve, reject);
-                    })];
+                switch (_a.label) {
+                    case 0:
+                        /* istanbul ignore next */
+                        this.debug && console.log("[FramedClient][skypeAuth]");
+                        data = {
+                            chatToken: chatToken || this.chatToken
+                        };
+                        return [4 /*yield*/, this.loadIframe()];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/, new Promise(function (resolve, reject) {
+                                _this.postMessage(PostMessageEventType_1.default.Request, PostMessageEventName_1.default.SkypeTokenAuth, data, resolve, reject);
+                            })];
+                }
             });
@@ -121,12 +127,18 @@ });
             return __generator(this, function (_a) {
-                /* istanbul ignore next */
-                this.debug && console.log("[FramedClient][createObject]");
-                data = {
-                    id: id,
-                    file: file,
-                    chatToken: chatToken || this.chatToken
-                };
-                return [2 /*return*/, new Promise(function (resolve, reject) {
-                        _this.postMessage(PostMessageEventType_1.default.Request, PostMessageEventName_1.default.CreateObject, data, resolve, reject);
-                    })];
+                switch (_a.label) {
+                    case 0:
+                        /* istanbul ignore next */
+                        this.debug && console.log("[FramedClient][createObject]");
+                        data = {
+                            id: id,
+                            file: file,
+                            chatToken: chatToken || this.chatToken
+                        };
+                        return [4 /*yield*/, this.loadIframe()];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/, new Promise(function (resolve, reject) {
+                                _this.postMessage(PostMessageEventType_1.default.Request, PostMessageEventName_1.default.CreateObject, data, resolve, reject);
+                            })];
+                }
             });
@@ -141,12 +153,18 @@ });
             return __generator(this, function (_a) {
-                /* istanbul ignore next */
-                this.debug && console.log("[FramedClient][uploadDocument]");
-                data = {
-                    documentId: documentId,
-                    file: file,
-                    chatToken: chatToken || this.chatToken
-                };
-                return [2 /*return*/, new Promise(function (resolve, reject) {
-                        _this.postMessage(PostMessageEventType_1.default.Request, PostMessageEventName_1.default.UploadDocument, data, resolve, reject);
-                    })];
+                switch (_a.label) {
+                    case 0:
+                        /* istanbul ignore next */
+                        this.debug && console.log("[FramedClient][uploadDocument]");
+                        data = {
+                            documentId: documentId,
+                            file: file,
+                            chatToken: chatToken || this.chatToken
+                        };
+                        return [4 /*yield*/, this.loadIframe()];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/, new Promise(function (resolve, reject) {
+                                _this.postMessage(PostMessageEventType_1.default.Request, PostMessageEventName_1.default.UploadDocument, data, resolve, reject);
+                            })];
+                }
             });
@@ -161,9 +179,15 @@ });
             return __generator(this, function (_a) {
-                data = {
-                    fileMetadata: fileMetadata,
-                    chatToken: chatToken || this.chatToken
-                };
-                return [2 /*return*/, new Promise(function (resolve, reject) {
-                        _this.postMessage(PostMessageEventType_1.default.Request, PostMessageEventName_1.default.GetViewStatus, data, resolve, reject);
-                    })];
+                switch (_a.label) {
+                    case 0:
+                        data = {
+                            fileMetadata: fileMetadata,
+                            chatToken: chatToken || this.chatToken
+                        };
+                        return [4 /*yield*/, this.loadIframe()];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/, new Promise(function (resolve, reject) {
+                                _this.postMessage(PostMessageEventType_1.default.Request, PostMessageEventName_1.default.GetViewStatus, data, resolve, reject);
+                            })];
+                }
             });
@@ -178,10 +202,16 @@ });
             return __generator(this, function (_a) {
-                data = {
-                    fileMetadata: fileMetadata,
-                    viewLocation: viewLocation,
-                    chatToken: chatToken || this.chatToken
-                };
-                return [2 /*return*/, new Promise(function (resolve, reject) {
-                        _this.postMessage(PostMessageEventType_1.default.Request, PostMessageEventName_1.default.GetView, data, resolve, reject);
-                    })];
+                switch (_a.label) {
+                    case 0:
+                        data = {
+                            fileMetadata: fileMetadata,
+                            viewLocation: viewLocation,
+                            chatToken: chatToken || this.chatToken
+                        };
+                        return [4 /*yield*/, this.loadIframe()];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/, new Promise(function (resolve, reject) {
+                                _this.postMessage(PostMessageEventType_1.default.Request, PostMessageEventName_1.default.GetView, data, resolve, reject);
+                            })];
+                }
             });
@@ -225,2 +255,6 @@ });
         };
+        if (!this.targetWindow) {
+            console.error('Target window not found!');
+            return;
+        }
         this.targetWindow.postMessage(__assign({ requestId: requestId,
@@ -240,3 +274,6 @@ eventType: eventType,
                 this.debug && console.log(event);
-                this.targetWindow = event.source; // Finds target window to post message back
+                // Finds target window to post message back
+                if (event.source) {
+                    this.targetWindow = event.source;
+                }
                 if (event.data.eventType === PostMessageEventType_1.default.Response) {
@@ -247,23 +284,35 @@ /* istanbul ignore next */
                     if (event.data.eventName === PostMessageEventName_1.default.SkypeTokenAuth) {
-                        this.requestCallbacks[data.requestId].resolve();
-                        delete this.requestCallbacks[data.requestId];
+                        if (data.requestId in this.requestCallbacks) {
+                            this.requestCallbacks[data.requestId].resolve();
+                            delete this.requestCallbacks[data.requestId];
+                        }
                     }
                     else if (event.data.eventName === PostMessageEventName_1.default.CreateObject) {
-                        this.requestCallbacks[data.requestId].resolve(data.response);
-                        delete this.requestCallbacks[data.requestId];
+                        if (data.requestId in this.requestCallbacks) {
+                            this.requestCallbacks[data.requestId].resolve(data.response);
+                            delete this.requestCallbacks[data.requestId];
+                        }
                     }
                     else if (event.data.eventName === PostMessageEventName_1.default.UploadDocument) {
-                        this.requestCallbacks[data.requestId].resolve(data.response);
-                        delete this.requestCallbacks[data.requestId];
+                        if (data.requestId in this.requestCallbacks) {
+                            this.requestCallbacks[data.requestId].resolve(data.response);
+                            delete this.requestCallbacks[data.requestId];
+                        }
                     }
                     else if (event.data.eventName === PostMessageEventName_1.default.GetViewStatus) {
-                        this.requestCallbacks[data.requestId].resolve(data.response);
-                        delete this.requestCallbacks[data.requestId];
+                        if (data.requestId in this.requestCallbacks) {
+                            this.requestCallbacks[data.requestId].resolve(data.response);
+                            delete this.requestCallbacks[data.requestId];
+                        }
                     }
                     else if (event.data.eventName === PostMessageEventName_1.default.GetView) {
-                        this.requestCallbacks[data.requestId].resolve(data.response);
-                        delete this.requestCallbacks[data.requestId];
+                        if (data.requestId in this.requestCallbacks) {
+                            this.requestCallbacks[data.requestId].resolve(data.response);
+                            delete this.requestCallbacks[data.requestId];
+                        }
                     }
                     else if (event.data.eventName === PostMessageEventName_1.default.SendTelemetry) {
-                        (_a = this.logger) === null || _a === void 0 ? void 0 : _a.log(data.logLevel, data.logData.Event, data.logData);
+                        if (data.requestId in this.requestCallbacks) {
+                            (_a = this.logger) === null || _a === void 0 ? void 0 : _a.log(data.logLevel, data.logData.Event, data.logData);
+                        }
                     }
@@ -275,3 +324,3 @@ }
     };
-    FramedClient.prototype.createIframe = function () {
+    FramedClient.prototype.loadIframe = function () {
         return __awaiter(this, void 0, void 0, function () {
@@ -283,2 +332,8 @@ var iframeId;
                 return [2 /*return*/, new Promise(function (resolve, reject) {
+                        var iframeElements = Array.from(document.getElementsByTagName('iframe'));
+                        var foundIframeElement = iframeElements.filter(function (iframeElement) { return iframeElement.id == iframeId; });
+                        // Avoid duplicate load
+                        if (foundIframeElement.length) {
+                            return resolve();
+                        }
                         var iframeElement = document.createElement('iframe');
@@ -285,0 +340,0 @@ iframeElement.id = iframeId;

package.json

 {
   "name": "@microsoft/omnichannel-amsclient",
-  "version": "0.1.0-main.294e9eb",
+  "version": "0.1.0-main.973b61a",
   "description": "Microsoft Omnichannel AMSClient",
@@ -5,0 +5,0 @@ "files": [

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

208349

increased by1.83%

Lines of code

1621

increased by3.51%

No dependency changes