@shopgate/pwa-common 7.30.0-alpha.7 → 7.30.0-alpha.8

package/collections/Redirects.js

@@ -1,46 +1,132 @@
-function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}import pathMatch from'path-match';import queryString from'query-string';/**
+import pathMatch from 'path-match';
+import queryString from 'query-string';
+
+/**
  * The Redirects class.
- */var Redirects=/*#__PURE__*/function(){/**
+ */
+class Redirects {
+  /**
    * The constructor.
-   */function Redirects(){_classCallCheck(this,Redirects);this.redirects=new Map();this.matcher=pathMatch({sensitive:false,strict:false,end:true});}/**
+   */
+  constructor() {
+    this.redirects = new Map();
+    this.matcher = pathMatch({
+      sensitive: false,
+      strict: false,
+      end: true
+    });
+  }
+
+  /**
    * Returns a specified element from the internal "redirects" Map object.
    * @param {string} pathname The pathname to lookup.
    * @private
    * @returns {string|Function|Promise|null}
-   */return _createClass(Redirects,[{key:"get",value:function get(pathname){return this.redirects.get(pathname)||null;}/**
+   */
+  get(pathname) {
+    return this.redirects.get(pathname) || null;
+  }
+
+  /**
    * Returns the redirect for a passed pathname.
    * @param {string} pathname The pathname to check.
    * @return {string|Function|Promise|null}
-   */},{key:"getRedirect",value:function getRedirect(pathname){var _this=this;/**
+   */
+  getRedirect(pathname) {
+    /**
      * Try to make a direct match with the pathname.
      * If we get lucky then we don't have to iterate over the protected patterns.
-     */var redirect=this.get(pathname);/**
+     */
+    let redirect = this.get(pathname);
+
+    /**
      * If we didn't find a direct match then we need to match
      * the given pathname against the protected patters.
-     */if(!redirect){// Get the protected patterns as an array.
-var patterns=Array.from(this.redirects.keys());var _pathname$split3=pathname.split('?'),_pathname$split4=_slicedToArray(_pathname$split3,1),withoutParams=_pathname$split4[0];// Loop over the patterns until a match is found.
-var patternMatch=patterns.find(function(pattern){return!!_this.matcher(pattern)(withoutParams);});// Match found, set the redirect.
-if(patternMatch){redirect=this.redirects.get(patternMatch);}}return redirect;}/**
+     */
+    if (!redirect) {
+      // Get the protected patterns as an array.
+      const patterns = Array.from(this.redirects.keys());
+      const [withoutParams] = pathname.split('?');
+
+      // Loop over the patterns until a match is found.
+      const patternMatch = patterns.find(pattern => !!this.matcher(pattern)(withoutParams));
+
+      // Match found, set the redirect.
+      if (patternMatch) {
+        redirect = this.redirects.get(patternMatch);
+      }
+    }
+    return redirect;
+  }
+
+  /**
    * @typedef RedirectExtendedData
    * @property {string} matcher The value passed as "from" to set()
    * @property {string|Function|Promise} handler The value passed as "to" to set()
    * @property {Object} pathParams Decoded params from the pathname - defined within the matcher
    * @property {Object} queryParams Decoded query params from the pathname
-   */ /**
+   */
+
+  /**
    * Unlike "getRedirect" which only returns a matching handler for a passed pathname, this method
    * returns an object that contains some extended data.
    *
    * @param {string} pathname The pathname to check.
    * @returns {RedirectExtendedData}
-   */},{key:"getRedirectExtended",value:function getRedirectExtended(pathname){var _queryString$parseUrl=queryString.parseUrl(pathname),url=_queryString$parseUrl.url,query=_queryString$parseUrl.query;// At the fist check if there is a redirect for the pathname
-var redirect=this.getRedirect(url);if(!redirect){return null;}// Retrieve the matching pattern for the redirect from the redirects collection
-var _ref=Array.from(this.redirects.entries()).find(function(_ref3){var _ref4=_slicedToArray(_ref3,2),handler=_ref4[1];return handler===redirect;})||[],_ref2=_slicedToArray(_ref,1),patternMatch=_ref2[0];var result={handler:redirect,queryParams:JSON.parse(JSON.stringify(query))};if(patternMatch){// decode params from route patterns (e.g. /item/:productCode)
-var matcherResult=this.matcher(patternMatch)(url);result.matcher=patternMatch;result.pathParams=matcherResult;}return result;}/**
+   */
+  getRedirectExtended(pathname) {
+    const {
+      url,
+      query
+    } = queryString.parseUrl(pathname);
+
+    // At the fist check if there is a redirect for the pathname
+    const redirect = this.getRedirect(url);
+    if (!redirect) {
+      return null;
+    }
+
+    // Retrieve the matching pattern for the redirect from the redirects collection
+    const [patternMatch] = Array.from(this.redirects.entries()).find(([, handler]) => handler === redirect) || [];
+    const result = {
+      handler: redirect,
+      queryParams: JSON.parse(JSON.stringify(query))
+    };
+    if (patternMatch) {
+      // decode params from route patterns (e.g. /item/:productCode)
+      const matcherResult = this.matcher(patternMatch)(url);
+      result.matcher = patternMatch;
+      result.pathParams = matcherResult;
+    }
+    return result;
+  }
+
+  /**
    * Adds a redirect handler to the collection.
    * @param {string} from The link to redirect from. Route patterns are also supported.
    * @param {string|Function|Promise} to redirect / handle to create a dynamic link.
    * @param {boolean} force Whether or not to forcefully set the redirect.
-   */},{key:"set",value:function set(){var from=arguments.length>0&&arguments[0]!==undefined?arguments[0]:null;var to=arguments.length>1&&arguments[1]!==undefined?arguments[1]:null;var force=arguments.length>2&&arguments[2]!==undefined?arguments[2]:false;if(!from||!to){return;}if(!force&&this.redirects.has(from)){return;}this.redirects.set(from,to);}/* eslint-disable extra-rules/potential-point-free */ /**
+   */
+  set(from = null, to = null, force = false) {
+    if (!from || !to) {
+      return;
+    }
+    if (!force && this.redirects.has(from)) {
+      return;
+    }
+    this.redirects.set(from, to);
+  }
+
+  /* eslint-disable extra-rules/potential-point-free */
+
+  /**
    * Removes a specified element from the internal "redirects" Map object.
    * @param {string} pathname The pathname to remove.
-   */},{key:"unset",value:function unset(pathname){this.redirects["delete"](pathname);}/* eslint-enable extra-rules/potential-point-free */}]);}();export default new Redirects();
+   */
+  unset(pathname) {
+    this.redirects.delete(pathname);
+  }
+
+  /* eslint-enable extra-rules/potential-point-free */
+}
+export default new Redirects();

