@carbon/ibmdotcom-web-components 2.55.2 → 2.55.3

package/dist/dotcom-shell.js

@@ -80,12 +80,12 @@
  * https://www.npmjs.com/package/redux
  * https://www.npmjs.com/package/lodash-es
  * https://www.npmjs.com/package/window-or-global
- * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/redux-thunk
+ * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/axios
  * https://www.npmjs.com/package/isomorphic-dompurify
  * https://www.npmjs.com/package/striptags
  */
 
 let process = { env: {} };
-import './index-be1f0d99.js';
+import './index-5becb925.js';

package/dist/dotcom-shell.min.js

@@ -80,11 +80,11 @@
  * https://www.npmjs.com/package/redux
  * https://www.npmjs.com/package/lodash-es
  * https://www.npmjs.com/package/window-or-global
- * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/redux-thunk
+ * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/axios
  * https://www.npmjs.com/package/isomorphic-dompurify
  * https://www.npmjs.com/package/striptags
  */
 
-import"./index-b326a4b8.js";
+import"./index-9b1155d4.js";

package/dist/ibmdotcom-web-components-dotcom-shell.js

@@ -80,12 +80,12 @@
  * https://www.npmjs.com/package/redux
  * https://www.npmjs.com/package/lodash-es
  * https://www.npmjs.com/package/window-or-global
- * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/redux-thunk
+ * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/axios
  * https://www.npmjs.com/package/isomorphic-dompurify
  * https://www.npmjs.com/package/striptags
  */
 
 let process = { env: {} };
-import './index-be1f0d99.js';
+import './index-5becb925.js';

package/dist/ibmdotcom-web-components-dotcom-shell.min.js

@@ -80,11 +80,11 @@
  * https://www.npmjs.com/package/redux
  * https://www.npmjs.com/package/lodash-es
  * https://www.npmjs.com/package/window-or-global
- * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/redux-thunk
+ * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/axios
  * https://www.npmjs.com/package/isomorphic-dompurify
  * https://www.npmjs.com/package/striptags
  */
 
-import"./index-b326a4b8.js";
+import"./index-9b1155d4.js";

package/dist/{index-be1f0d99.js → index-5becb925.js}

@@ -80,8 +80,8 @@
  * https://www.npmjs.com/package/redux
  * https://www.npmjs.com/package/lodash-es
  * https://www.npmjs.com/package/window-or-global
- * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/redux-thunk
+ * https://www.npmjs.com/package/redux-logger
  * https://www.npmjs.com/package/axios
  * https://www.npmjs.com/package/isomorphic-dompurify
  * https://www.npmjs.com/package/striptags
@@ -17472,9 +17472,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, "\"]"))) {
+    lib._ibmKalturaScriptLoading = true;
+    return;
+  }
   lib._ibmKalturaScriptLoading = true;
   var script = document.createElement('script');
-  script.src = _ibmScriptUrl(environment);
+  script.src = loaderUrl;
   script.async = true;
   document.body.appendChild(script);
 }
@@ -17487,6 +17497,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
@@ -17507,10 +17529,69 @@ if (lib._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 (lib._ibmKalturaEmbedQueue === undefined) {
+  lib._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 (lib !== null && lib !== void 0 && (_root$IBM = lib.IBM) !== null && _root$IBM !== void 0 && (_root$IBM = _root$IBM.Mediacenter) !== null && _root$IBM !== void 0 && _root$IBM.player) {
+    lib._ibmKalturaScriptLoading = false;
+    resolve();
+    return;
+  }
+
+  // Ensure the IBM.Mediacenter path exists so we have an object to trap.
+  (_root$IBM2 = lib.IBM) !== null && _root$IBM2 !== void 0 ? _root$IBM2 : lib.IBM = {};
+  (_root$IBM3$Mediacente = (_root$IBM3 = lib.IBM).Mediacenter) !== null && _root$IBM3$Mediacente !== void 0 ? _root$IBM3$Mediacente : _root$IBM3.Mediacenter = {};
+  var mc = lib.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;
+          lib._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
@@ -17522,13 +17603,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 (lib !== null && lib !== void 0 && (_root$IBM = lib.IBM) !== null && _root$IBM !== void 0 && (_root$IBM = _root$IBM.Mediacenter) !== null && _root$IBM !== void 0 && _root$IBM.player) {
+  if (lib !== null && lib !== void 0 && (_root$IBM4 = lib.IBM) !== null && _root$IBM4 !== void 0 && (_root$IBM4 = _root$IBM4.Mediacenter) !== null && _root$IBM4 !== void 0 && _root$IBM4.player) {
     lib._ibmKalturaScriptLoading = false;
     resolve();
   } else if (lib._ibmKalturaScriptLoading) {
@@ -17540,8 +17621,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);
     _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();
+    }
   }
 }
 
