{"version":3,"file":"LazyQualificationQuestionPage.dc6182efcc14ebd0.prod.js","mappings":"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","sources":["webpack://aurora-new-frontend/./packages/common/packages/core/src/button/button.tsx","webpack://aurora-new-frontend/./packages/common/packages/core/src/checkbox/checkbox.tsx","webpack://aurora-new-frontend/./packages/common/packages/core/src/button-group/button-group.tsx","webpack://aurora-new-frontend/./packages/lead-capture/src/pages/qualification/answer-types/button-group-answer.tsx","webpack://aurora-new-frontend/./node_modules/@blueprintjs/select/lib/esm/components/select/select.js","webpack://aurora-new-frontend/./packages/common/packages/core/src/select/select.tsx","webpack://aurora-new-frontend/./packages/lead-capture/src/shared-components/dropdown.tsx","webpack://aurora-new-frontend/./packages/lead-capture/src/pages/qualification/answer-types/multi-select-answer.tsx","webpack://aurora-new-frontend/./packages/lead-capture/src/pages/qualification/answer-types/ownership-selector.tsx","webpack://aurora-new-frontend/./packages/lead-capture/src/pages/qualification/answer-types/radio-group.tsx","webpack://aurora-new-frontend/./packages/lead-capture/src/pages/qualification/answer-types/answer-matcher.tsx","webpack://aurora-new-frontend/./packages/lead-capture/src/pages/qualification/answer-types/dropdown-answer.tsx","webpack://aurora-new-frontend/./packages/lead-capture/src/pages/qualification/qualification-question-core.tsx","webpack://aurora-new-frontend/./packages/lead-capture/src/pages/qualification/qualification.generated.tsx","webpack://aurora-new-frontend/./packages/lead-capture/src/pages/qualification/qualification-question-page.tsx"],"sourcesContent":["/* eslint-disable sort-keys */\nimport React, { ComponentProps, FC, FunctionComponent, PropsWithChildren } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Button, ButtonGroup, IButtonProps } from '@blueprintjs/core';\n\nimport { Colors } from '../colors';\nimport { AuroraIcon, AuroraIconType } from '../icon';\nimport { defaultButtonBorderRadius } from '../layout';\nimport { AuroraText, TextType } from '../typography';\nimport { AuroraThemedButton, AuroraThemedButtonIntent } from './themed-button';\n\nexport const MinWidthButton = styled(Button)`\n  && {\n    min-width: 125px;\n    box-shadow: none !important;\n\n    .bp3-button-text {\n      padding-bottom: 2px;\n      font-weight: 600;\n    }\n  }\n`;\n\nexport const VerticalFillButton = styled(Button)`\n  && {\n    height: 100%;\n    ${({ color }) => color && `color: ${color}`};\n  }\n`;\n\nexport const MutedButton = styled(Button)`\n  && {\n    color: ${Colors.GRAY_600};\n  }\n`;\n\nexport const LargeButton = (props: React.PropsWithChildren<ComponentProps<typeof Button>>) => (\n  <MinWidthButton {...props} large />\n);\n\nexport const LeftAlignedButton = styled(Button)`\n  padding-left: 0;\n`;\n\nexport const FlatButton = styled(Button)`\n  && {\n    background-image: none;\n    color: ${Colors.GRAY_800};\n\n    &:hover,\n    &:active,\n    &:focus {\n      background-image: none;\n      outline: none;\n    }\n  }\n`;\n\nexport const BasicButton = styled(FlatButton)`\n  && {\n    background-color: transparent;\n  }\n`;\n\nexport const PillButton = styled(FlatButton)`\n  border-radius: 1000px;\n`;\n\nexport const RoundedButton = styled(FlatButton)`\n  border-radius: 12px;\n`;\n\nexport const InlineButton: FunctionComponent<React.ComponentProps<typeof RoundedButton>> = ({\n  children,\n}) => <RoundedButton style={{ lineHeight: 'inherit' }}>{children}</RoundedButton>;\n\nconst InputButton = styled(FlatButton).withConfig({\n  shouldForwardProp: (prop) => !['isOpen'].includes(prop),\n})`\n  && {\n    background-color: white;\n  }\n`;\n\nexport const DropdownButton: FunctionComponent<React.ComponentProps<typeof InputButton>> = ({\n  children,\n  rightIcon = <AuroraIcon name={AuroraIconType.CHEVRON_DOWN} />,\n  ...props\n}) => (\n  <InputButton {...props} rightIcon={rightIcon}>\n    {children}\n  </InputButton>\n);\n\nexport const MinimalButtonGroup = styled(ButtonGroup).attrs(() => ({ minimal: true }))`\n  margin-top: 5px;\n\n  .bp3-button {\n    border-right: 1px ${Colors.GRAY_400} solid;\n    border-radius: unset;\n\n    :first-child {\n      border-top-left-radius: ${defaultButtonBorderRadius}px;\n      border-bottom-left-radius: ${defaultButtonBorderRadius}px;\n    }\n\n    :last-child {\n      border-top-right-radius: ${defaultButtonBorderRadius}px;\n      border-bottom-right-radius: ${defaultButtonBorderRadius}px;\n      border-right: none;\n    }\n  }\n`;\n\nexport const ElevatedButton = styled(Button).attrs(() => ({ minimal: true }))`\n  && {\n    background: white;\n    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09);\n  }\n`;\n\nexport const CadInspectorTopBarButton: FC<\n  PropsWithChildren<Omit<ComponentProps<typeof AuroraThemedButton>, 'intent'>>\n> = ({ children, ...props }) => {\n  return (\n    <AuroraThemedButton intent={AuroraThemedButtonIntent.SECONDARY} width=\"100%\" {...props}>\n      {children}\n    </AuroraThemedButton>\n  );\n};\n\nexport const CadInspectorButtonSelect = styled(MinimalButtonGroup).attrs(() => ({ large: false }))`\n  && {\n    background: white;\n    margin-top: unset;\n    border-radius: 5px;\n    border: solid 1px ${Colors.GRAY_400};\n\n    .bp3-button {\n      color: ${Colors.GRAY_500};\n      padding: 5px;\n\n      &.bp3-active {\n        background: white;\n        color: ${Colors.GRAY_800};\n      }\n    }\n  }\n`;\n\nexport const CadInspectorTopBarGroup = styled(ButtonGroup).attrs(() => ({ minimal: true }))`\n  && {\n    margin-right: -14px;\n\n    button {\n      margin-left: 4px;\n    }\n  }\n`;\n\nexport const GrayDropdownButton = styled(DropdownButton).attrs(() => ({ minimal: true }))`\n  && {\n    background-color: ${Colors.GRAY_200};\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &&:disabled {\n      background-color: ${Colors.GRAY_200};\n    }\n  }\n`;\n\nexport const SearchableDropdownButton = styled(DropdownButton)`\n  && {\n    justify-content: space-between;\n\n    .bp3-button-text {\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      overflow: hidden;\n      margin-right: 0;\n    }\n  }\n`;\n\nexport const NoPaddingButton = styled(Button)`\n  padding: 0;\n`;\n\n/** Describes mutually exclusive visual types for AuroraButton. */\nexport enum ButtonType {\n  DROPDOWN = 'DROPDOWN',\n  PILL = 'PILL',\n  ROUNDED = 'ROUNDED',\n}\n\nexport enum ButtonBorder {\n  DASHED = 'DASHED',\n  NONE = 'NONE',\n}\n\ninterface AuroraButtonStyledProps extends IButtonProps {\n  backgroundColor?: Colors.GRAY_200 | Colors.GRAY_100 | Colors.TRANSPARENT | Colors.WHITE | string;\n  buttonType?: ButtonType;\n  elevated?: boolean;\n  flat?: boolean;\n  inline?: boolean;\n  leftAlign?: boolean;\n  minWidth?: boolean;\n  noBoxShadow?: boolean;\n  noPadding?: boolean;\n  verticalFill?: boolean;\n  horizontalFill?: boolean;\n  border?: ButtonBorder;\n  color?: string;\n  // Missing from IButtonProps, but valid.\n  onMouseDown?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;\n}\n\nconst flatButtonCss = css`\n  background-image: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    background-image: none;\n    outline: none;\n  }\n`;\n\nconst elevatedButtonCss = css`\n  && {\n    background: white;\n    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09);\n  }\n`;\n\nconst minWidthCss = css`\n  && {\n    min-width: 125px;\n    box-shadow: none !important;\n  }\n`;\n\nconst noBoxShadowCss = css`\n  && {\n    box-shadow: none !important;\n  }\n`;\n\nconst largeCss = css`\n  && {\n    .bp3-button-text {\n      padding-bottom: 2px;\n    }\n\n    ${noBoxShadowCss}\n  }\n`;\n\nconst AuroraButtonStyled = styled(\n  ({\n    backgroundColor,\n    buttonType,\n    elevated,\n    flat,\n    horizontalFill,\n    inline,\n    leftAlign,\n    minWidth,\n    noBoxShadow,\n    noPadding,\n    verticalFill,\n    ...rest\n  }) => {\n    return <Button {...rest} />;\n  },\n)`\n  && {\n    background-color: ${({ backgroundColor }) => backgroundColor};\n  }\n\n  &&:hover {\n    background: ${({ backgroundColor }) => backgroundColor};\n  }\n\n  border-radius: ${({ buttonType }) => {\n    switch (buttonType) {\n      case ButtonType.PILL:\n        return '1000px';\n      case ButtonType.ROUNDED:\n        return '12px';\n      default:\n        return `${defaultButtonBorderRadius}px`;\n    }\n  }};\n  ${({ large }) => large && largeCss};\n  ${({ inline }) => inline && 'line-height: inherit'};\n  ${({ minWidth }) => minWidth && minWidthCss};\n  ${({ verticalFill }) => verticalFill && '&& { height: 100%; }'};\n  ${({ horizontalFill }) => horizontalFill && '&& { width: 100% }'};\n  ${({ flat }) => flat && flatButtonCss};\n  ${({ elevated }) => elevated && elevatedButtonCss};\n  ${({ leftAlign }) => leftAlign && 'padding-left: 0px'};\n  ${({ noBoxShadow }) => noBoxShadow && noBoxShadowCss};\n  ${({ noPadding }) => noPadding && 'padding: 0px'};\n  ${({ border }) => {\n    switch (border) {\n      case ButtonBorder.DASHED:\n        return `border: 1px dashed ${Colors.GRAY_400}`;\n      case ButtonBorder.NONE:\n        return 'border: unset';\n      default:\n        return '';\n    }\n  }};\n  ${({ color }) => color && `color: ${color}`}\n`;\n\nexport interface AuroraButtonProps extends AuroraButtonStyledProps {\n  textprops?: ComponentProps<typeof AuroraText>;\n}\n/**\n * @deprecated Old styles. Use AuroraThemedButton instead.\n * @see AuroraThemedButton\n */\nexport const AuroraButton: FunctionComponent<AuroraButtonProps> = (props) => {\n  const { textprops, ...rest } = props;\n  // Use light text if the intent prop is set to ensure correct text contrast.\n  const newTextType =\n    rest.intent && rest.intent !== 'none' ? TextType.LIGHT : textprops && textprops.type;\n  return (\n    <AuroraButtonStyled\n      {...rest}\n      rightIcon={\n        rest.buttonType === ButtonType.DROPDOWN ? (\n          <AuroraIcon name={AuroraIconType.CHEVRON_DOWN} />\n        ) : undefined\n      }\n    >\n      <AuroraText {...textprops} bolded={rest.large} type={newTextType}>\n        {rest.children}\n      </AuroraText>\n    </AuroraButtonStyled>\n  );\n};\n","import { darken } from 'polished';\nimport styled from 'styled-components';\n\nimport { Checkbox } from '@blueprintjs/core';\n\nimport { Colors } from '../colors';\n\nexport const AuroraCheckbox = styled(Checkbox)`\n  color: ${Colors.GRAY_800};\n  margin-bottom: 12;\n\n  && {\n    .bp3-control-indicator {\n      border: 1px solid ${Colors.GRAY_400};\n      border-radius: 3px;\n      box-shadow: unset;\n      background: white;\n      font-size: 18px;\n      margin-right: 11px;\n    }\n\n    input:checked ~ .bp3-control-indicator {\n      box-shadow: unset;\n      border: unset;\n      background-color: #010619;\n\n      &::before {\n        /* stylelint-disable-next-line */\n        font: normal normal normal 20px/1 FrontendV2;\n\n        /* unicode for component-enabled */\n        content: '\\f065';\n        height: inherit;\n        width: inherit;\n        position: absolute;\n        right: 1px;\n        bottom: 1px;\n      }\n    }\n\n    input:indeterminate ~ .bp3-control-indicator {\n      box-shadow: unset;\n      border: unset;\n      background-color: #010619;\n\n      &::before {\n        /* stylelint-disable-next-line */\n        font: normal normal normal 20px/1 FrontendV2;\n\n        /* unicode for component-disabled */\n        content: '\\f063';\n        height: inherit;\n        width: inherit;\n        position: absolute;\n        right: 1px;\n        bottom: 1px;\n      }\n    }\n\n    input:disabled:not(:checked) ~ .bp3-control-indicator {\n      border: 1px solid ${Colors.GRAY_300};\n      background: white;\n    }\n\n    input:disabled:checked ~ .bp3-control-indicator {\n      background: ${Colors.GRAY_400};\n    }\n  }\n\n  &:hover {\n    input:checked:not(:disabled) ~ .bp3-control-indicator {\n      background-color: ${darken(0.1, '#010619')};\n    }\n\n    input:indeterminate:not(:disabled) ~ .bp3-control-indicator {\n      background-color: ${darken(0.1, '#010619')};\n      box-shadow: unset !important;\n    }\n\n    input:not(:checked):not(:indeterminate):not(:disabled) ~ .bp3-control-indicator {\n      box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);\n      border: 1px solid ${Colors.GRAY_400};\n    }\n  }\n`;\n","import { rgba } from 'polished';\nimport styled from 'styled-components';\n\nimport { Flex, FlexProps } from '@rebass/grid';\n\nimport {\n  AuroraThemedButton,\n  AuroraThemedButtonIntent,\n  AuroraThemedButtonProps,\n} from '../button/themed-button';\nimport { Colors } from '../colors';\nimport { AuroraIcon, AuroraIconType } from '../icon';\nimport { Selectable } from '../select';\n\nconst identity = (_: unknown): string => _ as string;\n\nconst InlineFlex = styled(Flex)`\n  display: inline-flex;\n`;\n\nexport interface AuroraButtonGroupProps<T> extends FlexProps {\n  selectable: Selectable<T>;\n  getComparison?: (item: T, selectable: T | undefined) => boolean;\n  getItemKey?: (item: T) => string;\n  getItemLabel?: (item: T) => string | undefined;\n  getItemTestId?: (item: T) => string;\n  getItemIcon?: (item: T) => AuroraIconType | undefined;\n  getItemIconFillColor?: (item: T) => Colors | undefined;\n  getItemImage?: (item: T) => string;\n  buttonProps?: Partial<AuroraThemedButtonProps>;\n  disabled?: boolean;\n}\n\nexport function AuroraButtonGroup<T>(props: AuroraButtonGroupProps<T>) {\n  const {\n    selectable,\n    getItemKey,\n    getItemLabel,\n    getItemIcon,\n    getItemIconFillColor,\n    getItemImage,\n    getItemTestId,\n    getComparison,\n    buttonProps = {},\n    disabled = false,\n    ...rest\n  } = props;\n\n  const { children: _, ref: __, ...flexProps } = rest;\n\n  return (\n    <InlineFlex role=\"radiogroup\" {...flexProps}>\n      {selectable.items.map((item) => {\n        const isSelected =\n          getComparison && selectable.selectedItem\n            ? getComparison(item, selectable.selectedItem)\n            : item === selectable.selectedItem;\n        const label = getItemLabel?.(item) ?? (typeof item === 'string' ? item : undefined);\n        const textElement = label != null ? <span key=\"content\">{label}</span> : undefined;\n\n        const icon = getItemIcon?.(item);\n        const iconFillColor = getItemIconFillColor?.(item);\n        const selectedIconColor = iconFillColor ?? Colors.GRAY_800;\n        const unselectedIconColor = iconFillColor ? rgba(iconFillColor, 0.4) : 'currentcolor';\n        const iconElement = icon && (\n          <AuroraIcon\n            key=\"icon\"\n            fillColor={isSelected ? selectedIconColor : unselectedIconColor}\n            name={icon}\n            size=\"20px\"\n          />\n        );\n\n        const image = getItemImage?.(item);\n        const imageElement = image && <img key=\"image\" alt={label} src={image} />;\n\n        const isIconOnly = iconElement && !textElement;\n        const iconOnlyProps = isIconOnly ? { minWidth: 'initial', px: 0, py: 0, width: 40 } : {};\n\n        const children = isIconOnly ? iconElement : [iconElement, textElement, imageElement];\n\n        return (\n          <AuroraThemedButton\n            key={getItemKey ? getItemKey(item) : getItemIcon?.(item) || identity(item)}\n            activeBgOverlayColor={Colors.GRAY_400}\n            aria-checked={isSelected}\n            borderColor={Colors.GRAY_300}\n            data-testid={getItemTestId && getItemTestId(item)}\n            disabled={disabled}\n            fontWeight={400}\n            grouped\n            hoverBgOverlayColor={Colors.GRAY_200}\n            hoverTextColor={Colors.GRAY_800}\n            hoverTextWeight={500}\n            intent={AuroraThemedButtonIntent.SECONDARY}\n            mx={0}\n            onClick={(event) => selectable.onItemSelected?.(item, event)}\n            role=\"radio\"\n            selectedBgOverlayColor={Colors.GRAY_300}\n            selectedTextWeight={500}\n            {...{\n              ...iconOnlyProps,\n              ...(buttonProps as PLEASE_DO_NOT_USE_THIS_ANY_FOR_MIGRATION_ONLY),\n            }}\n          >\n            {children}\n          </AuroraThemedButton>\n        );\n      })}\n    </InlineFlex>\n  );\n}\n","import styled from 'styled-components';\n\nimport { AuroraButtonGroup } from '@aurorasolar/common-core/src/button-group';\nimport { Colors } from '@aurorasolar/common-core/src/colors';\n\nimport { BoxWithMargin } from '../../../shared-components';\nimport { Option } from '../../../utils/qualification-questions';\n\nconst StyledButtonGroup = styled(AuroraButtonGroup)`\n  && {\n    display: grid;\n    grid-template-columns: 88px 88px 88px;\n    grid-gap: 16px;\n\n    @media screen and (orientation: portrait) and (max-width: 359px),\n      screen and (orientation: landscape) and (max-width: 718px) {\n      grid-template-columns: 88px 88px;\n      grid-gap: 16px;\n    }\n\n    button {\n      border: 2px solid ${Colors.GRAY_400};\n      border-radius: 6px;\n      display: flex;\n      flex-direction: column;\n      width: 88px;\n      height: 90px;\n      padding: 0;\n      justify-content: space-between;\n      min-width: auto;\n      white-space: normal;\n      color: ${Colors.GRAY_700};\n      font-style: normal;\n      font-weight: 500;\n      font-size: 12px;\n      line-height: 14px;\n      letter-spacing: 0.75px;\n      text-transform: uppercase;\n    }\n\n    button:hover {\n      background: ${Colors.GRAY_300};\n      background-image: none !important;\n    }\n\n    button[aria-checked='true'] {\n      border: 2px solid ${Colors.GRAY_800};\n      background: none;\n    }\n\n    button span {\n      flex-grow: 1;\n      align-items: center;\n      display: flex;\n    }\n\n    img {\n      height: 44px;\n      width: 100%;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n` as typeof AuroraButtonGroup;\n\nexport interface ButtonGroupAnswerProps {\n  onSelectOption: (item: Option) => void;\n  options: Option[];\n  selectedOption?: Option;\n}\n\nexport function ButtonGroupAnswer({\n  selectedOption,\n  onSelectOption,\n  options,\n}: ButtonGroupAnswerProps) {\n  return (\n    <BoxWithMargin>\n      <StyledButtonGroup<Option>\n        getComparison={(item, selectable?: Option) => item.key === selectable?.key}\n        getItemImage={(option) => option?.img || ''}\n        getItemKey={(option) => option?.key}\n        getItemLabel={(option) => option?.label}\n        selectable={{\n          items: options,\n          onItemSelected: onSelectOption,\n          selectedItem: selectedOption,\n        }}\n      />\n    </BoxWithMargin>\n  );\n}\n","/*\n * Copyright 2017 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { __assign, __extends, __rest } from \"tslib\";\nimport classNames from \"classnames\";\nimport * as React from \"react\";\nimport { Button, DISPLAYNAME_PREFIX, InputGroup, Keys, Popover, Position, Utils, } from \"@blueprintjs/core\";\nimport { Classes } from \"../../common\";\nimport { QueryList } from \"../query-list/queryList\";\nvar Select = /** @class */ (function (_super) {\n    __extends(Select, _super);\n    function Select() {\n        var _this = _super !== null && _super.apply(this, arguments) || this;\n        _this.state = { isOpen: false };\n        _this.TypedQueryList = QueryList.ofType();\n        _this.input = null;\n        _this.queryList = null;\n        _this.refHandlers = {\n            input: function (ref) {\n                _this.input = ref;\n                Utils.safeInvokeMember(_this.props.inputProps, \"inputRef\", ref);\n            },\n            queryList: function (ref) { return (_this.queryList = ref); },\n        };\n        _this.renderQueryList = function (listProps) {\n            // not using defaultProps cuz they're hard to type with generics (can't use <T> on static members)\n            var _a = _this.props, _b = _a.filterable, filterable = _b === void 0 ? true : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.inputProps, inputProps = _d === void 0 ? {} : _d, _e = _a.popoverProps, popoverProps = _e === void 0 ? {} : _e;\n            var input = (React.createElement(InputGroup, __assign({ leftIcon: \"search\", placeholder: \"Filter...\", rightElement: _this.maybeRenderClearButton(listProps.query) }, inputProps, { inputRef: _this.refHandlers.input, onChange: listProps.handleQueryChange, value: listProps.query })));\n            var handleKeyDown = listProps.handleKeyDown, handleKeyUp = listProps.handleKeyUp;\n            return (React.createElement(Popover, __assign({ autoFocus: false, enforceFocus: false, isOpen: _this.state.isOpen, disabled: disabled, position: Position.BOTTOM_LEFT }, popoverProps, { className: classNames(listProps.className, popoverProps.className), onInteraction: _this.handlePopoverInteraction, popoverClassName: classNames(Classes.SELECT_POPOVER, popoverProps.popoverClassName), onOpening: _this.handlePopoverOpening, onOpened: _this.handlePopoverOpened, onClosing: _this.handlePopoverClosing }),\n                React.createElement(\"div\", { onKeyDown: _this.state.isOpen ? handleKeyDown : _this.handleTargetKeyDown, onKeyUp: _this.state.isOpen ? handleKeyUp : undefined }, _this.props.children),\n                React.createElement(\"div\", { onKeyDown: handleKeyDown, onKeyUp: handleKeyUp },\n                    filterable ? input : undefined,\n                    listProps.itemList)));\n        };\n        _this.handleTargetKeyDown = function (event) {\n            // open popover when arrow key pressed on target while closed\n            if (event.which === Keys.ARROW_UP || event.which === Keys.ARROW_DOWN) {\n                event.preventDefault();\n                _this.setState({ isOpen: true });\n            }\n        };\n        _this.handleItemSelect = function (item, event) {\n            _this.setState({ isOpen: false });\n            Utils.safeInvoke(_this.props.onItemSelect, item, event);\n        };\n        _this.handlePopoverInteraction = function (isOpen) {\n            _this.setState({ isOpen: isOpen });\n            Utils.safeInvokeMember(_this.props.popoverProps, \"onInteraction\", isOpen);\n        };\n        _this.handlePopoverOpening = function (node) {\n            // save currently focused element before popover steals focus, so we can restore it when closing.\n            _this.previousFocusedElement = document.activeElement;\n            if (_this.props.resetOnClose) {\n                _this.resetQuery();\n            }\n            Utils.safeInvokeMember(_this.props.popoverProps, \"onOpening\", node);\n        };\n        _this.handlePopoverOpened = function (node) {\n            // scroll active item into view after popover transition completes and all dimensions are stable.\n            if (_this.queryList != null) {\n                _this.queryList.scrollActiveItemIntoView();\n            }\n            requestAnimationFrame(function () {\n                var _a = _this.props.inputProps, inputProps = _a === void 0 ? {} : _a;\n                // autofocus is enabled by default\n                if (inputProps.autoFocus !== false && _this.input != null) {\n                    _this.input.focus();\n                }\n            });\n            Utils.safeInvokeMember(_this.props.popoverProps, \"onOpened\", node);\n        };\n        _this.handlePopoverClosing = function (node) {\n            // restore focus to saved element.\n            // timeout allows popover to begin closing and remove focus handlers beforehand.\n            requestAnimationFrame(function () {\n                if (_this.previousFocusedElement !== undefined) {\n                    _this.previousFocusedElement.focus();\n                    _this.previousFocusedElement = undefined;\n                }\n            });\n            Utils.safeInvokeMember(_this.props.popoverProps, \"onClosing\", node);\n        };\n        _this.resetQuery = function () { return _this.queryList && _this.queryList.setQuery(\"\", true); };\n        return _this;\n    }\n    Select.ofType = function () {\n        return Select;\n    };\n    Select.prototype.render = function () {\n        // omit props specific to this component, spread the rest.\n        var _a = this.props, filterable = _a.filterable, inputProps = _a.inputProps, popoverProps = _a.popoverProps, restProps = __rest(_a, [\"filterable\", \"inputProps\", \"popoverProps\"]);\n        return (React.createElement(this.TypedQueryList, __assign({}, restProps, { onItemSelect: this.handleItemSelect, ref: this.refHandlers.queryList, renderer: this.renderQueryList })));\n    };\n    Select.prototype.componentDidUpdate = function (_prevProps, prevState) {\n        if (this.state.isOpen && !prevState.isOpen && this.queryList != null) {\n            this.queryList.scrollActiveItemIntoView();\n        }\n    };\n    Select.prototype.maybeRenderClearButton = function (query) {\n        return query.length > 0 ? React.createElement(Button, { icon: \"cross\", minimal: true, onClick: this.resetQuery }) : undefined;\n    };\n    Select.displayName = DISPLAYNAME_PREFIX + \".Select\";\n    return Select;\n}(React.PureComponent));\nexport { Select };\n//# sourceMappingURL=select.js.map","import React, {\n  FunctionComponent,\n  ReactNode,\n  PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport styled from 'styled-components';\n\nimport {\n  AnchorButton,\n  Button,\n  Divider,\n  IButtonProps,\n  IPopoverProps,\n  Label,\n  Menu,\n  MenuItem,\n  Position,\n  Tooltip,\n} from '@blueprintjs/core';\nimport { ItemListRenderer, ItemRenderer, Select } from '@blueprintjs/select';\nimport { Box, Flex } from '@rebass/grid';\n\nimport { AuroraButton, ButtonType, DropdownButton, GrayDropdownButton } from '../button/button';\nimport { Colors } from '../colors';\nimport { AuroraIcon, AuroraIconType } from '../icon';\nimport { descriptiveMenuWidth } from '../layout';\nimport { Maybe } from '../types';\nimport { Text } from '../typography';\nimport { Selectable } from './types';\n\nexport const SELECT_FILTER_INPUT_TEST_ID = 'select-filter-input-test-id';\nexport const DEFAULT_DROPDOWN_ITEM_TEST_ID = 'default-dropdown-item';\n\n// eslint-disable-next-line\nconst StringSelect = Select.ofType<PLEASE_DO_NOT_USE_THIS_ANY_FOR_MIGRATION_ONLY>();\n\nexport const DefaultDropdownMenuItem = styled(MenuItem)`\n  && {\n    align-items: center;\n    border-radius: unset;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 22px;\n    color: ${Colors.GRAY_800};\n    padding: 5px 16px;\n\n    .bp3-menu-item-label {\n      line-height: 18px;\n\n      .fa {\n        padding-top: 2px;\n      }\n    }\n\n    :hover {\n      background: ${Colors.GRAY_200};\n    }\n\n    :active {\n      background: ${Colors.GRAY_300};\n    }\n  }\n`;\n\nexport const DescriptiveMenuItem = styled.li`\n  && {\n    border-radius: unset;\n    color: ${Colors.GRAY_800};\n    padding: 12px 16px;\n\n    :hover {\n      cursor: pointer;\n      background: ${Colors.GRAY_200};\n    }\n\n    :active {\n      background: ${Colors.GRAY_300};\n    }\n  }\n`;\n\nexport const DropdownMenuButton = styled(DropdownButton).attrs<IButtonProps>({\n  alignText: 'left',\n  fill: true,\n  large: true,\n})`\n  && {\n    min-width: 150px;\n    max-width: 400px;\n    padding-right: 10px;\n    box-shadow: none;\n    border: 1px solid ${Colors.GRAY_300};\n\n    .bp3-button-text {\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n      vertical-align: middle;\n    }\n\n    .fa.fa-chevron-down {\n      background: ${Colors.GRAY_200};\n      border-radius: 2px;\n      color: ${Colors.GRAY_700};\n    }\n\n    :disabled {\n      background: unset;\n      border: 1px solid ${Colors.GRAY_300};\n\n      .fa.fa-chevron-down {\n        color: ${Colors.GRAY_400};\n      }\n    }\n\n    :active:enabled {\n      background: ${Colors.GRAY_200};\n    }\n\n    :hover:enabled {\n      background: ${Colors.GRAY_100};\n      box-shadow: none;\n      border: 1px solid ${Colors.GRAY_400};\n    }\n  }\n`;\n\nexport const MinimalDropdownButton = styled(AuroraButton).attrs<IButtonProps>({\n  buttonType: ButtonType.DROPDOWN,\n  minimal: true,\n  small: true,\n})``;\n\nexport const GrayDropdownSelectButton = styled(GrayDropdownButton).attrs<IButtonProps>({\n  fill: true,\n  large: true,\n})``;\n\nconst DropdownWrapper = styled.div`\n  width: 100%;\n  position: relative;\n`;\n\nexport const FullWidthStringSelect = styled(StringSelect)<PropsWithChildren<{}>>`\n  && {\n    .bp3-popover-target {\n      width: 100%;\n\n      span {\n        vertical-align: bottom;\n      }\n    }\n\n    .bp3-button.bp3-small {\n      min-height: 24px;\n    }\n\n    .bp3-button.invalid {\n      border: 1px solid ${Colors.RED};\n    }\n\n    .bp3-overlay {\n      .bp3-transition-container {\n        margin-top: 12px;\n        min-width: 150px;\n        max-width: 400px;\n        width: 100%;\n\n        .bp3-popover.bp3-minimal.bp3-select-popover {\n          box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);\n          border: 1px solid ${Colors.GRAY_400};\n          width: 100%;\n\n          .bp3-popover-content {\n            padding: unset;\n          }\n        }\n      }\n    }\n\n    .bp3-input-action {\n      top: 16px;\n      right: 20px;\n    }\n    .bp3-input {\n      box-shadow: none;\n      pointer-events: auto;\n    }\n  }\n`;\n\nconst StyledDropdownMenu = styled(Menu)`\n  && {\n    min-width: auto;\n    width: 100%;\n    max-width: unset;\n    max-height: 250px;\n\n    li:first-child {\n      a {\n        padding-top: 12px;\n      }\n    }\n\n    li:last-child {\n      a {\n        padding-bottom: 12px;\n      }\n    }\n\n    .section-title {\n      padding: 16px 16px;\n      text-transform: capitalize;\n    }\n  }\n`;\n\nexport const DefaultMenuActionButton = styled(Box)`\n  && {\n    width: 100%;\n    padding: 16px;\n    border-radius: 0 0 5px 5px;\n\n    &:hover {\n      cursor: pointer;\n      background: ${Colors.GRAY_200};\n    }\n\n    &:active {\n      background: ${Colors.GRAY_300};\n    }\n  }\n`;\n\nexport const DropdownMenuDivider = styled(Divider)`\n  margin: unset;\n  border-right: unset;\n  border-bottom: 1px solid ${Colors.GRAY_400};\n`;\n\nconst ActionWrapper = styled(Flex)`\n  box-shadow: 0 -3px 4px rgba(0, 0, 0, 0.08);\n  z-index: 10;\n`;\n\nconst SearchIcon = styled.span.attrs({\n  className: `fa fa-search fa-2x`,\n})`\n  top: 20px;\n`;\n\nexport enum SelectButtonStyle {\n  DropDown,\n  Minimal,\n  GrayDropdown,\n  None,\n}\n\nexport enum DropdownButtonType {\n  DROPDOWN = 'DROPDOWN',\n  SELECTOR = 'SELECTOR',\n  GRAYDROPDOWN = 'GRADYDROPDOWN',\n}\n\nexport function DescriptiveMenuItemRenderer<T extends IDescriptiveSelectItem>({\n  getItemKey,\n  getItemLabel,\n  selectedItem,\n}: ItemRendererFactory<T>): ItemRenderer<T> {\n  return (item: T, { handleClick }) => {\n    return (\n      <DescriptiveMenuItem\n        key={getItemKey(item)}\n        className=\"bp3-submenu\"\n        data-testid=\"descriptive-dropdown-menu-item\"\n        onClick={handleClick}\n      >\n        <Flex alignItems=\"center\" flexDirection=\"row\" justifyContent=\"space-between\">\n          <Flex flexDirection=\"column\">\n            <Flex flexDirection=\"row\" justifyContent=\"space-between\">\n              <Text color={Colors.GRAY_800}>{getItemLabel(item)}</Text>\n              {selectedItem && getItemKey(selectedItem) === getItemKey(item) && (\n                <AuroraIcon\n                  fillColor={Colors.PRIMARY_GREEN}\n                  name={AuroraIconType.CHECKMARK}\n                  size={18}\n                />\n              )}\n            </Flex>\n            <Box pt={1}>\n              <Text color={Colors.GRAY_600} type=\"small\">\n                {item.description}\n              </Text>\n            </Box>\n          </Flex>\n        </Flex>\n      </DescriptiveMenuItem>\n    );\n  };\n}\n\nexport function DefaultMenuItemRenderer<T>({\n  getItemKey,\n  getItemLabel,\n  selectedItem,\n  shouldDismissOnSelect,\n  getIsItemDisabled,\n}: ItemRendererFactory<T>): ItemRenderer<T> {\n  return (value: T, { handleClick, modifiers }) => {\n    if (!modifiers.matchesPredicate) {\n      return null;\n    }\n    const disabled = getIsItemDisabled ? getIsItemDisabled(value) : false;\n    return (\n      <DefaultDropdownMenuItem\n        key={getItemKey(value)}\n        text={getItemLabel(value)}\n        aria-disabled={disabled}\n        className={`${\n          (selectedItem &&\n            getItemKey(selectedItem) === getItemKey(value) &&\n            'selected-menu-item') ||\n          ''\n        }`}\n        data-testid={DEFAULT_DROPDOWN_ITEM_TEST_ID}\n        disabled={disabled}\n        labelElement={\n          selectedItem &&\n          getItemKey(selectedItem) === getItemKey(value) && (\n            <AuroraIcon\n              fillColor={Colors.PRIMARY_GREEN}\n              name={AuroraIconType.CHECKMARK}\n              size={18}\n            />\n          )\n        }\n        onClick={handleClick}\n        role=\"option\"\n        shouldDismissPopover={shouldDismissOnSelect}\n      />\n    );\n  };\n}\n\nexport function DefaultDefaultTextFormatter(defaultText: string) {\n  return defaultText;\n}\n\nexport interface DropdownMenuButtonProps<T> {\n  className?: string;\n  displayTextFormatter?: (selectedItem: T) => string | ReactNode;\n  defaultText?: string;\n  defaultTextFormatter?: (defaultText: string) => string | ReactNode;\n  buttonType?: DropdownButtonType;\n  leftIcon?: JSX.Element;\n  rightIcon?: JSX.Element;\n}\n\nexport interface ItemRendererFactory<T> {\n  getItemKey: (item: T) => string;\n  getItemLabel: (item: T) => ReactNode;\n  getIsItemDisabled?: (item: T) => boolean;\n  selectedItem?: T;\n  shouldDismissOnSelect: boolean;\n}\n\nexport interface StandardSelectProps<T> {\n  className?: string;\n  label?: string;\n  disabled?: boolean;\n  disabledReason?: string;\n  sectionTitle?: string;\n  buttonProps?: DropdownMenuButtonProps<T>;\n  selectable: Selectable<T>;\n  shouldDismissOnSelect?: boolean;\n  itemRendererFactory?: (props: ItemRendererFactory<T>) => ItemRenderer<T>;\n  action?: JSX.Element;\n  getItemKey: (item: T) => string;\n  getItemLabel: (item: T) => ReactNode;\n  getIsItemDisabled?: (item: T) => boolean;\n  placeholder?: string;\n  popoverProps?: Partial<Omit<IPopoverProps, 'popoverRef'>> & {\n    popoverRef?: React.RefCallback<HTMLElement>;\n  } & Record<string, unknown>;\n  popoverTarget?: (label: string) => JSX.Element;\n  'data-testid'?: string;\n  filterable?: boolean;\n  filterItems?: (query: string, item: T) => boolean;\n  renderAfter?: JSX.Element;\n}\n\nexport function StandardSelect<T>(props: StandardSelectProps<T>) {\n  const {\n    className,\n    selectable,\n    getItemKey,\n    getItemLabel,\n    getIsItemDisabled,\n    popoverProps,\n    itemRendererFactory = DefaultMenuItemRenderer,\n    action,\n    shouldDismissOnSelect = true,\n    sectionTitle,\n    label,\n    disabled = false,\n    disabledReason,\n    filterable = false,\n    filterItems,\n    placeholder,\n    renderAfter,\n  } = props;\n  // eslint-disable-next-line react/destructuring-assignment\n  const dataTestid = props['data-testid'];\n  const [selectedItem, setSelectedItem] = useState(selectable.selectedItem);\n\n  const menuItemRenderer = itemRendererFactory({\n    getIsItemDisabled,\n    getItemKey,\n    getItemLabel,\n    selectedItem,\n    shouldDismissOnSelect,\n  });\n\n  const renderMenu: ItemListRenderer<T> = useCallback(\n    ({ items, itemsParentRef, renderItem }) => {\n      const renderedItems = items.map(renderItem).filter((item) => item != null);\n      return (\n        <Flex className=\"item-menu\" flexDirection=\"column\">\n          <StyledDropdownMenu ulRef={itemsParentRef}>\n            {sectionTitle && (\n              <Box className=\"section-title\">\n                <Text color={Colors.GRAY_800} type=\"body-bold\">\n                  {sectionTitle}\n                </Text>\n              </Box>\n            )}\n            {renderedItems}\n          </StyledDropdownMenu>\n          {action && (\n            <>\n              <DropdownMenuDivider />\n              <ActionWrapper className=\"bp3-popover-dismiss\">{action}</ActionWrapper>\n            </>\n          )}\n        </Flex>\n      );\n    },\n    [action, sectionTitle],\n  );\n\n  const onItemSelected = (item: T, event: React.SyntheticEvent<HTMLElement, Event> | undefined) => {\n    setSelectedItem(item);\n    if (typeof selectable.onItemSelected === 'function') {\n      selectable.onItemSelected(item, event);\n    }\n  };\n\n  useEffect(() => setSelectedItem(selectable.selectedItem), [selectable.selectedItem]);\n\n  const {\n    buttonProps: {\n      className: buttonClassName,\n      defaultText = 'Select an option',\n      defaultTextFormatter = DefaultDefaultTextFormatter,\n      buttonType = DropdownButtonType.DROPDOWN,\n      displayTextFormatter = getItemLabel,\n      leftIcon,\n      rightIcon,\n    } = {},\n  } = props;\n\n  const ButtonComponent = useMemo(() => {\n    switch (buttonType) {\n      case DropdownButtonType.DROPDOWN:\n        return DropdownMenuButton;\n      case DropdownButtonType.SELECTOR:\n        return MinimalDropdownButton;\n      case DropdownButtonType.GRAYDROPDOWN:\n        return GrayDropdownSelectButton;\n      default:\n        return DropdownMenuButton;\n    }\n  }, [buttonType]);\n\n  const inputProps = filterable\n    ? {\n        className: SELECT_FILTER_INPUT_TEST_ID,\n        // Prevents navigation via arrow keys when focused\n        'data-no-navigation': 'true',\n        'data-testid': SELECT_FILTER_INPUT_TEST_ID,\n        leftelement: <SearchIcon />,\n        placeholder,\n      }\n    : {};\n\n  const buttonText = (\n    <Text color={selectedItem == null ? Colors.GRAY_500 : Colors.GRAY_800}>\n      {selectedItem != null\n        ? displayTextFormatter(selectedItem)\n        : defaultTextFormatter(defaultText)}\n    </Text>\n  );\n\n  return (\n    <DropdownWrapper>\n      <FullWidthStringSelect\n        activeItem={selectedItem}\n        className={className}\n        disabled={selectable.items.length === 0 || disabled}\n        filterable={filterable}\n        inputProps={inputProps}\n        itemListRenderer={renderMenu}\n        itemPredicate={filterable ? filterItems : undefined}\n        itemRenderer={menuItemRenderer}\n        items={selectable.items}\n        onItemSelect={onItemSelected}\n        popoverProps={{\n          boundary: 'viewport',\n          captureDismiss: true,\n          minimal: true,\n          usePortal: false,\n          ...popoverProps,\n        }}\n      >\n        {label && (\n          <Box className=\"dropdown-button-label\" pb={1}>\n            <Text color={disabled ? Colors.GRAY_500 : Colors.GRAY_800} type=\"body-bold\">\n              {label}\n            </Text>\n          </Box>\n        )}\n        {disabled && disabledReason ? (\n          <Tooltip content={disabledReason} position={Position.BOTTOM} usePortal>\n            <AnchorButton text={buttonText} alignText=\"left\" disabled fill large />\n          </Tooltip>\n        ) : (\n          <ButtonComponent\n            text={buttonText}\n            alignText=\"left\"\n            className={buttonClassName}\n            data-testid={dataTestid}\n            disabled={selectable.items.length === 0 || disabled}\n            fill\n            icon={leftIcon}\n            large\n            rightIcon={rightIcon}\n          />\n        )}\n        {renderAfter}\n      </FullWidthStringSelect>\n    </DropdownWrapper>\n  );\n}\n\nexport interface StandardStringSelectProps<T> {\n  className?: string;\n  defaultText?: string;\n  disabled?: boolean;\n  labelText?: string | JSX.Element;\n  buttonStyle?: SelectButtonStyle;\n  selectable: Selectable<T>;\n  shouldDismissOnSelect?: boolean;\n  getItemKey?: (item: T) => string;\n  getItemLabel?: (item: T) => ReactNode;\n  popoverProps?: Partial<Omit<IPopoverProps, 'popoverRef'>> & {\n    popoverRef?: React.RefCallback<HTMLElement>;\n  } & Record<string, unknown>;\n  displayTextRenderer?: (text?: ReactNode) => JSX.Element;\n  'data-testid'?: string;\n}\n\nfunction ident(_: PLEASE_DO_NOT_USE_THIS_ANY_FOR_MIGRATION_ONLY) {\n  return _;\n}\n\nfunction wrapInBodyText<T>(label: T) {\n  return <Text type=\"body\">{label}</Text>;\n}\n\n/**\n * @deprecated use <StandardSelect> instead\n */\nexport function StandardStringSelect<T>(props: StandardStringSelectProps<T>) {\n  const {\n    className,\n    defaultText,\n    disabled,\n    labelText,\n    buttonStyle,\n    selectable,\n    shouldDismissOnSelect = false,\n    getItemKey = ident,\n    getItemLabel = wrapInBodyText,\n    popoverProps,\n    displayTextRenderer,\n  } = props;\n  // eslint-disable-next-line react/destructuring-assignment\n  const dataTestid = props['data-testid'];\n  const [selectedValue, setSelectedValue] = useState(selectable.selectedItem);\n\n  const itemRenderer: ItemRenderer<T> = (value: T, { handleClick }) => {\n    return (\n      <MenuItem\n        key={getItemKey(value)}\n        text={getItemLabel(value)}\n        onClick={handleClick}\n        shouldDismissPopover={shouldDismissOnSelect}\n      />\n    );\n  };\n\n  const onItemSelected = (item: T, event: React.SyntheticEvent<HTMLElement, Event> | undefined) => {\n    setSelectedValue(item);\n    if (typeof selectable.onItemSelected === 'function') {\n      selectable.onItemSelected(item, event);\n    }\n  };\n\n  useEffect(() => setSelectedValue(selectable.selectedItem), [selectable.selectedItem]);\n\n  let ButtonComponent;\n  if (buttonStyle === SelectButtonStyle.DropDown) {\n    ButtonComponent = DropdownButton;\n  } else if (buttonStyle === SelectButtonStyle.GrayDropdown) {\n    ButtonComponent = GrayDropdownButton;\n  } else {\n    ButtonComponent = Button;\n  }\n\n  const LabelComponent = labelText ? Label : 'div';\n\n  return (\n    <StringSelect\n      activeItem={selectedValue}\n      className={className}\n      disabled={disabled}\n      filterable={false}\n      itemRenderer={itemRenderer}\n      items={selectable.items}\n      onItemSelect={onItemSelected}\n      popoverProps={{ minimal: true, ...popoverProps }}\n    >\n      {buttonStyle === SelectButtonStyle.Minimal ? (\n        <span>\n          <Text type=\"body\">{labelText}</Text>\n          <ButtonComponent\n            text={\n              displayTextRenderer ? (\n                displayTextRenderer(selectedValue ? getItemLabel(selectedValue!) : defaultText)\n              ) : (\n                <Text fontStyle=\"bold\">\n                  {selectedValue ? getItemLabel(selectedValue!) : defaultText}\n                </Text>\n              )\n            }\n            alignText=\"center\"\n            data-testid={dataTestid}\n            disabled={disabled}\n            minimal\n            rightIcon={<AuroraIcon name={AuroraIconType.CHEVRON_DOWN} />}\n            small\n          />\n        </span>\n      ) : (\n        <LabelComponent>\n          <Text type=\"body\">{labelText}</Text>\n          <ButtonComponent\n            text={selectedValue ? getItemLabel(selectedValue!) : defaultText}\n            alignText=\"left\"\n            data-testid={dataTestid}\n            disabled={disabled}\n            fill\n            large\n            rightIcon={<AuroraIcon name={AuroraIconType.CHEVRON_DOWN} />}\n          />\n        </LabelComponent>\n      )}\n    </StringSelect>\n  );\n}\n\n// custom hook to manage \"selected\" value state, could possibly be reused for <StandardStringSelect>\nfunction useSelectedValue<T>(\n  initialValue: T,\n  onValueChange: (value: T) => void,\n): [T, (value: T) => void] {\n  const [selectedValue, setSelectedValue] = useState(initialValue);\n\n  const onChange = (value: T) => {\n    setSelectedValue(value);\n    onValueChange(value);\n  };\n\n  return [selectedValue, onChange];\n}\n\nexport interface IDescriptiveSelectItem {\n  label: string;\n  value: string;\n  description: string;\n}\n\nconst DescriptiveSelectItem = styled.div`\n  width: ${descriptiveMenuWidth}px;\n  padding: 16px 24px;\n  cursor: pointer;\n\n  &:hover {\n    background-color: ${Colors.GRAY_100};\n  }\n`;\n\nconst DescribeSelect = Select.ofType<IDescriptiveSelectItem>();\nexport const DescriptiveSelectButtonTestId = 'descriptive-select-button';\n\n/**\n * @deprecated use <StandardSelect> instead\n */\nexport const DescriptiveSelect: FunctionComponent<{\n  selected?: Maybe<string>;\n  items: IDescriptiveSelectItem[];\n  prompt?: string;\n  onItemSelect: (item?: Maybe<IDescriptiveSelectItem>) => void;\n}> = ({ selected, items, prompt = '(none)', onItemSelect }) => {\n  const initialValue = items.find((item) => item.value === selected) || null;\n  const [selectedItem, handleItemSelect] = useSelectedValue<\n    Maybe<IDescriptiveSelectItem> | undefined\n  >(initialValue, onItemSelect);\n\n  const itemRenderer: ItemRenderer<IDescriptiveSelectItem> = (\n    item: IDescriptiveSelectItem,\n    { handleClick, index },\n  ) => {\n    const text = item ? item.label : '(none)';\n    const description = item ? item.description : '';\n    return (\n      <DescriptiveSelectItem key={index} onClick={handleClick}>\n        <Text color={Colors.GRAY_800} type=\"body-bold\">\n          {text}\n        </Text>\n        <br />\n        {description}\n      </DescriptiveSelectItem>\n    );\n  };\n\n  return (\n    <DescribeSelect\n      activeItem={selectedItem}\n      filterable={false}\n      itemRenderer={itemRenderer}\n      items={items}\n      onItemSelect={handleItemSelect}\n      popoverProps={{ minimal: true }}\n    >\n      <DropdownButton data-testid={DescriptiveSelectButtonTestId} large>\n        {selectedItem ? selectedItem.label : prompt}\n      </DropdownButton>\n    </DescribeSelect>\n  );\n};\n\nexport const EProposalSelect = styled(StandardSelect)`\n  --select-minimum-spacing: 8px;\n\n  .${SELECT_FILTER_INPUT_TEST_ID} {\n    margin: var(--select-minimum-spacing) var(--select-minimum-spacing) 0\n      var(--select-minimum-spacing);\n\n    > input {\n      background-color: ${Colors.LIGHT_NAVY};\n      border: none;\n      color: ${Colors.GRAY_700};\n      border-radius: 6px;\n      width: calc(100% - 4px);\n      height: 48px;\n      margin: 2px;\n    }\n  }\n\n  /* Acts as padding if no items */\n  .item-menu {\n    min-height: var(--select-minimum-spacing);\n  }\n\n  .bp3-icon-search {\n    display: flex;\n    align-items: center;\n    top: 0;\n    bottom: 0;\n    margin: 0 0 0 7px;\n\n    &::after {\n      top: unset;\n      bottom: unset;\n      font-size: 24px;\n    }\n  }\n\n  &&& button,\n  &&& button:hover {\n    background-color: ${Colors.LIGHT_NAVY};\n  }\n\n  &&& .bp3-input-action {\n    top: 0;\n    bottom: 0;\n    right: 0;\n    display: flex;\n    align-items: center;\n    margin-right: 7px;\n\n    > button {\n      background-color: transparent;\n      border-color: transparent !important;\n    }\n  }\n\n  ${DropdownMenuButton} {\n    border: none;\n\n    &:hover:enabled {\n      border: none;\n    }\n  }\n\n  &&& .bp3-overlay.bp3-transition-container {\n    width: fit-content;\n  }\n\n  &&& .fa-chevron-down {\n    background: none;\n    color: ${Colors.BLACK};\n  }\n\n  &&& button.bp3-large {\n    height: 48px;\n  }\n\n  &&& .bp3-popover {\n    background-color: white;\n  }\n\n  &&& .fa-checkmark {\n    -webkit-text-fill-color: ${Colors.BLACK} !important;\n  }\n\n  &&& .bp3-button-text {\n    font-size: 16px;\n  }\n\n  &&& .bp3-menu-item {\n    padding: 15px 12px;\n    font-size: 16px;\n  }\n` as typeof StandardSelect;\n","import styled from 'styled-components';\n\nimport { Colors } from '@aurorasolar/common-core/src/colors';\nimport { StandardSelect } from '@aurorasolar/common-core/src/select';\nimport { Classes } from '@blueprintjs/core';\n\nexport const Dropdown = styled(StandardSelect).attrs(() => ({\n  buttonProps: { defaultText: 'Select' },\n  popoverProps: { boundary: 'scrollParent' },\n}))`\n  &&& .fa-chevron-down {\n    background: none;\n    color: ${Colors.GRAY_800};\n  }\n\n  &&& .fa-checkmark {\n    -webkit-text-fill-color: ${Colors.GRAY_800} !important;\n  }\n\n  &&& button {\n    background-color: ${Colors.LIGHT_NAVY};\n    border: 1px solid ${Colors.LIGHT_NAVY};\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 20px;\n    padding: 14px 12px;\n  }\n\n  &&& button:hover {\n    background-color: ${Colors.LIGHT_NAVY};\n    border: 1px solid ${Colors.GRAY_800};\n  }\n\n  &&& input {\n    background-color: ${Colors.LIGHT_NAVY};\n    color: ${Colors.GRAY_800};\n    border-radius: 6px;\n    width: calc(100% - 4px);\n    height: 50px;\n  }\n\n  &&& .${Classes.MENU_ITEM} {\n    padding: 14px 12px;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 20px;\n  }\n\n  &&& .${Classes.MENU} {\n    height: fit-content;\n\n    @media screen and (orientation: portrait) and (min-height: 1000px) {\n      max-height: calc(100vh - 90px - 296px);\n    }\n\n    @media screen and (orientation: portrait) and (max-height: 999px) {\n      max-height: calc(100vh - 90px - 220px);\n    }\n\n    @media screen and (orientation: landscape) {\n      max-height: calc(100vh - 90px);\n    }\n  }\n` as typeof StandardSelect;\n","import { Flex } from 'reflexbox/styled-components';\nimport styled from 'styled-components';\n\nimport { AuroraCheckbox } from '@aurorasolar/common-core/src/checkbox/checkbox';\n\nimport { BoxWithMargin } from '../../../shared-components';\nimport { Option } from '../../../utils/qualification-questions';\n\nconst ButtonHeightCheckbox = styled(AuroraCheckbox)`\n  line-height: 24px;\n  margin-bottom: 20px;\n  font-size: 16px;\n`;\n\nconst DELIMITER = '|';\n\ninterface MultiSelectAnswerProps {\n  onSelectOption: (value: Option | undefined) => void;\n  options: Option[];\n  selectedOption: Option;\n}\n\nexport function MultiSelectAnswer({\n  selectedOption,\n  onSelectOption,\n  options,\n}: MultiSelectAnswerProps) {\n  const handleSelectOption = (option: Option) => {\n    const selectedOptionKeysArr = selectedOption?.key?.split(DELIMITER) || [];\n    const selectedOptionIndex = selectedOptionKeysArr?.findIndex((key) => key === option.key);\n\n    if (selectedOptionIndex >= 0) {\n      selectedOptionKeysArr.splice(selectedOptionIndex, 1);\n    } else {\n      selectedOptionKeysArr.push(option.key);\n    }\n\n    // Reset selectedOption state to ensure \"Next\" button is greyed out\n    if (!selectedOptionKeysArr.length) {\n      return onSelectOption(undefined);\n    }\n\n    const finalLabels = options\n      .filter((o) => selectedOptionKeysArr.includes(o.key))\n      .map((o) => o.label)\n      .join(DELIMITER);\n\n    return onSelectOption({\n      ...selectedOption,\n      key: selectedOptionKeysArr.join(DELIMITER),\n      label: finalLabels,\n    });\n  };\n\n  return (\n    <BoxWithMargin maxWidth=\"250px\">\n      <Flex flexDirection=\"column\">\n        {options.map((option) => (\n          <ButtonHeightCheckbox\n            key={option.key}\n            checked={selectedOption?.key?.split(DELIMITER).includes(option.key) || false}\n            label={option.label}\n            onChange={() => handleSelectOption(option)}\n          />\n        ))}\n      </Flex>\n    </BoxWithMargin>\n  );\n}\n","import { useEffect, useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport { AuroraButtonGroup } from '@aurorasolar/common-core/src/button-group';\nimport { Colors } from '@aurorasolar/common-core/src/colors';\nimport { AuroraIconType } from '@aurorasolar/common-core/src/icon';\n\nimport { BoxWithMargin } from '../../../shared-components';\nimport { LCAIText } from '../../../typography/lcai-text/lcai-text';\nimport { PARAGRAPH_COLOR } from '../../../utils/constants';\nimport { HomeOwnershipTypes, Option } from '../../../utils/qualification-questions';\nimport { AnswerTestIds } from '../../../utils/test-ids';\n\nconst StyledButtonGroup = styled(AuroraButtonGroup)`\n  && {\n    background-color: ${Colors.GRAY_200};\n    border: 4px solid ${Colors.GRAY_200};\n    border-radius: 6px;\n    overflow: hidden;\n    width: fit-content;\n\n    button {\n      border: none;\n      border-radius: 3px;\n    }\n  }\n` as typeof AuroraButtonGroup;\n\nexport interface OwnershipSelectorProps {\n  onSelectOption: (item: Option) => void;\n  options: Option[];\n  selectedOption?: Option;\n}\n\nexport function OwnershipSelector({\n  selectedOption,\n  onSelectOption,\n  options,\n}: OwnershipSelectorProps) {\n  const homeownershipDefault = useMemo(\n    () => options.find((option) => option.key === HomeOwnershipTypes.OWN)!,\n    [options],\n  );\n\n  useEffect(() => {\n    onSelectOption(homeownershipDefault);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [onSelectOption]);\n\n  const selectedItem = selectedOption || homeownershipDefault;\n\n  return (\n    <BoxWithMargin>\n      <StyledButtonGroup<Option>\n        buttonProps={{\n          activeBgOverlayColor: Colors.GRAY_300,\n          backgroundColor: Colors.GRAY_200,\n          hoverBgOverlayColor: Colors.GRAY_300,\n          selectedBgOverlayColor: Colors.WHITE,\n        }}\n        getComparison={(item, selectable?: Option) => item.key === selectable?.key}\n        getItemIcon={(option) =>\n          option.key === HomeOwnershipTypes.OWN\n            ? AuroraIconType.RESIDENTIAL_PROJECT\n            : AuroraIconType.COMMERCIAL_PROJECT\n        }\n        getItemIconFillColor={(option) =>\n          option.key === HomeOwnershipTypes.OWN ? Colors.PRIMARY_GREEN : Colors.NAVY\n        }\n        getItemTestId={(option) =>\n          option.key === HomeOwnershipTypes.OWN\n            ? AnswerTestIds.OWNERSHIP_OWN\n            : AnswerTestIds.OWNERSHIP_RENT\n        }\n        selectable={{\n          items: options,\n          onItemSelected: onSelectOption,\n          selectedItem,\n        }}\n      />\n      <div>\n        <LCAIText\n          color={PARAGRAPH_COLOR}\n          fontWeight=\"medium\"\n          paddingLeft={selectedItem?.key === HomeOwnershipTypes.OWN ? '9px' : '48px'}\n          textTransform=\"uppercase\"\n          type=\"body-3\"\n        >\n          {selectedItem?.key}\n        </LCAIText>\n      </div>\n    </BoxWithMargin>\n  );\n}\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { Flex } from 'reflexbox/styled-components';\nimport styled from 'styled-components';\n\nimport { AuroraInputGroup } from '@aurorasolar/common-core/src/input';\nimport { Radio } from '@blueprintjs/core';\n\nimport { BoxWithMargin } from '../../../shared-components';\nimport { INPUT_FOCUS_STYLE, INPUT_STYLE } from '../../../utils/constants';\nimport { GenericAnswerTypes, Option } from '../../../utils/qualification-questions';\n\nconst StyledInput = styled(AuroraInputGroup)`\n  &.bp3-input-group input.bp3-input {\n    ${INPUT_STYLE}\n  }\n\n  &.bp3-input-group input.bp3-input:focus {\n    ${INPUT_FOCUS_STYLE}\n  }\n`;\n\nexport interface RadioGroupProps {\n  onSelectOption: (item: Option) => void;\n  options: Option[];\n  selectedOption?: Option;\n}\n\nexport function RadioGroup({ selectedOption, onSelectOption, options }: RadioGroupProps) {\n  const yesDefault = useMemo(\n    () => options.find((option) => option.key === GenericAnswerTypes.YES)!,\n    [options],\n  );\n  const [input, setInput] = useState<string>('');\n\n  useEffect(() => {\n    onSelectOption(yesDefault);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [onSelectOption]);\n\n  const selectOptionHandler = (option: Option, value: string) => {\n    if (value && option.key === 'input') {\n      option.label = value;\n    }\n    onSelectOption(option);\n  };\n\n  const selectedItem = selectedOption || yesDefault;\n\n  return (\n    <BoxWithMargin>\n      {options.map((option) => (\n        <Flex key={option.key} my={2}>\n          <Radio\n            checked={option.key === selectedItem?.key}\n            label={option.label}\n            onChange={() => selectOptionHandler(option, input)}\n          />\n          {!option.label ? (\n            <StyledInput\n              large\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n                const { value } = e.target;\n                setInput(value);\n                selectOptionHandler(option, value);\n              }}\n              type=\"text\"\n              value={input}\n            />\n          ) : null}\n        </Flex>\n      ))}\n    </BoxWithMargin>\n  );\n}\n","import { AnswerTypes, Option } from '../../../utils/qualification-questions';\nimport { ButtonGroupAnswer } from './button-group-answer';\nimport { DropdownAnswer } from './dropdown-answer';\nimport { MultiSelectAnswer } from './multi-select-answer';\nimport { OwnershipSelector } from './ownership-selector';\nimport { RadioGroup } from './radio-group';\n\nconst ANSWER_COMPONENT_MATCHER = {\n  [AnswerTypes.DROPDOWN]: DropdownAnswer,\n  [AnswerTypes.BUTTON_GROUP]: ButtonGroupAnswer,\n  [AnswerTypes.OWNERSHIP_SELECTOR]: OwnershipSelector,\n  [AnswerTypes.RADIO_GROUP]: RadioGroup,\n  [AnswerTypes.MULTI_SELECT]: MultiSelectAnswer,\n};\n\nexport interface AnswerMatcherProps {\n  onSelectOption: (item: Option | undefined) => void;\n  options: Option[];\n  selectedOption?: Option;\n  answerType: string;\n  testId?: string;\n}\n\nexport function AnswerMatcher({\n  onSelectOption,\n  selectedOption,\n  options,\n  answerType,\n  testId,\n}: AnswerMatcherProps) {\n  const Answer = ANSWER_COMPONENT_MATCHER[answerType];\n  return (\n    <Answer\n      onSelectOption={onSelectOption}\n      options={options}\n      selectedOption={selectedOption}\n      testId={testId}\n    />\n  );\n}\n","import { BoxWithMargin, Dropdown } from '../../../shared-components';\nimport { Option } from '../../../utils/qualification-questions';\n\ninterface DropdownAnswerProps {\n  onSelectOption: (item: Option) => void;\n  options: Option[];\n  selectedOption?: Option;\n  testId?: string;\n}\n\nexport function DropdownAnswer({\n  selectedOption,\n  onSelectOption,\n  options,\n  testId,\n}: DropdownAnswerProps) {\n  return (\n    <BoxWithMargin maxWidth=\"250px\">\n      <Dropdown<Option>\n        data-testid={testId}\n        getItemKey={(option) => option.key}\n        getItemLabel={(option) => option.label}\n        selectable={{\n          items: options,\n          onItemSelected: onSelectOption,\n          selectedItem: selectedOption,\n        }}\n      />\n    </BoxWithMargin>\n  );\n}\n","import { Box } from 'reflexbox/styled-components';\n\nimport { AuroraIcon, AuroraIconType } from '@aurorasolar/common-core/src/icon';\n\nimport { AnimateView, BoxWithMargin, Image, SplitView, TopRail } from '../../shared-components';\nimport { LCAIButton, LCAIButtonIntent, LCAIText } from '../../typography';\nimport { HEADER_COLOR } from '../../utils/constants';\nimport { ExtendedQualificationQuestion, Option } from '../../utils/qualification-questions';\nimport { AnswerMatcher } from './answer-types/answer-matcher';\n\nexport interface QualificationQuestionCoreProps {\n  currentQuestion: ExtendedQualificationQuestion;\n  projectId: string;\n  selectedAnswer?: Option;\n  setSelectedAnswer: (option: Option | undefined) => void;\n  skipQuestion: () => void;\n  submitQuestion: () => void;\n  templateId: string;\n}\n\nexport const QualificationQuestionCore = ({\n  currentQuestion,\n  projectId,\n  selectedAnswer,\n  setSelectedAnswer,\n  skipQuestion,\n  submitQuestion,\n  templateId,\n}: QualificationQuestionCoreProps) => {\n  const QuestionBox = currentQuestion.header ? BoxWithMargin : Box;\n\n  return (\n    <>\n      <TopRail\n        progressValue={currentQuestion.progressValue}\n        projectId={projectId}\n        sourcePage={currentQuestion.sourcePage}\n        templateId={templateId}\n      />\n      <AnimateView>\n        <SplitView\n          buttons={\n            <>\n              <LCAIButton\n                disabled={!selectedAnswer}\n                intent={LCAIButtonIntent.PRIMARY_LIGHT}\n                onClick={submitQuestion}\n              >\n                <AuroraIcon name={AuroraIconType.BTN_ARROW} />\n                Next\n              </LCAIButton>\n              {currentQuestion.canSkip && (\n                <LCAIButton intent={LCAIButtonIntent.GHOST_LIGHT} onClick={skipQuestion}>\n                  Skip\n                </LCAIButton>\n              )}\n            </>\n          }\n          hasProgressBar\n          leftContent={\n            <>\n              {currentQuestion.header ? (\n                <LCAIText color={HEADER_COLOR} fontWeight=\"medium\" type=\"header-2\">\n                  {currentQuestion.header}\n                </LCAIText>\n              ) : null}\n              <QuestionBox>\n                <LCAIText color={HEADER_COLOR} fontWeight=\"medium\" type=\"header-2\">\n                  {currentQuestion.question}\n                </LCAIText>\n              </QuestionBox>\n              <AnswerMatcher\n                answerType={currentQuestion.answerType}\n                onSelectOption={setSelectedAnswer}\n                options={currentQuestion.options}\n                selectedOption={selectedAnswer}\n                testId={currentQuestion.testId}\n              />\n            </>\n          }\n          rightContent={\n            <Image\n              alt={currentQuestion.alt || ''}\n              customImage={currentQuestion?.customImage}\n              name={currentQuestion.image || ''}\n            />\n          }\n        />\n      </AnimateView>\n    </>\n  );\n};\n","// @ts-ignore: Ignore unused { * as Types } import\nimport * as Types from '@aurorasolar/graphql-client-schema';\n\nimport { gql } from '@apollo/client';\nimport * as Apollo from '@apollo/client';\nconst defaultOptions = {} as const;\nexport type SubmitLeadCaptureQualificationQuestionAnswersMutationVariables = Types.Exact<{\n  id: Types.Scalars['ID']['input'];\n  answers: Array<Types.SubmitLeadCaptureQualificationQuestionAnswerInput> | Types.SubmitLeadCaptureQualificationQuestionAnswerInput;\n}>;\n\n\nexport type SubmitLeadCaptureQualificationQuestionAnswersMutation = { __typename: 'Mutation', submitLeadCaptureQualificationQuestionAnswers: { __typename: 'LeadCaptureProject', id: string, disqualified?: boolean | null | undefined } };\n\n\nexport const SubmitLeadCaptureQualificationQuestionAnswersDocument = gql`\n    mutation SubmitLeadCaptureQualificationQuestionAnswers($id: ID!, $answers: [SubmitLeadCaptureQualificationQuestionAnswerInput!]!) @trace_info(traceInfo: {pod: leads}) {\n  submitLeadCaptureQualificationQuestionAnswers(id: $id, answers: $answers) {\n    id\n    disqualified\n  }\n}\n    `;\nexport type SubmitLeadCaptureQualificationQuestionAnswersMutationFn = Apollo.MutationFunction<SubmitLeadCaptureQualificationQuestionAnswersMutation, SubmitLeadCaptureQualificationQuestionAnswersMutationVariables>;\n\n/**\n * __useSubmitLeadCaptureQualificationQuestionAnswersMutation__\n *\n * To run a mutation, you first call `useSubmitLeadCaptureQualificationQuestionAnswersMutation` within a React component and pass it any options that fit your needs.\n * When your component renders, `useSubmitLeadCaptureQualificationQuestionAnswersMutation` returns a tuple that includes:\n * - A mutate function that you can call at any time to execute the mutation\n * - An object with fields that represent the current status of the mutation's execution\n *\n * @param baseOptions options that will be passed into the mutation, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options-2;\n *\n * @example\n * const [submitLeadCaptureQualificationQuestionAnswersMutation, { data, loading, error }] = useSubmitLeadCaptureQualificationQuestionAnswersMutation({\n *   variables: {\n *      id: // value for 'id'\n *      answers: // value for 'answers'\n *   },\n * });\n */\nexport function useSubmitLeadCaptureQualificationQuestionAnswersMutation(baseOptions?: Apollo.MutationHookOptions<SubmitLeadCaptureQualificationQuestionAnswersMutation, SubmitLeadCaptureQualificationQuestionAnswersMutationVariables>) {\n        const options = {...defaultOptions, ...baseOptions}\n        return Apollo.useMutation<SubmitLeadCaptureQualificationQuestionAnswersMutation, SubmitLeadCaptureQualificationQuestionAnswersMutationVariables>(SubmitLeadCaptureQualificationQuestionAnswersDocument, options);\n      }\nexport type SubmitLeadCaptureQualificationQuestionAnswersMutationHookResult = ReturnType<typeof useSubmitLeadCaptureQualificationQuestionAnswersMutation>;\nexport type SubmitLeadCaptureQualificationQuestionAnswersMutationResult = Apollo.MutationResult<SubmitLeadCaptureQualificationQuestionAnswersMutation>;\nexport type SubmitLeadCaptureQualificationQuestionAnswersMutationOptions = Apollo.BaseMutationOptions<SubmitLeadCaptureQualificationQuestionAnswersMutation, SubmitLeadCaptureQualificationQuestionAnswersMutationVariables>;","import { useCallback, useEffect, useState } from 'react';\n\nimport { useDebouncedCallback } from '@aurorasolar/common-core/src/hooks';\nimport {\n  Analytics,\n  AnalyticsEventTypes,\n  AnalyticsPageTypes,\n  AppRouterNavigation,\n  useAppModule,\n} from '@aurorasolar/common-module-loader';\n\nimport { useRouteData } from '../../hooks';\nimport { DEBOUNCE_TIME } from '../../utils/constants';\nimport { getNavigationRoute, Option } from '../../utils/qualification-questions';\nimport { QualificationQuestionCore } from './qualification-question-core';\nimport { useSubmitLeadCaptureQualificationQuestionAnswersMutation } from './qualification.generated';\n\nexport interface QualificationQuestionPageProps {\n  qualificationQuestionId: string;\n  projectId: string;\n}\n\nexport const QualificationQuestionPage = ({\n  qualificationQuestionId,\n  projectId,\n}: QualificationQuestionPageProps) => {\n  const navigation = useAppModule(AppRouterNavigation);\n  const analytics = useAppModule(Analytics);\n\n  const {\n    formBeforeResults,\n    templateId,\n    currentQuestion,\n    nextQuestionId,\n    isLastDisqualifyingQuestion,\n  } = useRouteData(qualificationQuestionId);\n  const sourcePage = currentQuestion?.sourcePage;\n  const questionId = currentQuestion?.id;\n\n  const [selectedAnswer, setSelectedAnswer] = useState<Option | undefined>();\n\n  useEffect(() => {\n    // Navi keeps will not update the local state of the component since the view is not changing with dynamic routing.\n    return () => setSelectedAnswer(undefined);\n  }, [qualificationQuestionId]);\n\n  useEffect(() => {\n    if (sourcePage && questionId) {\n      analytics?.page(AnalyticsPageTypes.LeadCaptureQualificationQuestion, {\n        project_id: projectId,\n        question: sourcePage,\n        question_id: questionId,\n      });\n    }\n  }, [analytics, projectId, sourcePage, questionId]);\n\n  const navigateAndSendAnalytic = useCallback(\n    async (answer: string, isAnswerDisqualifying?: boolean | null) => {\n      if (sourcePage && questionId) {\n        await analytics?.track(AnalyticsEventTypes.LeadCaptureAnsweredQualificationQuestion, {\n          answer,\n          project_id: projectId,\n          question: sourcePage,\n          question_id: questionId,\n        });\n\n        const navigationRoute = getNavigationRoute({\n          formBeforeResults,\n          isAnswerDisqualifying,\n          isLastDisqualifyingQuestion,\n          nextQuestionId,\n          projectId,\n          sourcePage,\n        });\n        navigation?.navigate(navigationRoute, { replace: true });\n      }\n    },\n    [\n      analytics,\n      formBeforeResults,\n      isLastDisqualifyingQuestion,\n      questionId,\n      navigation,\n      nextQuestionId,\n      projectId,\n      sourcePage,\n    ],\n  );\n\n  const [submitQualificationQuestionAnswers] =\n    useSubmitLeadCaptureQualificationQuestionAnswersMutation();\n  const submitQuestionAnswers = useDebouncedCallback(\n    () => {\n      const selectedAnswerLabel = selectedAnswer?.label;\n      const selectedAnswerKey = selectedAnswer?.key;\n      const isAnswerDisqualifying = selectedAnswer?.disqualifying;\n      if (questionId && selectedAnswerLabel && selectedAnswerKey) {\n        submitQualificationQuestionAnswers({\n          variables: {\n            answers: [\n              {\n                answer: selectedAnswerLabel,\n                id: questionId,\n                key: selectedAnswerKey,\n              },\n            ],\n            id: projectId,\n          },\n        });\n\n        navigateAndSendAnalytic(selectedAnswerLabel, isAnswerDisqualifying);\n      }\n    },\n    [\n      questionId,\n      navigateAndSendAnalytic,\n      submitQualificationQuestionAnswers,\n      projectId,\n      selectedAnswer,\n    ],\n    DEBOUNCE_TIME,\n  );\n\n  const skipQuestion = useDebouncedCallback(\n    () => navigateAndSendAnalytic('skip'),\n    [navigateAndSendAnalytic],\n    DEBOUNCE_TIME,\n  );\n\n  return currentQuestion ? (\n    <QualificationQuestionCore\n      currentQuestion={currentQuestion}\n      projectId={projectId}\n      selectedAnswer={selectedAnswer}\n      setSelectedAnswer={setSelectedAnswer}\n      skipQuestion={skipQuestion}\n      submitQuestion={submitQuestionAnswers}\n      templateId={templateId}\n    />\n  ) : null;\n};\n\nexport default QualificationQuestionPage;\n"],"names":["color","GRAY_600","FlatButton","GRAY_800","InputButton","withConfig","shouldForwardProp","prop","includes","DropdownButton","children","rightIcon","name","CHEVRON_DOWN","props","MinimalButtonGroup","attrs","minimal","GRAY_400","GrayDropdownButton","large","GRAY_500","GRAY_200","ButtonType","ButtonBorder","flatButtonCss","css","elevatedButtonCss","minWidthCss","noBoxShadowCss","largeCss","AuroraButtonStyled","backgroundColor","buttonType","elevated","flat","horizontalFill","inline","leftAlign","minWidth","noBoxShadow","noPadding","verticalFill","rest","PILL","ROUNDED","border","DASHED","NONE","AuroraButton","textprops","newTextType","intent","LIGHT","type","DROPDOWN","undefined","bolded","AuroraCheckbox","GRAY_300","InlineFlex","AuroraButtonGroup","selectable","getItemKey","getItemLabel","getItemIcon","getItemIconFillColor","getItemImage","getItemTestId","getComparison","buttonProps","disabled","_","ref","__","flexProps","role","items","map","item","isSelected","selectedItem","label","textElement","icon","iconFillColor","selectedIconColor","unselectedIconColor","iconElement","fillColor","size","image","imageElement","alt","src","isIconOnly","iconOnlyProps","px","py","width","activeBgOverlayColor","borderColor","fontWeight","grouped","hoverBgOverlayColor","hoverTextColor","hoverTextWeight","SECONDARY","mx","onClick","event","onItemSelected","selectedBgOverlayColor","selectedTextWeight","StyledButtonGroup","GRAY_700","Select","_super","_this","apply","this","arguments","state","isOpen","TypedQueryList","ofType","input","queryList","refHandlers","inputProps","renderQueryList","listProps","_a","_b","filterable","_c","_d","_e","popoverProps","leftIcon","placeholder","rightElement","maybeRenderClearButton","query","inputRef","onChange","handleQueryChange","value","handleKeyDown","handleKeyUp","autoFocus","enforceFocus","position","BOTTOM_LEFT","className","onInteraction","handlePopoverInteraction","popoverClassName","onOpening","handlePopoverOpening","onOpened","handlePopoverOpened","onClosing","handlePopoverClosing","onKeyDown","handleTargetKeyDown","onKeyUp","itemList","which","preventDefault","setState","handleItemSelect","onItemSelect","node","previousFocusedElement","document","activeElement","resetOnClose","resetQuery","scrollActiveItemIntoView","requestAnimationFrame","focus","setQuery","prototype","render","restProps","renderer","componentDidUpdate","_prevProps","prevState","length","displayName","SELECT_FILTER_INPUT_TEST_ID","DEFAULT_DROPDOWN_ITEM_TEST_ID","StringSelect","DefaultDropdownMenuItem","DropdownMenuButton","li","alignText","fill","GRAY_100","MinimalDropdownButton","small","GrayDropdownSelectButton","DropdownWrapper","div","FullWidthStringSelect","RED","StyledDropdownMenu","DropdownMenuDivider","ActionWrapper","SearchIcon","span","SelectButtonStyle","DropdownButtonType","DefaultMenuItemRenderer","shouldDismissOnSelect","getIsItemDisabled","handleClick","modifiers","matchesPredicate","text","labelElement","PRIMARY_GREEN","CHECKMARK","shouldDismissPopover","DefaultDefaultTextFormatter","defaultText","StandardSelect","itemRendererFactory","action","sectionTitle","disabledReason","filterItems","renderAfter","dataTestid","setSelectedItem","useState","menuItemRenderer","renderMenu","useCallback","itemsParentRef","renderItem","renderedItems","filter","flexDirection","ulRef","useEffect","buttonClassName","defaultTextFormatter","displayTextFormatter","ButtonComponent","useMemo","SELECTOR","GRAYDROPDOWN","leftelement","buttonText","activeItem","itemListRenderer","itemPredicate","itemRenderer","boundary","captureDismiss","usePortal","pb","content","BOTTOM","LIGHT_NAVY","BLACK","Dropdown","ButtonHeightCheckbox","DELIMITER","StyledInput","ANSWER_COMPONENT_MATCHER","selectedOption","onSelectOption","options","testId","maxWidth","option","key","BUTTON_GROUP","img","OWNERSHIP_SELECTOR","homeownershipDefault","find","OWN","WHITE","RESIDENTIAL_PROJECT","COMMERCIAL_PROJECT","NAVY","OWNERSHIP_OWN","OWNERSHIP_RENT","paddingLeft","textTransform","RADIO_GROUP","yesDefault","YES","setInput","selectOptionHandler","my","checked","e","target","MULTI_SELECT","split","selectedOptionKeysArr","selectedOptionIndex","findIndex","splice","push","finalLabels","o","join","handleSelectOption","AnswerMatcher","answerType","Answer","QualificationQuestionCore","currentQuestion","projectId","selectedAnswer","setSelectedAnswer","skipQuestion","submitQuestion","templateId","QuestionBox","header","progressValue","sourcePage","buttons","PRIMARY_LIGHT","BTN_ARROW","canSkip","GHOST_LIGHT","hasProgressBar","leftContent","question","rightContent","customImage","defaultOptions","SubmitLeadCaptureQualificationQuestionAnswersDocument","QualificationQuestionPage","qualificationQuestionId","navigation","analytics","formBeforeResults","nextQuestionId","isLastDisqualifyingQuestion","questionId","id","page","LeadCaptureQualificationQuestion","project_id","question_id","navigateAndSendAnalytic","async","answer","isAnswerDisqualifying","track","LeadCaptureAnsweredQualificationQuestion","navigationRoute","navigate","replace","submitQualificationQuestionAnswers","baseOptions","useSubmitLeadCaptureQualificationQuestionAnswersMutation","submitQuestionAnswers","selectedAnswerLabel","selectedAnswerKey","disqualifying","variables","answers"],"sourceRoot":""}