@smoud/playable-sdk 1.0.14 → 1.0.16

package/README.md

@@ -330,20 +330,20 @@ sdk.off('eventName', [callback], [context]);
 
 #### Available Events
 
-| Event         | Parameters      | Description                                | Typical Usage            |
-| ------------- | --------------- | ------------------------------------------ | ------------------------ |
-| `init`        | -               | SDK initialization started                 | Setup loading screen     |
-| `boot`        | -               | Ad container is ready `pre` init callback  | Initialize core systems  |
-| `ready`       | -               | Ad container is ready `post` init callback | Start resource loading   |
-| `start`       | -               | Playable experience started                | Begin gameplay/animation |
-| `interaction` | `count`         | User interaction occurred                  | Track engagement         |
-| `resize`      | `width, height` | Container size changed                     | Update layout            |
-| `pause`       | -               | Playable entered pause state               | Pause gameplay           |
-| `resume`      | -               | Playable resumed from pause                | Resume gameplay          |
-| `volume`      | `level`         | Volume level changed (0-1)                 | Adjust audio             |
-| `retry`       | -               | Retry/restart triggered                    | Reset game state         |
-| `finish`      | -               | Playable marked as complete                | Show end screen          |
-| `install`     | -               | Install action triggered                   | Track conversion         |
+| Event         | Parameters      | Description                                       | Typical Usage            |
+| ------------- | --------------- | ------------------------------------------------- | ------------------------ |
+| `init`        | -               | DOM Content loaded and SDK initialization started | Setup loading screen     |
+| `boot`        | -               | Ad container is ready `pre` init callback         | Initialize core systems  |
+| `ready`       | -               | Ad container is ready `post` init callback        | Start resource loading   |
+| `start`       | -               | Playable experience started                       | Begin gameplay/animation |
+| `interaction` | `count`         | User interaction occurred                         | Track engagement         |
+| `resize`      | `width, height` | Container size changed                            | Update layout            |
+| `pause`       | -               | Playable entered pause state                      | Pause gameplay           |
+| `resume`      | -               | Playable resumed from pause                       | Resume gameplay          |
+| `volume`      | `level`         | Volume level changed (0-1)                        | Adjust audio             |
+| `retry`       | -               | Retry/restart triggered                           | Reset game state         |
+| `finish`      | -               | Playable marked as complete                       | Show end screen          |
+| `install`     | -               | Install action triggered                          | Track conversion         |
 
 ### Properties
 

package/dist/esm/index.js

@@ -160,150 +160,152 @@ function handleResume() {
   sdk.isPaused = false;
   emitEvent("resume");
 }
