pageflow 15.6.1 → 15.7.0

data/entry_types/scrolled/package/frontend/{i18n-4dc6c377.js → PhonePlatformContext-9fb97827.js}

@@ -1,24 +1,9 @@
 import React, { useReducer, useMemo, useCallback, createContext as createContext$1, useContext } from 'react';
+import I18n from 'i18n-js';
 import { createContext, useContextSelector } from 'use-context-selector';
 import { createSelectorCreator, defaultMemoize, createSelector } from 'reselect';
-import I18n from 'i18n-js';
 import slugify from 'slugify';
 
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -77,6 +62,21 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
 
@@ -266,12 +266,9 @@ function EntryStateProvider(_ref) {
       dispatch: dispatch
     };
   }, [collections, dispatch, seed]);
-  return (
-    /*#__PURE__*/
-    React.createElement(Context.Provider, {
-      value: value
-    }, children)
-  );
+  return /*#__PURE__*/React.createElement(Context.Provider, {
+    value: value
+  }, children);
 }
 
 function useEntryState() {
@@ -307,6 +304,25 @@ function useEntryStateCollectionItems(collectionName, filter) {
   });
 }
 
+/**
+ * Returns data generated by a Ruby lambda registered server
+ * side via `config.additional_frontend_seed_data.register`.
+ *
+ * @example
+ *
+ * const data = useAdditionalSeedData('someSeed');
+ */
+
+function useAdditionalSeedData(name) {
+  var config = useEntryStateConfig();
+
+  if (!config.additionalSeedData[name]) {
+    throw new Error("Could not find additional seed data with name '".concat(name, "'."));
+  }
+
+  return config.additionalSeedData[name];
+}
+
 /**
  * Returns a nested data structure representing the metadata of the entry.
  *
@@ -385,10 +401,10 @@ var EmailIcon = (function (_ref) {
   var _ref$styles = _ref.styles,
       props = _objectWithoutProperties(_ref, ["styles"]);
 
-  return React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 612 612"
-  }, props), React.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     d: "M573.75 57.375H38.25C17.136 57.375 0 74.511 0 95.625v420.75c0 21.133 17.136 38.25 38.25 38.25h535.5c21.133 0 38.25-17.117 38.25-38.25V95.625c0-21.114-17.117-38.25-38.25-38.25zM554.625 497.25H57.375V204.657l224.03 187.999c7.134 5.967 15.874 8.97 24.595 8.97 8.74 0 17.461-3.003 24.595-8.97l224.03-187.999V497.25zm0-367.487L306 338.379 57.375 129.763V114.75h497.25v15.013z"
   }));
 });
@@ -414,10 +430,10 @@ var FacebookIcon = (function (_ref) {
   var _ref$styles = _ref.styles,
       props = _objectWithoutProperties(_ref, ["styles"]);
 
-  return React.createElement("svg", _extends$1({
+  return /*#__PURE__*/React.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 430.113 430.114"
-  }, props), React.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     d: "M158.081 83.3v59.218h-43.385v72.412h43.385v215.183h89.122V214.936h59.805s5.601-34.721 8.316-72.685H247.54V92.74c0-7.4 9.717-17.354 19.321-17.354h48.557V.001h-66.021C155.878-.004 158.081 72.48 158.081 83.3z"
   }));
 });
@@ -443,10 +459,10 @@ var LinkedInIcon = (function (_ref) {
   var _ref$styles = _ref.styles,
       props = _objectWithoutProperties(_ref, ["styles"]);
 
-  return React.createElement("svg", _extends$2({
+  return /*#__PURE__*/React.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 430.117 430.117"
-  }, props), React.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     d: "M430.117 261.543V420.56h-92.188V272.193c0-37.271-13.334-62.707-46.703-62.707-25.473 0-40.632 17.142-47.301 33.724-2.432 5.928-3.058 14.179-3.058 22.477V420.56h-92.219s1.242-251.285 0-277.32h92.21v39.309c-.187.294-.43.611-.606.896h.606v-.896c12.251-18.869 34.13-45.824 83.102-45.824 60.673-.001 106.157 39.636 106.157 124.818zM52.183 9.558C20.635 9.558 0 30.251 0 57.463c0 26.619 20.038 47.94 50.959 47.94h.616c32.159 0 52.159-21.317 52.159-47.94-.606-27.212-20-47.905-51.551-47.905zM5.477 420.56h92.184V143.24H5.477v277.32z"
   }));
 });
