{"version":3,"file":"defaultVendors-packages_lead-capture_src_shared-components_animate-view_tsx-packages_lead-cap-73c2d1.c075a134fe07f6a0.prod.js","mappings":"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","sources":["webpack://aurora-new-frontend/./node_modules/framer-motion/dist/es/render/dom/motion-minimal.mjs","webpack://aurora-new-frontend/./node_modules/framer-motion/dist/es/components/LazyMotion/index.mjs","webpack://aurora-new-frontend/./packages/lead-capture/src/shared-components/animate-view.tsx","webpack://aurora-new-frontend/./packages/lead-capture/src/shared-components/box-with-margin.tsx","webpack://aurora-new-frontend/./packages/lead-capture/src/shared-components/split-view.tsx","webpack://aurora-new-frontend/./packages/lead-capture/src/typography/lcai-button/lcai-button.tsx","webpack://aurora-new-frontend/./packages/lead-capture/src/typography/lcai-text/lcai-text.tsx"],"sourcesContent":["import { createMotionProxy } from './motion-proxy.mjs';\nimport { createDomMotionConfig } from './utils/create-config.mjs';\n\n/**\n * @public\n */\nvar m = createMotionProxy(createDomMotionConfig);\n\nexport { m };\n","import { __read, __rest } from 'tslib';\nimport * as React from 'react';\nimport { useState, useRef, useEffect } from 'react';\nimport { LazyContext } from '../../context/LazyContext.mjs';\nimport { loadFeatures } from '../../motion/features/definitions.mjs';\n\n/**\n * Used in conjunction with the `m` component to reduce bundle size.\n *\n * `m` is a version of the `motion` component that only loads functionality\n * critical for the initial render.\n *\n * `LazyMotion` can then be used to either synchronously or asynchronously\n * load animation and gesture support.\n *\n * ```jsx\n * // Synchronous loading\n * import { LazyMotion, m, domAnimations } from \"framer-motion\"\n *\n * function App() {\n *   return (\n *     <LazyMotion features={domAnimations}>\n *       <m.div animate={{ scale: 2 }} />\n *     </LazyMotion>\n *   )\n * }\n *\n * // Asynchronous loading\n * import { LazyMotion, m } from \"framer-motion\"\n *\n * function App() {\n *   return (\n *     <LazyMotion features={() => import('./path/to/domAnimations')}>\n *       <m.div animate={{ scale: 2 }} />\n *     </LazyMotion>\n *   )\n * }\n * ```\n *\n * @public\n */\nfunction LazyMotion(_a) {\n    var children = _a.children, features = _a.features, _b = _a.strict, strict = _b === void 0 ? false : _b;\n    var _c = __read(useState(!isLazyBundle(features)), 2), setIsLoaded = _c[1];\n    var loadedRenderer = useRef(undefined);\n    /**\n     * If this is a synchronous load, load features immediately\n     */\n    if (!isLazyBundle(features)) {\n        var renderer = features.renderer, loadedFeatures = __rest(features, [\"renderer\"]);\n        loadedRenderer.current = renderer;\n        loadFeatures(loadedFeatures);\n    }\n    useEffect(function () {\n        if (isLazyBundle(features)) {\n            features().then(function (_a) {\n                var renderer = _a.renderer, loadedFeatures = __rest(_a, [\"renderer\"]);\n                loadFeatures(loadedFeatures);\n                loadedRenderer.current = renderer;\n                setIsLoaded(true);\n            });\n        }\n    }, []);\n    return (React.createElement(LazyContext.Provider, { value: { renderer: loadedRenderer.current, strict: strict } }, children));\n}\nfunction isLazyBundle(features) {\n    return typeof features === \"function\";\n}\n\nexport { LazyMotion };\n","import isChromatic from 'chromatic';\nimport { LazyMotion, m } from 'framer-motion';\nimport styled from 'styled-components';\n\nconst AnimateViewContainer = styled(m.div)`\n  width: 100%;\n  height: 100%;\n`;\n\nconst loadFeatures = () =>\n  import('../lead-capture-framer-motion-features').then((res) => res.default);\n\nexport const AnimateView = ({ children }: { children: JSX.Element }) => {\n  return (\n    <LazyMotion features={loadFeatures}>\n      <AnimateViewContainer\n        animate={{ opacity: 1 }}\n        exit={{ opacity: 0 }}\n        initial={{ opacity: isChromatic() ? 1 : 0 }}\n      >\n        {children}\n      </AnimateViewContainer>\n    </LazyMotion>\n  );\n};\n","import { ReactNode } from 'react';\nimport { Box } from 'reflexbox/styled-components';\n\nimport { DEFAULT_MARGIN } from '../utils/constants';\n\ninterface BoxWithMarginProps {\n  children: ReactNode;\n  maxWidth?: string;\n}\n\nexport const BoxWithMargin = ({ children, maxWidth }: BoxWithMarginProps) => {\n  return (\n    <Box marginTop={DEFAULT_MARGIN} maxWidth={maxWidth}>\n      {children}\n    </Box>\n  );\n};\n","import { Box, Flex } from 'reflexbox/styled-components';\nimport styled from 'styled-components';\n\nimport {\n  BUTTON_TRAY_DESKTOP_HEIGHT,\n  BUTTON_TRAY_MOBILE_HEIGHT,\n  BUTTON_TRAY_WITH_PROGRESS_BAR_HEIGHT,\n  PROGRESS_BAR_HEIGHT,\n  RAIL_HEIGHT,\n  RAIL_WITH_PROGRESS_BAR_HEIGHT,\n} from '../utils/constants';\n\nexport interface SplitViewProps {\n  hasProgressBar?: boolean;\n  isProgressPage?: boolean;\n  buttons: JSX.Element;\n  leftContent: JSX.Element;\n  rightContent: JSX.Element;\n}\n\nexport function SplitView({\n  hasProgressBar = false,\n  isProgressPage = false,\n  buttons,\n  leftContent,\n  rightContent,\n}: SplitViewProps) {\n  return (\n    <>\n      <SplitFlex hasProgressBar={hasProgressBar}>\n        <LeftContent isProgressPage={isProgressPage}>\n          <ContentContainer>{leftContent}</ContentContainer>\n        </LeftContent>\n        <RightContent hasProgressBar={hasProgressBar} isProgressPage={isProgressPage}>\n          {rightContent}\n        </RightContent>\n      </SplitFlex>\n      <BottomContent isProgressPage={isProgressPage}>\n        <ButtonGroup>{buttons}</ButtonGroup>\n      </BottomContent>\n    </>\n  );\n}\n\nconst SplitFlex = styled(Flex)<Pick<SplitViewProps, 'hasProgressBar'>>`\n  padding-top: ${(props) => (props.hasProgressBar ? RAIL_WITH_PROGRESS_BAR_HEIGHT : RAIL_HEIGHT)};\n  width: 50%;\n\n  @media screen and (orientation: portrait) {\n    flex-direction: column-reverse;\n    position: relative;\n    width: 100%;\n  }\n`;\n\nconst LeftContent = styled(Box)<Pick<SplitViewProps, 'isProgressPage'>>`\n  flex-grow: 1;\n  position: relative;\n  padding-bottom: ${(props) =>\n    props.isProgressPage ? PROGRESS_BAR_HEIGHT : BUTTON_TRAY_DESKTOP_HEIGHT};\n\n  @media screen and (orientation: portrait) {\n    padding-bottom: ${(props) =>\n      props.isProgressPage ? BUTTON_TRAY_WITH_PROGRESS_BAR_HEIGHT : BUTTON_TRAY_MOBILE_HEIGHT};\n  }\n\n  @media screen and (orientation: landscape) and (max-height: 767px) {\n    padding-bottom: ${(props) =>\n      props.isProgressPage ? PROGRESS_BAR_HEIGHT : BUTTON_TRAY_MOBILE_HEIGHT};\n  }\n`;\n\nconst RightContent = styled(Box)<Pick<SplitViewProps, 'hasProgressBar' | 'isProgressPage'>>`\n  flex-shrink: 0;\n\n  @media screen and (orientation: portrait) and (min-height: 1000px) {\n    height: 296px;\n  }\n\n  @media screen and (orientation: portrait) and (max-height: 999px) {\n    height: 220px;\n  }\n\n  @media screen and (orientation: portrait) and (max-width: 767px) {\n    height: 220px;\n  }\n\n  @media screen and (orientation: landscape) {\n    position: fixed;\n    top: ${(props) => (props.hasProgressBar ? RAIL_WITH_PROGRESS_BAR_HEIGHT : RAIL_HEIGHT)};\n    bottom: 0;\n    left: 50%;\n    right: 0;\n    padding-bottom: ${(props) => (props.isProgressPage ? PROGRESS_BAR_HEIGHT : '0')};\n  }\n`;\n\nconst ContentContainer = styled(Box)`\n  margin: 44px 44px 16px;\n\n  @media screen and (orientation: portrait) and (min-width: 768px) {\n    width: 425px;\n  }\n\n  @media screen and (orientation: portrait) and (max-width: 767px) {\n    margin: 32px 32px 16px;\n  }\n\n  @media screen and (orientation: landscape) and (max-height: 688px) {\n    margin: 32px 32px 16px;\n  }\n`;\n\nconst BottomContent = styled(Box)<Pick<SplitViewProps, 'isProgressPage'>>`\n  height: ${BUTTON_TRAY_DESKTOP_HEIGHT};\n  position: fixed;\n  bottom: ${(props) => (props.isProgressPage ? PROGRESS_BAR_HEIGHT : '0')};\n  left: 0;\n  right: 50%;\n  padding: 24px 44px 44px;\n  box-shadow: 0 4px 28px rgba(0, 0, 0, 0.14);\n  background-color: white;\n  overflow: hidden;\n\n  @media screen and (orientation: landscape) and (max-height: 767px) {\n    height: ${BUTTON_TRAY_MOBILE_HEIGHT};\n    padding-bottom: 32px;\n  }\n\n  @media screen and (orientation: landscape) and (max-height: 688px) {\n    padding-left: 32px;\n    padding-right: 32px;\n  }\n\n  @media screen and (orientation: portrait) {\n    height: ${BUTTON_TRAY_MOBILE_HEIGHT};\n    right: 0;\n    padding-bottom: 32px;\n  }\n\n  @media screen and (orientation: portrait) and (max-width: 767px) {\n    padding-left: 32px;\n    padding-right: 32px;\n  }\n`;\n\nconst ButtonGroup = styled(Box)`\n  display: flex;\n\n  button {\n    margin: 0 10px;\n    white-space: nowrap;\n\n    :first-child {\n      margin-left: 0;\n    }\n\n    :last-child {\n      margin-right: 0;\n    }\n  }\n`;\n","import styled, { css } from 'styled-components';\nimport { compose, variant, VariantProps } from 'styled-system';\n\nimport { Colors } from '@aurorasolar/common-core/src/colors';\nimport { stateVariants } from '@aurorasolar/common-core/src/variants/state-variants';\n\nimport { TEXT_ACCORDION_COLOR } from '../../utils/constants';\n\nexport enum LCAIButtonIntent {\n  PRIMARY_LIGHT = 'PRIMARY_LIGHT',\n  PRIMARY_DARK = 'PRIMARY_DARK',\n  SECONDARY_LIGHT = 'SECONDARY_LIGHT',\n  SECONDARY_DARK = 'SECONDARY_DARK',\n  GHOST_LIGHT = 'GHOST_LIGHT',\n  DESTRUCTIVE = 'DESTRUCTIVE',\n  DRAWER = 'DRAWER',\n  ACCORDION = 'ACCORDION',\n  LINK = 'LINK',\n}\n\nexport interface LCAIButtonProps extends VariantProps<LCAIButtonIntent, 'intent'> {\n  intent: LCAIButtonIntent;\n  iconOnly?: boolean;\n  fontWeightOverride?: number;\n}\n\nconst LCAIButtonStateVariants = stateVariants('intent')<LCAIButtonIntent>({\n  [LCAIButtonIntent.PRIMARY_LIGHT]: {\n    activeBgOverlayColor: Colors.BLACK,\n    hoverBgOverlayColor: Colors.GRAY_700,\n  },\n  [LCAIButtonIntent.PRIMARY_DARK]: {\n    activeBgOverlayColor: Colors.GRAY_400,\n    hoverBgOverlayColor: Colors.GRAY_300,\n  },\n  [LCAIButtonIntent.SECONDARY_LIGHT]: {\n    activeBgOverlayColor: Colors.GRAY_400,\n    hoverBgOverlayColor: Colors.GRAY_300,\n  },\n  [LCAIButtonIntent.SECONDARY_DARK]: {\n    activeBgOverlayColor: Colors.GRAY_600,\n    hoverBgOverlayColor: Colors.GRAY_500,\n  },\n  [LCAIButtonIntent.GHOST_LIGHT]: {\n    activeBgOverlayColor: Colors.GRAY_300,\n    hoverBgOverlayColor: Colors.GRAY_200,\n  },\n  [LCAIButtonIntent.DESTRUCTIVE]: {\n    activeBgOverlayColor: '#C22B2B',\n    hoverBgOverlayColor: '#E53232',\n  },\n  defaults: {\n    disabledBgOverlayColor: Colors.GRAY_300,\n    disabledBorder: 'none',\n    disabledBoxShadow: 'none',\n    disabledTextColor: Colors.GRAY_500,\n  },\n});\n\nexport const LCAIButton = styled.button<LCAIButtonProps>`\n  font-family: 'SF Pro Text', 'Helvetica Neue', sans-serif;\n  border: none;\n  border-radius: 6px;\n  font-size: 18px;\n  font-weight: ${({ fontWeightOverride }) => fontWeightOverride || 500};\n  line-height: 22px;\n  min-height: 48px;\n  padding: ${({ iconOnly }) => (iconOnly ? '14px' : '13px 16px')};\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n\n  &[disabled],\n  &.force-disabled-style {\n    cursor: not-allowed;\n  }\n\n  ${compose(\n    variant<LCAIButtonIntent, 'intent'>({\n      prop: 'intent',\n      variants: {\n        [LCAIButtonIntent.PRIMARY_LIGHT]: {\n          backgroundColor: Colors.GRAY_800,\n          color: Colors.WHITE,\n        },\n        [LCAIButtonIntent.PRIMARY_DARK]: {\n          backgroundColor: Colors.WHITE,\n          color: Colors.GRAY_800,\n        },\n        [LCAIButtonIntent.SECONDARY_LIGHT]: {\n          background: Colors.GRAY_200,\n          color: Colors.GRAY_800,\n        },\n        [LCAIButtonIntent.SECONDARY_DARK]: {\n          backgroundColor: Colors.GRAY_400,\n          border: `1px solid ${Colors.WHITE}`,\n          color: Colors.WHITE,\n        },\n        [LCAIButtonIntent.GHOST_LIGHT]: {\n          backgroundColor: Colors.TRANSPARENT,\n          color: Colors.GRAY_800,\n        },\n        [LCAIButtonIntent.DESTRUCTIVE]: {\n          backgroundColor: Colors.DARK_RED,\n          color: Colors.WHITE,\n        },\n        [LCAIButtonIntent.DRAWER]: {\n          backgroundColor: Colors.GRAY_800,\n          color: Colors.WHITE,\n        },\n        [LCAIButtonIntent.ACCORDION]: {\n          backgroundColor: Colors.TRANSPARENT,\n          color: TEXT_ACCORDION_COLOR,\n          fontSize: '14px',\n          justifyContent: 'space-between',\n          lineHeight: '20px',\n          padding: '12px 0',\n          width: '100%',\n        },\n        [LCAIButtonIntent.LINK]: {\n          backgroundColor: Colors.TRANSPARENT,\n          minHeight: 'auto',\n          padding: '0',\n        },\n      },\n    }),\n  )};\n  ${LCAIButtonStateVariants};\n  ${({ children }) => {\n    if (Array.isArray(children) && children.length > 1) {\n      // Assumption is that buttons will only ever have text and possibly an icon. If an object is found, assume its the icon.\n      const firstChild = children[0];\n      const lastChild = children[children.length - 1];\n      if (typeof firstChild === 'object') {\n        return css`\n          .fa:first-child {\n            margin-right: 9px; // icon first\n          }\n        `;\n      }\n\n      if (typeof lastChild === 'object') {\n        return css`\n          .fa:first-child {\n            margin-left: 9px; // icon second\n          }\n        `;\n      }\n    }\n    return '';\n  }};\n`;\n","import styled from 'styled-components';\nimport {\n  color,\n  compose,\n  layout,\n  LayoutProps,\n  LetterSpacingProps,\n  position,\n  PositionProps,\n  space,\n  SpaceProps,\n  TextColorProps,\n  variant,\n  VariantProps,\n} from 'styled-system';\n\nimport {\n  textTransform,\n  TextTransformProps,\n  whiteSpace,\n  WhiteSpaceProps,\n} from '@aurorasolar/common-core/src/typography/shared';\n\nexport type LCAITextWeight = 'thin' | 'regular' | 'medium' | 'bold' | 'heavy';\n\nexport type LCAITextType =\n  | 'body-1'\n  | 'body-2'\n  | 'body-3'\n  | 'body-4'\n  | 'body-14'\n  | 'disclaimer'\n  | 'header-1'\n  | 'header-2'\n  | 'header-3'\n  | 'header-4'\n  | 'header-5'\n  | 'link-1'\n  | 'link-2'\n  | 'results-equation'\n  | 'results-header';\n\ntype LCAITextProps = LetterSpacingProps &\n  TextColorProps &\n  SpaceProps &\n  PositionProps &\n  LayoutProps &\n  TextTransformProps &\n  WhiteSpaceProps &\n  VariantProps<LCAITextType, 'type'> &\n  VariantProps<LCAITextWeight, 'fontWeight'>;\n\nexport const LCAIText = styled.span<LCAITextProps>`\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,\n    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n  ${compose(\n    color,\n    space,\n    textTransform,\n    whiteSpace,\n    position,\n    layout,\n    variant<LCAITextWeight, 'fontWeight'>({\n      prop: 'fontWeight',\n      variants: {\n        bold: {\n          fontWeight: 700,\n        },\n        heavy: {\n          fontWeight: 800,\n        },\n        medium: {\n          fontWeight: 500,\n        },\n        regular: {\n          fontWeight: 400,\n        },\n        thin: {\n          fontWeight: 200,\n        },\n      },\n    }),\n    variant<LCAITextType, 'type', { cursor?: string; textDecoration?: string }>({\n      prop: 'type',\n      variants: {\n        'body-1': {\n          fontSize: '20px',\n          lineHeight: '24px',\n        },\n        'body-2': {\n          fontSize: '16px',\n          lineHeight: '20px',\n        },\n        'body-3': {\n          fontSize: '12px',\n          lineHeight: '24px',\n        },\n        'body-4': {\n          fontSize: '11px',\n          lineHeight: '14px',\n        },\n        'body-14': {\n          fontSize: '14px',\n          lineHeight: '20px',\n        },\n        disclaimer: {\n          fontSize: '12px',\n          lineHeight: '16px',\n        },\n        'header-1': {\n          fontSize: '45px',\n          lineHeight: '52px',\n        },\n        'header-2': {\n          fontSize: '32px',\n          lineHeight: '36px',\n        },\n        'header-3': {\n          fontSize: '22px',\n          lineHeight: '26px',\n        },\n        'header-4': {\n          fontSize: '20px',\n          lineHeight: '24px',\n        },\n        'header-5': {\n          fontSize: '18px',\n          lineHeight: '22px',\n        },\n        'link-1': {\n          cursor: 'pointer',\n          fontSize: '20px',\n          lineHeight: '24px',\n          textDecoration: 'underline',\n          textUnderlinePosition: 'under',\n        },\n        'link-2': {\n          cursor: 'pointer',\n          fontSize: '16px',\n          lineHeight: '20px',\n          textDecoration: 'underline',\n          textUnderlinePosition: 'under',\n        },\n        'results-equation': {\n          fontSize: '24px',\n          letterSpacing: -0.25,\n          lineHeight: '32px',\n        },\n        'results-header': {\n          fontSize: '28px',\n          letterSpacing: -0.5,\n          lineHeight: '32px',\n        },\n      },\n    }),\n  )};\n`;\n\nLCAIText.defaultProps = {\n  fontWeight: 'regular',\n  type: 'body-1',\n};\n"],"names":["m","LazyMotion","_a","children","features","_b","strict","setIsLoaded","useState","isLazyBundle","loadedRenderer","useRef","undefined","renderer","loadedFeatures","current","useEffect","then","LazyContext","Provider","value","AnimateViewContainer","div","loadFeatures","res","default","AnimateView","animate","opacity","exit","initial","isChromatic","BoxWithMargin","maxWidth","marginTop","SplitView","hasProgressBar","isProgressPage","buttons","leftContent","rightContent","SplitFlex","LeftContent","ContentContainer","RightContent","BottomContent","ButtonGroup","props","LCAIButtonIntent","LCAIButtonStateVariants","PRIMARY_LIGHT","activeBgOverlayColor","BLACK","hoverBgOverlayColor","GRAY_700","PRIMARY_DARK","GRAY_400","GRAY_300","SECONDARY_LIGHT","SECONDARY_DARK","GRAY_600","GRAY_500","GHOST_LIGHT","GRAY_200","DESTRUCTIVE","defaults","disabledBgOverlayColor","disabledBorder","disabledBoxShadow","disabledTextColor","LCAIButton","button","fontWeightOverride","iconOnly","compose","variant","prop","variants","backgroundColor","GRAY_800","color","WHITE","background","border","TRANSPARENT","DARK_RED","DRAWER","ACCORDION","fontSize","justifyContent","lineHeight","padding","width","LINK","minHeight","Array","isArray","length","firstChild","lastChild","css","LCAIText","span","space","position","layout","bold","fontWeight","heavy","medium","regular","thin","disclaimer","cursor","textDecoration","textUnderlinePosition","letterSpacing","defaultProps","type"],"sourceRoot":""}