@carbon/ibmdotcom-web-components 2.55.1 → 2.55.3

package/lib/internal/vendor/@carbon/ibmdotcom-services/services/KalturaPlayerV7/KalturaPlayer.js

@@ -81,9 +81,19 @@ var _ibmScriptUrl = function _ibmScriptUrl() {
  */
 function _loadScript() {
   var environment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _ibmEnvironment;
+  // loader.js uses top-level const/let declarations and cannot be safely re-injected
+  // into the same page — doing so throws "SyntaxError: Identifier already declared".
+  // If a script tag for this URL already exists in the DOM, skip injection and rely
+  // on the existing execution to eventually set IBM.Mediacenter.player. We still set
+  // the flag to true so _scriptReady stays in polling mode.
+  var loaderUrl = _ibmScriptUrl(environment);
+  if (document.querySelector("script[src=\"".concat(loaderUrl, "\"]"))) {
+    _windowOrGlobal.default._ibmKalturaScriptLoading = true;
+    return;
+  }
   _windowOrGlobal.default._ibmKalturaScriptLoading = true;
   var script = document.createElement('script');
-  script.src = _ibmScriptUrl(environment);
+  script.src = loaderUrl;
   script.async = true;
   document.body.appendChild(script);
 }
@@ -96,6 +106,18 @@ function _loadScript() {
  */
 var _timeoutRetries = 50;
 
+/**
+ * Milliseconds to wait for IBM.Mediacenter.player.embed() to resolve before
+ * treating it as a missed-event hang. On cached page loads, loader.js's
+ * player-plugin.js can fire its ready event before embed() registers its
+ * listener, leaving the returned Promise pending indefinitely. If that
+ * happens we reset the loader state and retry from scratch.
+ *
+ * @type {number}
+ * @private
+ */
+var _embedTimeoutMs = 8000;
+
 /**
  * Tracks the script loading status. Stored on `root` (window) so the value
  * persists when this module is executed more than once in the same page
@@ -116,10 +138,69 @@ if (_windowOrGlobal.default._ibmKalturaScriptLoading === undefined) {
  * not reliably support simultaneous calls for the same entryId, so we chain
  * each call onto the previous one to ensure they run sequentially.
  *
+ * Stored on `root` (window) so the value persists when this module is executed
+ * more than once in the same page (e.g. once as an async page script and again
+ * as a deferred Adobe Target Experience Fragment script). Without this, a second
+ * execution resets the queue to Promise.resolve(), breaking serialization and
+ * allowing simultaneous embed() calls that hang indefinitely.
+ *
  * @type {Promise<any>}
  * @private
  */
-var _embedQueue = Promise.resolve();
+if (_windowOrGlobal.default._ibmKalturaEmbedQueue === undefined) {
+  _windowOrGlobal.default._ibmKalturaEmbedQueue = Promise.resolve();
+}
+
+/**
+ * Installs a one-time Object.defineProperty setter on root.IBM.Mediacenter.player
+ * so that resolve() is called SYNCHRONOUSLY the instant loader.js assigns the
+ * player object — before player-plugin.js can fire its ready event. This closes
+ * the ~100 ms gap that the polling fallback leaves between the assignment and
+ * the first poll tick, which was causing embed() to miss the ready event (Bug 2).
+ *
+ * Falls back to the polling loop (_scriptReady) if defineProperty is not available
+ * or if IBM.Mediacenter has already been replaced after the trap was installed.
+ *
+ * @param {Function} resolve Resolve function
+ * @private
+ */
+function _trapPlayerReady(resolve) {
+  var _root$IBM, _root$IBM2, _root$IBM3, _root$IBM3$Mediacente;
+  // If the player is already set, resolve immediately.
+  if (_windowOrGlobal.default !== null && _windowOrGlobal.default !== void 0 && (_root$IBM = _windowOrGlobal.default.IBM) !== null && _root$IBM !== void 0 && (_root$IBM = _root$IBM.Mediacenter) !== null && _root$IBM !== void 0 && _root$IBM.player) {
+    _windowOrGlobal.default._ibmKalturaScriptLoading = false;
+    resolve();
+    return;
+  }
+
+  // Ensure the IBM.Mediacenter path exists so we have an object to trap.
+  (_root$IBM2 = _windowOrGlobal.default.IBM) !== null && _root$IBM2 !== void 0 ? _root$IBM2 : _windowOrGlobal.default.IBM = {};
+  (_root$IBM3$Mediacente = (_root$IBM3 = _windowOrGlobal.default.IBM).Mediacenter) !== null && _root$IBM3$Mediacente !== void 0 ? _root$IBM3$Mediacente : _root$IBM3.Mediacenter = {};
+  var mc = _windowOrGlobal.default.IBM.Mediacenter;
+  var trapped = false;
+  try {
+    Object.defineProperty(mc, 'player', {
+      configurable: true,
+      enumerable: true,
+      set: function set(value) {
+        // Restore as a plain writable property before anything else runs.
+        Object.defineProperty(mc, 'player', {
+          configurable: true,
+          enumerable: true,
+          writable: true,
+          value: value
+        });
+        if (!trapped) {
+          trapped = true;
+          _windowOrGlobal.default._ibmKalturaScriptLoading = false;
+          resolve();
+        }
+      }
+    });
+  } catch (_e) {
+    // defineProperty not supported in this environment — fall through to polling.
+  }
+}
 
 /**
  * Timeout loop to check script state is the _scriptLoaded state or _scriptLoading state
@@ -131,13 +212,13 @@ var _embedQueue = Promise.resolve();
  * @private
  */
 function _scriptReady(resolve, reject) {
-  var _root$IBM;
+  var _root$IBM4;
   var environment = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _ibmEnvironment;
   var attempt = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   /**
    * @param {object} root?.IBM.Mediacenter.player if exists then resolve
    */
-  if (_windowOrGlobal.default !== null && _windowOrGlobal.default !== void 0 && (_root$IBM = _windowOrGlobal.default.IBM) !== null && _root$IBM !== void 0 && (_root$IBM = _root$IBM.Mediacenter) !== null && _root$IBM !== void 0 && _root$IBM.player) {
+  if (_windowOrGlobal.default !== null && _windowOrGlobal.default !== void 0 && (_root$IBM4 = _windowOrGlobal.default.IBM) !== null && _root$IBM4 !== void 0 && (_root$IBM4 = _root$IBM4.Mediacenter) !== null && _root$IBM4 !== void 0 && _root$IBM4.player) {
     _windowOrGlobal.default._ibmKalturaScriptLoading = false;
     resolve();
   } else if (_windowOrGlobal.default._ibmKalturaScriptLoading) {
@@ -149,8 +230,19 @@ function _scriptReady(resolve, reject) {
       reject();
     }
   } else {
+    // Install the defineProperty trap BEFORE injecting loader.js so we catch
+    // the player assignment synchronously when loader.js sets IBM.Mediacenter.player.
+    _trapPlayerReady(resolve, reject);
     _loadScript(environment);
-    _scriptReady(resolve, reject, environment, attempt);
+    // Also poll as a backstop: if IBM.Mediacenter gets replaced wholesale instead
+    // of mutated in place, the trap above is orphaned and would never fire.
+    if (attempt < _timeoutRetries) {
+      setTimeout(function () {
+        _scriptReady(resolve, reject, environment, attempt + 1);
+      }, 100);
+    } else {
+      reject();
+    }
   }
 }
 
@@ -208,7 +300,7 @@ var KalturaPlayerAPIV7 = /*#__PURE__*/function () {
   }, {
     key: "getThumbnailUrl",
     value: function getThumbnailUrl(_ref6) {
-      var _root$IBM2;
+      var _root$IBM5;
       var _ref6$mediaId = _ref6.mediaId,
         mediaId = _ref6$mediaId === void 0 ? '' : _ref6$mediaId,
         _ref6$height = _ref6.height,
@@ -217,7 +309,7 @@ var KalturaPlayerAPIV7 = /*#__PURE__*/function () {
         width = _ref6$width === void 0 ? 0 : _ref6$width,
         _ref6$partnerId = _ref6.partnerId,
         partnerId = _ref6$partnerId === void 0 ? _partnerId : _ref6$partnerId;
-      return (_windowOrGlobal.default === null || _windowOrGlobal.default === void 0 || (_root$IBM2 = _windowOrGlobal.default.IBM) === null || _root$IBM2 === void 0 || (_root$IBM2 = _root$IBM2.Mediacenter) === null || _root$IBM2 === void 0 || (_root$IBM2 = _root$IBM2.player) === null || _root$IBM2 === void 0 || (_root$IBM2 = _root$IBM2.api) === null || _root$IBM2 === void 0 ? void 0 : _root$IBM2.getThumbnail(partnerId, mediaId, width, height)) || '';
+      return (_windowOrGlobal.default === null || _windowOrGlobal.default === void 0 || (_root$IBM5 = _windowOrGlobal.default.IBM) === null || _root$IBM5 === void 0 || (_root$IBM5 = _root$IBM5.Mediacenter) === null || _root$IBM5 === void 0 || (_root$IBM5 = _root$IBM5.player) === null || _root$IBM5 === void 0 || (_root$IBM5 = _root$IBM5.api) === null || _root$IBM5 === void 0 ? void 0 : _root$IBM5.getThumbnail(partnerId, mediaId, width, height)) || '';
     }
 
     /**
@@ -248,8 +340,8 @@ var KalturaPlayerAPIV7 = /*#__PURE__*/function () {
               partnerId = _args.length > 1 && _args[1] !== undefined ? _args[1] : _partnerId;
               _context.next = 1;
               return this.checkScript().then(function () {
-                var _root$IBM3;
-                return (_windowOrGlobal.default === null || _windowOrGlobal.default === void 0 || (_root$IBM3 = _windowOrGlobal.default.IBM) === null || _root$IBM3 === void 0 || (_root$IBM3 = _root$IBM3.Mediacenter) === null || _root$IBM3 === void 0 || (_root$IBM3 = _root$IBM3.player) === null || _root$IBM3 === void 0 || (_root$IBM3 = _root$IBM3.api) === null || _root$IBM3 === void 0 ? void 0 : _root$IBM3.getMediaProperties(partnerId, mediaId)) || {};
+                var _root$IBM6;
+                return (_windowOrGlobal.default === null || _windowOrGlobal.default === void 0 || (_root$IBM6 = _windowOrGlobal.default.IBM) === null || _root$IBM6 === void 0 || (_root$IBM6 = _root$IBM6.Mediacenter) === null || _root$IBM6 === void 0 || (_root$IBM6 = _root$IBM6.player) === null || _root$IBM6 === void 0 || (_root$IBM6 = _root$IBM6.api) === null || _root$IBM6 === void 0 ? void 0 : _root$IBM6.getMediaProperties(partnerId, mediaId)) || {};
               });
             case 1:
               return _context.abrupt("return", _context.sent);
@@ -302,14 +394,15 @@ var KalturaPlayerAPIV7 = /*#__PURE__*/function () {
               return this.checkScript().then(function () {
                 var legacyPromiseKWidget = /*#__PURE__*/function () {
                   var _ref7 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2() {
-                    var _configuration$player, _ibmEnvironments$conf, _configuration$player2, _root$IBM4;
-                    var playerType, playerEnvironment, playerUiConfId, playerConfiguration, isCustomCreated, newVideoDiv, kalturaPlayer, previousVideoDiv;
+                    var _configuration$player, _configuration$player2, _ibmEnvironments$conf, _configuration$player3;
+                    var playerType, envKey, playerEnvironment, playerUiConfId, playerConfiguration, isCustomCreated, newVideoDiv, kalturaPlayer, loaderUrl, loaderAlreadyInjected, _root$IBM7, previousVideoDiv, _t, _t2;
                     return _regenerator.default.wrap(function (_context2) {
                       while (1) switch (_context2.prev = _context2.next) {
                         case 0:
                           playerType = (_configuration$player = configuration === null || configuration === void 0 ? void 0 : configuration.playerType) !== null && _configuration$player !== void 0 ? _configuration$player : 'VIDEO';
+                          envKey = (_configuration$player2 = configuration.playerEnvironment) !== null && _configuration$player2 !== void 0 ? _configuration$player2 : _ibmEnvironment;
                           playerEnvironment = (_ibmEnvironments$conf = _ibmEnvironments[configuration.playerEnvironment]) !== null && _ibmEnvironments$conf !== void 0 ? _ibmEnvironments$conf : _ibmEnvironments[_ibmEnvironment];
-                          playerUiConfId = (_configuration$player2 = configuration.playerUiConfId) !== null && _configuration$player2 !== void 0 ? _configuration$player2 : _uiConfIds[playerType];
+                          playerUiConfId = (_configuration$player3 = configuration.playerUiConfId) !== null && _configuration$player3 !== void 0 ? _configuration$player3 : _uiConfIds[playerType];
                           playerConfiguration = _objectSpread({
                             playerType: playerType,
                             autoPlay: true,
@@ -340,32 +433,112 @@ var KalturaPlayerAPIV7 = /*#__PURE__*/function () {
                           }
 
                           /**
-                           * Embed the player and execute custom callback
+                           * Embed the player and execute custom callback.
+                           *
+                           * Wraps embed() with a timeout guard: on cached page loads,
+                           * loader.js's player-plugin.js may fire its ready event before
+                           * embed() registers its listener, leaving the Promise pending
+                           * indefinitely. If the timeout fires we reset the loader state so
+                           * _scriptReady() re-injects loader.js, giving the plugin a fresh
+                           * chance to fire its event after the listener is in place.
                            */
-                          _context2.next = 1;
-                          return _windowOrGlobal.default === null || _windowOrGlobal.default === void 0 || (_root$IBM4 = _windowOrGlobal.default.IBM) === null || _root$IBM4 === void 0 || (_root$IBM4 = _root$IBM4.Mediacenter) === null || _root$IBM4 === void 0 || (_root$IBM4 = _root$IBM4.player) === null || _root$IBM4 === void 0 ? void 0 : _root$IBM4.embed(playerConfiguration);
+                          // If the target element was removed from the DOM before we get here
+                          // (e.g. Adobe Target replaced the mbox while embed() was queued),
+                          // skip the embed entirely so we don't block _embedQueue indefinitely.
+                          if (document.getElementById(targetId)) {
+                            _context2.next = 1;
+                            break;
+                          }
+                          return _context2.abrupt("return", null);
                         case 1:
+                          _context2.prev = 1;
+                          _context2.next = 2;
+                          return Promise.race([_windowOrGlobal.default.IBM.Mediacenter.player.embed(playerConfiguration), new Promise(function (_, reject) {
+                            return setTimeout(function () {
+                              return reject(new Error('ibm_embed_timeout'));
+                            }, _embedTimeoutMs);
+                          })]);
+                        case 2:
+                          kalturaPlayer = _context2.sent;
+                          _context2.next = 10;
+                          break;
+                        case 3:
+                          _context2.prev = 3;
+                          _t = _context2["catch"](1);
+                          if (!((_t === null || _t === void 0 ? void 0 : _t.message) !== 'ibm_embed_timeout')) {
+                            _context2.next = 4;
+                            break;
+                          }
+                          throw _t;
+                        case 4:
+                          // Only perform a full reset (delete player, re-inject loader.js) when
+                          // the loader has already finished (_ibmKalturaScriptLoading === false)
+                          // AND loader.js is not yet in the DOM (so re-injection is safe).
+                          // loader.js uses top-level const/let declarations and crashes with
+                          // "SyntaxError: Identifier already declared" on a second injection, so
+                          // we skip the delete+reinject path when it's already present and instead
+                          // rely on polling to detect when IBM.Mediacenter.player becomes available.
+                          loaderUrl = _ibmScriptUrl(envKey);
+                          loaderAlreadyInjected = !!document.querySelector("script[src=\"".concat(loaderUrl, "\"]"));
+                          if (_windowOrGlobal.default._ibmKalturaScriptLoading === false && !loaderAlreadyInjected) {
+                            _windowOrGlobal.default._ibmKalturaScriptLoading = undefined;
+                            if ((_root$IBM7 = _windowOrGlobal.default.IBM) !== null && _root$IBM7 !== void 0 && _root$IBM7.Mediacenter) {
+                              delete _windowOrGlobal.default.IBM.Mediacenter;
+                            }
+                          }
+                          _context2.next = 5;
+                          return new Promise(function (res, rej) {
+                            return _scriptReady(res, rej, envKey);
+                          });
+                        case 5:
+                          if (document.getElementById(targetId)) {
+                            _context2.next = 6;
+                            break;
+                          }
+                          return _context2.abrupt("return", null);
+                        case 6:
+                          _context2.prev = 6;
+                          _context2.next = 7;
+                          return Promise.race([_windowOrGlobal.default.IBM.Mediacenter.player.embed(playerConfiguration), new Promise(function (_, reject) {
+                            return setTimeout(function () {
+                              return reject(new Error('ibm_embed_timeout_retry'));
+                            }, _embedTimeoutMs);
+                          })]);
+                        case 7:
                           kalturaPlayer = _context2.sent;
+                          _context2.next = 10;
+                          break;
+                        case 8:
+                          _context2.prev = 8;
+                          _t2 = _context2["catch"](6);
+                          if (!((_t2 === null || _t2 === void 0 ? void 0 : _t2.message) !== 'ibm_embed_timeout_retry')) {
+                            _context2.next = 9;
+                            break;
+                          }
+                          throw _t2;
+                        case 9:
+                          return _context2.abrupt("return", null);
+                        case 10:
                           customReadyCallback(kalturaPlayer);
                           if (isCustomCreated) {
                             previousVideoDiv = document.querySelector('cds-tabs-extended-media').shadowRoot.querySelector(".bx--accordion__item--active cds-video-player").lastChild;
                             previousVideoDiv.parentElement.appendChild(document.getElementById(targetId));
                           }
                           return _context2.abrupt("return", kalturaPlayer);
-                        case 2:
+                        case 11:
                         case "end":
                           return _context2.stop();
                       }
-                    }, _callee2);
+                    }, _callee2, null, [[1, 3], [6, 8]]);
                   }));
                   return function legacyPromiseKWidget() {
                     return _ref7.apply(this, arguments);
                   };
                 }();
-                _embedQueue = _embedQueue.then(function () {
+                _windowOrGlobal.default._ibmKalturaEmbedQueue = _windowOrGlobal.default._ibmKalturaEmbedQueue.catch(function () {}).then(function () {
                   return legacyPromiseKWidget();
                 });
-                return _embedQueue;
+                return _windowOrGlobal.default._ibmKalturaEmbedQueue;
               });
             case 1:
               return _context3.abrupt("return", _context3.sent);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon/ibmdotcom-web-components",
-  "version": "2.55.1",
+  "version": "2.55.3",
   "description": "Carbon for IBM.com Web Components",
   "license": "Apache-2.0",
   "exports": {
@@ -93,9 +93,9 @@
     "cypress:verify": "cypress verify"
   },
   "dependencies": {
-    "@carbon/ibmdotcom-services": "2.52.1",
-    "@carbon/ibmdotcom-styles": "2.52.1",
-    "@carbon/ibmdotcom-utilities": "2.52.1",
+    "@carbon/ibmdotcom-services": "2.52.3",
+    "@carbon/ibmdotcom-styles": "2.52.3",
+    "@carbon/ibmdotcom-utilities": "2.52.3",
     "@carbon/layout": "11.52.0",
     "@carbon/motion": "11.45.0",
     "@carbon/styles": "1.65.0",
@@ -244,5 +244,5 @@
     "web-component-analyzer": "1.2.0-next.0",
     "webpack": "^4.46.0"
   },
-  "gitHead": "906898162dd4bad9aaaadbc38a4ab12de832a320"
+  "gitHead": "ac28299ca2d08cbe60fdeb0f9eb4708122deabdb"
 }