@comicrelief/component-library 7.22.1 → 7.23.0

package/dist/components/Molecules/SearchResult/SearchResult.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-
 var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
-
 var _Link = _interopRequireDefault(require("../../Atoms/Link/Link"));
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
 /**
  * Search Result
  */
@@ -29,7 +21,6 @@ var Wrapper = _styledComponents.default.article.withConfig({
   var theme = _ref.theme;
   return theme.color('white');
 });
-
 var Item = (0, _styledComponents.default)(_Link.default).withConfig({
   displayName: "SearchResult__Item",
   componentId: "sc-wp0ln2-1"
@@ -37,7 +28,6 @@ var Item = (0, _styledComponents.default)(_Link.default).withConfig({
   var theme = _ref2.theme;
   return theme.breakpoint('small');
 });
-
 var ImageWrapper = _styledComponents.default.div.withConfig({
   displayName: "SearchResult__ImageWrapper",
   componentId: "sc-wp0ln2-2"
@@ -54,31 +44,29 @@ var ImageWrapper = _styledComponents.default.div.withConfig({
   var largeImageWidth = _ref6.largeImageWidth;
   return largeImageWidth;
 });
-
 var CopyWrapper = _styledComponents.default.div.withConfig({
   displayName: "SearchResult__CopyWrapper",
   componentId: "sc-wp0ln2-3"
 })(["display:flex;flex-direction:column;justify-content:center;padding:", ";width:100%;"], (0, _spacing.default)('md'));
-
 var Title = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "SearchResult__Title",
   componentId: "sc-wp0ln2-4"
 })(["margin:0;"]);
+
 /**
  * Search Result component
  */
-
 var SearchResult = function SearchResult(_ref7) {
   var href = _ref7.href,
-      date = _ref7.date,
-      title = _ref7.title,
-      copy = _ref7.copy,
-      type = _ref7.type,
-      imageLow = _ref7.imageLow,
-      images = _ref7.images,
-      alt = _ref7.alt,
-      smallImageWidth = _ref7.smallImageWidth,
-      largeImageWidth = _ref7.largeImageWidth;
+    date = _ref7.date,
+    title = _ref7.title,
+    copy = _ref7.copy,
+    type = _ref7.type,
+    imageLow = _ref7.imageLow,
+    images = _ref7.images,
+    alt = _ref7.alt,
+    smallImageWidth = _ref7.smallImageWidth,
+    largeImageWidth = _ref7.largeImageWidth;
   return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(Item, {
     href: href,
     type: "standard"
@@ -102,7 +90,6 @@ var SearchResult = function SearchResult(_ref7) {
     tag: "p"
   }, copy))));
 };
