@quintype/components 3.1.0-test-b.0 → 3.1.0-url-decode.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/index.js CHANGED
@@ -23,7 +23,6 @@ var _extends = require('@babel/runtime/helpers/extends');
23
23
  var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
24
24
  var classNames = require('classnames');
25
25
  var getVideoID = require('get-video-id');
26
- var atob = require('atob');
27
26
  var getYouTubeID = require('get-youtube-id');
28
27
  var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
29
28
  var _regeneratorRuntime = require('@babel/runtime/regenerator');
@@ -66,7 +65,6 @@ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
66
65
  var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
67
66
  var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
68
67
  var getVideoID__default = /*#__PURE__*/_interopDefaultLegacy(getVideoID);
69
- var atob__default = /*#__PURE__*/_interopDefaultLegacy(atob);
70
68
  var getYouTubeID__default = /*#__PURE__*/_interopDefaultLegacy(getYouTubeID);
71
69
  var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
72
70
  var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
@@ -497,9 +495,9 @@ function withError(clazz) {
497
495
  }(React__default["default"].Component);
498
496
  }
499
497
 
500
- function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
498
+ function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
501
499
 
502
- function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
500
+ function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
503
501
  /**
504
502
  * This is a function which can be used to manage ad units in a single place. A component must be created, and used with the `adtype` parameter. These ads are lazy-loaded and single-request mode is disabled by default which can be overwritten as follows.
505
503
  *
@@ -584,7 +582,7 @@ function DfpAdBase(_ref2) {
584
582
  deferAdsBy = _ref2.deferAdsBy;
585
583
  var adConfig = config[adtype] || {};
586
584
 
587
- var adProps = _objectSpread$6({
585
+ var adProps = _objectSpread$7({
588
586
  slotId: slotId
589
587
  }, adConfig);
590
588
 
@@ -817,7 +815,7 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
817
815
 
818
816
  var item = entry.target.getAttribute("data-infinite-scroll");
819
817
 
820
- if (item == "load-more" && entry.isIntersecting) {
818
+ if (item == 'load-more' && entry.isIntersecting) {
821
819
  _this9.props.loadNext();
822
820
  } else {
823
821
  var showItem = _this9.props.neverHideItem ? visibleComponents[item] || entry.isIntersecting : entry.isIntersecting;
@@ -889,8 +887,6 @@ function withFocusObserver(Component) {
889
887
 
890
888
  entries.forEach(function (entry) {
891
889
  var item = entry.target.getAttribute("data-infinite-scroll");
892
- console.log("foooooooooo inside focuscallback", entry);
893
- console.log("foooooooooo inside item", item);
894
890
 
895
891
  if (entry.isIntersecting) {
896
892
  _this12.props.onFocus(item);
@@ -919,9 +915,9 @@ function withFocusObserver(Component) {
919
915
 
920
916
  var InfiniteScroll = /*#__PURE__*/withFocusObserver(InfiniteScrollBase);
921
917
 
922
- function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
918
+ function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
923
919
 
