@quintype/components 3.8.8-only-react-v19.4 → 3.8.9-razorpay-log.0

package/dist/es/components/lazy-load-images.js

@@ -1,23 +1,30 @@
+import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import { string } from 'prop-types';
-import React, { createContext } from "react";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import { func, string } from 'prop-types';
+import React from "react";
+
 var IntersectionObserverWrapper = /*#__PURE__*/function () {
   function IntersectionObserverWrapper(callback) {
     _classCallCheck(this, IntersectionObserverWrapper);
+
     this.observedItems = [];
     this.callback = callback;
   }
-  return _createClass(IntersectionObserverWrapper, [{
+
+  _createClass(IntersectionObserverWrapper, [{
     key: "start",
     value: function start(margin) {
       var _this = this;
+
       this.observer = new global.IntersectionObserver(function (entries) {
         return _this.onObservation(entries);
       }, {
@@ -26,8 +33,9 @@ var IntersectionObserverWrapper = /*#__PURE__*/function () {
       });
       this.observedItems.forEach(function (_ref) {
         var _ref2 = _slicedToArray(_ref, 2),
-          dom = _ref2[0],
-          component = _ref2[1];
+            dom = _ref2[0],
+            component = _ref2[1];
+
         return _this.observer.observe(dom);
       });
     }
@@ -35,6 +43,7 @@ var IntersectionObserverWrapper = /*#__PURE__*/function () {
     key: "onObservation",
     value: function onObservation(entries) {
       var _this2 = this;
+
       entries.filter(function (entry) {
         return entry.isIntersecting === undefined || entry.isIntersecting;
       }).map(function (entry) {
@@ -43,9 +52,12 @@ var IntersectionObserverWrapper = /*#__PURE__*/function () {
         var index = _this2.observedItems.findIndex(function (x) {
           return x[0] === dom;
         });
+
         if (index > -1) {
           var component = _this2.observedItems[index][1];
+
           _this2.callback(component);
+
           _this2.unregister(dom, component);
         }
       });
@@ -62,6 +74,7 @@ var IntersectionObserverWrapper = /*#__PURE__*/function () {
       var index = this.observedItems.findIndex(function (x) {
         return x[0] === dom;
       });
+
       if (index > -1) {
         this.observedItems.splice(index, 1);
         this.observer && this.observer.unobserve(dom);
@@ -73,13 +86,18 @@ var IntersectionObserverWrapper = /*#__PURE__*/function () {
       this.observer.disconnect();
     }
   }]);
+
+  return IntersectionObserverWrapper;
 }();
+
 var StubObserverWrapper = /*#__PURE__*/function () {
   function StubObserverWrapper(callback) {
     _classCallCheck(this, StubObserverWrapper);
+
     this.callback = callback;
   }
-  return _createClass(StubObserverWrapper, [{
+
+  _createClass(StubObserverWrapper, [{
     key: "register",
     value: function register(dom, component) {
       this.callback(component);
@@ -94,12 +112,9 @@ var StubObserverWrapper = /*#__PURE__*/function () {
     key: "disconnect",
     value: function disconnect() {}
   }]);
-}(); // React 19 compatible context to replace legacy childContextTypes API
-export var LazyLoadImagesContext = /*#__PURE__*/createContext({
-  lazyLoadObserveImage: null,
-  lazyLoadUnobserveImage: null
-});
 
+  return StubObserverWrapper;
+}();
 /**
  * This component will ensure all {@link ResponsiveImages} that are in its descendent path will be loaded async. By default, the image is loaded with an empty gif, and the image becomes visible when the image scrolls 250 from the edge of the screen.
  *
@@ -134,19 +149,29 @@ export var LazyLoadImagesContext = /*#__PURE__*/createContext({
  * @component
  * @category Images
  */
+
+
 export var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
+  _inherits(LazyLoadImages, _React$Component);
+
+  var _super = /*#__PURE__*/_createSuper(LazyLoadImages);
+
   function LazyLoadImages(props) {
     var _this3;
+
     _classCallCheck(this, LazyLoadImages);
-    _this3 = _callSuper(this, LazyLoadImages, [props]);
+
+    _this3 = _super.call(this, props);
+
     var callback = function callback(component) {
       return component.showImage();
     };
+
     _this3.observerWrapper = global.IntersectionObserver ? new IntersectionObserverWrapper(callback) : new StubObserverWrapper(callback);
     return _this3;
   }
-  _inherits(LazyLoadImages, _React$Component);
-  return _createClass(LazyLoadImages, [{
+
+  _createClass(LazyLoadImages, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.observerWrapper.start(this.props.margin || "500px");
@@ -157,10 +182,11 @@ export var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
       this.observerWrapper.disconnect();
     }
   }, {
-    key: "render",
-    value: function render() {
+    key: "getChildContext",
+    value: function getChildContext() {
       var _this4 = this;
-      var contextValue = {
+
+      return {
         lazyLoadObserveImage: function lazyLoadObserveImage(dom, component) {
           return dom && _this4.observerWrapper.register(dom, component);
         },
@@ -168,9 +194,17 @@ export var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
           return dom && _this4.observerWrapper.unregister(dom, component);
         }
       };
-      return /*#__PURE__*/React.createElement(LazyLoadImagesContext.Provider, {
-        value: contextValue
-      }, this.props.children);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return this.props.children;
     }
   }]);
-}(React.Component);
+
+  return LazyLoadImages;
+}(React.Component);
+LazyLoadImages.childContextTypes = {
+  lazyLoadObserveImage: func,
+  lazyLoadUnobserveImage: func
+};

package/dist/es/components/link-base.js

@@ -2,11 +2,11 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["navigateToImpl", "externalLink", "callback", "href", "currentHostUrl", "navigateTo", "preventDefault", "disableAjaxLinks"];
 import React from "react";
 import { string, func, bool } from "prop-types";
+
 var preventDefaultImpl = function preventDefaultImpl(e) {
   e.preventDefault();
   e.stopPropagation();
 };
-
 /**
  * This component generates an anchor tag. Instead of doing a browser page load, it will go to the next page via AJAX. Analytics scripts will be fired correctly (and if not, it's a bug)
  * LinkBase is not connected to the store or plugged to context, this is used as an alternative for usecases such as partial hydration where context is lost.
@@ -18,18 +18,21 @@ var preventDefaultImpl = function preventDefaultImpl(e) {
  * @category Other
  * @component
  */
+
+
 export var LinkBase = function LinkBase(_ref) {
   var navigateToImpl = _ref.navigateToImpl,
-    externalLink = _ref.externalLink,
-    callback = _ref.callback,
-    href = _ref.href,
-    currentHostUrl = _ref.currentHostUrl,
-    navigateTo = _ref.navigateTo,
-    _ref$preventDefault = _ref.preventDefault,
-    preventDefault = _ref$preventDefault === void 0 ? preventDefaultImpl : _ref$preventDefault,
-    _ref$disableAjaxLinks = _ref.disableAjaxLinks,
-    disableAjaxLinks = _ref$disableAjaxLinks === void 0 ? global.disableAjaxLinks || global.disableAjaxNavigation : _ref$disableAjaxLinks,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
+      externalLink = _ref.externalLink,
+      callback = _ref.callback,
+      href = _ref.href,
+      currentHostUrl = _ref.currentHostUrl,
+      navigateTo = _ref.navigateTo,
+      _ref$preventDefault = _ref.preventDefault,
+      preventDefault = _ref$preventDefault === void 0 ? preventDefaultImpl : _ref$preventDefault,
+      _ref$disableAjaxLinks = _ref.disableAjaxLinks,
+      disableAjaxLinks = _ref$disableAjaxLinks === void 0 ? global.disableAjaxLinks || global.disableAjaxNavigation : _ref$disableAjaxLinks,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
   navigateTo = navigateTo || navigateToImpl;
   return /*#__PURE__*/React.createElement("a", Object.assign(otherProps, {
     href: href,
@@ -37,16 +40,21 @@ export var LinkBase = function LinkBase(_ref) {
       if (disableAjaxLinks || e.ctrlKey || e.metaKey || e.shiftKey) {
         return;
       }
+
       var relativeLink = href.startsWith(currentHostUrl) ? href.replace(currentHostUrl, "") : href;
+
       if (!relativeLink.startsWith("/")) {
         return;
       }
+
       preventDefault(e);
+
       if (externalLink) {
         global.open(externalLink, "_blank");
       } else {
         navigateTo(relativeLink);
       }
+
       typeof callback === "function" && callback(e);
     }
   }));

package/dist/es/components/link.js

@@ -1,10 +1,12 @@
 import { connect } from "react-redux";
 import { LinkBase } from "./link-base";
+
 var mapStateToProps = function mapStateToProps(state) {
   return {
     currentHostUrl: state.qt && state.qt.currentHostUrl
   };
 };
+
 var mapDispatchToProps = function mapDispatchToProps(dispatch) {
   return {
     navigateToImpl: function navigateToImpl(url) {
@@ -12,7 +14,6 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
     }
   };
 };
-
 /**
  * This component generates an anchor tag. Instead of doing a browser page load, it will go to the next page via AJAX. Analytics scripts will be fired correctly (and if not, it's a bug)
  *
@@ -23,4 +24,6 @@ var mapDispatchToProps = function mapDispatchToProps(dispatch) {
  * @category Other
  * @component
  */
+
+
 export var Link = /*#__PURE__*/connect(mapStateToProps, mapDispatchToProps)(LinkBase);

package/dist/es/components/load-more-collection-stories.js

@@ -1,15 +1,17 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 import React from 'react';
 import get from "lodash/get";
 import { getRequest } from './api-client';
 import { LoadMoreStoriesManager } from './impl/load-more-stories-manager';
-
 /**
  * This component is very similar to the {@link LoadMoreBase} component but fetches the stories from a `collection`. The api call `/api/v1/collections/{collectionSlug}` is made with the passed collection slug value. The component accepts the `params` prop and a requires a Collection Slug from which to fetch the stories and returns a set of stories only.
  *
@@ -45,13 +47,19 @@ import { LoadMoreStoriesManager } from './impl/load-more-stories-manager';
  * @component
  * @category Collection Page
  */
+
 export var LoadMoreCollectionStories = /*#__PURE__*/function (_React$Component) {
+  _inherits(LoadMoreCollectionStories, _React$Component);
+
+  var _super = /*#__PURE__*/_createSuper(LoadMoreCollectionStories);
+
   function LoadMoreCollectionStories() {
     _classCallCheck(this, LoadMoreCollectionStories);
-    return _callSuper(this, LoadMoreCollectionStories, arguments);
+
+    return _super.apply(this, arguments);
   }
-  _inherits(LoadMoreCollectionStories, _React$Component);
-  return _createClass(LoadMoreCollectionStories, [{
+
+  _createClass(LoadMoreCollectionStories, [{
     key: "loadMoreStories",
     value: function loadMoreStories(pageNumber) {
       var stories = get(this.props, ['data', 'stories'], []);
@@ -70,6 +78,7 @@ export var LoadMoreCollectionStories = /*#__PURE__*/function (_React$Component)
     key: "render",
     value: function render() {
       var _this = this;
+
       return /*#__PURE__*/React.createElement(LoadMoreStoriesManager, Object.assign({}, this.props.data, {
         template: this.props.template,
         loadStories: function loadStories(pageNumber) {
@@ -80,4 +89,6 @@ export var LoadMoreCollectionStories = /*#__PURE__*/function (_React$Component)
       }));
     }
   }]);
+
+  return LoadMoreCollectionStories;
 }(React.Component);

package/dist/es/components/load-more-stories-base.js

@@ -1,10 +1,13 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 import React from 'react';
 import get from "lodash/get";
 import { getRequest } from './api-client';
@@ -36,16 +39,23 @@ import { LoadMoreStoriesManager } from './impl/load-more-stories-manager';
  * @component
  * @category Collection Page
   */
+
 export var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
+  _inherits(LoadMoreStoriesBase, _React$Component);
+
+  var _super = /*#__PURE__*/_createSuper(LoadMoreStoriesBase);
+
   function LoadMoreStoriesBase() {
     _classCallCheck(this, LoadMoreStoriesBase);
-    return _callSuper(this, LoadMoreStoriesBase, arguments);
+
+    return _super.apply(this, arguments);
   }
-  _inherits(LoadMoreStoriesBase, _React$Component);
-  return _createClass(LoadMoreStoriesBase, [{
+
+  _createClass(LoadMoreStoriesBase, [{
     key: "loadMoreStories",
     value: function loadMoreStories(pageNumber) {
       var _this = this;
+
       var stories = get(this.props, ['data', 'stories'], []);
       return getRequest(this.props.api || '/api/v1/stories', Object.assign({}, this.props.params, {
         offset: this.props.numStoriesToLoad * (pageNumber - 1) + stories.length,
@@ -55,6 +65,7 @@ export var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
         if (_this.props.apiResponseTransformer) {
           return _this.props.apiResponseTransformer(response);
         }
+
         return response.stories || get(response, ['results', 'stories'], []);
       });
     }
@@ -62,6 +73,7 @@ export var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
+
       return /*#__PURE__*/React.createElement(LoadMoreStoriesManager, Object.assign({}, this.props.data, {
         template: this.props.template,
         loadStories: function loadStories(pageNumber) {
@@ -72,4 +84,6 @@ export var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
+
+  return LoadMoreStoriesBase;
 }(React.Component);

package/dist/es/components/loading-indicator.js

@@ -1,19 +1,21 @@
 import React from "react";
 import { connect } from "react-redux";
+
 function LoadingIndicatorBase(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "loading-indicator ".concat(props.loading ? "loading-indicator-loading" : "")
   }, props.loading && props.children);
 }
+
 function mapStateToProps(state) {
   return {
     loading: state.pageLoading
   };
 }
+
 function mapDispatchToProps() {
   return {};
 }
-
 /**
  * This component renders it's children when the app is moving between pages. It can be used to show a spinner. It always has the class "loading-indicator", and also "loading-indicator-loading" when loading.
  *
@@ -28,4 +30,6 @@ function mapDispatchToProps() {
  * @component
  * @category Other
  */
+
+
 export var LoadingIndicator = /*#__PURE__*/connect(mapStateToProps, mapDispatchToProps)(LoadingIndicatorBase);

package/dist/es/components/menu-item.js

@@ -1,26 +1,29 @@
 import React from 'react';
 import { Link } from "./link";
-
 /**
  * @see {@link Menu}
  * @deprecated
  * @component
  * @category Header
  */
+
 export function MenuItem(_ref) {
   var item = _ref.item,
-    className = _ref.className,
-    currentUrl = _ref.currentUrl;
+      className = _ref.className,
+      currentUrl = _ref.currentUrl;
   var url = getRelativeUrl(item.url);
   return /*#__PURE__*/React.createElement("li", null, getMenuItemBody(item, "".concat(className).concat(currentUrl == url ? " active" : ""), url));
 }
+
 function getRelativeUrl(url) {
   var _URL = new URL(url),
-    pathname = _URL.pathname,
-    search = _URL.search,
-    hash = _URL.hash;
+      pathname = _URL.pathname,
+      search = _URL.search,
+      hash = _URL.hash;
+
   return "".concat(pathname).concat(search || "").concat(hash || "");
 }
+
 function getMenuItemBody(item, className, url, currentUrl) {
   switch (item['item-type']) {
     case 'section':
@@ -28,6 +31,7 @@ function getMenuItemBody(item, className, url, currentUrl) {
         href: url,
         className: className
       }, item.title);
+
     default:
       return /*#__PURE__*/React.createElement("a", {
         href: item.url,

package/dist/es/components/menu.js

@@ -1,12 +1,13 @@
 import React from "react";
 import { connect } from "react-redux";
+
 function MenuBase(_ref) {
   var children = _ref.children,
-    className = _ref.className,
-    itemClassName = _ref.itemClassName,
-    items = _ref.items,
-    currentUrl = _ref.currentUrl,
-    slice = _ref.slice;
+      className = _ref.className,
+      itemClassName = _ref.itemClassName,
+      items = _ref.items,
+      currentUrl = _ref.currentUrl,
+      slice = _ref.slice;
   items = items.slice.apply(items, slice);
   return /*#__PURE__*/React.createElement("ul", {
     className: className
@@ -19,13 +20,13 @@ function MenuBase(_ref) {
     });
   }));
 }
+
 function mapStateToProps(state) {
   return {
     items: state.qt.config.layout.menu,
     currentUrl: state.qt.currentPath
   };
 }
-
 /**
  * This component can be used to render a menu from the menuItems in the editor. An extra class called active is applied if the menu item is the current url. By default, links will resolve via AJAX.
  *
@@ -47,6 +48,8 @@ function mapStateToProps(state) {
  * @component
  * @category Header
  */
+
+
 export var Menu = /*#__PURE__*/connect(mapStateToProps, function () {
   return {};
 })(MenuBase);

package/dist/es/components/responsive-hero-image.js

@@ -2,7 +2,6 @@ import omit from "@babel/runtime/helpers/objectWithoutProperties";
 import get from "lodash/get";
 import React from "react";
 import { ResponsiveImage } from "./responsive-image";
-
 /**
  * This component is a wrapper over {@link ResponsiveImages}. It accepts story as a prop and renders story's hero image.
  * If hero-image-s3-key is present, it takes that as slug and the story headline as image alt text.
@@ -21,11 +20,13 @@ import { ResponsiveImage } from "./responsive-image";
  * @component
  * @category Images
  */
+
 export function ResponsiveHeroImage(props) {
   var metadata, slug, alternateText;
   var heroImageS3Key = get(props, ["story", "hero-image-s3-key"], "");
   var storyAlternateData = get(props, ["story", "alternative", "home", "default"], {}) || {};
   var alternateHeroImageS3Key = get(storyAlternateData, ["hero-image", "hero-image-s3-key"], "");
+
   if (heroImageS3Key) {
     slug = heroImageS3Key;
     metadata = get(props, ["story", "hero-image-metadata"], {});
@@ -35,6 +36,7 @@ export function ResponsiveHeroImage(props) {
     metadata = get(storyAlternateData, ["hero-image", "hero-image-metadata"], {});
     alternateText = get(storyAlternateData, ["headline"], "");
   } else return null;
+
   return /*#__PURE__*/React.createElement(ResponsiveImage, Object.assign({
     slug: slug,
     metadata: metadata,

package/dist/es/components/responsive-image.js

@@ -3,21 +3,26 @@ import React from 'react';
 import { connect } from 'react-redux';
 import { GumletImage } from './impl/gumlet-image';
 import { ThumborImage } from './impl/thumbor-image';
+
 function mapStateToProps(state) {
   return {
     imageCDN: state.qt.config['cdn-image'],
     imageCDNFormat: state.qt.config['image-cdn-format'] || 'thumbor'
   };
 }
+
 function ResponsiveImageBase(props) {
   if (process.env.NODE_ENV == 'development' && !props.alt && !props.reactTag) {
     global.console && global.console.warn("Image Found without an alt attribute: ".concat(props.slug));
   }
+
   if (props.imageCDNFormat === 'gumlet') {
     return /*#__PURE__*/React.createElement(GumletImage, props);
   }
+
   return /*#__PURE__*/React.createElement(ThumborImage, props);
 }
+
 /**
  * This component takes an image, and resizes it to the correct aspect ratio using imgix or thumbor.
  *

package/dist/es/components/responsive-source.js

@@ -1,6 +1,5 @@
 import React from "react";
 import { ResponsiveImage } from './responsive-image';
-
 /**
  * This component is to be used if the aspect of an images changes significantly between different devices.
  *
@@ -33,6 +32,7 @@ import { ResponsiveImage } from './responsive-image';
  * @component
  * @category Images
  */
+
 export var ResponsiveSource = function ResponsiveSource(props) {
   return /*#__PURE__*/React.createElement(ResponsiveImage, Object.assign({
     reactTag: 'source',