package/collections/index.js

@@ -1 +1,5 @@
-export{default as authRoutes}from"./AuthRoutes";export{default as persistedReducers}from"./PersistedReducers";export{default as redirects}from"./Redirects";export{default as embeddedMedia}from"./EmbeddedMedia";export{default as configuration}from"./Configuration";
+export { default as authRoutes } from "./AuthRoutes";
+export { default as persistedReducers } from "./PersistedReducers";
+export { default as redirects } from "./Redirects";
+export { default as embeddedMedia } from "./EmbeddedMedia";
+export { default as configuration } from "./Configuration";

package/collections/media-providers/MediaProvider.js

@@ -1,35 +1,103 @@
-function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}import{i18n,logger}from'@shopgate/engage/core/helpers';import{PRIVACY_SETTINGS_PATTERN}from'@shopgate/engage/tracking/constants';import{isRelativePosition,isAbsolutePosition}from"../../helpers/dom";import styles from"./style";var consentMessageIcon="\n  <svg\n    width=\"100%\"\n    height=\"100%\"\n    viewBox=\"0 0 110 84\"\n    version=\"1.1\"\n    class=\"".concat(styles.consentIcon,"\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g transform=\"matrix(1,0,0,1,-24.6099,-41.8178)\">\n      <path d=\"M50.303,68.639L104.088,98.668L56.288,125.172C55.039,125.865 53.518,125.845 52.288,125.12C51.058,124.396 50.303,123.075 50.303,121.648L50.303,68.639ZM50.303,54.702L50.303,45.855C50.303,44.425 51.059,43.102 52.292,42.376C53.524,41.651 55.048,41.631 56.298,42.324C71.141,50.554 109.492,71.82 124.676,80.239C125.95,80.945 126.741,82.288 126.741,83.745C126.741,85.203 125.95,86.545 124.676,87.252L116.612,91.724L50.303,54.702Z\" />\n      <g transform=\"matrix(0.944597,0.527391,-0.487489,0.873129,45.7069,-42.8282)\">\n        <path d=\"M139,89C139,87.344 137.757,86 136.227,86L26.773,86C25.243,86 24,87.344 24,89C24,90.656 25.243,92 26.773,92L136.227,92C137.757,92 139,90.656 139,89Z\" />\n      </g>\n    </g>\n  </svg>");/* eslint-disable class-methods-use-this */ /**
+import { i18n, logger } from '@shopgate/engage/core/helpers';
+import { PRIVACY_SETTINGS_PATTERN } from '@shopgate/engage/tracking/constants';
+import { isRelativePosition, isAbsolutePosition } from "../../helpers/dom";
+import styles from "./style";
+const consentMessageIcon = `
+  <svg
+    width="100%"
+    height="100%"
+    viewBox="0 0 110 84"
+    version="1.1"
+    class="${styles.consentIcon}"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g transform="matrix(1,0,0,1,-24.6099,-41.8178)">
+      <path d="M50.303,68.639L104.088,98.668L56.288,125.172C55.039,125.865 53.518,125.845 52.288,125.12C51.058,124.396 50.303,123.075 50.303,121.648L50.303,68.639ZM50.303,54.702L50.303,45.855C50.303,44.425 51.059,43.102 52.292,42.376C53.524,41.651 55.048,41.631 56.298,42.324C71.141,50.554 109.492,71.82 124.676,80.239C125.95,80.945 126.741,82.288 126.741,83.745C126.741,85.203 125.95,86.545 124.676,87.252L116.612,91.724L50.303,54.702Z" />
+      <g transform="matrix(0.944597,0.527391,-0.487489,0.873129,45.7069,-42.8282)">
+        <path d="M139,89C139,87.344 137.757,86 136.227,86L26.773,86C25.243,86 24,87.344 24,89C24,90.656 25.243,92 26.773,92L136.227,92C137.757,92 139,90.656 139,89Z" />
+      </g>
+    </g>
+  </svg>`;
+
+/* eslint-disable class-methods-use-this */
+
+/**
  * The MediaProvider base class.
- */var MediaProvider=/*#__PURE__*/function(){/**
+ */
+class MediaProvider {
+  /**
    * Constructor.
    * @param {Object} options The provider options.
    * @param {boolean} [options.responsify=true] Whether to responsify the video containers.
-   */function MediaProvider(options){var _ref;_classCallCheck(this,MediaProvider);this.containers=new Map();this.isPending=false;this.remoteScriptUrl=null;this.options={responsify:(_ref=options===null||options===void 0?void 0:options.responsify)!==null&&_ref!==void 0?_ref:true};}/**
+   */
+  constructor(options) {
+    this.containers = new Map();
+    this.isPending = false;
+    this.remoteScriptUrl = null;
+    this.options = {
+      responsify: options?.responsify ?? true
+    };
+  }
+
+  /**
    * Callback for when Provider script is loaded
    * @callback
    * @abstract
-   */return _createClass(MediaProvider,[{key:"onScriptLoaded",value:function onScriptLoaded(){logger.error('MediaProvider.onScriptLoaded() needs to be implemented within an inheriting class');}/**
+   */
+  onScriptLoaded() {
+    logger.error('MediaProvider.onScriptLoaded() needs to be implemented within an inheriting class');
+  }
+
+  /**
    * Callback to retrieve a list of media containers
    * @callback
    * @abstract
-   */},{key:"getMediaContainers",value:function getMediaContainers(){logger.error('MediaProvider.getMediaContainers() needs to be implemented within an inheriting class');}/**
+   */
+  getMediaContainers() {
+    logger.error('MediaProvider.getMediaContainers() needs to be implemented within an inheriting class');
+  }
+
+  /**
    * Applies optimizations to embedded media iframes within the given container.
    * Common enhancements include adding responsive wrappers and appropriate
    * sandbox attributes to improve security and layout behavior.
    *
    * @param {Document} document - The DOM document containing iframes to optimize.
    * @returns {MediaProvider}
-   */},{key:"applyIframeOptimizations",value:function applyIframeOptimizations(){return this;}/**
+   */
+  applyIframeOptimizations() {
+    return this;
+  }
+
+  /**
    * Optimizes video container to make it responsive.
    * @param {Element} container A DOM container.
    * @returns {MediaProvider}
-   */},{key:"responsify",value:function responsify(container){// Do not proceed when video responsify is disabled.
-if(!this.options.responsify)return this;// Remove fixed dimensions from the container.
-container.removeAttribute('height');container.removeAttribute('width');if(isRelativePosition(container.parentNode)&&isAbsolutePosition(container)){// Assume responsive embed code
-container.parentNode.removeAttribute('style');}// Create the wrapper and apply styling.
-var wrapper=document.createElement('div');wrapper.className=styles.responsiveContainer;// Add the wrapper right before the container into the DOM.
-container.parentNode.insertBefore(wrapper,container);// Move the container into the wrapper.
-wrapper.appendChild(container);return this;}/**
+   */
+  responsify(container) {
+    // Do not proceed when video responsify is disabled.
+    if (!this.options.responsify) return this;
+
+    // Remove fixed dimensions from the container.
+    container.removeAttribute('height');
+    container.removeAttribute('width');
+    if (isRelativePosition(container.parentNode) && isAbsolutePosition(container)) {
+      // Assume responsive embed code
+      container.parentNode.removeAttribute('style');
+    }
+
+    // Create the wrapper and apply styling.
+    const wrapper = document.createElement('div');
+    wrapper.className = styles.responsiveContainer;
+
+    // Add the wrapper right before the container into the DOM.
+    container.parentNode.insertBefore(wrapper, container);
+    // Move the container into the wrapper.
+    wrapper.appendChild(container);
+    return this;
+  }
+
+  /**
    * Searches for embedded media and replaces it with a placeholder element when comfort cookie
    * consent is not accepted.
    *
@@ -41,27 +109,84 @@ wrapper.appendChild(container);return this;}/**
    * @param {boolean} [cookieConsentSettings.statisticsCookiesAccepted] Whether statistics cookies
    * are accepted.
    * @returns {MediaProvider}
-   */},{key:"handleCookieConsent",value:function handleCookieConsent(container){var _this=this;var cookieConsentSettings=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var iframes=this.getMediaContainers(container);if(!iframes.length||cookieConsentSettings.comfortCookiesAccepted!==false){return this;}iframes.forEach(function(iframe){// Add responsive container around iframes
-_this.responsify(iframe);// Select the container and clear its content
-var responsiveContainer=iframe.parentNode;responsiveContainer.textContent=null;// Add the consent message element to the container
-_this.injectCookieConsentMessage(responsiveContainer);});return this;}/**
+   */
+  handleCookieConsent(container, cookieConsentSettings = {}) {
+    const iframes = this.getMediaContainers(container);
+    if (!iframes.length || cookieConsentSettings.comfortCookiesAccepted !== false) {
+      return this;
+    }
+    iframes.forEach(iframe => {
+      // Add responsive container around iframes
+      this.responsify(iframe);
+      // Select the container and clear its content
+      const responsiveContainer = iframe.parentNode;
+      responsiveContainer.textContent = null;
+      // Add the consent message element to the container
+      this.injectCookieConsentMessage(responsiveContainer);
+    });
+    return this;
+  }
+
+  /**
    * Injects a cookie consent message element into a container
    * @param {Element} container A DOM container.
    * @returns {MediaProvider}
-   */},{key:"injectCookieConsentMessage",value:function injectCookieConsentMessage(container){// Create the wrapper for the message element
-var messageWrapper=document.createElement('div');messageWrapper.classList.add(styles.consentContainer,'common__media-provider_cookie-consent-message-container');// Add an SVG icon (implemented this way, since there where issues with document.createElement)
-messageWrapper.innerHTML=consentMessageIcon;// Create the main message and add it to the wrapper
-var message=document.createElement('span');message.classList.add('common__media-provider_cookie-consent-message-container_message');message.innerHTML=i18n.text('htmlSanitizer.videoCookieConsent.message');messageWrapper.appendChild(message);// Create the link and add it to the wrapper
-var link=document.createElement('a');link.classList.add(styles.consentLink,'common__media-provider_cookie-consent-message-container_link');link.href="".concat(PRIVACY_SETTINGS_PATTERN,"?source=video");link.innerHTML=i18n.text('htmlSanitizer.videoCookieConsent.link');messageWrapper.appendChild(link);// Add the wrapper to the container
-container.appendChild(messageWrapper);return this;}/**
+   */
+  injectCookieConsentMessage(container) {
+    // Create the wrapper for the message element
+    const messageWrapper = document.createElement('div');
+    messageWrapper.classList.add(styles.consentContainer, 'common__media-provider_cookie-consent-message-container');
+
+    // Add an SVG icon (implemented this way, since there where issues with document.createElement)
+    messageWrapper.innerHTML = consentMessageIcon;
+
+    // Create the main message and add it to the wrapper
+    const message = document.createElement('span');
+    message.classList.add('common__media-provider_cookie-consent-message-container_message');
+    message.innerHTML = i18n.text('htmlSanitizer.videoCookieConsent.message');
+    messageWrapper.appendChild(message);
+
+    // Create the link and add it to the wrapper
+    const link = document.createElement('a');
+    link.classList.add(styles.consentLink, 'common__media-provider_cookie-consent-message-container_link');
+    link.href = `${PRIVACY_SETTINGS_PATTERN}?source=video`;
+    link.innerHTML = i18n.text('htmlSanitizer.videoCookieConsent.link');
+    messageWrapper.appendChild(link);
+
+    // Add the wrapper to the container
+    container.appendChild(messageWrapper);
+    return this;
+  }
+
+  /**
    * Add a DOM container with embedded videos.
    * @param {NodeList} container A DOM container.
    * @returns {MediaProvider}
-   */},{key:"add",value:function add(){logger.error('MediaProvider.add() needs to be implemented within an inheriting class');return this;}/**
+   */
+  add() {
+    logger.error('MediaProvider.add() needs to be implemented within an inheriting class');
+    return this;
+  }
+
+  /**
    * Remove a DOM container.
    * @param {NodeList} container A DOM container.
    * @returns {MediaProvider}
-   */},{key:"remove",value:function remove(container){this.containers["delete"](container);return this;}/**
+   */
+  remove(container) {
+    this.containers.delete(container);
+    return this;
+  }
+
+  /**
    * Stops all playing videos within the DOM containers.
    * @returns {MediaProvider}
-   */},{key:"stop",value:function stop(){logger.error('MediaProvider.stop() needs to be implemented within an inheriting class');return this;}}]);}();export default MediaProvider;/* eslint-enable class-methods-use-this */
+   */
+  stop() {
+    logger.error('MediaProvider.stop() needs to be implemented within an inheriting class');
+    return this;
+  }
+}
+export default MediaProvider;
+
+/* eslint-enable class-methods-use-this */

