{"version":3,"file":"static/chunks/1855.afb6c50ee868faee.js","mappings":"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","sources":["webpack://_N_E/./src/components/Dialog/DialogTitle.tsx","webpack://_N_E/./src/components/AZCustomComponent/Popper/Popper.tsx","webpack://_N_E/./src/components/Typography/index.tsx","webpack://_N_E/./src/components/AZCustomComponent/Popper/styles.module.scss","webpack://_N_E/./src/components/Typography/Typography.module.scss","webpack://_N_E/<anon>"],"sourcesContent":["/**\n * Copyright 2021 AutoZone, Inc.\n * Content is confidential to and proprietary information of AutoZone, Inc., its\n * subsidiaries and affiliates.\n */\n\n/**\n * Ported from @material-ui/core@4.11.3\n */\n\nimport cx from 'classnames';\nimport * as React from 'react';\nimport styles from './Dialog.module.scss';\nimport { Typography } from '@/components/Typography';\n\ntype Props = {\n  className: string;\n  ariaLabel?: string;\n  id?: string;\n  children: React.ReactNode;\n  typographyComponent?: React.ElementType;\n};\n\nexport const DialogTitle = (props: Props) => {\n  const { children, className, id, ariaLabel, typographyComponent } = props;\n\n  return (\n    <Typography\n      component={typographyComponent || 'h2'}\n      className={cx(styles.dialogTitleRoot, className)}\n      id={id}\n      ariaLabel={ariaLabel}\n    >\n      {children}\n    </Typography>\n  );\n};\n","/**\n * Copyright 2019 AutoZone, Inc.\n * Content is confidential to and proprietary information of AutoZone, Inc., its\n * subsidiaries and affiliates.\n */\nimport React, { useCallback, useRef, useState } from 'react';\nimport { createPopper, type VirtualElement } from '@popperjs/core';\nimport ReactDOM from 'react-dom';\nimport cx from 'classnames';\nimport { useSelector } from 'react-redux';\nimport { DialogTitle } from '@/components/Dialog/DialogTitle';\nimport { DialogContent } from '@/components/Dialog/DialogContent';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { Paper } from '../../Paper';\nimport type { ReduxState } from '../../../types';\nimport CloseIcon from '../../../../public/images/close.svg';\nimport iconStyles from '../../../theme/iconStyles.module.scss';\nimport styles from './styles.module.scss';\n\ntype Modifiers = {\n  flip?: {\n    enabled: boolean;\n  };\n  preventOverflow?: {\n    enabled: boolean;\n    boundariesElement: string;\n  };\n  arrow?: {\n    enabled: boolean;\n    element?: React.ReactNode;\n  };\n};\n\ntype AnchorEl = Function | HTMLElement | React.RefObject<HTMLElement>;\n\nexport type PopperProps = {\n  id?: string;\n  classes?: {\n    paper?: string;\n    popper?: string;\n    root?: string;\n    arrow?: string;\n  };\n  isOpen: boolean;\n  anchorEl: AnchorEl;\n  modifiers?: Modifiers;\n  strategy?: 'absolute' | 'fixed';\n  placement?:\n    | 'auto-end'\n    | 'auto-start'\n    | 'auto'\n    | 'bottom-end'\n    | 'bottom-start'\n    | 'bottom'\n    | 'left-end'\n    | 'left-start'\n    | 'left'\n    | 'right-end'\n    | 'right-start'\n    | 'right'\n    | 'top-end'\n    | 'top-start'\n    | 'top';\n  children: React.ReactNode;\n  disablePortal?: boolean;\n  isCorePricePadding?: boolean;\n  elevation?: number;\n  role?: string;\n  ariaLabel?: string;\n  ariaLabelledByID?: string;\n  popperAriaLabelledByID?: string;\n  ariaDescribedByID?: string;\n  popperRole?: string;\n  popperAriaModal?: boolean;\n  popperId?: string;\n  hideForBots?: boolean;\n};\n\nexport type PopperHeaderProps = {\n  classes?: {\n    heading?: string;\n    title?: string;\n  };\n  children: React.ReactNode;\n  handleClose?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  focusToCloseButton?: boolean;\n  ariaLabel?: string;\n  ariaLabelledByID?: string;\n  hideCloseIcon?: boolean;\n  isBorder?: boolean;\n  typographyComponent?: React.ElementType;\n};\n\nexport type PopperBodyProps = {\n  children: React.ReactNode;\n  ariaDescribedByID?: string;\n  classes?: {\n    body?: string;\n  };\n};\n\nexport const PopperHeader = ({\n  classes = {},\n  children,\n  handleClose,\n  focusToCloseButton,\n  ariaLabel,\n  ariaLabelledByID,\n  hideCloseIcon,\n  isBorder = false,\n  typographyComponent = 'h2',\n}: PopperHeaderProps) => {\n  const closeRef = React.useRef<HTMLButtonElement>(null);\n\n  React.useEffect(() => {\n    focusToCloseButton && closeRef.current?.focus();\n  }, [focusToCloseButton]);\n\n  return (\n    <div\n      className={cx(isBorder ? styles.popperTitle : styles.popperTitleWithoutBorder, classes.title)}\n    >\n      <DialogTitle\n        className={cx(styles.popperTitleText, classes.heading)}\n        id={ariaLabelledByID}\n        ariaLabel={ariaLabel}\n        typographyComponent={typographyComponent}\n      >\n        {children || `\\u00A0`}\n      </DialogTitle>\n      {!hideCloseIcon ? (\n        <IconButton\n          aria-label=\"Close\"\n          ref={closeRef}\n          className={styles.popperTitleCloseButton}\n          onClick={handleClose}\n          data-testid=\"popper-title-close-button\"\n        >\n          <CloseIcon className={cx(iconStyles.defaultIconStyle, iconStyles.fontSizeSmall)} />\n        </IconButton>\n      ) : null}\n    </div>\n  );\n};\n\nexport const PopperBody = (props: PopperBodyProps) => (\n  <DialogContent\n    className={cx(styles.popperContent, props.classes?.body)}\n    ariaDescribedByID={props.ariaDescribedByID}\n  >\n    {props.children}\n  </DialogContent>\n);\n\nfunction getAnchorEl(anchorEl: AnchorEl): Element | VirtualElement {\n  return typeof anchorEl === 'function' ? anchorEl() : anchorEl;\n}\n\nexport function Popper({\n  isOpen,\n  anchorEl,\n  placement: initialPlacement = 'bottom',\n  children,\n  classes = {},\n  modifiers = {},\n  strategy = 'absolute',\n  disablePortal = false,\n  elevation,\n  isCorePricePadding,\n  role = 'alertdialog',\n  ariaLabelledByID,\n  ariaDescribedByID,\n  popperRole = 'tooltip',\n  popperAriaModal = false,\n  popperAriaLabelledByID,\n  popperId,\n  hideForBots = false,\n}: PopperProps) {\n  const [arrowRef, setArrowRef] = useState<HTMLElement | null>(null);\n  const id = isOpen ? 'simple-popper' : undefined;\n  const tooltipRef = useRef<HTMLDivElement | null>(null);\n  const isABot = useSelector(({ appData }: ReduxState) => appData.deviceType === 'bot');\n\n  const { root = '' } = classes;\n  const {\n    flip = {\n      enabled: true,\n    },\n    arrow = {\n      enabled: true,\n    },\n  } = modifiers;\n  const handleOpen = useCallback(() => {\n    if (!tooltipRef.current || !anchorEl || !isOpen) {\n      return;\n    }\n\n    const popperModifiers = [\n      {\n        name: 'flip',\n        enabled: flip.enabled,\n        options: {\n          altBoundary: disablePortal,\n          ...(isCorePricePadding && { padding: 100 }),\n        },\n      },\n      {\n        name: 'arrow',\n        enabled: arrow.enabled,\n        options: {\n          element: arrowRef,\n        },\n      },\n      {\n        name: 'preventOverflow',\n        enabled: true,\n        options: {\n          boundariesElement: 'scrollParent',\n          altBoundary: disablePortal,\n        },\n      },\n    ];\n    createPopper(getAnchorEl(anchorEl), tooltipRef.current, {\n      placement: initialPlacement,\n      modifiers: popperModifiers,\n      strategy,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [anchorEl, isOpen, arrowRef, initialPlacement]);\n\n  const handleRef = useCallback(\n    (node: HTMLDivElement) => {\n      tooltipRef.current = node;\n      handleOpen();\n    },\n    [tooltipRef, handleOpen]\n  );\n\n  if (!isOpen || (isABot && hideForBots)) {\n    return null;\n  }\n\n  const popper = (\n    <div\n      id={popperId ?? id}\n      role={popperRole}\n      aria-modal={popperAriaModal}\n      ref={handleRef}\n      aria-labelledby={popperAriaLabelledByID}\n      style={{\n        // Prevents scroll issue, waiting for Popper.js to add this style once initiated.\n        position: 'fixed',\n        // Fix Popper.js display issue\n        top: 0,\n        left: 0,\n        display: !isOpen ? 'none' : undefined,\n      }}\n      className={cx(styles.popper, {\n        [classes.popper || '']: classes.popper,\n        [root || '']: classes.root,\n      })}\n    >\n      {arrow.enabled && <span className={cx(styles.arrow, classes.arrow)} ref={setArrowRef} />}\n      <Paper\n        id=\"popperContent\"\n        aria-modal={!popperAriaModal}\n        aria-labelledby={ariaLabelledByID}\n        aria-describedby={ariaDescribedByID}\n        className={cx(styles.paper, {\n          [classes.paper || '']: classes.paper,\n        })}\n        role={role}\n        elevation={elevation}\n      >\n        {children}\n      </Paper>\n    </div>\n  );\n\n  if (disablePortal) {\n    return popper;\n  }\n\n  return ReactDOM.createPortal(popper, document.body);\n}\n","/**\n * Copyright 2021 AutoZone, Inc.\n * Content is confidential to and proprietary information of AutoZone, Inc., its\n * subsidiaries and affiliates.\n */\n\n/**\n * Ported from @material-ui/core@4.11.3\n */\n\nimport * as React from 'react';\nimport cx from 'classnames';\nimport { pascalCase } from '../../utils/pascalCase';\nimport styles from './Typography.module.scss';\n\ntype Variant =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'subtitle1'\n  | 'subtitle2'\n  | 'body1'\n  | 'body2'\n  | 'caption'\n  | 'button'\n  | 'overline'\n  | 'srOnly'\n  | 'inherit';\n\ntype Props1 = {\n  onBlur: (event: React.FocusEvent<HTMLElement>) => void;\n  onFocus: (event: React.FocusEvent<HTMLElement>) => void;\n  onMouseEnter: (event: React.MouseEvent<HTMLElement>) => void;\n  onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;\n} & Props;\n\ntype Props2 = {\n  onBlur: (event: React.FocusEvent<HTMLElement>) => void;\n  onMouseLeave: (event: React.MouseEvent<HTMLElement>) => void;\n} & Props;\n\ntype Props3 = {\n  onFocus: (event: React.FocusEvent<HTMLElement>) => void;\n  onMouseEnter: (event: React.MouseEvent<HTMLElement>) => void;\n} & Props;\n\ntype Props = {\n  /**\n   * Set the text-align on the component.\n   */\n  align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';\n  /**\n   * The content of the component.\n   */\n  children?: React.ReactNode;\n  /**\n   * @ignore\n   */\n  className?: string;\n  /**\n   * The color of the component. It supports those theme colors that make sense for this component.\n   */\n  color?:\n    | 'initial'\n    | 'inherit'\n    | 'primary'\n    | 'secondary'\n    | 'textPrimary'\n    | 'textSecondary'\n    | 'error';\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   * Overrides the behavior of the `variantMapping` prop.\n   */\n  component?: React.ElementType;\n  /**\n   * Controls the display type\n   */\n  display?: 'initial' | 'block' | 'inline';\n  /**\n   * If `true`, the text will have a bottom margin.\n   */\n  gutterBottom?: boolean;\n  /**\n   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n   *\n   * Note that text overflow can only happen with block or inline-block level elements\n   * (the element needs to have a width in order to overflow).\n   */\n  noWrap?: boolean;\n  /**\n   * If `true`, the text will have a bottom margin.\n   */\n  paragraph?: boolean;\n  /**\n   * Label for screen readers.\n   */\n  ariaLabel?: string;\n  /**\n   * Applies the theme typography styles.\n   */\n  variant?: Variant;\n  /**\n   * The component maps the variant prop to a range of different HTML element types.\n   * For instance, subtitle1 to `<h6>`.\n   * If you wish to change that mapping, you can provide your own.\n   * Alternatively, you can use the `component` prop.\n   */\n  variantMapping?: { [key in Variant]: string };\n  id?: string;\n  'aria-haspopup'?: string;\n  onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  tabIndex?: string;\n};\n\n// @ts-expect-error refine type\nconst defaultVariantMapping: { [key in Variant]: string } = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  h6: 'h6',\n  subtitle1: 'h6',\n  subtitle2: 'h6',\n  body1: 'p',\n  body2: 'p',\n};\n\nexport const Typography = React.forwardRef<HTMLElement, Props | Props1 | Props2 | Props3>(\n  function Typography(props, ref) {\n    const {\n      align = 'inherit',\n      className,\n      color = 'initial',\n      component,\n      display = 'initial',\n      gutterBottom = false,\n      noWrap = false,\n      paragraph = false,\n      variant = 'body1',\n      variantMapping = defaultVariantMapping,\n      id,\n      ariaLabel,\n      ...other\n    } = props;\n    const Component =\n      component ||\n      (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) ||\n      'span';\n    return (\n      <Component\n        className={cx(\n          styles.root,\n          {\n            [styles[variant]]: variant !== 'inherit',\n            [styles[`color${pascalCase(color)}`]]: color !== 'initial',\n            [styles.noWrap]: noWrap,\n            [styles.gutterBottom]: gutterBottom,\n            [styles.paragraph]: paragraph,\n            [styles[`align${pascalCase(align)}`]]: align !== 'inherit',\n            [styles[`display${pascalCase(display)}`]]: display !== 'initial',\n          },\n          className\n        )}\n        ref={ref}\n        id={id}\n        aria-label={ariaLabel}\n        {...other}\n      />\n    );\n  }\n);\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"azwhite\":\"#fff\",\"azgrey1\":\"#f2f2f2\",\"azgrey2\":\"#e6e6e6\",\"azgrey3\":\"#a9aaa8\",\"azgrey4\":\"#787878\",\"azgrey5\":\"#5b5d5b\",\"azgrey6\":\"#484848\",\"azgrey7\":\"#5b5c5d\",\"azgrey8\":\"#7c7c7c\",\"azblack\":\"#202124\",\"azlightorange\":\"#f37f00\",\"azmediumorange\":\"#f26100\",\"azmediumgrey\":\"#949494\",\"azdarkorange\":\"#f23f00\",\"azlightred\":\"#f52c1c\",\"azmediumred\":\"#d52b1e\",\"azdarkred\":\"#971e15\",\"azcolorsuccess\":\"#1f7400\",\"azcolorinfo\":\"#0050b3\",\"azcolorinfoalt\":\"#0081b2\",\"azcolorerror\":\"#b30000\",\"azcolorcaution\":\"#ffc600\",\"arrow\":\"az_WDb\",\"popper\":\"az_XDb\",\"popperTitle\":\"az_YDb\",\"popperContent\":\"az_ZDb\",\"paper\":\"az__Db\",\"popperTitleText\":\"az_aEb\",\"popperTitleWithoutBorder\":\"az_bEb\",\"popperTitleCloseButton\":\"az_cEb\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"root\":\"az_NXb\",\"body2\":\"az_OXb\",\"body1\":\"az_PXb\",\"caption\":\"az_QXb\",\"button\":\"az_RXb\",\"h1\":\"az_SXb\",\"h2\":\"az_TXb\",\"h3\":\"az_UXb\",\"h4\":\"az_VXb\",\"h5\":\"az_WXb\",\"h6\":\"az_XXb\",\"subtitle1\":\"az_YXb\",\"subtitle2\":\"az_ZXb\",\"overline\":\"az__Xb\",\"srOnly\":\"az_aYb\",\"alignLeft\":\"az_bYb\",\"alignCenter\":\"az_cYb\",\"alignRight\":\"az_dYb\",\"alignJustify\":\"az_eYb\",\"noWrap\":\"az_fYb\",\"gutterBottom\":\"az_gYb\",\"paragraph\":\"az_hYb\",\"colorInherit\":\"az_iYb\",\"colorPrimary\":\"az_jYb\",\"colorSecondary\":\"az_kYb\",\"colorTextPrimary\":\"az_lYb\",\"colorTextSecondary\":\"az_mYb\",\"colorError\":\"az_nYb\",\"displayInline\":\"az_oYb\",\"displayBlock\":\"az_pYb\"};"],"names":["DialogTitle","children","className","id","ariaLabel","typographyComponent","props","jsx_runtime","jsx","Typography","component","cx","styles","PopperHeader","classes","handleClose","focusToCloseButton","ariaLabelledByID","hideCloseIcon","isBorder","param","closeRef","React","current","focus","jsxs","div","title","heading","IconButton","aria-label","ref","onClick","data-testid","CloseIcon","iconStyles","PopperBody","DialogContent","body","ariaDescribedByID","Popper","isOpen","anchorEl","placement","initialPlacement","modifiers","strategy","disablePortal","elevation","isCorePricePadding","role","popperRole","popperAriaModal","popperAriaLabelledByID","popperId","hideForBots","arrowRef","setArrowRef","useState","undefined","tooltipRef","useRef","isABot","useSelector","appData","deviceType","root","flip","enabled","arrow","handleOpen","useCallback","popperModifiers","name","options","_object_spread","_","altBoundary","padding","element","boundariesElement","createPopper","handleRef","node","popper","aria-modal","aria-labelledby","style","position","top","left","display","span","Paper","aria-describedby","paper","ReactDOM","document","defaultVariantMapping","h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","align","color","gutterBottom","noWrap","paragraph","variant","variantMapping","other","Component","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","concat","pascalCase","module","exports"],"sourceRoot":""}