@@ -472,10 +488,10 @@ var TelegramIcon = (function (_ref) {
   var _ref$styles = _ref.styles,
       props = _objectWithoutProperties(_ref, ["styles"]);
 
-  return React.createElement("svg", _extends$3({
+  return /*#__PURE__*/React.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 512.004 512.004"
-  }, props), React.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     d: "M508.194 20.517c-4.43-4.96-11.42-6.29-17.21-3.76l-482 211a15.01 15.01 0 00-8.98 13.41 15.005 15.005 0 008.38 13.79l115.09 56.6 28.68 172.06c.93 6.53 6.06 11.78 12.74 12.73 4.8.69 9.57-1 12.87-4.4l90.86-90.86 129.66 92.62a15.02 15.02 0 0014.24 1.74 15.01 15.01 0 009.19-11.01l90-451c.89-4.47-.26-9.26-3.52-12.92zm-372.84 263.45l-84.75-41.68 334.82-146.57-250.07 188.25zm46.94 44.59l-13.95 69.75-15.05-90.3 183.97-138.49-150.88 151.39c-2.12 2.12-3.53 4.88-4.09 7.65zm9.13 107.3l15.74-78.67 36.71 26.22-52.45 52.45zm205.41 19.94l-176.73-126.23 252.47-253.31-75.74 379.54z"
   }));
 });