924
- function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
920
+ function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
925
921
  function removeDuplicateStories(existingStories, newStories) {
926
922
  var keyFn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (story) {
927
923
  return story.id;
@@ -993,13 +989,13 @@ var computeAccess = function computeAccess(previousState, currentState) {
993
989
  var storyAccess = previousState[currentStoryId];
994
990
 
995
991
  if (storyAccess.granted !== currentAccess[currentStoryId].granted || storyAccess.grantReason !== currentAccess[currentStoryId].grantReason) {
996
- return _objectSpread$5(_objectSpread$5({}, previousState), currentAccess);
992
+ return _objectSpread$6(_objectSpread$6({}, previousState), currentAccess);
997
993
  }
998
994
 
999
995
  return previousState;
1000
996
  }
1001
997
 
1002
- return _objectSpread$5(_objectSpread$5({}, previousState), currentAccess);
998
+ return _objectSpread$6(_objectSpread$6({}, previousState), currentAccess);
1003
999
  };
1004
1000
 
1005
1001
  function _createSuper$k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$k(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
@@ -1083,14 +1079,11 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
1083
1079
  value: function onFocus(index) {
1084
1080
  var _this2 = this;
1085
1081
 
1086
- console.log("fooooooooooo inside focus");
1087
1082
  var item = this.allItems()[index];
1088
1083
 
1089
1084
  if (!this.props.doNotChangeUrl) {
1090
- console.log("fooooooooooo inside focus if");
1091
1085
  var storyPath = item.story.url ? new URL(item.story.url).pathname : "/" + item.story.slug;
1092
- console.log("foooooooooooo", storyPath);
1093
- var metaTitle = get__default["default"](item, ["story", "seo", "meta-title"], item.story.headline);
1086
+ var metaTitle = get__default["default"](item, ['story', 'seo', 'meta-title'], item.story.headline);
1094
1087
  var title = get__default["default"](item, ["customSeo", "title"], metaTitle);
1095
1088
  global.app.maybeSetUrl(storyPath, title);
1096
1089
  }
@@ -1112,7 +1105,7 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
1112
1105
 
1113
1106
  if (this.state.loading) return;
1114
1107
  var pageNumber = this.state.pageNumber;
1115
- var story = get__default["default"](this.props.data, ["story"], {});
1108
+ var story = get__default["default"](this.props.data, ['story'], {});
1116
1109
  this.setState({
1117
1110
  loading: true,
1118
1111
  pageNumber: pageNumber + 1
@@ -1352,9 +1345,9 @@ LazyLoadImages.childContextTypes = {
1352
1345
  lazyLoadUnobserveImage: propTypes.func
1353
1346
  };
1354
1347
 
1355
- function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1348
+ function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
1356
1349
 
1357
- function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1350
+ function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
1358
1351
  function StoryNotImplemented() {
1359
1352
  return /*#__PURE__*/React__default["default"].createElement("div", {
1360
1353
  "data-comment": "Story Template Not Implemented"
@@ -1370,7 +1363,7 @@ function renderCollectionItem(collectionItem, index, collectionTemplates, storyT
1370
1363
 
1371
1364
  switch (collectionItem.type) {
1372
1365
  case "collection":
1373
- return /*#__PURE__*/React__default["default"].createElement(collectionTemplates(getAssociatedTemplate(collectionItem), index), _objectSpread$4({
1366
+ return /*#__PURE__*/React__default["default"].createElement(collectionTemplates(getAssociatedTemplate(collectionItem), index), _objectSpread$5({
1374
1367
  key: "".concat(index, "-").concat(collectionItem.id),
1375
1368
  index: index,
1376
1369
  collection: collectionItem,
@@ -1378,7 +1371,7 @@ function renderCollectionItem(collectionItem, index, collectionTemplates, storyT
1378
1371
  }, otherProps));
1379
1372
 
1380
1373
  case "story":
1381
- return /*#__PURE__*/React__default["default"].createElement(storyTemplates(index), _objectSpread$4({
1374
+ return /*#__PURE__*/React__default["default"].createElement(storyTemplates(index), _objectSpread$5({
1382
1375
  key: "".concat(index, "-").concat(collectionItem.id),
1383
1376
  index: index,
1384
1377
  story: collectionItem.story,
@@ -1921,9 +1914,9 @@ ThumborImage.contextTypes = {
1921
1914
  lazyLoadEagerPredicate: propTypes.func
1922
1915
  };
1923
1916
 
1924
- function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1917
+ function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
1925
1918
 
1926
- function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1919
+ function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
1927
1920
  var forceLoadingGumlet = false;
1928
1921
 
1929
1922
  function loadGumlet() {
@@ -1964,7 +1957,7 @@ function GumletImage(props) {
1964
1957
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Tag, _extends__default["default"]({}, imageProps, omit__default["default"](props, USED_PARAMS), {
1965
1958
  className: className ? "qt-image ".concat(className) : 'qt-image'
1966
1959
  })), /*#__PURE__*/React__default["default"].createElement("noscript", null, /*#__PURE__*/React__default["default"].createElement("img", {
1967
- src: "https://".concat(imageCDN, "/").concat(image.path(aspectRatio, _objectSpread$3(_objectSpread$3({}, imgParams), {}, {
1960
+ src: "https://".concat(imageCDN, "/").concat(image.path(aspectRatio, _objectSpread$4(_objectSpread$4({}, imgParams), {}, {
1968
1961
  w: 1200
1969
1962
  }))),
1970
1963
  alt: props.alt || ""
@@ -2043,7 +2036,7 @@ function ResponsiveHeroImage(props) {
2043
2036
  if (heroImageS3Key) {
2044
2037
  slug = heroImageS3Key;
2045
2038
  metadata = get__default["default"](props, ["story", "hero-image-metadata"], {});
2046
- alternateText = get__default["default"](props, ["story", "headline"], "");
2039
+ alternateText = props.alt ? props.alt : get__default["default"](props, ["story", "headline"], "");
2047
2040
  } else if (alternateHeroImageS3Key) {
2048
2041
  slug = alternateHeroImageS3Key;
2049
2042
  metadata = get__default["default"](storyAlternateData, ["hero-image", "hero-image-metadata"], {});
@@ -2575,8 +2568,14 @@ var JSEmbed = /*#__PURE__*/function (_React$Component) {
2575
2568
  }, {
2576
2569
  key: "getEmbedJS",
2577
2570
  value: function getEmbedJS() {
2578
- var embedjs = this.props.embedJS;
2579
- return embedjs != null ? atob__default["default"](embedjs) : null;
2571
+ var embedJs = this.props.embedJS;
2572
+ if (!embedJs) return null;
2573
+
2574
+ if (global) {
2575
+ return global.atob(embedJs);
2576
+ }
2577
+
2578
+ return Buffer.from(embedJs, 'base64').toString('utf-8');
2580
2579
  }
2581
2580
  }, {
2582
2581
  key: "render",
@@ -2761,9 +2760,9 @@ var Table = /*#__PURE__*/function (_React$Component) {
2761
2760
  return Table;
2762
2761
  }(React__default["default"].Component);
2763
2762
 
2764
- function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2763
+ function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
2765
2764
 
2766
- function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
2765
+ function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
2767
2766
 
2768
2767
  function _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$7(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
2769
2768
 
@@ -2812,7 +2811,7 @@ var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
2812
2811
  _this$props$element = _this$props.element,
2813
2812
  element = _this$props$element === void 0 ? {} : _this$props$element;
2814
2813
 
2815
- var qliticsData = _objectSpread$2(_objectSpread$2({}, getQliticsSchema(story, card, element)), {
2814
+ var qliticsData = _objectSpread$3(_objectSpread$3({}, getQliticsSchema(story, card, element)), {
2816
2815
  "story-element-action": action
2817
2816
  });
2818
2817
 
@@ -2944,9 +2943,9 @@ var StoryElementYoutube = function StoryElementYoutube(props) {
2944
2943
 
2945
2944
  var _excluded = ["renderTemplates"];
2946
2945
 
2947
- function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2946
+ function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
2948
2947
 
2949
- function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
2948
+ function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
2950
2949
 
2951
2950
  function _createSuper$6(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$6(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
2952
2951
 
@@ -3260,7 +3259,7 @@ var StoryElementBase = /*#__PURE__*/function (_React$Component2) {
3260
3259
  ref: function ref(_ref10) {
3261
3260
  return _this3.storyElementRef = _ref10;
3262
3261
  }
3263
- }, renderTemplate ? /*#__PURE__*/React__default["default"].createElement(renderTemplate, _objectSpread$1({}, elementProps), /*#__PURE__*/React__default["default"].createElement(storyElementTemplate, Object.assign({}, elementProps))) : /*#__PURE__*/React__default["default"].createElement(storyElementTemplate, Object.assign({}, elementProps)));
3262
+ }, renderTemplate ? /*#__PURE__*/React__default["default"].createElement(renderTemplate, _objectSpread$2({}, elementProps), /*#__PURE__*/React__default["default"].createElement(storyElementTemplate, Object.assign({}, elementProps))) : /*#__PURE__*/React__default["default"].createElement(storyElementTemplate, Object.assign({}, elementProps)));
3264
3263
  }
3265
3264
  }]);
3266
3265
 
@@ -3580,6 +3579,9 @@ Collection.defaultProps = {
3580
3579
  }
3581
3580
  };
3582
3581
 
3582
+ function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
3583
+
3584
+ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
3583
3585
  /**
3584
3586
  * This component can be used for adding image gallery on the story page.
3585
3587
  *
@@ -3600,13 +3602,14 @@ function ImageGalleryElement(_ref) {
3600
3602
  element = _ref.element,
3601
3603
  widths = _ref.widths,
3602
3604
  story = _ref.story,
3603
- onClickHandler = _ref.onClickHandler;
3605
+ onClickHandler = _ref.onClickHandler,
3606
+ imgParams = _ref.imgParams;
3604
3607
  element = element || {};
3605
- var images = element['story-elements'].map(function (image, index) {
3608
+ var images = element["story-elements"].map(function (image, index) {
3606
3609
  return /*#__PURE__*/React__default["default"].createElement("figure", {
3607
3610
  "data-test-id": "story-element-image-container",
3608
3611
  key: image.id,
3609
- className: "story-element-image-gallery__image-container ".concat(onClickHandler ? 'custom-cursor' : ''),
3612
+ className: "story-element-image-gallery__image-container ".concat(onClickHandler ? "custom-cursor" : ""),
3610
3613
  onClick: function onClick() {
3611
3614
  return onClickHandler && onClickHandler(index);
3612
3615
  }
@@ -3616,10 +3619,12 @@ function ImageGalleryElement(_ref) {
3616
3619
  aspectRatio: imageAspectRatio ? imageAspectRatio : [1, 1],
3617
3620
  defaultWidth: defaultWidth ? defaultWidth : 480,
3618
3621
  widths: widths ? widths : [250, 480, 640],
3619
- imgParams: {
3620
- auto: ['format', 'compress']
3622
+ imgParams: imgParams ? _objectSpread$1({
3623
+ auto: ["format", "compress"]
3624
+ }, imgParams) : {
3625
+ auto: ["format", "compress"]
3621
3626
  },
3622
- className: className ? className : 'story-element-image-gallery__image',
3627
+ className: className ? className : "story-element-image-gallery__image",
3623
3628
  alt: image.title || story.headline
3624
3629
  }));
3625
3630
  });
@@ -4491,9 +4496,9 @@ UpdateOnInterval.defaultProps = {
4491
4496
  initData: {}
4492
4497
  };
4493
4498
 
4494
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4499
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
4495
4500
 
4496
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4501
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
4497
4502
 
4498
4503
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
4499
4504
 
@@ -8,9 +8,9 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
8
8
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
9
9
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
10
10
 
11
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
11
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
12
12
 
13
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
13
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
14
14
 
15
15
  import _regeneratorRuntime from "@babel/runtime/regenerator";
16
16
 
@@ -1,8 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
 
3
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
4
4
 
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
5
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
6
6
 
7
7
  import React from "react";
8
8
  import { AdSlot, DFPManager, DFPSlotsProvider } from "react-dfp";
@@ -1,3 +1,9 @@
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
+
3
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
4
+
5
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
6
+
1
7
  import React from "react";
2
8
  import { ResponsiveImage } from "./responsive-image";
3
9
  /**
@@ -20,13 +26,14 @@ export function ImageGalleryElement(_ref) {
20
26
  element = _ref.element,
21
27
  widths = _ref.widths,
22
28
  story = _ref.story,
23
- onClickHandler = _ref.onClickHandler;
29
+ onClickHandler = _ref.onClickHandler,
30
+ imgParams = _ref.imgParams;
24
31
  element = element || {};
25
- var images = element['story-elements'].map(function (image, index) {
32
+ var images = element["story-elements"].map(function (image, index) {
26
33
  return /*#__PURE__*/React.createElement("figure", {
27
34
  "data-test-id": "story-element-image-container",
28
35
  key: image.id,
29
- className: "story-element-image-gallery__image-container ".concat(onClickHandler ? 'custom-cursor' : ''),
36
+ className: "story-element-image-gallery__image-container ".concat(onClickHandler ? "custom-cursor" : ""),
30
37
  onClick: function onClick() {
31
38
  return onClickHandler && onClickHandler(index);
32
39
  }
@@ -36,10 +43,12 @@ export function ImageGalleryElement(_ref) {
36
43
  aspectRatio: imageAspectRatio ? imageAspectRatio : [1, 1],
37
44
  defaultWidth: defaultWidth ? defaultWidth : 480,
38
45
  widths: widths ? widths : [250, 480, 640],
39
- imgParams: {
40
- auto: ['format', 'compress']
46
+ imgParams: imgParams ? _objectSpread({
47
+ auto: ["format", "compress"]
48
+ }, imgParams) : {
49
+ auto: ["format", "compress"]
41
50
  },
42
- className: className ? className : 'story-element-image-gallery__image',
51
+ className: className ? className : "story-element-image-gallery__image",
43
52
  alt: image.title || story.headline
44
53
  }));
45
54
  });
@@ -1,8 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
 
3
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
4
4
 
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
5
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
6
6
 
7
7
  import React from 'react';
8
8
  import { getAssociatedTemplate } from "../../utils";
@@ -1,9 +1,9 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
 
4
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
5
5
 
6
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
7
7
 
8
8
  import React, { useEffect } from "react";
9
9
  import emptyWebGif from 'empty-web-gif';
@@ -183,7 +183,7 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
183
183
 
184
184
  var item = entry.target.getAttribute("data-infinite-scroll");
185
185
 
186
- if (item == "load-more" && entry.isIntersecting) {
186
+ if (item == 'load-more' && entry.isIntersecting) {
187
187
  _this9.props.loadNext();
188
188
  } else {
189
189
  var showItem = _this9.props.neverHideItem ? visibleComponents[item] || entry.isIntersecting : entry.isIntersecting;
@@ -255,8 +255,6 @@ function withFocusObserver(Component) {
255
255
 
256
256
  entries.forEach(function (entry) {
257
257
  var item = entry.target.getAttribute("data-infinite-scroll");
258
- console.log("foooooooooo inside focuscallback", entry);
259
- console.log("foooooooooo inside item", item);
260
258
 
261
259
  if (entry.isIntersecting) {
262
260
  _this12.props.onFocus(item);
@@ -8,10 +8,10 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
8
8
 
9
9
  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; } }
10
10
 
11
- import get from "lodash/get";
12
11
  import React from "react";
13
- import { removeDuplicateStories } from "../utils";
12
+ import get from "lodash/get";
14
13
  import { InfiniteScroll } from "./infinite-scroll.js";
14
+ import { removeDuplicateStories } from '../utils';
15
15
  /**
16
16
  * This component can be used to implement InfiniteScroll on the story page. You will need to specify the function which renders the story (which will recieve props.index and props.story), and functions for triggering analytics.
17
17
  *
@@ -90,14 +90,11 @@ export var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
90
90
  value: function onFocus(index) {
91
91
  var _this2 = this;
92
92
 
93
- console.log("fooooooooooo inside focus");
94
93
  var item = this.allItems()[index];
95
94
 
96
95
  if (!this.props.doNotChangeUrl) {
97
- console.log("fooooooooooo inside focus if");
98
96
  var storyPath = item.story.url ? new URL(item.story.url).pathname : "/" + item.story.slug;
99
- console.log("foooooooooooo", storyPath);
100
- var metaTitle = get(item, ["story", "seo", "meta-title"], item.story.headline);
97
+ var metaTitle = get(item, ['story', 'seo', 'meta-title'], item.story.headline);
101
98
  var title = get(item, ["customSeo", "title"], metaTitle);
102
99
  global.app.maybeSetUrl(storyPath, title);
103
100
  }
@@ -119,7 +116,7 @@ export var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
119
116
 
120
117
  if (this.state.loading) return;
121
118
  var pageNumber = this.state.pageNumber;
122
- var story = get(this.props.data, ["story"], {});
119
+ var story = get(this.props.data, ['story'], {});
123
120
  this.setState({
124
121
  loading: true,
125
122
  pageNumber: pageNumber + 1
@@ -1,7 +1,7 @@
1
- import React from "react";
2
- import { ResponsiveImage } from "./responsive-image";
3
1
  import omit from "@babel/runtime/helpers/objectWithoutProperties";
4
2
  import get from "lodash/get";
3
+ import React from "react";
4
+ import { ResponsiveImage } from "./responsive-image";
5
5
  /**
6
6
  * This component is a wrapper over {@link ResponsiveImages}. It accepts story as a prop and renders story's hero image.
7
7
  * If hero-image-s3-key is present, it takes that as slug and the story headline as image alt text.
@@ -30,7 +30,7 @@ export function ResponsiveHeroImage(props) {
30
30
  if (heroImageS3Key) {
31
31
  slug = heroImageS3Key;
32
32
  metadata = get(props, ["story", "hero-image-metadata"], {});
33
- alternateText = get(props, ["story", "headline"], "");
33
+ alternateText = props.alt ? props.alt : get(props, ["story", "headline"], "");
34
34
  } else if (alternateHeroImageS3Key) {
35
35
  slug = alternateHeroImageS3Key;
36
36
  metadata = get(storyAlternateData, ["hero-image", "hero-image-metadata"], {});
@@ -8,9 +8,9 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
8
8
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
9
9
  var _excluded = ["renderTemplates"];
10
10
 
11
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
11
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
12
12
 
13
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
13
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
14
14
 
15
15
  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); }; }
16
16
 
@@ -8,7 +8,6 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
8
8
 
9
9
  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; } }
10
10
 
11
- import atob from "atob";
12
11
  import { string } from "prop-types";
13
12
  import React from "react";
14
13
 
@@ -70,8 +69,14 @@ var JSEmbed = /*#__PURE__*/function (_React$Component) {
70
69
  }, {
71
70
  key: "getEmbedJS",
72
71
  value: function getEmbedJS() {
73
- var embedjs = this.props.embedJS;
74
- return embedjs != null ? atob(embedjs) : null;
72
+ var embedJs = this.props.embedJS;
73
+ if (!embedJs) return null;
74
+
75
+ if (global) {
76
+ return global.atob(embedJs);
77
+ }
78
+
79
+ return Buffer.from(embedJs, 'base64').toString('utf-8');
75
80
  }
76
81
  }, {
77
82
  key: "render",
@@ -6,9 +6,9 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
6
6
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
7
7
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
8
 
9
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
9
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
10
10
 
11
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
11
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
12
12
 
13
13
  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); }; }
14
14
 
package/dist/es/utils.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
 
3
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
4
4
 
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
5
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
6
6
 
7
7
  // FIXME: TEST THIS
8
8
  import get from "lodash/get";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@quintype/components",
3
- "version": "3.1.0-test-b.0",
3
+ "version": "3.1.0-url-decode.2",
4
4
  "description": "Components to help build Quintype Node.js apps",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/es/index.js",
@@ -23,7 +23,6 @@
23
23
  "homepage": "https://github.com/quintype/quintype-node-components#readme",
24
24
  "dependencies": {
25
25
  "@babel/runtime": "^7.16.3",
26
- "atob": "^2.1.2",
27
26
  "classnames": "^2.3.1",
28
27
  "empty-web-gif": "^1.0.1",
29
28
  "get-video-id": "^3.4.3",