copper-sdk 0.6.3 → 0.7.1

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+## 0.7.1
+
+* Add support for parallel asynchronous requests
+
+## 0.7.0
+
+* Bump all dependencies as far as they can go on Node 10

package/README.md

@@ -1,10 +1,8 @@
 Copper App SDK
 ====================
 
-[![Travis branch](https://img.shields.io/travis/ProsperWorks/copper-sdk/master.svg?style=flat-square)](https://travis-ci.org/ProsperWorks/copper-sdk)
 [![npm](https://img.shields.io/npm/v/copper-sdk.svg?style=flat-square)](https://www.npmjs.com/package/copper-sdk)
-[![Test Coverage](https://api.codeclimate.com/v1/badges/d8ef6bf3d4669616c465/test_coverage)](https://codeclimate.com/github/ProsperWorks/copper-sdk/test_coverage)
-[![Maintainability](https://api.codeclimate.com/v1/badges/d8ef6bf3d4669616c465/maintainability)](https://codeclimate.com/github/ProsperWorks/copper-sdk/maintainability)
+
 
 The javascript SDK provides client-side functionalities for adding embedded app to the Copper web client.
 
@@ -51,6 +49,9 @@ https://docs.copper.com/copper-sdk
 
 ## Development
 ### Prerequisites
+
+We recommend Node 10 or newer.
+
 Confirm all packages have been installed before development. Yarn will be used for this particular project.
 
 ```bash
@@ -60,8 +61,10 @@ yarn
 ### Developing SDK
 ```bash
 ## watch changes
+yarn dev
+
+## or run separately
 yarn dev:es
-# or
 yarn dev:commonjs
 
 ## build

package/dist/copper-sdk.js

@@ -2,21 +2,21 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
     typeof define === 'function' && define.amd ? define(factory) :
     (global = global || self, global.Copper = factory());
-}(this, function () { 'use strict';
+}(this, (function () { 'use strict';
 
     /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation. All rights reserved.
-    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-    this file except in compliance with the License. You may obtain a copy of the
-    License at http://www.apache.org/licenses/LICENSE-2.0
+    Copyright (c) Microsoft Corporation.
 
-    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-    MERCHANTABLITY OR NON-INFRINGEMENT.
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
 
-    See the Apache Version 2.0 License for specific language governing permissions
-    and limitations under the License.
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
 
     var __assign = function() {
@@ -31,10 +31,11 @@
     };
 
     function __awaiter(thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
         return new (P || (P = Promise))(function (resolve, reject) {
             function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
             function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-            function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
             step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
     }
@@ -67,7 +68,7 @@
         }
     }
 
-    var version = "0.6.3";
+    var version = "0.7.1";
 
     var ENTITY_PATH_MAP = {
         lead: 'leads',
@@ -163,14 +164,29 @@
                 _this._resolve = resolve;
                 _this._reject = reject;
             });
+            this._id = Deferred.getNextId();
         }
+        Deferred.resetNextId = function () {
+            Deferred._nextId = 0;
+        };
+        Deferred.getNextId = function () {
+            return Deferred._nextId++;
+        };
         Object.defineProperty(Deferred.prototype, "promise", {
             get: function () {
                 return this._promise;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
+        Object.defineProperty(Deferred.prototype, "id", {
+            get: function () {
+                return this._id;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Deferred._nextId = 0;
         return Deferred;
     }());
 
@@ -339,14 +355,14 @@
             get: function () {
                 return version;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(Copper.prototype, "win", {
             get: function () {
                 return this._win;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Copper.prototype.getContext = function () {
@@ -563,15 +579,19 @@
                 });
             });
         };
-        Copper.prototype._postMessage = function (type, message) {
+        Copper.prototype._postMessage = function (type, message, id) {
+            var _a;
             if (message === void 0) { message = {}; }
-            this.win.top.postMessage(__assign({}, message, { 
+            if (id === void 0) { id = -1; }
+            (_a = this.win.top) === null || _a === void 0 ? void 0 : _a.postMessage(__assign(__assign({}, message), { 
                 // as a credential to the parent frame, so parent frame can recoganize the origin
                 instanceId: this.instanceId, 
                 // tell parent frame current sdk version
                 version: version,
                 // type of message
-                type: type }), this.parentOrigin);
+                type: type,
+                // optional id for message
+                id: id }), this.parentOrigin);
         };
         Copper.prototype._listenMessage = function () {
             var _this = this;
@@ -581,7 +601,7 @@
                 }
                 // if type is a deferred type, we resolve it
                 // otherwise we do something else
-                _this._resolveDeferred(event.data.type, event.data);
+                _this._resolveDeferred(event.data.type, event.data.id, event.data);
                 // if event type exists, we pass the event to SDK
                 // so sdk user can subscribe those events
                 if (event.data.type) {
@@ -597,12 +617,17 @@
             createArrayWhenEmpty(this.deferredQueues, queueName);
             this.deferredQueues[queueName].push(deferred);
         };
-        Copper.prototype._resolveDeferred = function (queueName, data) {
-            if (!this.deferredQueues[queueName]) {
+        Copper.prototype._resolveDeferred = function (queueName, messageId, data) {
+            var queue = this.deferredQueues[queueName];
+            if (!queue) {
                 return;
             }
-            var deferred = this.deferredQueues[queueName].shift();
+            var foundIdx = queue.findIndex(function (d) {
+                return d.id === messageId;
+            });
+            var deferred = queue[foundIdx];
             if (deferred) {
+                queue.splice(foundIdx, 1);
                 if (data.error) {
                     return deferred.reject(data.error);
                 }
@@ -641,17 +666,17 @@
         Copper.prototype._createDeferredMethod = function (queueName, executor) {
             var deferred = new Deferred();
             this._enqueueDeferred(queueName, deferred);
-            executor();
+            executor(deferred);
             return deferred.promise;
         };
-        Copper.prototype._deferredPost = function (name$$1, data) {
+        Copper.prototype._deferredPost = function (name, data) {
             var _this = this;
-            return this._createDeferredMethod(name$$1, function () {
+            return this._createDeferredMethod(name, function (deferred) {
                 if (data) {
-                    _this._postMessage(name$$1, data);
+                    _this._postMessage(name, data, deferred.id);
                 }
                 else {
-                    _this._postMessage(name$$1);
+                    _this._postMessage(name, {}, deferred.id);
                 }
             });
         };
@@ -667,4 +692,4 @@
 
     return Copper;
 
-}));
+})));

package/dist/copper-sdk.min.js

@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).Copper=e()}(this,function(){"use strict";var n=function(){return(n=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)};function e(o,s,a,u){return new(a||(a=Promise))(function(t,e){function n(t){try{r(u.next(t))}catch(t){e(t)}}function i(t){try{r(u.throw(t))}catch(t){e(t)}}function r(e){e.done?t(e.value):new a(function(t){t(e.value)}).then(n,i)}r((u=u.apply(o,s||[])).next())})}function f(n,i){var r,o,s,t,a={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]};return t={next:e(0),throw:e(1),return:e(2)},"function"==typeof Symbol&&(t[Symbol.iterator]=function(){return this}),t;function e(e){return function(t){return function(e){if(r)throw new TypeError("Generator is already executing.");for(;a;)try{if(r=1,o&&(s=2&e[0]?o.return:e[0]?o.throw||((s=o.return)&&s.call(o),0):o.next)&&!(s=s.call(o,e[1])).done)return s;switch(o=0,s&&(e=[2&e[0],s.value]),e[0]){case 0:case 1:s=e;break;case 4:return a.label++,{value:e[1],done:!1};case 5:a.label++,o=e[1],e=[0];continue;case 7:e=a.ops.pop(),a.trys.pop();continue;default:if(!(s=0<(s=a.trys).length&&s[s.length-1])&&(6===e[0]||2===e[0])){a=0;continue}if(3===e[0]&&(!s||s[0]<e[1]&&e[1]<s[3])){a.label=e[1];break}if(6===e[0]&&a.label<s[1]){a.label=s[1],s=e;break}if(s&&a.label<s[2]){a.label=s[2],a.ops.push(e);break}s[2]&&a.ops.pop(),a.trys.pop();continue}e=i.call(n,a)}catch(t){e=[6,t],o=0}finally{r=s=0}if(5&e[0])throw e[1];return{value:e[0]?e[1]:void 0,done:!0}}([e,t])}}}var h,t,r="0.6.3",l={lead:"leads",person:"people",company:"companies",opportunity:"opportunities",task:"tasks",project:"projects"};(t=h||(h={})).ActivityLog="ActivityLog",t.ListView="ListView",t.Related="Related";var o=function(){function t(){var n=this;this.resolve=function(t){n._resolve(t)},this.reject=function(t){n._reject(t)},this._promise=new Promise(function(t,e){n._resolve=t,n._reject=e})}return Object.defineProperty(t.prototype,"promise",{get:function(){return this._promise},enumerable:!0,configurable:!0}),t}();function s(t,e){void 0===e&&(e=""),e||(e=window.location.href),t=t.replace(/[[]]/g,"\\$&");var n=RegExp("[?&]"+t+"(=([^&#]*)|&|#|$)").exec(e);return n&&n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):""}function a(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];console.log.apply(console,t)}function u(t,e){t[e]||(t[e]=[])}function y(t,e){void 0===e&&(e=1e3),setTimeout(function(){t()},e)}var c=function(){function t(t,e,n,i){void 0===n&&(n=[]);var r=this._getEntityDataDefinition(e,n);r.type={enumerable:!1,writable:!1,value:t},r._onSave={enumerable:!1,value:i},Object.defineProperties(this,r)}return t.prototype.save=function(){return e(this,void 0,void 0,function(){return f(this,function(t){switch(t.label){case 0:return this._onSave?[4,this._onSave(this)]:[3,2];case 1:return[2,t.sent()];case 2:return[2,null]}})})},t.prototype.toJSON=function(){return JSON.stringify(this.toObject())},t.prototype.toObject=function(){var e=this,n={};return Object.keys(this).forEach(function(t){n[t]=e[t]}),n},t.prototype._getEntityDataDefinition=function(e,n){void 0===n&&(n=[]);var i={};return Object.keys(e).forEach(function(t){i[t]=-1==n.indexOf(t)?{get:function(){return e[t]},set:function(){a("property "+t+" is read only")},enumerable:!0}:{value:e[t],writable:!0,enumerable:!0}}),i},t}();return function(){function i(t,e,n,i){if(void 0===i&&(i=window),this.parentOrigin=t,this.instanceId=e,this.options=n,this._win=i,this.deferredQueues={},this.events={},!this.parentOrigin||!this.instanceId)throw new TypeError("parentOrigin or instanceId is empty");this._listenMessage(),this._subscribeContextUpdated(),this._postMessage("init")}return i.init=function(){var t=s("origin"),e=s("instanceId"),n={isGlobal:"1"===s("isGlobal")};if(!("undefined"==typeof window?(a("Copper can only run in browser environment"),0):(window.top===window&&a("Copper should be inside an iframe, otherwise it might not work as expected."),1)))throw Error("Environment checking does not pass.");return new i(t,e,n)},Object.defineProperty(i,"version",{get:function(){return r},enumerable:!0,configurable:!0}),Object.defineProperty(i.prototype,"win",{get:function(){return this._win},enumerable:!0,configurable:!0}),i.prototype.getContext=function(){return e(this,void 0,void 0,function(){var e;return f(this,function(t){switch(t.label){case 0:return[4,this._deferredPost("getContext")];case 1:return e=t.sent(),[2,this._createContextModel(e)]}})})},i.prototype.getUserInfo=function(){return e(this,void 0,void 0,function(){return f(this,function(t){return[2,this._deferredPost("getUserInfo")]})})},i.prototype.getRouteInfo=function(){return e(this,void 0,void 0,function(){return f(this,function(t){return[2,this._deferredPost("getRouteInfo")]})})},i.prototype.saveContext=function(n){return e(this,void 0,void 0,function(){var e;return f(this,function(t){switch(t.label){case 0:return[4,this._deferredPost("saveContext",{data:{entityType:n.type,entityData:n.toObject()}})];case 1:return e=t.sent(),[2,this._createContextModel(e)]}})})},i.prototype.setAppUI=function(t){this._postMessage("setUI",{data:t})},i.prototype.showModal=function(t){void 0===t&&(t={}),this._postMessage("showModal",{params:t})},i.prototype.closeModal=function(){this._postMessage("closeModal")},i.prototype.publishMessage=function(t,e,n){void 0===n&&(n={}),this._postMessage("publishMessage",{target:e,data:{type:t,msg:n}})},i.prototype.logActivity=function(s,a,u,c){return void 0===c&&(c=0),e(this,void 0,void 0,function(){var o;return f(this,function(t){switch(t.label){case 0:return[4,this._getCachedContext()];case 1:return o=t.sent(),r={parent:{type:(e=o).type,id:e.id},type:{category:"user",id:(n={activityType:s,details:a,activityDate:u}).activityType},details:n.details},(i=n.activityDate)&&(r.activity_date=i),[2,this._action({url:"/v1/activities",method:"POST",data:r,target:{name:h.ActivityLog}},c)]}var e,n,i,r})})},i.prototype.createEntity=function(c,p,d){return void 0===d&&(d=0),e(this,void 0,void 0,function(){var r,o,s,a,u=this;return f(this,function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),[4,this._getCachedContext()];case 1:return r=t.sent(),[3,3];case 2:return t.sent(),r={},[3,3];case 3:return s=(o={url:"/v1/"+l[n=(e={entityType:c,data:p}).entityType],method:"POST",data:i=e.data,target:n===r.type?{name:h.ListView,data:{entityType:n,entityData:i}}:null}).target,[4,this.api(o.url,{method:o.method,body:JSON.stringify(o.data)})];case 4:return a=t.sent(),s&&s.data&&(s.data.entityData=a,y(function(){u.refreshUI(s)},d)),[2,a]}var e,n,i})})},i.prototype.relateEntity=function(a,u,c,p){return void 0===p&&(p=0),e(this,void 0,void 0,function(){var s;return f(this,function(t){switch(t.label){case 0:return[4,this._getCachedContext()];case 1:return s=t.sent(),e=s,[2,this._action({url:"/v1/"+l[i=(n={entityType:a,entityId:parseInt(u,10),data:c}).entityType]+"/"+(r=n.entityId)+"/related",method:"POST",data:{resource:o=n.data},target:i===e.type&&r===e.id?{name:h.Related,data:o}:null},p)]}var e,n,i,r,o})})},i.prototype.refreshUI=function(t){this._postMessage("refreshUI",{target:t})},i.prototype.on=function(t,e){u(this.events,t),this.events[t].push(e)},i.prototype.trigger=function(t,e){var n=this;this.events[t]&&this.events[t].forEach(function(t){t.call(n,e)})},i.prototype.api=function(t,e){if(!t)return Promise.reject({id:"sdk-api",version:i.version,detail:"url cannot be empty"});if(e&&e.body)try{JSON.parse(e.body)}catch(t){return Promise.reject({id:"sdk-api",version:i.version,detail:"body must be a valid JSON string"})}return this._deferredPost("api",{url:t,options:e})},i.prototype.navigateToEntityDetail=function(t,e){return this._deferredPost("navigateToEntityDetail",{entityType:t,entityId:e})},i.prototype.getSelectedRecords=function(t){var e=void 0===t?{}:t,n=e.pageSize,i=e.pageNumber;return this._deferredPost("getSelectedRecords",{pageSize:void 0===n?100:n,pageNumber:void 0===i?0:i})},i.prototype.getConfig=function(){return this._deferredPost("getConfig")},i.prototype._getCachedContext=function(){return e(this,void 0,void 0,function(){return f(this,function(t){switch(t.label){case 0:return this._context?[2,this._context]:[4,this.getContext()];case 1:return[2,t.sent().context]}})})},i.prototype._postMessage=function(t,e){void 0===e&&(e={}),this.win.top.postMessage(n({},e,{instanceId:this.instanceId,version:r,type:t}),this.parentOrigin)},i.prototype._listenMessage=function(){var e=this;this.win.addEventListener("message",function(t){e._isOriginValid(t)&&(e._resolveDeferred(t.data.type,t.data),t.data.type&&e.trigger(t.data.type,t.data.msg||t.data.data))},!1)},i.prototype._isOriginValid=function(t){return t.origin===this.parentOrigin},i.prototype._enqueueDeferred=function(t,e){u(this.deferredQueues,t),this.deferredQueues[t].push(e)},i.prototype._resolveDeferred=function(t,e){if(this.deferredQueues[t]){var n=this.deferredQueues[t].shift();if(n){if(e.error)return n.reject(e.error);n.resolve(e.data)}}},i.prototype._createContextModel=function(t){var e=t.entityType,n=new c(e,t.entityData,t.editableFields,this.saveContext.bind(this));return{type:e,context:this._context=n}},i.prototype._action=function(t,i){var r=t.url,o=t.method,s=t.data,a=t.target;return e(this,void 0,void 0,function(){var e,n=this;return f(this,function(t){switch(t.label){case 0:return[4,this.api(r,{method:o,body:JSON.stringify(s)})];case 1:return e=t.sent(),a&&y(function(){n.refreshUI(a)},i),[2,e]}})})},i.prototype._createDeferredMethod=function(t,e){var n=new o;return this._enqueueDeferred(t,n),e(),n.promise},i.prototype._deferredPost=function(t,e){var n=this;return this._createDeferredMethod(t,function(){e?n._postMessage(t,e):n._postMessage(t)})},i.prototype._subscribeContextUpdated=function(){var t=this;this.on("contextUpdated",function(){t._context=null})},i}()});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).Copper=e()}(this,function(){"use strict";var r=function(){return(r=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)};function e(t,s,a,u){return new(a=a||Promise)(function(n,e){function i(t){try{o(u.next(t))}catch(t){e(t)}}function r(t){try{o(u.throw(t))}catch(t){e(t)}}function o(t){var e;t.done?n(t.value):((e=t.value)instanceof a?e:new a(function(t){t(e)})).then(i,r)}o((u=u.apply(t,s||[])).next())})}function p(i,r){var o,s,a,u={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]},t={next:e(0),throw:e(1),return:e(2)};return"function"==typeof Symbol&&(t[Symbol.iterator]=function(){return this}),t;function e(n){return function(t){var e=[n,t];if(o)throw new TypeError("Generator is already executing.");for(;u;)try{if(o=1,s&&(a=2&e[0]?s.return:e[0]?s.throw||((a=s.return)&&a.call(s),0):s.next)&&!(a=a.call(s,e[1])).done)return a;switch(s=0,(e=a?[2&e[0],a.value]:e)[0]){case 0:case 1:a=e;break;case 4:return u.label++,{value:e[1],done:!1};case 5:u.label++,s=e[1],e=[0];continue;case 7:e=u.ops.pop(),u.trys.pop();continue;default:if(!(a=0<(a=u.trys).length&&a[a.length-1])&&(6===e[0]||2===e[0])){u=0;continue}if(3===e[0]&&(!a||a[0]<e[1]&&e[1]<a[3]))u.label=e[1];else if(6===e[0]&&u.label<a[1])u.label=a[1],a=e;else{if(!a||a[2]<=u.label){a[2]&&u.ops.pop(),u.trys.pop();continue}u.label=a[2],u.ops.push(e)}}e=r.call(i,u)}catch(t){e=[6,t],s=0}finally{o=a=0}if(5&e[0])throw e[1];return{value:e[0]?e[1]:void 0,done:!0}}}}var f,t,o="0.7.1",h={lead:"leads",person:"people",company:"companies",opportunity:"opportunities",task:"tasks",project:"projects"};(t=f=f||{}).ActivityLog="ActivityLog",t.ListView="ListView",t.Related="Related";s.resetNextId=function(){s._nextId=0},s.getNextId=function(){return s._nextId++},Object.defineProperty(s.prototype,"promise",{get:function(){return this._promise},enumerable:!1,configurable:!0}),Object.defineProperty(s.prototype,"id",{get:function(){return this._id},enumerable:!1,configurable:!0}),s._nextId=0;var i=s;function s(){var n=this;this.resolve=function(t){n._resolve(t)},this.reject=function(t){n._reject(t)},this._promise=new Promise(function(t,e){n._resolve=t,n._reject=e}),this._id=s.getNextId()}function a(t,e){e=(e=void 0===e?"":e)||window.location.href,t=t.replace(/[[]]/g,"\\$&");t=RegExp("[?&]"+t+"(=([^&#]*)|&|#|$)").exec(e);return t&&t[2]?decodeURIComponent(t[2].replace(/\+/g," ")):""}function u(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];console.log.apply(console,t)}function n(t,e){t[e]||(t[e]=[])}function l(t,e){setTimeout(function(){t()},e=void 0===e?1e3:e)}d.prototype.save=function(){return e(this,void 0,void 0,function(){return p(this,function(t){switch(t.label){case 0:return this._onSave?[4,this._onSave(this)]:[3,2];case 1:return[2,t.sent()];case 2:return[2,null]}})})},d.prototype.toJSON=function(){return JSON.stringify(this.toObject())},d.prototype.toObject=function(){var e=this,n={};return Object.keys(this).forEach(function(t){n[t]=e[t]}),n},d.prototype._getEntityDataDefinition=function(e,n){void 0===n&&(n=[]);var i={};return Object.keys(e).forEach(function(t){~n.indexOf(t)?i[t]={value:e[t],writable:!0,enumerable:!0}:i[t]={get:function(){return e[t]},set:function(){u("property "+t+" is read only")},enumerable:!0}}),i};var c=d;function d(t,e,n,i){e=this._getEntityDataDefinition(e,n=void 0===n?[]:n);e.type={enumerable:!1,writable:!1,value:t},e._onSave={enumerable:!1,value:i},Object.defineProperties(this,e)}function y(t,e,n,i){if(void 0===i&&(i=window),this.parentOrigin=t,this.instanceId=e,this.options=n,this._win=i,this.deferredQueues={},this.events={},!this.parentOrigin||!this.instanceId)throw new TypeError("parentOrigin or instanceId is empty");this._listenMessage(),this._subscribeContextUpdated(),this._postMessage("init")}return y.init=function(){var t=a("origin"),e=a("instanceId"),n={isGlobal:"1"===a("isGlobal")};if(function(){if("undefined"!=typeof window)return window.top===window&&u("Copper should be inside an iframe, otherwise it might not work as expected."),1;u("Copper can only run in browser environment")}())return new y(t,e,n);throw Error("Environment checking does not pass.")},Object.defineProperty(y,"version",{get:function(){return o},enumerable:!1,configurable:!0}),Object.defineProperty(y.prototype,"win",{get:function(){return this._win},enumerable:!1,configurable:!0}),y.prototype.getContext=function(){return e(this,void 0,void 0,function(){var e;return p(this,function(t){switch(t.label){case 0:return[4,this._deferredPost("getContext")];case 1:return e=t.sent(),[2,this._createContextModel(e)]}})})},y.prototype.getUserInfo=function(){return e(this,void 0,void 0,function(){return p(this,function(t){return[2,this._deferredPost("getUserInfo")]})})},y.prototype.getRouteInfo=function(){return e(this,void 0,void 0,function(){return p(this,function(t){return[2,this._deferredPost("getRouteInfo")]})})},y.prototype.saveContext=function(n){return e(this,void 0,void 0,function(){var e;return p(this,function(t){switch(t.label){case 0:return[4,this._deferredPost("saveContext",{data:{entityType:n.type,entityData:n.toObject()}})];case 1:return e=t.sent(),[2,this._createContextModel(e)]}})})},y.prototype.setAppUI=function(t){this._postMessage("setUI",{data:t})},y.prototype.showModal=function(t){this._postMessage("showModal",{params:t=void 0===t?{}:t})},y.prototype.closeModal=function(){this._postMessage("closeModal")},y.prototype.publishMessage=function(t,e,n){this._postMessage("publishMessage",{target:e,data:{type:t,msg:n=void 0===n?{}:n}})},y.prototype.logActivity=function(r,o,s,a){return void 0===a&&(a=0),e(this,void 0,void 0,function(){var i;return p(this,function(t){switch(t.label){case 0:return[4,this._getCachedContext()];case 1:return i=t.sent(),e={parent:{type:(e=i).type,id:e.id},type:{category:"user",id:(n={activityType:r,details:o,activityDate:s}).activityType},details:n.details},(n=n.activityDate)&&(e.activity_date=n),i={url:"/v1/activities",method:"POST",data:e,target:{name:f.ActivityLog}},[2,this._action(i,a)]}var e,n})})},y.prototype.createEntity=function(u,c,d){return void 0===d&&(d=0),e(this,void 0,void 0,function(){var r,o,s,a=this;return p(this,function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),[4,this._getCachedContext()];case 1:return r=t.sent(),[3,3];case 2:return t.sent(),r={},[3,3];case 3:return e=r,i=(n={entityType:u,data:c}).entityType,n=n.data,o=(s={url:"/v1/"+h[i],method:"POST",data:n,target:i===e.type?{name:f.ListView,data:{entityType:i,entityData:n}}:null}).target,[4,this.api(s.url,{method:s.method,body:JSON.stringify(s.data)})];case 4:return s=t.sent(),o&&o.data&&(o.data.entityData=s,l(function(){a.refreshUI(o)},d)),[2,s]}var e,n,i})})},y.prototype.relateEntity=function(o,s,a,u){return void 0===u&&(u=0),e(this,void 0,void 0,function(){var r;return p(this,function(t){switch(t.label){case 0:return[4,this._getCachedContext()];case 1:return r=t.sent(),r={url:"/v1/"+h[n=(e={entityType:o,entityId:parseInt(s,10),data:a}).entityType]+"/"+(i=e.entityId)+"/related",method:"POST",data:{resource:e=e.data},target:n===(n=r).type&&i===n.id?{name:f.Related,data:e}:null},[2,this._action(r,u)]}var e,n,i})})},y.prototype.refreshUI=function(t){this._postMessage("refreshUI",{target:t})},y.prototype.on=function(t,e){n(this.events,t),this.events[t].push(e)},y.prototype.trigger=function(t,e){var n=this;this.events[t]&&this.events[t].forEach(function(t){t.call(n,e)})},y.prototype.api=function(t,e){if(!t)return Promise.reject({id:"sdk-api",version:y.version,detail:"url cannot be empty"});if(e&&e.body)try{JSON.parse(e.body)}catch(t){return Promise.reject({id:"sdk-api",version:y.version,detail:"body must be a valid JSON string"})}return this._deferredPost("api",{url:t,options:e})},y.prototype.navigateToEntityDetail=function(t,e){return this._deferredPost("navigateToEntityDetail",{entityType:t,entityId:e})},y.prototype.getSelectedRecords=function(t){var t=void 0===t?{}:t,e=t.pageSize,t=t.pageNumber;return this._deferredPost("getSelectedRecords",{pageSize:void 0===e?100:e,pageNumber:void 0===t?0:t})},y.prototype.getConfig=function(){return this._deferredPost("getConfig")},y.prototype._getCachedContext=function(){return e(this,void 0,void 0,function(){return p(this,function(t){switch(t.label){case 0:return this._context?[2,this._context]:[4,this.getContext()];case 1:return[2,t.sent().context]}})})},y.prototype._postMessage=function(t,e,n){var i;void 0===e&&(e={}),void 0===n&&(n=-1),null!=(i=this.win.top)&&i.postMessage(r(r({},e),{instanceId:this.instanceId,version:o,type:t,id:n}),this.parentOrigin)},y.prototype._listenMessage=function(){var e=this;this.win.addEventListener("message",function(t){e._isOriginValid(t)&&(e._resolveDeferred(t.data.type,t.data.id,t.data),t.data.type)&&e.trigger(t.data.type,t.data.msg||t.data.data)},!1)},y.prototype._isOriginValid=function(t){return t.origin===this.parentOrigin},y.prototype._enqueueDeferred=function(t,e){n(this.deferredQueues,t),this.deferredQueues[t].push(e)},y.prototype._resolveDeferred=function(t,e,n){t=this.deferredQueues[t];if(t){var i=t.findIndex(function(t){return t.id===e}),r=t[i];if(r){if(t.splice(i,1),n.error)return r.reject(n.error);r.resolve(n.data)}}},y.prototype._createContextModel=function(t){var e=t.entityType,t=new c(e,t.entityData,t.editableFields,this.saveContext.bind(this));return{type:e,context:this._context=t}},y.prototype._action=function(t,i){var r=t.url,o=t.method,s=t.data,a=t.target;return e(this,void 0,void 0,function(){var e,n=this;return p(this,function(t){switch(t.label){case 0:return[4,this.api(r,{method:o,body:JSON.stringify(s)})];case 1:return e=t.sent(),a&&l(function(){n.refreshUI(a)},i),[2,e]}})})},y.prototype._createDeferredMethod=function(t,e){var n=new i;return this._enqueueDeferred(t,n),e(n),n.promise},y.prototype._deferredPost=function(e,n){var i=this;return this._createDeferredMethod(e,function(t){i._postMessage(e,n||{},t.id)})},y.prototype._subscribeContextUpdated=function(){this.on("contextUpdated",function(){0})},y});

