{"version":3,"file":"7266.esm.js","mappings":"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","sources":["webpack:///../../node_modules/@paypalcorp/pp-react-search-input/dist/@paypalcorp/pp-react-search-input.esm.js","webpack:///../../node_modules/@paypalcorp/pp-react-search-input/dist/@paypalcorp/styles.css.js","webpack:///./transfer/components/recipient-header/simple-recipient-header.js"],"sourcesContent":["'use client';\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';\nimport _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';\nimport React, { forwardRef, useState } from 'react';\nimport { TextInput } from '@paypalcorp/pp-react-text-input';\nimport { IconButton } from '@paypalcorp/pp-react-icon-button';\nimport { DeclineIcon, SearchIcon } from '@paypalcorp/pp-react-icons';\nimport { cx } from '@paypalcorp/pp-react-utils';\nimport * as styles from './styles.css';\nexport { styles as searchInputStyles };\n\nvar _excluded = [\"keepClearButton\", \"onClear\", \"className\", \"clearButtonLabel\", \"clearButtonAriaLabel\", \"inputClassName\", \"labelClassName\", \"errorText\", \"label\", \"value\", \"onKeyDown\", \"onFocus\", \"onBlur\", \"pageLevel\"];\nvar SearchInput = forwardRef(function (props, ref) {\n  var keepClearButton = props.keepClearButton,\n    onClear = props.onClear,\n    className = props.className,\n    _props$clearButtonLab = props.clearButtonLabel,\n    clearButtonLabel = _props$clearButtonLab === void 0 ? 'Clear input' : _props$clearButtonLab,\n    _props$clearButtonAri = props.clearButtonAriaLabel,\n    clearButtonAriaLabel = _props$clearButtonAri === void 0 ? 'The info has been cleared' : _props$clearButtonAri,\n    inputClassName = props.inputClassName,\n    labelClassName = props.labelClassName,\n    errorText = props.errorText,\n    label = props.label,\n    value = props.value,\n    onKeyDown = props.onKeyDown,\n    onFocus = props.onFocus,\n    onBlur = props.onBlur,\n    _props$pageLevel = props.pageLevel,\n    pageLevel = _props$pageLevel === void 0 ? 1 : _props$pageLevel,\n    rest = _objectWithoutProperties(props, _excluded);\n  var _useState = useState(false),\n    _useState2 = _slicedToArray(_useState, 2),\n    cleared = _useState2[0],\n    setCleared = _useState2[1];\n  var _useState3 = useState(true),\n    _useState4 = _slicedToArray(_useState3, 2),\n    isSearchIcon = _useState4[0],\n    setIsSearchIcon = _useState4[1];\n  var _useState5 = useState(false),\n    _useState6 = _slicedToArray(_useState5, 2),\n    isFocus = _useState6[0],\n    setIsFocus = _useState6[1];\n\n  /* istanbul ignore next */\n\n  var clearButtonProps = cleared ? {\n    'aria-label': clearButtonAriaLabel,\n    'aria-atomic': 'true',\n    'aria-live': 'polite',\n    role: 'button'\n  } : null;\n  var clearButton = value || keepClearButton ? {\n    rightIcon: /*#__PURE__*/React.createElement(IconButton, _extends({\n      buttonType: \"tertiary\",\n      className: styles.rightIcon,\n      svgIconComponent: DeclineIcon,\n      onClick: function handleClearClick(evt) {\n        /* istanbul ignore next */\n        if (onClear) {\n          onClear(evt);\n        }\n        setCleared(true);\n        setIsFocus(true); // onClear focusing back to input field\n      },\n      onMouseDown: function onMouseDown(evt) {\n        return evt.preventDefault();\n      } // remove focus on click\n    }, clearButtonProps, {\n      \"data-ppui\": \"true\"\n    }), clearButtonLabel)\n  } : null;\n  var searchIcon = isSearchIcon ? {\n    leftIcon: /*#__PURE__*/React.createElement(SearchIcon, {\n      className: styles.leftIcon,\n      size: \"sm\",\n      \"aria-hidden\": \"true\",\n      \"data-ppui\": \"true\"\n    })\n  } : null;\n  var inputClasses = cx(styles.base, !errorText && styles.searchBorderColor, !isSearchIcon && styles.removeExtraPadding, pageLevel === 2 && styles.level2, inputClassName);\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextInput, _extends({\n    className: className,\n    ref: ref\n  }, searchIcon, clearButton, {\n    inputClassName: inputClasses,\n    labelClassName: labelClassName,\n    errorText: errorText,\n    isLabelHidden: true,\n    placeholder: label,\n    label: label,\n    value: value,\n    onFocus: function handleFocus(event) {\n      setIsSearchIcon(false); //to remove search icon when search input is in focus state\n      setIsFocus(true);\n      if (onFocus) {\n        onFocus(event);\n      }\n    },\n    onBlur: function handleBlur(event) {\n      if (!value) {\n        setIsSearchIcon(true); // to show search icon when there is no value in input field and focus goes out\n      } else {\n        setIsSearchIcon(false); // to remove search icon when there is value in input field and focus goes out\n      }\n      setIsFocus(false);\n      if (onBlur) {\n        onBlur(event);\n      }\n    },\n    \"data-ppui-info\": \"search-input_3.1.0__8.6.0\",\n    setFocus: isFocus\n  }, rest, {\n    onKeyDown: function handleKey(evt) {\n      if (cleared) {\n        setCleared(false);\n      }\n      if (evt.key === 'Escape' && onClear) {\n        onClear(evt);\n      }\n      if (onKeyDown) {\n        onKeyDown(evt);\n      }\n    }\n  })));\n});\n\nexport { SearchInput };\n","import \"../../node_modules/@paypalcorp/pp-react-theme/dist/@paypalcorp/theme.css.js.vanilla.css!=!../../../../@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\\\"fileName\\\":\\\"../../node_modules/@paypalcorp/pp-react-theme/dist/@paypalcorp/theme.css.js.vanilla.css\\\",\\\"source\\\":\\\"#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\\\"}!../../../../@vanilla-extract/webpack-plugin/extracted.js\"\nimport \"../../node_modules/@paypalcorp/pp-react-theme/dist/@paypalcorp/darkTheme.css.js.vanilla.css!=!../../../../@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\\\"fileName\\\":\\\"../../node_modules/@paypalcorp/pp-react-theme/dist/@paypalcorp/darkTheme.css.js.vanilla.css\\\",\\\"source\\\":\\\"#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\\\"}!../../../../@vanilla-extract/webpack-plugin/extracted.js\"\nimport \"../../node_modules/@paypalcorp/pp-react-utils/dist/@paypalcorp/styles.css.js.vanilla.css!=!../../../../@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\\\"fileName\\\":\\\"../../node_modules/@paypalcorp/pp-react-utils/dist/@paypalcorp/styles.css.js.vanilla.css\\\",\\\"source\\\":\\\"QGtleWZyYW1lcyBfMThtYm9xMyB7CiAgMCUgewogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTsKICB9CiAgMTAwJSB7CiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7CiAgfQp9CkBrZXlmcmFtZXMgXzE4bWJvcTQgewogIDAlIHsKICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTsKICB9CiAgMTAwJSB7CiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7CiAgfQp9Ci5fMThtYm9xMCB7CiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogY3ViaWMtYmV6aWVyKHZhcigtLV81emQ5bG8yMyksdmFyKC0tXzV6ZDlsbzI0KSwgdmFyKC0tXzV6ZDlsbzI1KSx2YXIoLS1fNXpkOWxvMjYpKTsKfQouXzE4bWJvcTEgewogIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBjdWJpYy1iZXppZXIodmFyKC0tXzV6ZDlsbzIzKSx2YXIoLS1fNXpkOWxvMjQpLCB2YXIoLS1fNXpkOWxvMjUpLHZhcigtLV81emQ5bG8yNikpOwp9Ci5fMThtYm9xMiB7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpczsKICBvdmVyZmxvdzogaGlkZGVuOwp9\\\"}!../../../../@vanilla-extract/webpack-plugin/extracted.js\"\nimport \"../../node_modules/@paypalcorp/pp-react-search-input/dist/@paypalcorp/styles.css.js.vanilla.css!=!../../../../@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{\\\"fileName\\\":\\\"../../node_modules/@paypalcorp/pp-react-search-input/dist/@paypalcorp/styles.css.js.vanilla.css\\\",\\\"source\\\":\\\"#H4sIAAAAAAAAA62TX0/CMBTF3/cp7htUU0IHRBkx8XsYQ7q1bJWuxa7jn9l3N+kQ6OwwGt/P79x7zm1HS7Kt31dqPYaPCCDVhnGDDWWirhLYUjPEeDk7srnUU7SIADaUMaFyLPnKJpBRmQ09FXlEcO+DB+SRRuSF7XiTOVpETfTChHkaGCsHrzDyN+vQfxncrhyae55FrlvItNSmA3DiA7EDAs6HdrSuhBVaJUDTSsva8t6YrVOonFtWZ3zSthQQnU1dZ5jAnW+/R/3dT67i9eBk3LYc2nzvlzX1LimUFIrjylLz7Syxs7SGqq88J8rXxW8IsjoVGU75UXDjv4h4h/z5s/a6NFvnRteKBS9MCwc9l5wJCsOS7vFOMFskMH0wvETOo/M4L6Gs3nSzEJflIkm1tbrsU5VC4YIHutRO0EQAN37Jvy3SXIeMT97O84dn4IGTX4HNJ+nuFgyNBAAA\\\"}!../../../../@vanilla-extract/webpack-plugin/extracted.js\"\nexport var base = '_1vuqfnk0';\nexport var leftIcon = '_1vuqfnk2';\nexport var level2 = '_1vuqfnk5';\nexport var removeExtraPadding = '_1vuqfnk4';\nexport var rightIcon = '_1vuqfnk3';\nexport var searchBorderColor = '_1vuqfnk1';","/**\n * A simplified Recipient Header, found on the top of the PreviewPage,\n * displays a recipient thumbnail (if available) and the user name\n * (if available) and the user id.\n */\n\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport Media from 'react-media'\nimport { SIZE_MOBILE } from 'lib/styles/media-queries'\nimport { connect } from 'transfer/utils/p2p-connect'\nimport { getFlowType } from 'transfer/utils/url-utils'\nimport glamorous from 'glamorous'\nimport { HeadingText, BodyText } from '@paypalcorp/pp-react'\nimport ContactAvatar from 'transfer/components/contactAvatar'\n\nimport { isEmail, isPhone } from '../../../../../shared/validators'\nimport { ENV_TYPE } from '../../../../../lib/constants'\nimport content from 'pp-react-l10n'\n\nconst i18n = content('transfer/page/preview')\n\n/*\n *  Helper Classes and Glamorous Styling\n */\nconst HeaderContainer = glamorous.div({\n  display: 'flex',\n  alignItems: 'center',\n  marginBottom: '1rem',\n  justifyContent: 'center',\n  textAlign: 'left',\n})\n\nconst RecipientContainer = glamorous.div('recipientHeader', {\n  background: '#ffffff',\n  textAlign: 'center',\n  borderRadius: 5,\n  display: 'inline-flex',\n})\n\nconst DetailsContainer = glamorous.div({\n  display: 'flex',\n  flexDirection: 'column',\n  marginLeft: '16px',\n  position: 'relative',\n  wordBreak: 'break-word',\n})\n\nconst RecipientTitleText = props => <HeadingText size=\"lg\" as=\"h1\" {...props} />\nconst RecipientTitle = glamorous(RecipientTitleText)({\n  marginBottom: '0.5rem',\n})\n\nconst SecondaryInfoText = props => <HeadingText size=\"lg\" {...props} />\nconst SecondaryInfo = glamorous(SecondaryInfoText)({\n  margin: '0',\n  color: '#6c7378',\n  position: 'relative',\n  lineHeight: '1.6rem',\n  fontWeight: 'normal',\n  fontSize: 16,\n})\n\nconst TertiaryInfo = SecondaryInfo\n\nexport class SimpleRecipientHeader extends React.Component {\n  static propTypes = {\n    thumbnailUrl: PropTypes.string,\n    firstInitial: PropTypes.string,\n    fullName: PropTypes.string,\n    alternateFullName: PropTypes.string,\n    lastInitial: PropTypes.string,\n    showRequestLabel: PropTypes.bool,\n    isCharity: PropTypes.bool,\n    recipientDisplayDetails: PropTypes.string.isRequired,\n    displayName: PropTypes.string,\n    shouldRenderThumbnail: PropTypes.bool,\n    recipient: PropTypes.string,\n    networkDisplayName: PropTypes.string,\n    networkDisplayAddress: PropTypes.string,\n    styleOverrides: PropTypes.object,\n    showLocation: PropTypes.bool,\n    thumbnailDiameter: PropTypes.number,\n    unilateralFullName: PropTypes.string,\n    typedRecipient: PropTypes.string,\n    isGroup: PropTypes.bool,\n    groupName: PropTypes.string,\n  }\n\n  static defaultProps = {\n    showLocation: false,\n  }\n\n  getRecipientText = () => {\n    const { typedRecipient, recipientDisplayDetails } = this.props\n\n    if (isEmail(typedRecipient) || isPhone(typedRecipient)) {\n      return typedRecipient\n    }\n\n    return recipientDisplayDetails\n  }\n\n  getDecoratedRecipientText = recipient => {\n    const { isGroup, groupName } = this.props\n    if (isGroup && groupName) {\n      return i18n('label.groupManagedBy', { displayName: recipient })\n    }\n    return recipient\n  }\n\n  getDetailsContainerStyles = styles => {\n    if (!this.props.shouldRenderThumbnail) {\n      return {\n        ...styles,\n        textAlign: 'center',\n      }\n    }\n    return styles\n  }\n\n  render() {\n    const recipient =\n      this.props.unilateralFullName ||\n      this.props.displayName ||\n      this.props.recipientDisplayDetails ||\n      this.props.recipient\n    const shouldShowRecipientDisplayDetails =\n      this.props.unilateralFullName ||\n      this.props.firstInitial ||\n      this.props.fullName ||\n      this.props.alternateFullName ||\n      this.props.networkDisplayName\n    const recipientTitle = this.props.groupName\n    const shouldShowRecipientTitle = this.props.isGroup\n    const {\n      styleOverrides = {},\n      showLocation,\n      networkDisplayAddress,\n      firstInitial,\n      lastInitial,\n      alternateFullName,\n      thumbnailUrl,\n    } = this.props\n\n    const shouldShowLocation = showLocation && networkDisplayAddress\n\n    return (\n      <HeaderContainer css={styleOverrides.headerContainer}>\n        <RecipientContainer css={styleOverrides.recipientContainer}>\n          {this.props.shouldRenderThumbnail && (\n            <Media query={`(max-width: ${SIZE_MOBILE}px)`}>\n              {matches => (\n                <ContactAvatar\n                  size={matches ? 'md' : 'lg'}\n                  imageUrl={thumbnailUrl}\n                  firstInitial={firstInitial}\n                  lastInitial={lastInitial}\n                  isBusiness={Boolean(alternateFullName)}\n                />\n              )}\n            </Media>\n          )}\n        </RecipientContainer>\n\n        <DetailsContainer\n          css={this.getDetailsContainerStyles(styleOverrides.detailsContainer)}\n        >\n          {shouldShowRecipientTitle && (\n            <RecipientTitle>{recipientTitle}</RecipientTitle>\n          )}\n          <HeadingText size=\"sm\">\n            {this.getDecoratedRecipientText(recipient)}\n          </HeadingText>\n          {shouldShowRecipientDisplayDetails && (\n            <BodyText data-testid=\"secondary-recipient-text\">\n              {getFlowType() === 'payRequest'\n                ? this.props.recipient\n                : this.getRecipientText()}\n            </BodyText>\n          )}\n          {shouldShowLocation && (\n            <TertiaryInfo css={styleOverrides.tertiaryInfo}>\n              {networkDisplayAddress}\n            </TertiaryInfo>\n          )}\n        </DetailsContainer>\n      </HeaderContainer>\n    )\n  }\n}\n\nexport default connect(\n  ({ server, recipient, unilateral, group }) => ({\n    shouldRenderThumbnail: server.env !== ENV_TYPE.GROUPS,\n    recipient: recipient.recipient,\n    displayName: recipient.displayName,\n    recipientDisplayDetails: recipient.recipientDisplayDetails,\n    typedRecipient: recipient.typedRecipient,\n    thumbnailUrl: recipient.thumbnailUrl,\n    firstInitial: recipient.firstInitial,\n    fullName: recipient.fullName,\n    alternateFullName: recipient.alternateFullName,\n    lastInitial: recipient.lastInitial,\n    isCharity: recipient.isCharity,\n    networkDisplayName: recipient.networkDisplayName,\n    networkDisplayAddress: recipient.networkDisplayAddress,\n    unilateralFullName: unilateral.name,\n    isGroup: server.env === ENV_TYPE.GROUPS,\n    groupName: group?.name,\n  }),\n  null,\n  (stateProps, dispatchProps, ownProps) => ({\n    ...stateProps,\n    ...dispatchProps,\n    ...ownProps,\n  })\n)(SimpleRecipientHeader)\n"],"names":["_excluded","SearchInput","forwardRef","props","ref","keepClearButton","onClear","className","_props$clearButtonLab","clearButtonLabel","_props$clearButtonAri","clearButtonAriaLabel","inputClassName","labelClassName","errorText","label","value","onKeyDown","onFocus","onBlur","_props$pageLevel","pageLevel","rest","_useState","useState","_useState2","cleared","setCleared","_useState3","_useState4","isSearchIcon","setIsSearchIcon","_useState5","_useState6","isFocus","setIsFocus","clearButtonProps","role","clearButton","rightIcon","buttonType","svgIconComponent","onClick","evt","onMouseDown","preventDefault","searchIcon","leftIcon","size","inputClasses","cx","isLabelHidden","placeholder","event","setFocus","key","i18n","content","HeaderContainer","glamorous","div","display","alignItems","marginBottom","justifyContent","textAlign","RecipientContainer","background","borderRadius","DetailsContainer","flexDirection","marginLeft","position","wordBreak","RecipientTitle","React","_HeadingText","_extends","as","TertiaryInfo","margin","color","lineHeight","fontWeight","fontSize","SimpleRecipientHeader","constructor","arguments","_defineProperty","typedRecipient","recipientDisplayDetails","this","isEmail","isPhone","recipient","isGroup","groupName","displayName","styles","shouldRenderThumbnail","_objectSpread","render","unilateralFullName","shouldShowRecipientDisplayDetails","firstInitial","fullName","alternateFullName","networkDisplayName","recipientTitle","shouldShowRecipientTitle","styleOverrides","showLocation","networkDisplayAddress","lastInitial","thumbnailUrl","shouldShowLocation","css","headerContainer","recipientContainer","Media","query","concat","SIZE_MOBILE","matches","ContactAvatar","imageUrl","isBusiness","Boolean","getDetailsContainerStyles","detailsContainer","getDecoratedRecipientText","_BodyText","getFlowType","getRecipientText","tertiaryInfo","connect","_ref","server","unilateral","group","env","ENV_TYPE","GROUPS","isCharity","name","stateProps","dispatchProps","ownProps"],"sourceRoot":""}