luna-one 3.1.593 → 3.1.594

package/dist/luna/heroes/Hero1/Hero1.js

@@ -1,111 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-require("./Hero1.scss");
-var _terraOne = require("terra-one");
-var _fpoSquare = _interopRequireDefault(require("../../images/fpo-square.png"));
-var _generateID = _interopRequireDefault(require("../../utils/generateID"));
-var _Hero1Methods = require("./Hero1Methods");
-var _reactAwesomeReveal = require("react-awesome-reveal");
-var _checkForDangerouslySet = _interopRequireDefault(require("../../utils/checkForDangerouslySet"));
-var _useWindowSize2 = _interopRequireDefault(require("./useWindowSize"));
-var _checkForThemeProps = require("../../utils/checkForThemeProps");
-var _useStyles2 = _interopRequireDefault(require("../../utils/hooks/useStyles"));
-var Hero1 = function Hero1(_ref) {
-  var _ref$content = _ref.content,
-    content = _ref$content === void 0 ? {} : _ref$content,
-    contentSide = _ref.contentSide,
-    theme = _ref.theme,
-    id = _ref.id,
-    motion = _ref.motion;
-  var images = content.images,
-    header = content.header,
-    subHeader = content.subHeader,
-    text = content.text,
-    ctas = content.ctas,
-    GatsbyImage = content.GatsbyImage,
-    focusedImage = content.focusedImage;
-  var _useWindowSize = (0, _useWindowSize2["default"])(),
-    size = _useWindowSize.size,
-    contentHeight = _useWindowSize.contentHeight;
-  var themes = (0, _checkForThemeProps.checkForThemeProps)(content === null || content === void 0 ? void 0 : content.theme);
-  var _useStyles = (0, _useStyles2["default"])(themes),
-    backgroundColor = _useStyles.backgroundColor;
-  var width = typeof window !== "undefined" ? window.innerWidth : 0;
-  var ctaClassName = function ctaClassName() {
-    if (ctas) {
-      return "ter-hero-one__content-container--ctas";
-    } else {
-      return "ter-hero-one__content-container--no-ctas";
-    }
-  };
-  var singleCTAClassName = function singleCTAClassName() {
-    if (ctas && ctas !== null && ctas !== void 0 && ctas.ctaOne && !(ctas !== null && ctas !== void 0 && ctas.ctaTwo)) {
-      return "ter-hero-one__content-container--one-cta";
-    } else {
-      return "ter-hero-one__content-container--two-ctas";
-    }
-  };
-  return /*#__PURE__*/_react["default"].createElement("section", {
-    className: "ter-hero-one",
-    id: (0, _generateID["default"])(id, header),
-    style: {
-      backgroundColor: backgroundColor
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_reactAwesomeReveal.Fade, null, (0, _Hero1Methods.renderImages)(images, _fpoSquare["default"], size, GatsbyImage, focusedImage)), /*#__PURE__*/_react["default"].createElement(_reactAwesomeReveal.Fade, {
-    direction: motion ? "up" : "",
-    delay: motion ? 200 : 0,
-    triggerOnce: true
-  }, /*#__PURE__*/_react["default"].createElement("section", {
-    className: "ter-hero-one__max-width-wrapper"
-  }, contentSide === "right" ? /*#__PURE__*/_react["default"].createElement("aside", {
-    className: "ter-hero-one__content-container ter-hero-one__content-container--with-motion ".concat(ctaClassName(), " ").concat(singleCTAClassName()),
-    style: size === "desktop" ? {
-      transform: "translate(".concat(width > 1320 ? "0" : "-48px", ", -").concat(contentHeight + 48, "px)"),
-      position: "absolute",
-      right: "0"
-    } : {}
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ter-hero-one__content-container-text"
-  }, header && /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "ter-hero-one__header ter-hero__header"
-  }, header), text && !(0, _checkForDangerouslySet["default"])(text) && /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ter-hero-one__text"
-  }, text), text && (0, _checkForDangerouslySet["default"])(text) &&
-  /*#__PURE__*/
-  // While we're using the 'text' prop here, since this is using the lighter font weight, it qualifies as a sub-header, hence the h4 //
-  _react["default"].createElement("div", {
-    className: "ter-hero-one__text-holder dangerously-set-content",
-    dangerouslySetInnerHTML: {
-      __html: text
-    }
-  }), subHeader && /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ter-hero-one__text"
-  }, subHeader)), ctas && (ctas.ctaOne && ctas.ctaOne.url && ctas.ctaOne.text || ctas.ctaTwo && ctas.ctaTwo.url && ctas.ctaTwo.text) && /*#__PURE__*/_react["default"].createElement(_terraOne.CTASection, {
-    ctas: ctas
-  })) : /*#__PURE__*/_react["default"].createElement("aside", {
-    className: "ter-hero-one__content-container ter-hero-one__content-container--with-motion ".concat(ctaClassName(), " ").concat(singleCTAClassName()),
-    style: size === "desktop" ? {
-      position: "absolute",
-      transform: "translate(".concat(width > 1320 ? "0" : "48px", ", -").concat(contentHeight + 48, "px)"),
-      "float": "left"
-    } : {}
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ter-hero-one__content-container-text"
-  }, header && /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "ter-hero-one__header ter-hero__header"
-  }, header), subHeader && /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ter-hero-one__text"
-  }, subHeader), text && /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ter-hero-one__text"
-  }, text)), ctas && (ctas.ctaOne && ctas.ctaOne.url && ctas.ctaOne.text || ctas.ctaTwo && ctas.ctaTwo.url && ctas.ctaTwo.text) && /*#__PURE__*/_react["default"].createElement(_terraOne.CTASection, {
-    ctas: ctas
-  })))));
-};
-var _default = Hero1;
-exports["default"] = _default;

