@wazo/sdk 0.38.1 → 0.38.2

package/esm/simple/room/__tests__/RemoteParticipant.test.js

@@ -13973,8 +13973,6 @@ class Checker {
 /* eslint-disable no-unused-vars */
 /* global window, document */
 const BRIDGE_CONFIG_RETRIEVED = 'bridge/CONFIG_RETRIEVED';
-const BRIDGE_ENABLE_CARD = 'bridge/ENABLE_CARD';
-const BRIDGE_CHANGE_REQUIRED_SUBSCRIPTION_TYPE = 'bridge/CHANGE_REQUIRED_SUBSCRIPTION_TYPE';
 const BRIDGE_CREATE_OR_UPDATE_CARD = 'bridge/BRIDGE_CREATE_OR_UPDATE_CARD';
 const BRIDGE_OPTIONS_FETCHED = 'bridge/BRIDGE_OPTIONS_FETCHED';
 const BRIDGE_OPTIONS_FOUND = 'bridge/BRIDGE_OPTIONS_FOUND';
@@ -13987,6 +13985,7 @@ const BRIDGE_ON_AGENT_LOGGED_OUT = 'bridge/BRIDGE_ON_AGENT_LOGGED_OUT';
 const BRIDGE_ON_AGENT_PAUSED = 'bridge/BRIDGE_ON_AGENT_PAUSED';
 const BRIDGE_ON_AGENT_RESUMED = 'bridge/BRIDGE_ON_AGENT_RESUMED';
 const BRIDGE_ON_LANGUAGE_CHANGED = 'bridge/BRIDGE_ON_LANGUAGE_CHANGED';
+const BRIDGE_ON_CALL_ANSWERED = 'bridge/BRIDGE_ON_CALL_ANSWERED';
 const BRIDGE_ON_CALL_HELD = 'bridge/BRIDGE_ON_CALL_HELD';
 const BRIDGE_ON_CALL_RESUMED = 'bridge/BRIDGE_ON_CALL_RESUMED';
 const BRIDGE_ON_CALL_MUTED = 'bridge/BRIDGE_ON_CALL_MUTED';
@@ -14000,6 +13999,12 @@ const BRIDGE_ON_INDIRECT_TRANSFER_CALL_MADE = 'bridge/BRIDGE_ON_INDIRECT_TRANSFE
 const BRIDGE_ON_INDIRECT_TRANSFER_DONE = 'bridge/BRIDGE_ON_INDIRECT_TRANSFER_DONE';
 const BRIDGE_ON_START_RECORDING = 'bridge/BRIDGE_ON_START_RECORDING';
 const BRIDGE_ON_STOP_RECORDING = 'bridge/BRIDGE_ON_STOP_RECORDING';
+const BRIDGE_ON_CARD_CANCELED = 'bridge/BRIDGE_ON_CARD_CANCELED';
+const BRIDGE_ENABLE_AGENT = 'bridge/BRIDGE_ENABLE_AGENT';
+const BRIDGE_SET_CARD_CONTENT = 'bridge/BRIDGE_SET_CARD_CONTENT';
+
+const BRIDGE_INJECT_CSS = 'bridge/BRIDGE_INJECT_CSS';
+const BRIDGE_CUSTOMIZE_APPEARANCE = 'bridge/BRIDGE_CUSTOMIZE_APPEARANCE';
 
 const SDK_CLICK_TO_CALL = 'sdk/CLICK_TO_CALL';
 const SDK_ON_CALL_MADE = 'sdk/SDK_ON_CALL_MADE';
@@ -14009,22 +14014,32 @@ const SDK_AUTHENTICATED = 'sdk/SDK_AUTHENTICATED';
 const SDK_LOGGED_OUT = 'sdk/SDK_LOGGED_OUT';
 
 class Softphone {
-  url         = 'https://softphone.wazo.io';
-  width         = 500;
-  height         = 600;
-  displayed          = false;
-  iframe          = null;
+              
+                
+                 
+                     
+                  
+                        
+
+  // Message waiting for the iframe to be loaded
+                             
 
   onLinkEnabled(link        ) {}
   onIFrameLoaded() {}
 
+  onCallAnswered() {}
   onCallMade(call        ) {}
   onCallIncoming(call        ) {}
   onCallEnded(call        , card        , direction        , fromExtension        ) {}
   onCardSaved(card        ) {}
+  onCardCanceled() {}
   onAuthenticated(session        ) {}
   onLoggedOut() {}
-  onSearchOptions(fieldId        , query        ) {}
+
+  onSearchOptions(fieldId        , query        ) {
+    this.onOptionsResults(fieldId, []);
+  }
+
   onDisplayLinkedOption(optionId        ) {}
   onWazoContactSearch(query        ) {}
   onAgentLoggedIn() {}
@@ -14047,18 +14062,15 @@ class Softphone {
   onStopRecording() {}
   onUnHandledEvent(event        ) {}
 
-  init({ url, width, height, server, port, language, wrapUpDuration, shouldDisplayLinkedEntities,
-    allowContactCreation, withCard, subscriptionType, enableAgent }         = {}) {
-    if (url) {
-      this.url = url;
-    }
-    if (width) {
-      this.width = width;
-    }
-    if (height) {
-      this.height = height;
-    }
+  init({ url, width, height, server, port, language, wrapUpDuration, enableAgent = true }         = {}) {
+    this.url = url || 'https://softphone.wazo.io';
+    this.width = width || 500;
+    this.height = height || 600;
+    this.displayed = false;
+    this.iframeLoaded = false;
 
+    this.iframeLoaded = false;
+    this._pendingMessages = [];
     window.addEventListener('message', this._onMessage.bind(this), false);
 
     if (!server) {
@@ -14066,25 +14078,26 @@ class Softphone {
       server = 'stack.dev.wazo.io';
     }
 
-    this._createIframe(() => {
-      this._sendMessage(BRIDGE_CONFIG_RETRIEVED, {
-        config: {
-          server,
-          port,
-          language,
-          wrapUpDuration,
-          shouldDisplayLinkedEntities,
-          allowContactCreation,
-        },
-      });
+    const config         = { server };
+    if (language) {
+      config.language = language;
+    }
+    if (port) {
+      config.port = port;
+    }
+    if (wrapUpDuration) {
+      config.wrapUpDuration = wrapUpDuration;
+    }
 
-      if (withCard) {
-        this._sendMessage(BRIDGE_ENABLE_CARD);
-      }
+    this._sendMessage(BRIDGE_CONFIG_RETRIEVED, { config });
 
-      if (subscriptionType) {
-        this._sendMessage(BRIDGE_CHANGE_REQUIRED_SUBSCRIPTION_TYPE, { subscriptionType });
-      }
+    if (enableAgent) {
+      this._sendMessage(BRIDGE_ENABLE_AGENT);
+    }
+
+    this._createIframe(() => {
+      this.iframeLoaded = true;
+      this._pendingMessages.forEach(([type, payload]) => this._sendMessage(type, payload));
 
       this.onIFrameLoaded();
     });
@@ -14145,6 +14158,18 @@ class Softphone {
     this._sendMessage(BRIDGE_UPDATE_FORM_SCHEMA, { schema, uiSchema });
   }
 
+  setCardValue(field        , value     ) {
+    this._sendMessage(BRIDGE_SET_CARD_CONTENT, { field, value });
+  }
+
+  injectCss(css        ) {
+    this._sendMessage(BRIDGE_INJECT_CSS, { css });
+  }
+
+  customizeAppearance(themes        , translations        , assets        ) {
+    this._sendMessage(BRIDGE_CUSTOMIZE_APPEARANCE, { themes, translations, assets });
+  }
+
   _createIframe(cb           = () => {}) {
     this.iframe = document.createElement('iframe');
     // $FlowFixMe
@@ -14279,6 +14304,12 @@ class Softphone {
       case BRIDGE_ON_STOP_RECORDING:
         this.onStopRecording();
         break;
+      case BRIDGE_ON_CARD_CANCELED:
+        this.onCardCanceled();
+        break;
+      case BRIDGE_ON_CALL_ANSWERED:
+        this.onCallAnswered();
+        break;
       default:
         this.onUnHandledEvent(event);
         break;
@@ -14286,8 +14317,8 @@ class Softphone {
   }
 
   _sendMessage(type        , payload         = {}) {
-    if (!this.iframe) {
-      console.warn(`Could not send message of type ${type} to the Wazo Softphone, iframe not created yet`);
+    if (!this.iframe || !this.iframeLoaded) {
+      this._pendingMessages.push([type, payload]);
       return;
     }
 

package/esm/simple/utils.js

@@ -13957,8 +13957,6 @@ class Checker {
 /* eslint-disable no-unused-vars */
 /* global window, document */
 const BRIDGE_CONFIG_RETRIEVED = 'bridge/CONFIG_RETRIEVED';
-const BRIDGE_ENABLE_CARD = 'bridge/ENABLE_CARD';
-const BRIDGE_CHANGE_REQUIRED_SUBSCRIPTION_TYPE = 'bridge/CHANGE_REQUIRED_SUBSCRIPTION_TYPE';
 const BRIDGE_CREATE_OR_UPDATE_CARD = 'bridge/BRIDGE_CREATE_OR_UPDATE_CARD';
 const BRIDGE_OPTIONS_FETCHED = 'bridge/BRIDGE_OPTIONS_FETCHED';
 const BRIDGE_OPTIONS_FOUND = 'bridge/BRIDGE_OPTIONS_FOUND';
@@ -13971,6 +13969,7 @@ const BRIDGE_ON_AGENT_LOGGED_OUT = 'bridge/BRIDGE_ON_AGENT_LOGGED_OUT';
 const BRIDGE_ON_AGENT_PAUSED = 'bridge/BRIDGE_ON_AGENT_PAUSED';
 const BRIDGE_ON_AGENT_RESUMED = 'bridge/BRIDGE_ON_AGENT_RESUMED';
 const BRIDGE_ON_LANGUAGE_CHANGED = 'bridge/BRIDGE_ON_LANGUAGE_CHANGED';
+const BRIDGE_ON_CALL_ANSWERED = 'bridge/BRIDGE_ON_CALL_ANSWERED';
 const BRIDGE_ON_CALL_HELD = 'bridge/BRIDGE_ON_CALL_HELD';
 const BRIDGE_ON_CALL_RESUMED = 'bridge/BRIDGE_ON_CALL_RESUMED';
 const BRIDGE_ON_CALL_MUTED = 'bridge/BRIDGE_ON_CALL_MUTED';
@@ -13984,6 +13983,12 @@ const BRIDGE_ON_INDIRECT_TRANSFER_CALL_MADE = 'bridge/BRIDGE_ON_INDIRECT_TRANSFE
 const BRIDGE_ON_INDIRECT_TRANSFER_DONE = 'bridge/BRIDGE_ON_INDIRECT_TRANSFER_DONE';
 const BRIDGE_ON_START_RECORDING = 'bridge/BRIDGE_ON_START_RECORDING';
 const BRIDGE_ON_STOP_RECORDING = 'bridge/BRIDGE_ON_STOP_RECORDING';
+const BRIDGE_ON_CARD_CANCELED = 'bridge/BRIDGE_ON_CARD_CANCELED';
+const BRIDGE_ENABLE_AGENT = 'bridge/BRIDGE_ENABLE_AGENT';
+const BRIDGE_SET_CARD_CONTENT = 'bridge/BRIDGE_SET_CARD_CONTENT';
+
+const BRIDGE_INJECT_CSS = 'bridge/BRIDGE_INJECT_CSS';
+const BRIDGE_CUSTOMIZE_APPEARANCE = 'bridge/BRIDGE_CUSTOMIZE_APPEARANCE';
 
 const SDK_CLICK_TO_CALL = 'sdk/CLICK_TO_CALL';
 const SDK_ON_CALL_MADE = 'sdk/SDK_ON_CALL_MADE';
@@ -13993,22 +13998,32 @@ const SDK_AUTHENTICATED = 'sdk/SDK_AUTHENTICATED';
 const SDK_LOGGED_OUT = 'sdk/SDK_LOGGED_OUT';
 
 class Softphone {
-  url         = 'https://softphone.wazo.io';
-  width         = 500;
-  height         = 600;
-  displayed          = false;
-  iframe          = null;
+              
+                
+                 
+                     
+                  
+                        
+
+  // Message waiting for the iframe to be loaded
+                             
 
   onLinkEnabled(link        ) {}
   onIFrameLoaded() {}
 
+  onCallAnswered() {}
   onCallMade(call        ) {}
   onCallIncoming(call        ) {}
   onCallEnded(call        , card        , direction        , fromExtension        ) {}
   onCardSaved(card        ) {}
+  onCardCanceled() {}
   onAuthenticated(session        ) {}
   onLoggedOut() {}
-  onSearchOptions(fieldId        , query        ) {}
+
+  onSearchOptions(fieldId        , query        ) {
+    this.onOptionsResults(fieldId, []);
+  }
+
   onDisplayLinkedOption(optionId        ) {}
   onWazoContactSearch(query        ) {}
   onAgentLoggedIn() {}
@@ -14031,18 +14046,15 @@ class Softphone {
   onStopRecording() {}
   onUnHandledEvent(event        ) {}
 
-  init({ url, width, height, server, port, language, wrapUpDuration, shouldDisplayLinkedEntities,
-    allowContactCreation, withCard, subscriptionType, enableAgent }         = {}) {
-    if (url) {
-      this.url = url;
-    }
-    if (width) {
-      this.width = width;
-    }
-    if (height) {
-      this.height = height;
-    }
+  init({ url, width, height, server, port, language, wrapUpDuration, enableAgent = true }         = {}) {
+    this.url = url || 'https://softphone.wazo.io';
+    this.width = width || 500;
+    this.height = height || 600;
+    this.displayed = false;
+    this.iframeLoaded = false;
 
+    this.iframeLoaded = false;
+    this._pendingMessages = [];
     window.addEventListener('message', this._onMessage.bind(this), false);
 
     if (!server) {
@@ -14050,25 +14062,26 @@ class Softphone {
       server = 'stack.dev.wazo.io';
     }
 
-    this._createIframe(() => {
-      this._sendMessage(BRIDGE_CONFIG_RETRIEVED, {
-        config: {
-          server,
-          port,
-          language,
-          wrapUpDuration,
-          shouldDisplayLinkedEntities,
-          allowContactCreation,
-        },
-      });
+    const config         = { server };
+    if (language) {
+      config.language = language;
+    }
+    if (port) {
+      config.port = port;
+    }
+    if (wrapUpDuration) {
+      config.wrapUpDuration = wrapUpDuration;
+    }
 
-      if (withCard) {
-        this._sendMessage(BRIDGE_ENABLE_CARD);
-      }
+    this._sendMessage(BRIDGE_CONFIG_RETRIEVED, { config });
 
-      if (subscriptionType) {
-        this._sendMessage(BRIDGE_CHANGE_REQUIRED_SUBSCRIPTION_TYPE, { subscriptionType });
-      }
+    if (enableAgent) {
+      this._sendMessage(BRIDGE_ENABLE_AGENT);
+    }
+
+    this._createIframe(() => {
+      this.iframeLoaded = true;
+      this._pendingMessages.forEach(([type, payload]) => this._sendMessage(type, payload));
 
       this.onIFrameLoaded();
     });
@@ -14129,6 +14142,18 @@ class Softphone {
     this._sendMessage(BRIDGE_UPDATE_FORM_SCHEMA, { schema, uiSchema });
   }
 
+  setCardValue(field        , value     ) {
+    this._sendMessage(BRIDGE_SET_CARD_CONTENT, { field, value });
+  }
+
+  injectCss(css        ) {
+    this._sendMessage(BRIDGE_INJECT_CSS, { css });
+  }
+
+  customizeAppearance(themes        , translations        , assets        ) {
+    this._sendMessage(BRIDGE_CUSTOMIZE_APPEARANCE, { themes, translations, assets });
+  }
+
   _createIframe(cb           = () => {}) {
     this.iframe = document.createElement('iframe');
     // $FlowFixMe
@@ -14263,6 +14288,12 @@ class Softphone {
       case BRIDGE_ON_STOP_RECORDING:
         this.onStopRecording();
         break;
+      case BRIDGE_ON_CARD_CANCELED:
+        this.onCardCanceled();
+        break;
+      case BRIDGE_ON_CALL_ANSWERED:
+        this.onCallAnswered();
+        break;
       default:
         this.onUnHandledEvent(event);
         break;
@@ -14270,8 +14301,8 @@ class Softphone {
   }
 
   _sendMessage(type        , payload         = {}) {
-    if (!this.iframe) {
-      console.warn(`Could not send message of type ${type} to the Wazo Softphone, iframe not created yet`);
+    if (!this.iframe || !this.iframeLoaded) {
+      this._pendingMessages.push([type, payload]);
       return;
     }
 

package/lib/index.js

@@ -14122,8 +14122,6 @@ const createLocalAudioStream = async (options        ) => createLocalStream('aud
 /* eslint-disable no-unused-vars */
 /* global window, document */
 const BRIDGE_CONFIG_RETRIEVED = 'bridge/CONFIG_RETRIEVED';
-const BRIDGE_ENABLE_CARD = 'bridge/ENABLE_CARD';
-const BRIDGE_CHANGE_REQUIRED_SUBSCRIPTION_TYPE = 'bridge/CHANGE_REQUIRED_SUBSCRIPTION_TYPE';
 const BRIDGE_CREATE_OR_UPDATE_CARD = 'bridge/BRIDGE_CREATE_OR_UPDATE_CARD';
 const BRIDGE_OPTIONS_FETCHED = 'bridge/BRIDGE_OPTIONS_FETCHED';
 const BRIDGE_OPTIONS_FOUND = 'bridge/BRIDGE_OPTIONS_FOUND';
@@ -14136,6 +14134,7 @@ const BRIDGE_ON_AGENT_LOGGED_OUT = 'bridge/BRIDGE_ON_AGENT_LOGGED_OUT';
 const BRIDGE_ON_AGENT_PAUSED = 'bridge/BRIDGE_ON_AGENT_PAUSED';
 const BRIDGE_ON_AGENT_RESUMED = 'bridge/BRIDGE_ON_AGENT_RESUMED';
 const BRIDGE_ON_LANGUAGE_CHANGED = 'bridge/BRIDGE_ON_LANGUAGE_CHANGED';
+const BRIDGE_ON_CALL_ANSWERED = 'bridge/BRIDGE_ON_CALL_ANSWERED';
 const BRIDGE_ON_CALL_HELD = 'bridge/BRIDGE_ON_CALL_HELD';
 const BRIDGE_ON_CALL_RESUMED = 'bridge/BRIDGE_ON_CALL_RESUMED';
 const BRIDGE_ON_CALL_MUTED = 'bridge/BRIDGE_ON_CALL_MUTED';
@@ -14149,6 +14148,12 @@ const BRIDGE_ON_INDIRECT_TRANSFER_CALL_MADE = 'bridge/BRIDGE_ON_INDIRECT_TRANSFE
 const BRIDGE_ON_INDIRECT_TRANSFER_DONE = 'bridge/BRIDGE_ON_INDIRECT_TRANSFER_DONE';
 const BRIDGE_ON_START_RECORDING = 'bridge/BRIDGE_ON_START_RECORDING';
 const BRIDGE_ON_STOP_RECORDING = 'bridge/BRIDGE_ON_STOP_RECORDING';
+const BRIDGE_ON_CARD_CANCELED = 'bridge/BRIDGE_ON_CARD_CANCELED';
+const BRIDGE_ENABLE_AGENT = 'bridge/BRIDGE_ENABLE_AGENT';
+const BRIDGE_SET_CARD_CONTENT = 'bridge/BRIDGE_SET_CARD_CONTENT';
+
+const BRIDGE_INJECT_CSS = 'bridge/BRIDGE_INJECT_CSS';
+const BRIDGE_CUSTOMIZE_APPEARANCE = 'bridge/BRIDGE_CUSTOMIZE_APPEARANCE';
 
 const SDK_CLICK_TO_CALL = 'sdk/CLICK_TO_CALL';
 const SDK_ON_CALL_MADE = 'sdk/SDK_ON_CALL_MADE';
@@ -14158,22 +14163,32 @@ const SDK_AUTHENTICATED = 'sdk/SDK_AUTHENTICATED';
 const SDK_LOGGED_OUT = 'sdk/SDK_LOGGED_OUT';
 
 class Softphone {
-  url         = 'https://softphone.wazo.io';
-  width         = 500;
-  height         = 600;
-  displayed          = false;
-  iframe          = null;
+              
+                
+                 
+                     
+                  
+                        
+
+  // Message waiting for the iframe to be loaded
+                             
 
   onLinkEnabled(link        ) {}
   onIFrameLoaded() {}
 
+  onCallAnswered() {}
   onCallMade(call        ) {}
   onCallIncoming(call        ) {}
   onCallEnded(call        , card        , direction        , fromExtension        ) {}
   onCardSaved(card        ) {}
+  onCardCanceled() {}
   onAuthenticated(session        ) {}
   onLoggedOut() {}
-  onSearchOptions(fieldId        , query        ) {}
+
+  onSearchOptions(fieldId        , query        ) {
+    this.onOptionsResults(fieldId, []);
+  }
+
   onDisplayLinkedOption(optionId        ) {}
   onWazoContactSearch(query        ) {}
   onAgentLoggedIn() {}
@@ -14196,18 +14211,15 @@ class Softphone {
   onStopRecording() {}
   onUnHandledEvent(event        ) {}
 
-  init({ url, width, height, server, port, language, wrapUpDuration, shouldDisplayLinkedEntities,
-    allowContactCreation, withCard, subscriptionType, enableAgent }         = {}) {
-    if (url) {
-      this.url = url;
-    }
-    if (width) {
-      this.width = width;
-    }
-    if (height) {
-      this.height = height;
-    }
+  init({ url, width, height, server, port, language, wrapUpDuration, enableAgent = true }         = {}) {
+    this.url = url || 'https://softphone.wazo.io';
+    this.width = width || 500;
+    this.height = height || 600;
+    this.displayed = false;
+    this.iframeLoaded = false;
 
+    this.iframeLoaded = false;
+    this._pendingMessages = [];
     window.addEventListener('message', this._onMessage.bind(this), false);
 
     if (!server) {
@@ -14215,25 +14227,26 @@ class Softphone {
       server = 'stack.dev.wazo.io';
     }
 
-    this._createIframe(() => {
-      this._sendMessage(BRIDGE_CONFIG_RETRIEVED, {
-        config: {
-          server,
-          port,
-          language,
-          wrapUpDuration,
-          shouldDisplayLinkedEntities,
-          allowContactCreation,
-        },
-      });
+    const config         = { server };
+    if (language) {
+      config.language = language;
+    }
+    if (port) {
+      config.port = port;
+    }
+    if (wrapUpDuration) {
+      config.wrapUpDuration = wrapUpDuration;
+    }
 
-      if (withCard) {
-        this._sendMessage(BRIDGE_ENABLE_CARD);
-      }
+    this._sendMessage(BRIDGE_CONFIG_RETRIEVED, { config });
 
-      if (subscriptionType) {
-        this._sendMessage(BRIDGE_CHANGE_REQUIRED_SUBSCRIPTION_TYPE, { subscriptionType });
-      }
+    if (enableAgent) {
+      this._sendMessage(BRIDGE_ENABLE_AGENT);
+    }
+
+    this._createIframe(() => {
+      this.iframeLoaded = true;
+      this._pendingMessages.forEach(([type, payload]) => this._sendMessage(type, payload));
 
       this.onIFrameLoaded();
     });
@@ -14294,6 +14307,18 @@ class Softphone {
     this._sendMessage(BRIDGE_UPDATE_FORM_SCHEMA, { schema, uiSchema });
   }
 
+  setCardValue(field        , value     ) {
+    this._sendMessage(BRIDGE_SET_CARD_CONTENT, { field, value });
+  }
+
+  injectCss(css        ) {
+    this._sendMessage(BRIDGE_INJECT_CSS, { css });
+  }
+
+  customizeAppearance(themes        , translations        , assets        ) {
+    this._sendMessage(BRIDGE_CUSTOMIZE_APPEARANCE, { themes, translations, assets });
+  }
+
   _createIframe(cb           = () => {}) {
     this.iframe = document.createElement('iframe');
     // $FlowFixMe
@@ -14428,6 +14453,12 @@ class Softphone {
       case BRIDGE_ON_STOP_RECORDING:
         this.onStopRecording();
         break;
+      case BRIDGE_ON_CARD_CANCELED:
+        this.onCardCanceled();
+        break;
+      case BRIDGE_ON_CALL_ANSWERED:
+        this.onCallAnswered();
+        break;
       default:
         this.onUnHandledEvent(event);
         break;
@@ -14435,8 +14466,8 @@ class Softphone {
   }
 
   _sendMessage(type        , payload         = {}) {
-    if (!this.iframe) {
-      console.warn(`Could not send message of type ${type} to the Wazo Softphone, iframe not created yet`);
+    if (!this.iframe || !this.iframeLoaded) {
+      this._pendingMessages.push([type, payload]);
       return;
     }