package/dist/defer.d.ts

@@ -1,9 +1,14 @@
 export default class Deferred<T> {
+    static resetNextId(): void;
+    private static _nextId;
+    private static getNextId;
     private _promise;
     private _resolve;
     private _reject;
+    private _id;
     constructor();
-    readonly promise: Promise<T>;
+    get promise(): Promise<T>;
+    get id(): number;
     resolve: (value?: T | PromiseLike<T> | undefined) => void;
     reject: (reason?: any) => void;
 }

package/dist/index.d.ts

@@ -7,7 +7,7 @@ export default class Copper {
     private options;
     private _win;
     static init(): Copper;
-    static readonly version: string;
+    static get version(): string;
     /**
      * store deferred queues by name
      */
@@ -23,7 +23,7 @@ export default class Copper {
      * @memberof Copper
      */
     constructor(parentOrigin: string, instanceId: string, options: ISdkInitOptions, _win?: any);
-    readonly win: Window;
+    get win(): Window;
     getContext(): Promise<IContextData>;
     getUserInfo(): Promise<any>;
     getRouteInfo(): Promise<any>;

package/es/copper-sdk.js

@@ -1,16 +1,16 @@
 /*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
+Copyright (c) Microsoft Corporation.
 
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
 
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
 var __assign = function() {
@@ -25,10 +25,11 @@ var __assign = function() {
 };
 
 function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
         function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 }
@@ -61,7 +62,7 @@ function __generator(thisArg, body) {
     }
 }
 
-var version = "0.6.3";
+var version = "0.7.1";
 
 var ENTITY_PATH_MAP = {
     lead: 'leads',
@@ -157,14 +158,29 @@ var Deferred = /** @class */ (function () {
             _this._resolve = resolve;
             _this._reject = reject;
         });
+        this._id = Deferred.getNextId();
     }
+    Deferred.resetNextId = function () {
+        Deferred._nextId = 0;
+    };
+    Deferred.getNextId = function () {
+        return Deferred._nextId++;
+    };
     Object.defineProperty(Deferred.prototype, "promise", {
         get: function () {
             return this._promise;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Deferred.prototype, "id", {
+        get: function () {
+            return this._id;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Deferred._nextId = 0;
     return Deferred;
 }());
 
@@ -333,14 +349,14 @@ var Copper = /** @class */ (function () {
         get: function () {
             return version;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Copper.prototype, "win", {
         get: function () {
             return this._win;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Copper.prototype.getContext = function () {
@@ -557,15 +573,19 @@ var Copper = /** @class */ (function () {
             });
         });
     };
-    Copper.prototype._postMessage = function (type, message) {
+    Copper.prototype._postMessage = function (type, message, id) {
+        var _a;
         if (message === void 0) { message = {}; }
-        this.win.top.postMessage(__assign({}, message, { 
+        if (id === void 0) { id = -1; }
+        (_a = this.win.top) === null || _a === void 0 ? void 0 : _a.postMessage(__assign(__assign({}, message), { 
             // as a credential to the parent frame, so parent frame can recoganize the origin
             instanceId: this.instanceId, 
             // tell parent frame current sdk version
             version: version,
             // type of message
-            type: type }), this.parentOrigin);
+            type: type,
+            // optional id for message
+            id: id }), this.parentOrigin);
     };
     Copper.prototype._listenMessage = function () {
         var _this = this;
@@ -575,7 +595,7 @@ var Copper = /** @class */ (function () {
             }
             // if type is a deferred type, we resolve it
             // otherwise we do something else
-            _this._resolveDeferred(event.data.type, event.data);
+            _this._resolveDeferred(event.data.type, event.data.id, event.data);
             // if event type exists, we pass the event to SDK
             // so sdk user can subscribe those events
             if (event.data.type) {
@@ -591,12 +611,17 @@ var Copper = /** @class */ (function () {
         createArrayWhenEmpty(this.deferredQueues, queueName);
         this.deferredQueues[queueName].push(deferred);
     };
-    Copper.prototype._resolveDeferred = function (queueName, data) {
-        if (!this.deferredQueues[queueName]) {
+    Copper.prototype._resolveDeferred = function (queueName, messageId, data) {
+        var queue = this.deferredQueues[queueName];
+        if (!queue) {
             return;
         }
-        var deferred = this.deferredQueues[queueName].shift();
+        var foundIdx = queue.findIndex(function (d) {
+            return d.id === messageId;
+        });
+        var deferred = queue[foundIdx];
         if (deferred) {
+            queue.splice(foundIdx, 1);
             if (data.error) {
                 return deferred.reject(data.error);
             }
@@ -635,17 +660,17 @@ var Copper = /** @class */ (function () {
     Copper.prototype._createDeferredMethod = function (queueName, executor) {
         var deferred = new Deferred();
         this._enqueueDeferred(queueName, deferred);
-        executor();
+        executor(deferred);
         return deferred.promise;
     };
-    Copper.prototype._deferredPost = function (name$$1, data) {
+    Copper.prototype._deferredPost = function (name, data) {
         var _this = this;
-        return this._createDeferredMethod(name$$1, function () {
+        return this._createDeferredMethod(name, function (deferred) {
             if (data) {
-                _this._postMessage(name$$1, data);
+                _this._postMessage(name, data, deferred.id);
             }
             else {
-                _this._postMessage(name$$1);
+                _this._postMessage(name, {}, deferred.id);
             }
         });
     };

package/es/defer.d.ts

@@ -1,9 +1,14 @@
 export default class Deferred<T> {
+    static resetNextId(): void;
+    private static _nextId;
+    private static getNextId;
     private _promise;
     private _resolve;
     private _reject;
+    private _id;
     constructor();
-    readonly promise: Promise<T>;
+    get promise(): Promise<T>;
+    get id(): number;
     resolve: (value?: T | PromiseLike<T> | undefined) => void;
     reject: (reason?: any) => void;
 }

package/es/index.d.ts

@@ -7,7 +7,7 @@ export default class Copper {
     private options;
     private _win;
     static init(): Copper;
-    static readonly version: string;
+    static get version(): string;
     /**
      * store deferred queues by name
      */
@@ -23,7 +23,7 @@ export default class Copper {
      * @memberof Copper
      */
     constructor(parentOrigin: string, instanceId: string, options: ISdkInitOptions, _win?: any);
-    readonly win: Window;
+    get win(): Window;
     getContext(): Promise<IContextData>;
     getUserInfo(): Promise<any>;
     getRouteInfo(): Promise<any>;

package/lib/copper-sdk.js

@@ -1,18 +1,18 @@
 'use strict';
 
 /*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
+Copyright (c) Microsoft Corporation.
 
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
 
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
 var __assign = function() {
@@ -27,10 +27,11 @@ var __assign = function() {
 };
 
 function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
         function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 }
@@ -63,7 +64,7 @@ function __generator(thisArg, body) {
     }
 }
 
-var version = "0.6.3";
+var version = "0.7.1";
 
 var ENTITY_PATH_MAP = {
     lead: 'leads',
@@ -159,14 +160,29 @@ var Deferred = /** @class */ (function () {
             _this._resolve = resolve;
             _this._reject = reject;
         });
+        this._id = Deferred.getNextId();
     }
+    Deferred.resetNextId = function () {
+        Deferred._nextId = 0;
+    };
+    Deferred.getNextId = function () {
+        return Deferred._nextId++;
+    };
     Object.defineProperty(Deferred.prototype, "promise", {
         get: function () {
             return this._promise;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Deferred.prototype, "id", {
+        get: function () {
+            return this._id;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Deferred._nextId = 0;
     return Deferred;
 }());
 
@@ -335,14 +351,14 @@ var Copper = /** @class */ (function () {
         get: function () {
             return version;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Copper.prototype, "win", {
         get: function () {
             return this._win;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Copper.prototype.getContext = function () {
@@ -559,15 +575,19 @@ var Copper = /** @class */ (function () {
             });
         });
     };
-    Copper.prototype._postMessage = function (type, message) {
+    Copper.prototype._postMessage = function (type, message, id) {
+        var _a;
         if (message === void 0) { message = {}; }
-        this.win.top.postMessage(__assign({}, message, { 
+        if (id === void 0) { id = -1; }
+        (_a = this.win.top) === null || _a === void 0 ? void 0 : _a.postMessage(__assign(__assign({}, message), { 
             // as a credential to the parent frame, so parent frame can recoganize the origin
             instanceId: this.instanceId, 
             // tell parent frame current sdk version
             version: version,
             // type of message
-            type: type }), this.parentOrigin);
+            type: type,
+            // optional id for message
+            id: id }), this.parentOrigin);
     };
     Copper.prototype._listenMessage = function () {
         var _this = this;
@@ -577,7 +597,7 @@ var Copper = /** @class */ (function () {
             }
             // if type is a deferred type, we resolve it
             // otherwise we do something else
-            _this._resolveDeferred(event.data.type, event.data);
+            _this._resolveDeferred(event.data.type, event.data.id, event.data);
             // if event type exists, we pass the event to SDK
             // so sdk user can subscribe those events
             if (event.data.type) {
@@ -593,12 +613,17 @@ var Copper = /** @class */ (function () {
         createArrayWhenEmpty(this.deferredQueues, queueName);
         this.deferredQueues[queueName].push(deferred);
     };
-    Copper.prototype._resolveDeferred = function (queueName, data) {
-        if (!this.deferredQueues[queueName]) {
+    Copper.prototype._resolveDeferred = function (queueName, messageId, data) {
+        var queue = this.deferredQueues[queueName];
+        if (!queue) {
             return;
         }
-        var deferred = this.deferredQueues[queueName].shift();
+        var foundIdx = queue.findIndex(function (d) {
+            return d.id === messageId;
+        });
+        var deferred = queue[foundIdx];
         if (deferred) {
+            queue.splice(foundIdx, 1);
             if (data.error) {
                 return deferred.reject(data.error);
             }
@@ -637,17 +662,17 @@ var Copper = /** @class */ (function () {
     Copper.prototype._createDeferredMethod = function (queueName, executor) {
         var deferred = new Deferred();
         this._enqueueDeferred(queueName, deferred);
-        executor();
+        executor(deferred);
         return deferred.promise;
     };
-    Copper.prototype._deferredPost = function (name$$1, data) {
+    Copper.prototype._deferredPost = function (name, data) {
         var _this = this;
-        return this._createDeferredMethod(name$$1, function () {
+        return this._createDeferredMethod(name, function (deferred) {
             if (data) {
-                _this._postMessage(name$$1, data);
+                _this._postMessage(name, data, deferred.id);
             }
             else {
-                _this._postMessage(name$$1);
+                _this._postMessage(name, {}, deferred.id);
             }
         });
     };

package/lib/defer.d.ts

@@ -1,9 +1,14 @@
 export default class Deferred<T> {
+    static resetNextId(): void;
+    private static _nextId;
+    private static getNextId;
     private _promise;
     private _resolve;
     private _reject;
+    private _id;
     constructor();
-    readonly promise: Promise<T>;
+    get promise(): Promise<T>;
+    get id(): number;
     resolve: (value?: T | PromiseLike<T> | undefined) => void;
     reject: (reason?: any) => void;
 }

package/lib/index.d.ts

@@ -7,7 +7,7 @@ export default class Copper {
     private options;
     private _win;
     static init(): Copper;
-    static readonly version: string;
+    static get version(): string;
     /**
      * store deferred queues by name
      */
@@ -23,7 +23,7 @@ export default class Copper {
      * @memberof Copper
      */
     constructor(parentOrigin: string, instanceId: string, options: ISdkInitOptions, _win?: any);
-    readonly win: Window;
+    get win(): Window;
     getContext(): Promise<IContextData>;
     getUserInfo(): Promise<any>;
     getRouteInfo(): Promise<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "copper-sdk",
-  "version": "0.6.3",
+  "version": "0.7.1",
   "description": "Copper App SDK",
   "main": "lib/copper-sdk.js",
   "module": "es/copper-sdk.js",
@@ -50,11 +50,11 @@
   "homepage": "https://github.com/ProsperWorks/copper-sdk#readme",
   "devDependencies": {
     "@types/chai": "^4.1.7",
-    "@types/mocha": "^5.2.5",
+    "@types/mocha": "^8.2.2",
     "@types/sinon": "^7.0.3",
     "chai": "^4.1.2",
-    "concurrently": "^4.1.0",
-    "cross-env": "^5.1.3",
+    "concurrently": "^6.5.1",
+    "cross-env": "^7.0.3",
     "gitbook-cli": "^2.3.2",
     "gitbook-plugin-anker-enable": "0.0.4",
     "gitbook-plugin-edit-link": "^2.0.2",
@@ -64,23 +64,22 @@
     "gitbook-plugin-prism-ext": "^3.1.0",
     "karma": "^3.1.4",
     "karma-chai": "^0.1.0",
-    "karma-chrome-launcher": "^2.2.0",
-    "karma-coverage-istanbul-reporter": "^2.0.4",
-    "karma-mocha": "^1.3.0",
+    "karma-chrome-launcher": "^3.2.0",
+    "karma-coverage-istanbul-reporter": "^3.0.3",
+    "karma-mocha": "^2.0.1",
     "karma-mocha-reporter": "^2.2.5",
-    "karma-rollup-preprocessor": "^6.1.2",
+    "karma-rollup-preprocessor": "^7.0.8",
     "karma-sinon": "^1.0.5",
-    "mocha": "^5.0.1",
-    "rimraf": "^2.6.3",
-    "rollup": "0.68.2",
-    "rollup-plugin-istanbul": "^2.0.1",
-    "rollup-plugin-json": "^3.1.0",
+    "mocha": "^8.4.0",
+    "rimraf": "^3.0.2",
+    "rollup": "^1.32.1",
+    "rollup-plugin-istanbul": "^3.0.0",
+    "rollup-plugin-json": "^4.0.0",
     "rollup-plugin-replace": "^2.0.0",
-    "rollup-plugin-typescript2": "^0.19.0",
+    "rollup-plugin-typescript2": "^0.30.0",
     "rollup-plugin-uglify": "^6.0.1",
-    "sinon": "^7.2.2",
+    "sinon": "^13.0.2",
     "tslint": "^5.12.1",
     "typescript": "^3.2.2"
-  },
-  "dependencies": {}
+  }
 }

package/src/defer.ts

@@ -1,20 +1,35 @@
 export default class Deferred<T> {
+  public static resetNextId() {
+    Deferred._nextId = 0;
+  }
+
+  private static _nextId: number = 0;
+
+  private static getNextId() {
+    return Deferred._nextId++;
+  }
 
   private _promise: Promise<T>;
   private _resolve: (value?: T | PromiseLike<T>) => void;
   private _reject: (reason?: any) => void;
+  private _id: number;
 
   constructor() {
     this._promise = new Promise<T>((resolve, reject) => {
       this._resolve = resolve;
       this._reject = reject;
     });
+    this._id = Deferred.getNextId();
   }
 
   public get promise(): Promise<T> {
     return this._promise;
   }
 
+  public get id(): number {
+    return this._id;
+  }
+
   public resolve = (value?: T | PromiseLike<T>): void => {
     this._resolve(value);
   }
@@ -22,5 +37,4 @@ export default class Deferred<T> {
   public reject = (reason?: any): void => {
     this._reject(reason);
   }
-
 }

package/src/index.ts

@@ -252,8 +252,8 @@ export default class Copper {
     return context;
   }
 
-  private _postMessage(type: string, message: { [name: string]: any } = {}): void {
-    this.win.top.postMessage(
+  private _postMessage(type: string, message: { [name: string]: any } = {}, id: number = -1): void {
+    this.win.top?.postMessage(
       {
         // actual messages
         ...message,
@@ -263,6 +263,8 @@ export default class Copper {
         version,
         // type of message
         type,
+        // optional id for message
+        id,
       },
       this.parentOrigin,
     );
@@ -278,7 +280,7 @@ export default class Copper {
 
         // if type is a deferred type, we resolve it
         // otherwise we do something else
-        this._resolveDeferred(event.data.type, event.data as IMessageData);
+        this._resolveDeferred(event.data.type, event.data.id, event.data as IMessageData);
 
         // if event type exists, we pass the event to SDK
         // so sdk user can subscribe those events
@@ -300,12 +302,19 @@ export default class Copper {
     this.deferredQueues[queueName].push(deferred);
   }
 
-  private _resolveDeferred(queueName: string, data: IMessageData): void {
-    if (!this.deferredQueues[queueName]) {
+  private _resolveDeferred(queueName: string, messageId: number, data: IMessageData): void {
+    const queue = this.deferredQueues[queueName];
+    if (!queue) {
       return;
     }
-    const deferred = this.deferredQueues[queueName].shift();
+
+    const foundIdx = queue.findIndex((d) => {
+      return d.id === messageId;
+    });
+
+    const deferred = queue[foundIdx];
     if (deferred) {
+      queue.splice(foundIdx, 1);
       if (data.error) {
         return deferred.reject(data.error);
       }
@@ -344,19 +353,22 @@ export default class Copper {
     return result;
   }
 
-  private _createDeferredMethod(queueName: string, executor: () => any): Promise<any> {
+  private _createDeferredMethod(
+    queueName: string,
+    executor: (deferred: Deferred<any>) => any,
+  ): Promise<any> {
     const deferred = new Deferred<any>();
     this._enqueueDeferred(queueName, deferred);
-    executor();
+    executor(deferred);
     return deferred.promise;
   }
 
   private _deferredPost(name: string, data?: any): Promise<any> {
-    return this._createDeferredMethod(name, () => {
+    return this._createDeferredMethod(name, (deferred) => {
       if (data) {
-        this._postMessage(name, data);
+        this._postMessage(name, data, deferred.id);
       } else {
-        this._postMessage(name);
+        this._postMessage(name, {}, deferred.id);
       }
     });
   }