package/dist/luna/heroes/Hero1/Hero1.scss

@@ -1,223 +0,0 @@
-@import "../../../global-styles/terra.scss";
-
-.ter-hero-one {
-  height: auto;
-  margin-bottom: -7px;
-  // This negative margin is bullshit, but I can't figure out what's causing this to get an extra 7px at the bottom.
-
-  &__max-width-wrapper {
-    max-width: 1200px;
-    margin: auto;
-    position: relative;
-  }
-  &__image {
-    object-fit: cover;
-    width: 100%;
-    background-position: center;
-    background-size: cover;
-
-    &--with-motion {
-      -webkit-animation: fade-in 0.5s;
-      animation: fade-in 0.5s;
-    }
-
-    &--mobile {
-      max-height: 75vh;
-      width: 100vw;
-      height: 500px;
-    }
-
-    &--tablet {
-      max-height: 75vh;
-      width: 100vw;
-      height: 800px;
-    }
-
-    &--desktop {
-      width: 100vw;
-      height: 700px;
-      max-height: 90vh;
-    }
-  }
-
-  &__content-container {
-    background: $white;
-    margin: auto;
-    -webkit-transform: translateY(-100px);
-    -ms-transform: translateY(-100px);
-    transform: translateY(-100px);
-    -webkit-box-shadow: $card-box-shadow;
-    box-shadow: $card-box-shadow;
-    position: relative;
-    display: flex;
-    width: 572px;
-
-    @media screen and (max-width: 826px) {
-      display: block;
-    }
-
-    &--with-motion {
-      -webkit-animation: fade-up 1s;
-      animation: fade-up 1s;
-    }
-
-    &--ctas {
-      width: 100%;
-      max-width: 826px;
-
-      @media screen and (max-width: 826px) {
-        display: block;
-      }
-    }
-
-    &-text {
-      padding: spacing("md") spacing("md");
-      width: 572px;
-
-      @media screen and (max-width: 826px) {
-        width: 100vw;
-      }
-
-      @media (min-width: $breakpoint-xs) {
-        padding: spacing("md") spacing("md");
-      }
-    }
-  }
-
-  &__header {
-    @include benton-very-bold();
-    line-height: 37px;
-    font-size: $heading-4-size;
-  }
-
-  &__text {
-    font-size: $subheading-size;
-    line-height: 23px;
-    @include benton-light();
-    margin-bottom: 0;
-
-    @media (min-width: $breakpoint-sm) {
-      font-size: $subheading-size;
-    }
-  }
-
-  .ter-button {
-    display: block;
-    max-width: 190px;
-
-    &--secondary--1 {
-      margin-top: spacing("xs") !important;
-    }
-
-    @media (min-width: $breakpoint-md) {
-    }
-  }
-
-  .ter-cta-section {
-    background-color: $concrete-gray-1;
-    padding: 32px 36px;
-
-    @media screen and (max-width: 826px) {
-      width: 100vw;
-      display: grid;
-      grid-template-columns: 1fr 1fr;
-      padding: 36px calc((100vw - 400px) / 2);
-
-      .ter-button--secondary--1 {
-        margin-top: 0 !important;
-        justify-self: end;
-      }
-
-      .ter-sub-cta {
-        grid-column: 1 / 3;
-        margin: 24px auto 0;
-      }
-    }
-
-    @media screen and (max-width: 475px) {
-      display: flex;
-      padding: 36px;
-
-      .ter-button--secondary--1 {
-        margin-top: spacing("xs") !important;
-        justify-self: end;
-      }
-
-      .ter-button {
-        margin: auto;
-      }
-    }
-
-    &__link {
-      display: block;
-      text-align: center;
-    }
-
-    .ter-sub-cta {
-      margin-top: 18px;
-
-      @media screen and (max-width: 826px) {
-        display: block;
-        width: 190px;
-      }
-    }
-  }
-
-  &__content-container--one-cta {
-    .ter-cta-section {
-      grid-template-columns: 1fr;
-
-      .ter-button {
-        margin: auto;
-      }
-    }
-  }
-}
-
-@-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/Hero1/Hero1Methods.js