-
 SearchResult.defaultProps = {
   imageLow: null,
   images: null,
@@ -112,5 +99,4 @@ SearchResult.defaultProps = {
   smallImageWidth: '45%',
   largeImageWidth: '100%'
 };
-var _default = SearchResult;
-exports.default = _default;
+var _default = exports.default = SearchResult;

package/dist/components/Molecules/SearchResult/SearchResult.test.js

@@ -1,17 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _react = _interopRequireDefault(require("react"));
-
 require("jest-styled-components");
-
 var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
-
 var _SearchResult = _interopRequireDefault(require("./SearchResult"));
-
 var _data = require("../../../styleguide/data/data");
-
 it('renders correctly in minimalist form', function () {
   var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_SearchResult.default, {
     href: "/test",

package/dist/components/Molecules/ShareButton/ShareButton.js

@@ -1,57 +1,46 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Icon = _interopRequireDefault(require("../../Atoms/SocialIcons/Icon/Icon"));
-
 var _sharePopUpHelper = _interopRequireDefault(require("../../../utils/ShareButton/sharePopUpHelper"));
-
 var _shareUrlHelper = _interopRequireDefault(require("../../../utils/ShareButton/shareUrlHelper"));
-
 var _shareTracking = _interopRequireDefault(require("../../../utils/ShareButton/shareTracking"));
-
 var _ShareIcons = _interopRequireDefault(require("./assets/ShareIcons"));
-
 var _ShareButton = require("./ShareButton.style");
-
 var _excluded = ["campaign", "copy", "urlToShare"];
-
 var handleShare = function handleShare(e, typeOfShare, urlToShare) {
   e.preventDefault();
-  (0, _shareTracking.default)(typeOfShare.toLowerCase()); // Pass the current page's URL and the type of share to our helper function
+  (0, _shareTracking.default)(typeOfShare.toLowerCase());
 
-  var shareUrl = (0, _shareUrlHelper.default)(urlToShare, typeOfShare); // Use our helper function for pop-up position issues on dual-screen setups
+  // Pass the current page's URL and the type of share to our helper function
+  var shareUrl = (0, _shareUrlHelper.default)(urlToShare, typeOfShare);
 
+  // Use our helper function for pop-up position issues on dual-screen setups
   (0, _sharePopUpHelper.default)(shareUrl, 550, 420);
 };
-/* Share Button component to handle FB and Twitter sharing */
-
 
+/* Share Button component to handle FB and Twitter sharing */
 var ShareButton = function ShareButton(_ref) {
   var campaign = _ref.campaign,
-      copy = _ref.copy,
-      urlToShare = _ref.urlToShare,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    copy = _ref.copy,
+    urlToShare = _ref.urlToShare,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var checkedUrl = '';
+
   /* Window obj isn't available during server-side rendering AND we don't have
    * access to componentDidMount etc. in functional components, so add this check first */
-
   if (typeof window === 'undefined') {
     checkedUrl = 'http://www.some-other-domain.com';
   } else {
     // Else, assign the value based on the props passed
     checkedUrl = urlToShare !== null ? urlToShare : window.location.href;
   }
-
   return /*#__PURE__*/_react.default.createElement(_ShareButton.Wrapper, null, /*#__PURE__*/_react.default.createElement(_ShareButton.Copy, null, copy), /*#__PURE__*/_react.default.createElement(_ShareButton.ShareButtonList, null, Object.keys(_ShareIcons.default).map(function (shareType) {
     return /*#__PURE__*/_react.default.createElement(_ShareButton.ShareButtonItem, {
       key: "share-button--".concat(shareType)
@@ -68,11 +57,9 @@ var ShareButton = function ShareButton(_ref) {
     }, restProps)));
   })));
 };
-
 ShareButton.defaultProps = {
   campaign: 'comicrelief',
   copy: 'Share with:',
   urlToShare: null
 };
-var _default = ShareButton;
-exports.default = _default;
+var _default = exports.default = ShareButton;

package/dist/components/Molecules/ShareButton/ShareButton.style.js

@@ -1,40 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ShareButtonItem = exports.ShareButtonList = exports.Copy = exports.Wrapper = void 0;
-
+exports.Wrapper = exports.ShareButtonList = exports.ShareButtonItem = exports.Copy = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
-var Wrapper = _styledComponents.default.div.withConfig({
+var Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
   displayName: "ShareButtonstyle__Wrapper",
   componentId: "sc-18d8mc8-0"
 })(["display:flex;align-items:center;justify-content:center;"]);
-
-exports.Wrapper = Wrapper;
-
-var Copy = _styledComponents.default.p.withConfig({
+var Copy = exports.Copy = _styledComponents.default.p.withConfig({
   displayName: "ShareButtonstyle__Copy",
   componentId: "sc-18d8mc8-1"
 })(["width:auto;margin:0 ", " 0 0;&:first-child{margin-bottom:0;}"], (0, _spacing.default)('md'));
-
-exports.Copy = Copy;
-
-var ShareButtonList = _styledComponents.default.ul.withConfig({
+var ShareButtonList = exports.ShareButtonList = _styledComponents.default.ul.withConfig({
   displayName: "ShareButtonstyle__ShareButtonList",
   componentId: "sc-18d8mc8-2"
 })(["width:auto;margin:0;padding:0;list-style:none;"]);
-
-exports.ShareButtonList = ShareButtonList;
-
-var ShareButtonItem = _styledComponents.default.li.withConfig({
+var ShareButtonItem = exports.ShareButtonItem = _styledComponents.default.li.withConfig({
   displayName: "ShareButtonstyle__ShareButtonItem",
   componentId: "sc-18d8mc8-3"
-})(["width:40px;height:40px;display:inline-block;margin:", ";"], (0, _spacing.default)('sm'));
-
-exports.ShareButtonItem = ShareButtonItem;
+})(["width:40px;height:40px;display:inline-block;margin:", ";"], (0, _spacing.default)('sm'));

package/dist/components/Molecules/ShareButton/ShareButton.test.js

@@ -1,15 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _react = _interopRequireDefault(require("react"));
-
 require("jest-styled-components");
-
 var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
-
 var _ShareButton = _interopRequireDefault(require("./ShareButton"));
-
 it('renders correctly', function () {
   var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_ShareButton.default, null)).toJSON();
   expect(tree).toMatchInlineSnapshot("\n    .c4 {\n      -webkit-text-decoration: none;\n      text-decoration: none;\n      cursor: pointer;\n      display: block;\n      -webkit-transition: opacity 0.2s;\n      transition: opacity 0.2s;\n    }\n\n    .c4:hover,\n    .c4:focus {\n      opacity: 0.6;\n    }\n\n    .c5 {\n      width: 100%;\n    }\n\n    .c6 {\n      border: 0;\n      -webkit-clip: rect(0 0 0 0);\n      clip: rect(0 0 0 0);\n      -webkit-clip-path: inset(50%);\n      clip-path: inset(50%);\n      height: 1px;\n      margin: -1px;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      white-space: nowrap;\n      width: 1px;\n    }\n\n    .c0 {\n      display: -webkit-box;\n      display: -webkit-flex;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-align-items: center;\n      -webkit-box-align: center;\n      -ms-flex-align: center;\n      align-items: center;\n      -webkit-box-pack: center;\n      -webkit-justify-content: center;\n      -ms-flex-pack: center;\n      justify-content: center;\n    }\n\n    .c1 {\n      width: auto;\n      margin: 0 1rem 0 0;\n    }\n\n    .c1:first-child {\n      margin-bottom: 0;\n    }\n\n    .c2 {\n      width: auto;\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    .c3 {\n      width: 40px;\n      height: 40px;\n      display: inline-block;\n      margin: 0.5rem;\n    }\n\n    <div\n      className=\"c0\"\n    >\n      <p\n        className=\"c1\"\n      >\n        Share with:\n      </p>\n      <ul\n        className=\"c2\"\n      >\n        <li\n          className=\"c3\"\n        >\n          <a\n            className=\"c4\"\n            data-test=\"header-esu-icon\"\n            href=\"#\"\n            onClick={[Function]}\n            rel=\"noopener noreferrer\"\n            role=\"button\"\n            target=\"__blank\"\n            title=\"Share on Facebook\"\n          >\n            <img\n              alt=\"comicrelief\"\n              className=\"c5\"\n              src=\"mock.asset\"\n            />\n            <span\n              className=\"c6\"\n            >\n              (opens in new window)\n            </span>\n          </a>\n        </li>\n        <li\n          className=\"c3\"\n        >\n          <a\n            className=\"c4\"\n            data-test=\"header-esu-icon\"\n            href=\"#\"\n            onClick={[Function]}\n            rel=\"noopener noreferrer\"\n            role=\"button\"\n            target=\"__blank\"\n            title=\"Share on Twitter\"\n          >\n            <img\n              alt=\"comicrelief\"\n              className=\"c5\"\n              src=\"mock.asset\"\n            />\n            <span\n              className=\"c6\"\n            >\n              (opens in new window)\n            </span>\n          </a>\n        </li>\n      </ul>\n    </div>\n  ");

package/dist/components/Molecules/ShareButton/assets/ShareIcons.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _fbShare = _interopRequireDefault(require("./fbShare.svg"));
-
 var _twitterShare = _interopRequireDefault(require("./twitterShare.svg"));
-
 /* To move */
 
 /* To move */
@@ -18,5 +14,4 @@ var ShareIcons = {
   Facebook: _fbShare.default,
   Twitter: _twitterShare.default
 };
-var _default = ShareIcons;
-exports.default = _default;
+var _default = exports.default = ShareIcons;

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

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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;
@@ -32,17 +23,13 @@ var schoolFetcher = /*#__PURE__*/function () {
               _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;
@@ -52,16 +39,13 @@ var schoolFetcher = /*#__PURE__*/function () {
                 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();
@@ -69,15 +53,14 @@ var schoolFetcher = /*#__PURE__*/function () {
       }
     }, _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);
 };
+
 /**
  * The component library's school lookup component uses a typeahead/search-as-you-type approach.
  *
@@ -90,12 +73,10 @@ 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);
+    noResultsMessage = _ref2.noResultsMessage,
+    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Lookup.default, Object.assign({
     name: "school_lookup",
     label: "Enter the name or postcode of your organisation",
@@ -108,9 +89,7 @@ var SimpleSchoolLookup = function SimpleSchoolLookup(_ref2) {
     onSelect: onSelect
   }, rest));
 };
-
 SimpleSchoolLookup.defaultProps = {
   noResultsMessage: 'Sorry, we could not find anything matching your search; please use the manual entry option.'
 };
-var _default = SimpleSchoolLookup;
-exports.default = _default;
+var _default = exports.default = SimpleSchoolLookup;

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

@@ -1,83 +1,69 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+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 = {};
-/* Single Message is our main component usually to build landing pages */
 
+/* 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;
+    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 !== ''); // States to track video status
+  var 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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _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; // Break-out video markup into its own function
+  var 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) {
     // Store the dynamically-created UUID (from the main render func) in our state
     // so useEffect can access it
@@ -92,20 +78,19 @@ var SingleMessage = function SingleMessage(_ref) {
       id: thisVideoID
     }));
   };
-  /* Waiting on a usable ref from render before setting our flag used in other functions */
-
 
+  /* Waiting on a usable ref from render before setting our flag used in other functions */
   (0, _react.useEffect)(function () {
     setHasParentID(true);
   }, [thisRef]);
-  /* Sets up YT players once all of the ID stuff is taken care of */
 
+  /* Sets up YT players once all of the ID stuff is taken care of */
   (0, _react.useEffect)(function () {
     if (hasVideo && onPlay && uniqueID && !isInitialised) {
-      setIsInitialised(true); // Switch state to ensure this only runs once per video row
+      setIsInitialised(true);
+      // Switch state to ensure this only runs once per video row
       // Instantiate a YT Player into our array, using its unique
       // id as the key that PlayButton can access
-
       allPlayers[uniqueID] = (0, _youtubePlayer.default)(uniqueID, {
         videoId: videoID,
         playerVars: {
@@ -116,14 +101,13 @@ var SingleMessage = function SingleMessage(_ref) {
       });
     }
   }, [hasVideo, isInitialised, uniqueID, videoID, onPlay]);
-
   var handlePlay = function handlePlay(thisUniqueID) {
-    setOnPlay(true); // Trigger play and update video state
-
+    setOnPlay(true);
+    // Trigger play and update video state
     var thisVideoID = "".concat(thisUniqueID, "__video");
     setTimeout(function () {
-      allPlayers[thisVideoID].playVideo(); // Once video is playing, switch state to allow CSS to show/hide relevant layers
-
+      allPlayers[thisVideoID].playVideo();
+      // Once video is playing, switch state to allow CSS to show/hide relevant layers
       allPlayers[thisVideoID].on('stateChange', function (event) {
         if (event.data === 1 && !isIOS || isIOS) {
           setIsBuffering(false);
@@ -133,15 +117,13 @@ var SingleMessage = function SingleMessage(_ref) {
     }, 1000);
     setIsBuffering(true);
   };
+
   /* 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;
     return thisID;
   };
-
   return (
     /*#__PURE__*/
     // Creates namespaced UUIDs for each row
@@ -212,7 +194,6 @@ var SingleMessage = function SingleMessage(_ref) {
     })
   );
 };
-
 SingleMessage.defaultProps = {
   backgroundColor: 'white',
   copyFirst: false,
@@ -229,5 +210,4 @@ SingleMessage.defaultProps = {
   videoID: null,
   landscapeVideo: false
 };
-var _default = SingleMessage;
-exports.default = _default;
+var _default = exports.default = SingleMessage;