luna-one 3.1.593 → 3.1.595

package/dist/luna/heroes/Hero2/Hero2.scss

@@ -1,165 +0,0 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-hero-2 {
-  &__hero-image {
-    width: 100%;
-    height: auto;
-    max-height: 600px;
-    margin: 0;
-    padding: 0;
-    img {
-      vertical-align: middle;
-      width: 100%;
-      height: auto;
-      display: block;
-    }
-
-    &--with-motion {
-      -webkit-animation: fade-in 0.5s;
-      animation: fade-in 0.5s;
-    }
-
-    &--4x1 {
-      display: none;
-      @media screen and (min-width: $breakpoint-sm) {
-        display: block;
-      }
-    }
-    &--2x1 {
-      display: block;
-      @media screen and (min-width: $breakpoint-sm) {
-        display: none;
-      }
-    }
-  }
-  &__focused-image {
-    img {
-      width: auto;
-    }
-  }
-
-  .ter-card__body {
-    background: $white;
-  }
-
-  &__container {
-    padding-right: var(--outer-margin, 2rem);
-    padding-left: var(--outer-margin, 2rem);
-    box-sizing: border-box;
-    max-width: 64rem;
-    margin: 0 auto;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    width: 100%;
-    height: auto;
-    -webkit-transform: translate(0, calc(#{spacing("xxl")} * -1));
-    -ms-transform: translate(0, calc(#{spacing("xxl")} * -1));
-    transform: translate(0, calc(#{spacing("xxl")} * -1));
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    position: relative;
-    @media screen and (min-width: $breakpoint-xs) {
-      -webkit-transform: translate(0, calc(#{spacing("super")} * -1));
-      -ms-transform: translate(0, calc(#{spacing("super")} * -1));
-      transform: translate(0, calc(#{spacing("super")} * -1));
-    }
-
-    &--with-motion {
-      -webkit-animation: fade-up 1s;
-      animation: fade-up 1s;
-    }
-  }
-  &__card {
-    background-color: rgba(255, 255, 255, 0.95);
-    display: block;
-    -ms-flex-preferred-size: 550px;
-    flex-basis: 550px;
-    margin-top: auto;
-    margin-bottom: calc(#{spacing("md")} * -1);
-    -ms-flex-item-align: center;
-    -ms-grid-row-align: center;
-    align-self: center;
-    @media screen and (min-width: $breakpoint-xs) {
-      margin-bottom: calc(#{spacing("sm")} * -1);
-    }
-  }
-  &__header {
-    font-size: $heading-3-size;
-    @include benton-very-bold();
-    text-align: center;
-  }
-  
-  .ter-hero-2__sub-header,
-  &__sub-header-container p, &__sub-header-container div, &__sub-header-container h1, &__sub-header-container h2, &__sub-header-container h3, &__sub-header-container h4, &__sub-header-container h5, &__sub-header-container h6,  &__sub-header-container ul,  &__sub-header-container ol,  &__sub-header-container a  {
-    font-size: $subheading-size;
-    @include benton-light();
-    margin-bottom: spacing("md");
-    text-align: center;
-  }
-
-  .ter-button {
-    text-align: center;
-    display: block;
-  }
-
-  .ter-cta-section {
-    margin: auto;
-  }
-
-  &__cta-section-wrapper {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-pack: justify;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-  }
-}
-@-webkit-keyframes fade-in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes fade-in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
-@-webkit-keyframes fade-up {
-  0% {
-    opacity: 0;
-    top: 100px;
-  }
-  30% {
-    opacity: 0;
-    top: 100px;
-  }
-  100% {
-    opacity: 1;
-    top: 0;
-  }
-}
-
-@keyframes fade-up {
-  0% {
-    opacity: 0;
-    top: 100px;
-  }
-  30% {
-    opacity: 0;
-    top: 100px;
-  }
-  100% {
-    opacity: 1;
-    top: 0;
-  }
-}

package/dist/luna/heroes/Hero3/Hero3.js

@@ -1,246 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard3 = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/interopRequireWildcard"));
-var _react = _interopRequireWildcard3(require("react"));
-require("./Hero3.scss");
-var _terraOne = require("terra-one");
-var _play = _interopRequireDefault(require("../../images/play.svg"));
-var _reactPlayer = _interopRequireDefault(require("react-player"));
-var _fpoSquare = _interopRequireDefault(require("../../images/fpo-square.png"));
-var _generateID = _interopRequireDefault(require("../../utils/generateID"));
-var _reactAwesomeReveal = require("react-awesome-reveal");
-var _useVideo2 = require("../../utils/hooks/useVideo");
-var _Hero3Methods = require("./Hero3Methods");
-var _checkForDangerouslySet = _interopRequireDefault(require("../../utils/checkForDangerouslySet"));
-var _removeSpaces = require("../../utils/removeSpaces");
-var _useMouse2 = _interopRequireDefault(require("../../utils/hooks/useMouse"));
-var _lodash = require("lodash");
-var _checkForThemeProps = require("../../utils/checkForThemeProps");
-var _useStyles2 = _interopRequireDefault(require("../../utils/hooks/useStyles"));
-var _generateFocusedImageAlt = _interopRequireDefault(require("../../utils/generateFocusedImageAlt"));
-var VidyardModal = /*#__PURE__*/_react["default"].lazy(function () {
-  return Promise.resolve().then(function () {
-    return (0, _interopRequireWildcard2["default"])(require("../../components/VidyardModal/VidyardModal"));
-  });
-});
-var Hero3 = function Hero3(_ref) {
-  var _focusedImage$focalPo, _content$video2;
-  var content = _ref.content,
-    id = _ref.id,
-    motion = _ref.motion,
-    zIndex = _ref.zIndex,
-    contentSide = _ref.contentSide;
-  var _useVideo = (0, _useVideo2.useVideo)(false, false, false),
-    hovering = _useVideo.hovering,
-    modalDeployed = _useVideo.modalDeployed,
-    playing = _useVideo.playing,
-    deployModal = _useVideo.deployModal,
-    hideModal = _useVideo.hideModal,
-    setHovering = _useVideo.setHovering,
-    togglePlaying = _useVideo.togglePlaying;
-  var wrapper = (0, _react.useRef)(null);
-  var _useMouse = (0, _useMouse2["default"])(),
-    mouse = _useMouse.mouse;
-  var themes = (0, _checkForThemeProps.checkForThemeProps)(content === null || content === void 0 ? void 0 : content.theme);
-  var _useStyles = (0, _useStyles2["default"])(themes),
-    backgroundColor = _useStyles.backgroundColor,
-    color = _useStyles.color;
-  var focusedImage = content === null || content === void 0 ? void 0 : content.focusedImage;
-  var previewImage = null;
-  // TODO - kevin look at this for alignement
-
-  var isVidyardReady = function isVidyardReady() {
-    var _content$video;
-    if (content !== null && content !== void 0 && content.video && content !== null && content !== void 0 && (_content$video = content.video) !== null && _content$video !== void 0 && _content$video.vidyard && modalDeployed && typeof window !== "undefined") {
-      return true;
-    } else return false;
-  };
-  var getReactPlayerClassName = function getReactPlayerClassName() {
-    return "ter-hero-three__video-wrapper ".concat(content.vidyard ? "ter-hero-three__video-wrapper--vidyard" : "ter-hero-three__video-wrapper--default", " ").concat(modalDeployed ? "ter-hero-three__video-wrapper--is-deployed" : "ter-hero-three__video-wrapper--is-hidden");
-  };
-  var getModalClassName = function getModalClassName() {
-    return "ter-hero-three__modal ".concat(modalDeployed ? "ter-hero-three__modal--is-deployed" : "ter-hero-three__modal--is-hidden");
-  };
-  var getHeroClassName = function getHeroClassName() {
-    return "ter-hero-three ".concat(modalDeployed ? "ter-hero-three--deployed" : "ter-hero-three--hidden", " ").concat((0, _Hero3Methods.generateVideoSide)(contentSide));
-  };
-  var getThumbnailSrc = function getThumbnailSrc() {
-    var _content$thumbnail, _content$thumbnail2, _content$thumbnail3, _content$thumbnail4;
-    return content !== null && content !== void 0 && (_content$thumbnail = content.thumbnail) !== null && _content$thumbnail !== void 0 && _content$thumbnail.url || content !== null && content !== void 0 && (_content$thumbnail2 = content.thumbnail) !== null && _content$thumbnail2 !== void 0 && _content$thumbnail2.src ? (0, _removeSpaces.removeSpaces)((content === null || content === void 0 ? void 0 : (_content$thumbnail3 = content.thumbnail) === null || _content$thumbnail3 === void 0 ? void 0 : _content$thumbnail3.url) || (content === null || content === void 0 ? void 0 : (_content$thumbnail4 = content.thumbnail) === null || _content$thumbnail4 === void 0 ? void 0 : _content$thumbnail4.src)) : _fpoSquare["default"];
-  };
-  var getThumbnailAlt = function getThumbnailAlt() {
-    var _content$thumbnail5, _content$thumbnail6;
-    return (content === null || content === void 0 ? void 0 : (_content$thumbnail5 = content.thumbnail) === null || _content$thumbnail5 === void 0 ? void 0 : _content$thumbnail5.altText) || (content === null || content === void 0 ? void 0 : (_content$thumbnail6 = content.thumbnail) === null || _content$thumbnail6 === void 0 ? void 0 : _content$thumbnail6.alt) || "placeholder image";
-  };
-  if (focusedImage !== null && focusedImage !== void 0 && (_focusedImage$focalPo = focusedImage.focalPointImage) !== null && _focusedImage$focalPo !== void 0 && _focusedImage$focalPo.url) {
-    previewImage = /*#__PURE__*/_react["default"].createElement(_terraOne.FocusedImage, {
-      focalPointImage: focusedImage === null || focusedImage === void 0 ? void 0 : focusedImage.focalPointImage,
-      alt: (0, _generateFocusedImageAlt["default"])(focusedImage),
-      imageSizes: {
-        desktop: {
-          width: 688,
-          height: 387,
-          ratio: {
-            width: 16,
-            height: 9
-          }
-        },
-        tablet: {
-          width: 688,
-          height: 387,
-          ratio: {
-            width: 16,
-            height: 9
-          }
-        },
-        mobile: {
-          width: 688,
-          height: 387,
-          ratio: {
-            width: 16,
-            height: 9
-          }
-        }
-      },
-      id: (0, _lodash.uniqueId)("id-"),
-      tabIndex: mouse ? "" : "0",
-      onKeyDown: function onKeyDown(e) {
-        return (0, _Hero3Methods.deployModalOnEnter)(e, mouse, deployModal);
-      },
-      onClick: function onClick() {
-        return deployModal();
-      },
-      onMouseOver: function onMouseOver() {
-        return setHovering(true);
-      },
-      onMouseLeave: function onMouseLeave() {
-        return setHovering(false);
-      },
-      className: "ter-hero-three__thumbnail ".concat(hovering ? "ter-hero-three__thumbnail--is-hovering" : "")
-    });
-  } else if (content !== null && content !== void 0 && content.thumbnail && content !== null && content !== void 0 && content.video) {
-    var _content$thumbnail7, _content$thumbnail8;
-    previewImage = /*#__PURE__*/_react["default"].createElement(_terraOne.Image, {
-      GatsbyImage: content !== null && content !== void 0 && content.GatsbyImage ? content === null || content === void 0 ? void 0 : content.GatsbyImage : null,
-      image: content !== null && content !== void 0 && (_content$thumbnail7 = content.thumbnail) !== null && _content$thumbnail7 !== void 0 && _content$thumbnail7.image ? content === null || content === void 0 ? void 0 : (_content$thumbnail8 = content.thumbnail) === null || _content$thumbnail8 === void 0 ? void 0 : _content$thumbnail8.image : null,
-      id: (0, _lodash.uniqueId)("id-"),
-      tabIndex: mouse ? "" : "0",
-      onKeyDown: function onKeyDown(e) {
-        return (0, _Hero3Methods.deployModalOnEnter)(e, mouse, deployModal);
-      },
-      onClick: function onClick() {
-        return deployModal();
-      },
-      onMouseOver: function onMouseOver() {
-        return setHovering(true);
-      },
-      onMouseLeave: function onMouseLeave() {
-        return setHovering(false);
-      },
-      className: "ter-hero-three__thumbnail ".concat(hovering ? "ter-hero-three__thumbnail--is-hovering" : ""),
-      alt: getThumbnailAlt(),
-      src: getThumbnailSrc(),
-      onError: function onError(e) {
-        e.target.onerror = null;
-        e.target.src = _fpoSquare["default"];
-      }
-    });
-  } else {
-    previewImage = null;
-  }
-  return /*#__PURE__*/_react["default"].createElement("section", {
-    className: getHeroClassName(),
-    style: {
-      zIndex: zIndex || "auto",
-      backgroundColor: backgroundColor
-    },
-    id: (0, _generateID["default"])(id, content.header),
-    ref: wrapper
-  }, /*#__PURE__*/_react["default"].createElement(_reactAwesomeReveal.Fade, {
-    direction: motion ? "up" : "",
-    delay: motion ? 200 : 0,
-    triggerOnce: true,
-    className: "ter-hero-three__content-container"
-  }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (content === null || content === void 0 ? void 0 : content.header) && /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "ter-hero-three__header ter-hero__header",
-    style: {
-      color: color
-    }
-  }, content.header), (content === null || content === void 0 ? void 0 : content.text) && !(0, _checkForDangerouslySet["default"])(content.text) && /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ter-hero-three__text",
-    style: {
-      color: color
-    }
-  }, content.text), (content === null || content === void 0 ? void 0 : content.text) && (0, _checkForDangerouslySet["default"])(content.text) && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ter-hero-three__text-holder dangerously-set-content",
-    style: {
-      color: color
-    },
-    dangerouslySetInnerHTML: {
-      __html: content.text
-    }
-  }), content.ctas && (content.ctas.ctaOne || content.ctas.ctaTwo) && /*#__PURE__*/_react["default"].createElement(_terraOne.CTASection, {
-    ctas: (0, _Hero3Methods.formatCTAs)(content === null || content === void 0 ? void 0 : content.ctas, deployModal)
-  }))), /*#__PURE__*/_react["default"].createElement(_reactAwesomeReveal.Fade, {
-    id: (0, _lodash.uniqueId)("id-"),
-    tabIndex: mouse ? "" : "0",
-    direction: motion ? "up" : "",
-    delay: motion ? 200 : 0,
-    triggerOnce: true,
-    className: "ter-hero-three__thumbnail-container"
-  }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, previewImage && previewImage, /*#__PURE__*/_react["default"].createElement("img", {
-    onClick: function onClick() {
-      return deployModal();
-    },
-    onMouseOver: function onMouseOver() {
-      return setHovering(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return setHovering(false);
-    },
-    src: _play["default"],
-    alt: "play button",
-    className: "ter-hero-three__play-btn ".concat(hovering ? "ter-hero-play-btn--is-hovering" : "")
-  }))), /*#__PURE__*/_react["default"].createElement("section", {
-    className: getModalClassName(),
-    onClick: function onClick() {
-      hideModal();
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: getReactPlayerClassName()
-  }, (content === null || content === void 0 ? void 0 : content.video) && !(content !== null && content !== void 0 && (_content$video2 = content.video) !== null && _content$video2 !== void 0 && _content$video2.vidyard) && modalDeployed && /*#__PURE__*/_react["default"].createElement(_reactPlayer["default"], {
-    url: content.video.url,
-    width: "100%",
-    height: "100%",
-    playing: playing,
-    controls: true,
-    onStart: function onStart() {
-      togglePlaying(true);
-    },
-    onPlay: function onPlay() {
-      togglePlaying(true);
-    },
-    onPause: function onPause() {
-      togglePlaying(false);
-    },
-    onEnded: function onEnded() {
-      togglePlaying(false);
-    },
-    onError: function onError() {
-      togglePlaying(false);
-    },
-    allowFullScreen: true
-  }), isVidyardReady() && /*#__PURE__*/_react["default"].createElement(_react["default"].Suspense, {
-    fallback: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null)
-  }, typeof window !== "undefined" && /*#__PURE__*/_react["default"].createElement(VidyardModal, {
-    video: content.video
-  })))));
-};
-var _default = Hero3;
-exports["default"] = _default;

package/dist/luna/heroes/Hero3/Hero3.scss

@@ -1,250 +0,0 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-hero-three {
-  @include organism-padding();
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  margin: auto;
-  position: relative;
-  overflow: hidden;
-  @media screen and (max-width: 900px) {
-    display: block;
-    padding: 32px;
-  }
-
-  &--right {
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: reverse;
-    -ms-flex-direction: row-reverse;
-    flex-direction: row-reverse;
-
-    .ter-hero-three__content-container {
-      padding: 0 48px;
-      
-      @media screen and (max-width: 900px) {
-        padding: 32px 0 0;
-      }
-
-    }
-  }
-
-    &--left {
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: reverse;
-    -ms-flex-direction: row-reverse;
-    flex-direction: row;
-  }
-
-  &__thumbnail {
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    max-width: 100%;
-    height: auto;
-    display: block;
-    margin: auto;
-    -webkit-transition: 0.2s;
-    -o-transition: 0.2s;
-    transition: 0.2s;
-
-    &--is-hovering {
-      -webkit-transform: scale(1.03);
-      -ms-transform: scale(1.03);
-      transform: scale(1.03);
-      cursor: pointer;
-    }
-
-    @media screen and (max-width: 900px) {
-      padding: 0;
-    }
-
-    &-container {
-      -webkit-box-flex: 7;
-      -ms-flex: 7;
-      flex: 7;
-      position: relative;
-
-      @media screen and (max-width: 900px) {
-        max-width: 100vw;
-      }
-    }
-  }
-
-  &__play-btn {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    margin: auto;
-    &--is-hovering {
-      -webkit-transform: scale(1.03);
-      -ms-transform: scale(1.03);
-      transform: scale(1.03);
-      cursor: pointer;
-    }
-  }
-
-  &__content-container {
-    -webkit-box-flex: 5;
-    -ms-flex: 5;
-    flex: 5;
-    -ms-grid-column-align: center;
-    justify-self: center;
-    width: 100%;
-    @media (min-width: $breakpoint-sm) {
-      padding: 0 48px 0 0px;
-    }
-
-    @media (min-width: $breakpoint-md) {
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-orient: vertical;
-      -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      -webkit-box-pack: center;
-      -ms-flex-pack: center;
-      justify-content: center;
-    }
-
-    @media (max-width: 900px) {
-      padding: 32px 0 0;
-    }
-  }
-
-  &__header {
-    font-size: $heading-3-size;
-    @include benton-very-bold();
-  }
-
-  &__text,
-  &__text-holder p {
-    font-size: $subheading-size;
-    @include benton-light();
-    margin-top: spacing("xs");
-    margin-bottom: spacing("xs");
-  }
-
-  .ter-cta-section {
-    min-width: 150px;
-    width: -webkit-min-content;
-    width: -moz-min-content;
-    width: min-content;
-
-    .ter-button {
-      margin: spacing("xs") auto 0;
-      text-align: center;
-      display: block;
-    }
-
-    @media screen and (max-width: 900px) {
-      margin-bottom: 36px;
-    }
-  }
-
-  .ter-cta-section__link {
-    text-align: center;
-    display: block;
-    clear: both;
-  }
-
-  // VIDEO MODAL STYLING //
-
-  &__video-wrapper {
-    position: relative;
-    -webkit-transition: 0.3s;
-    -o-transition: 0.3s;
-    transition: 0.3s;
-    -webkit-transform: translateY(50px);
-    -ms-transform: translateY(50px);
-    transform: translateY(50px);
-
-    &--default {
-      padding-bottom: 56.25%; /* 16:9 */
-      padding-top: 25px;
-      height: 0;
-    }
-
-    &--is-deployed {
-      -webkit-transform: translateY(0);
-      -ms-transform: translateY(0);
-      transform: translateY(0);
-    }
-
-    iframe {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      max-width: 70%;
-      max-height: 70%;
-      margin: 60px auto 0;
-
-      @media screen and (max-width: 1980px) {
-        max-width: 1200px;
-        max-height: 675px;
-      }
-    }
-  }
-
-  &__modal {
-    position: fixed;
-    background: rgba(0, 0, 0, 0.5);
-    z-index: 100;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    -webkit-transition: 0.3s;
-    -o-transition: 0.3s;
-    transition: 0.3s;
-    opacity: 0;
-    -webkit-animation: fade-in 0.5s linear;
-    animation: fade-in 0.5s linear;
-    height: 100vh;
-    width: 100vw;
-    opacity: 0;
-    visibility: hidden;
-    display: -ms-grid;
-    display: grid;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-
-    &--is-deployed {
-      opacity: 1;
-      visibility: visible;
-    }
-  }
-
-  .ter-hero-three__header,
-  .ter-hero-three__text,
-  .ter-hero-three__text-holder,
-  .ter-hero-three__thumbnail-container,
-  .ter-hero-three__thumbnail,
-  .ter-button {
-    opacity: 1;
-    -webkit-transition: opacity 0.2s;
-    -o-transition: opacity 0.2s;
-    transition: opacity 0.2s;
-  }
-
-  &--deployed {
-    overflow: visible;
-
-    .ter-hero-three__header,
-    .ter-hero-three__text,
-    .ter-hero-three__text-holder,
-    .ter-hero-three__thumbnail-container,
-    .ter-hero-three__thumbnail,
-    .ter-button {
-      opacity: 0 !important;
-    }
-  }
-}
-

package/dist/luna/heroes/Hero3/Hero3Methods.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateVideoSide = exports.formatCTAs = exports.deployModalOnEnter = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var formatCTAs = function formatCTAs(ctas, deployModal) {
-  if (!ctas) {
-    return null;
-  }
-  var cta = (0, _objectSpread2["default"])({}, ctas);
-  if (cta.ctaOne) {
-    cta.ctaOne.onClick = deployModal;
-  }
-  return cta;
-};
-exports.formatCTAs = formatCTAs;
-var deployModalOnEnter = function deployModalOnEnter(event, mouse, deployModal) {
-  //first we check that a user is not using the mouse
-  if (!mouse) {
-    // checks that a user hits the enter key to open the modal
-    if (event.keyCode === 13) {
-      deployModal();
-    }
-  }
-};
-exports.deployModalOnEnter = deployModalOnEnter;
-var generateVideoSide = function generateVideoSide(contentSide) {
-  if (contentSide === "right") {
-    return "ter-hero-three--right";
-  } else {
-    return "ter-hero-three--left";
-  }
-};
-exports.generateVideoSide = generateVideoSide;