pageflow 15.7.0 → 15.8.0

data/entry_types/scrolled/package/frontend/{PhonePlatformContext-9fb97827.js → PhonePlatformContext-22e65f92.js}

@@ -1,4 +1,5 @@
-import React, { useReducer, useMemo, useCallback, createContext as createContext$1, useContext } from 'react';
+import { browser } from 'pageflow/frontend';
+import React, { useReducer, useMemo, useCallback, createContext as createContext$1, useContext, useState, useEffect } from 'react';
 import I18n from 'i18n-js';
 import { createContext, useContextSelector } from 'use-context-selector';
 import { createSelectorCreator, defaultMemoize, createSelector } from 'reselect';
@@ -820,11 +821,20 @@ function useSectionContentElements(_ref2) {
     };
   });
 }
+function useChapter(_ref3) {
+  var permaId = _ref3.permaId;
+  var chapters = useChapters();
+  return useMemo(function () {
+    return chapters.find(function (chapter) {
+      return chapter.permaId === permaId;
+    });
+  }, [chapters, permaId]);
+}
 function useChapters() {
   var chapters = useEntryStateCollectionItems('chapters');
   return useMemo(function () {
     var chapterSlugs = {};
-    return chapters.map(function (chapter) {
+    return chapters.map(function (chapter, index) {
       var chapterSlug = chapter.configuration.title;
 
       if (chapterSlug) {
@@ -846,6 +856,7 @@ function useChapters() {
       return {
         id: chapter.id,
         permaId: chapter.permaId,
+        index: index,
         title: chapter.configuration.title,
         summary: chapter.configuration.summary,
         chapterSlug: chapterSlug
@@ -901,7 +912,7 @@ function getFileUrl(collectionName, file, quality, urlTemplates) {
   var template = templates[quality];
 
   if (template) {
-    return template.replace(':id_partition', idPartition(file.id)).replace(':basename', file.basename).replace(':pageflow_hls_qualities', function () {
+    return template.replace(':id_partition', idPartition(file.id)).replace(':basename', file.basename).replace(':extension', file.extension).replace(':pageflow_hls_qualities', function () {
       return hlsQualities(file);
     });
   }
@@ -1180,6 +1191,31 @@ function useI18n() {
   };
 }
 
+var BrowserFeaturesAvailableContext = createContext$1(); // Browser feature detection is not available during server side
+// rendering. To prevent mismatches during hydration, we keep features
+// disabled in the initial render. Since hydration only starts after
+// feature detection has finished, we can immediately re-render once
+// the provider has mounted.
+
+function BrowserFeaturesProvider(_ref) {
+  var children = _ref.children;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isAvailable = _useState2[0],
+      setIsAvailable = _useState2[1];
+
+  useEffect(function () {
+    return setIsAvailable(true);
+  }, []);
+  return /*#__PURE__*/React.createElement(BrowserFeaturesAvailableContext.Provider, {
+    value: isAvailable
+  }, children);
+}
+function useBrowserFeature(name) {
+  return useContext(BrowserFeaturesAvailableContext) && browser.has(name);
+}
+
 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 };
+export { useShareProviders as A, BrowserFeaturesProvider as B, useShareUrl as C, updateContentElementConfiguration as D, EntryStateProvider as E, _unsupportedIterableToArray as F, 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, _toConsumableArray as j, useSectionContentElements as k, useAdditionalSeedData as l, useSectionsWithChapter as m, useBrowserFeature as n, useEntryStateDispatch as o, useSection as p, useChapter as q, useEntryStructure as r, useWidget as s, getFileUrlTemplateHost as t, useI18n as u, useAvailableQualities as v, setupI18n as w, useChapters as x, useCredits as y, useFileRights as z };

data/entry_types/scrolled/package/frontend/{Viewer-e2290ea0.js → Viewer-6b05522f.js}

@@ -1,13 +1,13 @@
 import 'pageflow/frontend';
 import React, { useMemo, useEffect, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
-import { _ as _objectWithoutProperties, u as useI18n, b as _defineProperty, c as _slicedToArray } from './PhonePlatformContext-9fb97827.js';
+import { _ as _objectWithoutProperties, u as useI18n, b as _defineProperty, n as useBrowserFeature, c as _slicedToArray } from './PhonePlatformContext-22e65f92.js';
 import 'i18n-js';
 import 'use-context-selector';
 import 'reselect';
 import 'slugify';
 import classNames from 'classnames';
-import { u as useBrowserFeature, a as usePhonePlatform } from './usePhonePlatform-2857c22b.js';
+import { A as ArrowRightIcon, u as usePhonePlatform } from './arrowRight-7e3d9dd5.js';
 import { PanoViewer } from '@egjs/view360';
 import screenfull from 'screenfull';
 
@@ -165,40 +165,6 @@ var ArrowLeftIcon = (function (_ref) {
   }));
 });
 
-function _extends$3() {
-  _extends$3 = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends$3.apply(this, arguments);
-}
-var ArrowRightIcon = (function (_ref) {
-  var _ref$styles = _ref.styles,
-      styles = _ref$styles === void 0 ? {} : _ref$styles,
-      props = _objectWithoutProperties(_ref, ["styles"]);
-
-  return /*#__PURE__*/React.createElement("svg", _extends$3({
-    xmlns: "http://www.w3.org/2000/svg",
-    className: (styles["h-5"] || "h-5") + " " + (styles["w-5"] || "w-5"),
-    viewBox: "0 0 20 20",
-    fill: "currentColor"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
-    clipRule: "evenodd"
-  }));
-});
-
 var styles$2 = {"indicator":"PanoramaIndicator-module_indicator__3A90v","visible":"PanoramaIndicator-module_visible__3LOgm","arrow":"PanoramaIndicator-module_arrow__QV1Pd","arrowLeft":"PanoramaIndicator-module_arrowLeft__Jh7GC PanoramaIndicator-module_arrow__QV1Pd","arrowRight":"PanoramaIndicator-module_arrowRight__ZZBtO PanoramaIndicator-module_arrow__QV1Pd","nudgeLeft":"PanoramaIndicator-module_nudgeLeft__IU_Iy","nudgeRight":"PanoramaIndicator-module_nudgeRight__3XzNu","text":"PanoramaIndicator-module_text__2FzUy"};
 
 function PanoramaIndicator(_ref) {
@@ -258,8 +224,8 @@ function FullscreenIndicator(_ref) {
 
 var styles$4 = {"full":"Viewer-module_full__1q18y","container":"Viewer-module_container__3eJ34 Viewer-module_full__1q18y","controls":"Viewer-module_controls__3BTof","spinner":"Viewer-module_spinner__2oRve","spin":"Viewer-module_spin__3jBR2","isLoading":"Viewer-module_isLoading__sQuGw"};
 
-function _extends$4() {
-  _extends$4 = Object.assign || function (target) {
+function _extends$3() {
+  _extends$3 = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -273,13 +239,13 @@ function _extends$4() {
     return target;
   };
 
-  return _extends$4.apply(this, arguments);
+  return _extends$3.apply(this, arguments);
 }
 var SpinnerIcon = (function (_ref) {
   var _ref$styles = _ref.styles,
       props = _objectWithoutProperties(_ref, ["styles"]);
 
-  return /*#__PURE__*/React.createElement("svg", _extends$4({
+  return /*#__PURE__*/React.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"

data/entry_types/scrolled/package/frontend/arrowRight-7e3d9dd5.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { P as PhonePlatformContext, _ as _objectWithoutProperties } from './PhonePlatformContext-22e65f92.js';
+
+function usePhonePlatform() {
+  return React.useContext(PhonePlatformContext);
+}
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+var ArrowRightIcon = (function (_ref) {
+  var _ref$styles = _ref.styles,
+      styles = _ref$styles === void 0 ? {} : _ref$styles,
+      props = _objectWithoutProperties(_ref, ["styles"]);
+
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    className: (styles["h-5"] || "h-5") + " " + (styles["w-5"] || "w-5"),
+    viewBox: "0 0 20 20",
+    fill: "currentColor"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
+    clipRule: "evenodd"
+  }));
+});
+
+export { ArrowRightIcon as A, usePhonePlatform as u };