@@ -1,84 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderImages = exports.getCTAs = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _checkThemeForBrand = _interopRequireDefault(require("../../utils/checkThemeForBrand"));
-var _removeSpaces = require("../../utils/removeSpaces");
-var _terraOne = require("terra-one");
-var _generateFocusedImageAlt = _interopRequireDefault(require("../../utils/generateFocusedImageAlt"));
-var getCTAs = function getCTAs(ctas, theme) {
-  if (ctas) {
-    return (0, _checkThemeForBrand["default"])(theme, ctas);
-  } else {
-    return null;
-  }
-};
-exports.getCTAs = getCTAs;
-var renderImages = function renderImages(images, fpoSquare, size, GatsbyImage, focusedImage) {
-  var _focusedImage$focalPo;
-  if (focusedImage !== null && focusedImage !== void 0 && (_focusedImage$focalPo = focusedImage.focalPointImage) !== null && _focusedImage$focalPo !== void 0 && _focusedImage$focalPo.url) {
-    return /*#__PURE__*/_react["default"].createElement(_terraOne.FocusedImage, {
-      focalPointImage: focusedImage === null || focusedImage === void 0 ? void 0 : focusedImage.focalPointImage,
-      alt: (0, _generateFocusedImageAlt["default"])(focusedImage),
-      imageSizes: {
-        desktop: {
-          width: 2240,
-          height: 700,
-          ratio: {
-            width: 16,
-            height: 5
-          }
-        },
-        tablet: {
-          width: 1200,
-          height: 900,
-          ratio: {
-            width: 4,
-            height: 3
-          }
-        },
-        mobile: {
-          width: 500,
-          height: 500,
-          ratio: {
-            width: 1,
-            height: 1
-          }
-        }
-      }
-    });
-  } else {
-    if (size === "mobile") {
-      var _images$mobile, _images$mobile2, _images$desktop, _images$desktop2, _images$mobile3, _images$mobile4, _images$mobile5, _images$mobile6, _images$desktop3, _images$desktop4, _images$desktop5, _images$desktop6;
-      return /*#__PURE__*/_react["default"].createElement(_terraOne.Image, {
-        GatsbyImage: GatsbyImage,
-        images: images !== null && images !== void 0 && (_images$mobile = images.mobile) !== null && _images$mobile !== void 0 && _images$mobile.image ? images === null || images === void 0 ? void 0 : (_images$mobile2 = images.mobile) === null || _images$mobile2 === void 0 ? void 0 : _images$mobile2.image : images !== null && images !== void 0 && (_images$desktop = images.desktop) !== null && _images$desktop !== void 0 && _images$desktop.image ? images === null || images === void 0 ? void 0 : (_images$desktop2 = images.desktop) === null || _images$desktop2 === void 0 ? void 0 : _images$desktop2.image : null,
-        src: images !== null && images !== void 0 && (_images$mobile3 = images.mobile) !== null && _images$mobile3 !== void 0 && _images$mobile3.src || images !== null && images !== void 0 && (_images$mobile4 = images.mobile) !== null && _images$mobile4 !== void 0 && _images$mobile4.url ? (0, _removeSpaces.removeSpaces)((images === null || images === void 0 ? void 0 : (_images$mobile5 = images.mobile) === null || _images$mobile5 === void 0 ? void 0 : _images$mobile5.src) || (images === null || images === void 0 ? void 0 : (_images$mobile6 = images.mobile) === null || _images$mobile6 === void 0 ? void 0 : _images$mobile6.url)) : images !== null && images !== void 0 && (_images$desktop3 = images.desktop) !== null && _images$desktop3 !== void 0 && _images$desktop3.src || images !== null && images !== void 0 && (_images$desktop4 = images.desktop) !== null && _images$desktop4 !== void 0 && _images$desktop4.url ? (0, _removeSpaces.removeSpaces)((images === null || images === void 0 ? void 0 : (_images$desktop5 = images.desktop) === null || _images$desktop5 === void 0 ? void 0 : _images$desktop5.url) || (images === null || images === void 0 ? void 0 : (_images$desktop6 = images.desktop) === null || _images$desktop6 === void 0 ? void 0 : _images$desktop6.src)) : fpoSquare,
-        className: "ter-hero-one__image ter-hero-one__image--mobile"
-      });
-    } else if (size === "tablet") {
-      var _images$tablet, _images$tablet2, _images$desktop7, _images$desktop8, _images$tablet3, _images$tablet4, _images$tablet5, _images$tablet6, _images$desktop9, _images$desktop10, _images$desktop11, _images$desktop12;
-      return /*#__PURE__*/_react["default"].createElement(_terraOne.Image, {
-        GatsbyImage: GatsbyImage,
-        images: images !== null && images !== void 0 && (_images$tablet = images.tablet) !== null && _images$tablet !== void 0 && _images$tablet.image ? images === null || images === void 0 ? void 0 : (_images$tablet2 = images.tablet) === null || _images$tablet2 === void 0 ? void 0 : _images$tablet2.image : images !== null && images !== void 0 && (_images$desktop7 = images.desktop) !== null && _images$desktop7 !== void 0 && _images$desktop7.image ? images === null || images === void 0 ? void 0 : (_images$desktop8 = images.desktop) === null || _images$desktop8 === void 0 ? void 0 : _images$desktop8.image : null,
-        src: images !== null && images !== void 0 && (_images$tablet3 = images.tablet) !== null && _images$tablet3 !== void 0 && _images$tablet3.src || images !== null && images !== void 0 && (_images$tablet4 = images.tablet) !== null && _images$tablet4 !== void 0 && _images$tablet4.url ? (0, _removeSpaces.removeSpaces)((images === null || images === void 0 ? void 0 : (_images$tablet5 = images.tablet) === null || _images$tablet5 === void 0 ? void 0 : _images$tablet5.src) || (images === null || images === void 0 ? void 0 : (_images$tablet6 = images.tablet) === null || _images$tablet6 === void 0 ? void 0 : _images$tablet6.url)) : images !== null && images !== void 0 && (_images$desktop9 = images.desktop) !== null && _images$desktop9 !== void 0 && _images$desktop9.src || images !== null && images !== void 0 && (_images$desktop10 = images.desktop) !== null && _images$desktop10 !== void 0 && _images$desktop10.url ? (0, _removeSpaces.removeSpaces)((images === null || images === void 0 ? void 0 : (_images$desktop11 = images.desktop) === null || _images$desktop11 === void 0 ? void 0 : _images$desktop11.url) || (images === null || images === void 0 ? void 0 : (_images$desktop12 = images.desktop) === null || _images$desktop12 === void 0 ? void 0 : _images$desktop12.src)) : fpoSquare,
-        className: "ter-hero-one__image ter-hero-one__image--tablet"
-      });
-    } else if (size === "desktop") {
-      var _images$desktop13, _images$desktop14, _images$desktop15, _images$desktop16, _images$desktop17, _images$desktop18;
-      return /*#__PURE__*/_react["default"].createElement(_terraOne.Image, {
-        GatsbyImage: GatsbyImage,
-        image: images !== null && images !== void 0 && (_images$desktop13 = images.desktop) !== null && _images$desktop13 !== void 0 && _images$desktop13.image ? images === null || images === void 0 ? void 0 : (_images$desktop14 = images.desktop) === null || _images$desktop14 === void 0 ? void 0 : _images$desktop14.image : null,
-        className: "ter-hero-one__image ter-hero-one__image--desktop ter-hero-one__image--with-motion",
-        src: images !== null && images !== void 0 && (_images$desktop15 = images.desktop) !== null && _images$desktop15 !== void 0 && _images$desktop15.src || images !== null && images !== void 0 && (_images$desktop16 = images.desktop) !== null && _images$desktop16 !== void 0 && _images$desktop16.url ? (0, _removeSpaces.removeSpaces)((images === null || images === void 0 ? void 0 : (_images$desktop17 = images.desktop) === null || _images$desktop17 === void 0 ? void 0 : _images$desktop17.url) || (images === null || images === void 0 ? void 0 : (_images$desktop18 = images.desktop) === null || _images$desktop18 === void 0 ? void 0 : _images$desktop18.src)) : fpoSquare
-      });
-    } else {
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null);
-    }
-  }
-};
-exports.renderImages = renderImages;