@@ -501,10 +517,10 @@ var TwitterIcon = (function (_ref) {
   var _ref$styles = _ref.styles,
       props = _objectWithoutProperties(_ref, ["styles"]);
 
-  return React.createElement("svg", _extends$4({
+  return /*#__PURE__*/React.createElement("svg", _extends$4({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 612 612"
-  }, props), React.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     d: "M612 116.258a250.714 250.714 0 01-72.088 19.772c25.929-15.527 45.777-40.155 55.184-69.411-24.322 14.379-51.169 24.82-79.775 30.48-22.907-24.437-55.49-39.658-91.63-39.658-69.334 0-125.551 56.217-125.551 125.513 0 9.828 1.109 19.427 3.251 28.606-104.326-5.24-196.835-55.223-258.75-131.174-10.823 18.51-16.98 40.078-16.98 63.101 0 43.559 22.181 81.993 55.835 104.479a125.556 125.556 0 01-56.867-15.756v1.568c0 60.806 43.291 111.554 100.693 123.104-10.517 2.83-21.607 4.398-33.08 4.398-8.107 0-15.947-.803-23.634-2.333 15.985 49.907 62.336 86.199 117.253 87.194-42.947 33.654-97.099 53.655-155.916 53.655-10.134 0-20.116-.612-29.944-1.721 55.567 35.681 121.536 56.485 192.438 56.485 230.948 0 357.188-191.291 357.188-357.188l-.421-16.253c24.666-17.593 46.005-39.697 62.794-64.861z"
   }));
 });
@@ -530,10 +546,10 @@ var WhatsAppIcon = (function (_ref) {
   var _ref$styles = _ref.styles,
       props = _objectWithoutProperties(_ref, ["styles"]);
 
-  return React.createElement("svg", _extends$5({
+  return /*#__PURE__*/React.createElement("svg", _extends$5({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 90 90"
-  }, props), React.createElement("path", {
+  }, props), /*#__PURE__*/React.createElement("path", {
     d: "M90 43.841c0 24.213-19.779 43.841-44.182 43.841a44.256 44.256 0 01-21.357-5.455L0 90l7.975-23.522a43.38 43.38 0 01-6.34-22.637C1.635 19.628 21.416 0 45.818 0 70.223 0 90 19.628 90 43.841zM45.818 6.982c-20.484 0-37.146 16.535-37.146 36.859 0 8.065 2.629 15.534 7.076 21.61L11.107 79.14l14.275-4.537A37.122 37.122 0 0045.819 80.7c20.481 0 37.146-16.533 37.146-36.857S66.301 6.982 45.818 6.982zm22.311 46.956c-.273-.447-.994-.717-2.076-1.254-1.084-.537-6.41-3.138-7.4-3.495-.993-.358-1.717-.538-2.438.537-.721 1.076-2.797 3.495-3.43 4.212-.632.719-1.263.809-2.347.271-1.082-.537-4.571-1.673-8.708-5.333-3.219-2.848-5.393-6.364-6.025-7.441-.631-1.075-.066-1.656.475-2.191.488-.482 1.084-1.255 1.625-1.882.543-.628.723-1.075 1.082-1.793.363-.717.182-1.344-.09-1.883-.27-.537-2.438-5.825-3.34-7.977-.902-2.15-1.803-1.792-2.436-1.792-.631 0-1.354-.09-2.076-.09s-1.896.269-2.889 1.344c-.992 1.076-3.789 3.676-3.789 8.963 0 5.288 3.879 10.397 4.422 11.113.541.716 7.49 11.92 18.5 16.223C58.2 65.771 58.2 64.336 60.186 64.156c1.984-.179 6.406-2.599 7.312-5.107.9-2.512.9-4.663.631-5.111z"
   }));
 });
@@ -564,41 +580,41 @@ function useShareProviders(_ref) {
   var isPhonePlatform = _ref.isPhonePlatform;
   var config = useEntryStateConfig();
   var entryMetadata = useEntryMetadata();
-  var shareProviders = entryMetadata ? entryMetadata.shareProviders : {};
+  var shareProviders = (entryMetadata === null || entryMetadata === void 0 ? void 0 : entryMetadata.shareProviders) || {};
   var urlTemplates = config.shareUrlTemplates;
-  var sharing = {
-    email: {
-      icon: EmailIcon,
-      name: 'Mail',
-      url: urlTemplates.email
-    },
-    facebook: {
-      icon: FacebookIcon,
-      name: 'Facebook',
-      url: urlTemplates.facebook
-    },
-    linked_in: {
-      icon: LinkedInIcon,
-      name: 'LinkedIn',
-      url: urlTemplates.linked_in
-    },
-    telegram: {
-      icon: TelegramIcon,
-      name: 'Telegram',
-      url: urlTemplates.telegram
-    },
-    twitter: {
-      icon: TwitterIcon,
-      name: 'Twitter',
-      url: urlTemplates.twitter
-    },
-    whats_app: {
-      icon: WhatsAppIcon,
-      name: 'WhatsApp',
-      url: urlTemplates.whats_app
-    }
-  };
   return useMemo(function () {
+    var sharing = {
+      email: {
+        icon: EmailIcon,
+        name: 'Mail',
+        url: urlTemplates.email
+      },
+      facebook: {
+        icon: FacebookIcon,
+        name: 'Facebook',
+        url: urlTemplates.facebook
+      },
+      linked_in: {
+        icon: LinkedInIcon,
+        name: 'LinkedIn',
+        url: urlTemplates.linked_in
+      },
+      telegram: {
+        icon: TelegramIcon,
+        name: 'Telegram',
+        url: urlTemplates.telegram
+      },
+      twitter: {
+        icon: TwitterIcon,
+        name: 'Twitter',
+        url: urlTemplates.twitter
+      },
+      whats_app: {
+        icon: WhatsAppIcon,
+        name: 'WhatsApp',
+        url: urlTemplates.whats_app
+      }
+    };
     return activeShareProviders(shareProviders, isPhonePlatform).map(function (provider) {
       var config = sharing[provider];
       return {
@@ -607,7 +623,7 @@ function useShareProviders(_ref) {
         url: config.url
       };
     });
-  }, [shareProviders, isPhonePlatform]);
+  }, [shareProviders, isPhonePlatform, urlTemplates]);
 }
 
 function activeShareProviders(shareProvidersConfig, isPhonePlatform) {
@@ -648,8 +664,8 @@ function useShareUrl() {
 }
 
 /**
- * Returns a nested data structure representing the chapters, sections
- * and content elements of the entry.
+ * Returns a nested data structure representing the chapters and sections
+ * of the entry.
  *
  * @private
  *
@@ -670,6 +686,9 @@ function useShareUrl() {
  *           sectionIndex: 0,
  *           transition: 'scroll',
  *
+ *           // references to parent chapter
+ *           chapter: { ... },
+ *
  *           // references to adjacent section objects
  *           previousSection: { ... },
  *           nextSection: { ... },
@@ -692,14 +711,64 @@ function useEntryStructure() {
       section.nextSection = linkedSections[index + 1];
     });
     return chapters.map(function (chapter) {
+      var chapterSections = linkedSections.filter(function (item) {
+        return item.chapterId === chapter.id;
+      });
+      chapterSections.forEach(function (section) {
+        return section.chapter = chapter;
+      });
       return _objectSpread2(_objectSpread2({}, chapter), {}, {
-        sections: linkedSections.filter(function (item) {
-          return item.chapterId === chapter.id;
-        })
+        sections: chapterSections
       });
     });
   }, [chapters, sections]);
 }
+/**
+ * Returns an array of sections each with a chapter property containing
+ * data about the parent chapter.
+ *
+ * @private
+ *
+ * @example
+ *
+ * const sections = useSectionsWithChapter();
+ * sections // =>
+ *   [
+ *     {
+ *       id: 1,
+ *       permaId: 101,
+ *       chapterId: 3,
+ *       transition: 'scroll',
+ *       chapter: {
+ *         id: 3,
+ *         permaId: 5,
+ *         title: 'Chapter 1',
+ *         summary: 'An introductory chapter',
+ *         chapterSlug: 'chapter-1'
+ *       },
+ *     }
+ *   ]
+ */
+
+function useSectionsWithChapter() {
+  var chapters = useChapters();
+  var sections = useEntryStateCollectionItems('sections');
+  var chaptersById = useMemo(function () {
+    return chapters.reduce(function (result, chapter) {
+      result[chapter.id] = chapter;
+      return result;
+    }, {});
+  }, [chapters]);
+  return useMemo(function () {
+    return sections.map(function (section, sectionIndex) {
+      return _objectSpread2(_objectSpread2({
+        sectionIndex: sectionIndex
+      }, sectionData(section)), {}, {
+        chapter: chaptersById[section.chapterId]
+      });
+    });
+  }, [chaptersById, sections]);
+}
 /**
  * Returns a nested data structure representing the content elements
  * of section.
@@ -753,34 +822,36 @@ function useSectionContentElements(_ref2) {
 }
 function useChapters() {
   var chapters = useEntryStateCollectionItems('chapters');
-  var chapterSlugs = {};
-  return chapters.map(function (chapter) {
-    var chapterSlug = chapter.configuration.title;
-
-    if (chapterSlug) {
-      chapterSlug = slugify(chapterSlug, {
-        lower: true,
-        locale: 'de',
-        strict: true
-      });
+  return useMemo(function () {
+    var chapterSlugs = {};
+    return chapters.map(function (chapter) {
+      var chapterSlug = chapter.configuration.title;
 
-      if (chapterSlugs[chapterSlug]) {
-        chapterSlug = chapterSlug + '-' + chapter.permaId; //append permaId if chapter reference is not unique
-      }
+      if (chapterSlug) {
+        chapterSlug = slugify(chapterSlug, {
+          lower: true,
+          locale: 'de',
+          strict: true
+        });
 
-      chapterSlugs[chapterSlug] = chapter;
-    } else {
-      chapterSlug = 'chapter-' + chapter.permaId;
-    }
+        if (chapterSlugs[chapterSlug]) {
+          chapterSlug = chapterSlug + '-' + chapter.permaId; //append permaId if chapter reference is not unique
+        }
 
-    return {
-      id: chapter.id,
-      permaId: chapter.permaId,
-      title: chapter.configuration.title,
-      summary: chapter.configuration.summary,
-      chapterSlug: chapterSlug
-    };
-  });
+        chapterSlugs[chapterSlug] = chapter;
+      } else {
+        chapterSlug = 'chapter-' + chapter.permaId;
+      }
+
+      return {
+        id: chapter.id,
+        permaId: chapter.permaId,
+        title: chapter.configuration.title,
+        summary: chapter.configuration.summary,
+        chapterSlug: chapterSlug
+      };
+    });
+  }, [chapters]);
 }
 
 function extendFile(collectionName, file, config) {
@@ -830,7 +901,9 @@ function getFileUrl(collectionName, file, quality, urlTemplates) {
   var template = templates[quality];
 
   if (template) {
-    return template.replace(':id_partition', idPartition(file.id)).replace(':basename', file.basename);
+    return template.replace(':id_partition', idPartition(file.id)).replace(':basename', file.basename).replace(':pageflow_hls_qualities', function () {
+      return hlsQualities(file);
+    });
   }
 }
 
@@ -848,6 +921,12 @@ function pad(string, size) {
   return (Array(size).fill(0).join('') + string).slice(-size);
 }
 
+function hlsQualities(file) {
+  return ['low', 'medium', 'high', 'fullhd', '4k'].filter(function (quality) {
+    return file.variants.includes(quality);
+  }).join(',');
+}
+
 /**
  * Look up a file by its collection and perma id.
  *
@@ -891,6 +970,11 @@ function useNestedFiles(_ref) {
   });
 }
 
+function getFileUrlTemplateHost(seed, collectionName, variant) {
+  var hlsUrlTemplate = seed.config.fileUrlTemplates[collectionName][variant];
+  return hlsUrlTemplate.split('//')[1].split('/')[0];
+}
+
 /**
  * Returns a string (comma-separated list) of copyrights of
  * all images used in the entry.
@@ -1016,6 +1100,16 @@ function useTheme() {
   return config.theme;
 }
 
+function useWidget(_ref) {
+  var role = _ref.role;
+  var widgets = useEntryStateCollectionItems('widgets');
+  return useMemo(function () {
+    return widgets.find(function (widget) {
+      return widget.role === role && widget.typeName;
+    });
+  }, [role, widgets]);
+}
+
 function updateContentElementConfiguration(_ref) {
   var dispatch = _ref.dispatch,
       permaId = _ref.permaId,
@@ -1043,12 +1137,9 @@ function LocaleProvider(_ref2) {
   var _ref3 = useEntryMetadata() || {},
       locale = _ref3.locale;
 
-  return (
-    /*#__PURE__*/
-    React.createElement(LocaleContext.Provider, {
-      value: locale
-    }, children)
-  );
+  return /*#__PURE__*/React.createElement(LocaleContext.Provider, {
+    value: locale
+  }, children);
 }
 function useLocale() {
   return useContext(LocaleContext);
@@ -1089,4 +1180,6 @@ function useI18n() {
   };
 }
 
-export { EntryStateProvider as E, LocaleProvider as L, _slicedToArray as _, _defineProperty as a, _objectWithoutProperties as b, useFileRights as c, useLegalInfo as d, useCredits as e, useShareProviders as f, useShareUrl as g, useTheme as h, useChapters as i, useEntryStructure as j, _objectSpread2 as k, useEntryMetadata as l, useNestedFiles as m, useFile as n, useSectionContentElements as o, _toConsumableArray as p, useAvailableQualities as q, useEntryStateDispatch as r, useSection as s, setupI18n as t, useI18n as u, useLocale as v, updateContentElementConfiguration as w };
+var PhonePlatformContext = React.createContext(false);
+
+export { updateContentElementConfiguration as A, EntryStateProvider as E, LocaleProvider as L, PhonePlatformContext as P, _objectWithoutProperties as _, _objectSpread2 as a, _defineProperty as b, _slicedToArray as c, useLocale as d, useLegalInfo as e, useTheme as f, useEntryMetadata as g, useNestedFiles as h, useFile as i, useSectionContentElements as j, useSectionsWithChapter as k, useEntryStructure as l, useWidget as m, getFileUrlTemplateHost as n, _toConsumableArray as o, useAvailableQualities as p, useEntryStateDispatch as q, useSection as r, setupI18n as s, useAdditionalSeedData as t, useI18n as u, useChapters as v, useCredits as w, useFileRights as x, useShareProviders as y, useShareUrl as z };