package/collections/media-providers/Vimeo.js

@@ -1,43 +1,127 @@
-function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}function _callSuper(_this,derived,args){function isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(e){return false;}}derived=_getPrototypeOf(derived);return _possibleConstructorReturn(_this,isNativeReflectConstruct()?Reflect.construct(derived,args||[],_getPrototypeOf(_this).constructor):derived.apply(_this,args));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _get(target,property,receiver){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get;}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(receiver);}return desc.value;};}return _get(target,property,receiver||target);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}import MediaProvider from"./MediaProvider";/* eslint-disable class-methods-use-this */var scriptUrl='https://player.vimeo.com/api/player.js';/**
+import MediaProvider from "./MediaProvider";
+
+/* eslint-disable class-methods-use-this */
+
+const scriptUrl = 'https://player.vimeo.com/api/player.js';
+/**
  * The Vimeo media provider class.
- */var VimeoMediaProvider=/*#__PURE__*/function(_MediaProvider){/**
+ */
+class VimeoMediaProvider extends MediaProvider {
+  /**
    * Constructor.
    * @param {Object} options The provider options.
    * @param {boolean} [options.responsify=true] Whether to responsify the video containers.
-   */function VimeoMediaProvider(options){var _this2;_classCallCheck(this,VimeoMediaProvider);_this2=_callSuper(this,VimeoMediaProvider,[options]);// Need to check Vimeo.Player presence later
-_this2.isPending=true;_this2.remoteScriptUrl=scriptUrl;_this2.deferred=[];return _this2;}/**
+   */
+  constructor(options) {
+    super(options);
+    // Need to check Vimeo.Player presence later
+    this.isPending = true;
+    this.remoteScriptUrl = scriptUrl;
+    this.deferred = [];
+  }
+
+  /**
    * Retrieves a list of media containers for Vimeo.
    * @param {ParentNode} container A DOM container that may contain Vimeo iframes.
    * @returns {NodeListOf<Element>}
-   */_inherits(VimeoMediaProvider,_MediaProvider);return _createClass(VimeoMediaProvider,[{key:"getMediaContainers",value:function getMediaContainers(container){return container.querySelectorAll('iframe[src*="vimeo.com"]');}/**
+   */
+  getMediaContainers(container) {
+    return container.querySelectorAll('iframe[src*="vimeo.com"]');
+  }
+
+  /**
    * @inheritDoc
-   */},{key:"onScriptLoaded",value:function onScriptLoaded(){var _this3=this;this.isPending=false;if(this.deferred.length){this.deferred.forEach(function(container){_this3.add(container);});this.deferred=[];}}/**
+   */
+  onScriptLoaded() {
+    this.isPending = false;
+    if (this.deferred.length) {
+      this.deferred.forEach(container => {
+        this.add(container);
+      });
+      this.deferred = [];
+    }
+  }
+
+  /**
    * Check if the Provider script to be loaded externally is finished loading
    * @returns {boolean}
-   */},{key:"checkScriptLoadingStatus",value:function checkScriptLoadingStatus(){if(this.isPending&&typeof window.Vimeo!=='undefined'){this.isPending=false;}return!this.isPending;}/**
+   */
+  checkScriptLoadingStatus() {
+    if (this.isPending && typeof window.Vimeo !== 'undefined') {
+      this.isPending = false;
+    }
+    return !this.isPending;
+  }
+
+  /**
    * Add a DOM container with embedded videos.
    * @override
    * @param {ParentNode} container A DOM container.
    * @returns {VimeoMediaProvider}
-   */},{key:"add",value:function add(container){if(!this.checkScriptLoadingStatus()){this.deferred.push(container);return this;}var iframes=this.getMediaContainers(container);if(!iframes.length){return this;}var players=[];iframes.forEach(function(iframe){players.push(new window.Vimeo.Player(iframe));});this.containers.set(container,players);return this;}/**
+   */
+  add(container) {
+    if (!this.checkScriptLoadingStatus()) {
+      this.deferred.push(container);
+      return this;
+    }
+    const iframes = this.getMediaContainers(container);
+    if (!iframes.length) {
+      return this;
+    }
+    const players = [];
+    iframes.forEach(iframe => {
+      players.push(new window.Vimeo.Player(iframe));
+    });
+    this.containers.set(container, players);
+    return this;
+  }
+
+  /**
    * Applies optimizations to embedded media iframes within the given container.
    * Common enhancements include adding responsive wrappers and appropriate
    * sandbox attributes to improve security and layout behavior.
    *
    * @param {Document} document - The DOM document containing iframes to optimize.
    * @returns {YouTubeMediaProvider}
-   */},{key:"applyIframeOptimizations",value:function applyIframeOptimizations(document){var _this4=this;var iframes=this.getMediaContainers(document);if(!iframes.length){return this;}iframes.forEach(function(iframe,index){// Block clicks on Vimeo icon
-iframes[index].setAttribute('sandbox','allow-forms allow-scripts allow-pointer-lock allow-same-origin allow-top-navigation');_this4.responsify(iframe);});return this;}/**
+   */
+  applyIframeOptimizations(document) {
+    const iframes = this.getMediaContainers(document);
+    if (!iframes.length) {
+      return this;
+    }
+    iframes.forEach((iframe, index) => {
+      // Block clicks on Vimeo icon
+      iframes[index].setAttribute('sandbox', 'allow-forms allow-scripts allow-pointer-lock allow-same-origin allow-top-navigation');
+      this.responsify(iframe);
+    });
+    return this;
+  }
+
+  /**
    * Stops all playing videos within the DOM containers.
    * @override
    * @returns {VimeoMediaProvider}
-   */},{key:"stop",value:function stop(){// Select all iframes in the document. Actually this should be done via the iframes
-// registered in this.containers, but that doesn't seem to work reliably anymore.
-// Since we had to find a quick fix for CURB-5033 we now select all iframes in the document
-// via the media container selector and then stop the videos.
-var iframes=this.getMediaContainers(document);iframes.forEach(function(iframe){try{var player=new window.Vimeo.Player(iframe);player.pause()["catch"](function(){// Ignore errors
-});}catch(e){// Ignore errors
-}});return this;}/**
+   */
+  stop() {
+    // Select all iframes in the document. Actually this should be done via the iframes
+    // registered in this.containers, but that doesn't seem to work reliably anymore.
+    // Since we had to find a quick fix for CURB-5033 we now select all iframes in the document
+    // via the media container selector and then stop the videos.
+    const iframes = this.getMediaContainers(document);
+    iframes.forEach(iframe => {
+      try {
+        const player = new window.Vimeo.Player(iframe);
+        player.pause().catch(() => {
+          // Ignore errors
+        });
+      } catch (e) {
+        // Ignore errors
+      }
+    });
+    return this;
+  }
+
+  /**
    * Searches for embedded media and replaces it with a placeholder element when comfort cookie
    * consent is not accepted.
    *
@@ -50,5 +134,15 @@ var iframes=this.getMediaContainers(document);iframes.forEach(function(iframe){t
    * are accepted.
    * @override
    * @returns {VimeoMediaProvider}
-   */},{key:"handleCookieConsent",value:function handleCookieConsent(container,cookieConsentSettings){// Remove Vimeo player scripts since the VimeoMediaProvider has custom logic for it
-container.querySelectorAll('script[src*="vimeo.com"]').forEach(function(entry){entry.remove();});return _get(_getPrototypeOf(VimeoMediaProvider.prototype),"handleCookieConsent",this).call(this,container,cookieConsentSettings);}}]);}(MediaProvider);export default VimeoMediaProvider;/* eslint-enable class-methods-use-this */
+   */
+  handleCookieConsent(container, cookieConsentSettings) {
+    // Remove Vimeo player scripts since the VimeoMediaProvider has custom logic for it
+    container.querySelectorAll('script[src*="vimeo.com"]').forEach(entry => {
+      entry.remove();
+    });
+    return super.handleCookieConsent(container, cookieConsentSettings);
+  }
+}
+export default VimeoMediaProvider;
+
+/* eslint-enable class-methods-use-this */