package/dist/luna/heroes/Hero1/useWindowSize.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _react = require("react");
-var _globalVariables = require("../../utils/globalVariables");
-var useWindowSize = function useWindowSize() {
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    size = _useState2[0],
-    updateSize = _useState2[1];
-  var _useState3 = (0, _react.useState)(null),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    contentHeight = _useState4[0],
-    updateContentHeight = _useState4[1];
-  (0, _react.useEffect)(function () {
-    if (typeof window !== "undefined") {
-      var checkSize = function checkSize() {
-        if (window.innerWidth > _globalVariables.windowSizes.desktop) {
-          updateSize("desktop");
-          updateContentHeight(document.querySelector(".ter-hero-one__content-container").offsetHeight);
-        } else if (window.innerWidth > _globalVariables.windowSizes.tabletLandscape) {
-          updateSize("tablet");
-          updateContentHeight(document.querySelector(".ter-hero-one__content-container").offsetHeight);
-        } else {
-          updateSize("mobile");
-          updateContentHeight(document.querySelector(".ter-hero-one__content-container").offsetHeight);
-        }
-      };
-      window.addEventListener("resize", checkSize);
-      checkSize();
-      return function () {
-        window.removeEventListener("resize", checkSize);
-      };
-    }
-  }, [_globalVariables.windowSizes]);
-  return {
-    size: size,
-    contentHeight: contentHeight
-  };
-};
-var _default = useWindowSize;
-exports["default"] = _default;

