{"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.1__8.7.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'\nimport { isFeeTransparencyUpliftTrmt } from '../../../experiments/feeTransparencyUplift'\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: isFeeTransparencyUpliftTrmt() ? 'left' : '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\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    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      firstInitial,\n      lastInitial,\n      alternateFullName,\n      thumbnailUrl,\n    } = this.props\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                  recipient={recipient}\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        </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    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","isFeeTransparencyUpliftTrmt","textAlign","RecipientContainer","background","borderRadius","DetailsContainer","flexDirection","marginLeft","position","wordBreak","RecipientTitle","React","_HeadingText","_extends","as","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","lastInitial","thumbnailUrl","css","headerContainer","recipientContainer","Media","query","concat","SIZE_MOBILE","matches","ContactAvatar","imageUrl","isBusiness","Boolean","getDetailsContainerStyles","detailsContainer","getDecoratedRecipientText","_BodyText","getFlowType","getRecipientText","showLocation","connect","_ref","server","unilateral","group","env","ENV_TYPE","GROUPS","isCharity","name","stateProps","dispatchProps","ownProps"],"sourceRoot":""}