-function mraidIsViewable(viewable) {
+function fireResizeEvent(width, height) {
+  handleResize(width, height);
+}
+function startMraidProtocol() {
   if ("mraid" !== AD_PROTOCOL) return;
-  if (viewable) {
-    if (sdk.isReady) {
-      handleResume();
-    } else {
-      if (AD_NETWORK == "ironsource") {
+  if (isProtocolInitialized) return;
+  mraid.removeEventListener("ready", startMraidProtocol);
+  function mraidStateChanged(viewable) {
+    if (viewable) {
+      if (sdk.isReady) {
+        handleResume();
+      } else {
         const maxSize = mraid.getMaxSize();
         sdk.maxWidth = Math.floor(maxSize.width);
         sdk.maxHeight = Math.floor(maxSize.height);
+        bootAd();
       }
-      bootAd();
+    } else {
+      handlePause();
     }
-  } else {
-    handlePause();
   }
-}
-function dapiIsViewable(event) {
-  if ("dapi" !== AD_PROTOCOL) return;
-  if (event.isViewable) {
-    if (sdk.isReady) {
-      handleResume();
+  function isViewable() {
+    return mraid.isViewable() && "hidden" !== mraid.getState();
+  }
+  function stateChanged() {
+    mraidStateChanged(isViewable());
+  }
+  mraid.addEventListener("viewableChange", stateChanged);
+  mraid.addEventListener("stateChange", stateChanged);
+  if (isViewable()) {
+    mraidStateChanged(true);
+  }
+  if (mraid.getAudioVolume) {
+    const isAudioEnabled = mraid.getAudioVolume();
+    if (isAudioEnabled) {
+      handleVolumeChange(1);
     } else {
-      const screenSize = dapi.getScreenSize();
-      screenSize.width = Math.floor(screenSize.width);
-      screenSize.height = Math.floor(screenSize.height);
-      bootAd();
+      handleVolumeChange(0);
     }
-  } else {
-    handlePause();
   }
-}
-function fireResizeEvent(width, height) {
-  handleResize(width, height);
-}
-function startMraidProtocol() {
-  if ("mraid" !== AD_PROTOCOL) return;
-  if (!isProtocolInitialized) {
-    mraid.removeEventListener("ready", startMraidProtocol);
-    mraid.addEventListener("viewableChange", function() {
-      const isViewable = mraid.isViewable();
-      mraidIsViewable(isViewable);
-    });
-    if (mraid.isViewable() || AD_NETWORK == "adcolony") {
-      mraidIsViewable(true);
-    }
-    if (mraid.getAudioVolume) {
-      const isAudioEnabled = mraid.getAudioVolume();
-      if (isAudioEnabled) {
+  mraid.addEventListener("audioVolumeChange", function(newVolume) {
+    if (newVolume !== null) {
+      if (newVolume > 0) {
         handleVolumeChange(1);
       } else {
         handleVolumeChange(0);
       }
     }
-    mraid.addEventListener("audioVolumeChange", function(newVolume) {
-      if (newVolume !== null) {
-        if (newVolume > 0) {
-          handleVolumeChange(1);
-        } else {
-          handleVolumeChange(0);
-        }
-      }
-    });
-    mraid.addEventListener("error", function(t, e) {
-      console.log("mraid error: " + t + "   action: " + e);
-    });
-    mraid.addEventListener("sizeChange", function() {
-      const maxSize = mraid.getMaxSize();
-      fireResizeEvent(maxSize.width, maxSize.height);
-    });
-    isProtocolInitialized = true;
-  }
+  });
+  mraid.addEventListener("error", function(t, e) {
+    console.log("mraid error: " + t + "   action: " + e);
+  });
+  mraid.addEventListener("sizeChange", function() {
+    const maxSize = mraid.getMaxSize();
+    fireResizeEvent(maxSize.width, maxSize.height);
+  });
+  isProtocolInitialized = true;
 }
 function startDapiProtocol() {
   if ("dapi" !== AD_PROTOCOL) return;
-  if (!isProtocolInitialized) {
-    dapi.removeEventListener("ready", startDapiProtocol);
-    const isAudioEnabled = dapi.getAudioVolume();
-    if (isAudioEnabled) {
+  if (isProtocolInitialized) return;
+  function dapiIsViewable(event) {
+    if (event.isViewable) {
+      if (sdk.isReady) {
+        handleResume();
+      } else {
+        const screenSize = dapi.getScreenSize();
+        screenSize.width = Math.floor(screenSize.width);
+        screenSize.height = Math.floor(screenSize.height);
+        bootAd();
+      }
+    } else {
+      handlePause();
+    }
+  }
+  dapi.removeEventListener("ready", startDapiProtocol);
+  const isAudioEnabled = dapi.getAudioVolume();
+  if (isAudioEnabled) {
+    handleVolumeChange(1);
+  } else {
+    handleVolumeChange(0);
+  }
+  dapi.addEventListener("audioVolumeChange", function(volume) {
+    const isAudioEnabled2 = !!volume;
+    if (isAudioEnabled2) {
       handleVolumeChange(1);
     } else {
       handleVolumeChange(0);
     }
-    dapi.addEventListener("audioVolumeChange", function(volume) {
-      const isAudioEnabled2 = !!volume;
-      if (isAudioEnabled2) {
-        handleVolumeChange(1);
-      } else {
-        handleVolumeChange(0);
-      }
-    });
-    dapi.addEventListener("adResized", function(event) {
-      const maxSize = dapi.getScreenSize();
-      fireResizeEvent(event.width || maxSize.width, event.height || maxSize.height);
-    });
-    if (dapi.isViewable()) {
-      dapiIsViewable({ isViewable: true });
-    }
-    dapi.addEventListener("viewableChange", dapiIsViewable);
-    isProtocolInitialized = true;
+  });
+  dapi.addEventListener("adResized", function(event) {
+    const maxSize = dapi.getScreenSize();
+    fireResizeEvent(event.width || maxSize.width, event.height || maxSize.height);
+  });
+  if (dapi.isViewable()) {
+    dapiIsViewable({ isViewable: true });
   }
+  dapi.addEventListener("viewableChange", dapiIsViewable);
+  isProtocolInitialized = true;
 }
 function startDefaultProtocol() {
-  if (!isProtocolInitialized) {
-    if ("mintegral" === AD_NETWORK) {
-      window.mintGameStart = function() {
-        handleResume();
-        handleResize(sdk.maxWidth, sdk.maxHeight);
-      };
-      window.mintGameClose = function() {
-        handlePause();
-      };
-    }
-    document.addEventListener("visibilitychange", () => {
-      if (document.visibilityState === "visible") {
+  if (isProtocolInitialized) return;
+  if ("mintegral" === AD_NETWORK) {
+    window.mintGameStart = function() {
+      handleResume();
+      handleResize(sdk.maxWidth, sdk.maxHeight);
+    };
+    window.mintGameClose = function() {
+      handlePause();
+    };
+  }
+  document.addEventListener("visibilitychange", () => {
+    if (document.visibilityState === "visible") {
+      if (sdk.isReady) {
         handleResume();
       } else {
-        handlePause();
+        bootAd();
       }
-    });
-    if (document.readyState === "complete") {
-      bootAd();
     } else {
-      window.addEventListener("load", () => {
-        bootAd();
-      });
+      handlePause();
     }
-    window.addEventListener("resize", function() {
-      handleResize();
-    });
-    if ("tapjoy" === AD_NETWORK && isTapjoy()) {
-      const tapjoyApi = {
-        skipAd: function() {
-          try {
-            sdk.finish();
-          } catch (e) {
-            console.warn("Could not skip ad! | " + e);
-          }
+  });
+  function documentIsReady() {
+    if (document.visibilityState === "visible") bootAd();
+  }
+  if (document.readyState === "complete") {
+    documentIsReady();
+  } else {
+    window.addEventListener("load", documentIsReady);
+  }
+  window.addEventListener("resize", function() {
+    handleResize();
+  });
+  if ("tapjoy" === AD_NETWORK && isTapjoy()) {
+    const tapjoyApi = {
+      skipAd: function() {
+        try {
+          sdk.finish();
+        } catch (e) {
+          console.warn("Could not skip ad! | " + e);
         }
-      };
-      window.TJ_API.setPlayableAPI && window.TJ_API.setPlayableAPI(tapjoyApi);
-    }
-    isProtocolInitialized = true;
+      }
+    };
+    window.TJ_API.setPlayableAPI && window.TJ_API.setPlayableAPI(tapjoyApi);
   }
+  isProtocolInitialized = true;
 }
 function finishTapjoy() {
   window.TJ_API.objectiveComplete && window.TJ_API.objectiveComplete();
@@ -333,6 +335,18 @@ function registerTouchHandlers() {
     isTouchEventRegistered = true;
   }
 }
+function initSDK() {
+  destinationUrl = /android/i.test(navigator.userAgent) ? GOOGLE_PLAY_URL : APP_STORE_URL;
+  ensureProtocol();
+  if ("mraid" === AD_PROTOCOL && isMraid()) {
+    mraid.getState() === "loading" ? mraid.addEventListener("ready", startMraidProtocol) : startMraidProtocol();
+  } else if ("dapi" === AD_PROTOCOL && isDapi()) {
+    dapi.isReady() ? startDapiProtocol() : dapi.addEventListener("ready", startDapiProtocol);
+  } else {
+    startDefaultProtocol();
+  }
+  emitEvent("init");
+}
 var _sdk = class _sdk {
   /**
    * Initializes the SDK and sets up protocol-specific handlers.
@@ -354,23 +368,8 @@ var _sdk = class _sdk {
    */
   static init(callback) {
     if (isSDKInitialized) return;
-    destinationUrl = /android/i.test(navigator.userAgent) ? GOOGLE_PLAY_URL : APP_STORE_URL;
-    ensureProtocol();
     if (callback) initCallback = callback;
-    if ("mraid" === AD_PROTOCOL && isMraid()) {
-      if (mraid.getState() !== "ready") {
-        mraid.addEventListener("ready", startMraidProtocol);
-      } else {
-        startMraidProtocol();
-      }
-    } else if ("dapi" === AD_PROTOCOL && isDapi()) {
-      window.addEventListener("load", function() {
-        dapi.isReady() ? startDapiProtocol() : dapi.addEventListener("ready", startDapiProtocol);
-      });
-    } else {
-      startDefaultProtocol();
-    }
-    emitEvent("init");
+    document.readyState === "loading" ? window.addEventListener("DOMContentLoaded", initSDK) : initSDK();
     isSDKInitialized = true;
   }
   /**
@@ -595,7 +594,7 @@ var _sdk = class _sdk {
   }
 };
 /** Current version of the SDK */
-_sdk.version = "1.0.14";
+_sdk.version = "1.0.16";
 /** Current maximum width of the playable ad container in pixels */
 _sdk.maxWidth = Math.floor(window.innerWidth);
 /** Current maximum height of the playable ad container in pixels */

package/dist/iife/index.js

@@ -162,150 +162,152 @@
     sdk.isPaused = false;
     emitEvent("resume");
   }
-  function mraidIsViewable(viewable) {
+  function fireResizeEvent(width, height) {
+    handleResize(width, height);
+  }
+  function startMraidProtocol() {
     if ("mraid" !== AD_PROTOCOL) return;
-    if (viewable) {
-      if (sdk.isReady) {
-        handleResume();
-      } else {
-        if (AD_NETWORK == "ironsource") {
+    if (isProtocolInitialized) return;
+    mraid.removeEventListener("ready", startMraidProtocol);
+    function mraidStateChanged(viewable) {
+      if (viewable) {
+        if (sdk.isReady) {
+          handleResume();
+        } else {
           const maxSize = mraid.getMaxSize();
           sdk.maxWidth = Math.floor(maxSize.width);
           sdk.maxHeight = Math.floor(maxSize.height);
+          bootAd();
         }
-        bootAd();
+      } else {
+        handlePause();
       }
-    } else {
-      handlePause();
     }
-  }
-  function dapiIsViewable(event) {
-    if ("dapi" !== AD_PROTOCOL) return;
-    if (event.isViewable) {
-      if (sdk.isReady) {
-        handleResume();
+    function isViewable() {
+      return mraid.isViewable() && "hidden" !== mraid.getState();
+    }
+    function stateChanged() {
+      mraidStateChanged(isViewable());
+    }
+    mraid.addEventListener("viewableChange", stateChanged);
+    mraid.addEventListener("stateChange", stateChanged);
+    if (isViewable()) {
+      mraidStateChanged(true);
+    }
+    if (mraid.getAudioVolume) {
+      const isAudioEnabled = mraid.getAudioVolume();
+      if (isAudioEnabled) {
+        handleVolumeChange(1);
       } else {
-        const screenSize = dapi.getScreenSize();
-        screenSize.width = Math.floor(screenSize.width);
-        screenSize.height = Math.floor(screenSize.height);
-        bootAd();
+        handleVolumeChange(0);
       }
-    } else {
-      handlePause();
     }
-  }
-  function fireResizeEvent(width, height) {
-    handleResize(width, height);
-  }
-  function startMraidProtocol() {
-    if ("mraid" !== AD_PROTOCOL) return;
-    if (!isProtocolInitialized) {
-      mraid.removeEventListener("ready", startMraidProtocol);
-      mraid.addEventListener("viewableChange", function() {
-        const isViewable = mraid.isViewable();
-        mraidIsViewable(isViewable);
-      });
-      if (mraid.isViewable() || AD_NETWORK == "adcolony") {
-        mraidIsViewable(true);
-      }
-      if (mraid.getAudioVolume) {
-        const isAudioEnabled = mraid.getAudioVolume();
-        if (isAudioEnabled) {
+    mraid.addEventListener("audioVolumeChange", function(newVolume) {
+      if (newVolume !== null) {
+        if (newVolume > 0) {
           handleVolumeChange(1);
         } else {
           handleVolumeChange(0);
         }
       }
-      mraid.addEventListener("audioVolumeChange", function(newVolume) {
-        if (newVolume !== null) {
-          if (newVolume > 0) {
-            handleVolumeChange(1);
-          } else {
-            handleVolumeChange(0);
-          }
-        }
-      });
-      mraid.addEventListener("error", function(t, e) {
-        console.log("mraid error: " + t + "   action: " + e);
-      });
-      mraid.addEventListener("sizeChange", function() {
-        const maxSize = mraid.getMaxSize();
-        fireResizeEvent(maxSize.width, maxSize.height);
-      });
-      isProtocolInitialized = true;
-    }
+    });
+    mraid.addEventListener("error", function(t, e) {
+      console.log("mraid error: " + t + "   action: " + e);
+    });
+    mraid.addEventListener("sizeChange", function() {
+      const maxSize = mraid.getMaxSize();
+      fireResizeEvent(maxSize.width, maxSize.height);
+    });
+    isProtocolInitialized = true;
   }
   function startDapiProtocol() {
     if ("dapi" !== AD_PROTOCOL) return;
-    if (!isProtocolInitialized) {
-      dapi.removeEventListener("ready", startDapiProtocol);
-      const isAudioEnabled = dapi.getAudioVolume();
-      if (isAudioEnabled) {
+    if (isProtocolInitialized) return;
+    function dapiIsViewable(event) {
+      if (event.isViewable) {
+        if (sdk.isReady) {
+          handleResume();
+        } else {
+          const screenSize = dapi.getScreenSize();
+          screenSize.width = Math.floor(screenSize.width);
+          screenSize.height = Math.floor(screenSize.height);
+          bootAd();
+        }
+      } else {
+        handlePause();
+      }
+    }
+    dapi.removeEventListener("ready", startDapiProtocol);
+    const isAudioEnabled = dapi.getAudioVolume();
+    if (isAudioEnabled) {
+      handleVolumeChange(1);
+    } else {
+      handleVolumeChange(0);
+    }
+    dapi.addEventListener("audioVolumeChange", function(volume) {
+      const isAudioEnabled2 = !!volume;
+      if (isAudioEnabled2) {
         handleVolumeChange(1);
       } else {
         handleVolumeChange(0);
       }
-      dapi.addEventListener("audioVolumeChange", function(volume) {
-        const isAudioEnabled2 = !!volume;
-        if (isAudioEnabled2) {
-          handleVolumeChange(1);
-        } else {
-          handleVolumeChange(0);
-        }
-      });
-      dapi.addEventListener("adResized", function(event) {
-        const maxSize = dapi.getScreenSize();
-        fireResizeEvent(event.width || maxSize.width, event.height || maxSize.height);
-      });
-      if (dapi.isViewable()) {
-        dapiIsViewable({ isViewable: true });
-      }
-      dapi.addEventListener("viewableChange", dapiIsViewable);
-      isProtocolInitialized = true;
+    });
+    dapi.addEventListener("adResized", function(event) {
+      const maxSize = dapi.getScreenSize();
+      fireResizeEvent(event.width || maxSize.width, event.height || maxSize.height);
+    });
+    if (dapi.isViewable()) {
+      dapiIsViewable({ isViewable: true });
     }
+    dapi.addEventListener("viewableChange", dapiIsViewable);
+    isProtocolInitialized = true;
   }
   function startDefaultProtocol() {
-    if (!isProtocolInitialized) {
-      if ("mintegral" === AD_NETWORK) {
-        window.mintGameStart = function() {
-          handleResume();
-          handleResize(sdk.maxWidth, sdk.maxHeight);
-        };
-        window.mintGameClose = function() {
-          handlePause();
-        };
-      }
-      document.addEventListener("visibilitychange", () => {
-        if (document.visibilityState === "visible") {
+    if (isProtocolInitialized) return;
+    if ("mintegral" === AD_NETWORK) {
+      window.mintGameStart = function() {
+        handleResume();
+        handleResize(sdk.maxWidth, sdk.maxHeight);
+      };
+      window.mintGameClose = function() {
+        handlePause();
+      };
+    }
+    document.addEventListener("visibilitychange", () => {
+      if (document.visibilityState === "visible") {
+        if (sdk.isReady) {
           handleResume();
         } else {
-          handlePause();
+          bootAd();
         }
-      });
-      if (document.readyState === "complete") {
-        bootAd();
       } else {
-        window.addEventListener("load", () => {
-          bootAd();
-        });
+        handlePause();
       }
-      window.addEventListener("resize", function() {
-        handleResize();
-      });
-      if ("tapjoy" === AD_NETWORK && isTapjoy()) {
-        const tapjoyApi = {
-          skipAd: function() {
-            try {
-              sdk.finish();
-            } catch (e) {
-              console.warn("Could not skip ad! | " + e);
-            }
+    });
+    function documentIsReady() {
+      if (document.visibilityState === "visible") bootAd();
+    }
+    if (document.readyState === "complete") {
+      documentIsReady();
+    } else {
+      window.addEventListener("load", documentIsReady);
+    }
+    window.addEventListener("resize", function() {
+      handleResize();
+    });
+    if ("tapjoy" === AD_NETWORK && isTapjoy()) {
+      const tapjoyApi = {
+        skipAd: function() {
+          try {
+            sdk.finish();
+          } catch (e) {
+            console.warn("Could not skip ad! | " + e);
           }
-        };
-        window.TJ_API.setPlayableAPI && window.TJ_API.setPlayableAPI(tapjoyApi);
-      }
-      isProtocolInitialized = true;
+        }
+      };
+      window.TJ_API.setPlayableAPI && window.TJ_API.setPlayableAPI(tapjoyApi);
     }
+    isProtocolInitialized = true;
   }
   function finishTapjoy() {
     window.TJ_API.objectiveComplete && window.TJ_API.objectiveComplete();
@@ -335,6 +337,18 @@
       isTouchEventRegistered = true;
     }
   }
+  function initSDK() {
+    destinationUrl = /android/i.test(navigator.userAgent) ? GOOGLE_PLAY_URL : APP_STORE_URL;
+    ensureProtocol();
+    if ("mraid" === AD_PROTOCOL && isMraid()) {
+      mraid.getState() === "loading" ? mraid.addEventListener("ready", startMraidProtocol) : startMraidProtocol();
+    } else if ("dapi" === AD_PROTOCOL && isDapi()) {
+      dapi.isReady() ? startDapiProtocol() : dapi.addEventListener("ready", startDapiProtocol);
+    } else {
+      startDefaultProtocol();
+    }
+    emitEvent("init");
+  }
   var _sdk = class _sdk {
     /**
      * Initializes the SDK and sets up protocol-specific handlers.
@@ -356,23 +370,8 @@
      */
     static init(callback) {
       if (isSDKInitialized) return;
-      destinationUrl = /android/i.test(navigator.userAgent) ? GOOGLE_PLAY_URL : APP_STORE_URL;
-      ensureProtocol();
       if (callback) initCallback = callback;
-      if ("mraid" === AD_PROTOCOL && isMraid()) {
-        if (mraid.getState() !== "ready") {
-          mraid.addEventListener("ready", startMraidProtocol);
-        } else {
-          startMraidProtocol();
-        }
-      } else if ("dapi" === AD_PROTOCOL && isDapi()) {
-        window.addEventListener("load", function() {
-          dapi.isReady() ? startDapiProtocol() : dapi.addEventListener("ready", startDapiProtocol);
-        });
-      } else {
-        startDefaultProtocol();
-      }
-      emitEvent("init");
+      document.readyState === "loading" ? window.addEventListener("DOMContentLoaded", initSDK) : initSDK();
       isSDKInitialized = true;
     }
     /**
@@ -597,7 +596,7 @@
     }
   };
   /** Current version of the SDK */
-  _sdk.version = "1.0.14";
+  _sdk.version = "1.0.16";
   /** Current maximum width of the playable ad container in pixels */
   _sdk.maxWidth = Math.floor(window.innerWidth);
   /** Current maximum height of the playable ad container in pixels */

package/dist/index.js

@@ -187,150 +187,152 @@ function handleResume() {
   sdk.isPaused = false;
   emitEvent("resume");
 }
-function mraidIsViewable(viewable) {
+function fireResizeEvent(width, height) {
+  handleResize(width, height);
+}
+function startMraidProtocol() {
   if ("mraid" !== AD_PROTOCOL) return;
-  if (viewable) {
-    if (sdk.isReady) {
-      handleResume();
-    } else {
-      if (AD_NETWORK == "ironsource") {
+  if (isProtocolInitialized) return;
+  mraid.removeEventListener("ready", startMraidProtocol);
+  function mraidStateChanged(viewable) {
+    if (viewable) {
+      if (sdk.isReady) {
+        handleResume();
+      } else {
         const maxSize = mraid.getMaxSize();
         sdk.maxWidth = Math.floor(maxSize.width);
         sdk.maxHeight = Math.floor(maxSize.height);
+        bootAd();
       }
-      bootAd();
+    } else {
+      handlePause();
     }
-  } else {
-    handlePause();
   }
-}
-function dapiIsViewable(event) {
-  if ("dapi" !== AD_PROTOCOL) return;
-  if (event.isViewable) {
-    if (sdk.isReady) {
-      handleResume();
+  function isViewable() {
+    return mraid.isViewable() && "hidden" !== mraid.getState();
+  }
+  function stateChanged() {
+    mraidStateChanged(isViewable());
+  }
+  mraid.addEventListener("viewableChange", stateChanged);
+  mraid.addEventListener("stateChange", stateChanged);
+  if (isViewable()) {
+    mraidStateChanged(true);
+  }
+  if (mraid.getAudioVolume) {
+    const isAudioEnabled = mraid.getAudioVolume();
+    if (isAudioEnabled) {
+      handleVolumeChange(1);
     } else {
-      const screenSize = dapi.getScreenSize();
-      screenSize.width = Math.floor(screenSize.width);
-      screenSize.height = Math.floor(screenSize.height);
-      bootAd();
+      handleVolumeChange(0);
     }
-  } else {
-    handlePause();
   }
-}
-function fireResizeEvent(width, height) {
-  handleResize(width, height);
-}
-function startMraidProtocol() {
-  if ("mraid" !== AD_PROTOCOL) return;
-  if (!isProtocolInitialized) {
-    mraid.removeEventListener("ready", startMraidProtocol);
-    mraid.addEventListener("viewableChange", function() {
-      const isViewable = mraid.isViewable();
-      mraidIsViewable(isViewable);
-    });
-    if (mraid.isViewable() || AD_NETWORK == "adcolony") {
-      mraidIsViewable(true);
-    }
-    if (mraid.getAudioVolume) {
-      const isAudioEnabled = mraid.getAudioVolume();
-      if (isAudioEnabled) {
+  mraid.addEventListener("audioVolumeChange", function(newVolume) {
+    if (newVolume !== null) {
+      if (newVolume > 0) {
         handleVolumeChange(1);
       } else {
         handleVolumeChange(0);
       }
     }
-    mraid.addEventListener("audioVolumeChange", function(newVolume) {
-      if (newVolume !== null) {
-        if (newVolume > 0) {
-          handleVolumeChange(1);
-        } else {
-          handleVolumeChange(0);
-        }
-      }
-    });
-    mraid.addEventListener("error", function(t, e) {
-      console.log("mraid error: " + t + "   action: " + e);
-    });
-    mraid.addEventListener("sizeChange", function() {
-      const maxSize = mraid.getMaxSize();
-      fireResizeEvent(maxSize.width, maxSize.height);
-    });
-    isProtocolInitialized = true;
-  }
+  });
+  mraid.addEventListener("error", function(t, e) {
+    console.log("mraid error: " + t + "   action: " + e);
+  });
+  mraid.addEventListener("sizeChange", function() {
+    const maxSize = mraid.getMaxSize();
+    fireResizeEvent(maxSize.width, maxSize.height);
+  });
+  isProtocolInitialized = true;
 }
 function startDapiProtocol() {
   if ("dapi" !== AD_PROTOCOL) return;
-  if (!isProtocolInitialized) {
-    dapi.removeEventListener("ready", startDapiProtocol);
-    const isAudioEnabled = dapi.getAudioVolume();
-    if (isAudioEnabled) {
+  if (isProtocolInitialized) return;
+  function dapiIsViewable(event) {
+    if (event.isViewable) {
+      if (sdk.isReady) {
+        handleResume();
+      } else {
+        const screenSize = dapi.getScreenSize();
+        screenSize.width = Math.floor(screenSize.width);
+        screenSize.height = Math.floor(screenSize.height);
+        bootAd();
+      }
+    } else {
+      handlePause();
+    }
+  }
+  dapi.removeEventListener("ready", startDapiProtocol);
+  const isAudioEnabled = dapi.getAudioVolume();
+  if (isAudioEnabled) {
+    handleVolumeChange(1);
+  } else {
+    handleVolumeChange(0);
+  }
+  dapi.addEventListener("audioVolumeChange", function(volume) {
+    const isAudioEnabled2 = !!volume;
+    if (isAudioEnabled2) {
       handleVolumeChange(1);
     } else {
       handleVolumeChange(0);
     }
-    dapi.addEventListener("audioVolumeChange", function(volume) {
-      const isAudioEnabled2 = !!volume;
-      if (isAudioEnabled2) {
-        handleVolumeChange(1);
-      } else {
-        handleVolumeChange(0);
-      }
-    });
-    dapi.addEventListener("adResized", function(event) {
-      const maxSize = dapi.getScreenSize();
-      fireResizeEvent(event.width || maxSize.width, event.height || maxSize.height);
-    });
-    if (dapi.isViewable()) {
-      dapiIsViewable({ isViewable: true });
-    }
-    dapi.addEventListener("viewableChange", dapiIsViewable);
-    isProtocolInitialized = true;
+  });
+  dapi.addEventListener("adResized", function(event) {
+    const maxSize = dapi.getScreenSize();
+    fireResizeEvent(event.width || maxSize.width, event.height || maxSize.height);
+  });
+  if (dapi.isViewable()) {
+    dapiIsViewable({ isViewable: true });
   }
+  dapi.addEventListener("viewableChange", dapiIsViewable);
+  isProtocolInitialized = true;
 }
 function startDefaultProtocol() {
-  if (!isProtocolInitialized) {
-    if ("mintegral" === AD_NETWORK) {
-      window.mintGameStart = function() {
-        handleResume();
-        handleResize(sdk.maxWidth, sdk.maxHeight);
-      };
-      window.mintGameClose = function() {
-        handlePause();
-      };
-    }
-    document.addEventListener("visibilitychange", () => {
-      if (document.visibilityState === "visible") {
+  if (isProtocolInitialized) return;
+  if ("mintegral" === AD_NETWORK) {
+    window.mintGameStart = function() {
+      handleResume();
+      handleResize(sdk.maxWidth, sdk.maxHeight);
+    };
+    window.mintGameClose = function() {
+      handlePause();
+    };
+  }
+  document.addEventListener("visibilitychange", () => {
+    if (document.visibilityState === "visible") {
+      if (sdk.isReady) {
         handleResume();
       } else {
-        handlePause();
+        bootAd();
       }
-    });
-    if (document.readyState === "complete") {
-      bootAd();
     } else {
-      window.addEventListener("load", () => {
-        bootAd();
-      });
+      handlePause();
     }
-    window.addEventListener("resize", function() {
-      handleResize();
-    });
-    if ("tapjoy" === AD_NETWORK && isTapjoy()) {
-      const tapjoyApi = {
-        skipAd: function() {
-          try {
-            sdk.finish();
-          } catch (e) {
-            console.warn("Could not skip ad! | " + e);
-          }
+  });
+  function documentIsReady() {
+    if (document.visibilityState === "visible") bootAd();
+  }
+  if (document.readyState === "complete") {
+    documentIsReady();
+  } else {
+    window.addEventListener("load", documentIsReady);
+  }
+  window.addEventListener("resize", function() {
+    handleResize();
+  });
+  if ("tapjoy" === AD_NETWORK && isTapjoy()) {
+    const tapjoyApi = {
+      skipAd: function() {
+        try {
+          sdk.finish();
+        } catch (e) {
+          console.warn("Could not skip ad! | " + e);
         }
-      };
-      window.TJ_API.setPlayableAPI && window.TJ_API.setPlayableAPI(tapjoyApi);
-    }
-    isProtocolInitialized = true;
+      }
+    };
+    window.TJ_API.setPlayableAPI && window.TJ_API.setPlayableAPI(tapjoyApi);
   }
+  isProtocolInitialized = true;
 }
 function finishTapjoy() {
   window.TJ_API.objectiveComplete && window.TJ_API.objectiveComplete();
@@ -360,6 +362,18 @@ function registerTouchHandlers() {
     isTouchEventRegistered = true;
   }
 }
+function initSDK() {
+  destinationUrl = /android/i.test(navigator.userAgent) ? GOOGLE_PLAY_URL : APP_STORE_URL;
+  ensureProtocol();
+  if ("mraid" === AD_PROTOCOL && isMraid()) {
+    mraid.getState() === "loading" ? mraid.addEventListener("ready", startMraidProtocol) : startMraidProtocol();
+  } else if ("dapi" === AD_PROTOCOL && isDapi()) {
+    dapi.isReady() ? startDapiProtocol() : dapi.addEventListener("ready", startDapiProtocol);
+  } else {
+    startDefaultProtocol();
+  }
+  emitEvent("init");
+}
 var _sdk = class _sdk {
   /**
    * Initializes the SDK and sets up protocol-specific handlers.
@@ -381,23 +395,8 @@ var _sdk = class _sdk {
    */
   static init(callback) {
     if (isSDKInitialized) return;
-    destinationUrl = /android/i.test(navigator.userAgent) ? GOOGLE_PLAY_URL : APP_STORE_URL;
-    ensureProtocol();
     if (callback) initCallback = callback;
-    if ("mraid" === AD_PROTOCOL && isMraid()) {
-      if (mraid.getState() !== "ready") {
-        mraid.addEventListener("ready", startMraidProtocol);
-      } else {
-        startMraidProtocol();
-      }
-    } else if ("dapi" === AD_PROTOCOL && isDapi()) {
-      window.addEventListener("load", function() {
-        dapi.isReady() ? startDapiProtocol() : dapi.addEventListener("ready", startDapiProtocol);
-      });
-    } else {
-      startDefaultProtocol();
-    }
-    emitEvent("init");
+    document.readyState === "loading" ? window.addEventListener("DOMContentLoaded", initSDK) : initSDK();
     isSDKInitialized = true;
   }
   /**
@@ -622,7 +621,7 @@ var _sdk = class _sdk {
   }
 };
 /** Current version of the SDK */
-_sdk.version = "1.0.14";
+_sdk.version = "1.0.16";
 /** Current maximum width of the playable ad container in pixels */
 _sdk.maxWidth = Math.floor(window.innerWidth);
 /** Current maximum height of the playable ad container in pixels */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smoud/playable-sdk",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "It's unified Playable SDK that supports MRAID, Google, Facebook, Vungle, and many more Ad Networks, simplifying playable ad development with a standardized interface for seamless cross-network compatibility.",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",