@comicrelief/component-library 7.24.0 → 7.24.2

package/dist/components/Molecules/SimpleSchoolLookup/SimpleSchoolLookup.js

@@ -1,65 +1,36 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _react = _interopRequireDefault(require("react"));
 var _axios = _interopRequireDefault(require("axios"));
 var _Lookup = _interopRequireDefault(require("../Lookup/Lookup"));
-var _excluded = ["onSelect", "noResultsMessage"];
-var schoolFetcher = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(query) {
-    var res;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            if (!(!query || !query.trim())) {
-              _context.next = 2;
-              break;
-            }
-            throw new Error('Please enter a search query');
-          case 2:
-            if (!(query.length < 2)) {
-              _context.next = 4;
-              break;
-            }
-            throw new Error('Please enter at least two characters');
-          case 4:
-            _context.prev = 4;
-            _context.next = 7;
-            return _axios.default.get('https://lookups.sls.comicrelief.com/schools/lookup', {
-              timeout: 10000,
-              params: {
-                query: query
-              }
-            });
-          case 7:
-            res = _context.sent;
-            return _context.abrupt("return", res.data.data.schools);
-          case 11:
-            _context.prev = 11;
-            _context.t0 = _context["catch"](4);
-            throw new Error('Sorry, something unexpected went wrong. Please try again or enter your school manually');
-          case 14:
-          case "end":
-            return _context.stop();
-        }
+const schoolFetcher = async query => {
+  if (!query || !query.trim()) {
+    throw new Error('Please enter a search query');
+  }
+  if (query.length < 2) {
+    throw new Error('Please enter at least two characters');
+  }
+  try {
+    const res = await _axios.default.get('https://lookups.sls.comicrelief.com/schools/lookup', {
+      timeout: 10000,
+      params: {
+        query
       }
-    }, _callee, null, [[4, 11]]);
-  }));
-  return function schoolFetcher(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
-var schoolToString = function schoolToString(school) {
-  return "".concat(school.name, ", ").concat(school.post_code);
+    });
+    return res.data.data.schools;
+  } catch (error) {
+    // if (typeof Sentry !== 'undefined') {
+    //   Sentry.captureException(error);
+    // }
+    throw new Error('Sorry, something unexpected went wrong. Please try again or enter your school manually');
+  }
 };
+const schoolToString = school => "".concat(school.name, ", ").concat(school.post_code);
 
 /**
  * The component library's school lookup component uses a typeahead/search-as-you-type approach.
@@ -73,10 +44,12 @@ var schoolToString = function schoolToString(school) {
  * @returns {JSX.Element}
  * @constructor
  */
