Uncaught TypeError: H5P.isEmpty is not a function

[skills-up]

Getting the following error when trying to load the interactive video using this library:
Uncaught TypeError: H5P.isEmpty is not a function

This happens when I'm trying to save the current user state. Interactive Video library has the following definition for getCurrentState function:

    Z.prototype.getCurrentState = function () {
      var t = this;
      if (t.video && t.video.play) {
        var e = {
          progress: t.currentTime,
          maxTimeReached: this.maxTimeReached ||
          null,
          answers: [],
          interactionsProgress: t.interactions.slice().sort(
            (
              function (t, e) {
                return t.getDuration().from - e.getDuration().from
              }
            )
          ).map((function (t) {
            return t.getProgress()
          }))
        };
        if (void 0 !== t.interactions) for (var o = 0; o < t.interactions.length; o++) e.answers[o] = t.interactions[o].getCurrentState();
        if (
          !H5P.isEmpty(e.answers) ||
          parseInt(e.progress) !== (t.params.override.startVideoAt || 0)
        ) return e
      }
    }

Since we are unable to get the current state due to missing isEmpty function, so the user state cannot be saved for interactive videos.

[himanshu-ntml]

You can add below function to your code and it should fix.

H5P.isEmpty = value => {
  if (!value && value !== 0 && value !== false) {
    return true; // undefined, null, NaN and empty strings.
  }
  else if (Array.isArray(value)) {
    for (let i = 0; i < value.length; i++) {
      if (!H5P.isEmpty(value[i])) {
        return false; // Array contains a non-empty value
      }
    }
    return true; // Empty array
  }
  else if (typeof value === 'object') {
    for (let prop in value) {
      if (value.hasOwnProperty(prop) && !H5P.isEmpty(value[prop])) {
        return false; // Object contains a non-empty value
      }
    }
    return true; // Empty object
  }
  return false;
};