@@ -17599,7 +17691,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,
@@ -17608,7 +17700,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 (lib === null || lib === void 0 || (_root$IBM2 = lib.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 (lib === null || lib === void 0 || (_root$IBM5 = lib.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)) || '';
     }
 
     /**
@@ -17639,8 +17731,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 (lib === null || lib === void 0 || (_root$IBM3 = lib.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 (lib === null || lib === void 0 || (_root$IBM6 = lib.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);
@@ -17693,14 +17785,15 @@ var KalturaPlayerAPIV7 = /*#__PURE__*/function () {
               return this.checkScript().then(function () {
                 var legacyPromiseKWidget = /*#__PURE__*/function () {
                   var _ref7 = _asyncToGenerator(/*#__PURE__*/regenerator.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.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$7({
                             playerType: playerType,
                             autoPlay: true,
@@ -17729,32 +17822,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 lib === null || lib === void 0 || (_root$IBM4 = lib.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([lib.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 (lib._ibmKalturaScriptLoading === false && !loaderAlreadyInjected) {
+                            lib._ibmKalturaScriptLoading = undefined;
+                            if ((_root$IBM7 = lib.IBM) !== null && _root$IBM7 !== void 0 && _root$IBM7.Mediacenter) {
+                              delete lib.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([lib.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 () {
+                lib._ibmKalturaEmbedQueue = lib._ibmKalturaEmbedQueue.catch(function () {}).then(function () {
                   return legacyPromiseKWidget();
                 });
-                return _embedQueue;
+                return lib._ibmKalturaEmbedQueue;
               });
             case 1:
               return _context3.abrupt("return", _context3.sent);
@@ -33789,7 +33962,7 @@ let C4DMegaMenuTopNavMenu = _decorate$s([carbonElement(`${c4dPrefix$s}-megamenu-
             var _this$parentElement;
             // Import needed subcomponents on first expansion
             if (!((_this$parentElement = this.parentElement) !== null && _this$parentElement !== void 0 && _this$parentElement.importedMegamenu)) {
-              await Promise.all([import('./megamenu-left-navigation-42583912.js'), import('./megamenu-category-link-531caec6.js'), import('./megamenu-category-link-group-a017d5e6.js'), import('./megamenu-category-group-de1f78af.js'), import('./megamenu-category-group-copy-7b95d53d.js'), import('./megamenu-category-heading-78122438.js'), Promise.resolve().then(function () { return megamenuLinkWithIcon; }), import('./megamenu-overlay-295ba580.js'), import('./megamenu-tab-f667b3bf.js'), Promise.resolve().then(function () { return megamenuTabs; })]);
+              await Promise.all([import('./megamenu-left-navigation-946e6ecd.js'), import('./megamenu-category-link-05dee472.js'), import('./megamenu-category-link-group-8099bca4.js'), import('./megamenu-category-group-6c76c126.js'), import('./megamenu-category-group-copy-62f21ae2.js'), import('./megamenu-category-heading-478cfb1a.js'), Promise.resolve().then(function () { return megamenuLinkWithIcon; }), import('./megamenu-overlay-8b50d36d.js'), import('./megamenu-tab-8b71189a.js'), Promise.resolve().then(function () { return megamenuTabs; })]);
               this.parentElement.importedMegamenu = true;
             }
 
@@ -39867,7 +40040,7 @@ let C4DLeftNav = _decorate$b([carbonElement(`${c4dPrefix$b}-left-nav`)], functio
       value() {
         return async event => {
           if (!this._importedSideNav) {
-            await Promise.all([Promise.resolve().then(function () { return leftNavName; }), import('./left-nav-menu-a8434277.js'), import('./left-nav-menu-section-2272b80a.js'), import('./left-nav-menu-item-c52800b2.js'), import('./left-nav-menu-category-heading-0db7fdac.js'), import('./left-nav-overlay-69843140.js')]);
+            await Promise.all([Promise.resolve().then(function () { return leftNavName; }), import('./left-nav-menu-96dbffa3.js'), import('./left-nav-menu-section-ee8222d1.js'), import('./left-nav-menu-item-2919662e.js'), import('./left-nav-menu-category-heading-8c2b8ed1.js'), import('./left-nav-overlay-69df9fd0.js')]);
             this._importedSideNav = true;
           }
           this.expanded = event.detail.active;