-var SimpleSchoolLookup = function SimpleSchoolLookup(_ref2) {
-  var onSelect = _ref2.onSelect,
-    noResultsMessage = _ref2.noResultsMessage,
-    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+const SimpleSchoolLookup = _ref => {
+  let {
+    onSelect,
+    noResultsMessage,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_Lookup.default, Object.assign({
     name: "school_lookup",
     label: "Enter the name or postcode of your organisation",

package/dist/components/Molecules/SingleMessage/SingleMessage.js

@@ -1,73 +1,55 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _youtubePlayer = _interopRequireDefault(require("youtube-player"));
 var _reactUid = require("react-uid");
 var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
 var _SingleMessage = require("./SingleMessage.style");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
-var allPlayers = {};
+const allPlayers = {};
 
 /* Single Message is our main component usually to build landing pages */
-var SingleMessage = function SingleMessage(_ref) {
-  var backgroundColor = _ref.backgroundColor,
-    copyFirst = _ref.copyFirst,
-    imageLow = _ref.imageLow,
-    imageSet = _ref.imageSet,
-    image = _ref.image,
-    imageSet2 = _ref.imageSet2,
-    image2 = _ref.image2,
-    imageAltText = _ref.imageAltText,
-    imageAltText2 = _ref.imageAltText2,
-    children = _ref.children,
-    fullImage = _ref.fullImage,
-    vhFull = _ref.vhFull,
-    videoID = _ref.videoID,
-    landscapeVideo = _ref.landscapeVideo;
-  var hasImage = imageSet || false;
-  var doubleImage = (imageSet || image) && (imageSet2 || image2);
-  var hasVideo = !!(videoID !== null && videoID !== '');
+const SingleMessage = _ref => {
+  let {
+    backgroundColor,
+    copyFirst,
+    imageLow,
+    imageSet,
+    image,
+    imageSet2,
+    image2,
+    imageAltText,
+    imageAltText2,
+    children,
+    fullImage,
+    vhFull,
+    videoID,
+    landscapeVideo
+  } = _ref;
+  const hasImage = imageSet || false;
+  const doubleImage = (imageSet || image) && (imageSet2 || image2);
+  const hasVideo = !!(videoID !== null && videoID !== '');
 
   // States to track video status
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isInitialised = _useState2[0],
-    setIsInitialised = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isPlaying = _useState4[0],
-    setIsPlaying = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    onPlay = _useState6[0],
-    setOnPlay = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    isBuffering = _useState8[0],
-    setIsBuffering = _useState8[1];
-  var _useState9 = (0, _react.useState)(null),
-    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    uniqueID = _useState10[0],
-    setUniqueID = _useState10[1];
-  var _useState11 = (0, _react.useState)(false),
-    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-    hasParentID = _useState12[0],
-    setHasParentID = _useState12[1];
-  var thisRef = (0, _react.useRef)(null);
-  var isIOS = typeof navigator === 'object' ? /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream && !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform) : false;
+  const [isInitialised, setIsInitialised] = (0, _react.useState)(false);
+  const [isPlaying, setIsPlaying] = (0, _react.useState)(false);
+  const [onPlay, setOnPlay] = (0, _react.useState)(false);
+  const [isBuffering, setIsBuffering] = (0, _react.useState)(false);
+  const [uniqueID, setUniqueID] = (0, _react.useState)(null);
+  const [hasParentID, setHasParentID] = (0, _react.useState)(false);
+  const thisRef = (0, _react.useRef)(null);
+  const isIOS = typeof navigator === 'object' ? /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream && !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform) : false;
 
   // Break-out video markup into its own function
-  var renderVideoPlayers = function renderVideoPlayers(thisRowID) {
+  const renderVideoPlayers = thisRowID => {
     // Store the dynamically-created UUID (from the main render func) in our state
     // so useEffect can access it
-    var thisVideoID = "".concat(thisRowID, "__video");
+    const thisVideoID = "".concat(thisRowID, "__video");
     setUniqueID(thisVideoID);
     return /*#__PURE__*/_react.default.createElement(_SingleMessage.VideoWrapper, {
       isPlaying: isPlaying,
@@ -80,12 +62,12 @@ var SingleMessage = function SingleMessage(_ref) {
   };
 
   /* Waiting on a usable ref from render before setting our flag used in other functions */
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setHasParentID(true);
   }, [thisRef]);
 
   /* Sets up YT players once all of the ID stuff is taken care of */
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (hasVideo && onPlay && uniqueID && !isInitialised) {
       setIsInitialised(true);
       // Switch state to ensure this only runs once per video row
@@ -101,14 +83,14 @@ var SingleMessage = function SingleMessage(_ref) {
       });
     }
   }, [hasVideo, isInitialised, uniqueID, videoID, onPlay]);
-  var handlePlay = function handlePlay(thisUniqueID) {
+  const handlePlay = thisUniqueID => {
     setOnPlay(true);
     // Trigger play and update video state
-    var thisVideoID = "".concat(thisUniqueID, "__video");
-    setTimeout(function () {
+    const thisVideoID = "".concat(thisUniqueID, "__video");
+    setTimeout(() => {
       allPlayers[thisVideoID].playVideo();
       // Once video is playing, switch state to allow CSS to show/hide relevant layers
-      allPlayers[thisVideoID].on('stateChange', function (event) {
+      allPlayers[thisVideoID].on('stateChange', event => {
         if (event.data === 1 && !isIOS || isIOS) {
           setIsBuffering(false);
           setIsPlaying(true);
@@ -120,78 +102,72 @@ var SingleMessage = function SingleMessage(_ref) {
 
   /* Dynamically retrieve ID that Gatsby has already baked into the page,
   need to null check for initial render */
-  var getID = function getID(refWithID) {
-    var thisID = refWithID !== null ? refWithID.getAttribute('id') : null;
+  const getID = refWithID => {
+    const thisID = refWithID !== null ? refWithID.getAttribute('id') : null;
     return thisID;
   };
   return (
     /*#__PURE__*/
     // Creates namespaced UUIDs for each row
     _react.default.createElement(_reactUid.UID, {
-      name: function name(id) {
-        return "single-msg__".concat(id);
-      }
-    }, function (id) {
-      return /*#__PURE__*/_react.default.createElement(_SingleMessage.Container, {
-        backgroundColor: backgroundColor,
-        copyFirst: copyFirst,
-        vhFull: vhFull,
-        id: "".concat(id),
-        isPlaying: isPlaying,
-        hasVideo: hasVideo,
-        landscapeVideo: landscapeVideo,
-        fullImage: fullImage,
-        ref: thisRef
-      }, imageSet || imageSet2 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SingleMessage.Media, {
-        doubleImage: doubleImage,
-        isPlaying: isPlaying,
-        isBuffering: isBuffering,
-        hasVideo: hasVideo,
-        landscapeVideo: landscapeVideo,
-        fullImage: fullImage,
-        vhFull: vhFull
-      }, hasVideo && hasParentID && renderVideoPlayers(getID(thisRef.current)), imageSet || image ? /*#__PURE__*/_react.default.createElement(_SingleMessage.Image, {
-        doubleImage: doubleImage,
-        vhFull: vhFull,
-        isPlaying: isPlaying,
-        isBuffering: isBuffering,
-        hasVideo: hasVideo,
-        fullImage: fullImage,
-        landscapeVideo: landscapeVideo
-      }, /*#__PURE__*/_react.default.createElement(_Picture.default, {
-        alt: imageAltText,
-        imageLow: imageLow,
-        images: imageSet,
-        image: image,
-        objectFit: "cover",
-        width: "100%",
-        height: "100%"
-      })) : null, imageSet2 || image2 ? /*#__PURE__*/_react.default.createElement(_SingleMessage.Image, {
-        doubleImage: doubleImage,
-        vhFull: vhFull
-      }, /*#__PURE__*/_react.default.createElement(_Picture.default, {
-        alt: imageAltText2,
-        imageLow: imageLow,
-        images: imageSet2,
-        image: image2,
-        objectFit: "cover",
-        width: "100%",
-        height: "100%"
-      })) : null, hasVideo ? /*#__PURE__*/_react.default.createElement(_SingleMessage.PlayButton, {
-        copyFirst: copyFirst,
-        isPlaying: isPlaying,
-        isBuffering: isBuffering,
-        onClick: function onClick() {
-          return handlePlay(getID(thisRef.current));
-        }
-      }, "Play video") : null)) : null, children ? /*#__PURE__*/_react.default.createElement(_SingleMessage.Copy, {
-        fullImage: fullImage,
-        hasImage: hasImage,
-        copyFirst: copyFirst,
-        hasVideo: hasVideo,
-        vhFull: vhFull
-      }, children) : null);
-    })
+      name: id => "single-msg__".concat(id)
+    }, id => /*#__PURE__*/_react.default.createElement(_SingleMessage.Container, {
+      backgroundColor: backgroundColor,
+      copyFirst: copyFirst,
+      vhFull: vhFull,
+      id: "".concat(id),
+      isPlaying: isPlaying,
+      hasVideo: hasVideo,
+      landscapeVideo: landscapeVideo,
+      fullImage: fullImage,
+      ref: thisRef
+    }, imageSet || imageSet2 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SingleMessage.Media, {
+      doubleImage: doubleImage,
+      isPlaying: isPlaying,
+      isBuffering: isBuffering,
+      hasVideo: hasVideo,
+      landscapeVideo: landscapeVideo,
+      fullImage: fullImage,
+      vhFull: vhFull
+    }, hasVideo && hasParentID && renderVideoPlayers(getID(thisRef.current)), imageSet || image ? /*#__PURE__*/_react.default.createElement(_SingleMessage.Image, {
+      doubleImage: doubleImage,
+      vhFull: vhFull,
+      isPlaying: isPlaying,
+      isBuffering: isBuffering,
+      hasVideo: hasVideo,
+      fullImage: fullImage,
+      landscapeVideo: landscapeVideo
+    }, /*#__PURE__*/_react.default.createElement(_Picture.default, {
+      alt: imageAltText,
+      imageLow: imageLow,
+      images: imageSet,
+      image: image,
+      objectFit: "cover",
+      width: "100%",
+      height: "100%"
+    })) : null, imageSet2 || image2 ? /*#__PURE__*/_react.default.createElement(_SingleMessage.Image, {
+      doubleImage: doubleImage,
+      vhFull: vhFull
+    }, /*#__PURE__*/_react.default.createElement(_Picture.default, {
+      alt: imageAltText2,
+      imageLow: imageLow,
+      images: imageSet2,
+      image: image2,
+      objectFit: "cover",
+      width: "100%",
+      height: "100%"
+    })) : null, hasVideo ? /*#__PURE__*/_react.default.createElement(_SingleMessage.PlayButton, {
+      copyFirst: copyFirst,
+      isPlaying: isPlaying,
+      isBuffering: isBuffering,
+      onClick: () => handlePlay(getID(thisRef.current))
+    }, "Play video") : null)) : null, children ? /*#__PURE__*/_react.default.createElement(_SingleMessage.Copy, {
+      fullImage: fullImage,
+      hasImage: hasImage,
+      copyFirst: copyFirst,
+      hasVideo: hasVideo,
+      vhFull: vhFull
+    }, children) : null))
   );
 };
 SingleMessage.defaultProps = {