package/dist/luna/heroes/Hero2/Hero2.js

@@ -1,130 +0,0 @@
-"use strict";
-
-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 _react = _interopRequireWildcard(require("react"));
-require("./Hero2.scss");
-var _terraOne = require("terra-one");
-var _fpoSquare = _interopRequireDefault(require("../../images/fpo-square.png"));
-var _generateID = _interopRequireDefault(require("../../utils/generateID"));
-var _removeSpaces = require("../../utils/removeSpaces");
-var _checkForDangerouslySet = _interopRequireDefault(require("../../utils/checkForDangerouslySet"));
-var _checkForThemeProps = require("../../utils/checkForThemeProps");
-var _useStyles2 = _interopRequireDefault(require("../../utils/hooks/useStyles"));
-var _generateFocusedImageAlt = _interopRequireDefault(require("../../utils/generateFocusedImageAlt"));
-var Hero2 = function Hero2(props) {
-  var _focusedImage$focalPo, _content$images, _focusedImage$focalPo2, _focusedImage$focalPo3;
-  var _props$content = props.content,
-    content = _props$content === void 0 ? {} : _props$content,
-    theme = props.theme,
-    id = props.id,
-    motion = props.motion;
-  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,
-    ctaOne = _useStyles.ctaOne,
-    ctaTwo = _useStyles.ctaTwo;
-  var wrapper = (0, _react.useRef)(null);
-  var mainImage = null,
-    mobileImage = null;
-  var focusedImage = content === null || content === void 0 ? void 0 : content.focusedImage;
-  if (focusedImage !== null && focusedImage !== void 0 && (_focusedImage$focalPo = focusedImage.focalPointImage) !== null && _focusedImage$focalPo !== void 0 && _focusedImage$focalPo.url) {
-    mainImage = /*#__PURE__*/_react["default"].createElement(_terraOne.FocusedImage, {
-      focalPointImage: focusedImage === null || focusedImage === void 0 ? void 0 : focusedImage.focalPointImage,
-      alt: (0, _generateFocusedImageAlt["default"])(focusedImage),
-      imageSizes: {
-        desktop: {
-          width: 2240,
-          height: 560,
-          ratio: {
-            width: 4,
-            height: 1
-          }
-        },
-        tablet: {
-          width: 1200,
-          height: 400,
-          ratio: {
-            width: 3,
-            height: 1
-          }
-        },
-        mobile: {
-          width: 900,
-          height: 450,
-          ratio: {
-            width: 2,
-            height: 1
-          }
-        }
-      }
-    });
-  } else if (content !== null && content !== void 0 && (_content$images = content.images) !== null && _content$images !== void 0 && _content$images.desktop) {
-    var _content$images2, _content$images2$desk, _content$images3, _content$images4, _content$images4$desk, _content$images5, _content$images5$desk, _content$images6, _content$images7, _content$images7$desk, _content$images8, _content$images8$desk;
-    mainImage = /*#__PURE__*/_react["default"].createElement(_terraOne.Image, {
-      image: content === null || content === void 0 ? void 0 : (_content$images2 = content.images) === null || _content$images2 === void 0 ? void 0 : (_content$images2$desk = _content$images2.desktop) === null || _content$images2$desk === void 0 ? void 0 : _content$images2$desk.image,
-      GatsbyImage: content === null || content === void 0 ? void 0 : content.GatsbyImage,
-      src: content !== null && content !== void 0 && (_content$images3 = content.images) !== null && _content$images3 !== void 0 && _content$images3.desktop ? (0, _removeSpaces.removeSpaces)((content === null || content === void 0 ? void 0 : (_content$images4 = content.images) === null || _content$images4 === void 0 ? void 0 : (_content$images4$desk = _content$images4.desktop) === null || _content$images4$desk === void 0 ? void 0 : _content$images4$desk.src) || (content === null || content === void 0 ? void 0 : (_content$images5 = content.images) === null || _content$images5 === void 0 ? void 0 : (_content$images5$desk = _content$images5.desktop) === null || _content$images5$desk === void 0 ? void 0 : _content$images5$desk.url)) : _fpoSquare["default"],
-      alt: content !== null && content !== void 0 && (_content$images6 = content.images) !== null && _content$images6 !== void 0 && _content$images6.desktop ? (content === null || content === void 0 ? void 0 : (_content$images7 = content.images) === null || _content$images7 === void 0 ? void 0 : (_content$images7$desk = _content$images7.desktop) === null || _content$images7$desk === void 0 ? void 0 : _content$images7$desk.altText) || (content === null || content === void 0 ? void 0 : (_content$images8 = content.images) === null || _content$images8 === void 0 ? void 0 : (_content$images8$desk = _content$images8.desktop) === null || _content$images8$desk === void 0 ? void 0 : _content$images8$desk.alt) : "placeholder image",
-      onError: function onError(e) {
-        e.target.onerror = null;
-        e.target.src = _fpoSquare["default"];
-      }
-    });
-  } else {
-    mainImage = null;
-  }
-  if (content !== null && content !== void 0 && content.images && (focusedImage === null || focusedImage === void 0 ? void 0 : (_focusedImage$focalPo2 = focusedImage.focalPointImage) === null || _focusedImage$focalPo2 === void 0 ? void 0 : _focusedImage$focalPo2.url) === undefined) {
-    var _content$images9, _content$images9$mobi, _content$images10, _content$images10$mob, _content$images11, _content$images11$des, _content$images12, _content$images12$des, _content$images13, _content$images14, _content$images14$mob, _content$images15, _content$images15$mob, _content$images16, _content$images17, _content$images17$des, _content$images18, _content$images18$des, _content$images19, _content$images20, _content$images20$mob, _content$images21, _content$images21$mob, _content$images22, _content$images23, _content$images23$des, _content$images24, _content$images24$des;
-    mobileImage = /*#__PURE__*/_react["default"].createElement(_terraOne.Image, {
-      image: content !== null && content !== void 0 && (_content$images9 = content.images) !== null && _content$images9 !== void 0 && (_content$images9$mobi = _content$images9.mobile) !== null && _content$images9$mobi !== void 0 && _content$images9$mobi.image ? content === null || content === void 0 ? void 0 : (_content$images10 = content.images) === null || _content$images10 === void 0 ? void 0 : (_content$images10$mob = _content$images10.mobile) === null || _content$images10$mob === void 0 ? void 0 : _content$images10$mob.image : content !== null && content !== void 0 && (_content$images11 = content.images) !== null && _content$images11 !== void 0 && (_content$images11$des = _content$images11.desktop) !== null && _content$images11$des !== void 0 && _content$images11$des.image ? content === null || content === void 0 ? void 0 : (_content$images12 = content.images) === null || _content$images12 === void 0 ? void 0 : (_content$images12$des = _content$images12.desktop) === null || _content$images12$des === void 0 ? void 0 : _content$images12$des.images : null,
-      GatsbyImage: content === null || content === void 0 ? void 0 : content.GatsbyImage,
-      src: content !== null && content !== void 0 && (_content$images13 = content.images) !== null && _content$images13 !== void 0 && _content$images13.mobile ? (0, _removeSpaces.removeSpaces)((content === null || content === void 0 ? void 0 : (_content$images14 = content.images) === null || _content$images14 === void 0 ? void 0 : (_content$images14$mob = _content$images14.mobile) === null || _content$images14$mob === void 0 ? void 0 : _content$images14$mob.src) || (content === null || content === void 0 ? void 0 : (_content$images15 = content.images) === null || _content$images15 === void 0 ? void 0 : (_content$images15$mob = _content$images15.mobile) === null || _content$images15$mob === void 0 ? void 0 : _content$images15$mob.url)) : content !== null && content !== void 0 && (_content$images16 = content.images) !== null && _content$images16 !== void 0 && _content$images16.desktop ? (0, _removeSpaces.removeSpaces)((content === null || content === void 0 ? void 0 : (_content$images17 = content.images) === null || _content$images17 === void 0 ? void 0 : (_content$images17$des = _content$images17.desktop) === null || _content$images17$des === void 0 ? void 0 : _content$images17$des.src) || (content === null || content === void 0 ? void 0 : (_content$images18 = content.images) === null || _content$images18 === void 0 ? void 0 : (_content$images18$des = _content$images18.desktop) === null || _content$images18$des === void 0 ? void 0 : _content$images18$des.url)) : _fpoSquare["default"],
-      alt: content !== null && content !== void 0 && (_content$images19 = content.images) !== null && _content$images19 !== void 0 && _content$images19.mobile ? (content === null || content === void 0 ? void 0 : (_content$images20 = content.images) === null || _content$images20 === void 0 ? void 0 : (_content$images20$mob = _content$images20.mobile) === null || _content$images20$mob === void 0 ? void 0 : _content$images20$mob.altText) || (content === null || content === void 0 ? void 0 : (_content$images21 = content.images) === null || _content$images21 === void 0 ? void 0 : (_content$images21$mob = _content$images21.mobile) === null || _content$images21$mob === void 0 ? void 0 : _content$images21$mob.alt) : content !== null && content !== void 0 && (_content$images22 = content.images) !== null && _content$images22 !== void 0 && _content$images22.desktop ? (content === null || content === void 0 ? void 0 : (_content$images23 = content.images) === null || _content$images23 === void 0 ? void 0 : (_content$images23$des = _content$images23.desktop) === null || _content$images23$des === void 0 ? void 0 : _content$images23$des.altText) || (content === null || content === void 0 ? void 0 : (_content$images24 = content.images) === null || _content$images24 === void 0 ? void 0 : (_content$images24$des = _content$images24.desktop) === null || _content$images24$des === void 0 ? void 0 : _content$images24$des.alt) : "placeholder image",
-      onError: function onError(e) {
-        e.target.onerror = null;
-        e.target.src = _fpoSquare["default"];
-      }
-    });
-  } else {
-    mobileImage = null;
-  }
-  return /*#__PURE__*/_react["default"].createElement("section", {
-    className: "ter-hero-2",
-    id: (0, _generateID["default"])(id, content.header),
-    ref: wrapper,
-    style: {
-      backgroundColor: backgroundColor
-    }
-  }, /*#__PURE__*/_react["default"].createElement("figure", {
-    className: "ter-hero-2__hero-image ".concat(focusedImage !== null && focusedImage !== void 0 && (_focusedImage$focalPo3 = focusedImage.focalPointImage) !== null && _focusedImage$focalPo3 !== void 0 && _focusedImage$focalPo3.url ? "ter-hero-2__focused-image" : "ter-hero-2__hero-image--4x1", " ").concat(motion && "ter-hero-2__hero-image--with-motion")
-  }, mainImage), mobileImage && /*#__PURE__*/_react["default"].createElement("figure", {
-    className: "ter-hero-2__hero-image ter-hero-2__hero-image--2x1 ".concat(motion && "ter-hero-2__hero-image--with-motion")
-  }, mobileImage), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ter-hero-2__container ".concat(motion && "ter-hero-2__container--with-motion")
-  }, /*#__PURE__*/_react["default"].createElement("aside", {
-    className: "ter-hero-2__card ter-card"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ter-card__body"
-  }, content && content.header && /*#__PURE__*/_react["default"].createElement("h2", {
-    className: "ter-hero-2__header ter-hero__header"
-  }, content.header), content && (content === null || content === void 0 ? void 0 : content.subHeader) && !(0, _checkForDangerouslySet["default"])(content === null || content === void 0 ? void 0 : content.subHeader) && /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ter-hero-2__sub-header"
-  }, content.subHeader), (content === null || content === void 0 ? void 0 : content.subHeader) && (0, _checkForDangerouslySet["default"])(content === null || content === void 0 ? void 0 : content.subHeader) && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ter-hero-2__sub-header-container ter-hero__sub-header-container dangerously-set-content",
-    dangerouslySetInnerHTML: {
-      __html: content.subHeader
-    }
-  }), content.ctas && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ter-hero-2__cta-section-wrapper"
-  }, /*#__PURE__*/_react["default"].createElement(_terraOne.CTASection, {
-    ctas: content.ctas
-  }))))));
-};
-var _default = Hero2;
-exports["default"] = _default;